@sme.up/ketchup 9.2.0 → 9.3.0

package/dist/types/components/kup-planner/kup-planner-state.d.ts

@@ -1,13 +1,13 @@
 import { KupState } from '../kup-state/kup-state';
 import { KupPlannerStoredSettings, KupPlannerViewMode } from './kup-planner-declarations';
 export declare class KupPlannerState implements KupState, KupPlannerStoredSettings {
-  showSecondaryDates: boolean;
-  detailFilter: string;
-  detailInitialScrollX: number;
-  detailInitialScrollY: number;
-  taskFilter: string;
-  taskInitialScrollX: number;
-  taskInitialScrollY: number;
-  viewMode: KupPlannerViewMode;
-  toDebugString(): string;
+    showSecondaryDates: boolean;
+    detailFilter: string;
+    detailInitialScrollX: number;
+    detailInitialScrollY: number;
+    taskFilter: string;
+    taskInitialScrollX: number;
+    taskInitialScrollY: number;
+    viewMode: KupPlannerViewMode;
+    toDebugString(): string;
 }

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

@@ -1,266 +1,276 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject } from '../../types/GenericTypes';
-import { KupPlannerEventPayload, KupPlannerGanttTask, KupPlannerPhase, KupPlannerTaskAction, KupPlannerDetail, KupPlannerClickEventPayload, KupPlannerViewMode, KupPlannerUnloadEventPayload } from './kup-planner-declarations';
-import React from 'react';
+import { KupPlannerEventPayload, KupPlannerGanttTask, KupPlannerPhase, KupPlannerTaskAction, KupPlannerDetail, KupPlannerClickEventPayload, KupPlannerViewMode, KupPlannerUnloadEventPayload, KupPlannerGanttRow, PlannerProps } from './kup-planner-declarations';
 import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
-import { GanttRow, PlannerProps } from '@sme.up/gantt-component';
 import { KupPlannerState } from './kup-planner-state';
 import { KupStore } from '../kup-state/kup-store';
 export declare class KupPlanner {
-  #private;
-  stateId: string;
-  store: KupStore;
-  state: KupPlannerState;
-  initWithPersistedState(): void;
-  persistState(): void;
-  /**
-   * References the root HTML element of the component (<kup-planner>).
-   */
-  rootElement: HTMLElement;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * Dataset containg the tasks list
-   * @default null
-   */
-  data: KupDataDataset;
-  /**
-   * Dataset containg the details list
-   * @default null
-   */
-  detailData: KupDataDataset;
-  /**
-   * Column containing the detail color, in hex format
-   * @default null
-   */
-  detailColorCol: string;
-  /**
-   * Columns containing informations displayed in the left box, near the gantt of details
-   * @default null
-   */
-  detailColumns: string[];
-  /**
-   * Columns containing detail duration, from (firstDate) to (secondDate)
-   * @default null
-   */
-  detailDates: string[];
-  /**
-   * Sets the detail's filter.
-   * @default undefined
-   */
-  detailFilter: string;
-  /**
-   * Height for detail gantt
-   * @default null
-   */
-  detailHeight: number;
-  /**
-   * Column containing icon name to show, for detail
-   * @default null
-   */
-  detailIconCol: string;
-  /**
-   * Column containing unique detail identifier
-   * @default null
-   */
-  detailIdCol: string;
-  /**
-   * Column containing detail name displayed
-   * @default null
-   */
-  detailNameCol: string;
-  /**
-   * Columns containing forecast detail duration, from (firstDate) to (secondDate)
-   * @default null
-   */
-  detailPrevDates: string[];
-  /**
-   * Sets the initial scroll X for the detail.
-   * @default undefined
-   */
-  detailInitialScrollX: number;
-  /**
-   * Sets the initial scroll Y for the detail.
-   * @default undefined
-   */
-  detailInitialScrollY: number;
-  /**
-   * Total size of the cells inside to the left box, near the gantt
-   * @default '300px'
-   */
-  listCellWidth: string;
-  /**
-   * Max width for component
-   * @default '90vw'
-   */
-  maxWidth: string;
-  /**
-   * Column containing the phase color in hex format
-   * @default null
-   */
-  phaseColorCol: string;
-  /**
-   * Columns containing informations displayed in the left box ,near the gantt of phases
-   * @default null
-   */
-  phaseColumns: string[];
-  /**
-   * Column containing the name of the parent phases
-   * @default null
-   */
-  phaseColParDep: string;
-  /**
-   * Columns containing phase duration, from (firstDate) to (secondDate)
-   * @default null
-   */
-  phaseDates: string[];
-  /**
-   * Column containing icon name to show, for phase
-   * @default null
-   */
-  phaseIconCol: string;
-  /**
-   * Column containing unique phase identifier
-   * @default null
-   */
-  phaseIdCol: string;
-  /**
-   * Column containing phase name displayed
-   * @default null
-   */
-  phaseNameCol: string;
-  /**
-   * Columns containing forecast phase duration, from (firstDate) to (secondDate)
-   * @default null
-   */
-  phasePrevDates: string[];
-  /**
-   * When true, the two gantts are not interactable.
-   * @default false
-   */
-  readOnly: boolean;
-  /**
-   * Enable/disable display of secondary dates
-   * @default false
-   */
-  showSecondaryDates: boolean;
-  /**
-   * Columns containing informations displayed in the left box, near the gantt
-   * @default null
-   */
-  taskColumns: string[];
-  /**
-   * Columns containing task duration, from (firstDate) to (secondDate)
-   * @default null
-   */
-  taskDates: string[];
-  /**
-   * Sets the task's filter.
-   * @default undefined
-   */
-  taskFilter: string;
-  /**
-   * Height for main gantt
-   * @default null
-   */
-  taskHeight: number;
-  /**
-   * Column containing icon name to show, for task
-   * @default null
-   */
-  taskIconCol: string;
-  /**
-   * Column containing unique task identifier
-   * @default null
-   */
-  taskIdCol: string;
-  /**
-   * Sets the initial scroll X for the task.
-   * @default undefined
-   */
-  taskInitialScrollX: number;
-  /**
-   * Sets the initial scroll Y for the task.
-   * @default undefined
-   */
-  taskInitialScrollY: number;
-  /**
-   * Column containing task name displayed
-   * @default null
-   */
-  taskNameCol: string;
-  /**
-   * Columns containing forecast task duration, from (firstDate) to (secondDate)
-   * @default null
-   */
-  taskPrevDates: string[];
-  /**
-   * Message displayed on top
-   * @default null
-   */
-  titleMess: string;
-  /**
-   * Sets the view mode.
-   * @default 'month'
-   */
-  viewMode: KupPlannerViewMode;
-  /**
-   * The value of the component.
-   * @default ""
-   */
-  plannerProps: PlannerProps;
-  dataChanged(): void;
-  kupClick: EventEmitter<KupPlannerEventPayload>;
-  kupDateChange: EventEmitter<KupPlannerEventPayload>;
-  kupReady: EventEmitter<KupPlannerEventPayload>;
-  /**
-   * Generic right click event on planner.
-   */
-  kupContextMenu: EventEmitter<KupPlannerClickEventPayload>;
-  /**
-   * When component unload is complete
-   */
-  kupDidUnload: EventEmitter<KupPlannerUnloadEventPayload>;
-  /**
-   * Used to retrieve component's props values.
-   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-   */
-  getProps(descriptions?: boolean): Promise<GenericObject>;
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  refresh(): Promise<void>;
-  /**
-   * Sets the props to the component.
-   * @param {GenericObject} props - Object containing props that will be set to the component.
-   */
-  setProps(props: GenericObject): Promise<void>;
-  /**
-   * Add a list of phases to the project
-   * @param taskId
-   * @param data - Matrix which contains project phases
-   */
-  addPhases(taskId: string, data: KupDataDataset): Promise<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  onKupClick(event: GanttRow, taskAction?: KupPlannerTaskAction): void;
-  onKupContextMenu(event: React.MouseEvent<Element, MouseEvent>, ganttRow: GanttRow, taskAction?: KupPlannerTaskAction): void;
-  onKupDateChange(event: GanttRow, taskAction?: KupPlannerTaskAction): void;
-  handleOnClick(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
-  handleOnContextMenu(event: React.MouseEvent<Element, MouseEvent>, row: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
-  handleOnSetDoubleView(checked: boolean): void;
-  handleOnSetViewMode(value: KupPlannerViewMode): void;
-  handleOnScrollX(x: number): void;
-  handleTaskGanttScrollY(y: number): void;
-  handleDetailGanttScrollY(y: number): void;
-  handleOnDateChange(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
-  render(): any;
-  disconnectedCallback(): void;
+    #private;
+    stateId: string;
+    store: KupStore;
+    state: KupPlannerState;
+    initWithPersistedState(): void;
+    persistState(): void;
+    /**
+     * References the root HTML element of the component (<kup-planner>).
+     */
+    rootElement: HTMLElement;
+    /**
+     * Custom style of the component.
+     * @default ""
+     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     */
+    customStyle: string;
+    /**
+     * Dataset containg the tasks list
+     * @default null
+     */
+    data: KupDataDataset;
+    /**
+     * Dataset containg the details list
+     * @default null
+     */
+    detailData: KupDataDataset;
+    /**
+     * Column containing the detail color, in hex format
+     * @default null
+     */
+    detailColorCol: string;
+    /**
+     * Columns containing informations displayed in the left box, near the gantt of details
+     * @default null
+     */
+    detailColumns: string[];
+    /**
+     * Columns containing detail duration, from (firstDate) to (secondDate)
+     * @default null
+     */
+    detailDates: string[];
+    /**
+     * Sets the detail's filter.
+     * @default undefined
+     */
+    detailFilter: string;
+    /**
+     * Height for detail gantt
+     * @default null
+     */
+    detailHeight: number;
+    /**
+     * Column containing icon name to show, for detail
+     * @default null
+     */
+    detailIconCol: string;
+    /**
+     * Column containing unique detail identifier
+     * @default null
+     */
+    detailIdCol: string;
+    /**
+     * Column containing detail name displayed
+     * @default null
+     */
+    detailNameCol: string;
+    /**
+     * Columns containing forecast detail duration, from (firstDate) to (secondDate)
+     * @default null
+     */
+    detailPrevDates: string[];
+    /**
+     * Sets the initial scroll X for the detail.
+     * @default undefined
+     */
+    detailInitialScrollX: number;
+    /**
+     * Sets the initial scroll Y for the detail.
+     * @default undefined
+     */
+    detailInitialScrollY: number;
+    /**
+     * Total size of the cells inside to the left box, near the gantt
+     * @default '300px'
+     */
+    listCellWidth: string;
+    /**
+     * Max width for component
+     * @default '90vw'
+     */
+    maxWidth: string;
+    /**
+     * Column containing the phase color in hex format
+     * @default null
+     */
+    phaseColorCol: string;
+    /**
+     * Columns containing informations displayed in the left box ,near the gantt of phases
+     * @default null
+     */
+    phaseColumns: string[];
+    /**
+     * Column containing the name of the parent phases
+     * @default null
+     */
+    phaseColParDep: string;
+    /**
+     * Columns containing phase duration, from (firstDate) to (secondDate)
+     * @default null
+     */
+    phaseDates: string[];
+    /**
+     * Column containing icon name to show, for phase
+     * @default null
+     */
+    phaseIconCol: string;
+    /**
+     * Column containing unique phase identifier
+     * @default null
+     */
+    phaseIdCol: string;
+    /**
+     * Column containing phase name displayed
+     * @default null
+     */
+    phaseNameCol: string;
+    /**
+     * Columns containing forecast phase duration, from (firstDate) to (secondDate)
+     * @default null
+     */
+    phasePrevDates: string[];
+    /**
+     * When true, the two gantts are not interactable.
+     * @default false
+     */
+    readOnly: boolean;
+    /**
+     * Enable/disable display of secondary dates
+     * @default false
+     */
+    showSecondaryDates: boolean;
+    /**
+     * Columns containing informations displayed in the left box, near the gantt
+     * @default null
+     */
+    taskColumns: string[];
+    /**
+     * Columns containing task duration, from (firstDate) to (secondDate)
+     * @default null
+     */
+    taskDates: string[];
+    /**
+     * Sets the task's filter.
+     * @default undefined
+     */
+    taskFilter: string;
+    /**
+     * Height for main gantt
+     * @default null
+     */
+    taskHeight: number;
+    /**
+     * Column containing icon name to show, for task
+     * @default null
+     */
+    taskIconCol: string;
+    /**
+     * Column containing unique task identifier
+     * @default null
+     */
+    taskIdCol: string;
+    /**
+     * Sets the initial scroll X for the task.
+     * @default undefined
+     */
+    taskInitialScrollX: number;
+    /**
+     * Sets the initial scroll Y for the task.
+     * @default undefined
+     */
+    taskInitialScrollY: number;
+    /**
+     * Column containing task name displayed
+     * @default null
+     */
+    taskNameCol: string;
+    /**
+     * Columns containing forecast task duration, from (firstDate) to (secondDate)
+     * @default null
+     */
+    taskPrevDates: string[];
+    /**
+     * Message displayed on top
+     * @default null
+     */
+    titleMess: string;
+    /**
+     * Sets the view mode.
+     * @default 'month'
+     */
+    viewMode: KupPlannerViewMode;
+    /**
+     * Sets the filter for main gantt.
+     * @default undefined
+     */
+    mainFilter: HTMLElement;
+    /**
+     * Sets the filter for secondary gantt.
+     * @default undefined
+     */
+    secondaryFilter: HTMLElement;
+    /**
+     * The value of the component.
+     * @default ""
+     */
+    plannerProps: PlannerProps;
+    dataChanged(): void;
+    kupClick: EventEmitter<KupPlannerEventPayload>;
+    kupDblClick: EventEmitter<KupPlannerEventPayload>;
+    kupDateChange: EventEmitter<KupPlannerEventPayload>;
+    kupReady: EventEmitter<KupPlannerEventPayload>;
+    /**
+     * Generic right click event on planner.
+     */
+    kupContextMenu: EventEmitter<KupPlannerClickEventPayload>;
+    /**
+     * When component unload is complete
+     */
+    kupDidUnload: EventEmitter<KupPlannerUnloadEventPayload>;
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    getProps(descriptions?: boolean): Promise<GenericObject>;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    setProps(props: GenericObject): Promise<void>;
+    /**
+     * Add a list of phases to the project
+     * @param taskId
+     * @param data - Matrix which contains project phases
+     */
+    addPhases(taskId: string, data: KupDataDataset): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    onKupDblClick(event: KupPlannerGanttRow, taskAction?: KupPlannerTaskAction): void;
+    onKupClick(event: KupPlannerGanttRow, taskAction?: KupPlannerTaskAction): void;
+    onKupContextMenu(event: UIEvent, ganttRow: KupPlannerGanttRow, taskAction?: KupPlannerTaskAction): void;
+    onKupDateChange(event: KupPlannerGanttRow, taskAction?: KupPlannerTaskAction): void;
+    handleOnDblClick(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
+    handleOnClick(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
+    handleOnContextMenu(event: UIEvent, row: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
+    handleOnSetDoubleView(checked: boolean): void;
+    handleOnSetViewMode(value: KupPlannerViewMode): void;
+    handleOnScrollX(x: number): void;
+    handleTaskGanttScrollY(y: number): void;
+    handleDetailGanttScrollY(y: number): void;
+    handleOnDateChange(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
+    render(): any;
+    disconnectedCallback(): void;
 }

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

@@ -0,0 +1,8 @@
+export declare class KupCustomTaskListHeader {
+    label: string;
+    doubleView?: boolean;
+    setDoubleView?: (checked: boolean) => void;
+    fontFamily: string;
+    fontSize: string;
+    render(): any;
+}

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

@@ -0,0 +1,14 @@
+import { KupPlannerTask } from '../kup-planner-declarations';
+export declare class KupCustomTaskListTable {
+    ganttId: string;
+    tasks: KupPlannerTask[];
+    rowHeight: number;
+    rowWidth: string;
+    fontFamily: string;
+    fontSize: string;
+    setSelectedTask: (taskId: string) => void;
+    onclickTaskList: (id: string) => void;
+    ondblclickTaskList: (id: string) => void;
+    oncontextmenuTaskList: (event: MouseEvent, id: string) => void;
+    render(): any;
+}

package/dist/types/components/kup-planner/utils/custom-tool-tip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipContentComponent } from './kup-planner-adapted-types';
+export declare const CustomTooltipHOC: () => TooltipContentComponent;

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

@@ -0,0 +1,33 @@
+import { KupPlannerTask, KupPlannerBarTask, KupPlannerBarMoveAction } from '../../kup-planner-declarations';
+export declare const convertToBarTasks: (tasks: KupPlannerTask[], dates: Date[], columnWidth: number, rowHeight: number, taskHeight: number, projectHeight: number, timelineHeight: number, barCornerRadius: number, handleWidth: number, rtl: boolean, barProgressColor: string, barProgressSelectedColor: string, barBackgroundColor: string, barBackgroundSelectedColor: string, projectProgressColor: string, projectProgressSelectedColor: string, projectBackgroundColor: string, projectBackgroundSelectedColor: string, showSecondaryDates: boolean) => KupPlannerBarTask[];
+export declare const progressWithByParams: (taskX1: number, taskX2: number, progress: number, rtl: boolean) => number[];
+export declare const progressByProgressWidth: (progressWidth: number, barTask: KupPlannerBarTask) => number;
+export declare const getProgressPoint: (progressX: number, taskY: number, taskHeight: number) => string;
+/**
+ * Method handles event in real time(mousemove) and on finish(mouseup)
+ */
+export declare const handleTaskBySVGMouseEvent: (svgX: number, action: KupPlannerBarMoveAction, selectedTask: KupPlannerBarTask, xStep: number, timeStep: number, initEventX1Delta: number, rtl: boolean) => {
+    isChanged: boolean;
+    changedTask: KupPlannerBarTask;
+};
+/**
+ * Calculate current date indicator
+ * @param start
+ * @param end
+ * @param dates
+ * @param columnWidth
+ * @returns
+ */
+export declare function calculateCurrentDateCalculator(dates: Date[], columnWidth: number): number;
+/**
+ * Calculate the coordinate of projections
+ * @param start
+ * @param end
+ * @param dates
+ * @param columnWidth
+ * @returns
+ */
+export declare function calculateProjection(start: Date, end: Date, dates: Date[], columnWidth: number): {
+    x0: number;
+    xf: number;
+};

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

@@ -0,0 +1,6 @@
+import { KupPlannerBarTask, KupPlannerTask } from '../../kup-planner-declarations';
+export declare function isKeyboardEvent(event: MouseEvent | KeyboardEvent | FocusEvent): event is KeyboardEvent;
+export declare function isMouseEvent(event: MouseEvent | KeyboardEvent | FocusEvent): event is MouseEvent;
+export declare function isBarTask(task: KupPlannerTask | KupPlannerBarTask): task is KupPlannerBarTask;
+export declare function removeHiddenTasks(tasks: KupPlannerTask[]): KupPlannerTask[];
+export declare const sortTasks: (taskA: KupPlannerTask, taskB: KupPlannerTask) => 1 | 0 | -1;