@sme.up/ketchup 7.3.1 → 7.4.0

package/dist/collection/components/kup-planner/kup-planner.js

@@ -0,0 +1,691 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+  if (kind === "m")
+    throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _KupPlanner_instances, _KupPlanner_kupManager, _KupPlanner_rootPlanner, _KupPlanner_renderReactPlannerElement, _KupPlanner_toTasks, _KupPlanner_getTask, _KupPlanner_removePhases, _KupPlanner_handleOnClickOnTask, _KupPlanner_handleOnClickOnPhase;
+import { forceUpdate, h, Host, } from '@stencil/core';
+import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
+import { KupPlannerProps, KupPlannerTaskAction, } from './kup-planner-declarations';
+import { getProps, setProps } from '../../utils/utils';
+import { componentWrapperId } from '../../variables/GenericVariables';
+import { createRoot } from 'react-dom/client';
+import React from 'react';
+import { Planner, } from '@sme.up/gantt-component';
+export class KupPlanner {
+  constructor() {
+    _KupPlanner_instances.add(this);
+    /*-------------------------------------------------*/
+    /*       I n t e r n a l   V a r i a b l e s       */
+    /*-------------------------------------------------*/
+    _KupPlanner_kupManager.set(this, kupManagerInstance());
+    _KupPlanner_rootPlanner.set(this, void 0);
+    this.plannerProps = undefined;
+    this.customStyle = '';
+    this.data = undefined;
+    this.dataRaw = undefined;
+    this.phaseColorCol = undefined;
+    this.phaseColumns = undefined;
+    this.phaseColParDep = undefined;
+    this.phaseDates = undefined;
+    this.phaseIdCol = undefined;
+    this.phaseNameCol = undefined;
+    this.phasePrevDates = undefined;
+    this.taskColumns = undefined;
+    this.taskDates = undefined;
+    this.taskIdCol = undefined;
+    this.taskNameCol = undefined;
+    this.taskPrevDates = undefined;
+    this.titleMess = undefined;
+  }
+  onKupClick(event, taskAction) {
+    this.kupClick.emit({
+      comp: this,
+      id: this.rootElement.id,
+      value: event,
+      taskAction: taskAction,
+    });
+  }
+  onKupDateChange(event) {
+    this.kupDateChange.emit({
+      comp: this,
+      id: this.rootElement.id,
+      value: event,
+    });
+  }
+  /*-------------------------------------------------*/
+  /*           P u b l i c   M e t h o d s           */
+  /*-------------------------------------------------*/
+  /**
+   * 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.
+   */
+  async getProps(descriptions) {
+    return getProps(this, KupPlannerProps, descriptions);
+  }
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  async refresh() {
+    forceUpdate(this);
+  }
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  async setProps(props) {
+    setProps(this, KupPlannerProps, props);
+  }
+  /**
+   * Add a list of phases to the project
+   * @param taskId
+   * @param data - Matrix which contains project phases
+   */
+  async addPhases(taskId, data) {
+    var _a;
+    const task = __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_getTask).call(this, taskId);
+    if (task) {
+      task.phases = (_a = data.rows) === null || _a === void 0 ? void 0 : _a.map((row) => {
+        let phase = {
+          id: row.cells[this.phaseIdCol].value,
+          phaseRowId: row.id,
+          taskRowId: task.taskRowId,
+          name: row.cells[this.phaseNameCol].value,
+          startDate: row.cells[this.phaseDates[0]].value,
+          endDate: row.cells[this.phaseDates[1]].value,
+          secondaryStartDate: row.cells[this.phasePrevDates[0]].value,
+          secondaryEndDate: row.cells[this.phasePrevDates[1]].value,
+          type: 'phase',
+          color: row.cells[this.phaseColorCol].value,
+          valuesToShow: this.phaseColumns.map((col) => row.cells[col].value),
+        };
+        return phase;
+      });
+    }
+    this.plannerProps = Object.assign({}, this.plannerProps);
+  }
+  handleOnClick(nativeEvent) {
+    console.log('handleOnClick', nativeEvent);
+    switch (nativeEvent.type) {
+      case 'task':
+        const taskAction = nativeEvent.phases
+          ? KupPlannerTaskAction.onClosing
+          : KupPlannerTaskAction.onOpening;
+        if (__classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_handleOnClickOnTask).call(this, nativeEvent)) {
+          this.onKupClick(nativeEvent, taskAction);
+        }
+        break;
+      case 'phase':
+        if (__classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_handleOnClickOnPhase).call(this)) {
+          this.onKupClick(nativeEvent);
+        }
+        break;
+    }
+  }
+  handleOnDateChange(nativeEvent) {
+    console.log('handleOnDateChange', nativeEvent);
+    this.onKupDateChange(nativeEvent);
+  }
+  componentWillLoad() {
+    __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").debug.logLoad(this, false);
+    __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.register(this);
+  }
+  componentDidLoad() {
+    this.plannerProps = {
+      title: this.titleMess,
+      items: __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_toTasks).call(this, this.data),
+      onClick: (nativeEvent) => this.handleOnClick(nativeEvent),
+      onDateChange: (nativeEvent) => this.handleOnDateChange(nativeEvent),
+    };
+    __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_renderReactPlannerElement).call(this);
+    this.kupReady.emit({
+      comp: this,
+      id: this.rootElement.id,
+      value: undefined,
+    });
+    __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").debug.logLoad(this, true);
+  }
+  componentWillRender() {
+    __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_renderReactPlannerElement).call(this);
+  }
+  componentDidRender() {
+    __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").debug.logRender(this, true);
+  }
+  render() {
+    return (h(Host, null, h("div", { id: componentWrapperId })));
+  }
+  disconnectedCallback() {
+    __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.unregister(this);
+  }
+  static get is() { return "kup-planner"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["kup-planner.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["kup-planner.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "customStyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "\"\""
+            }, {
+              "name": "see",
+              "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
+            }],
+          "text": "Custom style of the component."
+        },
+        "attribute": "custom-style",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "data": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "KupDataDataset",
+          "resolved": "KupDataDataset",
+          "references": {
+            "KupDataDataset": {
+              "location": "import",
+              "path": "../../managers/kup-data/kup-data-declarations"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "dataRaw": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-raw",
+        "reflect": false
+      },
+      "phaseColorCol": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "phase-color-col",
+        "reflect": false
+      },
+      "phaseColumns": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "phaseColParDep": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "phase-col-par-dep",
+        "reflect": false
+      },
+      "phaseDates": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "phaseIdCol": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "phase-id-col",
+        "reflect": false
+      },
+      "phaseNameCol": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "phase-name-col",
+        "reflect": false
+      },
+      "phasePrevDates": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "taskColumns": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "taskDates": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "taskIdCol": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "task-id-col",
+        "reflect": false
+      },
+      "taskNameCol": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "task-name-col",
+        "reflect": false
+      },
+      "taskPrevDates": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "titleMess": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "title-mess",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "plannerProps": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "kupClick",
+        "name": "kup-planner-click",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "KupPlannerEventPayload",
+          "resolved": "KupPlannerEventPayload",
+          "references": {
+            "KupPlannerEventPayload": {
+              "location": "import",
+              "path": "./kup-planner-declarations"
+            }
+          }
+        }
+      }, {
+        "method": "kupDateChange",
+        "name": "kup-planner-datechange",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "KupPlannerEventPayload",
+          "resolved": "KupPlannerEventPayload",
+          "references": {
+            "KupPlannerEventPayload": {
+              "location": "import",
+              "path": "./kup-planner-declarations"
+            }
+          }
+        }
+      }, {
+        "method": "kupReady",
+        "name": "kup-planner-ready",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "KupPlannerEventPayload",
+          "resolved": "KupPlannerEventPayload",
+          "references": {
+            "KupPlannerEventPayload": {
+              "location": "import",
+              "path": "./kup-planner-declarations"
+            }
+          }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "getProps": {
+        "complexType": {
+          "signature": "(descriptions?: boolean) => Promise<GenericObject>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "descriptions - When provided and true, the result will be the list of props with their description."
+                }],
+              "text": "- When provided and true, the result will be the list of props with their description."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "GenericObject": {
+              "location": "import",
+              "path": "../../types/GenericTypes"
+            }
+          },
+          "return": "Promise<GenericObject>"
+        },
+        "docs": {
+          "text": "Used to retrieve component's props values.",
+          "tags": [{
+              "name": "param",
+              "text": "descriptions - When provided and true, the result will be the list of props with their description."
+            }, {
+              "name": "returns",
+              "text": "List of props as object, each key will be a prop."
+            }]
+        }
+      },
+      "refresh": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "This method is used to trigger a new render of the component.",
+          "tags": []
+        }
+      },
+      "setProps": {
+        "complexType": {
+          "signature": "(props: GenericObject) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "props - Object containing props that will be set to the component."
+                }],
+              "text": "- Object containing props that will be set to the component."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "GenericObject": {
+              "location": "import",
+              "path": "../../types/GenericTypes"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Sets the props to the component.",
+          "tags": [{
+              "name": "param",
+              "text": "props - Object containing props that will be set to the component."
+            }]
+        }
+      },
+      "addPhases": {
+        "complexType": {
+          "signature": "(taskId: string, data: KupDataDataset) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "taskId"
+                }],
+              "text": ""
+            }, {
+              "tags": [{
+                  "name": "param",
+                  "text": "data - Matrix which contains project phases"
+                }],
+              "text": "- Matrix which contains project phases"
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "KupDataDataset": {
+              "location": "import",
+              "path": "../../managers/kup-data/kup-data-declarations"
+            },
+            "KupPlannerPhase": {
+              "location": "import",
+              "path": "./kup-planner-declarations"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Add a list of phases to the project",
+          "tags": [{
+              "name": "param",
+              "text": "taskId"
+            }, {
+              "name": "param",
+              "text": "data - Matrix which contains project phases"
+            }]
+        }
+      }
+    };
+  }
+  static get elementRef() { return "rootElement"; }
+}
+_KupPlanner_kupManager = new WeakMap(), _KupPlanner_rootPlanner = new WeakMap(), _KupPlanner_instances = new WeakSet(), _KupPlanner_renderReactPlannerElement = function _KupPlanner_renderReactPlannerElement() {
+  var _a;
+  (_a = __classPrivateFieldGet(this, _KupPlanner_rootPlanner, "f")) === null || _a === void 0 ? void 0 : _a.unmount();
+  const componentWrapperElement = this.rootElement.shadowRoot.getElementById(componentWrapperId);
+  if (componentWrapperElement) {
+    __classPrivateFieldSet(this, _KupPlanner_rootPlanner, createRoot(componentWrapperElement), "f");
+    __classPrivateFieldGet(this, _KupPlanner_rootPlanner, "f").render(React.createElement(Planner, this.plannerProps));
+  }
+}, _KupPlanner_toTasks = function _KupPlanner_toTasks(data) {
+  var _a;
+  let tasks = (_a = data.rows) === null || _a === void 0 ? void 0 : _a.map((value) => {
+    let task = {
+      taskRowId: value.id,
+      id: value.cells[this.taskIdCol].value,
+      name: value.cells[this.taskNameCol].value,
+      startDate: value.cells[this.taskDates[0]].value,
+      endDate: value.cells[this.taskDates[1]].value,
+      secondaryStartDate: value.cells[this.taskPrevDates[0]].value,
+      secondaryEndDate: value.cells[this.taskPrevDates[1]].value,
+      type: 'task',
+      valuesToShow: this.taskColumns.map((col) => value.cells[col].value),
+    };
+    return task;
+  });
+  return tasks;
+}, _KupPlanner_getTask = function _KupPlanner_getTask(taskId) {
+  return this.plannerProps.items.find((task) => task.id == taskId);
+}, _KupPlanner_removePhases = function _KupPlanner_removePhases(taskId) {
+  const task = __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_getTask).call(this, taskId);
+  if (task)
+    task.phases = undefined;
+  this.plannerProps = Object.assign({}, this.plannerProps);
+}, _KupPlanner_handleOnClickOnTask = function _KupPlanner_handleOnClickOnTask(nativeEvent) {
+  const task = __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_getTask).call(this, nativeEvent.id);
+  if (task === null || task === void 0 ? void 0 : task.phases) {
+    __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_removePhases).call(this, task.id);
+  }
+  return true;
+}, _KupPlanner_handleOnClickOnPhase = function _KupPlanner_handleOnClickOnPhase() {
+  return true;
+};