@sankhyalabs/sankhyablocks 8.15.0-dev.5 → 8.15.0-dev.50

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

@@ -2,6 +2,7 @@ import { DataUnit, Record, UnitMetadata } from '@sankhyalabs/core';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { SIMPLE_CRUD_MODE, VIEW_MODE } from '../../lib/utils/constants';
 import { DataState } from '../snk-data-unit/snk-data-unit';
+import { FormConfigFetcher } from '../../lib';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import { Action, TaskbarManager } from '../snk-taskbar/snk-taskbar';
 import InMemoryLoader from '../../lib/dataUnit/InMemoryLoader';
@@ -10,10 +11,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 +23,20 @@ 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;
+  _formConfigFetcher: FormConfigFetcher;
   private _element;
+  _showPopUpGridConfig: boolean;
+  _showFormConfig: boolean;
   _currentViewMode: VIEW_MODE;
   _config: {};
   _fieldToGetFocus: string;
+  _customContainerId: string;
   dataState: DataState;
   dataUnit: DataUnit;
   mode: SIMPLE_CRUD_MODE;
@@ -38,6 +48,10 @@ export declare class SnkSimpleCrud {
    */
   multipleSelection: boolean;
   useCancelConfirm: boolean;
+  /**
+ * Identificador de recursos como configurações e acesso.
+ */
+  resourceID: string;
   /**
    * Emitido quando há qualquer mudança de estado no DataUnit.
    */
@@ -54,6 +68,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 +89,35 @@ 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;
+  handleResourceIDChanged(newValue: string, oldValue: string): void;
   _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,25 +126,48 @@ export declare class SnkSimpleCrud {
   actionClickListener(evt: CustomEvent): void;
   onModeChange(): void;
   observeDataState(newValue: DataState, oldValue: DataState): void;
-  componentWillRender(): void;
+  observeFormLegacy(newValue: string, oldValue: string): Promise<void>;
+  observeGridLegacy(newValue: string, oldValue: string): Promise<void>;
+  private handleUpdateGridLegacyConfig;
+  private handleUpdateFormLegacyConfig;
+  private openConfig;
+  private openGridConfig;
+  private openFormConfig;
+  private addGridLegacyConfigName;
+  private loadGridConfig;
+  private formConfigIsLoaded;
+  private loadFormConfig;
+  componentWillRender(): Promise<void>;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   configDatasource(): void;
   getTaskBarId(): string;
   initInMemoryDataUnit(): void;
   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>;
+  updateConfig(): 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 +175,13 @@ export declare class SnkSimpleCrud {
   private clearFieldToFocusHandler;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  private gridConfigChangeHandler;
+  private modalConfigChangeHandler;
+  private setGridConfig;
+  private setFormConfig;
+  private closeGridConfig;
+  private closeFormConfig;
+  private handleShowFormConfig;
+  private resolveResourceID;
   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,25 @@ 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>;
+  _lastWidth: number | undefined;
+  _hasToUpdateOverFlow: boolean;
+  /**
+   * Usado para determinar O alinhamento dos items na taskbar.
+   */
+  alignRigth: boolean;
   /**
    * Usado para determinar o identificador do slot que recebe elementos personalizados.
    */
@@ -26,6 +38,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 +104,8 @@ export declare class SnkTaskbar {
     ATTACH: string;
   };
   observeButtons(): void;
+  observeDisabledButtons(): void;
+  observeLastWidth(newValue: any, oldValue: any): void;
   elementsFromString(strButtons: string): Array<TaskbarElement>;
   private isAllowed;
   /**
@@ -101,6 +119,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 +130,26 @@ export declare class SnkTaskbar {
   private buildSlotContainer;
   componentWillLoad(): void;
   componentWillRender(): void;
+  private handleDefinitions;
+  private updateOverFlowIfNeeded;
+  private handleOverFlow;
+  private resetOverFlowedElements;
+  private doOverFlowElements;
+  private addItemToActionList;
+  private getTaskbarElementName;
+  private getTaskbarElementIcon;
+  private getTaskbarElementLabel;
+  private hasToIgnoreOverFlow;
+  private handleOverFlowStrategy;
+  private buildOverFlowWatcherParams;
   componentDidLoad(): void;
   componentDidRender(): void;
+  private updateLastWidth;
   disconnectedCallback(): void;
   private unlinkAllCustomElements;
   private unlinkCustomElementFromTaskbar;
   render(): any;
+  private getHostClasses;
 }
 export interface Action extends IAction {
   type?: 'divider' | 'item';