@sankhyalabs/sankhyablocks 8.15.0-dev.3 → 8.15.0-dev.31

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

@@ -10,10 +10,12 @@ 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 +24,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 +64,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 +85,22 @@ 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;
   _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 +109,12 @@ export declare class SnkSimpleCrud {
   actionClickListener(evt: CustomEvent): void;
   onModeChange(): void;
   observeDataState(newValue: DataState, oldValue: DataState): void;
-  componentWillRender(): void;
+  private openConfig;
+  private openGridConfig;
+  private openFormConfig;
+  private loadGridConfig;
+  private loadFormConfig;
+  componentWillRender(): Promise<void>;
   componentWillLoad(): void;
   configDatasource(): void;
   getTaskBarId(): string;
@@ -84,17 +122,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 +150,11 @@ export declare class SnkSimpleCrud {
   private clearFieldToFocusHandler;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  private gridConfigChangeHandler;
+  private modalConfigChangeHandler;
+  private setGridConfig;
+  private setFormConfig;
+  private closeGridConfig;
+  private closeFormConfig;
   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.
    */
@@ -101,6 +115,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 +126,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';

package/dist/types/components/snk-taskbar/subcomponents/field-search.d.ts

@@ -1,3 +1,4 @@
 import { IOption, ISearchArgument } from '@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box';
+import { IAction } from '@sankhyalabs/ezui/dist/types/utils';
 export declare const buildFieldSearch: (action: IAction, optionLoader: (argument: ISearchArgument) => Promise<Array<IOption>>, onSelectField: (field: IOption) => void) => any;
 export declare const openFieldSearch: (moreOptions: HTMLEzActionsButtonElement, field: HTMLEzSearchElement) => Promise<void>;