@sankhyalabs/ezui 1.1.161 → 1.2.0-beta.1

package/dist/types/components.d.ts

@@ -5,16 +5,33 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { Action } from "./components/ez-actions-button/ez-actions-button";
 import { CardItem } from "./components/ez-card-item/ez-card-item";
 import { Option } from "./components/ez-combo-box/ez-combo-box";
 import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
-import { FieldConfig } from "./components/ez-form/ez-form";
-import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, EzGridSelectionStatus, IGridConfig } from "./components/ez-grid/controller/EzGridController";
+import { DialogType } from "./components/ez-dialog/DialogType";
+import { FieldConfig, RecordValidator, ValidationResult } from "./components/ez-form/ez-form";
+import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig } from "./components/ez-grid/controller/EzGridController";
 import { ListGroup, ListItem } from "./components/ez-list/ez-list";
+import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { Option as Option1 } from "./components/ez-combo-box/ez-combo-box";
 import { Tab } from "./components/ez-tabselector/ez-tabselector";
 import { EzFile } from "./components/ez-upload/ez-upload";
 export namespace Components {
+    interface EzActionsButton {
+        /**
+          * Array no formato "{value: string, label: string}" que alimenta a lista de ações
+         */
+        "actions": Array<Action>;
+        /**
+          * Deixa o campo disponível ou não para interação com usuário.
+         */
+        "enabled": boolean;
+        /**
+          * É possível escolher entre [small,medium,large]
+         */
+        "size": "small" | "medium" | "large" | undefined;
+    }
     interface EzApplication {
     }
     interface EzButton {
@@ -310,9 +327,9 @@ export namespace Components {
          */
         "confirm": boolean;
         /**
-          * Define se o componente terá o visual de erro ou de aviso
+          * Define se o componente terá o visual padrão, de erro ou de aviso
          */
-        "critical": boolean;
+        "dialogType": DialogType;
         /**
           * Define o título do componente.
          */
@@ -336,7 +353,7 @@ export namespace Components {
         /**
           * Faz com que o componente seja exibido.
          */
-        "show": (title: string, message: string, critical: boolean, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean) => Promise<boolean>;
+        "show": (title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean) => Promise<boolean>;
     }
     interface EzFilterInput {
         /**
@@ -382,8 +399,18 @@ export namespace Components {
     }
     interface EzForm {
         "cancel": () => Promise<void>;
+        /**
+          * Configuração dos campos.
+         */
         "config": Array<FieldConfig>;
+        /**
+          * Repositório de dados, controla a manipulação dos dados
+         */
         "dataUnit": DataUnit;
+        /**
+          * Validador responsável por checar a integridade das informações do registro
+         */
+        "recordsValidator": RecordValidator;
         "submit": () => Promise<void>;
         "validate": () => Promise<void>;
     }
@@ -409,66 +436,15 @@ export namespace Components {
           * Retorna as linhas selecionadas na grade.
          */
         "getSelection": () => Promise<Array<any>>;
-        /**
-          * Método para fazer um filtro rápido na grid.
-         */
-        "hasNextPage": () => Promise<boolean>;
-        /**
-          * Método para verificar se existem proximos registros.
-         */
-        "hasNextRecord": () => Promise<boolean>;
-        /**
-          * Método para fazer um filtro rápido na grid.
-         */
-        "hasPreviousPage": () => Promise<boolean>;
-        /**
-          * Método para verificar se existem registros anteriores.
-         */
-        "hasPreviousRecord": () => Promise<boolean>;
-        /**
-          * Método para verificar se o registro selecionado é o primeiro da página.
-         */
-        "isFirstOfPage": () => Promise<boolean>;
-        /**
-          * Método para verificar se o registro selecionado é o ultimo da página.
-         */
-        "isLastOfPage": () => Promise<boolean>;
         /**
           * Habilita a seleção de várias linhas
          */
         "multipleSelection": boolean;
-        /**
-          * Método para fazer um filtro rápido na grid.
-         */
-        "nextPage": () => Promise<void>;
-        /**
-          * Método para navegar para o proxímo registro da grid.
-         */
-        "nextRecord": () => Promise<void>;
-        /**
-          * Método para abrir a configuração da grid.
-         */
         "openGridConfig": () => Promise<void>;
-        /**
-          * Determina o número de linhas de cada página. Caso informado o valor -1 não haverá paginação.
-         */
-        "pageSize": number;
-        /**
-          * Método para fazer um filtro rápido na grid.
-         */
-        "previousPage": () => Promise<void>;
-        /**
-          * Método para navegar para o registro anterior da grid.
-         */
-        "previousRecord": () => Promise<void>;
         /**
           * Método para fazer um filtro rápido na grid.
          */
         "quickFilter": (term: string) => Promise<any>;
-        /**
-          * Método para recarregar pagina atual da grid.
-         */
-        "refresh": () => Promise<any>;
         /**
           * Endereço do servidor. Se informado, o próprio datagrid controlará a obtenção dos dados, anulando a necessidade de acionar o método "setData(data)"
          */
@@ -679,6 +655,28 @@ export namespace Components {
          */
         "useHeader": boolean;
     }
+    interface EzRadioButton {
+        /**
+          * Define a direção em que os itens são apresentadoss, podendo ser horizontal ou vertical.
+         */
+        "direction": "vertical" | "horizontal";
+        /**
+          * Define se o componente está habilitado ou desabilitado
+         */
+        "enabled": boolean;
+        /**
+          * Determina a descrição do grupo
+         */
+        "label": string;
+        /**
+          * Define as opções que serão apresentadas
+         */
+        "options": Array<Radio>;
+        /**
+          * Representa o valor atualmente selecionado entre as opções
+         */
+        "value": any;
+    }
     interface EzSearch {
         /**
           * Deixa o campo disponível ou não.
@@ -958,10 +956,14 @@ export namespace Components {
          */
         "show": (index: number) => Promise<void>;
     }
-    interface TestDu {
-    }
 }
 declare global {
+    interface HTMLEzActionsButtonElement extends Components.EzActionsButton, HTMLStencilElement {
+    }
+    var HTMLEzActionsButtonElement: {
+        prototype: HTMLEzActionsButtonElement;
+        new (): HTMLEzActionsButtonElement;
+    };
     interface HTMLEzApplicationElement extends Components.EzApplication, HTMLStencilElement {
     }
     var HTMLEzApplicationElement: {
@@ -1094,6 +1096,12 @@ declare global {
         prototype: HTMLEzPopupElement;
         new (): HTMLEzPopupElement;
     };
+    interface HTMLEzRadioButtonElement extends Components.EzRadioButton, HTMLStencilElement {
+    }
+    var HTMLEzRadioButtonElement: {
+        prototype: HTMLEzRadioButtonElement;
+        new (): HTMLEzRadioButtonElement;
+    };
     interface HTMLEzSearchElement extends Components.EzSearch, HTMLStencilElement {
     }
     var HTMLEzSearchElement: {
@@ -1148,13 +1156,8 @@ declare global {
         prototype: HTMLEzViewStackElement;
         new (): HTMLEzViewStackElement;
     };
-    interface HTMLTestDuElement extends Components.TestDu, HTMLStencilElement {
-    }
-    var HTMLTestDuElement: {
-        prototype: HTMLTestDuElement;
-        new (): HTMLTestDuElement;
-    };
     interface HTMLElementTagNameMap {
+        "ez-actions-button": HTMLEzActionsButtonElement;
         "ez-application": HTMLEzApplicationElement;
         "ez-button": HTMLEzButtonElement;
         "ez-calendar": HTMLEzCalendarElement;
@@ -1177,6 +1180,7 @@ declare global {
         "ez-number-input": HTMLEzNumberInputElement;
         "ez-popover": HTMLEzPopoverElement;
         "ez-popup": HTMLEzPopupElement;
+        "ez-radio-button": HTMLEzRadioButtonElement;
         "ez-search": HTMLEzSearchElement;
         "ez-select-box": HTMLEzSelectBoxElement;
         "ez-tabselector": HTMLEzTabselectorElement;
@@ -1186,10 +1190,27 @@ declare global {
         "ez-toast": HTMLEzToastElement;
         "ez-upload": HTMLEzUploadElement;
         "ez-view-stack": HTMLEzViewStackElement;
-        "test-du": HTMLTestDuElement;
     }
 }
 declare namespace LocalJSX {
+    interface EzActionsButton {
+        /**
+          * Array no formato "{value: string, label: string}" que alimenta a lista de ações
+         */
+        "actions"?: Array<Action>;
+        /**
+          * Deixa o campo disponível ou não para interação com usuário.
+         */
+        "enabled"?: boolean;
+        /**
+          * Evento que é disparado ao acionar uma ação
+         */
+        "onEzAction"?: (event: CustomEvent<Action>) => void;
+        /**
+          * É possível escolher entre [small,medium,large]
+         */
+        "size"?: "small" | "medium" | "large" | undefined;
+    }
     interface EzApplication {
         /**
           * Evento disparado quando a aplicação for carregada.
@@ -1466,9 +1487,9 @@ declare namespace LocalJSX {
          */
         "confirm"?: boolean;
         /**
-          * Define se o componente terá o visual de erro ou de aviso
+          * Define se o componente terá o visual padrão, de erro ou de aviso
          */
-        "critical"?: boolean;
+        "dialogType"?: DialogType;
         /**
           * Define o título do componente.
          */
@@ -1529,12 +1550,22 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface EzForm {
+        /**
+          * Configuração dos campos.
+         */
         "config"?: Array<FieldConfig>;
+        /**
+          * Repositório de dados, controla a manipulação dos dados
+         */
         "dataUnit"?: DataUnit;
         /**
           * Evento disparado quando o formulário está disponível na DOM.
          */
         "onEzReady"?: (event: CustomEvent<void>) => void;
+        /**
+          * Validador responsável por checar a integridade das informações do registro
+         */
+        "recordsValidator"?: RecordValidator;
     }
     interface EzGrid {
         /**
@@ -1561,11 +1592,7 @@ declare namespace LocalJSX {
         /**
           * Evento disparado ao selecionar linhas da grade.
          */
-        "onEzSelectionChange"?: (event: CustomEvent<EzGridSelectionStatus>) => void;
-        /**
-          * Determina o número de linhas de cada página. Caso informado o valor -1 não haverá paginação.
-         */
-        "pageSize"?: number;
+        "onEzSelectionChange"?: (event: CustomEvent<Array<any>>) => void;
         /**
           * Endereço do servidor. Se informado, o próprio datagrid controlará a obtenção dos dados, anulando a necessidade de acionar o método "setData(data)"
          */
@@ -1752,6 +1779,32 @@ declare namespace LocalJSX {
          */
         "useHeader"?: boolean;
     }
+    interface EzRadioButton {
+        /**
+          * Define a direção em que os itens são apresentadoss, podendo ser horizontal ou vertical.
+         */
+        "direction"?: "vertical" | "horizontal";
+        /**
+          * Define se o componente está habilitado ou desabilitado
+         */
+        "enabled"?: boolean;
+        /**
+          * Determina a descrição do grupo
+         */
+        "label"?: string;
+        /**
+          * Evento disparado quando uma opção for selecionada
+         */
+        "onEzChange"?: (event: CustomEvent<any>) => void;
+        /**
+          * Define as opções que serão apresentadas
+         */
+        "options"?: Array<Radio>;
+        /**
+          * Representa o valor atualmente selecionado entre as opções
+         */
+        "value"?: any;
+    }
     interface EzSearch {
         /**
           * Deixa o campo disponível ou não.
@@ -2004,9 +2057,8 @@ declare namespace LocalJSX {
     }
     interface EzViewStack {
     }
-    interface TestDu {
-    }
     interface IntrinsicElements {
+        "ez-actions-button": EzActionsButton;
         "ez-application": EzApplication;
         "ez-button": EzButton;
         "ez-calendar": EzCalendar;
@@ -2029,6 +2081,7 @@ declare namespace LocalJSX {
         "ez-number-input": EzNumberInput;
         "ez-popover": EzPopover;
         "ez-popup": EzPopup;
+        "ez-radio-button": EzRadioButton;
         "ez-search": EzSearch;
         "ez-select-box": EzSelectBox;
         "ez-tabselector": EzTabselector;
@@ -2038,13 +2091,13 @@ declare namespace LocalJSX {
         "ez-toast": EzToast;
         "ez-upload": EzUpload;
         "ez-view-stack": EzViewStack;
-        "test-du": TestDu;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "ez-actions-button": LocalJSX.EzActionsButton & JSXBase.HTMLAttributes<HTMLEzActionsButtonElement>;
             "ez-application": LocalJSX.EzApplication & JSXBase.HTMLAttributes<HTMLEzApplicationElement>;
             "ez-button": LocalJSX.EzButton & JSXBase.HTMLAttributes<HTMLEzButtonElement>;
             "ez-calendar": LocalJSX.EzCalendar & JSXBase.HTMLAttributes<HTMLEzCalendarElement>;
@@ -2067,6 +2120,7 @@ declare module "@stencil/core" {
             "ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes<HTMLEzNumberInputElement>;
             "ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes<HTMLEzPopoverElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
+            "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
             "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
             "ez-select-box": LocalJSX.EzSelectBox & JSXBase.HTMLAttributes<HTMLEzSelectBoxElement>;
             "ez-tabselector": LocalJSX.EzTabselector & JSXBase.HTMLAttributes<HTMLEzTabselectorElement>;
@@ -2076,7 +2130,6 @@ declare module "@stencil/core" {
             "ez-toast": LocalJSX.EzToast & JSXBase.HTMLAttributes<HTMLEzToastElement>;
             "ez-upload": LocalJSX.EzUpload & JSXBase.HTMLAttributes<HTMLEzUploadElement>;
             "ez-view-stack": LocalJSX.EzViewStack & JSXBase.HTMLAttributes<HTMLEzViewStackElement>;
-            "test-du": LocalJSX.TestDu & JSXBase.HTMLAttributes<HTMLTestDuElement>;
         }
     }
 }

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

@@ -1,9 +1,11 @@
+import { DialogType } from "../components/ez-dialog/DialogType";
 export default class ApplicationUtils {
   private static showDialog;
   private static defaultMessageOptions;
   static alert(title: string, message: string, icon?: string, options?: MessageOptions): Promise<boolean>;
   static error(title: string, message: string, icon?: string, options?: MessageOptions): Promise<boolean>;
-  static confirm(title: string, message: string, icon?: string, critical?: boolean, options?: MessageOptions): Promise<boolean>;
+  static confirm(title: string, message: string, icon?: string, dialogType?: DialogType, options?: MessageOptions): Promise<boolean>;
+  static message(title: string, message: string, icon?: string, options?: MessageOptions): Promise<boolean>;
   static info(message: string, options?: MessageOptions): Promise<void>;
 }
 export interface MessageOptions {
@@ -11,4 +13,5 @@ export interface MessageOptions {
   labelCancel: string;
   labelConfirm: string;
   btnConfirmDanger: boolean;
+  iconName?: string;
 }

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

@@ -1,4 +1,5 @@
 export default class CSSVarsUtils {
   static applyVarsTextInput(host: HTMLElement, child: HTMLElement): void;
+  static applyVarsButton(host: HTMLElement, child: HTMLElement): void;
   private static applyIfExists;
 }

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

@@ -1,2 +1,3 @@
 export { default as ApplicationUtils } from './ApplicationUtils';
 export { default as CSSVarsUtils } from './CSSVarsUtils';
+export { DialogType } from '../components/ez-dialog/DialogType';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "1.1.161",
+  "version": "1.2.0-beta.1",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -48,7 +48,7 @@
   "dependencies": {},
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
-    "@sankhyalabs/core": "^1.0.58",
+    "@sankhyalabs/core": "^1.0.71-beta.3",
     "@sankhyalabs/docscss": "^1.0.1",
     "@sankhyalabs/ez-design": "^1.0.56",
     "@sankhyalabs/skippeerdeps": "^1.0.2",
@@ -62,8 +62,8 @@
     "@storybook/html": "^6.4.17",
     "@types/jest": "^26.0.20",
     "@types/puppeteer": "^5.4.2",
-    "ag-grid-community": "^26.2.1",
-    "ag-grid-enterprise": "^26.2.1",
+    "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",
@@ -84,6 +84,6 @@
     "verbose": true
   },
   "peerDependencies": {
-    "@sankhyalabs/core": "^1.x"
+    "@sankhyalabs/core": "^1.0.71-beta.0"
   }
 }