@sankhyalabs/sankhyablocks 8.16.0-dev.10 → 8.16.0-dev.100

package/dist/collection/components/snk-form-config/SnkFormConfigManager.js

@@ -1,11 +1,13 @@
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { ObjectUtils, StringUtils } from "@sankhyalabs/core";
 import { FormConfigFetcher } from "../../lib/http/data-fetcher/fetchers/form-config-fetcher";
+import { TAB_NAMES } from "../../lib/utils/constants";
 export class SnkFormConfigManager {
-  constructor(configName, resourceID, onConfigChange) {
+  constructor(configName, resourceID, onConfigChange, dataUnit) {
     this._resourceID = resourceID;
     this._configName = configName;
     this._onConfigChange = onConfigChange;
+    this._dataUnit = dataUnit;
   }
   addFormLegacyConfig(legacyConfigName) {
     if (this._configName) {
@@ -16,6 +18,7 @@ export class SnkFormConfigManager {
     return new Promise(resolve => {
       ConfigStorage.loadFormConfig(this._configName, this._resourceID)
         .then((config) => {
+        config = this.buildFormMetadataUITabs(config);
         this.setConfig(config);
         resolve(config);
       })
@@ -24,6 +27,10 @@ export class SnkFormConfigManager {
       });
     });
   }
+  getEmptyConfig() {
+    const config = this.buildFormMetadataUITabs({ fields: [], emptyConfig: true }, true);
+    return config;
+  }
   saveConfig(config) {
     const configToSave = ObjectUtils.copy(config);
     return new Promise(accept => {
@@ -67,28 +74,41 @@ export class SnkFormConfigManager {
     }
     return updatingCardConfig;
   }
-  getFieldsList(dataUnit, descriptionFilter) {
+  hasConfig(config) {
+    var _a;
+    const currentConfig = config !== null && config !== void 0 ? config : this._config;
+    if (currentConfig && ((_a = currentConfig.fields) === null || _a === void 0 ? void 0 : _a.length)) {
+      return true;
+    }
+    return false;
+  }
+  getFieldsList(descriptionFilter, forceEmptyConfig = false) {
     var _a;
     const fields = (_a = this._config) === null || _a === void 0 ? void 0 : _a.fields;
-    if (fields != undefined && fields.length > 0) {
-      return fields.map(({ label, name, readOnly, visible, required }) => {
+    const hasConfig = this.hasConfig();
+    if (hasConfig && !forceEmptyConfig) {
+      return fields.map(({ label, name, readOnly, visible, required, tab, group }) => {
+        var _a;
         if (label == undefined) {
-          const currentField = dataUnit.getField(name);
-          return Object.assign(Object.assign({}, currentField), { name: name !== null && name !== void 0 ? name : currentField.name, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : currentField.readOnly, visible: visible !== null && visible !== void 0 ? visible : currentField.visible, required: required !== null && required !== void 0 ? required : currentField.required });
+          const currentField = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(name);
+          if (!currentField)
+            return;
+          return Object.assign(Object.assign({}, currentField), { name: name !== null && name !== void 0 ? name : currentField.name, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : currentField.readOnly, visible: visible !== null && visible !== void 0 ? visible : currentField.visible, required: required !== null && required !== void 0 ? required : currentField.required, tab: tab, group: group });
         }
-        return { name, label, readOnly, visible, required };
+        return { name, label, readOnly, visible, required, tab, group };
       })
         .filter(field => this.isFieldVisible(field, descriptionFilter));
     }
-    if (dataUnit != undefined) {
-      return dataUnit.metadata.fields
-        .filter(field => this.isFieldVisible(field, descriptionFilter))
-        .map(({ label, name, readOnly }) => { return { label, name, readOnly }; });
+    if (!this._dataUnit) {
+      return [];
     }
-    return [];
+    const filteredFields = this._dataUnit.metadata.fields
+      .filter(field => this.isFieldVisible(field, descriptionFilter))
+      .map(({ label, name, readOnly, visible, required, properties }) => ({ label, name, readOnly, visible, required, tab: properties === null || properties === void 0 ? void 0 : properties.UITabName }));
+    return filteredFields;
   }
   isFieldVisible(field, descriptionFilter) {
-    if (field.visible === false) {
+    if (field === undefined || field.visible === false) {
       return false;
     }
     if (descriptionFilter == undefined) {
@@ -98,8 +118,8 @@ export class SnkFormConfigManager {
     const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
     return normalizedText.includes(normalizedFilter);
   }
-  getFormConfig(dataUnit, ignoreReadOnlyFormFields) {
-    let fields = this.getFieldsList(dataUnit);
+  getFormConfig(dataUnit, ignoreReadOnlyFormFields, forceEmptyConfig = false) {
+    let fields = this.getFieldsList(undefined, forceEmptyConfig);
     if (ignoreReadOnlyFormFields) {
       fields = fields.filter(field => {
         if (dataUnit) {
@@ -152,4 +172,42 @@ export class SnkFormConfigManager {
   async fetchDefaultConfig() {
     return this.getFormConfigFetcher().fetchDefaultConfig(this._configName, this._resourceID);
   }
+  parseObjectList(object) {
+    if (!object) {
+      return [];
+    }
+    return Array.isArray(object) ? object : [object];
+  }
+  buildFormMetadataUITabs(config, forceEmptyConfig = false) {
+    var _a;
+    const hasConfig = this.hasConfig(config);
+    if (!forceEmptyConfig && (!this._dataUnit || hasConfig)) {
+      return config;
+    }
+    config = this.getFormConfig(this._dataUnit, false, true);
+    config.tabs = this.parseObjectList(config.tabs);
+    config.emptyConfig = false;
+    config.defaultConfiguration = true;
+    const fields = this._dataUnit.metadata.fields;
+    for (const currentField of fields) {
+      const field = config.fields.find(field => field.name === currentField.name);
+      const uiTabName = (_a = currentField.properties) === null || _a === void 0 ? void 0 : _a.UITabName;
+      if (!uiTabName || uiTabName === TAB_NAMES.main) {
+        continue;
+      }
+      const haveTab = config.tabs.some((tab) => tab.label === uiTabName);
+      if (!haveTab) {
+        config.tabs.push({
+          label: uiTabName,
+          name: uiTabName,
+          order: 0,
+          visible: true,
+        });
+      }
+      if (field) {
+        field.tab = uiTabName;
+      }
+    }
+    return config;
+  }
 }

package/dist/collection/components/snk-form-config/snk-form-config.css

@@ -44,6 +44,11 @@
   background-color: var(--snk-form-config--background-color);
 }
 
+div:focus-visible,
+div:focus {
+  outline: none;
+}
+
 .form-config__header-container {
   /*private*/
   display: flex;
@@ -58,7 +63,7 @@
 .form-config__hide-content {
   /*private*/
   display: none;
-} 
+}
 
 ez-icon .left-icon {
   /*public*/
@@ -229,9 +234,9 @@ ez-collapsible-box{
     /*private*/
     left: calc(100% / 1 * -1);
   }
-  
+
   .form-config__field-config--selected:nth-child(3n+3) .ez-flex.form-config__config-options {
     /*private*/
     left: calc(100% / 1 * -2);
   }
-}
+}

package/dist/collection/components/snk-form-config/snk-form-config.js

@@ -38,6 +38,7 @@ export class SnkFormConfig {
     this.dataUnit = undefined;
     this.configManager = undefined;
     this.messagesBuilder = undefined;
+    this.ignoreReadOnlyFormFields = undefined;
   }
   observeConfigManager() {
     this.loadConfig(this._sortableTimer);
@@ -67,7 +68,7 @@ export class SnkFormConfig {
     }
   }
   getConfig() {
-    let config = this.configManager.getConfig(this.dataUnit);
+    let config = this.configManager.getConfig(this.dataUnit, this.ignoreReadOnlyFormFields);
     if (config.fields && config.fields.length === 0) {
       config = undefined;
     }
@@ -192,7 +193,12 @@ export class SnkFormConfig {
     this._optionFormConfigChanged = false;
     this.configManager.saveConfig(this.buildConfigToSave())
       .then(savedConfig => {
+      var _a;
       ApplicationUtils.info(this.getMessage("snkFormConfig.info.successfullyConfigSaved"), { iconName: "check" });
+      const userOption = (_a = this._formConfigOptions) === null || _a === void 0 ? void 0 : _a.find((config) => {
+        return config.origin === UserConfigType.USER;
+      });
+      this.setFormConfig(userOption);
       this.configChange.emit(savedConfig);
     });
   }
@@ -529,9 +535,12 @@ export class SnkFormConfig {
     switch (this._optionFormConfigSelected.origin) {
       case UserConfigType.DEFAULT:
         config = await this.configManager.fetchDefaultConfig();
+        if (!config) {
+          config = this.configManager.getEmptyConfig();
+        }
         break;
-      case UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig();
+      default:
+        config = this.getConfig();
         break;
     }
     if (config != undefined) {
@@ -670,7 +679,7 @@ export class SnkFormConfig {
     }
   }
   getLayoutFormConfig() {
-    var _a, _b;
+    var _a, _b, _c;
     if (((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields) == undefined) {
       return;
     }
@@ -683,7 +692,11 @@ export class SnkFormConfig {
       if (hasField == undefined) {
         fields.push(field);
         const fieldMD = this.dataUnit.getField(field.name);
-        if (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) {
+        /**
+         * Quando um campo é ocultado pelo dev, mas queremos manter ele na config precisamos fazer essa tratativa.
+         */
+        const visibleOnConfig = ((_b = fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.properties) === null || _b === void 0 ? void 0 : _b.visibleOnConfig) === true && (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) === false;
+        if ((fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) || visibleOnConfig) {
           if (field.label == undefined || field.label === "") {
             field.label = fieldMD.label;
           }
@@ -699,7 +712,7 @@ export class SnkFormConfig {
                 visible = configTabs[0].visible;
               }
             }
-            const tabLabel = ((_b = field.tab) === null || _b === void 0 ? void 0 : _b.label) || field.tab;
+            const tabLabel = ((_c = field.tab) === null || _c === void 0 ? void 0 : _c.label) || field.tab;
             if (visible !== null) {
               tab = { tab: tabLabel, groups: [], visible };
             }
@@ -734,6 +747,9 @@ export class SnkFormConfig {
     if (layoutFormConfig == undefined) {
       layoutFormConfig = [];
     }
+    if (this._formConfig.defaultConfiguration) {
+      return layoutFormConfig;
+    }
     return this._formConfig.tabs.map((tab) => {
       return layoutFormConfig.find(config => { var _a, _b; return ((_a = tab.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = config.tab) === null || _b === void 0 ? void 0 : _b.toLowerCase()); })
         || { tab: tab.label, groups: [], visible: tab.visible };
@@ -781,8 +797,16 @@ export class SnkFormConfig {
     for (const field of this._formConfig.fields) {
       fieldsFormConfig.push(field);
     }
-    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado }) => _visibleMetadado === true
-      && fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado) === false);
+    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado, properties }) => {
+      const hasCfg = fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado);
+      /**
+       * Quando a visibilidade de um campo é alterada pelo dataunit, mas o desenvolvedor deseja que o mesmo continue
+       * sendo apresentado no configurador, precisamos fazer essa tratativa, verificando se o campo não tem configuração
+      */
+      if (!hasCfg && properties.visibleOnConfig === true && !_visibleMetadado)
+        return properties.visibleOnConfig;
+      return _visibleMetadado === true && hasCfg === false;
+    });
     this._fieldsAvailable = listFieldsAvailable;
     this._listEnabledFields = listFieldsAvailable;
     if (((_b = this._filterFieldsAvailable) === null || _b === void 0 ? void 0 : _b.value) != undefined) {
@@ -1055,6 +1079,23 @@ export class SnkFormConfig {
           "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
+      },
+      "ignoreReadOnlyFormFields": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ignora os campos \"somente leitura\" no modo de inser\u00E7\u00E3o."
+        },
+        "attribute": "ignore-read-only-form-fields",
+        "reflect": false
       }
     };
   }

package/dist/collection/components/snk-form-config/subcomponents/snk-config-options/snk-config-options.js

@@ -136,11 +136,13 @@ export class SnkConfigOptions {
     return h(TagName, Object.assign({ value: value, enabled: enabled, label: label, "data-field-name": name, key: name, onEzChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail) }, (this.getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode))));
   }
   getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode) {
+    const useSearchPlus = userInterface == UserInterface.SEARCHPLUS;
     switch (userInterface) {
       case UserInterface.SEARCH:
+      case UserInterface.SEARCHPLUS:
         return {
           suppressEmptyOption: required,
-          optionLoader: (searchArgument) => this.onSearch(searchArgument)
+          optionLoader: (searchArgument) => this.onSearch(searchArgument, { useSearchPlus })
         };
       case UserInterface.OPTIONSELECTOR:
         return {
@@ -173,9 +175,9 @@ export class SnkConfigOptions {
     this.fieldConfig.defaultValue.value = this.getValidatedValue(fieldValue);
     this.configOptionsChanged.emit(this.fieldConfig);
   }
-  onSearch(searchArgument) {
+  onSearch(searchArgument, ctxOptions) {
     if (this._application != undefined && this.fieldConfig != undefined) {
-      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
+      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit, ctxOptions);
     }
   }
   buildField(descriptor, config) {

package/dist/collection/components/snk-grid/snk-grid.css

@@ -1,11 +1,13 @@
 :host {
   --snk-grid-min-height: 300px;
+  --snk-grid-padding: var(--space--small);
 }
 
 .snk-grid__container {
   display: flex;
   height: 100%;
   width: 100%;
+  padding: var(--snk-grid-padding);
 }
 
 .snk-grid__header {
@@ -30,4 +32,10 @@
 
 .snk-grid-container__without-shadow {
   --ezgrid__container--shadow: unset;
+}
+
+.snk-grid-container__footer {
+  background-color: var(--background--xlight, #FFF);
+  border-radius: 0 0 var(--border--radius-medium) var(--border--radius-medium);
+  box-shadow: var(--shadow--small);
 }