@sankhyalabs/sankhyablocks 1.3.31-beta.17 → 1.3.31-beta.18

package/dist/types/components/snk-taskbar/snk-taskbar.d.ts

@@ -1,6 +1,7 @@
 import { DataUnit } from '@sankhyalabs/core';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { SnkApplication } from '../snk-application/snk-application';
+import { DataState } from '../snk-data-unit/snk-data-unit';
 import { TaskbarElement } from './elements/taskbar-elements';
 export declare class SnkTaskbar {
   _application: SnkApplication;
@@ -8,6 +9,11 @@ export declare class SnkTaskbar {
    * Lista separada por virgula, contendo todos os elementos a serem criados
    */
   buttons: string;
+  /**
+   * Mapa com definição de botões personalizados. A chave do mapa deve ser
+   * passada na lista "buttons" no lugar onde o botão irá aparecer.
+   */
+  customButtons: Map<string, CustomButton>;
   /**
    * Lista de ações que devem ser usadas no botão "Mais opções"
    */
@@ -57,7 +63,7 @@ export declare class SnkTaskbar {
   private getTitle;
   private elementClick;
   private isEnabled;
-  getElement(index: number, def: TaskbarElement): HTMLElement;
+  getElement(index: number, def: TaskbarElement | CustomButton): HTMLElement;
   componentWillLoad(): void;
   componentWillRender(): void;
   render(): any;
@@ -66,3 +72,13 @@ export interface Action {
   value: string;
   label: string;
 }
+export interface CustomButton {
+  name: string;
+  hint: string;
+  text?: string;
+  iconName?: string;
+}
+export interface TaskbarManager {
+  getButtons: (taskbarId: string, dataState: DataState, currentButtons: Array<string>) => Array<string | CustomButton>;
+  isEnabled?: (taskbarId: string, dataState: DataState, buttonName: string, currentValue: boolean) => boolean;
+}

package/dist/types/components.d.ts

@@ -14,12 +14,12 @@ import { IGridConfig } from "@sankhyalabs/ezui/dist/types/components/ez-grid/con
 import { SnkFilterItemConfig } from "./components/snk-filter-bar/filter-item/snk-filter-item";
 import { Option } from "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box";
 import { SearchCriteria } from "./lib/http/data-fetcher/fetchers/pesquisa-fetcher";
-import { Action } from "./components/snk-taskbar/snk-taskbar";
+import { Action, TaskbarManager } from "./components/snk-taskbar/snk-taskbar";
 import { DataState } from "./components/snk-data-unit/snk-data-unit";
 import { SnkFilterItemConfig as SnkFilterItemConfig1 } from "./components/snk-filter-bar/filter-item/snk-filter-item";
 import { ListItem } from "./components/snk-filter-bar/filter-list/snk-filter-list";
 import { Period } from "./components/snk-filter-bar/filter-item/editors/snk-filter-period";
-import { Action as Action1 } from "./components/snk-taskbar/snk-taskbar";
+import { Action as Action1, CustomButton } from "./components/snk-taskbar/snk-taskbar";
 export namespace Components {
     interface SnkApplication {
         /**
@@ -143,12 +143,22 @@ export namespace Components {
         "temOpcional": (opcional: string) => Promise<boolean>;
     }
     interface SnkCrud {
+        /**
+          * Ações a serem colocadas no botão "Mais opções".
+         */
         "actionsList": Array<Action>;
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
         "configName": string;
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
         "recordsValidator": RecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
     }
     interface SnkDataUnit {
         /**
@@ -211,13 +221,21 @@ export namespace Components {
     interface SnkFilterItem {
         "config": SnkFilterItemConfig;
         "getMessage": (key: string, props?: any) => string;
+        "showUp": (open?: boolean) => Promise<void>;
     }
     interface SnkFilterList {
+        "buttonClass": string;
+        "emptyText": string;
+        "findFilterText": string;
         "getMessage": (key: string, props?: any) => string;
         "iconName": string;
         "items": Array<ListItem>;
         "label": string;
     }
+    interface SnkFilterMultiSelect {
+        "config": SnkFilterItemConfig;
+        "value": any;
+    }
     interface SnkFilterNumber {
         "config": SnkFilterItemConfig;
         "value": number;
@@ -249,6 +267,10 @@ export namespace Components {
           * Validador responsável por checar a integridade das informações do registro
          */
         "recordsValidator": RecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
     }
     interface SnkGrid {
         /**
@@ -259,6 +281,10 @@ export namespace Components {
           * Nome usado para salvar/recuperar a configuração
          */
         "configName": string;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager": TaskbarManager;
     }
     interface SnkPesquisa {
         "argument": string;
@@ -274,6 +300,10 @@ export namespace Components {
           * Lista separada por virgula, contendo todos os elementos a serem criados
          */
         "buttons": string;
+        /**
+          * Mapa com definição de botões personalizados. A chave do mapa deve ser  passada na lista "buttons" no lugar onde o botão irá aparecer.
+         */
+        "customButtons": Map<string, CustomButton>;
         /**
           * Instância do DataUnit
          */
@@ -294,6 +324,10 @@ export interface SnkApplicationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkApplicationElement;
 }
+export interface SnkCrudCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSnkCrudElement;
+}
 export interface SnkDataUnitCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSnkDataUnitElement;
@@ -371,6 +405,12 @@ declare global {
         prototype: HTMLSnkFilterListElement;
         new (): HTMLSnkFilterListElement;
     };
+    interface HTMLSnkFilterMultiSelectElement extends Components.SnkFilterMultiSelect, HTMLStencilElement {
+    }
+    var HTMLSnkFilterMultiSelectElement: {
+        prototype: HTMLSnkFilterMultiSelectElement;
+        new (): HTMLSnkFilterMultiSelectElement;
+    };
     interface HTMLSnkFilterNumberElement extends Components.SnkFilterNumber, HTMLStencilElement {
     }
     var HTMLSnkFilterNumberElement: {
@@ -434,6 +474,7 @@ declare global {
         "snk-filter-detail": HTMLSnkFilterDetailElement;
         "snk-filter-item": HTMLSnkFilterItemElement;
         "snk-filter-list": HTMLSnkFilterListElement;
+        "snk-filter-multi-select": HTMLSnkFilterMultiSelectElement;
         "snk-filter-number": HTMLSnkFilterNumberElement;
         "snk-filter-period": HTMLSnkFilterPeriodElement;
         "snk-filter-search": HTMLSnkFilterSearchElement;
@@ -461,12 +502,26 @@ declare namespace LocalJSX {
         "onApplicationLoading"?: (event: SnkApplicationCustomEvent<boolean>) => void;
     }
     interface SnkCrud {
+        /**
+          * Ações a serem colocadas no botão "Mais opções".
+         */
         "actionsList"?: Array<Action>;
+        /**
+          * Usado para salvar as configurações dos blocos de construção.
+         */
         "configName"?: string;
+        /**
+          * Emitido pela taskbar sempre que houver click de botão ou ação
+         */
+        "onActionClick"?: (event: SnkCrudCustomEvent<string>) => void;
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
         "recordsValidator"?: RecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
     }
     interface SnkDataUnit {
         /**
@@ -544,12 +599,19 @@ declare namespace LocalJSX {
         "onFilterChange"?: (event: SnkFilterItemCustomEvent<SnkFilterItemConfig>) => void;
     }
     interface SnkFilterList {
+        "buttonClass"?: string;
+        "emptyText"?: string;
+        "findFilterText"?: string;
         "getMessage"?: (key: string, props?: any) => string;
         "iconName"?: string;
         "items"?: Array<ListItem>;
         "label"?: string;
         "onSnkItemSelected"?: (event: SnkFilterListCustomEvent<string>) => void;
     }
+    interface SnkFilterMultiSelect {
+        "config"?: SnkFilterItemConfig;
+        "value"?: any;
+    }
     interface SnkFilterNumber {
         "config"?: SnkFilterItemConfig;
         "value"?: number;
@@ -589,6 +651,10 @@ declare namespace LocalJSX {
           * Validador responsável por checar a integridade das informações do registro
          */
         "recordsValidator"?: RecordValidator;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
     }
     interface SnkGrid {
         /**
@@ -607,6 +673,10 @@ declare namespace LocalJSX {
           * Emitido sempre que houver duplo click na grade
          */
         "onGridDoubleClick"?: (event: SnkGridCustomEvent<void>) => void;
+        /**
+          * Gerenciador das barras de tarefas. É possível determinar botões específicos ou mesmo gerenciar o estado dos botões.
+         */
+        "taskbarManager"?: TaskbarManager;
     }
     interface SnkPesquisa {
         "argument"?: string;
@@ -622,6 +692,10 @@ declare namespace LocalJSX {
           * Lista separada por virgula, contendo todos os elementos a serem criados
          */
         "buttons"?: string;
+        /**
+          * Mapa com definição de botões personalizados. A chave do mapa deve ser  passada na lista "buttons" no lugar onde o botão irá aparecer.
+         */
+        "customButtons"?: Map<string, CustomButton>;
         /**
           * Instância do DataUnit
          */
@@ -650,6 +724,7 @@ declare namespace LocalJSX {
         "snk-filter-detail": SnkFilterDetail;
         "snk-filter-item": SnkFilterItem;
         "snk-filter-list": SnkFilterList;
+        "snk-filter-multi-select": SnkFilterMultiSelect;
         "snk-filter-number": SnkFilterNumber;
         "snk-filter-period": SnkFilterPeriod;
         "snk-filter-search": SnkFilterSearch;
@@ -673,6 +748,7 @@ declare module "@stencil/core" {
             "snk-filter-detail": LocalJSX.SnkFilterDetail & JSXBase.HTMLAttributes<HTMLSnkFilterDetailElement>;
             "snk-filter-item": LocalJSX.SnkFilterItem & JSXBase.HTMLAttributes<HTMLSnkFilterItemElement>;
             "snk-filter-list": LocalJSX.SnkFilterList & JSXBase.HTMLAttributes<HTMLSnkFilterListElement>;
+            "snk-filter-multi-select": LocalJSX.SnkFilterMultiSelect & JSXBase.HTMLAttributes<HTMLSnkFilterMultiSelectElement>;
             "snk-filter-number": LocalJSX.SnkFilterNumber & JSXBase.HTMLAttributes<HTMLSnkFilterNumberElement>;
             "snk-filter-period": LocalJSX.SnkFilterPeriod & JSXBase.HTMLAttributes<HTMLSnkFilterPeriodElement>;
             "snk-filter-search": LocalJSX.SnkFilterSearch & JSXBase.HTMLAttributes<HTMLSnkFilterSearchElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/sankhyablocks",
-  "version": "1.3.31-beta.17",
+  "version": "1.3.31-beta.18",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/esm/taskbar-elements-c119510a.js

@@ -1,72 +0,0 @@
-import { h } from './index-2b4d2d14.js';
-
-var TaskbarElement;
-(function (TaskbarElement) {
-  TaskbarElement["PREVIOUS"] = "PREVIOUS";
-  TaskbarElement["NEXT"] = "NEXT";
-  TaskbarElement["REFRESH"] = "REFRESH";
-  TaskbarElement["UPDATE"] = "UPDATE";
-  TaskbarElement["CLONE"] = "CLONE";
-  TaskbarElement["REMOVE"] = "REMOVE";
-  TaskbarElement["INSERT"] = "INSERT";
-  TaskbarElement["CANCEL"] = "CANCEL";
-  TaskbarElement["SAVE"] = "SAVE";
-  TaskbarElement["GRID_MODE"] = "GRID_MODE";
-  TaskbarElement["FORM_MODE"] = "FORM_MODE";
-  TaskbarElement["CONFIG_GRID"] = "CONFIG_GRID";
-  TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
-  TaskbarElement["DIVIDER"] = "DIVIDER";
-})(TaskbarElement || (TaskbarElement = {}));
-var AuthorizationElements;
-(function (AuthorizationElements) {
-  AuthorizationElements["UPDATE"] = "UPDATE";
-  AuthorizationElements["CLONE"] = "CLONE";
-  AuthorizationElements["REMOVE"] = "REMOVE";
-  AuthorizationElements["INSERT"] = "INSERT";
-  AuthorizationElements["CONFIG_GRID"] = "CONFIG_GRID";
-})(AuthorizationElements || (AuthorizationElements = {}));
-var VisibleWhenForbidden;
-(function (VisibleWhenForbidden) {
-  VisibleWhenForbidden["CONFIG_GRID"] = "CONFIG_GRID";
-})(VisibleWhenForbidden || (VisibleWhenForbidden = {}));
-const buildElem = (element, className, getTitle, action, isEnabled, actions) => {
-  switch (element) {
-    case TaskbarElement.PREVIOUS:
-      return iconButton("chevron-left", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.NEXT:
-      return iconButton("chevron-right", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.REFRESH:
-      return iconButton("sync", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.UPDATE:
-      return iconButton("edit", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.CLONE:
-      return iconButton("copy", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.REMOVE:
-      return iconButton("delete", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.INSERT:
-      return iconTextButton("plus", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.CANCEL:
-      return h("ez-button", { title: getTitle(element), label: getTitle(element), size: "small", enabled: isEnabled(element), onClick: () => action(element) });
-    case TaskbarElement.SAVE:
-      return iconTextButton("save", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.GRID_MODE:
-      return iconButton("table", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.FORM_MODE:
-      return iconButton("list", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.CONFIG_GRID:
-      return iconButton("settings-inverted", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.MORE_OPTIONS:
-      return actions && actions.length > 0 ? h("ez-actions-button", { title: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
-    case TaskbarElement.DIVIDER:
-      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
-  }
-};
-function iconButton(iconName, element, className, getTitle, action, isEnabled) {
-  return h("ez-button", { key: iconName, title: getTitle(element), mode: "icon", size: "small", class: className, iconName: iconName, enabled: isEnabled(element), onClick: () => action(element) });
-}
-function iconTextButton(iconName, element, className, getTitle, action, isEnabled) {
-  return h("ez-button", { key: iconName, title: getTitle(element), label: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onClick: () => action(element) },
-    h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
-}
-
-export { AuthorizationElements as A, TaskbarElement as T, VisibleWhenForbidden as V, buildElem as b };

package/dist/sankhyablocks/taskbar-elements-c119510a.js

@@ -1,72 +0,0 @@
-import { h } from './index-2b4d2d14.js';
-
-var TaskbarElement;
-(function (TaskbarElement) {
-  TaskbarElement["PREVIOUS"] = "PREVIOUS";
-  TaskbarElement["NEXT"] = "NEXT";
-  TaskbarElement["REFRESH"] = "REFRESH";
-  TaskbarElement["UPDATE"] = "UPDATE";
-  TaskbarElement["CLONE"] = "CLONE";
-  TaskbarElement["REMOVE"] = "REMOVE";
-  TaskbarElement["INSERT"] = "INSERT";
-  TaskbarElement["CANCEL"] = "CANCEL";
-  TaskbarElement["SAVE"] = "SAVE";
-  TaskbarElement["GRID_MODE"] = "GRID_MODE";
-  TaskbarElement["FORM_MODE"] = "FORM_MODE";
-  TaskbarElement["CONFIG_GRID"] = "CONFIG_GRID";
-  TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
-  TaskbarElement["DIVIDER"] = "DIVIDER";
-})(TaskbarElement || (TaskbarElement = {}));
-var AuthorizationElements;
-(function (AuthorizationElements) {
-  AuthorizationElements["UPDATE"] = "UPDATE";
-  AuthorizationElements["CLONE"] = "CLONE";
-  AuthorizationElements["REMOVE"] = "REMOVE";
-  AuthorizationElements["INSERT"] = "INSERT";
-  AuthorizationElements["CONFIG_GRID"] = "CONFIG_GRID";
-})(AuthorizationElements || (AuthorizationElements = {}));
-var VisibleWhenForbidden;
-(function (VisibleWhenForbidden) {
-  VisibleWhenForbidden["CONFIG_GRID"] = "CONFIG_GRID";
-})(VisibleWhenForbidden || (VisibleWhenForbidden = {}));
-const buildElem = (element, className, getTitle, action, isEnabled, actions) => {
-  switch (element) {
-    case TaskbarElement.PREVIOUS:
-      return iconButton("chevron-left", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.NEXT:
-      return iconButton("chevron-right", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.REFRESH:
-      return iconButton("sync", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.UPDATE:
-      return iconButton("edit", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.CLONE:
-      return iconButton("copy", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.REMOVE:
-      return iconButton("delete", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.INSERT:
-      return iconTextButton("plus", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.CANCEL:
-      return h("ez-button", { title: getTitle(element), label: getTitle(element), size: "small", enabled: isEnabled(element), onClick: () => action(element) });
-    case TaskbarElement.SAVE:
-      return iconTextButton("save", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.GRID_MODE:
-      return iconButton("table", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.FORM_MODE:
-      return iconButton("list", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.CONFIG_GRID:
-      return iconButton("settings-inverted", element, className, getTitle, action, isEnabled);
-    case TaskbarElement.MORE_OPTIONS:
-      return actions && actions.length > 0 ? h("ez-actions-button", { title: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
-    case TaskbarElement.DIVIDER:
-      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
-  }
-};
-function iconButton(iconName, element, className, getTitle, action, isEnabled) {
-  return h("ez-button", { key: iconName, title: getTitle(element), mode: "icon", size: "small", class: className, iconName: iconName, enabled: isEnabled(element), onClick: () => action(element) });
-}
-function iconTextButton(iconName, element, className, getTitle, action, isEnabled) {
-  return h("ez-button", { key: iconName, title: getTitle(element), label: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onClick: () => action(element) },
-    h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
-}
-
-export { AuthorizationElements as A, TaskbarElement as T, VisibleWhenForbidden as V, buildElem as b };