@sankhyalabs/sankhyablocks 8.14.11 → 8.15.0-dev.10

package/dist/cjs/{snk-actions-button.cjs.entry.js → snk-actions-button_2.cjs.entry.js}

@@ -6,12 +6,11 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const DataFetcher = require('./DataFetcher-ba94ed5b.js');
 const ParamType = require('./ParamType-90b440a0.js');
-require('./pesquisa-fetcher-ef050a47.js');
-require('./index-0e663819.js');
-require('./ISave-d68ce3cd.js');
+require('./pesquisa-fetcher-7a08d110.js');
+require('./index-0922807b.js');
+require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-d839c5d7.js');
 require('./PreloadManager-84466da6.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-df043d3d.js');
@@ -717,4 +716,134 @@ const SnkActionsButton = class {
 };
 SnkActionsButton.style = snkActionsButtonCss;
 
+const taskbarActionsButtonCss = ".sc-taskbar-actions-button-h{display:flex;width:fit-content;height:fit-content}";
+
+const TaskbarActionsButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.taskbarActionSelected = index.createEvent(this, "taskbarActionSelected", 7);
+    this.taskbarActionsOpened = index.createEvent(this, "taskbarActionsOpened", 7);
+    this.taskbarActionsButtonDisconnected = index.createEvent(this, "taskbarActionsButtonDisconnected", 7);
+    this._showDropdown = false;
+    this.title = undefined;
+    this.enabled = undefined;
+    this.actions = undefined;
+  }
+  async handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc') {
+      await this.hideActions();
+    }
+  }
+  async handleClose() {
+    await this.hideActions();
+  }
+  /**
+   * Exibe a lista de ações.
+   */
+  async showActions() {
+    this._showDropdown = true;
+    requestAnimationFrame(() => {
+      this._element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+    });
+  }
+  /**
+   * Esaconde a lista de ações.
+   */
+  async hideActions() {
+    this._showDropdown = false;
+  }
+  /**
+   * Informa se a lista de ações está aberta.
+   */
+  async isOpened() {
+    return this._showDropdown;
+  }
+  controlDropdown() {
+    this._showDropdown = !this._showDropdown;
+  }
+  loadItems() {
+    return this.actions.filter(action => action !== undefined).map(action => {
+      var _a;
+      return {
+        id: action.value,
+        label: action.label,
+        value: action.value,
+        type: (_a = action.type) !== null && _a !== void 0 ? _a : 'item',
+        children: action.children,
+        iconName: action.iconName,
+        subAction: action.subAction,
+        group: action.group,
+        disableCloseOnSelect: action.disableCloseOnSelect,
+      };
+    });
+  }
+  canShowDropdown() {
+    var _a;
+    return this._showDropdown && ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) > 0;
+  }
+  onSelectAction(iAction) {
+    const actions = this.actions.map(action => (Object.assign(Object.assign({}, action), { id: action.value })));
+    const selectedAction = this.getSelectedAction(iAction.id, actions);
+    this.taskbarActionSelected.emit(selectedAction);
+    if (!selectedAction.disableCloseOnSelect) {
+      this._showDropdown = false;
+    }
+  }
+  getSelectedAction(id, actions) {
+    let selectedItem;
+    for (const item of actions) {
+      if (item.id === id) {
+        selectedItem = item;
+        break;
+      }
+      if (!(item === null || item === void 0 ? void 0 : item.children))
+        continue;
+      selectedItem = this.getSelectedAction(id, item.children);
+    }
+    return selectedItem;
+  }
+  dropdownItemBuilder(item, _level) {
+    const itemAction = this.actions.find(action => action.value === item.id);
+    if (!itemAction || !itemAction.itemBuilder) {
+      return undefined;
+    }
+    const customContent = itemAction.itemBuilder(this._element, itemAction);
+    if (typeof customContent === 'string') {
+      return index.h("div", { innerHTML: customContent });
+    }
+    return customContent;
+  }
+  /**
+   * Existem algumas actions que precisam ser inicializadas assim que o componente é carregado,
+   * pois necessitam de algumas informações, como por exemplo a referência do elemento taskbar-actions-button na tela.
+   * É o caso do searchColumn/searhField
+   */
+  initializeEagerItems() {
+    var _a;
+    (_a = this.actions) === null || _a === void 0 ? void 0 : _a.forEach(action => {
+      var _a;
+      if (action && action.eagerInitialize && action.itemBuilder) {
+        (_a = action.itemBuilder) === null || _a === void 0 ? void 0 : _a.call(action, this._element, action);
+      }
+    });
+  }
+  componentDidLoad() {
+    this.initializeEagerItems();
+  }
+  componentDidRender() {
+    if (this._showDropdown) {
+      this.taskbarActionsOpened.emit(this._element);
+    }
+  }
+  disconnectedCallback() {
+    this.taskbarActionsButtonDisconnected.emit();
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: `ez-padding-left--medium ${this.canShowDropdown() ? ' ez-elevation--16' : ''}` }, index.h("ez-button", { title: this.title, mode: 'icon', iconName: 'dots-vertical', size: 'small', enabled: this.enabled, onClick: () => this.controlDropdown() }), this.canShowDropdown() && index.h("ez-dropdown", { items: this.loadItems(), onEzClick: (evt) => this.onSelectAction(evt.detail), onEzOutsideClick: () => this._showDropdown = false, itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) }))));
+  }
+  get _element() { return index.getElement(this); }
+};
+TaskbarActionsButton.style = taskbarActionsButtonCss;
+
 exports.snk_actions_button = SnkActionsButton;
+exports.taskbar_actions_button = TaskbarActionsButton;

package/dist/cjs/snk-application.cjs.entry.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const ConfigStorage = require('./ConfigStorage-8009ecb2.js');
+const ConfigStorage = require('./ConfigStorage-302bbbd4.js');
 const DataFetcher = require('./DataFetcher-ba94ed5b.js');
 const authFetcher = require('./auth-fetcher-c8467c07.js');
-const dataunitFetcher = require('./dataunit-fetcher-d839c5d7.js');
-const pesquisaFetcher = require('./pesquisa-fetcher-ef050a47.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-7293d0ad.js');
+const pesquisaFetcher = require('./pesquisa-fetcher-7a08d110.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-e7dcf408.js');
 require('./form-config-fetcher-df043d3d.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./PrintUtils-bcaeb82f.js');
@@ -765,7 +764,7 @@ const SnkApplication = class {
   }
   get dataUnitFetcher() {
     if (!this._dataUnitFetcher) {
-      this._dataUnitFetcher = new dataunitFetcher.DataUnitFetcher();
+      this._dataUnitFetcher = new pesquisaFetcher.DataUnitFetcher();
     }
     return this._dataUnitFetcher;
   }
@@ -829,11 +828,53 @@ const SnkApplication = class {
       return this.executePreparedSearch(mode, argument, { entity: ENTITYNAME, entityDescription: DESCRIPTIONENTITY, criteria, searchOptions });
     }
   }
+  filterInvalidFields(resp, item, mdByName) {
+    let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
+      let accept = !core.StringUtils.isEmpty(item[field.fieldName]) &&
+        field.visible !== false &&
+        field.type !== 'B' &&
+        resp.pkField !== field.fieldName &&
+        resp.descriptionField !== field.fieldName &&
+        (field.isPrimaryKey || !field.isLinkField) &&
+        !(field.type === 'S' && field.presentationType === 'H');
+      if (accept) {
+        mdByName[field.fieldName] = field;
+      }
+      //Condição que trata o problema de trazer imagem no entityCard na pesquisa de registros
+      if (typeof item[field.fieldName] === 'string' && (item[field.fieldName].indexOf('<img') > -1 || item[field.fieldName].indexOf('<svg') > -1)) {
+        return false;
+      }
+      return accept;
+    });
+    return fieldsMetadata;
+  }
+  filterMathFields(matchFields, fields, qtyFields, mdByName) {
+    if (matchFields && Array.isArray(matchFields)) {
+      matchFields.forEach((matchField) => {
+        let fieldMD = core.ArrayUtils.removeReference(fields, mdByName[matchField]);
+        if (fieldMD) {
+          fields.unshift(fieldMD);
+        }
+      });
+    }
+    fields = fields.slice(0, qtyFields);
+    return fields;
+  }
+  builOptionItem(argument, item, fields, descriptionField, pkField) {
+    var _a;
+    let exibitionItem = {
+      value: core.StringUtils.highlightValue(argument, item['__matchFields'], (_a = item[pkField]) === null || _a === void 0 ? void 0 : _a.toString(), fields, true),
+      label: descriptionField ? core.StringUtils.highlightValue(argument, item['__matchFields'], item[descriptionField], fields, true) : "",
+      details: core.SearchUtils.buildDetails(argument, fields, item)
+    };
+    return exibitionItem;
+  }
   /**
    * Obtém as opções em componentes de pesquisa
    * Ex.: snk-config-options
    */
   async executePreparedSearch(mode, argument, options) {
+    const mdByName = {};
     const { entity, entityDescription, criteria, searchOptions } = options;
     if (mode === "ADVANCED") {
       return new Promise(accept => {
@@ -851,7 +892,25 @@ const SnkApplication = class {
       });
     }
     else {
-      return this.pesquisaFetcher.loadSearchOptions(entity, argument, criteria, searchOptions);
+      return new Promise((resolve, reject) => {
+        this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
+          .then(result => {
+          result = core.ObjectUtils.stringToObject(result.json.$);
+          let descriptionField = result.descriptionField;
+          let pkField = result.pkField;
+          const list = [];
+          result.data.forEach((item) => {
+            let fieldsMetadata = this.filterInvalidFields(result, item, mdByName);
+            let qtyFields = 6;
+            let fields = this.filterMathFields(item['__matchFields'], fieldsMetadata, qtyFields, mdByName);
+            list.push(this.builOptionItem(argument, item, fields, descriptionField, pkField));
+          });
+          resolve(list);
+        })
+          .catch(error => {
+          reject(error);
+        });
+      });
     }
   }
   /**