@sankhyalabs/ezui 7.3.2 → 7.3.3-rc.1

package/dist/collection/components/ez-text-input/ez-text-input.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { ElementIDUtils, MaskFormatter } from "@sankhyalabs/core";
+import { ElementIDUtils, MaskFormatter as CoreMaskFormatter, MaskFormatter } from '@sankhyalabs/core';
 export class EzTextInput {
   constructor() {
     this._isOverflowing = false;
@@ -114,6 +114,42 @@ export class EzTextInput {
       this._inputElem.classList.add("input__slim--noborder");
     }
   }
+  buildMaskFormatter() {
+    if (this.mask) {
+      const maskToBuilder = this.getMaskToBuilder();
+      this._maskFormatter = maskToBuilder ? new MaskFormatter(maskToBuilder) : undefined;
+    }
+  }
+  getMaskToBuilder() {
+    if (this.mask === 'cgc_cpf') {
+      return this.getCGCCpfMask();
+    }
+    if (this.mask === 'phone') {
+      return this.getPhoneMask();
+    }
+    if (this.mask in CoreMaskFormatter.DEFAULT_MASKS) {
+      return CoreMaskFormatter.DEFAULT_MASKS[this.mask];
+    }
+    return this.mask;
+  }
+  getPhoneMask() {
+    if (this.value && this.value.length === 10) {
+      return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.phone : undefined;
+    }
+    if (this.value && this.value.length === 11) {
+      return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.phone_mobile : undefined;
+    }
+    return undefined;
+  }
+  getCGCCpfMask() {
+    if (this.value && this.value.length === 11) {
+      return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.cpf : undefined;
+    }
+    if (this.value && this.value.length === 14) {
+      return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.cnpj : undefined;
+    }
+    return undefined;
+  }
   //---------------------------------------------
   // Public methods
   //---------------------------------------------
@@ -351,6 +387,7 @@ export class EzTextInput {
   }
   componentDidRender() {
     this.adjustFloatingLabel();
+    this.buildMaskFormatter();
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');

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

@@ -250,8 +250,8 @@ export default class DataBinder {
     }
   }
   bindSearchOptionsLoader(fieldName, field) {
-    if ((field.nodeName === "EZ-SEARCH" || field.nodeName === "EZ-SEARCH-PLUS") && field["optionLoader"] == undefined) {
-      const isSearchPlus = field.nodeName === "EZ-SEARCH-PLUS";
+    if ((field.nodeName === "EZ-SEARCH" || field.nodeName === "EZ-CLASSIC-SEARCH" || field.nodeName === "EZ-SEARCH-PLUS" || field.nodeName === "EZ-CLASSIC-SEARCH-PLUS") && field["optionLoader"] == undefined) {
+      const isSearchPlus = (field.nodeName === "EZ-SEARCH-PLUS" || field.nodeName === "EZ-CLASSIC-SEARCH-PLUS");
       const loader = isSearchPlus ? ApplicationContext.getContextValue("__EZUI__SEARCH__PLUS__OPTION__LOADER__") : ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
       if (loader) {
         field["optionLoader"] = (arg, ctxOptions) => {

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

@@ -72,11 +72,127 @@ 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) => {
+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);
+  });
+}
+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, _d, _e, _f;
+    if (field.visible === false) {
+      return;
+    }
+    if (!field.tab && ((_b = (_a = dataUnit.getField(field.name)) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.isPrimaryKey)) {
+      field.tab = "__main";
+    }
+    const tabConfig = getTabConfig(field.tab || "Geral", sheets, config);
+    if (hiddenTabs.has(tabConfig.label)) {
+      return;
+    }
+    const descriptor = dataUnit.getField(field.name);
+    const fieldVisible = (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) == undefined || (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) === true;
+    if (descriptor && fieldVisible && tabConfig.visible) {
+      if (!sheets.has(tabConfig)) {
+        sheets.set(tabConfig, []);
+      }
+      const formField = buildFieldMetadata(descriptor, field);
+      (_c = sheets.get(tabConfig)) === null || _c === void 0 ? void 0 : _c.push(formField);
+      if (formField.required) {
+        requiredFields.push(field.name);
+      }
+      const cleanOnCopy = field.cleanOnCopy == undefined ? (_d = descriptor.properties) === null || _d === void 0 ? void 0 : _d.cleanOnCopy : field.cleanOnCopy;
+      if (cleanOnCopy || ((_e = descriptor.properties) === null || _e === void 0 ? void 0 : _e.cleanOnCopy)) {
+        cleanOnCopyFields.push(field.name);
+      }
+      let defaultValue = field.defaultValue == undefined ? (_f = descriptor.properties) === null || _f === void 0 ? void 0 : _f.defaultValue : field.defaultValue;
+      if (defaultValue && defaultValue.value != undefined) {
+        const { type, value } = defaultValue;
+        if (type) {
+          if (type === "V") {
+            defaultValue = value;
+          }
+          else {
+            try {
+              const parsed = JSON.parse(value);
+              if (parsed && "value" in parsed) {
+                defaultValue = parsed;
+              }
+              else {
+                defaultValue = value;
+              }
+            }
+            catch (_g) {
+            }
+          }
+        }
+        defaultValues[field.name] = defaultValue;
+      }
+    }
+  });
+}
+function getDistinctTabs(config) {
   var _a, _b;
+  const fieldTabs = (_b = (_a = config.fields) === null || _a === void 0 ? void 0 : _a.map((field, index) => ({
+    label: field.tab,
+    name: field.tab,
+    order: index,
+    visible: true,
+    isDetail: false,
+    isCustom: false,
+  }))) !== null && _b !== void 0 ? _b : [];
+  return fieldTabs.reduce((total, item) => {
+    if (!total.some((tab) => tab.name === item.name)) {
+      return [...total, item];
+    }
+    return total;
+  }, []);
+}
+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);
   }
@@ -85,86 +201,27 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
   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) => {
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : getDistinctTabs(config);
+  tabs.forEach((tab) => {
     if (!hiddenTabs.has(tab.label) && tab.visible === false) {
       hiddenTabs.set(tab.label, tab);
     }
   });
-  (_b = config === null || config === void 0 ? void 0 : config.fields) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
-    var _a, _b, _c;
-    if (field.visible !== false) {
-      const tabConfig = getTabConfig(field.tab || "__main", sheets, config);
-      if (hiddenTabs.has(tabConfig.label)) {
-        return;
-      }
-      const descriptor = dataUnit.getField(field.name);
-      const fieldVisible = (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) == undefined || (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) === true;
-      if (descriptor && fieldVisible && tabConfig.visible) {
-        if (!sheets.has(tabConfig)) {
-          sheets.set(tabConfig, []);
-        }
-        const formField = buildFieldMetadata(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;
-        if (cleanOnCopy || ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.cleanOnCopy)) {
-          cleanOnCopyFields.push(field.name);
-        }
-        let defaultValue = field.defaultValue == undefined ? (_c = descriptor.properties) === null || _c === void 0 ? void 0 : _c.defaultValue : field.defaultValue;
-        if (defaultValue && defaultValue.value != undefined) {
-          const { type, value } = defaultValue;
-          if (type) {
-            if (type === "V") {
-              defaultValue = value;
-            }
-            else {
-              try {
-                const parsed = JSON.parse(value);
-                if (parsed && "value" in parsed) {
-                  defaultValue = parsed;
-                }
-                else {
-                  defaultValue = value;
-                }
-              }
-              catch (_d) { }
-            }
-          }
-          defaultValues[field.name] = defaultValue;
-        }
-      }
-    }
-  });
+  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) => {
-        if (hiddenTabs.has(child.label)) {
-          return;
-        }
-        const tabConfig = getTabFromConfig(child.label, config);
-        if (tabConfig) {
-          sheets.set(Object.assign(tabConfig, { name: buildChildName(child) }), []);
-          return;
-        }
-        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);
@@ -176,7 +233,8 @@ const getTabFromConfig = (tab, config) => {
   if (!config) {
     return;
   }
-  return (_a = config.tabs) === null || _a === void 0 ? void 0 : _a.find(t => t.label === tab);
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : getDistinctTabs(config);
+  return tabs === null || tabs === void 0 ? void 0 : tabs.find(t => t.label === tab);
 };
 const getTabConfig = (tab, sheets, config) => {
   if (typeof tab !== "string") {

package/dist/collection/utils/form/interfaces/FormLayout.js

@@ -1,5 +1,7 @@
 export var FormLayout;
 (function (FormLayout) {
   FormLayout[FormLayout["CASCADE"] = 0] = "CASCADE";
-  FormLayout[FormLayout["SIDE_BY_SIDE"] = 1] = "SIDE_BY_SIDE";
+  FormLayout[FormLayout["CLASSIC_CASCADE"] = 1] = "CLASSIC_CASCADE";
+  FormLayout[FormLayout["SIDE_BY_SIDE"] = 2] = "SIDE_BY_SIDE";
+  FormLayout[FormLayout["CLASSIC_SIDE_BY_SIDE"] = 3] = "CLASSIC_SIDE_BY_SIDE";
 })(FormLayout || (FormLayout = {}));

package/dist/collection/utils/i18n/locales/en-us.js

@@ -30,6 +30,15 @@ export default {
       uploadErrorTitle: "Uploading file",
       uploadingMessage: "Files are being uploaded. Please wait for completion or cancel the upload."
     },
+    "ez-image-input": {
+      defaultLabel: "Upload Image",
+      imageAlt: "Uploaded image",
+      removeImage: "Remove image",
+      editImage: "Edit image",
+      invalidFileType: "The selected file is not a valid image.",
+      fileTooLarge: "The image must be less than {{maxSize}}.",
+      imagePreview: "Image Preview",
+    },
     "ez-calendar": {
       month: {
         0: "January",
@@ -73,6 +82,9 @@ export default {
     "ez-date-input": {
       invalidDate: "The entered value is not a valid date"
     },
+    "ez-classic-date-input": {
+      invalidDate: "The entered value is not a valid date"
+    },
     "ez-dialog": {
       confirmButton: "Confirm or OK button",
       closeButton: "Close or X button"
@@ -90,16 +102,36 @@ export default {
     "ez-file-item": {
       invalidProgress: "The upload progress must be a number between 0 and 100."
     },
+    "ez-record-navigation": {
+      previousRecord: "Previous record",
+      nextRecord: "Next record",
+    },
+    "ez-grid-pagination": {
+      cancelPagination: "Cancel pagination",
+      paginationLabel: "Pagination",
+      firstPage: 'First page',
+      lastPage: 'Last page',
+      previousPage: "Previous page",
+      nextPage: "Next page",
+      remainingPageLabel: " from {{count}} or more",
+      remainingTotalLabel: " from {{total}}",
+      pageCounter: "Page {{currentPage}} from {{totalPages}}",
+      largeLoad: {
+        line1: "Loading a large number of records",
+        line2: "We recommend canceling pagination and applying filters to improve performance.",
+        line3: "What do you want to do with pagination?",
+        loadAll: "Load all",
+        continue: "Continue",
+        cancel: "Cancel",
+      },
+    },
     "ez-grid": {
       filterAppliedSuccess: "Column filter applied successfully!",
-      cancelPagination: "Cancel pagination",
       pageLabel: "Page {{currentPage}}",
       previousPage: "Previous page",
       nextPage: "Next page",
       returnToPreviousPage: "Return to the previous page.",
       goToNextPage: "Move to the next page.",
-      remainingPageLabel: " from {{count}} or more",
-      remainingTotalLabel: " from {{total}}",
       nextRecord: "Move to the next record.",
       previousRecord: "Return to the previous record.",
       searchColumn: "Search by column.",
@@ -119,7 +151,7 @@ export default {
       last: "Last",
       first: "First",
       previous: "Previous",
-      loadingOoo: "Loading",
+      loadingOoo: "",
       selectAll: "Select all",
       searchOoo: "Search",
       blanks: "Blanks",
@@ -245,12 +277,24 @@ export default {
     "ez-search": {
       emptyList: "No results found",
       emptySearch: "No results for {{field}} found",
+      showMore: "Show more"
     },
     "ez-search-plus": {
       emptyList: "No results found",
       optionLoaderNotDefined: "optionLoader not defined",
       defaultCodeLabel: "Code",
     },
+    "ez-classic-search": {
+      emptyList: "No results found",
+      emptySearch: "No results for {{field}} found",
+      showMore: "Show more"
+    },
+    "ez-classic-search-plus": {
+      emptyList: "No results found",
+      optionLoaderNotDefined: "optionLoader not defined",
+      defaultCodeLabel: "Code",
+      clearValue: "Clear value",
+    },
     "ez-sortable-list": {
       emptyMessage: "No items in the list",
       entityLabel: "item",
@@ -267,6 +311,9 @@ export default {
     "ez-time-input": {
       invalidTime: "Please enter a valid time.",
     },
+    "ez-classic-time-input": {
+      invalidTime: "Please enter a valid time.",
+    },
     "ez-sidebar": {
       unPinMenu: "Unpin menu",
       pushPinMenu: "Pin menu",
@@ -288,6 +335,10 @@ export default {
     },
     spinner: {
       loading: "Loading..."
+    },
+    "ez-scroller": {
+      previousButton: "Previous",
+      nextButton: "Next"
     }
   }
 };