(this.projectWrapperRef = el)}>
+
(this.projectWrapperRef = el)}
+ >
{this.tasks.map((task) => (
{task.type === 'project' ? (
@@ -132,16 +139,21 @@ export class KupCustomTaskListTable {
: v}
))}
- {this.scrollableTaskList && spansToShow > task.valuesToShow.length && (
+ {this.scrollableTaskList &&
+ spansToShow >
+ task.valuesToShow.length &&
(() => {
- const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length);
- return (
- spansToIterate.map((element) => (
-
- ))
- )
- })()
- )}
+ const spansToIterate =
+ createArrayFromNum(
+ spansToShow -
+ task.valuesToShow.length
+ );
+ return spansToIterate.map(
+ (element) => (
+
+ )
+ );
+ })()}
) : task.type === 'task' ? (
))}
- {this.scrollableTaskList && spansToShow > task.valuesToShow.length && (
+ {this.scrollableTaskList &&
+ spansToShow >
+ task.valuesToShow.length &&
(() => {
- const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length - 1);
- return (
- spansToIterate.map((element) => (
-
- ))
- )
- })()
- )}
+ const spansToIterate =
+ createArrayFromNum(
+ spansToShow -
+ task.valuesToShow
+ .length -
+ 1
+ );
+ return spansToIterate.map(
+ (element) => (
+
+ )
+ );
+ })()}
) : (
(() => {
diff --git a/packages/ketchup/src/components/kup-planner/utils/helpers/bar.helpers.ts b/packages/ketchup/src/components/kup-planner/utils/helpers/bar.helpers.ts
index 977811873a..ab29c10dd1 100644
--- a/packages/ketchup/src/components/kup-planner/utils/helpers/bar.helpers.ts
+++ b/packages/ketchup/src/components/kup-planner/utils/helpers/bar.helpers.ts
@@ -208,7 +208,7 @@ const convertToBar = (
columnWidth,
handleWidth,
rtl,
- task.secondaryStartHour,
+ task.secondaryStartHour,
task.secondaryEndHour
)
: { x1: undefined, x2: undefined };
@@ -247,7 +247,7 @@ const convertToBar = (
height: taskHeight,
barChildren: [],
styles,
- ySecondary: y
+ ySecondary: y,
};
};
@@ -347,7 +347,12 @@ const convertToTimeline = (
};
};
-const taskXCoordinate = (xDate: Date, dates: Date[], columnWidth: number, hourString?: string) => {
+const taskXCoordinate = (
+ xDate: Date,
+ dates: Date[],
+ columnWidth: number,
+ hourString?: string
+) => {
if (hourString) {
const [hours, minutes, seconds] = hourString.split(':').map(Number);
xDate.setHours(hours ?? 0);
@@ -491,11 +496,7 @@ const dateByX = (
return newDate;
};
-const hourStringFromDate = (
- date: Date,
- withSeconds: boolean
-): string => {
-
+const hourStringFromDate = (date: Date, withSeconds: boolean): string => {
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();
@@ -504,17 +505,17 @@ const hourStringFromDate = (
const formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
const formattedSeconds = seconds < 10 ? '0' + seconds : seconds;
- const hourString = withSeconds ? `${formattedHours}:${formattedMinutes}:${formattedSeconds}` : `${formattedHours}:${formattedMinutes}`;
+ const hourString = withSeconds
+ ? `${formattedHours}:${formattedMinutes}:${formattedSeconds}`
+ : `${formattedHours}:${formattedMinutes}`;
return hourString;
-}
+};
+
+const hasSeconds = (hourString: string): boolean => {
+ return hourString.split(':').length === 3;
+};
-const hasSeconds = (
- hourString: string
-) : boolean => {
- return hourString.split(":").length === 3;
-}
-
/**
* Method handles event in real time(mousemove) and on finish(mouseup)
*/
@@ -583,7 +584,11 @@ const handleTaskBySVGMouseEventForBar = (
xStep,
timeStep
);
- changedTask.endHour && (changedTask.endHour = hourStringFromDate(changedTask.end, hasSeconds(changedTask.endHour)))
+ changedTask.endHour &&
+ (changedTask.endHour = hourStringFromDate(
+ changedTask.end,
+ hasSeconds(changedTask.endHour)
+ ));
} else {
changedTask.start = dateByX(
newX1,
@@ -592,7 +597,11 @@ const handleTaskBySVGMouseEventForBar = (
xStep,
timeStep
);
- changedTask.startHour && (changedTask.startHour = hourStringFromDate(changedTask.start, hasSeconds(changedTask.startHour)))
+ changedTask.startHour &&
+ (changedTask.startHour = hourStringFromDate(
+ changedTask.start,
+ hasSeconds(changedTask.startHour)
+ ));
}
const [progressWidth, progressX] = progressWithByParams(
changedTask.x1,
@@ -618,7 +627,11 @@ const handleTaskBySVGMouseEventForBar = (
xStep,
timeStep
);
- changedTask.startHour && (changedTask.startHour = hourStringFromDate(changedTask.start, hasSeconds(changedTask.startHour)))
+ changedTask.startHour &&
+ (changedTask.startHour = hourStringFromDate(
+ changedTask.start,
+ hasSeconds(changedTask.startHour)
+ ));
} else {
changedTask.end = dateByX(
newX2,
@@ -627,7 +640,11 @@ const handleTaskBySVGMouseEventForBar = (
xStep,
timeStep
);
- changedTask.endHour && (changedTask.endHour = hourStringFromDate(changedTask.end, hasSeconds(changedTask.endHour)))
+ changedTask.endHour &&
+ (changedTask.endHour = hourStringFromDate(
+ changedTask.end,
+ hasSeconds(changedTask.endHour)
+ ));
}
const [progressWidth, progressX] = progressWithByParams(
changedTask.x1,
@@ -662,8 +679,16 @@ const handleTaskBySVGMouseEventForBar = (
xStep,
timeStep
);
- changedTask.startHour && (changedTask.startHour = hourStringFromDate(changedTask.start, hasSeconds(changedTask.startHour)))
- changedTask.endHour && (changedTask.endHour = hourStringFromDate(changedTask.end, hasSeconds(changedTask.endHour)))
+ changedTask.startHour &&
+ (changedTask.startHour = hourStringFromDate(
+ changedTask.start,
+ hasSeconds(changedTask.startHour)
+ ));
+ changedTask.endHour &&
+ (changedTask.endHour = hourStringFromDate(
+ changedTask.end,
+ hasSeconds(changedTask.endHour)
+ ));
changedTask.x1 = newMoveX1;
changedTask.x2 = newMoveX2;
const [progressWidth, progressX] = progressWithByParams(
@@ -675,7 +700,7 @@ const handleTaskBySVGMouseEventForBar = (
changedTask.progressWidth = progressWidth;
changedTask.progressX = progressX;
if (changedTask.type === 'task') {
- changedTask.y = svgY
+ changedTask.y = svgY;
}
}
break;
diff --git a/packages/ketchup/src/components/kup-planner/utils/helpers/other.helpers.ts b/packages/ketchup/src/components/kup-planner/utils/helpers/other.helpers.ts
index 57b9e7b53f..24bb37d050 100644
--- a/packages/ketchup/src/components/kup-planner/utils/helpers/other.helpers.ts
+++ b/packages/ketchup/src/components/kup-planner/utils/helpers/other.helpers.ts
@@ -66,4 +66,4 @@ export const sortTasks = (taskA: KupPlannerTask, taskB: KupPlannerTask) => {
export const createArrayFromNum = (number: number) => {
return Array.from({ length: number }, (_, index) => index);
-}
\ No newline at end of file
+};
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-gantt-calendar/readme.md b/packages/ketchup/src/components/kup-planner/utils/kup-gantt-calendar/readme.md
index b178b04046..81cacdbe76 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-gantt-calendar/readme.md
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-gantt-calendar/readme.md
@@ -1,7 +1,5 @@
# kup-gantt-calendar
-
-
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-gantt/kup-gantt.tsx b/packages/ketchup/src/components/kup-planner/utils/kup-gantt/kup-gantt.tsx
index 58468d77fa..cec1d90709 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-gantt/kup-gantt.tsx
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-gantt/kup-gantt.tsx
@@ -344,8 +344,7 @@ export class KupGantt {
color: string;
}
| undefined;
-
-
+
@State()
taskListScrollWidth: number;
@@ -525,7 +524,7 @@ export class KupGantt {
this.showSecondaryDates
);
}
-
+
@Watch('viewDate')
@Watch('columnWidth')
@Watch('dateSetup')
@@ -898,11 +897,11 @@ export class KupGantt {
handleTaskListScrollX(event: UIEvent) {
const currentTarget = event.currentTarget as HTMLDivElement;
- this.taskListScrollX = currentTarget.scrollLeft
+ this.taskListScrollX = currentTarget.scrollLeft;
}
handlePhaseDragScroll(scrollY: number) {
- this.scrollY = scrollY
+ this.scrollY = scrollY;
}
setFailedTask(task: KupPlannerBarTask | null) {
@@ -969,7 +968,7 @@ export class KupGantt {
barDblClick: this.barDblClick,
barContextMenu: this.barContextMenu,
delete: this.delete,
- phaseDrop: this.phaseDrop
+ phaseDrop: this.phaseDrop,
};
const tableProps: KupPlannerTaskListProps = {
@@ -989,7 +988,7 @@ export class KupGantt {
setSelectedTask: this.handleSelectedTask.bind(this),
expanderClick: this.handleExpanderClick.bind(this),
TaskListHeader: this.TaskListHeader,
- TaskListTable: this.TaskListTable
+ TaskListTable: this.TaskListTable,
};
return (
@@ -1017,7 +1016,7 @@ export class KupGantt {
scrollableTaskList={this.scrollableTaskList}
updateTaskListScrollX={this.ignoreScrollEvent}
ontaskListScrollWidth={(width) => {
- this.taskListScrollWidth = width
+ this.taskListScrollWidth = width;
}}
taskListScrollX={this.taskListScrollX}
ref={(el) => (this.taskListTrueRef = el)}
@@ -1069,7 +1068,9 @@ export class KupGantt {
scrollNumber={this.scrollX}
rtl={this.rtl}
horizontalScroll={this.handleScrollX.bind(this)}
- horizontalTaskListScroll={this.handleTaskListScrollX.bind(this)}
+ horizontalTaskListScroll={this.handleTaskListScrollX.bind(
+ this
+ )}
listCellWidth={this.listCellWidth}
scrollableTaskList={this.scrollableTaskList}
taskListScrollWidth={this.taskListScrollWidth}
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-gantt/readme.md b/packages/ketchup/src/components/kup-planner/utils/kup-gantt/readme.md
index d14b0aff3d..11b119f7ae 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-gantt/readme.md
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-gantt/readme.md
@@ -1,7 +1,5 @@
# kup-gantt
-
-
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-grid-renderer/readme.md b/packages/ketchup/src/components/kup-planner/utils/kup-grid-renderer/readme.md
index b15b36c7fb..66e4d39fa8 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-grid-renderer/readme.md
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-grid-renderer/readme.md
@@ -1,7 +1,5 @@
# kup-grid-renderer
-
-
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.scss b/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.scss
index 29331519b3..b129b3d635 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.scss
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.scss
@@ -36,5 +36,5 @@
height: 1px;
}
.scroll-container {
- display: flex;
-}
\ No newline at end of file
+ display: flex;
+}
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.tsx b/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.tsx
index 1271267d5c..e76d9840d4 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.tsx
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.tsx
@@ -99,18 +99,23 @@ export class HorizontalScroll {
private setTaskListScrollLeft() {
if (this.rootElement) {
- const shadowElement = this.rootElement.shadowRoot.querySelector('div');
- const taskListScrollBar = shadowElement.children.length == 2 ? shadowElement.children[0] : null;
- taskListScrollBar && (taskListScrollBar.scrollLeft = this.taskListScrollNumber);
+ const shadowElement =
+ this.rootElement.shadowRoot.querySelector('div');
+ const taskListScrollBar =
+ shadowElement.children.length == 2
+ ? shadowElement.children[0]
+ : null;
+ taskListScrollBar &&
+ (taskListScrollBar.scrollLeft = this.taskListScrollNumber);
}
}
render() {
const w =
- this.taskListTrueRef?.getBoundingClientRect().width + 24 * 1.5 ?? 0; // 24 * 2 is the sum of padding and margin for both list and gantt, multiplied by 1.5 cause we need to add the other half to the right
-
+ this.taskListTrueRef?.getBoundingClientRect().width + 24 * 1.5 ?? 0; // 24 * 2 is the sum of padding and margin for both list and gantt, multiplied by 1.5 cause we need to add the other half to the right
+
const width = +this.listCellWidth.replace('px', '');
-
+
return (
@@ -141,8 +146,18 @@ export class HorizontalScroll {
dir="ltr"
style={{
margin: this.rtl
- ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
- : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
+ ? `0px ${
+ this.scrollableTaskList &&
+ this.taskListScrollWidth > width
+ ? 40
+ : w
+ }px 0px 12px`
+ : `0px 12px 0px ${
+ this.scrollableTaskList &&
+ this.taskListScrollWidth > width
+ ? 40
+ : w
+ }px`,
}}
class="scrollWrapper"
data-scrollx="true"
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/readme.md b/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/readme.md
index 4e4d6bb08b..a40db350cd 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/readme.md
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/readme.md
@@ -1,7 +1,5 @@
# kup-horizontal-scroll
-
-
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-planner-renderer-helper.ts b/packages/ketchup/src/components/kup-planner/utils/kup-planner-renderer-helper.ts
index 031b11a593..06ec55869b 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-planner-renderer-helper.ts
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-planner-renderer-helper.ts
@@ -79,7 +79,9 @@ export const mergeTaskIntoProjects = (
{ id, start, end, startHour, endHour }: KupPlannerTask
): KupPlannerGanttTask[] =>
projects.map((project) =>
- project.id === id ? withNewDates(project, start, end, startHour, endHour) : project
+ project.id === id
+ ? withNewDates(project, start, end, startHour, endHour)
+ : project
);
export const mergeTaskIntoPhases = (
@@ -88,7 +90,9 @@ export const mergeTaskIntoPhases = (
): KupPlannerPhaseGantt[] | undefined => {
if (phases) {
return phases.map((phase) =>
- phase.id === id ? withNewDates(phase, start, end, startHour, endHour) : phase
+ phase.id === id
+ ? withNewDates(phase, start, end, startHour, endHour)
+ : phase
);
}
return undefined;
@@ -142,7 +146,7 @@ export const convertProjectToTasks = (
startHour: item.startHour,
endHour: item.endHour,
secondaryStartHour: item.secondaryStartHour,
- secondaryEndHour: item.secondaryEndHour
+ secondaryEndHour: item.secondaryEndHour,
};
const children1 = (row.phases ?? []).map(convertPhaseToTask);
return [mainTask, ...children1];
@@ -354,10 +358,10 @@ export const ganttDateRangeFromGanttTask = (
end: Date;
secondaryStart?: Date;
secondaryEnd?: Date;
- startHour?: string,
- endHour?: string,
- secondaryStartHour?: string,
- secondaryEndHour?: string
+ startHour?: string;
+ endHour?: string;
+ secondaryStartHour?: string;
+ secondaryEndHour?: string;
}[] = [];
const kupDates: KupDates = new KupDates();
tasks.forEach((item) => {
@@ -368,8 +372,8 @@ export const ganttDateRangeFromGanttTask = (
secondaryEnd: kupDates.parseToDayEnd(item.secondaryEndDate),
startHour: item.startHour,
endHour: item.endHour,
- secondaryStartHour: item.secondaryStartHour,
- secondaryEndHour: item.secondaryEndHour
+ secondaryStartHour: item.secondaryStartHour,
+ secondaryEndHour: item.secondaryEndHour,
});
item.phases?.forEach((phase) => {
dates.push({
@@ -382,7 +386,7 @@ export const ganttDateRangeFromGanttTask = (
startHour: item.startHour,
endHour: item.endHour,
secondaryStartHour: item.secondaryStartHour,
- secondaryEndHour: item.secondaryEndHour
+ secondaryEndHour: item.secondaryEndHour,
});
});
});
@@ -401,10 +405,10 @@ export const ganttDateRangeGeneric = (
end: Date;
secondaryStart?: Date;
secondaryEnd?: Date;
- startHour?: string,
- endHour?: string,
- secondaryStartHour?: string,
- secondaryEndHour?: string
+ startHour?: string;
+ endHour?: string;
+ secondaryStartHour?: string;
+ secondaryEndHour?: string;
}[],
viewMode: KupPlannerViewMode,
preStepsCount: number,
@@ -462,10 +466,10 @@ export const ganttDateRangeGeneric = (
newEndDate = addToDate(newEndDate, 19, 'day');
break;
case 'hour':
- newStartDate = startOfDate(newStartDate, "hour");
- newStartDate = addToDate(newStartDate, -1 * preStepsCount, "hour");
- newEndDate = startOfDate(newEndDate, "day");
- newEndDate = addToDate(newEndDate, 1, "day");
+ newStartDate = startOfDate(newStartDate, 'hour');
+ newStartDate = addToDate(newStartDate, -1 * preStepsCount, 'hour');
+ newEndDate = startOfDate(newEndDate, 'day');
+ newEndDate = addToDate(newEndDate, 1, 'day');
break;
/*
case ViewMode.QuarterDay:
@@ -502,10 +506,10 @@ export const ganttDateRangeFromDetail = (
end: Date;
secondaryStart?: Date;
secondaryEnd?: Date;
- startHour?: string,
- endHour?: string,
- secondaryStartHour?: string,
- secondaryEndHour?: string
+ startHour?: string;
+ endHour?: string;
+ secondaryStartHour?: string;
+ secondaryEndHour?: string;
}[] = [];
const kupDates: KupDates = new KupDates();
details.forEach((item) => {
@@ -597,10 +601,10 @@ export const ganttDateRangeFromTask = (
end: Date;
secondaryStart?: Date;
secondaryEnd?: Date;
- startHour?: string,
- endHour?: string,
- secondaryStartHour?: string,
- secondaryEndHour?: string
+ startHour?: string;
+ endHour?: string;
+ secondaryStartHour?: string;
+ secondaryEndHour?: string;
}[] = [];
tasks.forEach((item) => {
@@ -609,10 +613,10 @@ export const ganttDateRangeFromTask = (
end: item.end,
secondaryStart: item.secondaryStart,
secondaryEnd: item.secondaryEnd,
- startHour:item.startHour,
+ startHour: item.startHour,
endHour: item.endHour,
secondaryStartHour: item.secondaryStartHour,
- secondaryEndHour: item.secondaryEndHour
+ secondaryEndHour: item.secondaryEndHour,
});
});
if (mainGanttStartDate && mainGanttEndDate) {
@@ -653,7 +657,7 @@ export const seedDates = (
currentDate = addToDate(currentDate, 1, 'day');
break;
case 'hour':
- currentDate = addToDate(currentDate, 1, "hour");
+ currentDate = addToDate(currentDate, 1, 'hour');
break;
/*
case ViewMode.HalfDay:
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-switcher/readme.md b/packages/ketchup/src/components/kup-planner/utils/kup-switcher/readme.md
index f8b805e9fc..e42234d4e8 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-switcher/readme.md
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-switcher/readme.md
@@ -1,7 +1,5 @@
# kup-switcher
-
-
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.tsx b/packages/ketchup/src/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.tsx
index 304104d767..a4aa2af57f 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.tsx
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.tsx
@@ -77,7 +77,11 @@ export class TaskGantt {
}
render() {
- const newBarProps = { ...this.barProps, gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll };
+ const newBarProps = {
+ ...this.barProps,
+ gridProps: this.gridProps,
+ phaseDragScroll: this.phaseDragScroll,
+ };
return (
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-task-list/kup-task-list.tsx b/packages/ketchup/src/components/kup-planner/utils/kup-task-list/kup-task-list.tsx
index a6f4d670e9..d5fd7db820 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-task-list/kup-task-list.tsx
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-task-list/kup-task-list.tsx
@@ -17,7 +17,6 @@ import { getPhaseById, getProjectById } from '../kup-planner-renderer-helper';
shadow: false,
})
export class TaskList {
-
/*-------------------------------------------------*/
/* P r o p s */
/*-------------------------------------------------*/
@@ -206,7 +205,11 @@ export class TaskList {
/>
)}
{
- this.ontaskListScrollWidth(width)
+ this.ontaskListScrollWidth(width);
}}
taskListScrollX={this.taskListScrollX}
ganttId={KUP_PLANNER_MAIN_GANTT_ID}
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-task-list/readme.md b/packages/ketchup/src/components/kup-planner/utils/kup-task-list/readme.md
index 3398002575..b0937b8d7f 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-task-list/readme.md
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-task-list/readme.md
@@ -1,7 +1,5 @@
# kup-task-list-table
-
-
diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.tsx b/packages/ketchup/src/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.tsx
index dac677b968..f405a30c3b 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.tsx
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.tsx
@@ -20,12 +20,27 @@ export class StandardTooltipContent {
render() {
return (
-