@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-76362.1 → 0.0.0-bugfix-dev-KB-78242.0

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

@@ -34,6 +34,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 +58,10 @@ 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;
   observeErrorMessage(): void;
   observeMask(): void;
   observeValue(newValue: string, oldValue: string): void;
@@ -77,6 +85,7 @@ export declare class EzTextInput {
   handleFocusout(): void;
   isValidValue(value: string): boolean;
   controlChangeValue(): void;
+  applyMask(value: string): string;
   handleChange(): void;
   handleSlotChange(ev: Event): void;
   doFocus(): void;

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

@@ -34,6 +34,10 @@ 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;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */

package/dist/types/components.d.ts

@@ -15,6 +15,7 @@ import { ChartAxis, ChartType } from "./components/ez-chart/interfaces";
 import { ChartSerie, SerieClickEvent } from "./components/ez-chart/interfaces/ChartSerie";
 import { CheckMode } from "./components/ez-check/CheckMode";
 import { IEzCheckBoxListPosition, IOption, ISearchArgument } from "./components/ez-combo-box/ez-combo-box";
+import { TFocusOptions } from "./components/ez-text-input/ez-text-input";
 import { ICustomEditor } from "./utils/customEditor/interfaces/ICustomEditor";
 import { IFormViewField } from "./components/ez-form-view/interfaces";
 import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
@@ -31,7 +32,6 @@ import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
 import { ListGroup, ListItem, SlotBuilder as SlotBuilder1, TListMode } from "./components/ez-list/ez-list";
 import { THeightMode } from "./components/ez-modal/ez-modal";
 import { IMultiSelectionOption } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionOption";
-import { TFocusOptions } from "./components/ez-text-input/ez-text-input";
 import { IEzPopoverAnchorOptions } from "./components/ez-popover/ez-popover";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
@@ -413,6 +413,10 @@ export namespace Components {
         "value": boolean;
     }
     interface EzComboBox {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -473,7 +477,7 @@ export namespace Components {
         /**
           * Aplica o foco no campo.
          */
-        "setFocus": () => Promise<void>;
+        "setFocus": (options?: TFocusOptions) => Promise<void>;
         /**
           * Se true cada opção na lista exibe o `value` junto com `label`.
          */
@@ -538,6 +542,10 @@ export namespace Components {
         "value": any;
     }
     interface EzDateInput {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -570,13 +578,17 @@ export namespace Components {
         /**
           * Aplica o foco no campo.
          */
-        "setFocus": () => Promise<void>;
+        "setFocus": (options?: TFocusOptions) => Promise<void>;
         /**
           * Define o valor do campo.
          */
         "value": Date;
     }
     interface EzDateTimeInput {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -609,7 +621,7 @@ export namespace Components {
         /**
           * Aplica o foco no campo.
          */
-        "setFocus": () => Promise<void>;
+        "setFocus": (options?: TFocusOptions) => Promise<void>;
         /**
           * Se true considera segundos.
          */
@@ -694,6 +706,10 @@ export namespace Components {
           * Define se o campo irá funcionar de forma assíncrona.
          */
         "asyncSearch": boolean;
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -702,10 +718,6 @@ export namespace Components {
           * Se false o usuário não pode interagir com o campo.
          */
         "enabled": boolean;
-        /**
-          * Se true permite ao usuário interagir com o ícone de pesquisa
-         */
-        "enabledIconClick": boolean;
         /**
           * Método responsável por resetar o valor do campo para o ultimo valor inputado.
          */
@@ -714,10 +726,6 @@ export namespace Components {
           * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
          */
         "errorMessage": string;
-        /**
-          * Método usado para emitir o evento de clique no ícone
-         */
-        "handleIconClick": () => Promise<void>;
         /**
           * Retorna se o conteúdo é inválido.
          */
@@ -741,7 +749,7 @@ export namespace Components {
         /**
           * Aplica o foco no campo.
          */
-        "setFocus": () => Promise<void>;
+        "setFocus": (options?: TFocusOptions) => Promise<void>;
         /**
           * Método responsável por setar um novo valor ao campo.
          */
@@ -825,10 +833,15 @@ export namespace Components {
           * Define se a grid será focada ao ser carregada.
          */
         "autoFocus"?: 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;
         /**
           * Define se a edição está habilitada na grid.
          */
         "canEdit": boolean;
+        "checkStopEditOutsideClick": (event: MouseEvent) => Promise<void>;
         /**
           * Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas.
          */
@@ -849,6 +862,10 @@ export namespace Components {
           * Ativa inserção de registros no modo grade.
          */
         "enableGridInsert"?: boolean;
+        /**
+          * Ativa inserção de registros no modo grade.
+         */
+        "enableLockManger"?: boolean;
         /**
           * Usa um argumento para filtrar as colunas po label
          */
@@ -925,6 +942,10 @@ export namespace Components {
           * Define um `IStatusResolver` responsável pelo estado da coluna de status.
          */
         "statusResolver": IStatusResolver | StatusResolverFunction;
+        /**
+          * Para a edição da grade.
+         */
+        "stopEdit": () => Promise<void>;
         /**
           * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
          */
@@ -1005,10 +1026,6 @@ export namespace Components {
           * Define a lista inicial do componente.
          */
         "dataSource": Array<ListGroup | ListItem>;
-        /**
-          * Desabilita os atalhos de teclado.
-         */
-        "disableShortcuts": boolean;
         /**
           * Se true habilita `drag and drop` para os itens.
          */
@@ -1049,14 +1066,6 @@ export namespace Components {
           * Traz o conteúdo da lista para a área visível.
          */
         "scrollToTop": () => Promise<void>;
-        /**
-          * Seleciona o próximo item.
-         */
-        "selectNextItem": () => Promise<void>;
-        /**
-          * Seleciona o item anterior.
-         */
-        "selectPreviousItem": () => Promise<void>;
         /**
           * Aplica seleção nas linhas da lista.
          */
@@ -1108,7 +1117,7 @@ export namespace Components {
         /**
           * Define o tipo de scrim a ser aplicado no overlay do modal
          */
-        "scrim": "medium" | "light";
+        "scrim": "medium" | "light" | "none";
     }
     interface EzModalContainer {
         /**
@@ -1172,6 +1181,10 @@ export namespace Components {
           * Se false, o input não aceitará números negativos.
          */
         "allowNegative": boolean;
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -1319,6 +1332,10 @@ export namespace Components {
         "locked": boolean;
     }
     interface EzSearch {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -1383,7 +1400,7 @@ export namespace Components {
         /**
           * Aplica o foco no campo.
          */
-        "setFocus": () => Promise<void>;
+        "setFocus": (options?: TFocusOptions) => Promise<void>;
         /**
           * Se false cada opção na lista deve exibir somente o `label`.
          */
@@ -1588,6 +1605,14 @@ export namespace Components {
           * @param text : texto que irá ser adicionado
          */
         "appendTextToSelection": (text: string) => Promise<void>;
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
+        /**
+          * Ativa a opção de fazer as linhas do componente serem baseados na altura máxima.
+         */
+        "autoRows": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -1648,10 +1673,18 @@ export namespace Components {
         "value": string;
     }
     interface EzTextInput {
+        /**
+          * Se true o campo receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
         "canShowError": boolean;
+        /**
+          * Para remover a máscara quando fizer um apply no formulário.
+         */
+        "cleanValueMask": boolean;
         /**
           * Se false o usuário não pode interagir com o campo.
          */
@@ -1702,6 +1735,10 @@ export namespace Components {
         "value": string;
     }
     interface EzTimeInput {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus": boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -2036,6 +2073,10 @@ export interface EzSplitButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSplitButtonElement;
 }
+export interface EzSplitPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSplitPanelElement;
+}
 export interface EzTabselectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzTabselectorElement;
@@ -2818,6 +2859,10 @@ declare namespace LocalJSX {
         "value"?: boolean;
     }
     interface EzComboBox {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -2918,6 +2963,10 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface EzDateInput {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -2956,6 +3005,10 @@ declare namespace LocalJSX {
         "value"?: Date;
     }
     interface EzDateTimeInput {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -3100,6 +3153,10 @@ declare namespace LocalJSX {
           * Define se o campo irá funcionar de forma assíncrona.
          */
         "asyncSearch"?: boolean;
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -3108,10 +3165,6 @@ declare namespace LocalJSX {
           * Se false o usuário não pode interagir com o campo.
          */
         "enabled"?: boolean;
-        /**
-          * Se true permite ao usuário interagir com o ícone de pesquisa
-         */
-        "enabledIconClick"?: boolean;
         /**
           * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
          */
@@ -3132,10 +3185,6 @@ declare namespace LocalJSX {
           * Emitido quando acontece o foco no campo.
          */
         "onEzFocusIn"?: (event: EzFilterInputCustomEvent<void>) => void;
-        /**
-          * Emitido quando tem interação com o Ícone de pesquisa
-         */
-        "onEzIconClick"?: (event: EzFilterInputCustomEvent<boolean>) => void;
         /**
           * Emitido quando está sendo realizada uma pesquisa no modo asyncSearch.
          */
@@ -3210,6 +3259,10 @@ declare namespace LocalJSX {
           * Define se a grid será focada ao ser carregada.
          */
         "autoFocus"?: 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;
         /**
           * Define se a edição está habilitada na grid.
          */
@@ -3234,6 +3287,10 @@ declare namespace LocalJSX {
           * Ativa inserção de registros no modo grade.
          */
         "enableGridInsert"?: boolean;
+        /**
+          * Ativa inserção de registros no modo grade.
+         */
+        "enableLockManger"?: boolean;
         /**
           * Habilita a seleção de várias linhas.
          */
@@ -3324,10 +3381,6 @@ declare namespace LocalJSX {
           * Define a lista inicial do componente.
          */
         "dataSource"?: Array<ListGroup | ListItem>;
-        /**
-          * Desabilita os atalhos de teclado.
-         */
-        "disableShortcuts"?: boolean;
         /**
           * Se true habilita `drag and drop` para os itens.
          */
@@ -3360,10 +3413,6 @@ declare namespace LocalJSX {
           * Emitido quando acontece a alteração de um item do checkbox.
          */
         "onEzCheckChange"?: (event: EzListCustomEvent<ListItem>) => void;
-        /**
-          * Emitido sempre que um item da lista for clicado.
-         */
-        "onEzClickItem"?: (event: EzListCustomEvent<ListItem>) => void;
         /**
           * Emitido quando ocorre um duplo clique em um item da lista.
          */
@@ -3423,7 +3472,7 @@ declare namespace LocalJSX {
         /**
           * Define o tipo de scrim a ser aplicado no overlay do modal
          */
-        "scrim"?: "medium" | "light";
+        "scrim"?: "medium" | "light" | "none";
     }
     interface EzModalContainer {
         /**
@@ -3494,6 +3543,10 @@ declare namespace LocalJSX {
           * Se false, o input não aceitará números negativos.
          */
         "allowNegative"?: boolean;
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -3640,6 +3693,10 @@ declare namespace LocalJSX {
         "locked"?: boolean;
     }
     interface EzSearch {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -3869,6 +3926,7 @@ declare namespace LocalJSX {
          */
         "anchorToExpand"?: boolean;
         "direction"?: 'row' | 'column';
+        "onResizeEnd"?: (event: EzSplitPanelCustomEvent<IPanelSizeInfo>) => void;
     }
     interface EzTabselector {
         /**
@@ -3889,6 +3947,14 @@ declare namespace LocalJSX {
         "tabs"?: string | Array<Tab>;
     }
     interface EzTextArea {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
+        /**
+          * Ativa a opção de fazer as linhas do componente serem baseados na altura máxima.
+         */
+        "autoRows"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
@@ -3945,10 +4011,18 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface EzTextInput {
+        /**
+          * Se true o campo receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */
         "canShowError"?: boolean;
+        /**
+          * Para remover a máscara quando fizer um apply no formulário.
+         */
+        "cleanValueMask"?: boolean;
         /**
           * Se false o usuário não pode interagir com o campo.
          */
@@ -3991,6 +4065,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface EzTimeInput {
+        /**
+          * Se true o campo de texto receberá o foco ao ser renderizado.
+         */
+        "autoFocus"?: boolean;
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
          */

package/dist/types/utils/FocusResolver.d.ts

@@ -0,0 +1,5 @@
+export default class FocusResolver {
+  static resolveFocus(element: any, selectText?: boolean): void;
+  private static resolveFocusOnChild;
+  private static isGridCell;
+}

package/dist/types/utils/ResponsiveInputUtils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Aplica comportamento de elipses a um input caso o texto ultrapasse o tamanho disponível.
+ *
+ * @param inputElement A referência ao elemento input (HTMLInputElement).
+ */
+export declare const applyEllipsisToInput: (inputElement: HTMLInputElement) => void;

package/dist/types/utils/form/DataBinder.d.ts

@@ -13,15 +13,18 @@ export default class DataBinder implements DUActionInterceptor {
   private setContextDataBinder;
   private applyDefaultValues;
   bind(fields: Array<HTMLElement>, currentContextName: string, formMetadata: FormMetadata, recordsValidator: IRecordValidator): void;
+  getFormRequiredFields(): string[];
   private disconnectDataUnit;
   onDisconnectedCallback(): void;
   private getCurrentRecordId;
   markInvalid(field: IInvalidField): void;
   setFocus(fieldName: string): void;
   private clearInvalid;
+  private clearFieldError;
   private updateValue;
   validate(): Promise<void>;
   static validateByDataunit(dataUnit: DataUnit): Promise<boolean>;
+  static getDataBindersByDataUnit(dataUnit: DataUnit): Array<DataBinder>;
   private updateErrorMessage;
   private getErrorMessage;
   private updateBind;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "0.0.0-bugfix-dev-KB-76362.1",
+  "version": "0.0.0-bugfix-dev-KB-78242.0",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -46,9 +46,17 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@ag-grid-community/core": "^28.1.1",
+    "@ag-grid-community/styles": "^28.1.1",
+    "@ag-grid-enterprise/clipboard": "^28.1.1",
+    "@ag-grid-enterprise/core": "^28.1.1",
+    "@ag-grid-enterprise/menu": "^28.1.1",
+    "@ag-grid-enterprise/range-selection": "^28.1.1",
+    "@ag-grid-enterprise/server-side-row-model": "^28.1.1",
     "@babel/preset-env": "^7.16.11",
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^18.4.3",
+    "@rollup/plugin-strip": "^3.0.4",
     "@sankhyalabs/core": "^5.16.0",
     "@sankhyalabs/docscss": "^1.0.4",
     "@sankhyalabs/ez-design": "^4.0.0",
@@ -62,8 +70,6 @@
     "@types/jest": "^26.0.20",
     "@types/puppeteer": "^5.4.2",
     "@types/uuid": "^9.0.2",
-    "ag-grid-community": "^28.1.1",
-    "ag-grid-enterprise": "^28.1.1",
     "gulp": "^4.0.2",
     "gulp-run": "^1.7.1",
     "gulp-watch": "^5.0.1",
@@ -100,5 +106,6 @@
   },
   "resolutions": {
     "postcss": "8.1.7"
-  }
+  },
+  "dependencies": {}
 }