@sankhyalabs/ezui 1.1.8 → 1.1.9

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

@@ -1,173 +1,173 @@
-import { Component, Host, h, Element, Prop } from '@stencil/core';
-import DataUnit from './DataUnit';
-export class FormMetadata {
-  buildField(element) {
-    const label = element.textContent;
-    let name = element.getAttribute("name") || label;
-    let userInterface = element.getAttribute("ui") || "SHORTTEXT";
-    const defaultValue = element.getAttribute("defaultValue");
-    const required = element.getAttribute("required") === "true";
-    const readOnly = element.getAttribute("readonly") === "true";
-    return { name, userInterface, label, defaultValue, required, readOnly };
-  }
-  buildFieldSet(element) {
-    const label = element.getAttribute("label");
-    const fields = Array.from(element.getElementsByTagName('FIELD')).map(f => this.buildField(f));
-    return { label, fields };
-  }
-  fromElements(elements, label, name, dataUnit, many, autoLoad) {
-    const form = {
-      name: name || label,
-      label,
-      autoLoad
-    };
-    if (dataUnit) {
-      form.dataUnit = new DataUnit(dataUnit, many ? 'N' : '1');
-    }
-    Array.from(elements).forEach(child => {
-      const tagName = child.tagName.toUpperCase();
-      switch (tagName) {
-        case 'FIELD':
-          if (!form.items) {
-            form.items = [];
-          }
-          form.items.push(this.buildField(child));
-          break;
-        case 'FIELD-SET':
-          if (!form.items) {
-            form.items = [];
-          }
-          form.items.push(this.buildFieldSet(child));
-          break;
-        case 'SUB-FORM':
-          if (!form.subForms) {
-            form.subForms = [];
-          }
-          const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
-          const name = child.getAttribute("name") || label;
-          form.subForms.push(this.fromElements(child.children, label, name, child.getAttribute("dataunit"), child.hasAttribute("many"), child.getAttribute("autoload") === "true"));
-          break;
-      }
-    });
-    return form;
-  }
-  componentWillLoad() {
-    if (!this.dataunit) {
-      this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
-    }
-    this.metadata = this.fromElements(this._host.children, this.label, this.name, this.dataunit, this.many, this.autoload);
-  }
-  render() {
-    return h(Host, null);
-  }
-  static get is() { return "form-metadata"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "dataunit": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "dataunit",
-      "reflect": false
-    },
-    "many": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "many",
-      "reflect": false
-    },
-    "autoload": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "autoload",
-      "reflect": false
-    },
-    "metadata": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Form",
-        "resolved": "Form",
-        "references": {
-          "Form": {
-            "location": "import",
-            "path": "./FormMetadata"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get elementRef() { return "_host"; }
-}
+import { Component, Host, h, Element, Prop } from '@stencil/core';
+import DataUnit from './DataUnit';
+export class FormMetadata {
+  buildField(element) {
+    const label = element.textContent;
+    let name = element.getAttribute("name") || label;
+    let userInterface = element.getAttribute("ui") || "SHORTTEXT";
+    const defaultValue = element.getAttribute("defaultValue");
+    const required = element.getAttribute("required") === "true";
+    const readOnly = element.getAttribute("readonly") === "true";
+    return { name, userInterface, label, defaultValue, required, readOnly };
+  }
+  buildFieldSet(element) {
+    const label = element.getAttribute("label");
+    const fields = Array.from(element.getElementsByTagName('FIELD')).map(f => this.buildField(f));
+    return { label, fields };
+  }
+  fromElements(elements, label, name, dataUnit, many, autoLoad) {
+    const form = {
+      name: name || label,
+      label,
+      autoLoad
+    };
+    if (dataUnit) {
+      form.dataUnit = new DataUnit(dataUnit, many ? 'N' : '1');
+    }
+    Array.from(elements).forEach(child => {
+      const tagName = child.tagName.toUpperCase();
+      switch (tagName) {
+        case 'FIELD':
+          if (!form.items) {
+            form.items = [];
+          }
+          form.items.push(this.buildField(child));
+          break;
+        case 'FIELD-SET':
+          if (!form.items) {
+            form.items = [];
+          }
+          form.items.push(this.buildFieldSet(child));
+          break;
+        case 'SUB-FORM':
+          if (!form.subForms) {
+            form.subForms = [];
+          }
+          const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
+          const name = child.getAttribute("name") || label;
+          form.subForms.push(this.fromElements(child.children, label, name, child.getAttribute("dataunit"), child.hasAttribute("many"), child.getAttribute("autoload") === "true"));
+          break;
+      }
+    });
+    return form;
+  }
+  componentWillLoad() {
+    if (!this.dataunit) {
+      this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
+    }
+    this.metadata = this.fromElements(this._host.children, this.label, this.name, this.dataunit, this.many, this.autoload);
+  }
+  render() {
+    return h(Host, null);
+  }
+  static get is() { return "form-metadata"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "name",
+      "reflect": false
+    },
+    "label": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "label",
+      "reflect": false
+    },
+    "dataunit": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "dataunit",
+      "reflect": false
+    },
+    "many": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "many",
+      "reflect": false
+    },
+    "autoload": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "autoload",
+      "reflect": false
+    },
+    "metadata": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "Form",
+        "resolved": "Form",
+        "references": {
+          "Form": {
+            "location": "import",
+            "path": "./FormMetadata"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+  static get elementRef() { return "_host"; }
+}

package/dist/collection/components/ez-form/subcomponents/place-holder.js

@@ -1,14 +1,14 @@
-import { Component, Host, h } from '@stencil/core';
-export class PlaceHolder {
-  render() {
-    return h(Host, null);
-  }
-  static get is() { return "place-holder"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["css/place-holder.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["./css/place-holder.css"]
-  }; }
-}
+import { Component, Host, h } from '@stencil/core';
+export class PlaceHolder {
+  render() {
+    return h(Host, null);
+  }
+  static get is() { return "place-holder"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["css/place-holder.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["./css/place-holder.css"]
+  }; }
+}

package/dist/collection/components/ez-form/subcomponents/structure/Field.js

@@ -1,71 +1,71 @@
-import { DateUtils } from "@sankhyalabs/core";
-import { h } from "@stencil/core";
-import { DependencyType } from "../FormMetadata";
-function scrollToView(forceScroll, elem) {
-  if (forceScroll) {
-    window.requestAnimationFrame(() => elem.scrollIntoView());
-  }
-}
-export const Field = ({ dataUnit, source, forceScroll }) => {
-  const { name, label, userInterface, properties, required, dependencies } = source;
-  const value = dataUnit.getValue(name) || null;
-  const loadingData = dataUnit.isLoading();
-  const formattedLabel = required ? `* ${label} (obrigatório)` : label;
-  const errorMessage = dataUnit.getErrorMessage(name);
-  const changeFieldHandler = (newValue) => {
-    dataUnit.changeValue(name, newValue);
-  };
-  switch (userInterface) {
-    case 'LONGTEXT':
-      return h("div", { class: "col col--sd-12 padding--small" },
-        h("ez-text-area", { label: formattedLabel, onInput: evt => changeFieldHandler(evt.target['value']), value: value || '', errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem) }));
-    case 'CHECKBOX':
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
-        h("ez-check", { onInput: evt => changeFieldHandler(evt.target['value']), ref: elem => scrollToView(forceScroll, elem) }));
-    case 'SWITCH':
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
-        h("div", { class: "row" },
-          h("div", { class: "col col--sd-2" },
-            h("ez-check", { mode: "switch", value: value === "S", ref: elem => scrollToView(forceScroll, elem) })),
-          h("div", { class: "col col--sd-10" },
-            h("label", { class: "text text--primary text--medium" }, label))));
-    case 'OPTIONSELECTOR':
-      const optsObj = JSON.parse(properties.find(prop => prop.name === 'options').value);
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
-        h("ez-combo-box", { value: value, label: formattedLabel, onEzChange: (event) => changeFieldHandler(event.target['value']), errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem) }, Object.keys(optsObj).map(key => h("option", { value: key }, optsObj[key]))));
-    case 'SEARCH':
-      const context = {};
-      properties.forEach(({ name, value }) => {
-        context[name] = value;
-      });
-      let criteriaList = [];
-      dependencies === null || dependencies === void 0 ? void 0 : dependencies.forEach(dependency => {
-        var _a;
-        if (dependency.type === DependencyType.SEARCHING) {
-          if (((_a = dependency.masterFields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            let criteria = {
-              expression: dependency.expression,
-              paramNames: [...dependency.masterFields],
-              paramResolver: name => dataUnit.getValue(name)
-            };
-            criteriaList.push(criteria);
-          }
-        }
-      });
-      if (criteriaList.length > 0) {
-        context['CRITERIA'] = criteriaList;
-      }
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
-        h("ez-search", { label: label, onEzChange: (event) => changeFieldHandler(event.target['value']), showvalue: true, value: value, loadexecutor: (argument, callback) => dataUnit.fieldSearchExecutor(argument, context, callback) }));
-    case 'DATE':
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
-        h("ez-date-input", { label: formattedLabel, enabled: true, value: !value ? null : DateUtils.clearTime(value), onEzChange: (event) => changeFieldHandler(event.target['value']), errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem) }));
-    //IMAGE, FILE, DATE, DATETIME, ELAPSEDTIME, DECIMALNUMBER, INTEGERNUMBER, PASSWORD, MASKEDTEXT, HTML
-    default:
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData
-        ?
-          h("place-holder", null)
-        :
-          h("ez-text-input", { loading: loadingData, label: formattedLabel, onInput: (event) => changeFieldHandler(event.target['value']), value: value, errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem) }));
-  }
-};
+import { DateUtils } from "@sankhyalabs/core";
+import { h } from "@stencil/core";
+import { DependencyType } from "../FormMetadata";
+function scrollToView(forceScroll, elem) {
+  if (forceScroll) {
+    window.requestAnimationFrame(() => elem.scrollIntoView());
+  }
+}
+export const Field = ({ dataUnit, source, forceScroll }) => {
+  const { name, label, userInterface, properties, required, dependencies } = source;
+  const value = dataUnit.getValue(name) || null;
+  const loadingData = dataUnit.isLoading();
+  const formattedLabel = required ? `* ${label} (obrigatório)` : label;
+  const errorMessage = dataUnit.getErrorMessage(name);
+  const changeFieldHandler = (newValue) => {
+    dataUnit.changeValue(name, newValue);
+  };
+  switch (userInterface) {
+    case 'LONGTEXT':
+      return h("div", { class: "col col--sd-12 padding--small" },
+        h("ez-text-area", { label: formattedLabel, onInput: evt => changeFieldHandler(evt.target['value']), value: value || '', errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem) }));
+    case 'CHECKBOX':
+      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+        h("ez-check", { onInput: evt => changeFieldHandler(evt.target['value']), ref: elem => scrollToView(forceScroll, elem) }));
+    case 'SWITCH':
+      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+        h("div", { class: "row" },
+          h("div", { class: "col col--sd-2" },
+            h("ez-check", { mode: "switch", value: value === "S", ref: elem => scrollToView(forceScroll, elem) })),
+          h("div", { class: "col col--sd-10" },
+            h("label", { class: "text text--primary text--medium" }, label))));
+    case 'OPTIONSELECTOR':
+      const optsObj = JSON.parse(properties.find(prop => prop.name === 'options').value);
+      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+        h("ez-combo-box", { value: value, label: formattedLabel, onEzChange: (event) => changeFieldHandler(event.target['value']), errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem) }, Object.keys(optsObj).map(key => h("option", { value: key }, optsObj[key]))));
+    case 'SEARCH':
+      const context = {};
+      properties.forEach(({ name, value }) => {
+        context[name] = value;
+      });
+      let criteriaList = [];
+      dependencies === null || dependencies === void 0 ? void 0 : dependencies.forEach(dependency => {
+        var _a;
+        if (dependency.type === DependencyType.SEARCHING) {
+          if (((_a = dependency.masterFields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            let criteria = {
+              expression: dependency.expression,
+              paramNames: [...dependency.masterFields],
+              paramResolver: name => dataUnit.getValue(name)
+            };
+            criteriaList.push(criteria);
+          }
+        }
+      });
+      if (criteriaList.length > 0) {
+        context['CRITERIA'] = criteriaList;
+      }
+      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+        h("ez-search", { label: label, onEzChange: (event) => changeFieldHandler(event.target['value']), showvalue: true, value: value, loadexecutor: (argument, callback) => dataUnit.fieldSearchExecutor(argument, context, callback) }));
+    case 'DATE':
+      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+        h("ez-date-input", { label: formattedLabel, enabled: true, value: !value ? null : DateUtils.clearTime(value), onEzChange: (event) => changeFieldHandler(event.target['value']), errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem) }));
+    //IMAGE, FILE, DATE, DATETIME, ELAPSEDTIME, DECIMALNUMBER, INTEGERNUMBER, PASSWORD, MASKEDTEXT, HTML
+    default:
+      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData
+        ?
+          h("place-holder", null)
+        :
+          h("ez-text-input", { loading: loadingData, label: formattedLabel, onInput: (event) => changeFieldHandler(event.target['value']), value: value, errormessage: errorMessage, ref: elem => scrollToView(forceScroll, elem) }));
+  }
+};

package/dist/collection/components/ez-form/subcomponents/structure/FieldSet.js

@@ -1,27 +1,27 @@
-import { h } from "@stencil/core";
-import { collapseExpandGroup } from "../../store/Form.actions";
-import { selectIsCollapsedFieldSet } from "../../store/Form.selectors";
-import { Field } from "./Field";
-export const FieldSet = ({ store, formName, source, dataUnit }) => {
-  const { label, fields } = source;
-  const fieldSetName = formName + label;
-  let isCollapsed = selectIsCollapsedFieldSet(store.getState(), formName + label);
-  let fieldToScroll;
-  source.fields.forEach((field) => {
-    if (fieldToScroll === undefined) {
-      const fieldError = dataUnit.getErrorMessage(field.name);
-      if (fieldError !== undefined && fieldError !== null && fieldError !== "") {
-        fieldToScroll = field.name;
-      }
-    }
-  });
-  if (fieldToScroll) {
-    isCollapsed = false;
-  }
-  return h("div", { class: "col col--sd-12 padding--small" },
-    h("div", { class: "row margin-top--large" },
-      h("div", { class: "col col--sd-12 align--middle padding-horizontal--medium" },
-        h("ez-collapsable-box", { value: isCollapsed, label: label, onEzChange: () => store.dispatch(collapseExpandGroup(fieldSetName, !isCollapsed)) }),
-        isCollapsed ? null :
-          h("div", { class: "col col--sd-12" }, fields.map(field => h(Field, { source: field, dataUnit: dataUnit, forceScroll: fieldToScroll === field.name }))))));
-};
+import { h } from "@stencil/core";
+import { collapseExpandGroup } from "../../store/Form.actions";
+import { selectIsCollapsedFieldSet } from "../../store/Form.selectors";
+import { Field } from "./Field";
+export const FieldSet = ({ store, formName, source, dataUnit }) => {
+  const { label, fields } = source;
+  const fieldSetName = formName + label;
+  let isCollapsed = selectIsCollapsedFieldSet(store.getState(), formName + label);
+  let fieldToScroll;
+  source.fields.forEach((field) => {
+    if (fieldToScroll === undefined) {
+      const fieldError = dataUnit.getErrorMessage(field.name);
+      if (fieldError !== undefined && fieldError !== null && fieldError !== "") {
+        fieldToScroll = field.name;
+      }
+    }
+  });
+  if (fieldToScroll) {
+    isCollapsed = false;
+  }
+  return h("div", { class: "col col--sd-12 padding--small" },
+    h("div", { class: "row margin-top--large" },
+      h("div", { class: "col col--sd-12 align--middle padding-horizontal--medium" },
+        h("ez-collapsable-box", { value: isCollapsed, label: label, onEzChange: () => store.dispatch(collapseExpandGroup(fieldSetName, !isCollapsed)) }),
+        isCollapsed ? null :
+          h("div", { class: "col col--sd-12" }, fields.map(field => h(Field, { source: field, dataUnit: dataUnit, forceScroll: fieldToScroll === field.name }))))));
+};