@sankhyalabs/ezui 2.10.1 → 2.12.0

package/dist/collection/components/ez-form/{structure/FormSheetMetadata.js → FormMetadata.js}

@@ -1,3 +1,4 @@
+import { UserInterface } from "@sankhyalabs/core";
 export class FormMetadata {
   constructor() {
     this._sheets = new Map();
@@ -27,40 +28,20 @@ export class FormMetadata {
     return this._defaultValues;
   }
 }
-export const isRequiredField = (descriptor, config) => {
-  if (descriptor.required) {
-    //Se for required pelo descritor não olha pra configuração.
-    return true;
-  }
-  return config === null || config === void 0 ? void 0 : config.required;
-};
-export const isReadOnlyField = (descriptor, config) => {
-  if (descriptor.readOnly) {
-    //Se for readOnly pelo descritor não olha pra configuração.
-    return true;
-  }
-  return config === null || config === void 0 ? void 0 : config.readOnly;
-};
 export const buildFromDataUnit = (dataUnit) => {
-  var _a, _b;
   const unitMD = dataUnit.metadata;
   const metadata = new FormMetadata();
   if (unitMD) {
-    const visibleFields = (_a = unitMD.fields) === null || _a === void 0 ? void 0 : _a.filter(descriptor => descriptor.visible !== false);
-    const items = new Map();
-    (_b = unitMD === null || unitMD === void 0 ? void 0 : unitMD.fields) === null || _b === void 0 ? void 0 : _b.forEach((descriptor) => {
-      if (descriptor.visible !== false) {
-        resolveFieldGroup(items, null, descriptor);
-      }
-    });
+    const visibleFields = (unitMD.fields || []).filter(descriptor => descriptor.visible !== false);
+    const fields = visibleFields.map(descriptor => buildFormField(descriptor));
     let defaultValues = {};
     visibleFields
       .filter(descriptor => descriptor.defaultValue)
-      .map((descriptor) => defaultValues[descriptor.name] = descriptor.defaultValue);
+      .forEach((descriptor) => defaultValues[descriptor.name] = descriptor.defaultValue);
     metadata.addSheet({
-      label: unitMD.label,
       name: unitMD.name,
-      items: Array.from(items.values()),
+      label: unitMD.label,
+      fields,
       requiredFields: visibleFields
         .filter(descriptor => descriptor.required)
         .map(descriptor => descriptor.name),
@@ -72,29 +53,6 @@ export const buildFromDataUnit = (dataUnit) => {
   }
   return metadata;
 };
-function getTabConfig(tab, sheets) {
-  const tabConfig = (typeof tab === "string" ? Array.from(sheets.keys()).find(t => t.label === tab) : tab);
-  return tabConfig || { label: tab, visible: true };
-}
-function sortTabs(a, b) {
-  return a[0].label == '__main' ? -1 : (a[0].order || 10000) - (b[0].order || 10000);
-}
-function resolveFieldGroup(items, field, descriptor) {
-  const fieldMD = { config: field, descriptor: descriptor };
-  let group = (field === null || field === void 0 ? void 0 : field.group) || descriptor.group;
-  if (group) {
-    const key = `group::${group}`;
-    if (!items.has(key)) {
-      items.set(key, { label: group, items: [fieldMD] });
-    }
-    else {
-      items.get(key).items.push(fieldMD);
-    }
-  }
-  else {
-    items.set((field === null || field === void 0 ? void 0 : field.name) || descriptor.name, fieldMD);
-  }
-}
 export const buildFromConfig = (config, dataUnit) => {
   var _a, _b;
   const sheets = new Map();
@@ -117,10 +75,11 @@ export const buildFromConfig = (config, dataUnit) => {
       const descriptor = dataUnit.getField(field.name);
       if (descriptor && tabConfig.visible) {
         if (!sheets.has(tabConfig)) {
-          sheets.set(tabConfig, new Map());
+          sheets.set(tabConfig, []);
         }
-        const tabItens = sheets.get(tabConfig);
-        if (isRequiredField(descriptor, field)) {
+        const formField = buildFormField(descriptor, field);
+        sheets.get(tabConfig).push(formField);
+        if (formField.required) {
           requiredFields.push(field.name);
         }
         const cleanOnCopy = field.cleanOnCopy == undefined ? (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy : field.cleanOnCopy;
@@ -131,18 +90,17 @@ export const buildFromConfig = (config, dataUnit) => {
         if (defaultValue) {
           defaultValues[field.name] = field.defaultValue;
         }
-        resolveFieldGroup(tabItens, field, descriptor);
       }
     }
   });
   const metadata = new FormMetadata();
   Array.from(sheets.entries())
     .sort(sortTabs)
-    .forEach(([key, value]) => {
+    .forEach(([key, fields]) => {
     metadata.addSheet({
       label: (key.label === "__main") ? "Principal" : key.label,
       name: key.label,
-      items: Array.from(value.values()),
+      fields,
       requiredFields,
       cleanOnCopyFields,
       defaultValues
@@ -150,3 +108,30 @@ export const buildFromConfig = (config, dataUnit) => {
   });
   return metadata;
 };
+const buildFormField = (descriptor, config) => {
+  let { name, label, group } = Object.assign({}, config);
+  let { readOnly, required } = Object.assign({}, config);
+  let props;
+  let userInterface;
+  if (descriptor) {
+    label = label || descriptor.label;
+    name = name || descriptor.name;
+    required = descriptor.required || (config === null || config === void 0 ? void 0 : config.required);
+    readOnly = descriptor.readOnly || (config === null || config === void 0 ? void 0 : config.readOnly);
+    props = descriptor.properties;
+    userInterface = descriptor.userInterface;
+  }
+  return {
+    name, label, group,
+    readOnly, required,
+    props,
+    userInterface: userInterface || UserInterface.SHORTTEXT
+  };
+};
+const getTabConfig = (tab, sheets) => {
+  const tabConfig = (typeof tab === "string" ? Array.from(sheets.keys()).find(t => t.label === tab) : 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);
+};

package/dist/collection/components/ez-form/ez-form.css

@@ -1,4 +1,4 @@
-ez-form {
+:host {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -7,4 +7,10 @@ ez-form {
 .dynamic-content ez-collapsible-box {
   --ez-collapsible-box__header--padding-right: var(--space-small, 6px);
   --ez-collapsible-box__header--padding-left: var(--space-small, 6px);
+}
+
+.multi-level__container {
+  display: grid;
+  grid-template-columns: minmax(20%, 300px) auto;
+  width: 100%;
 }

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

@@ -1,11 +1,10 @@
-import { Component, h, Host, Prop, Element, forceUpdate, Method, Watch, Event } from "@stencil/core";
-import { DataUnit, Action, DataUnitAction, ElementIDUtils, StringUtils } from "@sankhyalabs/core";
-import { FormSheet } from "./structure/FormSheet";
-import { buildFromConfig, buildFromDataUnit } from "./structure/FormSheetMetadata";
+import { Action, DataUnit, DataUnitAction, ElementIDUtils, StringUtils } from "@sankhyalabs/core";
+import { Component, Element, Event, Host, Method, Prop, Watch, forceUpdate, h } from "@stencil/core";
 import { createStore } from "redux";
-import { formReducer, selectCurrentSheet, selectFormMetadata, loadMetadata, changeTab } from "./store/form.slice";
-import DataBinder from "./DataBinder";
 import ApplicationUtils from "../../utils/ApplicationUtils";
+import DataBinder from "./DataBinder";
+import { changeTab, formReducer, loadMetadata, selectCurrentSheet, selectCurrentSheetId, selectFormMetadata } from "./store/form.slice";
+import { buildFromConfig, buildFromDataUnit } from "./FormMetadata";
 export class EzForm {
   constructor() {
     this.onDataUnitAction = (action) => {
@@ -85,17 +84,43 @@ export class EzForm {
       }
     });
   }
+  resolveLevel(items) {
+    if (!this.levelResolver) {
+      return items;
+    }
+    return this.levelResolver(items);
+  }
+  getMultiLevelContent(sheets, currentSheet, currentSheetId) {
+    const treeItems = this.resolveLevel(sheets.map(sheet => {
+      const item = {
+        id: sheet.name,
+        label: sheet.label
+      };
+      return item;
+    }));
+    return (h("div", { class: "multi-level__container" },
+      h("div", null,
+        h("ez-tree", { selectedId: currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name, items: treeItems, onEzChange: (evt) => {
+            var _a;
+            const selectedItem = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id;
+            if (selectedItem && selectedItem !== (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name)) {
+              this._store.dispatch(changeTab(selectedItem));
+            }
+          } })),
+      h("div", null, this.buildFormContent(currentSheetId, currentSheet))));
+  }
   getDynamicContent() {
-    var _a;
+    var _a, _b;
     const formMD = selectFormMetadata(this._store.getState());
     if (!formMD)
       return null;
-    const currentSheet = selectCurrentSheet((_a = this._store) === null || _a === void 0 ? void 0 : _a.getState());
-    if (!currentSheet) {
-      return null;
-    }
     const allSheets = Array.from(formMD.getAllSheets().values());
-    const result = [];
+    const currentSheetId = selectCurrentSheetId((_a = this._store) === null || _a === void 0 ? void 0 : _a.getState());
+    const currentSheet = selectCurrentSheet((_b = this._store) === null || _b === void 0 ? void 0 : _b.getState());
+    if (this.multiLevel) {
+      return this.getMultiLevelContent(allSheets, currentSheet, currentSheetId);
+    }
+    let result = [];
     if (allSheets.length > 1) {
       const tabs = allSheets.map((sheet, index) => {
         return { tabKey: sheet.name, label: sheet.label, index };
@@ -103,12 +128,26 @@ export class EzForm {
       const idTabSelector = `selector`;
       result.push(h("ez-tabselector", { tabs: this.buildIdTabSelector(tabs), onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name, "data-element-id": idTabSelector }));
     }
-    const idFormSheet = `${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(currentSheet.label), false)}_selectorContainer`;
-    result.push(h(FormSheet, { store: this._store, source: currentSheet, dataElementId: idFormSheet }));
+    result = result.concat(this.buildFormContent(currentSheetId, currentSheet));
     return result;
   }
+  buildFormContent(sheetId, currentSheet) {
+    const fields = currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.fields;
+    if (this.contentBuilder != undefined) {
+      const customContent = this.contentBuilder(sheetId, fields);
+      if (customContent != undefined) {
+        return h("div", { "innerHTML": customContent });
+      }
+    }
+    if (currentSheet == undefined) {
+      return;
+    }
+    const idFormSheet = `${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
+    return (h("div", { class: "dynamic-content ez-box__container", "data-element-id": idFormSheet },
+      h("ez-form-view", { class: "ez-row ez-padding-vertical--small", fields: fields })));
+  }
   processMetadata() {
-    if (!this.isStatic() && this.dataUnit) {
+    if (!this.isStatic() && this.dataUnit && this._store) {
       const metadata = this.config != undefined && Object.values(this.config).length > 0 ? buildFromConfig(this.config, this.dataUnit) : buildFromDataUnit(this.dataUnit);
       this._store.dispatch(loadMetadata(metadata));
     }
@@ -148,7 +187,7 @@ export class EzForm {
     }
     if (action.type === Action.RECORDS_ADDED) {
       const metadata = selectFormMetadata(this._store.getState());
-      const defaultValues = metadata.getDefaultValues();
+      const defaultValues = metadata === null || metadata === void 0 ? void 0 : metadata.getDefaultValues();
       if (defaultValues) {
         const records = action.payload;
         return new DataUnitAction(Action.RECORDS_ADDED, records.map(record => {
@@ -197,6 +236,7 @@ export class EzForm {
     return (h(Host, null, this.isStatic() ? null : this.getDynamicContent()));
   }
   static get is() { return "ez-form"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
     "$": ["ez-form.css"]
   }; }
@@ -232,7 +272,8 @@ export class EzForm {
         "resolved": "IFormConfig",
         "references": {
           "IFormConfig": {
-            "location": "local"
+            "location": "import",
+            "path": "./interfaces"
           }
         }
       },
@@ -251,7 +292,8 @@ export class EzForm {
         "resolved": "IRecordValidator",
         "references": {
           "IRecordValidator": {
-            "location": "local"
+            "location": "import",
+            "path": "./interfaces"
           }
         }
       },
@@ -261,6 +303,72 @@ export class EzForm {
         "tags": [],
         "text": "Define um validador respons\u00E1vel pela integridade dos registros."
       }
+    },
+    "multiLevel": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Habilita o modo de organiza\u00E7\u00E3o com v\u00E1rios n\u00EDveis."
+      },
+      "attribute": "multi-level",
+      "reflect": false
+    },
+    "levelResolver": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "(items: Array<ITreeItem>) => Array<ITreeItem>",
+        "resolved": "(items: ITreeItem[]) => ITreeItem[]",
+        "references": {
+          "Array": {
+            "location": "global"
+          },
+          "ITreeItem": {
+            "location": "import",
+            "path": "../ez-tree/interfaces/ITreeItem"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define um resolvedor de n\u00EDvel no modo `multiLevel`."
+      }
+    },
+    "contentBuilder": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "(selectedTab: string, fields: Array<IFormViewField>) => HTMLElement | string",
+        "resolved": "(selectedTab: string, fields: IFormViewField[]) => string | HTMLElement",
+        "references": {
+          "Array": {
+            "location": "global"
+          },
+          "IFormViewField": {
+            "location": "import",
+            "path": "../ez-form-view/interfaces"
+          },
+          "HTMLElement": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define um construtor. Isso permite personalizar o conte\u00FAdo do formul\u00E1rio"
+      }
     }
   }; }
   static get events() { return [{
@@ -296,7 +404,8 @@ export class EzForm {
             "path": "@sankhyalabs/core"
           },
           "IValidationResult": {
-            "location": "local"
+            "location": "import",
+            "path": "./interfaces"
           }
         },
         "return": "Promise<void>"

package/dist/collection/components/ez-form/interfaces/IDefaultConfig.js

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

package/dist/collection/components/ez-form/interfaces/IFieldConfig.js

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

package/dist/collection/components/ez-form/interfaces/IFormConfig.js

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

package/dist/collection/components/ez-form/interfaces/IFormSheetMetadata.js

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

package/dist/collection/components/ez-form/interfaces/IInvalidField.js

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

package/dist/collection/components/ez-form/interfaces/IRecordValidator.js

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

package/dist/collection/components/ez-form/interfaces/ITabConfig.js

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

package/dist/collection/components/ez-form/interfaces/IValidationResult.js

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

package/dist/collection/components/ez-form/interfaces/index.js

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

package/dist/collection/components/ez-form/store/form.slice.js

@@ -20,15 +20,19 @@ export function loadMetadata(formMetadata) {
 export function changeTab(currentSheet) {
   return {
     type: FormActions.CHANGE_TAB,
-    payload: currentSheet.tabKey
+    payload: typeof currentSheet === "string" ? currentSheet : currentSheet.tabKey
   };
 }
 ///////////////////////////////    SELECTORS    ///////////////////////////////
 export function selectFormMetadata(state) {
   return state.formMetadata;
 }
+export function selectCurrentSheetId(state) {
+  return state.currentSheet;
+}
 export function selectCurrentSheet(state) {
-  return state.currentSheet ? state.formMetadata.getSheet(state.currentSheet) : Array.from(state.formMetadata.getAllSheets().values())[0];
+  const currentSheetId = selectCurrentSheetId(state);
+  return currentSheetId ? state.formMetadata.getSheet(currentSheetId) : Array.from(state.formMetadata.getAllSheets().values())[0];
 }
 ///////////////////////////////      TYPES      ///////////////////////////////
 var FormActions;

package/dist/collection/components/ez-form-view/ez-form-view.css

@@ -0,0 +1,6 @@
+:host {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+}

package/dist/collection/components/ez-form-view/ez-form-view.js

@@ -0,0 +1,71 @@
+import { Component, Element, Host, Prop, h } from '@stencil/core';
+import { fieldBuilder } from './fieldbuilder/FieldBuilder';
+import { ElementIDUtils } from '@sankhyalabs/core';
+export class EzFormView {
+  groupFields(fields) {
+    const result = new Map();
+    fields.forEach(item => {
+      const groupLabel = item.group;
+      if (groupLabel) {
+        let groupFields = result.get(groupLabel);
+        if (groupFields == undefined) {
+          groupFields = [];
+          result.set(groupLabel, groupFields);
+        }
+        groupFields.push(item);
+      }
+      else {
+        result.set(item.name, item);
+      }
+    });
+    return result;
+  }
+  render() {
+    ElementIDUtils.addIDInfoIfNotExists(this._element, 'ezFormView');
+    if (this.fields == undefined) {
+      return;
+    }
+    return (h(Host, null, Array.from(this.groupFields(this.fields).entries()).map(([label, value]) => {
+      if (Array.isArray(value)) {
+        return (h("ez-collapsible-box", { id: `group-${label}`, label: label, "header-size": "large", key: label }, value.map(fi => fieldBuilder(fi))));
+      }
+      else {
+        return fieldBuilder(value);
+      }
+    })));
+  }
+  static get is() { return "ez-form-view"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() { return {
+    "$": ["ez-form-view.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ez-form-view.css"]
+  }; }
+  static get properties() { return {
+    "fields": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Array<IFormViewField>",
+        "resolved": "IFormViewField[]",
+        "references": {
+          "Array": {
+            "location": "global"
+          },
+          "IFormViewField": {
+            "location": "import",
+            "path": "./interfaces/IFormViewField"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define a lista de metadados usada para criar os campos de user interface."
+      }
+    }
+  }; }
+  static get elementRef() { return "_element"; }
+}

package/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder.js

@@ -0,0 +1,26 @@
+import { UserInterface } from "@sankhyalabs/core";
+import { buildCheckBox, buildSwitch } from "./templates/CheckBox.tpl";
+import { buildComboBox } from "./templates/ComboBox.tpl";
+import { buildDate, buildTime, buildDateTime } from "./templates/DateInput.tpl";
+import { buildFile } from "./templates/FileInput.tpl";
+import { buildDecimal, buildInteger } from "./templates/NumberInput.tpl";
+import { buildSearch } from "./templates/SearchInput.tpl";
+import { buildTextArea } from "./templates/TextArea.tpl";
+import { buildTextInput } from "./templates/TextInput.tpl";
+const uiBuilders = new Map();
+uiBuilders.set(UserInterface.CHECKBOX, buildCheckBox);
+uiBuilders.set(UserInterface.SWITCH, buildSwitch);
+uiBuilders.set(UserInterface.OPTIONSELECTOR, buildComboBox);
+uiBuilders.set(UserInterface.DATE, buildDate);
+uiBuilders.set(UserInterface.TIME, buildTime);
+uiBuilders.set(UserInterface.DATETIME, buildDateTime);
+uiBuilders.set(UserInterface.FILE, buildFile);
+uiBuilders.set(UserInterface.DECIMALNUMBER, buildDecimal);
+uiBuilders.set(UserInterface.INTEGERNUMBER, buildInteger);
+uiBuilders.set(UserInterface.SEARCH, buildSearch);
+uiBuilders.set(UserInterface.LONGTEXT, buildTextArea);
+export const fieldBuilder = (field) => {
+  const builder = uiBuilders.get(field.userInterface) || buildTextInput;
+  const label = field.required ? `${field.label} (obrigatório) *` : field.label;
+  return builder(Object.assign(Object.assign({}, field), { label }));
+};

package/dist/collection/components/{ez-form/fieldbuilder/tpl → ez-form-view/fieldbuilder/templates}/CheckBox.tpl.js

@@ -1,10 +1,10 @@
 import { h } from "@stencil/core";
 import { CheckMode } from "../../../ez-check/CheckMode";
-export const buildSwitch = (fieldConfig) => {
-  return buildField(fieldConfig.name, fieldConfig.label, fieldConfig.readOnly, true);
+export const buildSwitch = (field) => {
+  return buildField(field.name, field.label, field.readOnly, true);
 };
-export const buildCheckBox = (fieldConfig) => {
-  return buildField(fieldConfig.name, fieldConfig.label, fieldConfig.readOnly, false);
+export const buildCheckBox = (field) => {
+  return buildField(field.name, field.label, field.readOnly, false);
 };
 function buildField(fieldName, fieldLabel, readOnly, switchMode = false) {
   return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large" },

package/dist/collection/components/{ez-form/fieldbuilder/tpl → ez-form-view/fieldbuilder/templates}/ComboBox.tpl.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
-export const buildComboBox = ({ name, label, readOnly, required }, properties) => {
-  const prop = properties === null || properties === void 0 ? void 0 : properties.options;
+export const buildComboBox = ({ name, label, readOnly, required, props }) => {
+  const prop = props === null || props === void 0 ? void 0 : props.options;
   let options;
   if (typeof prop === "string") {
     const parsed = JSON.parse(prop);

package/dist/collection/components/{ez-form/fieldbuilder/tpl → ez-form-view/fieldbuilder/templates}/DateInput.tpl.js

@@ -7,7 +7,7 @@ export const buildTime = ({ name, label, readOnly }) => {
   return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
     h("ez-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };
-export const buildTimeDate = ({ name, label, readOnly }) => {
+export const buildDateTime = ({ name, label, readOnly }) => {
   return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
     h("ez-date-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };

package/dist/collection/components/{ez-form/fieldbuilder/tpl → ez-form-view/fieldbuilder/templates}/NumberInput.tpl.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
-export const buildDecimal = ({ name, label, readOnly }, properties) => {
-  const precision = Number((properties === null || properties === void 0 ? void 0 : properties.precision) || 2);
-  const prettyPrecision = Number((properties === null || properties === void 0 ? void 0 : properties.prettyPrecision) || precision);
+export const buildDecimal = ({ name, label, readOnly, props }) => {
+  const precision = Number((props === null || props === void 0 ? void 0 : props.precision) || 2);
+  const prettyPrecision = Number((props === null || props === void 0 ? void 0 : props.prettyPrecision) || precision);
   return buildNumeric(name, label, readOnly, precision, prettyPrecision);
 };
 export const buildInteger = ({ name, label, readOnly }) => {

package/dist/collection/components/ez-form-view/interfaces/IFormViewField.js

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

package/dist/collection/components/ez-form-view/interfaces/index.js

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

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

@@ -68,9 +68,12 @@ export class EzTabselector {
   }
   componentWillRender() {
     if (!this._processedTabs) {
-      this._processedTabs = [];
       if (this.tabs) {
-        if (typeof this.tabs === "string") {
+        if (Array.isArray(this.tabs)) {
+          this._processedTabs = [...this.tabs];
+        }
+        else {
+          this._processedTabs = [];
           this.tabs.split(",").forEach((label) => {
             label = label.trim();
             this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });

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

@@ -86,17 +86,11 @@ ul.first-level {
 }
 
 .tree-item:hover {
-  /*private*/
-  cursor: pointer;
-
   /*public*/
   background-color: var(--ez-tree__tree-item--hover--background-color);
 }
 
 .tree-item[disabled], .tree-item[disabled]:hover {
-  /*private*/
-  cursor: unset;
-
   /*public*/
   background-color: var(--ez-tree__tree-item--disabled--background-color);
 }
@@ -118,12 +112,20 @@ ul.first-level {
   --ez-icon--color: var(--ez-tree--color);
 }
 
+.item-icon:hover {
+  /*private*/
+  cursor: pointer;
+}
+
 .tree-item[selected] .item-icon {
   /*public*/
   --ez-icon--color: var(--ez-tree--selected--color);
 }
 
 .tree-item[disabled] .item-icon {
+  /*private*/
+  cursor: unset;
+
   /*public*/
   --ez-icon--color: var(--ez-tree--disabled--color);
 }