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

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.
          */
@@ -829,6 +837,7 @@ export namespace Components {
           * 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 +858,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 +938,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 +1022,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 +1062,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 +1113,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 +1177,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 +1328,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 +1396,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 +1601,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 +1669,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 +1731,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 +2069,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 +2855,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 +2959,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 +3001,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 +3149,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 +3161,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 +3181,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.
          */
@@ -3234,6 +3279,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 +3373,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 +3405,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 +3464,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 +3535,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 +3685,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 +3918,7 @@ declare namespace LocalJSX {
          */
         "anchorToExpand"?: boolean;
         "direction"?: 'row' | 'column';
+        "onResizeEnd"?: (event: EzSplitPanelCustomEvent<IPanelSizeInfo>) => void;
     }
     interface EzTabselector {
         /**
@@ -3889,6 +3939,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 +4003,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 +4057,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-79020.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": {}
 }

package/dist/cjs/RecordValidationProcessor-10846595.js

@@ -1,108 +0,0 @@
-'use strict';
-
-const core = require('@sankhyalabs/core');
-const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
-
-const buildFieldMetadata = (descriptor, config) => {
-  let { name, label, group } = Object.assign({}, config);
-  let { readOnly, required } = Object.assign({}, config);
-  let props;
-  let userInterface;
-  if (descriptor) {
-    label = label || descriptor.label;
-    name = name || descriptor.name;
-    required = descriptor.required || (config === null || config === void 0 ? void 0 : config.required);
-    readOnly = descriptor.readOnly || (config === null || config === void 0 ? void 0 : config.readOnly);
-    props = descriptor.properties;
-    userInterface = descriptor.userInterface;
-  }
-  return {
-    name, label, group,
-    readOnly, required,
-    props,
-    userInterface: userInterface || core.UserInterface.SHORTTEXT
-  };
-};
-
-class RecordValidationProcessor {
-  constructor(dataUnit, validationSource, validator) {
-    this._dataUnit = dataUnit;
-    this._validationSource = validationSource;
-    this._validator = validator;
-  }
-  validate(isSaving = true) {
-    return new Promise((accept, reject) => {
-      const records = this._dataUnit.getModifiedRecords();
-      for (let i = 0; i < records.length; i++) {
-        const record = records[i];
-        const invalidResults = [];
-        let validationResult = this.validateRequired(record);
-        if (validationResult && !validationResult.isValid) {
-          invalidResults.push(validationResult);
-        }
-        if (this._validator) {
-          validationResult = this._validator.validateRecord(record);
-          if (validationResult && !validationResult.isValid) {
-            invalidResults.push(validationResult);
-          }
-        }
-        if (invalidResults.length > 0) {
-          if (!isSaving && invalidResults[0].invalidFields.length > 0) {
-            this._validationSource.markAsInvalid(invalidResults[0].invalidFields[0], record.__record__id__);
-            reject();
-            break;
-          }
-          this.processValidationResult(invalidResults, record.__record__id__);
-          reject();
-          break;
-        }
-      }
-      return accept();
-    });
-  }
-  validateRequired(record) {
-    const requiredFields = this._validationSource.getRequiredFields();
-    const invalidFields = [];
-    new Set(requiredFields).forEach(field => {
-      const value = record[field];
-      if (value == undefined || value === "") {
-        const errorMessage = this._validationSource.getMessageForField(field, record.__record__id__);
-        if (errorMessage) {
-          invalidFields.push({ name: field, message: errorMessage });
-        }
-        else {
-          invalidFields.push({ name: field, message: "Essa informação é obrigatória" });
-        }
-      }
-    });
-    if (invalidFields.length > 0) {
-      return { isValid: false, invalidFields, infoMessage: "Há pelo menos um campo obrigatório não preenchido." };
-    }
-    return undefined;
-  }
-  processValidationResult(validationResult, recordId) {
-    validationResult.forEach(invalidResult => {
-      const invalidFields = invalidResult.invalidFields;
-      this._dataUnit.savingCanceled(invalidFields, recordId);
-      if (invalidFields) {
-        invalidFields.forEach(field => {
-          this.markAsInvalid(field, recordId);
-        });
-      }
-      if (invalidResult.infoMessage) {
-        ApplicationUtils.ApplicationUtils.info(invalidResult.infoMessage);
-      }
-      if (invalidResult.errorMessage) {
-        const { errorTitle, errorMessage } = invalidResult;
-        ApplicationUtils.ApplicationUtils.error(errorTitle, errorMessage);
-      }
-    });
-  }
-  markAsInvalid(field, recordId) {
-    this._dataUnit.setInvalidField(field.name, field.message, recordId);
-    this._validationSource.markAsInvalid(field, recordId);
-  }
-}
-
-exports.RecordValidationProcessor = RecordValidationProcessor;
-exports.buildFieldMetadata = buildFieldMetadata;