@sankhyalabs/sankhyablocks 10.1.0-dev.6 → 10.1.0-rc.1

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -12,8 +12,6 @@ const FORM_NAME_PREFIX = "__FORM:";
 export class SnkGuidesViewer {
   constructor() {
     this._guideBuilders = new Map();
-    this.CUSTOM_GUIDE_ID_PREFIX = "CUSTOM_GUIDE_";
-    this.CUSTOM_GUIDE_DATA_CUSTOM_ID = "CUSTOM_GUIDE";
     this.dataUnit = undefined;
     this.dataState = undefined;
     this.configName = undefined;
@@ -32,7 +30,6 @@ export class SnkGuidesViewer {
     this.enableGridInsert = false;
     this.ignoreReadOnlyFormFields = undefined;
     this.getCustomTitle = undefined;
-    this.customGuidesConfig = [];
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -47,9 +44,6 @@ export class SnkGuidesViewer {
   observeDataUnit() {
     this.loadGuides(true);
   }
-  observeFormConfigManager(value) {
-    this.formConfigVisibilityChanged.emit(!!value);
-  }
   observeDataState(newValue, oldValue) {
     var _a, _b, _c, _d, _e, _f;
     const newRecordsIds = (_b = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.selectionInfo) === null || _a === void 0 ? void 0 : _a.recordIds) !== null && _b !== void 0 ? _b : (_c = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord) === null || _c === void 0 ? void 0 : _c['__record__id__'];
@@ -148,7 +142,7 @@ export class SnkGuidesViewer {
     if (!this._configManager.isLoaded) {
       return;
     }
-    this._masterFormMetadata = buildFormMetadata(this.masterFormConfig, this.dataUnit, true, this.customGuidesConfig);
+    this._masterFormMetadata = buildFormMetadata(this.masterFormConfig, this.dataUnit, true);
     const allSheets = this._masterFormMetadata.getAllSheets();
     const currentRecord = this.dataUnit.getSelectedRecord();
     const disableDetails = this.hasToDisableDetails(currentRecord);
@@ -294,67 +288,38 @@ export class SnkGuidesViewer {
     return `${this.entityPath}/${entityName}`;
   }
   getContent() {
+    var _a, _b, _c, _d, _e;
     if (!this.selectedGuide) {
       return;
     }
     const guideId = this.selectedGuide.id;
-    if (this.isCustomGuide(guideId)) {
-      return h("div", { "data-custom-id": `${this.CUSTOM_GUIDE_DATA_CUSTOM_ID}`, "data-reserved-slot-id": guideId, id: this.buildCustomGuideContainerId(guideId) });
-    }
+    let content;
     const levels = guideId.split("::");
     const currentLevel = levels.pop();
     const childEntityName = FormMetadata.getDetailName(currentLevel);
     let detailId = guideId;
-    if (this.isDetailGuide(childEntityName, levels)) {
-      return this.buildDetailGuideContent(guideId, detailId, levels, childEntityName);
-    }
-    return this.buildFormViewGuideContent(guideId);
-  }
-  buildCustomGuideContainerId(guideId) {
-    return `${this.CUSTOM_GUIDE_ID_PREFIX}${guideId}`;
-  }
-  buildFormViewGuideContent(cardId) {
-    var _a, _b, _c, _d;
-    const sheet = this._masterFormMetadata.getSheet(cardId);
-    if (!sheet)
-      return;
-    const cardConfig = (_b = (_a = this.masterFormConfig) === null || _a === void 0 ? void 0 : _a.cardsState) === null || _b === void 0 ? void 0 : _b.get(cardId);
-    return (h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar()));
-  }
-  isDetailGuide(childEntityName, levels) {
-    return childEntityName || levels.length > 0;
-  }
-  buildDetailGuideContent(guideId, detailId, levels, childEntityName) {
-    var _a;
-    let formName;
-    let detailBranch;
-    if (guideId.includes(FORM_NAME_PREFIX)) {
-      [detailId, formName] = guideId.split(FORM_NAME_PREFIX);
-      const pathSize = ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) || 0;
-      detailBranch = pathSize > 1 ? this._breadcrumbItems[pathSize - 2] : this.selectedGuide;
+    if (childEntityName || levels.length > 0) {
+      let formName;
+      let detailBranch;
+      if (guideId.includes(FORM_NAME_PREFIX)) {
+        [detailId, formName] = guideId.split(FORM_NAME_PREFIX);
+        const pathSize = ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        detailBranch = pathSize > 1 ? this._breadcrumbItems[pathSize - 2] : this.selectedGuide;
+      }
+      else {
+        detailBranch = this.selectedGuide;
+      }
+      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders, presentationMode: this.presentationMode }));
     }
     else {
-      detailBranch = this.selectedGuide;
+      const cardId = this.selectedGuide.id;
+      const sheet = this._masterFormMetadata.getSheet(cardId);
+      if (sheet) {
+        const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
+        content = h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
+      }
     }
-    return this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders, presentationMode: this.presentationMode }));
-  }
-  isCustomGuide(guideId) {
-    var _a;
-    return (_a = this.customGuidesConfig) === null || _a === void 0 ? void 0 : _a.map(g => g.id).includes(guideId);
-  }
-  attachCustomGuideInView() {
-    //As guias customizadas ficam em slots reservados na DOM e
-    // precisam ser acessadas via querySelector e colocadas no container correto na view.
-    var _a;
-    const guideId = (_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id;
-    if (!this.isCustomGuide(guideId))
-      return;
-    const customGuideSlot = document.querySelector(`#${guideId}`);
-    const customGuideElement = customGuideSlot === null || customGuideSlot === void 0 ? void 0 : customGuideSlot.firstElementChild;
-    const customGuideViewContainer = document.querySelector(`#${this.buildCustomGuideContainerId(guideId)}`);
-    if (!customGuideElement || !customGuideViewContainer)
-      return;
-    customGuideViewContainer.appendChild(customGuideElement);
+    return content;
   }
   onBreadcrumbClickHandler(item) {
     if ((item === null || item === void 0 ? void 0 : item.id) == undefined) {
@@ -437,29 +402,7 @@ export class SnkGuidesViewer {
     this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
-  componentWillRender() {
-    this.detachCustomGuideFromView();
-  }
-  detachCustomGuideFromView() {
-    // Antes de cada renderização, o componente remove a guia customizada da view
-    // e a coloca de volta no slot reservado na DOM para que não seja perdida sua referência.
-    if (!this.customGuidesConfig || this.customGuidesConfig.length === 0)
-      return;
-    const viewCustomGuideContainer = this._element.querySelector(`[data-custom-id="${this.CUSTOM_GUIDE_DATA_CUSTOM_ID}"]`);
-    const reservedSlotId = viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.getAttribute('data-reserved-slot-id');
-    if (!(viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.hasChildNodes()) || !reservedSlotId)
-      return;
-    const customGuideReservedSlot = document.querySelector(`#${reservedSlotId}`);
-    const customGuideElement = viewCustomGuideContainer === null || viewCustomGuideContainer === void 0 ? void 0 : viewCustomGuideContainer.firstElementChild;
-    if (!customGuideReservedSlot || !customGuideElement)
-      return;
-    customGuideReservedSlot.appendChild(customGuideElement);
-  }
   componentDidRender() {
-    var _a;
-    if (this.isCustomGuide((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id)) {
-      this.attachCustomGuideInView();
-    }
     if (!this._guideHasChanged) {
       return;
     }
@@ -514,7 +457,7 @@ export class SnkGuidesViewer {
   }
   buildTaskBar() {
     var _a;
-    return h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), actionsSettingsList: this.getSettingsListForm(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? TaskbarElement.SAVE : TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", additionalSlotId: "GUIDES_VIEWER_DYNAMIC_SEARCH", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GUIDES_VIEWER_DYNAMIC_SEARCH" })));
+    return h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), actionsSettingsList: this.getSettingsListForm(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? TaskbarElement.SAVE : TaskbarElement.INSERT, "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
   async dataUnitActionHandler(action) {
     var _a;
@@ -588,9 +531,6 @@ export class SnkGuidesViewer {
     const labels = selectedRecords.map(record => this.messagesBuilder.getMessage("snkCrud.title", record));
     return `[${labels.join(", ")}]`;
   }
-  getCustomGuidesConfig() {
-    return this._currentDetail ? [] : this.customGuidesConfig;
-  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
     this.initKeyboardManager();
@@ -610,7 +550,7 @@ export class SnkGuidesViewer {
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {
-      return (h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null, customGuidesConfig: this.getCustomGuidesConfig() }));
+      return (h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
     }
     if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
@@ -984,29 +924,6 @@ export class SnkGuidesViewer {
           "tags": [],
           "text": "Fornece  uma fun\u00E7\u00E3o para obter um t\u00EDtulo customizado do formul\u00E1rio."
         }
-      },
-      "customGuidesConfig": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<CustomGuideItem>",
-          "resolved": "CustomGuideItem[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "CustomGuideItem": {
-              "location": "local"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Fornece as informa\u00E7\u00F5es das guias personalizadas."
-        },
-        "defaultValue": "[]"
       }
     };
   }
@@ -1045,21 +962,6 @@ export class SnkGuidesViewer {
             }
           }
         }
-      }, {
-        "method": "formConfigVisibilityChanged",
-        "name": "formConfigVisibilityChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitido quando a visibilidade do configurador do formul\u00E1rio \u00E9 alterada."
-        },
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        }
       }, {
         "method": "exit",
         "name": "exit",
@@ -1257,9 +1159,6 @@ export class SnkGuidesViewer {
     return [{
         "propName": "dataUnit",
         "methodName": "observeDataUnit"
-      }, {
-        "propName": "_formEditorConfigManager",
-        "methodName": "observeFormConfigManager"
       }, {
         "propName": "dataState",
         "methodName": "observeDataState"

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

@@ -108,46 +108,6 @@ export function buildGuides(config, mainArea) {
   tabs = initializeTabsNames(tabs);
   return handleMainTab(tabs, mainArea);
 }
-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) {
-    if (guidesList.some((guide) => child.label === guide.label)) {
-      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));
-}
 function handleFieldsTabNames(allFields) {
   // Campos que não fazem parte de nenhuma aba ou da aba "Geral", devem ser movidos para a aba __main.
   return allFields.map(field => {

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

@@ -1,5 +1,5 @@
-import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 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 {
@@ -82,7 +82,7 @@ export class SnkFormConfigManager {
     return false;
   }
   getFieldsList(descriptionFilter, forceEmptyConfig = false) {
-    var _a, _b;
+    var _a;
     const fields = (_a = this._config) === null || _a === void 0 ? void 0 : _a.fields;
     const hasConfig = this.hasConfig();
     if (hasConfig && !forceEmptyConfig) {
@@ -98,7 +98,7 @@ export class SnkFormConfigManager {
       })
         .filter(field => this.isFieldVisible(field, descriptionFilter));
     }
-    if (!this._dataUnit || !((_b = this._dataUnit.metadata) === null || _b === void 0 ? void 0 : _b.fields)) {
+    if (!this._dataUnit) {
       return [];
     }
     const filteredFields = this._dataUnit.metadata.fields

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

@@ -320,9 +320,6 @@ export class FieldLayoutComponent {
     if (!this.selectedGuide) {
       return (h(Host, { class: 'ez-flex-item--auto ez-size-height--full ez-box ez-padding--medium content-container' }, h("span", { class: 'no-guide-selected' }, this.getMessage('snkFormConfig.form.noGuideSelected'))));
     }
-    if (this.selectedGuide.isCustom || this.selectedGuide.isDetail) {
-      return (h(Host, { class: 'ez-flex-item--auto ez-size-height--full ez-box ez-padding--medium content-container' }, h("span", { class: 'no-guide-selected' }, this.getMessage('snkFormConfig.form.canNotEditCustomGuide'))));
-    }
     return (h(Host, { class: 'ez-flex-item--auto ez-size-height--full ez-box ez-padding--medium content-container' }, this.renderGuideName(), h("div", { class: 'layout-container' }, h("ez-scroller", { direction: 'vertical', activeShadow: true }, h("div", { class: 'no-group-container' }, h("div", { id: GROUP_NAMES.noGroup, class: 'group-content', "data-group-name": GROUP_NAMES.noGroup }, this.renderFixedFields())), h("hr", null), h("div", { id: this.ID_GROUPS, class: 'groups-container' }, this.renderDraggableGroups()))), h("div", { class: 'add-group-container', onClick: this.handleAddGroup.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus" }), h("span", null, this.getMessage('snkFormConfig.form.createNewGroup')))));
   }
   static get is() { return "fields-layout"; }

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

@@ -92,9 +92,7 @@ export class GuidesConfigurator {
       var _a;
       return (h("div", { key: guide.name, "data-guide-name": guide.name, title: guide.label, class: `guide-item ${((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.label) === guide.label ? 'selected' : ''} ${this.filterTerm.length ? 'disable-sort' : ''}`, onClick: e => this.handleSelectGuide(guide, e) }, h("span", null, h("ez-icon", { iconName: "drag-indicator", class: 'ez-margin-right--small' })), h("span", { class: 'item-label' }, guide.label), h("div", { class: 'actions' }, h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: e => this.toggleGuideVisibility(guide, e), size: "medium", iconName: guide.visible ? 'eye-off' : 'eye', title: guide.visible ?
           this.getMessage('snkFormConfig.guidesConfigurator.actions.hide') :
-          this.getMessage('snkFormConfig.guidesConfigurator.actions.show') }), h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: e => this.handleDeleteGuide(guide, e), size: "medium", isDisabled: guide.isCustom || guide.isDetail, iconName: 'delete', title: guide.isCustom || guide.isDetail ?
-          this.getMessage('snkFormConfig.guidesConfigurator.canNotDeleteCustomGuide') :
-          this.getMessage('snkFormConfig.guidesConfigurator.actions.delete') }))));
+          this.getMessage('snkFormConfig.guidesConfigurator.actions.show') }), h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: e => this.handleDeleteGuide(guide, e), size: "medium", iconName: 'delete', title: this.getMessage('snkFormConfig.guidesConfigurator.actions.delete') }))));
     });
   }
   getContainerElement(id) {