@sme.up/ketchup 7.3.1 → 7.4.1

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

@@ -49,7 +49,8 @@ export declare enum KupEchartTypes {
   MAP = "Map",
   PIE = "Pie",
   SCATTER = "Scatter",
-  FUNNEL = "Funnel"
+  FUNNEL = "Funnel",
+  RADAR = "Radar"
 }
 export interface KupEchartClickEventPayload extends KupEventPayload {
   column: KupDataColumn;

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

@@ -0,0 +1,52 @@
+import { 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"
+}
+export declare enum KupPlannerTaskAction {
+  onOpening = "onOpening",
+  onClosing = "onClosing"
+}
+export interface KupPlannerEventPayload extends KupEventPayload {
+  value: GanttRow;
+  taskAction?: KupPlannerTaskAction;
+}
+export interface KupPlannerGanttTask extends GanttTask {
+  taskRowId: string;
+  taskRow: KupDataRow;
+}
+export interface KupPlannerPhase extends Phase {
+  taskRowId: string;
+  taskRow: KupDataRow;
+  phaseRowId: string;
+  phaseRow: KupDataRow;
+}
+export declare class KupPlannerLastOnChangeReceived {
+  private event;
+  private dateTime;
+  private threshold;
+  constructor(event: GanttRow, threshold?: number);
+  isEquivalent(newEvent: GanttRow): boolean;
+  resetDateTime(): void;
+}

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

@@ -0,0 +1,72 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject } from '../../types/GenericTypes';
+import { KupPlannerEventPayload, KupPlannerTaskAction } 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 {
+  #private;
+  /**
+   * References the root HTML element of the component (<kup-planner>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * The value of the component.
+   * @default ""
+   */
+  plannerProps: PlannerProps;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  data: KupDataDataset;
+  dataRaw: any;
+  phaseColorCol: string;
+  phaseColumns: string[];
+  phaseColParDep: string;
+  phaseDates: string[];
+  phaseIdCol: string;
+  phaseNameCol: string;
+  phasePrevDates: string[];
+  taskColumns: string[];
+  taskDates: string[];
+  taskIdCol: string;
+  taskNameCol: string;
+  taskPrevDates: string[];
+  titleMess: string;
+  kupClick: EventEmitter<KupPlannerEventPayload>;
+  onKupClick(event: GanttRow, taskAction?: KupPlannerTaskAction): void;
+  kupDateChange: EventEmitter<KupPlannerEventPayload>;
+  onKupDateChange(event: GanttRow): void;
+  kupReady: EventEmitter<KupPlannerEventPayload>;
+  /**
+   * 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>;
+  handleOnClick(nativeEvent: GanttRow): void;
+  handleOnDateChange(nativeEvent: GanttRow): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

package/dist/types/components.d.ts

@@ -43,6 +43,7 @@ import { KupImageListEventPayload } from "./components/kup-image-list/kup-image-
 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 { 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";
@@ -88,6 +89,7 @@ export { KupImageListEventPayload } from "./components/kup-image-list/kup-image-
 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 { 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";
@@ -2432,6 +2434,50 @@ export namespace Components {
          */
         "threshold": number;
     }
+    interface KupPlanner {
+        /**
+          * Add a list of phases to the project
+          * @param taskId
+          * @param data - Matrix which contains project phases
+         */
+        "addPhases": (taskId: string, data: KupDataDataset) => Promise<void>;
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        "data": KupDataDataset;
+        "dataRaw": any;
+        /**
+          * 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>;
+        "phaseColParDep": string;
+        "phaseColorCol": string;
+        "phaseColumns": string[];
+        "phaseDates": string[];
+        "phaseIdCol": string;
+        "phaseNameCol": string;
+        "phasePrevDates": string[];
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+        "taskColumns": string[];
+        "taskDates": string[];
+        "taskIdCol": string;
+        "taskNameCol": string;
+        "taskPrevDates": string[];
+        "titleMess": string;
+    }
     interface KupProbe {
         /**
           * Custom style of the component.
@@ -3345,6 +3391,10 @@ export interface KupPhotoFrameCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupPhotoFrameElement;
 }
+export interface KupPlannerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupPlannerElement;
+}
 export interface KupRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupRadioElement;
@@ -3598,6 +3648,12 @@ declare global {
         prototype: HTMLKupPhotoFrameElement;
         new (): HTMLKupPhotoFrameElement;
     };
+    interface HTMLKupPlannerElement extends Components.KupPlanner, HTMLStencilElement {
+    }
+    var HTMLKupPlannerElement: {
+        prototype: HTMLKupPlannerElement;
+        new (): HTMLKupPlannerElement;
+    };
     interface HTMLKupProbeElement extends Components.KupProbe, HTMLStencilElement {
     }
     var HTMLKupProbeElement: {
@@ -3707,6 +3763,7 @@ declare global {
         "kup-nav-bar": HTMLKupNavBarElement;
         "kup-numeric-picker": HTMLKupNumericPickerElement;
         "kup-photo-frame": HTMLKupPhotoFrameElement;
+        "kup-planner": HTMLKupPlannerElement;
         "kup-probe": HTMLKupProbeElement;
         "kup-progress-bar": HTMLKupProgressBarElement;
         "kup-qlik": HTMLKupQlikElement;
@@ -5572,6 +5629,32 @@ declare namespace LocalJSX {
          */
         "threshold"?: number;
     }
+    interface KupPlanner {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        "data"?: KupDataDataset;
+        "dataRaw"?: any;
+        "onKup-planner-click"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
+        "onKup-planner-datechange"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
+        "onKup-planner-ready"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
+        "phaseColParDep"?: string;
+        "phaseColorCol"?: string;
+        "phaseColumns"?: string[];
+        "phaseDates"?: string[];
+        "phaseIdCol"?: string;
+        "phaseNameCol"?: string;
+        "phasePrevDates"?: string[];
+        "taskColumns"?: string[];
+        "taskDates"?: string[];
+        "taskIdCol"?: string;
+        "taskNameCol"?: string;
+        "taskPrevDates"?: string[];
+        "titleMess"?: string;
+    }
     interface KupProbe {
         /**
           * Custom style of the component.
@@ -6285,6 +6368,7 @@ declare namespace LocalJSX {
         "kup-nav-bar": KupNavBar;
         "kup-numeric-picker": KupNumericPicker;
         "kup-photo-frame": KupPhotoFrame;
+        "kup-planner": KupPlanner;
         "kup-probe": KupProbe;
         "kup-progress-bar": KupProgressBar;
         "kup-qlik": KupQlik;
@@ -6339,6 +6423,7 @@ declare module "@stencil/core" {
             "kup-nav-bar": LocalJSX.KupNavBar & JSXBase.HTMLAttributes<HTMLKupNavBarElement>;
             "kup-numeric-picker": LocalJSX.KupNumericPicker & JSXBase.HTMLAttributes<HTMLKupNumericPickerElement>;
             "kup-photo-frame": LocalJSX.KupPhotoFrame & JSXBase.HTMLAttributes<HTMLKupPhotoFrameElement>;
+            "kup-planner": LocalJSX.KupPlanner & JSXBase.HTMLAttributes<HTMLKupPlannerElement>;
             "kup-probe": LocalJSX.KupProbe & JSXBase.HTMLAttributes<HTMLKupProbeElement>;
             "kup-progress-bar": LocalJSX.KupProgressBar & JSXBase.HTMLAttributes<HTMLKupProgressBarElement>;
             "kup-qlik": LocalJSX.KupQlik & JSXBase.HTMLAttributes<HTMLKupQlikElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "7.3.1",
+    "version": "7.4.1",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -45,6 +45,7 @@
         "@material/form-field": "^14.0.0",
         "@material/ripple": "^14.0.0",
         "@material/textfield": "^14.0.0",
+        "@sme.up/gantt-component": "^1.3.6",
         "d3-shape": "^3.1.0",
         "dayjs": "^1.11.1",
         "echarts": "^5.3.2",
@@ -52,6 +53,8 @@
         "interactjs": "^1.10.11",
         "jquery": "^3.6.0",
         "numeral": "^2.0.6",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "resize-observer": "^1.0.4",
         "vanilla-picker": "^2.12.1"
     },
@@ -66,6 +69,8 @@
         "@types/node": "^14.5.0",
         "@types/numeral": "^2.0.2",
         "@types/puppeteer": "^5.4.3",
+        "@types/react": "^18.0.28",
+        "@types/react-dom": "^18.0.10",
         "jest": "^26.6.3",
         "jest-cli": "^26.6.3",
         "jest-environment-node": "^26.6.2",