@sme.up/ketchup 9.6.4 → 9.6.5

package/dist/types/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import { KupPlannerGanttContentMoveAction, KupPlannerGanttEvent, KupPlannerBarDateHandleProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerEventOption, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskIconProps } from '../../kup-planner-declarations';
 export declare class KupGridRenderer {
     tasks: KupPlannerTaskGanttContentProps['tasks'];
@@ -30,22 +31,33 @@ export declare class KupGridRenderer {
     setSelectedTask: KupPlannerTaskGanttContentProps['setSelectedTask'];
     eventStart: KupPlannerTaskItemProps['onEventStart'];
     eMouseDown: KupPlannerBarDisplayProps['onMouseDown'];
+    phaseDrop: KupPlannerEventOption['phaseDrop'];
     setGanttEvent: (gantt: KupPlannerGanttEvent) => void;
+    phaseDragScroll: (scrollY: number) => void;
     xStep: number;
     initEventX1Delta: number;
     initEventXClick: number;
     isMoving: boolean;
     point: SVGPoint;
     svg: SVGSVGElement;
+    currentTarget: HTMLElement | null;
+    dragScrollInterval: NodeJS.Timeout;
+    dropZoneTask: KupPlannerBarTask | null;
     componentDidLoad(): void;
     createSVGPoint(): SVGPoint | undefined;
     updateXStep(): void;
     updateSvgMove(): void;
     hasMovedHorizontally(event: MouseEvent): boolean;
+    addGhostPreview(event: MouseEvent): void;
+    handleAutoScrollForPhaseDrag(event: MouseEvent): void;
+    isPhaseWithinTaskArea(phase: KupPlannerBarTask, task: KupPlannerBarTask): boolean;
+    addDropzoneVisualization(): void;
+    resetDropzoneVisualization(): void;
+    getBarRectsForDropzoneVisualization(): Element[] | NodeListOf<Element>;
     handleBarEventStart(action: KupPlannerGanttContentMoveAction, task: KupPlannerBarTask, event?: MouseEvent | KeyboardEvent): void;
     getTaskIcon(bar: KupPlannerTaskIconProps): any;
     renderKupBar(task: KupPlannerBarTask, isSelected: boolean, isDateResizable: boolean, isProgressChangeable: boolean): any;
-    renderKupBarDisplay(x: KupPlannerBarDisplayProps['x'], y: KupPlannerBarDisplayProps['y'], width: KupPlannerBarDisplayProps['width'], height: KupPlannerBarDisplayProps['height'], progressX: KupPlannerBarDisplayProps['progressX'], progressWidth: KupPlannerBarDisplayProps['progressWidth'], barCornerRadius: KupPlannerBarDisplayProps['barCornerRadius'], styles: KupPlannerBarDisplayProps['styles'], isSelected: KupPlannerBarDisplayProps['isSelected'], isDateMovable: KupPlannerTaskItemProps['isDateMovable'], task: KupPlannerBarTask, xSecondary?: KupPlannerBarDisplayProps['xSecondary'], widthSecondary?: KupPlannerBarDisplayProps['widthSecondary']): any;
+    renderKupBarDisplay(x: KupPlannerBarDisplayProps['x'], y: KupPlannerBarDisplayProps['y'], width: KupPlannerBarDisplayProps['width'], height: KupPlannerBarDisplayProps['height'], progressX: KupPlannerBarDisplayProps['progressX'], progressWidth: KupPlannerBarDisplayProps['progressWidth'], barCornerRadius: KupPlannerBarDisplayProps['barCornerRadius'], styles: KupPlannerBarDisplayProps['styles'], isSelected: KupPlannerBarDisplayProps['isSelected'], isDateMovable: KupPlannerTaskItemProps['isDateMovable'], task: KupPlannerBarTask, xSecondary?: KupPlannerBarDisplayProps['xSecondary'], widthSecondary?: KupPlannerBarDisplayProps['widthSecondary'], ySecondary?: KupPlannerBarDisplayProps['ySecondary']): any;
     renderKupBarDateHandle(x: KupPlannerBarDateHandleProps['x'], y: KupPlannerBarDateHandleProps['y'], width: KupPlannerBarDateHandleProps['width'], height: KupPlannerBarDateHandleProps['height'], barCornerRadius: KupPlannerBarDateHandleProps['barCornerRadius'], task: KupPlannerBarTask, eventType: KupPlannerGanttContentMoveAction): any;
     renderKupBarSmall(task: KupPlannerBarTask, isSelected: boolean, isDateMovable: boolean, isProgressChangeable: boolean): any;
     renderKupBarTimeLine(task: KupPlannerBarTask, col: string): any;

package/dist/types/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.d.ts

@@ -4,7 +4,12 @@ export declare class HorizontalScroll {
     taskListTrueRef: HTMLKupTaskListElement;
     rtl: boolean;
     taskListWidth: number;
+    scrollableTaskList: boolean;
+    listCellWidth: string;
+    taskListScrollWidth: number;
+    taskListScrollNumber: number;
     horizontalScroll: (event: UIEvent) => void;
+    horizontalTaskListScroll: (event: UIEvent) => void;
     /**
      * References the root HTML element of the component (<kup-horizontal>).
      */
@@ -12,6 +17,8 @@ export declare class HorizontalScroll {
     timeoutId: any;
     componentDidLoad(): void;
     scrollLeft(): void;
+    listScrollLeft(): void;
     private setScrollLeft;
+    private setTaskListScrollLeft;
     render(): any;
 }

package/dist/types/components/kup-planner/utils/kup-planner-renderer-helper.d.ts

@@ -4,8 +4,8 @@ export declare const columnWidthForTimeUnit: (timeUnit: KupPlannerViewMode) => n
 export declare const getProjectById: (id: string, items: KupPlannerGanttTaskN[] | KupPlannerItemDetail[]) => KupPlannerGanttTaskN | KupPlannerItemDetail | undefined;
 export declare const getPhaseById: (id: string, items: KupPlannerGanttTaskN[] | KupPlannerItemDetail[]) => KupPlannerGanttTaskN | undefined;
 export declare const isDetail: (row: KupPlannerGanttTaskN | KupPlannerItemDetail) => row is KupPlannerItemDetail;
-export declare const mergeTaskIntoProjects: (projects: KupPlannerGanttTask[], { id, start, end }: KupPlannerTask) => KupPlannerGanttTask[];
-export declare const mergeTaskIntoPhases: (phases: KupPlannerPhaseGantt[] | undefined, { id, start, end }: KupPlannerTask) => KupPlannerPhaseGantt[] | undefined;
+export declare const mergeTaskIntoProjects: (projects: KupPlannerGanttTask[], { id, start, end, startHour, endHour }: KupPlannerTask) => KupPlannerGanttTask[];
+export declare const mergeTaskIntoPhases: (phases: KupPlannerPhaseGantt[] | undefined, { id, start, end, startHour, endHour }: KupPlannerTask) => KupPlannerPhaseGantt[] | undefined;
 export declare const convertProjectToTasks: (item: KupPlannerGanttTaskN | KupPlannerItemDetail, mainGanttStartDate?: string, mainGanttEndDate?: string) => KupPlannerTask[];
 export declare const convertPhaseToTask: (item: KupPlannerPhase) => KupPlannerTask;
 /**
@@ -27,6 +27,10 @@ export declare const ganttDateRangeGeneric: (dates: {
     end: Date;
     secondaryStart?: Date;
     secondaryEnd?: Date;
+    startHour?: string;
+    endHour?: string;
+    secondaryStartHour?: string;
+    secondaryEndHour?: string;
 }[], viewMode: KupPlannerViewMode, preStepsCount: number, showSecondaryDates: boolean, realDates?: boolean) => Date[];
 export declare const ganttDateRangeFromDetail: (details: KupPlannerItemDetail[], viewMode: KupPlannerViewMode, preStepsCount: number, showSecondaryDates: boolean) => Date[];
 export declare const addToDate: (date: Date, quantity: number, scale: DateHelperScales) => Date;

package/dist/types/components/kup-planner/utils/kup-planner-renderer.d.ts

@@ -34,6 +34,7 @@ export declare class KupPlannerRenderer {
     handleContextMenu(event: UIEvent, row: KupPlannerGanttRow, onContextMenu: any): void;
     handleSetDoubleView(checked: boolean): void;
     handleDateChange(task: KupPlannerTask, currentProjects: KupPlannerGanttTask[] | KupPlannerItemDetail[], onDateChange: any): void;
+    handlePhaseDrop(originalPhaseData: KupPlannerGanttTaskN, finalPhaseData: KupPlannerTask, destinationData: KupPlannerGanttTaskN | KupPlannerItemDetail, onPhaseDrop: any): void;
     getScrollX(): void;
     render(): any;
 }

package/dist/types/components/kup-planner/utils/kup-switcher/kup-switcher.d.ts

@@ -1,5 +1,7 @@
-import { KupPlannerSwitcherProps } from '../../kup-planner-declarations';
+import { KupPlannerSwitcherProps, KupPlannerViewMode } from '../../kup-planner-declarations';
 export declare class KupSwitcher {
     timeUnitChange: KupPlannerSwitcherProps['onTimeUnitChange'];
+    activeButton: KupPlannerViewMode;
+    private buttonLabels;
     render(): any;
 }

package/dist/types/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.d.ts

@@ -7,6 +7,7 @@ export declare class TaskGantt {
     ganttHeight: KupPlannerTaskGanttProps['ganttHeight'];
     scrollY: KupPlannerTaskGanttProps['scrollY'];
     scrollX: KupPlannerTaskGanttProps['scrollX'];
+    phaseDragScroll: (scrollY: number) => void;
     /**
      * References the root HTML element of the component (<kup-task-gantt>).
      */

package/dist/types/components/kup-planner/utils/kup-task-list/kup-task-list.d.ts

@@ -17,6 +17,9 @@ export declare class TaskList {
     currentTasks: KupPlannerGanttTaskN[] | KupPlannerItemDetail[];
     label: string;
     doubleView?: boolean;
+    scrollableTaskList?: boolean;
+    updateTaskListScrollX: boolean;
+    taskListScrollX: number;
     setDoubleView?: (checked: boolean) => void;
     handleClick: (row: KupPlannerGanttRow, onClick: any) => void;
     handleDblClick: (row: KupPlannerGanttRow, onDblClick: any) => void;
@@ -26,6 +29,7 @@ export declare class TaskList {
     ganttonOnContextMenu: KupGanttPlannerProps['onContextMenu'];
     setSelectedTask: KupPlannerTaskListProps['setSelectedTask'];
     expanderClick: KupPlannerTaskListProps['expanderClick'];
+    ontaskListScrollWidth: (width: number) => void;
     /**
      * References the root HTML element of the component (<kup-task-list>).
      */

package/dist/types/components.d.ts

@@ -43,7 +43,7 @@ import { FImageData } from "./f-components/f-image/f-image-declarations";
 import { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
 import { KupImageListDataNode, KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 import { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
-import { InputPanelEventsCallback, KupInputPanelData } from "./components/kup-input-panel/kup-input-panel-declarations";
+import { InputPanelOptionsHandler, KupInputPanelData, KupInputPanelSubmit } from "./components/kup-input-panel/kup-input-panel-declarations";
 import { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 import { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
@@ -93,7 +93,7 @@ export { FImageData } from "./f-components/f-image/f-image-declarations";
 export { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
 export { KupImageListDataNode, KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 export { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
-export { InputPanelEventsCallback, KupInputPanelData } from "./components/kup-input-panel/kup-input-panel-declarations";
+export { InputPanelOptionsHandler, KupInputPanelData, KupInputPanelSubmit } from "./components/kup-input-panel/kup-input-panel-declarations";
 export { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 export { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 export { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
@@ -1167,9 +1167,12 @@ export namespace Components {
         "onclickTaskList": (id: string) => void;
         "oncontextmenuTaskList": (event: MouseEvent, id: string) => void;
         "ondblclickTaskList": (id: string) => void;
+        "ontaskListScrollWidth": (width: number) => void;
         "rowHeight": number;
         "rowWidth": string;
+        "scrollableTaskList": boolean;
         "setSelectedTask": (taskId: string) => void;
+        "taskListScrollX": number;
         "tasks": KupPlannerTask[];
     }
     interface KupDashboard {
@@ -2098,6 +2101,7 @@ export namespace Components {
         "label": string;
         "listCellWidth": KupPlannerGanttProps['listCellWidth'];
         "locale": KupPlannerGanttProps['locale'];
+        "phaseDrop": KupPlannerGanttProps['phaseDrop'];
         "preStepsCount": KupPlannerGanttProps['preStepsCount'];
         "progressChange": KupPlannerGanttProps['progressChange'];
         "projectBackgroundColor": KupPlannerGanttProps['projectBackgroundColor'];
@@ -2115,6 +2119,7 @@ export namespace Components {
         "rtl": KupPlannerGanttProps['rtl'];
         "scrollXChange": KupPlannerGanttProps['scrollXChange'];
         "scrollYChange": KupPlannerGanttProps['scrollYChange'];
+        "scrollableTaskList"?: boolean;
         "select": KupPlannerGanttProps['select'];
         "setDoubleView"?: (checked: boolean) => void;
         "showSecondaryDates": KupPlannerGanttProps['showSecondaryDates'];
@@ -2290,6 +2295,8 @@ export namespace Components {
         "ganttEvent": KupPlannerTaskGanttContentProps['ganttEvent'];
         "gridProps": KupPlannerTaskGanttProps['gridProps'];
         "hideLabel"?: KupPlannerTaskGanttContentProps['hideLabel'];
+        "phaseDragScroll": (scrollY: number) => void;
+        "phaseDrop": KupPlannerEventOption['phaseDrop'];
         "progressChange": KupPlannerEventOption['progressChange'];
         "projection"?: KupPlannerTaskGanttContentProps['projection'];
         "readOnly": KupPlannerTaskGanttContentProps['readOnly'];
@@ -2306,9 +2313,14 @@ export namespace Components {
     }
     interface KupHorizontalScroll {
         "horizontalScroll": (event: UIEvent) => void;
+        "horizontalTaskListScroll": (event: UIEvent) => void;
+        "listCellWidth": string;
         "rtl": boolean;
         "scrollNumber": number;
+        "scrollableTaskList": boolean;
         "svgWidth": number;
+        "taskListScrollNumber": number;
+        "taskListScrollWidth": number;
         "taskListTrueRef": HTMLKupTaskListElement;
         "taskListWidth": number;
     }
@@ -2407,7 +2419,7 @@ export namespace Components {
     interface KupImageList {
         /**
           * Number of columns to display in the grid layout.
-          * @default 4
+          * @default null
          */
         "columns": number;
         /**
@@ -2471,16 +2483,16 @@ export namespace Components {
           * @returns List of props as object, each key will be a prop.
          */
         "getProps": (descriptions?: boolean) => Promise<GenericObject>;
-        /**
-          * Sets the callbacks functions on ketchup events
-          * @default []
-         */
-        "handleEventsCallbacks": InputPanelEventsCallback[];
         /**
           * Creates a hidden submit button in order to submit the form with enter.
           * @default false
          */
         "hiddenSubmitButton": boolean;
+        /**
+          * Sets the callback function on loading options via FUN
+          * @default []
+         */
+        "optionsHandler": InputPanelOptionsHandler;
         /**
           * This method is used to trigger a new render of the component.
          */
@@ -2494,7 +2506,7 @@ export namespace Components {
           * Sets the callback function on submit form
           * @default null
          */
-        "submitCb": (e: SubmitEvent) => unknown;
+        "submitCb": (e: KupInputPanelSubmit) => unknown;
     }
     interface KupLazy {
         /**
@@ -2880,6 +2892,11 @@ export namespace Components {
           * @default null
          */
         "detailHeight": number;
+        /**
+          * Columns containing detail hour duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "detailHours": string[];
         /**
           * Column containing icon name to show, for detail
           * @default null
@@ -2910,6 +2927,11 @@ export namespace Components {
           * @default null
          */
         "detailPrevDates": string[];
+        /**
+          * Columns containing forecast detail duration, from (firstHour) to (secondHour)
+          * @default null
+         */
+        "detailPrevHours": string[];
         /**
           * Used to retrieve component's props values.
           * @param descriptions - When provided and true, the result will be the list of props with their description.
@@ -2951,6 +2973,11 @@ export namespace Components {
           * @default null
          */
         "phaseDates": string[];
+        /**
+          * Columns containing phase hour duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "phaseHours": string[];
         /**
           * Column containing icon name to show, for phase
           * @default null
@@ -2971,6 +2998,11 @@ export namespace Components {
           * @default null
          */
         "phasePrevDates": string[];
+        /**
+          * Columns containing forecast phase duration, from (firstHour) to (secondHour)
+          * @default null
+         */
+        "phasePrevHours": string[];
         /**
           * When true, the two gantts are not interactable.
           * @default false
@@ -2980,6 +3012,11 @@ export namespace Components {
           * This method is used to trigger a new render of the component.
          */
         "refresh": () => Promise<void>;
+        /**
+          * Sets the scroll bar for task list.
+          * @default false
+         */
+        "scrollableTaskList": boolean;
         /**
           * Sets the filter for secondary gantt.
           * @default undefined
@@ -3017,6 +3054,11 @@ export namespace Components {
           * @default null
          */
         "taskHeight": number;
+        /**
+          * Columns containing task hours duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "taskHours": string[];
         /**
           * Column containing icon name to show, for task
           * @default null
@@ -3047,6 +3089,11 @@ export namespace Components {
           * @default null
          */
         "taskPrevDates": string[];
+        /**
+          * Columns containing forecast task duration, from (firstHour) to (secondHour)
+          * @default null
+         */
+        "taskPrevHours": string[];
         /**
           * Message displayed on top
           * @default null
@@ -3470,6 +3517,7 @@ export namespace Components {
         "calendarProps": KupPlannerTaskGanttProps['calendarProps'];
         "ganttHeight": KupPlannerTaskGanttProps['ganttHeight'];
         "gridProps": KupPlannerTaskGanttProps['gridProps'];
+        "phaseDragScroll": (scrollY: number) => void;
         "scrollX": KupPlannerTaskGanttProps['scrollX'];
         "scrollY": KupPlannerTaskGanttProps['scrollY'];
         "taskGanttRef": KupPlannerTaskGanttProps['taskGanttRef'];
@@ -3498,13 +3546,17 @@ export namespace Components {
         "horizontalContainerClass"?: string;
         "label": string;
         "locale": string;
+        "ontaskListScrollWidth": (width: number) => void;
         "rowHeight": number;
         "rowWidth": string;
         "scrollY": number;
+        "scrollableTaskList"?: boolean;
         "selectedTask": KupPlannerBarTask | undefined;
         "setDoubleView"?: (checked: boolean) => void;
         "setSelectedTask": KupPlannerTaskListProps['setSelectedTask'];
+        "taskListScrollX": number;
         "tasks": KupPlannerTask[];
+        "updateTaskListScrollX": boolean;
     }
     interface KupTaskListHeader {
         "fontFamily": string;
@@ -4868,6 +4920,7 @@ declare global {
         "kup-planner-click": KupPlannerEventPayload;
         "kup-planner-dblclick": KupPlannerEventPayload;
         "kup-planner-datechange": KupPlannerEventPayload;
+        "kup-planner-phasedrop": KupPlannerEventPayload;
         "kup-planner-ready": KupPlannerEventPayload;
         "kup-planner-contextmenu": KupPlannerClickEventPayload;
         "kup-planner-didunload": KupPlannerUnloadEventPayload;
@@ -6103,9 +6156,12 @@ declare namespace LocalJSX {
         "onclickTaskList"?: (id: string) => void;
         "oncontextmenuTaskList"?: (event: MouseEvent, id: string) => void;
         "ondblclickTaskList"?: (id: string) => void;
+        "ontaskListScrollWidth"?: (width: number) => void;
         "rowHeight"?: number;
         "rowWidth"?: string;
+        "scrollableTaskList"?: boolean;
         "setSelectedTask"?: (taskId: string) => void;
+        "taskListScrollX"?: number;
         "tasks"?: KupPlannerTask[];
     }
     interface KupDashboard {
@@ -6856,6 +6912,7 @@ declare namespace LocalJSX {
         "label"?: string;
         "listCellWidth"?: KupPlannerGanttProps['listCellWidth'];
         "locale"?: KupPlannerGanttProps['locale'];
+        "phaseDrop"?: KupPlannerGanttProps['phaseDrop'];
         "preStepsCount"?: KupPlannerGanttProps['preStepsCount'];
         "progressChange"?: KupPlannerGanttProps['progressChange'];
         "projectBackgroundColor"?: KupPlannerGanttProps['projectBackgroundColor'];
@@ -6869,6 +6926,7 @@ declare namespace LocalJSX {
         "rtl"?: KupPlannerGanttProps['rtl'];
         "scrollXChange"?: KupPlannerGanttProps['scrollXChange'];
         "scrollYChange"?: KupPlannerGanttProps['scrollYChange'];
+        "scrollableTaskList"?: boolean;
         "select"?: KupPlannerGanttProps['select'];
         "setDoubleView"?: (checked: boolean) => void;
         "showSecondaryDates"?: KupPlannerGanttProps['showSecondaryDates'];
@@ -7014,6 +7072,8 @@ declare namespace LocalJSX {
         "ganttEvent"?: KupPlannerTaskGanttContentProps['ganttEvent'];
         "gridProps"?: KupPlannerTaskGanttProps['gridProps'];
         "hideLabel"?: KupPlannerTaskGanttContentProps['hideLabel'];
+        "phaseDragScroll"?: (scrollY: number) => void;
+        "phaseDrop"?: KupPlannerEventOption['phaseDrop'];
         "progressChange"?: KupPlannerEventOption['progressChange'];
         "projection"?: KupPlannerTaskGanttContentProps['projection'];
         "readOnly"?: KupPlannerTaskGanttContentProps['readOnly'];
@@ -7030,9 +7090,14 @@ declare namespace LocalJSX {
     }
     interface KupHorizontalScroll {
         "horizontalScroll"?: (event: UIEvent) => void;
+        "horizontalTaskListScroll"?: (event: UIEvent) => void;
+        "listCellWidth"?: string;
         "rtl"?: boolean;
         "scrollNumber"?: number;
+        "scrollableTaskList"?: boolean;
         "svgWidth"?: number;
+        "taskListScrollNumber"?: number;
+        "taskListScrollWidth"?: number;
         "taskListTrueRef"?: HTMLKupTaskListElement;
         "taskListWidth"?: number;
     }
@@ -7105,7 +7170,7 @@ declare namespace LocalJSX {
     interface KupImageList {
         /**
           * Number of columns to display in the grid layout.
-          * @default 4
+          * @default null
          */
         "columns"?: number;
         /**
@@ -7151,11 +7216,6 @@ declare namespace LocalJSX {
           * @default null
          */
         "data"?: KupInputPanelData;
-        /**
-          * Sets the callbacks functions on ketchup events
-          * @default []
-         */
-        "handleEventsCallbacks"?: InputPanelEventsCallback[];
         /**
           * Creates a hidden submit button in order to submit the form with enter.
           * @default false
@@ -7165,11 +7225,16 @@ declare namespace LocalJSX {
           * When component load is complete
          */
         "onKup-input-panel-ready"?: (event: KupInputPanelCustomEvent<KupEventPayload>) => void;
+        /**
+          * Sets the callback function on loading options via FUN
+          * @default []
+         */
+        "optionsHandler"?: InputPanelOptionsHandler;
         /**
           * Sets the callback function on submit form
           * @default null
          */
-        "submitCb"?: (e: SubmitEvent) => unknown;
+        "submitCb"?: (e: KupInputPanelSubmit) => unknown;
     }
     interface KupLazy {
         /**
@@ -7444,6 +7509,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "detailHeight"?: number;
+        /**
+          * Columns containing detail hour duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "detailHours"?: string[];
         /**
           * Column containing icon name to show, for detail
           * @default null
@@ -7474,6 +7544,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "detailPrevDates"?: string[];
+        /**
+          * Columns containing forecast detail duration, from (firstHour) to (secondHour)
+          * @default null
+         */
+        "detailPrevHours"?: string[];
         /**
           * Total size of the cells inside to the left box, near the gantt
           * @default '300px'
@@ -7500,6 +7575,7 @@ declare namespace LocalJSX {
           * When component unload is complete
          */
         "onKup-planner-didunload"?: (event: KupPlannerCustomEvent<KupPlannerUnloadEventPayload>) => void;
+        "onKup-planner-phasedrop"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
         "onKup-planner-ready"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
         /**
           * Column containing the name of the parent phases
@@ -7521,6 +7597,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "phaseDates"?: string[];
+        /**
+          * Columns containing phase hour duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "phaseHours"?: string[];
         /**
           * Column containing icon name to show, for phase
           * @default null
@@ -7541,11 +7622,21 @@ declare namespace LocalJSX {
           * @default null
          */
         "phasePrevDates"?: string[];
+        /**
+          * Columns containing forecast phase duration, from (firstHour) to (secondHour)
+          * @default null
+         */
+        "phasePrevHours"?: string[];
         /**
           * When true, the two gantts are not interactable.
           * @default false
          */
         "readOnly"?: boolean;
+        /**
+          * Sets the scroll bar for task list.
+          * @default false
+         */
+        "scrollableTaskList"?: boolean;
         /**
           * Sets the filter for secondary gantt.
           * @default undefined
@@ -7578,6 +7669,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "taskHeight"?: number;
+        /**
+          * Columns containing task hours duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "taskHours"?: string[];
         /**
           * Column containing icon name to show, for task
           * @default null
@@ -7608,6 +7704,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "taskPrevDates"?: string[];
+        /**
+          * Columns containing forecast task duration, from (firstHour) to (secondHour)
+          * @default null
+         */
+        "taskPrevHours"?: string[];
         /**
           * Message displayed on top
           * @default null
@@ -7950,6 +8051,7 @@ declare namespace LocalJSX {
         "calendarProps"?: KupPlannerTaskGanttProps['calendarProps'];
         "ganttHeight"?: KupPlannerTaskGanttProps['ganttHeight'];
         "gridProps"?: KupPlannerTaskGanttProps['gridProps'];
+        "phaseDragScroll"?: (scrollY: number) => void;
         "scrollX"?: KupPlannerTaskGanttProps['scrollX'];
         "scrollY"?: KupPlannerTaskGanttProps['scrollY'];
         "taskGanttRef"?: KupPlannerTaskGanttProps['taskGanttRef'];
@@ -7978,13 +8080,17 @@ declare namespace LocalJSX {
         "horizontalContainerClass"?: string;
         "label"?: string;
         "locale"?: string;
+        "ontaskListScrollWidth"?: (width: number) => void;
         "rowHeight"?: number;
         "rowWidth"?: string;
         "scrollY"?: number;
+        "scrollableTaskList"?: boolean;
         "selectedTask"?: KupPlannerBarTask | undefined;
         "setDoubleView"?: (checked: boolean) => void;
         "setSelectedTask"?: KupPlannerTaskListProps['setSelectedTask'];
+        "taskListScrollX"?: number;
         "tasks"?: KupPlannerTask[];
+        "updateTaskListScrollX"?: boolean;
     }
     interface KupTaskListHeader {
         "fontFamily"?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "9.6.4",
+    "version": "9.6.5",
     "keywords": [
         "smeup",
         "KetchUP",