@sankhyalabs/ezui 2.14.0-develop.1 → 2.14.0

package/dist/esm/ez-filter-input_3.entry.js

@@ -267,6 +267,17 @@ class Tree extends Node {
       }
     });
   }
+  updateItem(item) {
+    if (item == undefined) {
+      return;
+    }
+    const node = this.getNode(item.id);
+    if (node == undefined) {
+      return;
+    }
+    Object.keys(item).forEach(attrib => node.item[attrib] = item[attrib]);
+    this._changeCallback();
+  }
   async open(path) {
     return new Promise(async (resolve) => {
       await this.walk(this, path, node => node.item.expanded = true);
@@ -440,7 +451,7 @@ let EzTree = class {
     if (expanded) {
       this.ezOpenItem.emit(item);
     }
-    forceUpdate(this);
+    this._tree.updateItem(item);
   }
   previousLevel() {
     var _a;
@@ -449,7 +460,7 @@ let EzTree = class {
     }
     if (this.value.expanded) {
       this.value.expanded = false;
-      forceUpdate(this);
+      this._tree.updateItem(this.value);
     }
     else {
       const node = this._tree.getNode(this.value.id);
@@ -472,7 +483,7 @@ let EzTree = class {
     }
     else {
       this.value.expanded = true;
-      forceUpdate(this);
+      this._tree.updateItem(this.value);
     }
   }
   indexOf(id) {

package/dist/esm/ez-form-view.entry.js

@@ -0,0 +1,136 @@
+import { h, r as registerInstance, H as Host, g as getElement } from './index-c5203f95.js';
+import { UserInterface, ElementIDUtils } from '@sankhyalabs/core';
+import { C as CheckMode } from './CheckMode-bdb2ec19.js';
+
+const buildSwitch = (field) => {
+  return buildField(field.name, field.label, field.readOnly, true);
+};
+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" },
+    h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, key: fieldName })));
+}
+
+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);
+    options = Object.keys(parsed).map(key => { return { value: key, label: parsed[key] }; });
+  }
+  else {
+    options = prop;
+  }
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    h("ez-combo-box", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, key: name, options: options })));
+};
+
+const buildDate = ({ name, label, readOnly }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
+};
+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 })));
+};
+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 })));
+};
+
+const buildFile = ({ name, label, readOnly }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" },
+    h("ez-upload", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
+};
+
+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);
+};
+const buildInteger = ({ name, label, readOnly }) => {
+  return buildNumeric(name, label, readOnly, 0, 0);
+};
+function buildNumeric(fieldName, fieldLabel, readOnly, precision, prettyPrecision) {
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    h("ez-number-input", { enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, key: fieldName })));
+}
+
+const buildSearch = ({ name, label, readOnly, required }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    h("ez-search", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, key: name })));
+};
+
+const buildTextArea = ({ name, label, readOnly }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small", key: name },
+    h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name })));
+};
+
+const buildTextInput = ({ name, label, readOnly }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    h("ez-text-input", { label: label, "data-field-name": name, key: name, enabled: !readOnly })));
+};
+
+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);
+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 }));
+};
+
+const ezFormViewCss = ".sc-ez-form-view-h{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}";
+
+let EzFormView = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  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);
+      }
+    })));
+  }
+  get _element() { return getElement(this); }
+};
+EzFormView.style = ezFormViewCss;
+
+export { EzFormView as ez_form_view };