@sankhyalabs/ezui 7.1.0-dev.1 → 7.1.0-dev.11

package/dist/collection/components/ez-tree/ez-tree.js

@@ -7,11 +7,18 @@ import initI18n from '../../utils/i18n';
 export class EzTree {
   constructor() {
     this._onItemClick = (item) => {
-      this._onIconClick(item);
+      if (!this.selectable) {
+        this.openClose(item);
+        return;
+      }
+      if (this.value && this.value.id === item.id) {
+        this.value = undefined;
+        return;
+      }
+      this.value = item;
     };
     this._onIconClick = (item) => {
       this.openClose(item);
-      this.value = item;
     };
     this._tree = new Tree(() => forceUpdate(this));
     this._waintingForLoad = undefined;
@@ -21,6 +28,7 @@ export class EzTree {
     this.iconResolver = defaultIconResolver;
     this.tooltipResolver = undefined;
     this.enableHierarchicalFilter = true;
+    this.selectable = true;
   }
   /**
    * Efetua a seleção de um item.
@@ -71,10 +79,14 @@ export class EzTree {
       parentId = (_a = this.value) === null || _a === void 0 ? void 0 : _a.id;
     }
     this._tree.addChildAt(parentId, item);
+    this.addItemInIndexedList(parentId, item);
     const node = this._tree.getNode(parentId);
     if (node) {
       node.item.expanded = true;
     }
+    else {
+      this.collapseAll();
+    }
   }
   /**
    * Efetua a seleção de um item.
@@ -97,12 +109,48 @@ export class EzTree {
   /**
    * Atualiza um item
    */
-  async updateItem(item) {
-    var _a;
-    this._tree.updateItem(item);
+  async updateItem(item, config) {
+    var _a, _b, _c;
+    if (Array.isArray(item)) {
+      item.forEach(i => this.updateItem(i, config));
+      return;
+    }
+    if (config === null || config === void 0 ? void 0 : config.updatedBySelectedId) {
+      Object.assign(item, { id: this.selectedId });
+    }
+    this._tree.updateItem((config === null || config === void 0 ? void 0 : config.forceDefaultValues) ? this.applyDefaultValues(item) : item);
+    this.updateItemInIndexedList(item, config === null || config === void 0 ? void 0 : config.forceDefaultValues);
     const node = (_a = this._tree) === null || _a === void 0 ? void 0 : _a.getNode(this.selectedId);
     if (node == undefined) {
       this.value = this._visibleItems ? this._visibleItems[0] : undefined;
+      this._tree.collapseAll();
+    }
+    if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.id) === item.id) {
+      this.value = item;
+      this.ezChange.emit(this.value);
+      return;
+    }
+    const childSelected = this.getItemById((_c = this.value) === null || _c === void 0 ? void 0 : _c.id, [item]);
+    if (childSelected) {
+      this.value = childSelected;
+      this.ezChange.emit(this.value);
+    }
+  }
+  /**
+   * Remove um item da árvore pelo seu ID.
+   * Se o item removido estiver selecionado, a seleção será limpa.
+   */
+  async removeItem(id) {
+    var _a;
+    id = id !== null && id !== void 0 ? id : this.selectedId;
+    if (!id) {
+      return;
+    }
+    this._tree.removeItem(id);
+    this.removeItemFromIndexedList(id);
+    this.ezRemoveItem.emit(id);
+    if (((_a = this.value) === null || _a === void 0 ? void 0 : _a.id) === id) {
+      this.value = undefined;
     }
   }
   /**
@@ -190,6 +238,75 @@ export class EzTree {
       event.preventDefault();
     }
   }
+  getItemById(id, items) {
+    for (const treeItem of items) {
+      if (treeItem.id === id) {
+        return treeItem;
+      }
+      else if (treeItem.children && Array.isArray(treeItem.children)) {
+        const itemFound = this.getItemById(id, treeItem.children);
+        if (itemFound) {
+          return itemFound;
+        }
+      }
+    }
+    return undefined;
+  }
+  addItemInIndexedList(parentId, item, items) {
+    var _a, _b;
+    items = (_a = items !== null && items !== void 0 ? items : this.items) !== null && _a !== void 0 ? _a : [];
+    if (!parentId) {
+      items.push(item);
+    }
+    const itemFound = this.getItemById(parentId, items);
+    itemFound.children = ((_b = itemFound.children) !== null && _b !== void 0 ? _b : []);
+    itemFound.children.push(item);
+    itemFound.childrenCount = itemFound.children.length;
+  }
+  applyDefaultValues(item) {
+    if (item.disabled === undefined) {
+      item.disabled = false;
+    }
+    if (item.expanded === undefined) {
+      item.expanded = false;
+    }
+    return item;
+  }
+  updateItemInIndexedList(item, forceDefaultValues = false) {
+    if (!item || !this.items) {
+      return;
+    }
+    const itemFound = this.getItemById(item.id, this.items);
+    if (itemFound) {
+      Object.assign(itemFound, forceDefaultValues ? this.applyDefaultValues(item) : item);
+    }
+  }
+  removeItemFromIndexedList(id, items) {
+    var _a;
+    items = (_a = items !== null && items !== void 0 ? items : this.items) !== null && _a !== void 0 ? _a : [];
+    if (!id) {
+      return false;
+    }
+    const rootIndex = items.findIndex(item => item.id === id);
+    if (rootIndex !== -1) {
+      items.splice(rootIndex, 1);
+      return true;
+    }
+    for (const treeItem of items) {
+      if (treeItem.children && Array.isArray(treeItem.children)) {
+        const childIndex = treeItem.children.findIndex(child => child.id === id);
+        if (childIndex !== -1) {
+          treeItem.children.splice(childIndex, 1);
+          treeItem.childrenCount = treeItem.children.length;
+          return true;
+        }
+        if (this.removeItemFromIndexedList(id, treeItem.children)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
   getItemPathAttrs({ id, label }) {
     return { id, label };
   }
@@ -427,6 +544,24 @@ export class EzTree {
         "attribute": "enable-hierarchical-filter",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "selectable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se os itens da \u00E1rvore s\u00E3o selecion\u00E1veis."
+        },
+        "attribute": "selectable",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }
@@ -497,6 +632,21 @@ export class EzTree {
             }
           }
         }
+      }, {
+        "method": "ezRemoveItem",
+        "name": "ezRemoveItem",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao remover um item da \u00E1rvore."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
       }];
   }
   static get methods() {
@@ -662,10 +812,13 @@ export class EzTree {
       },
       "updateItem": {
         "complexType": {
-          "signature": "(item: ITreeItem) => Promise<void>",
+          "signature": "(item: ITreeItem | ITreeItem[], config?: Partial<UpdateItemConfig>) => Promise<void>",
           "parameters": [{
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -674,6 +827,13 @@ export class EzTree {
             "ITreeItem": {
               "location": "import",
               "path": "./interfaces/ITreeItem"
+            },
+            "Partial": {
+              "location": "global"
+            },
+            "UpdateItemConfig": {
+              "location": "import",
+              "path": "./types/UpdateItemConfig"
             }
           },
           "return": "Promise<void>"
@@ -683,6 +843,25 @@ export class EzTree {
           "tags": []
         }
       },
+      "removeItem": {
+        "complexType": {
+          "signature": "(id?: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Remove um item da \u00E1rvore pelo seu ID.\nSe o item removido estiver selecionado, a sele\u00E7\u00E3o ser\u00E1 limpa.",
+          "tags": []
+        }
+      },
       "getItem": {
         "complexType": {
           "signature": "(id: string) => Promise<ITreeItem>",

package/dist/collection/components/ez-tree/subcomponents/TreeItem.js

@@ -20,12 +20,15 @@ export const TreeItem = (props) => {
       iconClick(treeItem);
     }
   }
+  function handleIconDoubleClick(event) {
+    event.stopPropagation();
+  }
   return (h("ul", { class: level === 1 ? "first-level" : undefined }, h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: `tree-item ${treeItem.id !== selectedId ? "tree-item-error" : ""}`, onClick: () => available && itemClick(treeItem), onDblClick: () => available && itemDoubleClick(treeItem) }, {
     disabled,
     selected: treeItem.id === selectedId,
     [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
   }), h("div", { class: "item-label-container" }, h("div", { class: "item-icon-box" }, expandable &&
-    h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: (event) => handleIconClick(event) })), h("label", { class: `item-label ${treeItem.bold ? "item-label--bold" : ""}` }, treeItem.label)), getBadgeElement(treeItem.id, treeItem.badge, treeItem.id === selectedId)), expanded
+    h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: (event) => handleIconClick(event), onDblClick: (event) => handleIconDoubleClick(event) })), h("label", { class: `item-label ${treeItem.bold ? "item-label--bold" : ""}` }, treeItem.label)), getBadgeElement(treeItem.id, treeItem.badge, treeItem.id === selectedId)), expanded
     && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList, itemDoubleClick: itemDoubleClick }))));
 };
 function getBadgeElement(itemId, badge, isSelectedItem) {

package/dist/collection/components/ez-tree/types/Node.js

@@ -69,6 +69,13 @@ export class Node {
       this.children.set(item.id, new Node(tree, item, this));
     }
   }
+  removeChild(id) {
+    if (this.children.has(id)) {
+      this.children.delete(id);
+      return true;
+    }
+    return false;
+  }
   addPlaceHolder() {
     this.children.clear();
     const id = this.item.id;

package/dist/collection/components/ez-tree/types/Tree.js

@@ -9,6 +9,8 @@ export class Tree extends Node {
   async addChildAt(parentId, item) {
     const parent = this.getNode(parentId);
     if (parent == undefined) {
+      this.addChild(this, item);
+      this._changeCallback();
       return;
     }
     parent.addChild(this, item);
@@ -72,6 +74,23 @@ export class Tree extends Node {
     }
     this._changeCallback();
   }
+  removeItem(id) {
+    if (!id) {
+      return;
+    }
+    const node = this.getNode(id);
+    if (!node) {
+      return;
+    }
+    if (node.parent) {
+      node.parent.removeChild(id);
+    }
+    else {
+      this.children.delete(id);
+    }
+    this._disabledValues.delete(id);
+    this._changeCallback();
+  }
   async open(path) {
     return new Promise(async (resolve) => {
       await this.walkPath(this, path, node => node.item.expanded = true);

package/dist/collection/components/ez-tree/types/UpdateItemConfig.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/form/DataBinder.js

@@ -120,7 +120,7 @@ export default class DataBinder {
   clearFieldError(fieldName) {
     var _a;
     const field = (_a = this._fields.get(fieldName)) === null || _a === void 0 ? void 0 : _a.field;
-    if (field["errorMessage"]) {
+    if (field && field["errorMessage"]) {
       field["errorMessage"] = "";
       this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
     }

package/dist/collection/utils/form/FormMetadata.js

@@ -72,28 +72,59 @@ export const buildFormConfigFromDataUnit = (dataUnit) => {
       .filter(descriptor => descriptor.visible !== false)
       .map(descriptor => { return { name: descriptor.name, defaultValue: descriptor.defaultValue }; });
   }
-  const config = { emptyConfig: false, fields };
-  return config;
+  return { emptyConfig: false, fields };
 };
-export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
-  var _a, _b;
-  if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
-    config = buildFormConfigFromDataUnit(dataUnit);
-  }
-  const sheets = new Map();
-  const hiddenTabs = new Map();
-  const requiredFields = [];
-  const cleanOnCopyFields = [];
-  const defaultValues = {};
-  (_a = config === null || config === void 0 ? void 0 : config.tabs) === null || _a === void 0 ? void 0 : _a.forEach((tab) => {
-    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
-      hiddenTabs.set(tab.label, tab);
+function handleDetailTabs(dataUnit, config, sheets) {
+  const unitMD = dataUnit.metadata;
+  if (unitMD === undefined || unitMD.children === undefined)
+    return;
+  unitMD.children.forEach((child) => {
+    const tabConfig = getTabFromConfig(child.label, config);
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: buildChildName(child), isDetail: true }), []);
+      return;
     }
+    const { label, name, fields } = buildDetailSheet(child);
+    sheets.set({ name, label, isDetail: true }, fields);
   });
-  (_b = config === null || config === void 0 ? void 0 : config.fields) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
+}
+function handleCustomTabs(customGuides, config, sheets) {
+  customGuides.forEach((guide) => {
+    const tabConfig = getTabFromConfig(guide.label, config);
+    const ctxProps = {};
+    Object.entries(guide).forEach(([key, value]) => {
+      if (!isReservedKey(key)) {
+        ctxProps[key] = value;
+      }
+    });
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: guide.id, isCustom: true, ctxProps }), []);
+      return;
+    }
+    const sheet = { label: guide.label, name: guide.id, isCustom: true, visible: true, ctxProps };
+    sheets.set(sheet, []);
+  });
+}
+function isReservedKey(key) {
+  return ['id', 'label'].includes(key);
+}
+function parseTabToFormSheet(key, fields) {
+  const i18n = getI18n();
+  return {
+    label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
+    name: key.name || key.label,
+    isCustom: key.isCustom,
+    isDetail: key.isDetail,
+    ctxProps: key.ctxProps,
+    fields
+  };
+}
+function handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues) {
+  var _a;
+  (_a = config === null || config === void 0 ? void 0 : config.fields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {
     var _a, _b, _c;
     if (field.visible !== false) {
-      const tabConfig = getTabConfig(field.tab || "__main", sheets);
+      const tabConfig = getTabConfig(field.tab || "__main", sheets, config);
       if (hiddenTabs.has(tabConfig.label)) {
         return;
       }
@@ -129,7 +160,8 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
                   defaultValue = value;
                 }
               }
-              catch (_d) { }
+              catch (_d) {
+              }
             }
           }
           defaultValues[field.name] = defaultValue;
@@ -137,42 +169,82 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
       }
     }
   });
+}
+export const buildFormMetadata = (config, dataUnit, includeDetails = false, customGuides) => {
+  var _a;
+  if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
+    config = buildFormConfigFromDataUnit(dataUnit);
+  }
+  const sheets = new Map();
+  const hiddenTabs = new Map();
+  const requiredFields = [];
+  const cleanOnCopyFields = [];
+  const defaultValues = {};
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : [];
+  tabs.forEach((tab) => {
+    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
+      hiddenTabs.set(tab.label, tab);
+    }
+  });
+  handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues);
   const metadata = new FormMetadata();
   metadata.setDefaultVars(config.defaultVars);
   if (includeDetails) {
-    const unitMD = dataUnit.metadata;
-    if (unitMD != undefined && unitMD.children != undefined) {
-      unitMD.children.forEach(child => {
-        const { label, name, fields } = buildDetailSheet(child);
-        sheets.set({ name, label }, fields);
-      });
-    }
+    handleDetailTabs(dataUnit, config, sheets);
+  }
+  if (customGuides) {
+    handleCustomTabs(customGuides, config, sheets);
   }
-  const i18n = getI18n();
   Array.from(sheets.entries())
     .sort(sortTabs)
-    .forEach(([key, fields]) => {
-    metadata.addSheet({
-      label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
-      name: key.name || key.label,
-      fields
-    });
+    .forEach(([tab, fields]) => {
+    if (!hiddenTabs.has(tab.label)) {
+      metadata.addSheet(parseTabToFormSheet(tab, fields));
+    }
   });
   metadata.addRequiredFields(requiredFields);
   metadata.addCleanOnCopyFields(cleanOnCopyFields);
   metadata.addDefaultValues(defaultValues);
   return metadata;
 };
-const getTabConfig = (tab, sheets) => {
-  const tabConfig = (typeof tab === "string" ? Array.from(sheets.keys()).find(t => t.label === tab) : tab);
+const getTabFromConfig = (tab, config) => {
+  var _a;
+  if (!config) {
+    return;
+  }
+  return (_a = config.tabs) === null || _a === void 0 ? void 0 : _a.find(t => t.label === tab);
+};
+const getTabConfig = (tab, sheets, config) => {
+  if (typeof tab !== "string") {
+    return tab;
+  }
+  if (config) {
+    const tabConfig = getTabFromConfig(tab, config);
+    if (tabConfig) {
+      return tabConfig;
+    }
+  }
+  const tabConfig = Array.from(sheets.keys()).find(t => t.label === tab);
   return tabConfig || { label: tab, visible: true };
 };
-const sortTabs = (a, b) => {
-  return a[0].label == '__main' ? -1 : (a[0].order || 10000) - (b[0].order || 10000);
+function sortTabs(a, b) {
+  var _a, _b;
+  if (a[0].label === '__main' && b[0].label !== '__main') {
+    return -1;
+  }
+  if (a[0].label !== '__main' && b[0].label === '__main') {
+    return 1;
+  }
+  const aOrder = (_a = a[0].order) !== null && _a !== void 0 ? _a : Number.MAX_VALUE;
+  const bOrder = (_b = b[0].order) !== null && _b !== void 0 ? _b : Number.MAX_VALUE;
+  return aOrder - bOrder;
+}
+const buildChildName = (child) => {
+  return `child[${child.name}]`;
 };
 const buildDetailSheet = (child) => {
   return {
-    name: `child[${child.name}]`,
+    name: buildChildName(child),
     label: child.label,
     fields: []
   };