@sankhyalabs/sankhyablocks 10.1.0-dev.52 → 10.1.0-dev.54

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

@@ -0,0 +1,325 @@
+import { DataType, UserInterface } from '@sankhyalabs/core';
+import { DEFAULT_TYPE, GROUP_NAMES, TAB_NAMES } from '../../lib/utils/constants';
+const iconMap = new Map([
+  [UserInterface.DATE, 'calendar'],
+  [UserInterface.DATETIME, 'calendar-clock'],
+  [UserInterface.ELAPSEDTIME, 'timer-outline'],
+  [UserInterface.TIME, 'timer-outline'],
+  [UserInterface.DECIMALNUMBER, 'number'],
+  [UserInterface.INTEGERNUMBER, 'number'],
+  [UserInterface.FILE, 'zip'],
+  [UserInterface.IMAGE, 'pdf'],
+  [UserInterface.HTML, 'tag_code'],
+  [UserInterface.SEARCH, 'search'],
+  [UserInterface.SEARCHPLUS, 'search'],
+  [UserInterface.OPTIONSELECTOR, 'list'],
+  [UserInterface.CHECKBOX, 'list'],
+  [UserInterface.SWITCH, 'boolean'],
+  [UserInterface.PASSWORD, 'eye-off'],
+]);
+export const ID_AVAILABLE_FIELDS = 'container-available-fields';
+export var SORTABLE_PATH;
+(function (SORTABLE_PATH) {
+  SORTABLE_PATH["FROM"] = "from";
+  SORTABLE_PATH["TO"] = "to";
+})(SORTABLE_PATH || (SORTABLE_PATH = {}));
+export function getFieldsStructure(evt, path, group, tab) {
+  var _a;
+  const htmlStructure = (_a = evt === null || evt === void 0 ? void 0 : evt[path]) === null || _a === void 0 ? void 0 : _a.children;
+  if (!htmlStructure)
+    return [];
+  return Array.from(htmlStructure).map(({ fieldConfig }) => {
+    return Object.assign(Object.assign({}, fieldConfig), { group, tab });
+  });
+}
+export function updateTabInFieldsFromGroupList(guideGroups, updatedName) {
+  return guideGroups.map(group => {
+    return Object.assign(Object.assign({}, group), { fields: group.fields.map(field => (Object.assign(Object.assign({}, field), { tab: updatedName }))) });
+  });
+}
+export function getValidatedFieldValue(fieldValue, dataUnit, fieldName) {
+  var _a;
+  if (fieldValue == undefined || !dataUnit || !fieldName)
+    return;
+  const dataType = (_a = dataUnit.getField(fieldName)) === null || _a === void 0 ? void 0 : _a.dataType;
+  if (dataType == undefined)
+    return;
+  if ((fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.waitmessage) !== undefined)
+    return undefined;
+  const isNonObjectValue = dataType !== DataType.OBJECT &&
+    dataType !== DataType.DATE &&
+    typeof fieldValue === 'object';
+  const processedValue = isNonObjectValue ? fieldValue.value : fieldValue;
+  return dataType === DataType.OBJECT
+    ? JSON.stringify(processedValue)
+    : processedValue;
+}
+export function getEnabledByProperty(attribName, propertyName, fieldDescriptor) {
+  if (!fieldDescriptor)
+    return true;
+  const fieldProperties = fieldDescriptor.properties || {};
+  const fromAttribName = fieldDescriptor[attribName] !== true;
+  return fieldProperties.hasOwnProperty(propertyName)
+    ? fieldProperties[propertyName] !== 'S'
+    : fromAttribName;
+}
+export function getValueByProperty(property, fieldDescriptor, defaultValue) {
+  if (fieldDescriptor && fieldDescriptor[property] === true) {
+    return true;
+  }
+  return defaultValue;
+}
+export function getIconName(userInterface) {
+  return iconMap.get(userInterface) || 'text';
+}
+export function buildNewGuideName(guidesList, getMessage) {
+  var _a, _b;
+  const newGuideText = getMessage('snkFormConfig.form.newGuide');
+  const qtdWithNewGuideName = (_b = (_a = guidesList.filter(g => g.name.includes(newGuideText))) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+  return qtdWithNewGuideName === 0 ? newGuideText : `${newGuideText} (${qtdWithNewGuideName})`;
+}
+export function getFieldsToSave(guidesMap) {
+  const fieldsToSave = [];
+  guidesMap.forEach((groups, guideName) => {
+    groups.forEach(({ fields }) => {
+      fields === null || fields === void 0 ? void 0 : fields.forEach((fieldConfig) => {
+        fieldsToSave.push(buildFieldToSave(Object.assign(Object.assign({}, fieldConfig), { tab: guideName })));
+      });
+    });
+  });
+  return fieldsToSave;
+}
+export function buildGuidesMap(rawFields, tabs, dataUnit, generalTab) {
+  const fields = handleFieldsTabNames(rawFields, dataUnit, generalTab);
+  const guidesMap = initGuidesMap(tabs);
+  if (!(fields === null || fields === void 0 ? void 0 : fields.length))
+    return guidesMap;
+  for (let guideName of guidesMap.keys()) {
+    const fieldsFromGuide = getFieldsFromGuide(fields, guideName, generalTab);
+    const fieldsByGroupMap = getGroupsFromGuide(fieldsFromGuide, dataUnit, generalTab);
+    const groupsList = parserGroupMapIntoList(fieldsByGroupMap);
+    guidesMap.set(guideName, groupsList);
+  }
+  return guidesMap;
+}
+export function buildGuides(config, mainArea, dataUnit, generalTabName = TAB_NAMES.general) {
+  const normalizedFields = handleFieldsTabNames(config === null || config === void 0 ? void 0 : config.fields, dataUnit, generalTabName);
+  let tabs = config.tabs ? [...config.tabs] : buildTabsFromFields(normalizedFields);
+  tabs = getPossibleGuides(tabs);
+  tabs = initializeTabsNames(tabs);
+  const guides = handleMainTab(tabs, mainArea);
+  return ensureFieldResolvedGuides(guides, normalizedFields);
+}
+/**
+ * Garante que exista uma guia para cada aba referenciada pelos campos (após a resolução feita
+ * em resolveFieldTab). É necessário porque a "Geral" não é uma UITabName e, portanto, pode não
+ * estar presente em config.tabs (que pode inclusive vir como array vazio); sem esta garantia os
+ * campos "Geral" seriam descartados. A área principal (__main) é tratada por handleMainTab e
+ * ignorada aqui. Guias já existentes (por nome ou rótulo) não são duplicadas.
+ */
+function ensureFieldResolvedGuides(tabs, normalizedFields) {
+  const result = [...tabs];
+  let nextOrder = result.length;
+  const seen = new Set();
+  (normalizedFields !== null && normalizedFields !== void 0 ? normalizedFields : []).forEach(field => {
+    const tabName = field.tab;
+    if (!tabName || tabName === TAB_NAMES.main || seen.has(tabName)) {
+      return;
+    }
+    seen.add(tabName);
+    const alreadyExists = result.some(guide => guide.name === tabName || guide.label === tabName);
+    if (alreadyExists) {
+      return;
+    }
+    result.push({ name: tabName, label: tabName, visible: true, order: nextOrder++ });
+  });
+  return result;
+}
+export function buildChildrenGuides(dataUnit, initialOrderIndex = 0, guidesList) {
+  var _a;
+  if (!dataUnit || !dataUnit.metadata) {
+    return [];
+  }
+  const children = ((_a = dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.children) || [];
+  const childrenWithNoGuide = [];
+  for (const child of children) {
+    const guideOnConfig = guidesList.find(guide => child.label === guide.label);
+    if (guideOnConfig) {
+      guideOnConfig.isCustom = true;
+      continue;
+    }
+    childrenWithNoGuide.push({
+      label: child.label,
+      name: child.name,
+      visible: true,
+      isCustom: true,
+      order: initialOrderIndex++
+    });
+  }
+  return childrenWithNoGuide;
+}
+export function buildCustomGuides(customGuidesList, guidesList) {
+  let initialOrderIndex = guidesList.length;
+  const customGuidesToAdd = getCustomGuidesNotIncludedInList(customGuidesList, guidesList);
+  return customGuidesToAdd.map(guide => {
+    return {
+      name: guide.id,
+      label: guide.label,
+      visible: true,
+      isCustom: true,
+      order: initialOrderIndex++
+    };
+  });
+}
+function isCustomGuideIncludedInList(guidesList, guide) {
+  return guidesList.some(fromList => fromList.name === guide.id || fromList.label === guide.label);
+}
+function getCustomGuidesNotIncludedInList(customGuidesList, guidesList) {
+  return customGuidesList.filter(guide => !isCustomGuideIncludedInList(guidesList, guide));
+}
+/**
+ * Define a aba efetiva de um campo seguindo as MESMAS regras do formulário renderizado
+ * (ezui buildFormMetadata/handleFields):
+ * - Campo com aba explícita mantém a aba.
+ * - Campo sem aba que seja chave primária vai para a área principal (__main).
+ * - Demais campos sem aba vão para a aba "Geral" (aba secundária), e não para a área principal.
+ *
+ * Usa-se o literal TAB_NAMES.general ("Geral"), e não a mensagem traduzida, para manter o
+ * configurador em sintonia com o ezui (que utiliza o literal "Geral") em qualquer idioma.
+ */
+function resolveFieldTab(field, dataUnit, generalTabName) {
+  var _a, _b;
+  if (field.tab) {
+    return getTabName(field.tab, generalTabName);
+  }
+  const isPrimaryKey = !!((_b = (_a = dataUnit === null || dataUnit === void 0 ? void 0 : dataUnit.getField(field.name)) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.isPrimaryKey);
+  return isPrimaryKey ? TAB_NAMES.main : generalTabName;
+}
+function handleFieldsTabNames(allFields, dataUnit, generalTabName = TAB_NAMES.general) {
+  return (allFields !== null && allFields !== void 0 ? allFields : []).map(field => (Object.assign(Object.assign({}, field), { tab: resolveFieldTab(field, dataUnit, generalTabName) })));
+}
+function initializeTabsNames(tabs) {
+  return tabs.map((tab) => {
+    return Object.assign(Object.assign({}, tab), { name: tab.name ? tab.name : tab.label });
+  });
+}
+function handleMainTab(tabs, mainTabName) {
+  const mainTab = { name: TAB_NAMES.main, label: mainTabName, visible: true };
+  const hasTabMain = tabs.some((tab) => tab.name === TAB_NAMES.main);
+  if (hasTabMain) {
+    tabs = tabs.map(tab => tab.name === TAB_NAMES.main ? mainTab : tab);
+  }
+  else {
+    tabs.unshift(mainTab);
+  }
+  return tabs;
+}
+function getPossibleGuides(tabs) {
+  return [...tabs];
+}
+function initGuidesMap(tabs) {
+  const map = new Map();
+  let possibleGuides = getPossibleGuides(tabs);
+  possibleGuides.forEach(tab => {
+    map.set(tab.name, []);
+  });
+  return map;
+}
+function handleFieldLabel(field, fieldDescriptor) {
+  if (!field.label) {
+    field.label = fieldDescriptor.label;
+  }
+}
+function handleFieldTab(field, generalTabName) {
+  if (!field.tab) {
+    field.tab = generalTabName;
+  }
+}
+function handleFieldGroup(field) {
+  if (!field.group) {
+    field.group = GROUP_NAMES.noGroup;
+  }
+}
+function isVisibleOnConfig(fieldDescriptor) {
+  var _a;
+  /**
+   * Quando um campo é ocultado pelo dev, mas queremos manter ele na config precisamos fazer essa tratativa.
+   */
+  return ((_a = fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.properties) === null || _a === void 0 ? void 0 : _a.visibleOnConfig) === true && (fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.visible) === false;
+}
+function getGroupsFromGuide(fieldsFromGuide, dataUnit, generalTabName) {
+  const groupsMap = new Map();
+  groupsMap.set(GROUP_NAMES.noGroup, []);
+  for (let field of fieldsFromGuide) {
+    const fieldDescriptor = dataUnit.getField(field.name);
+    if (!(fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.visible) && !isVisibleOnConfig(fieldDescriptor))
+      continue;
+    handleFieldLabel(field, fieldDescriptor);
+    handleFieldTab(field, generalTabName);
+    handleFieldGroup(field);
+    if (groupsMap.has(field.group)) {
+      groupsMap.get(field.group).push(field);
+    }
+    else {
+      groupsMap.set(field.group, [field]);
+    }
+  }
+  return groupsMap;
+}
+function getFieldsFromGuide(fields, guideName, generalTabName) {
+  return fields.filter(field => {
+    const fieldTab = getTabName(field.tab, generalTabName);
+    return fieldTab === guideName;
+  });
+}
+function getTabName(tab, generalTabName) {
+  var _a;
+  if (typeof tab === 'string')
+    return tab;
+  return (_a = tab === null || tab === void 0 ? void 0 : tab.label) !== null && _a !== void 0 ? _a : generalTabName;
+}
+function parserGroupMapIntoList(groupsMap) {
+  const groupsList = [];
+  for (let groupName of groupsMap.keys()) {
+    groupsList.push({ name: groupName, fields: groupsMap.get(groupName) });
+  }
+  return groupsList;
+}
+function canAddTab(tab, guideList) {
+  return tab && !(guideList.map(g => g.name).includes(tab));
+}
+function buildTabsFromFields(fields) {
+  const guideList = [];
+  let order = 1;
+  fields === null || fields === void 0 ? void 0 : fields.forEach((field) => {
+    const tab = field.tab;
+    if (canAddTab(tab, guideList)) {
+      guideList.push({ name: tab, label: tab, visible: true, order });
+      order = order + 1;
+    }
+  });
+  return guideList;
+}
+function buildFieldToSave(fieldConfig) {
+  const fieldToSave = {
+    cleanOnCopy: fieldConfig.cleanOnCopy || false,
+    group: fieldConfig.group === GROUP_NAMES.noGroup ? undefined : fieldConfig.group,
+    label: fieldConfig.label,
+    name: fieldConfig.name,
+    required: fieldConfig.required,
+    readOnly: fieldConfig.readOnly,
+    tab: fieldConfig.tab,
+  };
+  if (fieldConfig.defaultValue != undefined) {
+    if (fieldConfig.defaultValue.type == undefined) {
+      fieldToSave.defaultValue = {
+        type: DEFAULT_TYPE.fixed,
+        value: fieldConfig.defaultValue,
+      };
+    }
+    else {
+      fieldToSave.defaultValue = fieldConfig.defaultValue;
+    }
+  }
+  return fieldToSave;
+}

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

@@ -0,0 +1,212 @@
+import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { ConfigStorage } from '../../lib/configs/ConfigStorage';
+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, dataUnit) {
+    this._resourceID = resourceID;
+    this._configName = configName;
+    this._onConfigChange = onConfigChange;
+    this._dataUnit = dataUnit;
+  }
+  addFormLegacyConfig(legacyConfigName) {
+    if (this._configName) {
+      ConfigStorage.addFormLegacyConfig(this._configName, legacyConfigName);
+    }
+  }
+  async loadConfig() {
+    return new Promise(resolve => {
+      ConfigStorage.loadFormConfig(this._configName, this._resourceID)
+        .then((config) => {
+        config = this.buildFormMetadataUITabs(config);
+        this.setConfig(config);
+        resolve(config);
+      })
+        .catch((error) => {
+        console.warn(error);
+      });
+    });
+  }
+  getEmptyConfig() {
+    return this.buildFormMetadataUITabs({ fields: [], emptyConfig: true }, true);
+  }
+  saveConfig(config) {
+    const configToSave = ObjectUtils.copy(config);
+    return new Promise(accept => {
+      ConfigStorage.saveFormConfig(config, this._configName, this._resourceID)
+        .then((response) => {
+        this.setConfig(Object.assign(Object.assign({}, configToSave), response));
+        accept(Object.assign(Object.assign({}, configToSave), response));
+      });
+    });
+  }
+  saveCardState(cardId, cardConfig, propertyChanged) {
+    return new Promise(resolve => {
+      var _a;
+      const cardsState = ((_a = this._config) === null || _a === void 0 ? void 0 : _a.cardsState) || new Map;
+      const currentConfig = cardsState.get(cardId);
+      cardsState.set(cardId, propertyChanged === "fixed" ?
+        this.updateFixSequence(Object.assign(Object.assign({}, currentConfig), { fixed: cardConfig.fixed }), cardsState)
+        : Object.assign(Object.assign({}, currentConfig), { [propertyChanged]: cardConfig[propertyChanged] }));
+      ConfigStorage.saveCardState(cardsState, this._configName, this._resourceID)
+        .then(savedCardConfig => {
+        this._config = Object.assign(Object.assign({}, this._config), { cardsState });
+        resolve(savedCardConfig);
+      });
+    });
+  }
+  updateFixSequence(updatingCardConfig, cardsState) {
+    let maxSequence = -1;
+    Array.from(cardsState.values()).forEach(cardConfig => {
+      if (!cardConfig.fixed) {
+        delete updatingCardConfig.fixSequence;
+      }
+      if (cardConfig.fixSequence != undefined) {
+        maxSequence = Math.max(maxSequence, cardConfig.fixSequence);
+      }
+    });
+    if (updatingCardConfig.fixed) {
+      updatingCardConfig.fixSequence = maxSequence + 1;
+    }
+    else {
+      delete updatingCardConfig.fixSequence;
+    }
+    return updatingCardConfig;
+  }
+  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, _b;
+    const fields = (_a = this._config) === null || _a === void 0 ? void 0 : _a.fields;
+    const hasConfig = this.hasConfig();
+    if (hasConfig && !forceEmptyConfig) {
+      return fields.map(({ label, name, readOnly, visible, required, tab, group }) => {
+        var _a;
+        if (label == undefined) {
+          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, tab, group };
+      })
+        .filter(field => this.isFieldVisible(field, descriptionFilter));
+    }
+    if (!this._dataUnit || !((_b = this._dataUnit.metadata) === null || _b === void 0 ? void 0 : _b.fields)) {
+      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 === undefined || field.visible === false) {
+      return false;
+    }
+    if (descriptionFilter == undefined) {
+      return true;
+    }
+    const normalizedText = StringUtils.replaceAccentuatedCharsLower((field.label || field.name).toLocaleLowerCase());
+    const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
+    return normalizedText.includes(normalizedFilter);
+  }
+  getFormConfig(dataUnit, ignoreReadOnlyFormFields, forceEmptyConfig = false) {
+    let fields = this.getFieldsList(undefined, forceEmptyConfig);
+    if (ignoreReadOnlyFormFields) {
+      fields = fields.filter(field => {
+        if (dataUnit) {
+          const def = dataUnit.getField(field.name);
+          if (def && def.readOnly) {
+            return false;
+          }
+        }
+        return !field.readOnly;
+      });
+    }
+    return Object.assign(Object.assign({}, this._config), { fields });
+  }
+  setConfig(config) {
+    this.isLoaded = true;
+    const { cardsState, summary, defaultVars } = this._config || {};
+    this._config = Object.assign({}, config);
+    if (cardsState) {
+      this._config.cardsState = cardsState;
+    }
+    if (summary) {
+      this._config.summary = summary;
+    }
+    if (defaultVars) {
+      this._config.defaultVars = defaultVars;
+    }
+    if (this._onConfigChange) {
+      this._onConfigChange(Object.assign({}, this._config));
+    }
+  }
+  getConfig(dataUnit, ignoreReadOnlyFormFields) {
+    return this.getFormConfig(dataUnit, ignoreReadOnlyFormFields);
+  }
+  getFormConfigFetcher() {
+    if (this._formConfigFetcher == undefined) {
+      this._formConfigFetcher = new FormConfigFetcher();
+    }
+    return this._formConfigFetcher;
+  }
+  async fetchUserAvailableConfigs() {
+    if (this._configName != undefined) {
+      //FIXME: Precisamos preparar o backend para retornar as configurações disponíveis para details;
+      return Promise.resolve(undefined);
+    }
+    return this.getFormConfigFetcher().fetchUserAvailableConfigs(this._configName, this._resourceID);
+  }
+  async fetchLegacyConfig() {
+    return this.getFormConfigFetcher().fetchLegacyConfig(this._configName, this._resourceID);
+  }
+  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, _b, _c;
+    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 = (_b = (_a = this._dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : [];
+    for (const currentField of fields) {
+      const field = config.fields.find(field => field.name === currentField.name);
+      const uiTabName = (_c = currentField.properties) === null || _c === void 0 ? void 0 : _c.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-dynaform-form-config/snk-dynaform-config-header/snk-dynaform-config-header.css

@@ -0,0 +1,17 @@
+:host{
+  display: flex;
+  padding-top: var(--space--12, 12px);
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+}
+
+.left-group{
+  display: flex;
+  gap: var(--space--8, 8px);
+  align-items: center;
+}
+
+.right-group{
+  display: flex;
+}