@sankhyalabs/ezui 5.22.0-dev.12 → 5.22.0-dev.120

package/dist/types/components/ez-combo-box/ez-combo-box-list/ez-combo-box-list.d.ts

@@ -0,0 +1,104 @@
+import { IOption } from "../ez-combo-box";
+export declare class EzComboBoxList {
+  private _optionsList;
+  private _listWrapper;
+  /**
+  * Indica se o indicador de carregamento deve ser exibido.
+  *
+  * @tipo {boolean}
+  */
+  showLoading: boolean;
+  /**
+   * Lista de opções visíveis que serão exibidas no componente.
+   *
+   * @tipo {Array<IOption>}
+   */
+  visibleOptions: Array<IOption>;
+  /**
+   * Mensagem exibida quando a lista de opções está vazia.
+   *
+   * @padrão "Nenhum resultado encontrado"
+   * @tipo {string}
+   */
+  textEmptyList: string;
+  /**
+   * Indica se o valor de cada opção deve ser exibido junto com o rótulo.
+   *
+   * @tipo {boolean}
+   */
+  showOptionValue: boolean;
+  /**
+   * Índice da opção pré-selecionada na lista.
+   *
+   * @tipo {number}
+   */
+  preSelection: number;
+  /**
+   * Largura máxima da lista, em pixels.
+   *
+   * @tipo {number}
+   */
+  maxWidth: number;
+  /**
+   * Largura fixa da lista, em pixels.
+   *
+   * @tipo {number}
+   */
+  width: number;
+  /**
+   * Callback chamado quando uma opção é selecionada.
+   *
+   * @param option A opção selecionada.
+   * @tipo {(option: IOption) => void}
+   */
+  onOptionSelect: (option: IOption) => void;
+  /**
+   * Callback chamado quando o mouse passa sobre uma opção.
+   *
+   * @param index O índice da opção em foco.
+   * @tipo {(index: number) => void}
+   */
+  onOptionHover: (index: number) => void;
+  /**
+   * Move a seleção para a próxima opção na lista.
+   */
+  nextOption(): Promise<void>;
+  /**
+   * Move a seleção para a opção anterior na lista, sem ultrapassar o início.
+   */
+  previousOption(): Promise<void>;
+  /**
+   * Seleciona a opção atualmente pré-selecionada.
+   */
+  selectCurrentOption(): Promise<void>;
+  /**
+   * Observa mudanças na propriedade `width` e ajusta a largura da lista.
+   *
+   * @param newValue O novo valor da largura.
+   * @param oldValue O valor anterior da largura.
+   */
+  observeWidth(newValue: number, oldValue: number): void;
+  /**
+   * Observa mudanças na propriedade `maxWidth` e ajusta a largura máxima da lista.
+   *
+   * @param newValue O novo valor da largura máxima.
+   * @param oldValue O valor anterior da largura máxima.
+   */
+  observeMaxWidth(newValue: number, oldValue: number): void;
+  /**
+   * Gerencia a navegação por teclado na lista do combo box.
+   *
+   * - `ArrowDown`: Move para a próxima opção.
+   * - `ArrowUp`: Move para a opção anterior.
+   * - `Enter`: Seleciona a opção atual.
+   * - `Escape`: Limpa a pré-seleção.
+   *
+   * @param event O evento de teclado.
+   */
+  handleKeyDown(event: KeyboardEvent): void;
+  private buildItem;
+  private scrollToOption;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/ez-combo-box/ez-combo-box.d.ts

@@ -1,11 +1,10 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzComboBox {
   private _textInput;
-  private _optionsList;
-  private _listContainer;
-  private _listWrapper;
+  private _comboBoxList;
+  private _popover;
   private _itemValueBasis;
-  private _floatingID;
   private _source;
   private _changeDeboucingTimeout;
   private _deboucingTime;
@@ -14,6 +13,7 @@ export declare class EzComboBox {
   private _textEmptyList;
   private _lookupMode;
   private _resizeObserver;
+  isOpen: boolean;
   private el;
   private _preSelection;
   private _visibleOptions;
@@ -65,6 +65,10 @@ export declare class EzComboBox {
    * Se true remove a opção vazia da lista.
    */
   suppressEmptyOption: boolean;
+  /**
+   * Se true, ineterrompe a propagação do evento de KeyDown da tecla enter
+   */
+  stopPropagateEnterKeyEvent: boolean;
   /**
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
@@ -85,6 +89,14 @@ export declare class EzComboBox {
    * Informa se a pesquisa é do tipo texto.
    */
   isTextSearch: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */
@@ -96,7 +108,7 @@ export declare class EzComboBox {
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -109,9 +121,6 @@ export declare class EzComboBox {
    * Limpa o valor do campo de pesquisa
    */
   clearValue(): Promise<void>;
-  scrollListener(): void;
-  private updateListPosition;
-  private getListPosition;
   private isDifferentValues;
   private getFormattedText;
   private getText;
@@ -120,14 +129,8 @@ export declare class EzComboBox {
   private hasToAddEmptyoption;
   private getMaxWidthValue;
   private getWidthValue;
-  private buildItem;
   private showOptions;
   private hideOptions;
-  private isOptionsVisible;
-  private nextOption;
-  private previousOption;
-  private scrollToOption;
-  private selectCurrentOption;
   private updateSource;
   private selectOption;
   private loadOptions;
@@ -136,8 +139,8 @@ export declare class EzComboBox {
   private clearSearch;
   private resetOptions;
   componentWillLoad(): void;
-  componentDidRender(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   private handlerIconClick;
   private onTextInputChangeHandler;
   private clearDeboucingTimeout;
@@ -145,6 +148,7 @@ export declare class EzComboBox {
   private keyDownHandler;
   private onTextInputFocusOutHandler;
   private canShowListOptions;
+  private openPopover;
   render(): any;
 }
 export interface IOption {

package/dist/types/components/ez-date-input/ez-date-input.d.ts

@@ -1,11 +1,13 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { WaitingChange } from '@sankhyalabs/core';
+import { TFocusOptions } from '../ez-text-input/ez-text-input';
 export declare class EzDateInput {
   private _calendar;
   private _textInput;
   private _changePending;
   private _focused;
   private _valuePromiseCallbacks;
+  private _popover;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -43,13 +45,21 @@ export declare class EzDateInput {
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
   canShowError: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: Date, oldValue: Date): void;
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -60,13 +70,12 @@ export declare class EzDateInput {
   isInvalid(): Promise<boolean>;
   getValueAsync(): Promise<Date>;
   private changeValue;
-  private showCalendar;
   private hideCalendar;
   private handleBlur;
   private getTextValue;
   private handleInput;
   private setInputValue;
-  private isFixed;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts

@@ -1,11 +1,13 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { WaitingChange } from '@sankhyalabs/core';
+import { TFocusOptions } from '../ez-text-input/ez-text-input';
 export declare class EzDateTimeInput {
   private _calendar;
   private _textInput;
   private _changePending;
   private _focused;
   private _valuePromiseCallbacks;
+  private _popover;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -47,13 +49,21 @@ export declare class EzDateTimeInput {
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
   canShowError: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: Date, oldValue: Date): void;
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -67,14 +77,13 @@ export declare class EzDateTimeInput {
   private handleFocus;
   private handleClick;
   private changeValue;
-  private showCalendar;
   private hideCalendar;
   private getParsedDateTime;
   private handleBlur;
   private getTextValue;
   private handleInput;
   private setInputValue;
-  private isFixed;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-dialog/ez-dialog.d.ts

@@ -24,6 +24,8 @@ export declare class EzDialog {
   private _overlayRef;
   private _overlayId;
   private _canFocusOnPrimaryBtn;
+  private _lastActiveElement;
+  private _keyboardManager;
   /**
    * Define se o ez-dialog será utilizado no modo de confirmação.
    */
@@ -61,7 +63,6 @@ export declare class EzDialog {
   */
   beforeClose: Function;
   observeConfig(newValue: boolean, oldValue: boolean): void;
-  handleKeyDown(event: KeyboardEvent): void;
   manageOverflow(): void;
   private manageOverlay;
   private handleButtonClick;
@@ -83,6 +84,7 @@ export declare class EzDialog {
   private focusOnDialog;
   private handleFocusOnPrimaryButton;
   private focusOnPrimaryButton;
+  disconnectedCallback(): void;
   render(): any;
 }
 export {};

package/dist/types/components/ez-double-list/doubleListHelper.d.ts

@@ -0,0 +1,10 @@
+import { ListItem } from '../ez-list/ez-list';
+export declare function moveItems(selectedItemsList: string[], itemsList: ListItem[], foward: boolean): ListItem[];
+export declare function transferAll({ from, to, selectedFrom, selectedTo }: TransferConfig): TransferConfig;
+export declare function transferItems({ from, to, selectedFrom, selectedTo }: TransferConfig): TransferConfig;
+export interface TransferConfig {
+  from: ListItem[];
+  to: ListItem[];
+  selectedFrom: string[];
+  selectedTo: string[];
+}

package/dist/types/components/ez-double-list/ez-double-list.d.ts

@@ -0,0 +1,87 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ListItem } from '../ez-list/ez-list';
+export declare class EzDoubleList {
+  readonly LEFT_LIST_ID = "LEFT-LIST-ID";
+  readonly RIGHT_LIST_ID = "RIGHT-LIST-ID";
+  readonly LEFT_FILTER_ID = "LEFT-FILTER-ID";
+  readonly RIGHT_FILTER_ID = "RIGHT-FILTER-ID";
+  /**
+   * Define a lista origem.
+   */
+  leftList: ListItem[];
+  /**
+   * Define o título da lista origem.
+   */
+  leftTitle: string;
+  /**
+   * Define a lista destino.
+   */
+  rightList: ListItem[];
+  /**
+   * Nome da entidade listada.
+   * Exemplo: "Campo", "Item", "Empresa".
+   */
+  entityLabel: string;
+  /**
+   * Variação plura do nome da entidade listada.
+   * Exemplo: "Campos", "Itens", "Empresas".
+   */
+  entityLabelPlural: string;
+  /**
+   * Rótulo da lista esquerda.
+   */
+  leftListLabel: string;
+  /**
+   * Rótulo da lista direita.
+   */
+  rightListLabel: string;
+  /**
+   * Define o título da lista destino.
+   */
+  rightTitle: string;
+  leftFilteredList: ListItem[];
+  rightFilteredList: ListItem[];
+  selectedLeftList: string[];
+  selectedRightList: string[];
+  isFilteringLeft: boolean;
+  isFilteringRight: boolean;
+  ezLeftListChanged: EventEmitter<Array<ListItem>>;
+  ezRightListChanged: EventEmitter<Array<ListItem>>;
+  resetSelectedLists(): Promise<void>;
+  observeLeftList(newValue: any, oldValue: any): void;
+  observeRightList(newValue: any, oldValue: any): void;
+  private leftEzListInstance;
+  private rightEzListInstance;
+  private leftEzFilterInput;
+  private rightEzFilterInput;
+  private handleFilterChangeLeft;
+  private handleFilterChangeRight;
+  private handleChangeLeft;
+  private handleChangeRight;
+  private enableTransferAllToRight;
+  private enableTransferAllToLeft;
+  private enableTransferToRight;
+  private enableTransferToLeft;
+  private enableMoveUp;
+  private enableMoveDown;
+  private getRightSelectedItemsIndex;
+  private transferToRight;
+  private transferToLeft;
+  private handleTransferAllToRight;
+  private handleTransferAllToLeft;
+  private buildTransferToRightConfig;
+  private buildTransferToLeftConfig;
+  private handleMoveUp;
+  private handleMoveDown;
+  private handleMoveToTop;
+  private handleMoveToBottom;
+  private handleSelectLeftItem;
+  private handleSelectRightItem;
+  private getItemsToKeepAndToMove;
+  private handleTransferToRight;
+  private handleTransferToLeft;
+  private buildTotalizer;
+  private renderLeftList;
+  private renderRightList;
+  render(): any;
+}

package/dist/types/components/ez-dropdown/ez-dropdown.d.ts

@@ -38,6 +38,10 @@ export declare class EzDropdown {
    * Emitido quando ocorrer um click fora do componente.
    */
   ezOutsideClick: EventEmitter<void>;
+  /**
+   * Emitido quando ocorrer o ponteiro do mouse é colocado sobre um item.
+   */
+  ezHover: EventEmitter<IDropdownItem>;
   handleClickOutside(event: MouseEvent): void;
   private defaultItemBuilder;
   private getMaxOrder;

package/dist/types/components/ez-dropdown/structure/DropdownItem.d.ts

@@ -19,7 +19,7 @@ export interface IDropdownGroup {
 export interface IDropdownItem {
   id: any;
   label: string;
-  type: 'divider' | 'item';
+  type: 'divider' | 'item' | 'loading';
   children?: Array<IDropdownItem>;
   iconName: string;
   subAction: IDropdownSubAction;

package/dist/types/components/ez-filter-input/ez-filter-input.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzFilterInput {
   private _elem;
   private _textInput;
@@ -47,13 +48,17 @@ export declare class EzFilterInput {
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
   canShowError: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: string, oldValue: string): void;
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */

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

@@ -11,7 +11,9 @@ export declare class EzForm {
   private _staticFields;
   private _dataBinder;
   private _customEditors;
+  private _application;
   private _fieldsProps;
+  private _singleColumn;
   /**
    * Unidade de dados. Responsável pelo controle de edição de registros e
    * informações pertinentes aos campos.
@@ -67,7 +69,9 @@ export declare class EzForm {
   private processMetadata;
   private isStatic;
   private bindFields;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
+  setSingleColumn(layoutFormConfig: any): Promise<void>;
+  registerNotifyListeners(layoutFormConfig: any): Promise<void>;
   onDataUnitAction: (action: any) => void;
   componentDidRender(): void;
   private setCustomEditors;

package/dist/types/components/ez-form-view/custom-input/ez-custom-form-input.d.ts

@@ -39,10 +39,16 @@ export declare class EzCustomFormInput {
    * Retorna se o conteúdo é inválido.
    */
   isInvalid(): Promise<boolean>;
+  watchValue(): void;
+  watchCustomEditor(): void;
+  watchFormViewField(newValue: IFormViewField | string, oldValue: IFormViewField): void;
+  watchDetailContext(): void;
+  watchBuilderFallback(): void;
+  watchSelectedRecord(newValue: Record | string, oldValue: Record): void;
   private getContent;
   private setValue;
   private getValue;
   private handleValue;
-  componentWillRender(): void;
+  componentWillLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-form-view/ez-form-view.d.ts

@@ -23,6 +23,10 @@ export declare class EzFormView {
    * Define os registros da linha selecionada.
    */
   selectedRecord: Record;
+  /**
+   * Define se o formulario deve possuir apenas 1 coluna.
+   */
+  singleColumn: boolean;
   showUp(): Promise<void>;
   /**
    * Registra um editor customizado para campos da grade e formulário.

package/dist/types/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.d.ts

@@ -1,4 +1,5 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
 export declare const buildDate: ({ name, label, readOnly, canShowError }: IFormViewField) => HTMLElement;
-export declare const buildTime: ({ name, label, readOnly, canShowError }: IFormViewField) => HTMLElement;
+export declare const buildTime: ({ name, label, readOnly, canShowError, props }: IFormViewField) => HTMLElement;
+export declare const buildTimeSeconds: ({ name, label, readOnly, canShowError }: IFormViewField) => HTMLElement;
 export declare const buildDateTime: ({ name, label, readOnly, contextName, canShowError }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInputPlus.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildSearchPlus: ({ name, label, readOnly, contextName, canShowError, optionLoader, props }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.d.ts

@@ -1,2 +1,2 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildTextInput: ({ name, label, readOnly, contextName, canShowError }: IFormViewField) => HTMLElement;
+export declare const buildTextInput: ({ name, label, readOnly, contextName, canShowError, props }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-grid/controller/EzGridController.d.ts

@@ -1,10 +1,10 @@
 import { DataUnit, Filter } from '@sankhyalabs/core';
 import { Components } from '../../../components';
-import FilterCollumn = Components.FilterColumn;
-import { IRecordValidator } from '../../../utils/form/interfaces';
+import { IInvalidField, IRecordValidator } from '../../../utils/form/interfaces';
 import { ICustomEditorInfo } from '../../../utils/customEditor/interfaces/ICustomEditorInfo';
 import { ICustomRenderInfo } from '../../../utils/customRender/interfaces/ICustomRenderInfo';
 import { ICustomFormatter } from '../interfaces';
+import FilterCollumn = Components.FilterColumn;
 /**
  * O intuito desta abstração, é isolar o componente EzGrid de uma implementação
  * específica, permitindo que usemos componentes de terceiros sem um acoplamento
@@ -89,7 +89,19 @@ export default interface EzGridController {
   /**
    * Método responsável por atualizar as linhas da grade
    */
-  refresh(): void;
+  refresh(scrollToSelectedRow?: boolean): void;
+  /**
+   * Método responsável limpar celulas invalidas
+   */
+  clearInvalidCells(stopEdition?: boolean): void;
+  /**
+   * Metodo responsável por lidar com o cancelamento da edição na grade
+   */
+  processEditionCanceled(): void;
+  /**
+   * Método responsável por lidar com edição contínua
+   */
+  processContinuousInsert(): void;
   /**
    * Método responsável por atualizar as linhas selecionadas da grade
    */
@@ -107,9 +119,26 @@ export default interface EzGridController {
    */
   setFocusFirstRow(): void;
   /**
-   * Define se a grade será focada automaticamente.
+   * Foca em uma linha específica, garante que ela está visível e inicia edição.
+   */
+  startEditionOnRowByIndex(index: number): void;
+  /**
+   * Foca na última linha, garante que ela está visível e inicia edição.
+   */
+  startEditionOnLastRow(): void;
+  /**
+   *  Define se a grade será focada automaticamente.
    */
   setAutoFocus(autoFocus: boolean): void;
+  /**
+   * Ativa inserção de registros no modo grade.
+   */
+  setEnableGridInsert(enable: boolean): void;
+  /**
+   * Ativa/desativa a inserção continua na grade
+   * Só funciona quando a prop enableGridInsert está ativa
+  */
+  setEnableContinuousInsert(enable: boolean): void;
   /**
    * Método responsável por retornar a configuração da grade.
    */
@@ -132,6 +161,19 @@ export default interface EzGridController {
   clearFilter(): void;
   setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
   setFocus(): void;
+  savingCanceled(fields: Array<IInvalidField>, recordId: string): void;
+  destroy(): void;
+  registryListeners(): void;
+  resetPaginationState(): void;
+  stopEdit(): void;
+  /**
+   Remove coluna de seleção por checkbox
+  */
+  hideSelectionColumn(): void;
+  /**
+   Mostra coluna de seleção por checkbox
+  */
+  showSelectionColumn(): void;
 }
 /**
  * Carrega as informações necessárias para contextualizar corretamente a instância.
@@ -206,6 +248,31 @@ export interface EzGridOptions {
    * Define se a grid será focada ao ser carregada.
    */
   autoFocus: boolean;
+  /**
+   * Ativa inserção de registros no modo grade.
+   */
+  enableGridInsert?: boolean;
+  /**
+   * Ativa/desativa a inserção continua na grade
+   * Só funciona quando a prop enableGridInsert está ativa
+  */
+  enableContinuousInsert?: boolean;
+  /**
+   * Ativa o gerenciamento de locks na grade pela Taskbar.
+   */
+  enableLockManagerTaskbarClick?: boolean;
+  /**
+   * Define se o componente deve usar o LockManager para controle de carregamento da aplicação
+   */
+  enableLockManagerLoadingComp?: boolean;
+  /**
+   * Ativa/desativa modo de linhas com cores alternadas.
+  */
+  enableRowTableStriped?: boolean;
+  /**
+   * Informa se a coluna de chechbox deve ser suprimida
+   */
+  suppressCheckBoxCol?: boolean;
 }
 /**
  * Representa cada coluna da grade.
@@ -326,6 +393,10 @@ export interface EzGridColumnConfig {
    * Largura customizada da coluna em pixels absolutos.
    */
   customWidth?: number;
+  /**
+   * Versão da configuração (utilizada para compatibilidade durante a leitura da config).
+   */
+  configVersion?: number;
 }
 export interface IStatusResolver {
   [fieldName: string]: Map<String, any>;