@sankhyalabs/sankhyablocks 1.4.0-beta.7 → 1.4.0-beta.8

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

@@ -0,0 +1,139 @@
+import { EventEmitter } from "../../../../stencil-public-runtime";
+import { DataUnit } from '@sankhyalabs/core';
+import { IFieldConfig, IFormConfig } from "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form";
+export declare class SnkFormConfig {
+  private _tabConfig;
+  private _filterFieldsAvailable;
+  private _sortableField;
+  private _sortableGroup;
+  private _sortableContainer;
+  private _formContainer;
+  private _application;
+  private _listEnabledFields;
+  private _renderTimer;
+  private _sortableTimer;
+  private _tabSelected;
+  private _labelNewGroup;
+  private _mouseOnFieldConfig;
+  private _mouseOnConfigOptions;
+  private _editingTitleGroup;
+  private _newGroupBoxes;
+  private _currentGroupBoxes;
+  private _formFieldsStyle;
+  private _fieldsAvailableStyle;
+  private _fieldFloatingStyle;
+  private _formConfigOptions;
+  private _fieldConfigSelected;
+  private _layoutFormConfig;
+  private _fieldsAvailable;
+  private _formConfig;
+  private _formConfigChanged;
+  private _optionFormConfigSelected;
+  private _optionFormConfigChanged;
+  private _tempGroups;
+  /**
+   * Repositório de dados, controla a manipulação dos dados
+   */
+  dataUnit: DataUnit;
+  /**
+   * Campos de configuração de formulário.
+   */
+  formConfig: IFormConfig;
+  /**
+   * Representa o elemento pai do componente.
+   */
+  parentForm: HTMLSnkFormElement;
+  /**
+   * Evento disparado ao salvar as configurações.
+   */
+  configChange: EventEmitter<IFormConfig>;
+  observeFormConfig(): void;
+  private loadFields;
+  private buildFields;
+  private loadFormConfig;
+  private cancelChangeConfig;
+  private cancelChangeOptionConfig;
+  private resetChangeConfig;
+  private resetChangeOptionConfig;
+  private getTabsToSave;
+  private getFieldsToSave;
+  private isDefaultConfiguration;
+  private saveConfig;
+  private applyOptionConfig;
+  private controlFieldConfig;
+  private getFieldConfigStyle;
+  private getFieldsByGroup;
+  private handleconfigOptionsChanged;
+  private closeFormConfig;
+  private openConfirmDialog;
+  private controlMoveField;
+  private controlStartDraggingField;
+  private controlSortedDraggingField;
+  private isCancelDragAvailableField;
+  private isRemoveField;
+  private isAddOrMoveField;
+  private isFieldAvailable;
+  private controlStopDraggingField;
+  private updateFieldsToSave;
+  private controlSortableField;
+  private controlStartDraggingGroup;
+  private controlStopDraggingGroup;
+  private controlSortableGroup;
+  private loadUserConfig;
+  private setFormConfig;
+  private controlSelectFormConfig;
+  private changeTabOrder;
+  private loadConfigByUser;
+  private loadConfig;
+  private addNewGroup;
+  private clearTempGroups;
+  private removeGroup;
+  private checkGroupExists;
+  private saveEditLabelTempGroup;
+  private saveEditLabelGroup;
+  private renderTempGroupByTab;
+  private handleDuplicateGroups;
+  private captureHighestValueTitle;
+  private getLayoutFormConfig;
+  private configureTabs;
+  private configureTabMain;
+  private updateTabs;
+  private buildFormConfig;
+  private buildAvailableFields;
+  private setShowFormConfig;
+  private changeTabSelected;
+  private onFilterChange;
+  private orderFieldsAvailable;
+  private handleLabelCounter;
+  private controlAddFieldConfig;
+  private controlRemoveFieldConfig;
+  private resetSortables;
+  private handleFieldConfigChange;
+  private changeTabLabel;
+  private handleDeleteTab;
+  private changeHideTab;
+  private handleCanStartDragTab;
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts"
+   */
+  private getMessage;
+  componentDidRender(): void;
+  componentWillLoad(): void;
+  render(): any;
+}
+export interface ITempGroup {
+  tab: string;
+  group: string;
+}
+export interface ILayoutTabConfig {
+  tab: string;
+  groups: ILayoutGroupConfig[];
+  visible: boolean;
+}
+export interface ILayoutGroupConfig {
+  group: string;
+  fields: IFieldConfig[];
+}

package/dist/types/components/snk-form/subcomponents/snk-tab-config/snk-tab-config.d.ts

@@ -0,0 +1,97 @@
+import { EventEmitter } from "../../../../stencil-public-runtime";
+export declare class SnkTabConfig {
+  private _scrollContainer;
+  private _backwardButton;
+  private _forwardButton;
+  private _sortableTab;
+  private _startHidden;
+  private _endHidden;
+  private _focusedIndex;
+  private _scrollCallBackFocus;
+  private _scrollCallBackScroll;
+  private _application;
+  private _refTabActions;
+  private _hostElem;
+  private _processedTabs;
+  private _activeEditText;
+  private _activeEditTextIndex;
+  private _actionsHide;
+  private _actionsShow;
+  /**
+   * Define o index da aba selecionada.
+   */
+  selectedIndex: number;
+  /**
+   * Define a aba selecionada.
+   */
+  selectedTab: string;
+  /**
+   * Define o nome das abas do componente, separadas por vírgulas ",".
+   */
+  tabs: string;
+  /**
+* Evento emitido ao clicar para abrir o popup (ezTabChange).
+* O detail desse evento carrega tanto o tabKey quanto o index da aba
+* selecionada.
+*/
+  ezTabChange: EventEmitter<ITab>;
+  /**
+  * Evento emitido ao salvar uma alteração realizada no título da tab
+  */
+  editionTitleTab: EventEmitter<any>;
+  /**
+  * Evento emitido ao deletar uma aba.
+  */
+  deleteTab: EventEmitter<any>;
+  /**
+   * Evento emitido ao ocultar uma aba.
+   */
+  hideTab: EventEmitter<any>;
+  /**
+  * Evento emitido ao mover a aba mudando a sua ordem.
+  */
+  ezOrderChange: EventEmitter<number>;
+  /**
+   * Evento emitido ao ocultar uma aba.
+   */
+  canStartDrag: EventEmitter<any>;
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts"
+   */
+  private getMessage;
+  private controlSortableTab;
+  private controlStartDraggingTab;
+  private controlStopDraggingTab;
+  private handleTabClick;
+  private handleSlotChange;
+  private scrollBackward;
+  private scrollFoward;
+  private updateScroll;
+  private domScrollHandler;
+  private setFocusedTab;
+  private controlKeyEventEnter;
+  private controlKeyEventArrow;
+  private controlKeyEventEscape;
+  private setFocusedParam;
+  private setFocusedBtn;
+  private getStyledLabel;
+  private cancelEditText;
+  private handleActions;
+  private handleSaveEditionText;
+  private onHideActions;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+}
+export interface ITab {
+  label: string;
+  tabKey: string;
+  index: number;
+  rightIcon?: string;
+  leftIcon?: string;
+  visible?: boolean;
+}

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

@@ -0,0 +1,59 @@
+import { DataUnit } from '@sankhyalabs/core';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IGridConfig, IStatusResolver } from '@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController';
+import { DataState } from '../snk-data-unit/snk-data-unit';
+import { Action, TaskbarManager } from '../snk-taskbar/snk-taskbar';
+import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
+export declare class SnkGrid {
+  _grid: HTMLEzGridElement;
+  _snkDataUnit: HTMLSnkDataUnitElement;
+  _topTaskbarProcessor: TaskbarProcessor;
+  _headerTaskbarProcessor: TaskbarProcessor;
+  _element: HTMLElement;
+  _dataUnit: DataUnit;
+  _dataState: DataState;
+  _gridConfig: IGridConfig;
+  /**
+   * Nome usado para salvar/recuperar a configuração
+   */
+  configName: string;
+  /**
+   * Lista de ações que devem ser usadas no botão "Mais opções"
+   */
+  actionsList: Array<Action>;
+  /**
+  * Gerenciador das barras de tarefas. É possível determinar botões específicos
+  * ou mesmo gerenciar o estado dos botões.
+  */
+  taskbarManager: TaskbarManager;
+  /**
+   * Configuração do valor da coluna de status.
+   * Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+   */
+  statusResolver: IStatusResolver;
+  /**
+   * Emitido sempre que houver click de botão ou ação
+   */
+  actionClick: EventEmitter<string>;
+  /**
+  * Emitido sempre que houver duplo click na grade
+  */
+  gridDoubleClick: EventEmitter<void>;
+  /**
+   * Evento disparado quando as configurações são alteradas.
+   */
+  configChanged: EventEmitter<IGridConfig>;
+  /**
+   * Método responsável em abrir ou fechar o modal de configurações da grade.
+   */
+  setShowGridConfig(value: boolean): Promise<void>;
+  /**
+   * Método responsável por setar as configurações da grade.
+   */
+  setConfig(config: IGridConfig): Promise<void>;
+  private changeConfig;
+  componentDidRender(): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  render(): any;
+}

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

@@ -11,19 +11,20 @@ export declare enum TaskbarElement {
   SAVE = "SAVE",
   GRID_MODE = "GRID_MODE",
   FORM_MODE = "FORM_MODE",
-  CONFIG_GRID = "CONFIG_GRID",
   MORE_OPTIONS = "MORE_OPTIONS",
-  DIVIDER = "DIVIDER"
+  DIVIDER = "DIVIDER",
+  CONFIGURATOR = "CONFIGURATOR"
 }
 export declare enum AuthorizationElements {
   UPDATE = "UPDATE",
   CLONE = "CLONE",
   REMOVE = "REMOVE",
   INSERT = "INSERT",
-  CONFIG_GRID = "CONFIG_GRID"
+  CONFIGURATOR = "CONFIGURATOR"
 }
 export declare enum VisibleWhenForbidden {
-  CONFIG_GRID = "CONFIG_GRID"
+  CONFIG_GRID = "CONFIG_GRID",
+  CONFIGURATOR = "CONFIGURATOR"
 }
 export declare const buildCustomButton: (def: CustomButton, className: string, action: (name: string) => void, isEnabled: (name: string) => boolean) => HTMLElement;
-export declare const buildElem: (element: TaskbarElement, className: string, getTitle: (name: string) => string, action: (name: string) => void, isEnabled: (name: string) => boolean, actions: Array<Action>) => HTMLElement;
+export declare const buildElem: (element: TaskbarElement, className: string, getTitle: (name: string) => string, action: (name: string) => void, isEnabled: (name: string) => boolean, actions: Array<Action>, configName: string) => HTMLElement;

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

@@ -5,6 +5,12 @@ import { DataState } from '../snk-data-unit/snk-data-unit';
 import { TaskbarElement } from './elements/taskbar-elements';
 export declare class SnkTaskbar {
   _application: SnkApplication;
+  _definitions: Array<string>;
+  _permissions: any;
+  /**
+   * Nome usado para guardar/recuperar as configurações do formulário
+   */
+  configName: string;
   /**
    * Lista separada por virgula, contendo todos os elementos a serem criados
    */
@@ -34,8 +40,10 @@ export declare class SnkTaskbar {
    * Emitido sempre que houver click de botão ou ação
    */
   actionClick: EventEmitter<string>;
-  _permissions: any;
-  _definitions: Array<string>;
+  /**
+   * Emitido sempre que houver alteração em algum elemento aberto pelo botão de ação
+   */
+  actionChange: EventEmitter<any>;
   _titleKeyByElement: {
     UPDATE: string;
     PREVIOUS: string;
@@ -48,8 +56,8 @@ export declare class SnkTaskbar {
     CANCEL: string;
     SAVE: string;
     GRID_MODE: string;
-    CONFIG_GRID: string;
     FORM_MODE: string;
+    CONFIGURATOR: string;
   };
   observeButtons(): void;
   elementsFromString(strButtons: string): Array<TaskbarElement>;