@sme.up/ketchup 7.4.0 → 7.4.2

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

@@ -1,27 +1,40 @@
-import { GanttTask } from '@sme.up/gantt-component';
+import { Detail, GanttTask } from '@sme.up/gantt-component';
 import { Phase } from '@sme.up/gantt-component';
 import { GanttRow } from '@sme.up/gantt-component';
 import { KupEventPayload } from '../../components';
+import { KupDataRow } from '../../managers/kup-data/kup-data-declarations';
 /**
  * Props of the kup-gantt component.
  * Used to export every prop in an object.
  */
 export declare enum KupPlannerProps {
   customStyle = "Custom style of the component.",
-  taskIdCol = "Unique task identifier",
-  taskNameCol = "Task name displayed",
-  taskDates = "Task duration, from (firstDate) to (secondDate)",
-  taskPrevDates = "Forecast task duration, from (firstDate) to (secondDate)",
-  taskColumns = "Columns containing informations displayed on the left box near the gantt",
-  phaseIdCol = "Unique phase identifier",
-  phaseNameCol = "Phase name displayed",
-  phaseDates = "Phase duration, from (firstDate) to (secondDate)",
-  phasePrevDates = "Forecast phase duration, from (firstDate) to (secondDate)",
-  phaseColumns = "Columns containing informations displayed on the left box near the gantt",
-  phaseColorCol = "Phase color in hex format",
-  phaseColParDep = "Names of the parent phases",
-  titleMess = "Message displayed",
-  data = "Dataset containg the task list"
+  data = "Dataset containg the tasks list",
+  detailData = "Dataset containg the details list",
+  detailColorCol = "Column containing the detail color, in hex format",
+  detailColumns = "Columns containing informations displayed in the left box, near the gantt of details",
+  detailDates = "Columns containing detail duration, from (firstDate) to (secondDate)",
+  detailHeight = "Height for detail gantt",
+  detailIdCol = "Column containing unique detail identifier",
+  detailNameCol = "Column containing detail name displayed",
+  detailPrevDates = "Columns containing forecast detail duration, from (firstDate) to (secondDate)",
+  listCellWidth = "Total size of the cells inside to the left box, near the gantt",
+  maxWidth = "Max width for component",
+  phaseColorCol = "Column containing the phase color in hex format",
+  phaseColumns = "Columns containing informations displayed in the left box ,near the gantt of phases",
+  phaseColParDep = "Column containing the name of the parent phases",
+  phaseDates = "Columns containing phase duration, from (firstDate) to (secondDate)",
+  phaseIdCol = "Column containing unique phase identifier",
+  phaseNameCol = "Column containing phase name displayed",
+  phasePrevDates = "Columns containing forecast phase duration, from (firstDate) to (secondDate)",
+  showSecondaryDates = "Enable/disable display of secondary dates",
+  taskColumns = "Columns containing informations displayed in the left box, near the gantt",
+  taskDates = "Columns containing task duration, from (firstDate) to (secondDate)",
+  taskHeight = "Height for main gantt",
+  taskIdCol = "Column containing unique task identifier",
+  taskNameCol = "Column containing task name displayed",
+  taskPrevDates = "Columns containing forecast task duration, from (firstDate) to (secondDate)",
+  titleMess = "Message displayed on top"
 }
 export declare enum KupPlannerTaskAction {
   onOpening = "onOpening",
@@ -31,10 +44,48 @@ export interface KupPlannerEventPayload extends KupEventPayload {
   value: GanttRow;
   taskAction?: KupPlannerTaskAction;
 }
+export declare enum KupPlannerGanttRowType {
+  TASK = "task",
+  PHASE = "phase",
+  DETAIL = "detail"
+}
 export interface KupPlannerGanttTask extends GanttTask {
   taskRowId: string;
+  taskRow: KupDataRow;
+  rowType: KupPlannerGanttRowType;
+}
+export interface KupPlannerDetail extends Detail {
+  rowType: KupPlannerGanttRowType;
 }
 export interface KupPlannerPhase extends Phase {
   taskRowId: string;
+  taskRow: KupDataRow;
   phaseRowId: string;
+  phaseRow: KupDataRow;
+  rowType: KupPlannerGanttRowType;
+}
+export declare class KupPlannerLastOnChangeReceived {
+  private event;
+  private dateTime;
+  private threshold;
+  constructor(event: GanttRow, threshold?: number);
+  isEquivalent(newEvent: GanttRow): boolean;
+  resetDateTime(): void;
+}
+export declare const defaultStylingOptions: {
+  listCellWidth: string;
+  rowHeight: number;
+  barFill: number;
+  projectProgressColor: string;
+  projectProgressSelectedColor: string;
+  projectBackgroundColor: string;
+  projectBackgroundSelectedColor: string;
+  barProgressColor: string;
+  barProgressSelectedColor: string;
+  barBackgroundColor: string;
+  barBackgroundSelectedColor: string;
+};
+export interface KupPlannerDatesSanitized {
+  dateValues: string[];
+  secDateValues: string[];
 }

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

@@ -0,0 +1,6 @@
+import { KupDataCell } from '../../components';
+import { KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
+import { KupPlannerDatesSanitized } from './kup-planner-declarations';
+export declare function sanitizeAllDates(startDateCell: KupDataCell, endDateCell: KupDataCell, secStartDateCell?: KupDataCell, secEndDateCell?: KupDataCell): KupPlannerDatesSanitized;
+export declare function isAtLeastOneDateValid(startDateCell: KupDataCell, endDateCell: KupDataCell): boolean;
+export declare function getValuesToShow(row: KupDataRow, idCol: string, nameCol: string, dataColumns: KupDataColumn[], columns?: string[], customToValuesFunction?: () => string[]): string[];

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject } from '../../types/GenericTypes';
-import { KupPlannerEventPayload, KupPlannerTaskAction } from './kup-planner-declarations';
+import { KupPlannerEventPayload, KupPlannerGanttTask, KupPlannerPhase, KupPlannerTaskAction, KupPlannerDetail } from './kup-planner-declarations';
 import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
 import { GanttRow, PlannerProps } from '@sme.up/gantt-component';
 export declare class KupPlanner {
@@ -20,20 +20,135 @@ export declare class KupPlanner {
    * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
    */
   customStyle: string;
+  /**
+   * Dataset containg the tasks list
+   * @default null
+   */
   data: KupDataDataset;
-  dataRaw: any;
+  /**
+   * 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[];
+  /**
+   * Height for detail gantt
+   * @default null
+   */
+  detailHeight: number;
+  /**
+   * Column containing unique detail identifier
+   * @default null
+   */
+  detailIdCol: string;
+  /**
+   * Column containing detail name displayed
+   * @default null
+   */
+  detailNameCol: string;
+  /**
+   * Columns containing fForecast detail duration, from (firstDate) to (secondDate)
+   * @default null
+   */
+  detailPrevDates: string[];
+  /**
+   * 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 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[];
+  /**
+   * 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[];
+  /**
+   * Height for main gantt
+   * @default null
+   */
+  taskHeight: number;
+  /**
+   * Column containing unique task identifier
+   * @default null
+   */
   taskIdCol: string;
+  /**
+   * 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;
   kupClick: EventEmitter<KupPlannerEventPayload>;
   onKupClick(event: GanttRow, taskAction?: KupPlannerTaskAction): void;
@@ -61,7 +176,7 @@ export declare class KupPlanner {
    * @param data - Matrix which contains project phases
    */
   addPhases(taskId: string, data: KupDataDataset): Promise<void>;
-  handleOnClick(nativeEvent: GanttRow): void;
+  handleOnClick(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
   handleOnDateChange(nativeEvent: GanttRow): void;
   componentWillLoad(): void;
   componentDidLoad(): void;

package/dist/types/components.d.ts

@@ -44,6 +44,7 @@ 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";
 import { KupPlannerEventPayload, KupPlannerPhase } from "./components/kup-planner/kup-planner-declarations";
+import { TaskType } from "@sme.up/gantt-component/dist/types/public-types";
 import { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
 import { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
 import { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
@@ -90,6 +91,7 @@ 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";
 export { KupPlannerEventPayload, KupPlannerPhase } from "./components/kup-planner/kup-planner-declarations";
+export { TaskType } from "@sme.up/gantt-component/dist/types/public-types";
 export { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
 export { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
 export { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
@@ -2447,20 +2449,101 @@ export namespace Components {
           * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle": string;
+        /**
+          * Dataset containg the tasks list
+          * @default null
+         */
         "data": KupDataDataset;
-        "dataRaw": any;
+        /**
+          * 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[];
+        /**
+          * Dataset containg the details list
+          * @default null
+         */
+        "detailData": KupDataDataset;
+        /**
+          * Columns containing detail duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "detailDates": string[];
+        /**
+          * Height for detail gantt
+          * @default null
+         */
+        "detailHeight": number;
+        /**
+          * Column containing unique detail identifier
+          * @default null
+         */
+        "detailIdCol": string;
+        /**
+          * Column containing detail name displayed
+          * @default null
+         */
+        "detailNameCol": string;
+        /**
+          * Columns containing fForecast detail duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "detailPrevDates": 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.
           * @returns List of props as object, each key will be a prop.
          */
         "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * 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 name of the parent phases
+          * @default null
+         */
         "phaseColParDep": 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[];
+        /**
+          * Columns containing phase duration, from (firstDate) to (secondDate)
+          * @default null
+         */
         "phaseDates": 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[];
         /**
           * This method is used to trigger a new render of the component.
@@ -2471,11 +2554,45 @@ export namespace Components {
           * @param props - Object containing props that will be set to the component.
          */
         "setProps": (props: GenericObject) => Promise<void>;
+        /**
+          * 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[];
+        /**
+          * Height for main gantt
+          * @default null
+         */
+        "taskHeight": number;
+        /**
+          * Column containing unique task identifier
+          * @default null
+         */
         "taskIdCol": string;
+        /**
+          * 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;
     }
     interface KupProbe {
@@ -5636,23 +5753,138 @@ declare namespace LocalJSX {
           * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
          */
         "customStyle"?: string;
+        /**
+          * Dataset containg the tasks list
+          * @default null
+         */
         "data"?: KupDataDataset;
-        "dataRaw"?: any;
+        /**
+          * 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[];
+        /**
+          * Dataset containg the details list
+          * @default null
+         */
+        "detailData"?: KupDataDataset;
+        /**
+          * Columns containing detail duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "detailDates"?: string[];
+        /**
+          * Height for detail gantt
+          * @default null
+         */
+        "detailHeight"?: number;
+        /**
+          * Column containing unique detail identifier
+          * @default null
+         */
+        "detailIdCol"?: string;
+        /**
+          * Column containing detail name displayed
+          * @default null
+         */
+        "detailNameCol"?: string;
+        /**
+          * Columns containing fForecast detail duration, from (firstDate) to (secondDate)
+          * @default null
+         */
+        "detailPrevDates"?: string[];
+        /**
+          * 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;
         "onKup-planner-click"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
         "onKup-planner-datechange"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
         "onKup-planner-ready"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
+        /**
+          * Column containing the name of the parent phases
+          * @default null
+         */
         "phaseColParDep"?: 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[];
+        /**
+          * Columns containing phase duration, from (firstDate) to (secondDate)
+          * @default null
+         */
         "phaseDates"?: 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[];
+        /**
+          * 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[];
+        /**
+          * Height for main gantt
+          * @default null
+         */
+        "taskHeight"?: number;
+        /**
+          * Column containing unique task identifier
+          * @default null
+         */
         "taskIdCol"?: string;
+        /**
+          * 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;
     }
     interface KupProbe {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "7.4.0",
+    "version": "7.4.2",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -34,7 +34,9 @@
         "test:spec": "npm run build:setup && stencil test --spec",
         "test:e2e": "npm run build:setup && stencil test --e2e",
         "test": "npm run build:setup && stencil test --spec --e2e",
-        "test.watch": "npm run build:setup && stencil test --spec --e2e --watchAll"
+        "test.watch": "npm run build:setup && stencil test --spec --e2e --watchAll",
+        "react:dev": "npx link ../../../gantt-component && cd ../../../gantt-component && npx link ../ketchup/packages/ketchup/node_modules/react ../ketchup/packages/ketchup/node_modules/react-dom && cd ../ketchup/packages/ketchup",
+        "jenkins:react:dev": "npx link ../../../GanttComponent-Develop-Continuum && cd ../../../GanttComponent-Develop-Continuum && npx link ../KetchUP-Develop-Continuum/packages/ketchup/node_modules/react ../KetchUP-Develop-Continuum/packages/ketchup/node_modules/react-dom && cd ../KetchUP-Develop-Continuum/packages/ketchup"
     },
     "dependencies": {
         "@fullcalendar/core": "^5.11.0",
@@ -45,7 +47,7 @@
         "@material/form-field": "^14.0.0",
         "@material/ripple": "^14.0.0",
         "@material/textfield": "^14.0.0",
-        "@sme.up/gantt-component": "^1.3.6",
+        "@sme.up/gantt-component": "^1.3.20",
         "d3-shape": "^3.1.0",
         "dayjs": "^1.11.1",
         "echarts": "^5.3.2",
@@ -59,7 +61,7 @@
         "vanilla-picker": "^2.12.1"
     },
     "devDependencies": {
-        "@stencil/core": "^3.0.1",
+        "@stencil/core": "^3.1.0",
         "@stencil/sass": "^1.4.1",
         "@stencil/react-output-target": "0.3.1",
         "@types/d3-shape": "^3.0.2",