@sankhyalabs/ezui 5.22.0-dev.6 → 5.22.0-dev.60

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

@@ -1,12 +1,14 @@
-import { DataUnit } from "@sankhyalabs/core";
-import { CellPosition, ColDef, GridApi, GridOptions } from "ag-grid-community";
-import { IRecordValidator } from "../../../../utils/form/interfaces";
-import { ICustomEditorInfo } from "../../../../utils/customEditor/interfaces/ICustomEditorInfo";
-import { ICustomRenderInfo } from "../../../../utils/customRender/interfaces/ICustomRenderInfo";
+import { DataUnit, Record } from '@sankhyalabs/core';
+import { CellPosition, ColDef, GridApi, GridOptions } from "@ag-grid-community/core";
+import { IRecordValidator } from '../../../../utils/form/interfaces';
+import { ICustomEditorInfo } from '../../../../utils/customEditor/interfaces/ICustomEditorInfo';
+import { ICustomRenderInfo } from '../../../../utils/customRender/interfaces/ICustomRenderInfo';
+import { IInvalidCell } from '../../../../utils/validators/recordvalidator/IInvalidCells';
 export default class GridEditionManager {
   private _dataUnit;
   private _lastCellClicked;
   private _lastCellEdited;
+  private _lastCellOpened;
   private _targetEditionCell;
   private _recordValidationProcessor;
   private _gridOptions;
@@ -15,9 +17,22 @@ export default class GridEditionManager {
   private _isGridEdition;
   private _customEditors;
   private _customRenders;
-  constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean, customEditors?: Map<string, ICustomEditorInfo>, customRenders?: Map<string, ICustomRenderInfo>);
+  private _enableContinuousInsert;
+  private _enableGridInsert;
+  private _invalidCells;
+  private _nextInvalidCell;
+  private _currentEditLock;
+  private _lockerId;
+  constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean, customEditors?: Map<string, ICustomEditorInfo>, customRenders?: Map<string, ICustomRenderInfo>, enableContinuousInsert?: boolean, enableGridInsert?: boolean, lockerId?: string);
   configureGrid(options: GridOptions): GridOptions;
-  proceedAutoSave(): void;
+  updateCurrentEditorGuiValue(updatedRowValue: Record): void;
+  private lockFocusWhenAddRow;
+  private handleCellEditingStartedRowAdd;
+  private isSelectableRow;
+  private canContinuousInsert;
+  proceedAutoSave(): Promise<boolean>;
+  private saveDataUnit;
+  recordValidate(): Promise<void>;
   navigateByEnterKey(keyboardEvent: KeyboardEvent): void;
   getComponents(): {
     [p: string]: any;
@@ -25,6 +40,7 @@ export default class GridEditionManager {
   verifyClickToEdition(api: GridApi, cellClicked: CellPosition): void;
   configureColumn(col: ColDef): ColDef;
   private getRequiredFields;
+  private getFormRequiredFields;
   private saveSuccess;
   private saveFail;
   private focusOnCell;
@@ -39,6 +55,16 @@ export default class GridEditionManager {
   private isColEditable;
   private isSecondClick;
   private onCellEditRequest;
+  private handlePromiseValue;
+  private updateCellValue;
   setCellEditors(customEditors: Map<string, ICustomEditorInfo>): void;
   setCellRenders(customRenders: Map<string, ICustomRenderInfo>): void;
+  private pushInvalidCell;
+  getInvalidCells(): Array<IInvalidCell>;
+  getNextInvalidCell(): IInvalidCell;
+  processContinuousInsert(): Promise<void>;
+  clearInvalidCells(stopEdition?: boolean): void;
+  setEnableContinuousInsert(enable: boolean): void;
+  hasInvalidField(fieldName: string, recordId: string): boolean;
+  hasInvalidCell(): boolean;
 }

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

@@ -1,4 +1,4 @@
-import { ICellEditorParams } from "ag-grid-community";
+import { ICellEditorParams } from "@ag-grid-community/core";
 import { ICustomEditorInfo } from "../../../../../utils/customEditor/interfaces/ICustomEditorInfo";
 import EzCellEditor from "../editor/EzCellEditor";
 interface CustomParamsEditor {
@@ -10,10 +10,13 @@ export default class EzGridCustomCellEditor extends EzCellEditor {
   private _params;
   private _defaultGui;
   private _value;
+  private _customGui;
   init(params: ICellEditorParams & CustomParamsEditor): void;
   private getDefaultGui;
   getGui(): HTMLElement;
   private setValue;
   getValue(): any;
+  afterGuiAttached(): void;
+  focusIn(): void;
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { ICellRendererParams } from "ag-grid-community";
+import { ICellRendererParams } from "@ag-grid-community/core";
 import EzCellRender from "../editor/EzCellRender";
 import { ICustomRenderInfo } from "../../../../../utils/customRender/interfaces/ICustomRenderInfo";
 interface CustomParamsRender {

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

@@ -1,4 +1,4 @@
-import { IHeaderParams } from 'ag-grid-community';
+import { IHeaderParams } from "@ag-grid-community/core";
 export interface IEzGridCustomHeaderParams {
   tooltip?: string;
   hasFilter?: () => boolean;

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

@@ -1,4 +1,4 @@
-import { ICellRendererComp, ICellRendererParams } from "ag-grid-community";
+import { ICellRendererComp, ICellRendererParams } from "@ag-grid-community/core";
 export declare class CellRendererStatus implements ICellRendererComp {
   private readonly DEFAULT_COLOR;
   private _eGui;

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

@@ -1,4 +1,4 @@
-import { IHeaderParams, IHeaderComp } from "ag-grid-community";
+import { IHeaderParams, IHeaderComp } from "@ag-grid-community/core";
 export default class SelectionHeader implements IHeaderComp {
   private element;
   private checkBox;

package/dist/types/components/ez-grid/controller/ag-grid/editor/EzCellEditor.d.ts

@@ -1,4 +1,4 @@
-import { ICellEditorComp, ICellEditorParams } from "ag-grid-community";
+import { ICellEditorComp, ICellEditorParams } from "@ag-grid-community/core";
 import { Record } from "@sankhyalabs/core";
 import { IEditorMetadata } from "./IEditorMetadata";
 export default class EzCellEditor implements ICellEditorComp {
@@ -10,6 +10,7 @@ export default class EzCellEditor implements ICellEditorComp {
   afterGuiAttached(): void;
   focusIn(): void;
   getValue(): any;
+  setGuiValue(value: any): void;
   isPopup(): boolean;
   getFieldMetadata(): IEditorMetadata;
   getRecord(): Record;

package/dist/types/components/ez-grid/controller/ag-grid/editor/EzCellRender.d.ts

@@ -1,4 +1,4 @@
-import { ICellRendererComp, ICellRendererParams } from "ag-grid-community";
+import { ICellRendererComp, ICellRendererParams } from "@ag-grid-community/core";
 import { IEditorMetadata } from "./IEditorMetadata";
 export default class EzCellRender implements ICellRendererComp {
   private _gui;

package/dist/types/components/ez-grid/controller/ag-grid/editor/IUICellEditor.d.ts

@@ -4,6 +4,7 @@ export interface IUICellEditor extends HTMLElement {
   valueSetter?: (value: any) => void;
   valueGetter?: () => any;
   isPopUp?: boolean;
+  autoFocus?: boolean;
 }
 export interface IFocusOptions {
   selectText: boolean;

package/dist/types/components/ez-grid/controller/ag-grid/mock/Server.d.ts

@@ -1,4 +1,4 @@
-import { IServerSideGetRowsRequest, LoadSuccessParams } from "ag-grid-community";
+import { IServerSideGetRowsRequest, LoadSuccessParams } from "@ag-grid-community/core";
 export default class Server {
   private _data;
   constructor(data: Array<any>);

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

@@ -13,7 +13,6 @@ export declare class EzGrid {
   private _gridSelectionCounter;
   private _resizeObserver;
   private _messageFilterAppliedSuccess;
-  private _gridApi;
   private _filterColumn;
   private _refPaginationLabel;
   private _refPaginationLabelTooltip;
@@ -94,6 +93,29 @@ export declare class EzGrid {
    * Define se a grid será focada ao ser carregada.
    */
   autoFocus?: boolean;
+  /**
+  * Define se a grid será focada ao ser carregada.
+  */
+  paginationCounterMode?: 'show' | 'hidden' | 'auto';
+  /**
+   * 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 inserção de registros no modo grade.
+   */
+  enableLockManger?: boolean;
+  /**
+  * Altera visualmente as sombras e bordas do componente
+  * Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout)
+  * Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
+  */
+  boxShadow?: boolean;
   /**
    * Aplica a definição de colunas.
    */
@@ -162,9 +184,16 @@ export declare class EzGrid {
    * Atribui o foco para a grade.
    */
   setFocus(): Promise<void>;
+  /**
+   * Para a edição da grade.
+   */
+  stopEdit(): Promise<void>;
+  checkStopEditOutsideClick(event: MouseEvent): Promise<void>;
   observeConfig(config: IGridConfig): void;
   updatePaginationTooltip(): void;
+  observePaginationCounterMode(newValue: any): void;
   onSelectionChange(evt: CustomEvent): void;
+  handleClick(event: MouseEvent): Promise<void>;
   private setSelection;
   private onSelectAllRecords;
   private onSelectPageRecords;
@@ -180,6 +209,7 @@ export declare class EzGrid {
   private previousPage;
   private nextPage;
   private resetPaginationState;
+  private resolvePaginationClassMode;
   private getPaginationControl;
   componentDidLoad(): void;
   private handlePaginationChange;
@@ -192,11 +222,13 @@ export declare class EzGrid {
   private _hidePaginationDescription;
   private _showPaginationDescription;
   disconnectedCallback(): void;
+  connectedCallback(): void;
   componentWillRender(): void;
   componentDidRender(): void;
   componentWillLoad(): void;
   componentDidUpdate(): void;
   private getDataSource;
   private hideHeader;
+  private resolveLeftHeaderClass;
   render(): any;
 }

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

@@ -31,10 +31,14 @@ export declare class EzModal {
    * Define se o modal será fechado ao clicar fora do conteúdo.
    */
   closeOutsideClick: boolean;
+  /**
+   * Define se o modal será fechado se o mouse sair para fora do conteúdo.
+   */
+  closeOutsideLeave?: boolean;
   /**
    * Define o tipo de scrim a ser aplicado no overlay do modal
    */
-  scrim: "medium" | "light";
+  scrim: "medium" | "light" | "none";
   private _element;
   /**
    * Emitido quando o modal é fechado.
@@ -56,6 +60,8 @@ export declare class EzModal {
   closeModal(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  private modalFocus;
   onMouseDownHandler(event: any): void;
+  onMouseLeaveHandler(): void;
   render(): any;
 }

package/dist/types/components/ez-modal-container/ez-modal-container.d.ts

@@ -32,6 +32,10 @@ export declare class EzModalContainer {
    * Define o estado do botão de confirmação.
    */
   okButtonStatus: "HIDDEN" | "ENABLED" | "DISABLED";
+  /**
+  * Define a visibilidade do botão de fechar.
+  */
+  showCloseButton?: boolean;
   /**
    * Representa a interação com o usuário.
    * OK - Quando o botão é acionado

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

@@ -40,6 +40,10 @@ export declare class EzNumberInput {
    * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
    */
   errorMessage: string;
+  /**
+   * Se false, o input não aceitará números negativos.
+   */
+  allowNegative: boolean;
   /**
    * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento.
    */
@@ -53,6 +57,14 @@ export declare class EzNumberInput {
    * Define o tamanho do campo.
    */
   mode: "slim" | "regular";
+  /**
+  * Se true o campo de texto receberá o foco ao ser renderizado.
+  */
+  autoFocus: boolean;
+  /**
+   * Quando verdadeiro, o campo não terá espaçamento externo.
+   */
+  noMargin: boolean;
   /**
    * Aplica o foco no campo.
    */

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

@@ -24,6 +24,10 @@ export declare class EzPopup {
    * Texto a ser apresentado como título do componente.
    */
   ezTitle: string;
+  /**
+   * Possibilita scroll vertical no conteúdo interno do componente
+   */
+  enabledScroll: boolean;
   /**
    * Evento emitido ao clicar no botão de fechar (onEzClosePopup).
    */
@@ -37,7 +41,10 @@ export declare class EzPopup {
   private closePopup;
   private manageOverflow;
   private manageOverlay;
+  private popUpFocus;
   getGridSize(): string;
+  private handlePopupHeight;
+  private handlePopupOverflowY;
   componentDidRender(): void;
   render(): any;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzSearch {
   private _textInput;
   private _optionsList;
@@ -24,6 +25,7 @@ export declare class EzSearch {
   private _visibleOptions;
   private _startLoading;
   private _showLoading;
+  private _showLoadingDescription;
   private _criteria;
   /**
    * Define o valor do campo.
@@ -57,6 +59,10 @@ export declare class EzSearch {
    * 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;
   /**
    * Define o tamanho do campo.
    */
@@ -81,6 +87,10 @@ export declare class EzSearch {
    * Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa
    */
   ignoreLimitCharsToSearch: boolean;
+  /**
+   * Quando verdadeiro, o campo não terá espaçamento externo.
+   */
+  noMargin: boolean;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */
@@ -94,8 +104,20 @@ export declare class EzSearch {
    * Se true desabilita a digitação dentro do componente.
    */
   suppressSearch: boolean;
-  fromGrid: boolean;
+  /**
+   * Garante que o botão de limpar pesquisa está sempre visível
+   */
+  ensureClearButtonVisible: boolean;
+  /**
+   * Se true, desabilita pré-load das opções ao carregar componente
+   */
+  suppressPreLoad: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
   observeErrorMessage(): void;
+  private getValue;
   private validateNewValue;
   observeValue(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
   observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
@@ -103,7 +125,7 @@ export declare class EzSearch {
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -123,6 +145,7 @@ export declare class EzSearch {
   private isDifferentValues;
   private getFormattedText;
   private getText;
+  private replaceQuotes;
   private getSelectedOption;
   private updateVisibleOptions;
   private getMaxWidthValue;
@@ -146,23 +169,27 @@ export declare class EzSearch {
   private clearSearch;
   private controlListWithOnlyOne;
   private controlEmptySearch;
-  private validateDescriptionValue;
   private loadDescriptionValue;
   private setDescriptionValue;
+  private setTextInputValue;
   private loadOptionValue;
   private showNoResultMessage;
   private getFieldLabel;
   private resetOptions;
+  private handleInitialValue;
   componentWillLoad(): void;
   componentDidRender(): void;
-  componentDidLoad(): void;
+  componentDidLoad(): Promise<void>;
+  disconnectedCallback(): void;
   private handlerIconClick;
   private buildNumberArgument;
   private onTextInputChangeHandler;
   private clearDeboucingTimeout;
   private keyDownHandler;
+  private handleEventPropagation;
   private onTextInputFocusOutHandler;
   private canShowListOptions;
+  private canShowLoadSpinDescription;
   render(): any;
 }
 export interface IOption {

package/dist/types/components/ez-split-button/ez-split-button.d.ts

@@ -43,7 +43,7 @@ export declare class EzSplitButton {
   /**
    * Define o tamanho do ez-split-button.
    */
-  size: 'medium' | 'large';
+  size: 'small' | 'medium' | 'large';
   /**
    * Emitido quando o botão principal é clicado
    */

package/dist/types/components/ez-split-panel/ez-split-panel.d.ts

@@ -1,4 +1,6 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { SplitOptions } from 'split-grid';
+import IPanelSizeInfo from './interfaces/IPanelSizeInfo';
 export declare class SplitPanel {
   direction: 'row' | 'column';
   /**
@@ -10,11 +12,13 @@ export declare class SplitPanel {
   _panelID: string;
   _mutationObserver: MutationObserver;
   _buildInProgress: boolean;
+  resizeEnd: EventEmitter<IPanelSizeInfo>;
   rebuildLayout(): void;
   private buildItems;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   initSplit(): void;
+  handlePanelDragEnd(): void;
   getGutters(): SplitOptions;
   addItemGutter(item: HTMLEzSplitItemElement): void;
   getElementStyle(): {

package/dist/types/components/ez-split-panel/interfaces/IPanelSizeInfo.d.ts

@@ -0,0 +1,9 @@
+export interface SizeInfo {
+  id: string;
+  height: number;
+  width: number;
+}
+export default interface IPanelSizeInfo {
+  panelId: string;
+  items: SizeInfo[];
+}

package/dist/types/components/ez-text-area/ez-text-area.d.ts

@@ -5,6 +5,9 @@ export declare class EzTextArea {
   private _messageBoxElem;
   private _container;
   private _initialRows;
+  private _resizeObserver;
+  private readonly LINE_HEIGHT;
+  private readonly HEIGHT_RATIO;
   private _hostElement;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -42,10 +45,19 @@ export declare class EzTextArea {
    * Ativa a opção de fazer resize do input.
    */
   enableResize: boolean;
+  /**
+   * Ativa a opção de fazer as linhas do componente serem baseados na altura máxima.
+   */
+  autoRows: boolean;
+  /**
+  * Se true o campo de texto receberá o foco ao ser renderizado.
+  */
+  autoFocus: boolean;
   observeErrorMessage(): void;
   observeValue(newValue: string, oldValue: string): void;
   observeMode(): void;
   observeRows(): void;
+  observeAutoRows(): void;
   /**
    * Adiciona o argumento text no value do text area, seguindo as regras:
    * - Se o cursor do mouse está posicionado em algum local do texto, o argumento será adicionado nesse local.
@@ -70,9 +82,14 @@ export declare class EzTextArea {
   private canChangeValue;
   private adjustFloatingLabel;
   private isFocused;
+  private updateRows;
+  private calculateMaxRows;
+  private initializeResizeObserver;
   handleFocusout(): void;
   handleChange(): void;
   handleFocus(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -5,10 +5,13 @@ export type TFocusOptions = {
 export declare class EzTextInput {
   private _inputElem;
   private _labelElem;
-  private _messageBoxElem;
   private _lastValidValue;
   private _maskFormatter;
   private _contentLeftSlot;
+  private _tooltipIconElem;
+  private _tooltipElem;
+  private _tooltipPositioningObserver;
+  private _observerDebounceTimeout;
   private _hostElement;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -34,6 +37,10 @@ export declare class EzTextInput {
    * Aplica uma máscara no conteúdo conforme o padrão estabelecido
    */
   mask: string;
+  /**
+  * Para remover a máscara quando fizer um apply no formulário.
+  */
+  cleanValueMask: boolean;
   /**
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
@@ -54,6 +61,18 @@ export declare class EzTextInput {
    * Se true o campo não terá bordas.
    */
   password: boolean;
+  /**
+   * Se true o campo receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Quando verdadeiro, o campo não terá espaçamento externo.
+   */
+  noMargin: boolean;
+  /**
+   * Reflete se o slot direito possui conteúdo.
+   */
+  hasRightSlotContent: boolean;
   observeErrorMessage(): void;
   observeMask(): void;
   observeValue(newValue: string, oldValue: string): void;
@@ -77,10 +96,17 @@ export declare class EzTextInput {
   handleFocusout(): void;
   isValidValue(value: string): boolean;
   controlChangeValue(): void;
+  applyMask(value: string): string;
   handleChange(): void;
   handleSlotChange(ev: Event): void;
   doFocus(): void;
-  componentDidLoad(): void;
+  private renderGlobalTooltip;
+  private removeGlobalTooltip;
+  private createTooltipPositioningObserver;
   componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  componentDidUpdate(): void;
+  disconnectedCallback(): void;
   render(): any;
 }

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

@@ -34,6 +34,14 @@ export declare class EzTimeInput {
    * 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;
+  /**
+   * Quando verdadeiro, o campo não terá espaçamento.
+   */
+  noMargin: boolean;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */

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

@@ -0,0 +1,21 @@
+export declare class EzTooltip {
+  _element: HTMLElement;
+  /**
+   * Mensagem de erro que será apresentada no tooltip.
+   */
+  errorMessage: string;
+  /**
+   * Elemento HTML que será utilizado como ancoragem do tooltip.
+   */
+  anchoringElement: HTMLElement;
+  /**
+   * TODO: Implementar a possibilidade de definir a posição do tooltip.
+   */
+  /**
+   * Reposiciona o tooltip de acordo com a posição do elemento de ancoragem.
+   */
+  positionTooltip(): Promise<void>;
+  private setEvents;
+  componentDidLoad(): void;
+  render(): any;
+}