@sankhyalabs/sankhyablocks 8.15.0-dev.4 → 8.15.0-dev.40

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

@@ -2,7 +2,7 @@ import { DataUnit } from '@sankhyalabs/core';
 import { IRecordValidator } from '@sankhyalabs/ezui/dist/types/utils/form/interfaces';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DataState } from '../snk-data-unit/snk-data-unit';
-import { SnkFormConfigManager } from './SnkFormConfigManager';
+import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
 import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 export declare class SnkForm {
   private _snkDataUnit;
@@ -23,6 +23,10 @@ export declare class SnkForm {
    * Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção.
    */
   messagesBuilder: SnkMessageBuilder;
+  /**
+   * Chave da configuração legado do formulário.
+   */
+  formLegacyConfigName: string;
   /**
    * Identificador de recursos como configurações e acesso.
    */
@@ -50,5 +54,6 @@ export declare class SnkForm {
   private closeConfig;
   private dataunitReady;
   componentWillLoad(): Promise<void>;
+  private addFormLegacyConfig;
   render(): any;
 }

package/dist/types/components/{snk-form → snk-form-config}/SnkFormConfigManager.d.ts

@@ -9,6 +9,7 @@ export declare class SnkFormConfigManager {
   private _formConfigFetcher;
   private _resourceID;
   constructor(configName: string, resourceID: string, onConfigChange?: (config: IFormConfig) => void);
+  addFormLegacyConfig(legacyConfigName: string): void;
   loadConfig(): Promise<IFormConfig>;
   saveConfig(config: IFormConfig): Promise<IFormConfig>;
   saveCardState(cardId: string, cardConfig: IFormCardConfig, propertyChanged: string): Promise<Map<string, IFormCardConfig>>;
@@ -21,7 +22,7 @@ export declare class SnkFormConfigManager {
   private isFieldVisible;
   private getInsertionConfig;
   setConfig(config: IFormConfig): void;
-  getConfig(insertionMode: boolean, dataUnit: DataUnit): IFormConfig;
+  getConfig(insertionMode: boolean, dataUnit: DataUnit, ignoreReadOnlyFormFields?: boolean): IFormConfig;
   private getFormConfigFetcher;
   fetchUserAvailableConfigs(): Promise<Array<IUserConfig>>;
   fetchLegacyConfig(): Promise<IFormConfig>;

package/dist/types/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.d.ts

@@ -1,8 +1,8 @@
-import { EventEmitter } from "../../../../stencil-public-runtime";
+import { EventEmitter } from "../../stencil-public-runtime";
 import { DataUnit } from '@sankhyalabs/core';
 import { IFieldConfig, IFormConfig } from "@sankhyalabs/ezui/dist/types/utils/form/interfaces";
-import { SnkFormConfigManager } from "../../SnkFormConfigManager";
-import { SnkMessageBuilder } from "../../../../lib/message/SnkMessageBuilder";
+import { SnkFormConfigManager } from "./SnkFormConfigManager";
+import { SnkMessageBuilder } from "../../lib/message/SnkMessageBuilder";
 export declare class SnkFormConfig {
   private _tabConfig;
   private _filterFieldsAvailable;
@@ -22,6 +22,7 @@ export declare class SnkFormConfig {
   private _formFieldsStyle;
   private _fieldsAvailableStyle;
   private _fieldFloatingStyle;
+  private _sortableTimer;
   private _element;
   private _formConfigOptions;
   private _fieldConfigSelected;
@@ -127,6 +128,7 @@ export declare class SnkFormConfig {
    */
   private getMessage;
   componentDidRender(): void;
+  componentWillRender(): Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;
   render(): any;

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

@@ -32,6 +32,10 @@ export declare class SnkGrid {
    * Nome usado para salvar/recuperar a configuração.
    */
   configName: string;
+  /**
+   * Título que será apresentado na barra de filtros
+   */
+  filterBarTitle: string;
   /**
    * Identificador de recursos como configurações e acesso.
    */
@@ -94,6 +98,19 @@ export declare class SnkGrid {
    * Nome do slot de elementos customizados da Taskbar principal do componente.
    */
   topTaskbarCustomSlotId: string;
+  /**
+  * Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros)
+  * e no modal lateral de filtros (container de filtros personalizados).
+  */
+  disablePersonalizedFilter: boolean;
+  /**
+   * Chave da configuração legado da grade.
+   */
+  gridLegacyConfigName: string;
+  /**
+   * Chave da configuração legado da barra de filtros.
+   */
+  filterBarLegacyConfigName: string;
   /**
    * Emitido sempre que houver click de botão ou ação.
    */
@@ -126,11 +143,12 @@ export declare class SnkGrid {
    * Abre o localizador de colunas
    */
   findColumn(): Promise<void>;
+  handleGridLegacyConfigName(newLegacyConfig: string, oldLegacyConfig: string): Promise<void>;
   private openGridConfig;
   private closeGridConfig;
   private setGridConfig;
-  private assertDefaultSorting;
   private loadConfig;
+  private addGridLegacyConfigName;
   private gridConfigChangeHandler;
   private modalConfigChangeHandler;
   private buildColumnsMetadata;
@@ -149,5 +167,6 @@ export declare class SnkGrid {
   private getColumnSearch;
   private getActionsList;
   private handleFilterConfigUpdated;
+  private getConfig;
   render(): any;
 }

package/dist/types/components/{snk-grid/subcomponents/snk-grid-config → snk-grid-config}/snk-grid-config.d.ts

@@ -1,8 +1,7 @@
 import { EzGridColumn, IGridConfig } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
 import { ListItem } from '@sankhyalabs/ezui/dist/types/components/ez-list/ez-list';
 import { Tab } from '@sankhyalabs/ezui/dist/types/components/ez-tabselector/ez-tabselector';
-import { EventEmitter } from '../../../../stencil-public-runtime';
-import { SnkApplication } from '../../../snk-application/snk-application';
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SnkGridConfig {
   private _columnList;
   private _orderList;
@@ -18,10 +17,6 @@ export declare class SnkGridConfig {
    * Aba selecionada das configurações da grade.
   */
   selectedIndex: number;
-  /**
-   * Referência para o SnkApplication
-   */
-  application: SnkApplication;
   /**
    * Colunas da grade.
    */
@@ -53,18 +48,28 @@ export declare class SnkGridConfig {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-grid.msg.ts"
    */
   private getMessage;
+  private getSortableColumns;
   private createOrderList;
   private createColumnList;
+  private createColumnListSlotDataElementId;
   private buildColumnListSlot;
+  private createOrderListSlotDataElementId;
   private buildOrderListSlot;
   private updateOrder;
   switchColumnGroup(evt: CustomEvent, switchedItem: ListItem): void;
   finish(): void;
+  private saveGridConfigOnStorage;
+  private reOrderPriorityColumns;
   private save;
   createConfigFromState(state: any): {
     columns: any[];
   };
   locateColumn(evt: KeyboardEvent, searchingText?: string): Promise<void>;
+  private getMatchedIndexes;
+  private getNewSelectedIndex;
+  private updateOrderListSelection;
+  private updateColumnListSelection;
+  private removeSelection;
   private compareWords;
   private getColumnNames;
   closeConfig(): void;

package/dist/types/components/{snk-grid/subcomponents → snk-grid-config}/snk-select-box/snk-select-box.d.ts

@@ -1,5 +1,5 @@
 import { IOption } from '@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box';
-import { EventEmitter } from '../../../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class SelectBox {
   /**
    * Emitido ao alterar a seleção do componente snk-select-box.

package/dist/types/components/snk-simple-crud/regular-buttons.d.ts

@@ -0,0 +1,3 @@
+declare const REGULAR_DEFAULT_BTNS: string[];
+declare const REGULAR_SELECTED_BTNS: string[];
+export { REGULAR_DEFAULT_BTNS, REGULAR_SELECTED_BTNS };

package/dist/types/components/snk-simple-crud/snk-simple-crud.d.ts

@@ -10,10 +10,10 @@ import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { IGridConfig } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
 import SnkMultiSelectionListDataSource from '../snk-grid/filtercolumn/SnkMultiSelectionListDataSource';
 import { IAction } from '@sankhyalabs/ezui/dist/types/utils';
+import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
 export declare class SnkSimpleCrud {
-  private readonly REGULAR_DEFAULT_BTNS;
-  private readonly REGULAR_SELECTED_BTNS;
   _viewStack: HTMLEzViewStackElement;
+  _snkConfigurator: HTMLSnkConfiguratorElement;
   _snkGrid: HTMLSnkGridElement;
   _inMemoryLoader: InMemoryLoader;
   _metadata: UnitMetadata;
@@ -22,11 +22,19 @@ export declare class SnkSimpleCrud {
   _fieldSearch: HTMLEzSearchElement;
   _moreOptions: HTMLEzActionsButtonElement;
   _grid: HTMLEzGridElement;
+  _snkGridConfig: HTMLSnkGridConfigElement;
   _keyDownHandler: (event: KeyboardEvent) => Promise<void>;
+  _resourceID: string;
+  _formConfigManager: SnkFormConfigManager;
+  _gridConfigAlreadyLoaded: boolean;
+  _formConfigAlreadyLoaded: boolean;
   private _element;
+  _showPopUpGridConfig: boolean;
+  _showFormConfig: boolean;
   _currentViewMode: VIEW_MODE;
   _config: {};
   _fieldToGetFocus: string;
+  _customContainerId: string;
   dataState: DataState;
   dataUnit: DataUnit;
   mode: SIMPLE_CRUD_MODE;
@@ -54,6 +62,14 @@ export declare class SnkSimpleCrud {
    * Responsável por notificar quando ocorrer a renderização de itens do formulário.
    */
   formItemsReady: EventEmitter<Array<HTMLElement>>;
+  /**
+   * Emitido quando salva a configuração no configurator do CRUD.
+   */
+  configuratorSave: EventEmitter<any>;
+  /**
+   * Emitido quando cancela o salvamento da configuração no configurator do CRUD.
+   */
+  configuratorCancel: EventEmitter<any>;
   /**
  * Gerenciador das barras de tarefas. É possível determinar botões específicos
  * ou mesmo gerenciar o estado dos botões.
@@ -67,7 +83,34 @@ export declare class SnkSimpleCrud {
    * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
    */
   useEnterLikeTab: boolean;
+  /**
+   * Ações a serem colocadas no botão "Mais opções" do componente snk-taskbar.
+   */
+  actionsList: Array<Action>;
+  /**
+   * Usado para salvar as configurações dos blocos de construção.
+   */
+  configName: string;
+  /**
+   * Usado para exibir os botões de ação do snk-configurator.
+   */
+  showConfiguratorButtons: boolean;
+  /**
+   * Chave da configuração legado da grade.
+   */
+  gridLegacyConfigName: string;
+  /**
+   * Chave da configuração legado do formulário.
+   */
+  formLegacyConfigName: string;
+  /**
+   * Ignora os campos "somente leitura" no modo de inserção.
+   */
+  ignoreReadOnlyFormFields: boolean;
   _taskbarProcessor: TaskbarProcessor;
+  private getButtons;
+  private addConfigButton;
+  private get application();
   resolveInMemoryBtns(taskbarButtons: Array<string>): Array<string>;
   /**
    * Usado para alternar a visão entre GRID e FORM externamente.
@@ -76,7 +119,19 @@ export declare class SnkSimpleCrud {
   actionClickListener(evt: CustomEvent): void;
   onModeChange(): void;
   observeDataState(newValue: DataState, oldValue: DataState): void;
-  componentWillRender(): void;
+  observeFormLegacy(): Promise<void>;
+  observeGridLegacy(): Promise<void>;
+  private handleUpdateGridLegacyConfig;
+  private handleUpdateFormLegacyConfig;
+  private fetchFormLegacyConfig;
+  private openConfig;
+  private openGridConfig;
+  private openFormConfig;
+  private addGridLegacyConfigName;
+  private loadGridConfig;
+  private getFormConfigManger;
+  private loadFormConfig;
+  componentWillRender(): Promise<void>;
   componentWillLoad(): void;
   configDatasource(): void;
   getTaskBarId(): string;
@@ -84,17 +139,27 @@ export declare class SnkSimpleCrud {
   setMetadata(metadata: UnitMetadata): Promise<void>;
   setRecords(records: Array<Record>): Promise<void>;
   getRecords(): Promise<Array<Record>>;
+  /**
+   * Usado para abrir o configurator do CRUD
+   */
+  openConfigurator(): Promise<void>;
+  /**
+   * Usado para fechar o configurator do CRUD
+   */
+  closeConfigurator(): Promise<void>;
   processMetadata(): void;
   onDataStateChange(evt: any): void;
   getTaskBarDisabledButtons(): Array<string>;
   handleCancelEdit(): void;
+  private handleConfiguratorEvent;
   getColumnSearch(actionButton: any, item: IAction): HTMLElement;
   private onSelectField;
   getFieldSearch(actionButton: any, item: IAction): HTMLElement;
   private getFormFields;
   private handleFormSetFields;
   private fieldsOptionLoader;
-  getActionsList(): Array<Action>;
+  private getActionsList;
+  private getTopTaskBarId;
   keyDownListener(event: KeyboardEvent): Promise<void>;
   findField(): Promise<void>;
   findColumn(): Promise<void>;
@@ -102,5 +167,12 @@ export declare class SnkSimpleCrud {
   private clearFieldToFocusHandler;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  private gridConfigChangeHandler;
+  private modalConfigChangeHandler;
+  private setGridConfig;
+  private setFormConfig;
+  private closeGridConfig;
+  private closeFormConfig;
+  private handleShowFormConfig;
   render(): any;
 }

package/dist/types/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.d.ts

@@ -45,6 +45,7 @@ export declare class TaskbarActionsButton {
   private loadItems;
   private canShowDropdown;
   private onSelectAction;
+  private getSelectedAction;
   private dropdownItemBuilder;
   /**
    * Existem algumas actions que precisam ser inicializadas assim que o componente é carregado,

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

@@ -1,4 +1,4 @@
-import { DataUnit } from '@sankhyalabs/core';
+import { DataUnit, OverflowWatcher } from '@sankhyalabs/core';
 import { EventEmitter, VNode } from '../../stencil-public-runtime';
 import { SnkApplication } from '../snk-application/snk-application';
 import { DataState } from '../snk-data-unit/snk-data-unit';
@@ -8,13 +8,23 @@ import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { IAction } from '@sankhyalabs/ezui/dist/types/utils';
 export declare class SnkTaskbar {
   readonly TASKBAR_ITEM_ID_PREFIX = "TASKBAR_ITEM_";
+  readonly TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME = "taskbar-custom-elements-container";
+  readonly ACTIONS_BUTTON_TAG = "TASKBAR-ACTIONS-BUTTON";
+  readonly NOT_OVERFLOW_ELEMENTS: string[];
   _application: SnkApplication;
   _definitions: Array<string>;
+  _overFlowWatcher: OverflowWatcher;
   private _element;
   _permissions: any;
+  _overFlowedElements: HTMLElement[];
   _customElements: Map<string, any>;
   _customElementsId: Array<string>;
   _slotContainer: Element;
+  _hiddenActionsList: Array<Action>;
+  /**
+   * Usado para determinar O alinhamento dos items na taskbar.
+   */
+  alignRigth: boolean;
   /**
    * Usado para determinar o identificador do slot que recebe elementos personalizados.
    */
@@ -26,6 +36,10 @@ export declare class SnkTaskbar {
    * Exemplo: Elementos customizados na Taskbar da aba de detalhes.
    */
   customContainerId: string;
+  /**
+   * Define como será o comportamento da taskbar quando ocorrer overflow
+   */
+  overflowStrategy: 'hiddenItems' | 'none';
   /**
    * Usado para guardar ou recuperar as configurações do formulário.
    */
@@ -88,6 +102,7 @@ export declare class SnkTaskbar {
     ATTACH: string;
   };
   observeButtons(): void;
+  observeDisabledButtons(): void;
   elementsFromString(strButtons: string): Array<TaskbarElement>;
   private isAllowed;
   /**
@@ -101,6 +116,7 @@ export declare class SnkTaskbar {
   private isEnabled;
   private validatePresentationMode;
   getElement(index: number, def: TaskbarElement | CustomButton): HTMLElement;
+  buildDynamicActionsList(): Array<Action>;
   getIdElemBtnNative(taskbarElem: TaskbarElement): string;
   getIdElemBtnCustom(btnCustom: CustomButton): string;
   isDivider(element: VNode): boolean;
@@ -111,12 +127,23 @@ export declare class SnkTaskbar {
   private buildSlotContainer;
   componentWillLoad(): void;
   componentWillRender(): void;
+  private handleOverFlow;
+  private resetOverFlowedElements;
+  private doOverFlowElements;
+  private addItemToActionList;
+  private getTaskbarElementName;
+  private getTaskbarElementIcon;
+  private getTaskbarElementLabel;
+  private hasToIgnoreOverFlow;
+  private handleOverFlowStrategy;
+  private buildOverFlowWatcherParams;
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;
   private unlinkAllCustomElements;
   private unlinkCustomElementFromTaskbar;
   render(): any;
+  private getHostClasses;
 }
 export interface Action extends IAction {
   type?: 'divider' | 'item';