@sankhyalabs/sankhyablocks 8.14.1 → 8.15.0-dev.2

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-35ddd366.js');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
+const taskbarElements = require('./taskbar-elements-b8c428a9.js');
 require('./DataFetcher-ba94ed5b.js');
 require('./pesquisa-fetcher-ef050a47.js');
 const index$1 = require('./index-0e663819.js');
@@ -16,7 +16,7 @@ const dataunitFetcher = require('./dataunit-fetcher-bdaf9482.js');
 require('./PreloadManager-84466da6.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-df043d3d.js');
-const fieldSearch = require('./field-search-ca27041a.js');
+const fieldSearch = require('./field-search-f56aa7d6.js');
 const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-ba5838c2.js');
 require('./index-102ba62d.js');
 require('./PrintUtils-bcaeb82f.js');
@@ -204,12 +204,6 @@ const SnkSimpleCrud = class {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    actionButton.addEventListener("ezPopoverOpen", () => {
-      if (this._columnSearch) {
-        const realElement = this._columnSearch["$elm$"];
-        realElement.value = null;
-      }
-    });
     this._moreOptions = actionButton;
     this._columnSearch = fieldSearch.buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
@@ -218,9 +212,10 @@ const SnkSimpleCrud = class {
           .map(column => ({ label: column.label, value: column.name })));
       });
     }), (option) => {
+      var _a;
       if (option != undefined) {
         this._grid.locateColumn(option.value);
-        actionButton.hideActions();
+        (_a = actionButton["hideActions"]) === null || _a === void 0 ? void 0 : _a.call(actionButton);
       }
     });
     return this._columnSearch;
@@ -262,14 +257,16 @@ const SnkSimpleCrud = class {
   getActionsList() {
     var _a, _b;
     return [{
-        value: "",
+        value: core.StringUtils.generateUUID(),
         label: (_b = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.findColumn", undefined)) !== null && _b !== void 0 ? _b : "Buscar",
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => (this._currentViewMode === constants.VIEW_MODE.GRID)
           ? this.getColumnSearch(actionButton, item)
           : this.getFieldSearch(actionButton, item)
       }];
   }
-  keyDownListener(event) {
+  async keyDownListener(event) {
     if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
       return;
     }
@@ -281,39 +278,21 @@ const SnkSimpleCrud = class {
     }
     core.FloatingManager.closeAll();
     if (this._currentViewMode === constants.VIEW_MODE.GRID) {
-      this.findColumn();
+      await this.findColumn();
     }
     else {
-      this.findField();
+      await this.findField();
     }
     event.preventDefault();
   }
   async findField() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-      return;
-    }
-    if (this._fieldSearch) {
-      const realElement = this._fieldSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
+    await this.openSeach(this._fieldSearch);
   }
   async findColumn() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-    }
-    if (this._columnSearch) {
-      const realElement = this._columnSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
+    await this.openSeach(this._columnSearch);
+  }
+  async openSeach(fieldSearch$1) {
+    await fieldSearch.openFieldSearch(this._moreOptions, fieldSearch$1);
   }
   clearFieldToFocusHandler() {
     this._fieldToGetFocus = undefined;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
+const taskbarElements = require('./taskbar-elements-b8c428a9.js');
 const index$1 = require('./index-0e663819.js');
 require('./index-102ba62d.js');
 

package/dist/cjs/{taskbar-elements-39949c7a.js → taskbar-elements-b8c428a9.js}

@@ -89,7 +89,7 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case exports.TaskbarElement.CONFIGURATOR:
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.MORE_OPTIONS:
-      return actionButton(element, className, dataElementId, title, action, isEnabled, actions);
+      return actionButton(element, dataElementId, title, isEnabled, actions, action);
     case exports.TaskbarElement.DIVIDER:
       return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
     case exports.TaskbarElement.DATA_EXPORTER:
@@ -111,9 +111,9 @@ function iconTextButton(iconName, name, className, dataElementId, text, title, a
   return index.h("ez-button", { key: dataElementId, title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
     index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }
-function actionButton(element, className, dataElementId, title, action, isEnabled, actions) {
+function actionButton(element, dataElementId, title, isEnabled, actions, action) {
   return actions && actions.length > 0
-    ? index.h("ez-actions-button", { key: dataElementId, title: title, size: "small", "data-element-id": dataElementId, arrowActive: true, class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions })
+    ? index.h("taskbar-actions-button", { key: dataElementId, title: title, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, onTaskbarActionSelected: (evt) => action(evt.detail.value) })
     : undefined;
 }
 

package/dist/collection/collection-manifest.json

@@ -50,6 +50,7 @@
     "./components/snk-print-selector/snk-print-selector.js",
     "./components/snk-simple-bar/snk-simple-bar.js",
     "./components/snk-simple-crud/snk-simple-crud.js",
+    "./components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],
   "compiler": {

package/dist/collection/components/snk-crud/snk-crud.js

@@ -11,7 +11,7 @@ import { AutorizationType } from '../../lib/http/data-fetcher/fetchers/auth-fetc
  */
 export class SnkCrud {
   constructor() {
-    this._keyDownHandler = (event) => this.keyDownListener(event);
+    this._keyDownHandler = async (event) => this.keyDownListener(event);
     this._viewHistory = [];
     this._dataUnit = undefined;
     this._dataState = undefined;
@@ -251,7 +251,7 @@ export class SnkCrud {
     }
     this.configuratorCancel.emit();
   }
-  keyDownListener(event) {
+  async keyDownListener(event) {
     if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
       return;
     }
@@ -263,10 +263,10 @@ export class SnkCrud {
     }
     FloatingManager.closeAll();
     if (this._currentViewMode === VIEW_MODE.GRID) {
-      this._snkGrid.findColumn();
+      await this._snkGrid.findColumn();
     }
     else {
-      this._guidesViewer.findField();
+      await this._guidesViewer.findField();
     }
     event.preventDefault();
   }

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

@@ -7,7 +7,7 @@ import { TaskbarElement } from '../../snk-taskbar/elements/taskbar-elements';
 import { VIEW_MODE } from '../../../lib/utils/constants';
 import { PresentationMode } from '../../../lib';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch } from '../../snk-taskbar/subcomponents/field-search';
+import { buildFieldSearch, openFieldSearch } from '../../snk-taskbar/subcomponents/field-search';
 const FORM_NAME_PREFIX = "__FORM:";
 export class SnkGuidesViewer {
   constructor() {
@@ -60,18 +60,7 @@ export class SnkGuidesViewer {
   * Abre o localizador de campos
   */
   async findField() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-      return;
-    }
-    if (this._fieldSearch) {
-      const realElement = this._fieldSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
+    await openFieldSearch(this._moreOptions, this._fieldSearch);
   }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
@@ -359,8 +348,7 @@ export class SnkGuidesViewer {
     if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
       this._hasToCreateFieldSearch = false;
       this._moreOptions = actionButton;
-      actionButton.addEventListener("ezPopoverOpen", () => this.findField());
-      actionButton.addEventListener("ezDisconnectedActionButtons", () => this._hasToCreateFieldSearch = true);
+      actionButton.addEventListener("taskbarActionsButtonDisconnected", () => this._hasToCreateFieldSearch = true);
       this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option, actionButton));
     }
     return this._fieldSearch;
@@ -384,6 +372,8 @@ export class SnkGuidesViewer {
     const hardList = [{
         value: "",
         label: this.getMessage("snkCrud.findColumn"),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => this.getFieldsSearch(actionButton, item)
       }];
     if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
@@ -852,9 +842,6 @@ export class SnkGuidesViewer {
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "HTMLEzSearchElement": {
-              "location": "global"
             }
           },
           "return": "Promise<void>"

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

@@ -1,5 +1,5 @@
 import { h, Fragment } from '@stencil/core';
-import { ApplicationContext, DataType, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, DataType, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
 import { SortMode, UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
@@ -8,7 +8,7 @@ import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import store from "../../lib/store";
 import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionListDataSource';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch } from '../snk-taskbar/subcomponents/field-search';
+import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/field-search';
 export class SnkGrid {
   constructor() {
     this._topTaskbarProcessor = new TaskbarProcessor({
@@ -77,28 +77,18 @@ export class SnkGrid {
     var _a;
     (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.reload();
   }
-  /**
-   * Abre o localizador de colunas
-   */
-  async findColumn() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-    }
-    if (this._columnSearch) {
-      const realElement = this._columnSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
-  }
   /**
    * Retorna o elemento da filter-bar da grade.
    */
   async getFilterBar() {
     return this._snkFilterBar;
   }
+  /**
+   * Abre o localizador de colunas
+   */
+  async findColumn() {
+    await openFieldSearch(this._moreOptions, this._columnSearch);
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -341,12 +331,6 @@ export class SnkGrid {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    actionButton.addEventListener("ezPopoverOpen", () => {
-      if (this._columnSearch) {
-        const realElement = this._columnSearch["$elm$"];
-        realElement.value = null;
-      }
-    });
     this._moreOptions = actionButton;
     this._columnSearch = buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
@@ -364,8 +348,10 @@ export class SnkGrid {
   }
   getActionsList() {
     const hardList = [{
-        value: "",
+        value: StringUtils.generateUUID(),
         label: this.messagesBuilder.getMessage("snkGrid.findColumn", {}),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => this.getColumnSearch(actionButton, item)
       }];
     if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
@@ -851,41 +837,38 @@ export class SnkGrid {
           "tags": []
         }
       },
-      "findColumn": {
+      "getFilterBar": {
         "complexType": {
-          "signature": "() => Promise<void>",
+          "signature": "() => Promise<HTMLSnkFilterBarElement>",
           "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
             },
-            "HTMLEzSearchElement": {
+            "HTMLSnkFilterBarElement": {
               "location": "global"
             }
           },
-          "return": "Promise<void>"
+          "return": "Promise<HTMLSnkFilterBarElement>"
         },
         "docs": {
-          "text": "Abre o localizador de colunas",
+          "text": "Retorna o elemento da filter-bar da grade.",
           "tags": []
         }
       },
-      "getFilterBar": {
+      "findColumn": {
         "complexType": {
-          "signature": "() => Promise<HTMLSnkFilterBarElement>",
+          "signature": "() => Promise<void>",
           "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "HTMLSnkFilterBarElement": {
-              "location": "global"
             }
           },
-          "return": "Promise<HTMLSnkFilterBarElement>"
+          "return": "Promise<void>"
         },
         "docs": {
-          "text": "Retorna o elemento da filter-bar da grade.",
+          "text": "Abre o localizador de colunas",
           "tags": []
         }
       }

package/dist/collection/components/snk-simple-crud/snk-simple-crud.js

@@ -1,4 +1,4 @@
-import { ApplicationContext, DataType, FloatingManager, ObjectUtils, UserInterface, JSUtils } from '@sankhyalabs/core';
+import { ApplicationContext, DataType, FloatingManager, JSUtils, ObjectUtils, StringUtils, UserInterface, } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
 import { SIMPLE_CRUD_MODE, VIEW_MODE } from '../../lib/utils/constants';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
@@ -6,7 +6,7 @@ import { PresentationMode } from '../../lib';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import InMemoryLoader from '../../lib/dataUnit/InMemoryLoader';
 import SnkMultiSelectionListDataSource from '../snk-grid/filtercolumn/SnkMultiSelectionListDataSource';
-import { buildFieldSearch } from '../snk-taskbar/subcomponents/field-search';
+import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/field-search';
 export class SnkSimpleCrud {
   constructor() {
     this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "MORE_OPTIONS"];
@@ -180,12 +180,6 @@ export class SnkSimpleCrud {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    actionButton.addEventListener("ezPopoverOpen", () => {
-      if (this._columnSearch) {
-        const realElement = this._columnSearch["$elm$"];
-        realElement.value = null;
-      }
-    });
     this._moreOptions = actionButton;
     this._columnSearch = buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
@@ -194,9 +188,10 @@ export class SnkSimpleCrud {
           .map(column => ({ label: column.label, value: column.name })));
       });
     }), (option) => {
+      var _a;
       if (option != undefined) {
         this._grid.locateColumn(option.value);
-        actionButton.hideActions();
+        (_a = actionButton["hideActions"]) === null || _a === void 0 ? void 0 : _a.call(actionButton);
       }
     });
     return this._columnSearch;
@@ -238,14 +233,16 @@ export class SnkSimpleCrud {
   getActionsList() {
     var _a, _b;
     return [{
-        value: "",
+        value: StringUtils.generateUUID(),
         label: (_b = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.findColumn", undefined)) !== null && _b !== void 0 ? _b : "Buscar",
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => (this._currentViewMode === VIEW_MODE.GRID)
           ? this.getColumnSearch(actionButton, item)
           : this.getFieldSearch(actionButton, item)
       }];
   }
-  keyDownListener(event) {
+  async keyDownListener(event) {
     if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
       return;
     }
@@ -257,39 +254,21 @@ export class SnkSimpleCrud {
     }
     FloatingManager.closeAll();
     if (this._currentViewMode === VIEW_MODE.GRID) {
-      this.findColumn();
+      await this.findColumn();
     }
     else {
-      this.findField();
+      await this.findField();
     }
     event.preventDefault();
   }
   async findField() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-      return;
-    }
-    if (this._fieldSearch) {
-      const realElement = this._fieldSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
+    await this.openSeach(this._fieldSearch);
   }
   async findColumn() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-    }
-    if (this._columnSearch) {
-      const realElement = this._columnSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
+    await this.openSeach(this._columnSearch);
+  }
+  async openSeach(fieldSearch) {
+    await openFieldSearch(this._moreOptions, fieldSearch);
   }
   clearFieldToFocusHandler() {
     this._fieldToGetFocus = undefined;

package/dist/collection/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.css

@@ -0,0 +1,6 @@
+:host {
+  /*private*/
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+}