@sankhyalabs/ezui 5.20.4 → 5.21.0-dev.10

package/dist/types/components/ez-tree/interfaces/ITreeItemBadge.d.ts

@@ -0,0 +1,6 @@
+export interface ITreeItemBadge {
+  type: "icon" | "text";
+  iconName?: string;
+  text?: string;
+  iconColor?: "error" | "success" | "warning" | "disabled";
+}

package/dist/types/components/ez-tree/subcomponents/TreeItem.d.ts

@@ -10,7 +10,6 @@ interface TreeItemProps {
   tooltipResolver: (item: ITreeItem, enabled: boolean, level: number) => string;
   level?: number;
   itemsList: Array<ITreeItem>;
-  badge?: "error" | "warning" | "success" | null;
 }
 export declare const TreeItem: FunctionalComponent<TreeItemProps>;
 export {};

package/dist/types/components.d.ts

@@ -20,7 +20,7 @@ import { IFieldConfig, IFormConfig, IRecordValidator } from "./utils/form/interf
 import { FormItems } from "./components/ez-form-view/structure";
 import { IFormViewField } from "./components/ez-form-view/interfaces/IFormViewField";
 import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from "./components/ez-grid/controller/EzGridController";
-import { ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
+import { ICustomFormatter, ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
 import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
 import { ListGroup, ListItem, SlotBuilder as SlotBuilder1, TListMode } from "./components/ez-list/ez-list";
@@ -30,7 +30,8 @@ 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";
-import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-combo-box/ez-combo-box";
+import { IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
+import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1 } from "./components/ez-combo-box/ez-combo-box";
 import { Tab } from "./components/ez-tabselector/ez-tabselector";
 import { IStyled } from "./components/ez-text-edit/ez-text-edit";
 import { TFocusOptions as TFocusOptions1 } from "./components/ez-text-input/ez-text-input";
@@ -232,6 +233,10 @@ export namespace Components {
         "value": Date;
     }
     interface EzCardItem {
+        /**
+          * Determina se a chave do item deve ser exibida.
+         */
+        "enableKey": boolean;
         /**
           * Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`.
          */
@@ -413,10 +418,6 @@ export namespace Components {
           * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
          */
         "options": Array<IOption>;
-        /**
-          * Se true ativa o modo pesquisa do ez-combo-box.
-         */
-        "searchMode": boolean;
         /**
           * Remove o foco do campo.
          */
@@ -665,10 +666,18 @@ export namespace Components {
           * Determina o campo que deve ficar em evidência.
          */
         "fieldToFocus": string;
+        /**
+          * Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit.
+         */
+        "onlyStaticFields": boolean;
         /**
           * Define um validador responsável pela integridade dos registros.
          */
         "recordsValidator": IRecordValidator;
+        /**
+          * Altera/adiciona uma propriedade nos metadados do campo.
+         */
+        "setFieldProp": (fieldName: string, propName: string, value: any) => Promise<void>;
         /**
           * Realiza validação no conteúdo de todos os campos.
          */
@@ -679,6 +688,10 @@ export namespace Components {
           * Define a lista de metadados usada para criar os campos de user interface.
          */
         "fields": Array<IFormViewField>;
+        /**
+          * Altera/adiciona uma propriedade nos metados do campo.
+         */
+        "setFieldProp": (fieldName: string, propName: string, value: any) => Promise<void>;
         "showUp": () => Promise<void>;
     }
     interface EzGrid {
@@ -686,6 +699,10 @@ export namespace Components {
           * Adiciona item de menu nas colunas.
          */
         "addColumnMenuItem": (label: string, name: string, action: Function, icon: HTMLElement | string) => Promise<void>;
+        /**
+          * Registra um formatador de valores para uma coluna da grid.
+         */
+        "addCustomValueFormatter": (columnName: string, customFormatter: ICustomFormatter) => Promise<void>;
         /**
           * Define se a edição está habilitada na grid.
          */
@@ -714,6 +731,10 @@ export namespace Components {
           * Obtém o estado atual das colunas.
          */
         "getColumnsState": () => Promise<Array<EzGridColumn>>;
+        /**
+          * Retorna o formatador customizado da coluna caso exista.
+         */
+        "getCustomValueFormatter": (columnName: string) => Promise<ICustomFormatter | undefined>;
         /**
           * Obtém as linhas selecionadas.
          */
@@ -734,6 +755,14 @@ export namespace Components {
           * Define um validador responsável pela integridade dos registros.
          */
         "recordsValidator": IRecordValidator;
+        /**
+          * Atualiza linhas da grade.
+         */
+        "refreshSelectedRows": () => Promise<void>;
+        /**
+          * Remove o formatador de valores de uma coluna da grid.
+         */
+        "removeCustomValueFormatter": (columnName: string) => Promise<void>;
         /**
           * Configuração da seleção de grade no toast.
          */
@@ -1172,7 +1201,11 @@ export namespace Components {
         /**
           * Carrega as opções dinamicamente.
          */
-        "optionLoader": (argument: ISearchArgument1) => Promise<Array<IOption1>> | Array<IOption1> | IOption1;
+        "optionLoader": (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+        /**
+          * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "options": Array<IOption>;
         /**
           * Remove o foco do campo.
          */
@@ -1193,10 +1226,14 @@ export namespace Components {
           * Se true remove a opção vazia da lista.
          */
         "suppressEmptyOption": boolean;
+        /**
+          * Se true desabilita a digitação dentro do componente.
+         */
+        "suppressSearch": boolean;
         /**
           * Define o valor do campo.
          */
-        "value": IOption1 | string;
+        "value": IOption | string;
     }
     interface EzSidebarButton {
     }
@@ -1237,10 +1274,78 @@ export namespace Components {
          */
         "width": string;
     }
+    interface EzSplitButton {
+        /**
+          * Se false o usuário não pode interagir com o botão.
+         */
+        "enabled": boolean;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName": string;
+        /**
+          * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
+         */
+        "image": string;
+        /**
+          * Define o conteúdo do dropdown.
+         */
+        "items": Array<IDropdownItem>;
+        /**
+          * Texto a ser apresentado como label do botão.
+         */
+        "label": string;
+        /**
+          * Texto a ser apresentado como title do botão principal
+         */
+        "leftTitle": string;
+        /**
+          * Define o modo de uso do botão.
+         */
+        "mode": 'default' | 'icon-only' | 'icon-left';
+        /**
+          * Texto a ser apresentado como title do botão dropdown
+         */
+        "rightTitle": string;
+        /**
+          * Remove o foco de ambos os botões.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no botão principal.
+         */
+        "setLeftButtonFocus": () => Promise<void>;
+        /**
+          * Aplica o foco no botão do dropdown.
+         */
+        "setRightButtonFocus": () => Promise<void>;
+        /**
+          * Define o tamanho do ez-split-button.
+         */
+        "size": 'medium' | 'large';
+    }
     interface EzSplitItem {
+        /**
+          * Define se o item pode ser expandido
+         */
+        "enableExpand": boolean;
+        /**
+          * Define um título para o painel.
+         */
+        "label": string;
+        /**
+          * Define o tamanho inicial do painel.
+          * @values '%', 'fr'
+         */
+        "size"?: string;
     }
     interface EzSplitPanel {
+        /**
+          * Responsável por definir o painel que limita o tamanho do item expandido.
+         */
+        "anchorToExpand": boolean;
         "direction": 'row' | 'column';
+        "rebuildLayout": () => Promise<void>;
     }
     interface EzTabselector {
         /**
@@ -1698,6 +1803,10 @@ export interface EzSidebarButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzSidebarButtonElement;
 }
+export interface EzSplitButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzSplitButtonElement;
+}
 export interface EzTabselectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzTabselectorElement;
@@ -1953,6 +2062,12 @@ declare global {
         prototype: HTMLEzSkeletonElement;
         new (): HTMLEzSkeletonElement;
     };
+    interface HTMLEzSplitButtonElement extends Components.EzSplitButton, HTMLStencilElement {
+    }
+    var HTMLEzSplitButtonElement: {
+        prototype: HTMLEzSplitButtonElement;
+        new (): HTMLEzSplitButtonElement;
+    };
     interface HTMLEzSplitItemElement extends Components.EzSplitItem, HTMLStencilElement {
     }
     var HTMLEzSplitItemElement: {
@@ -2069,6 +2184,7 @@ declare global {
         "ez-search": HTMLEzSearchElement;
         "ez-sidebar-button": HTMLEzSidebarButtonElement;
         "ez-skeleton": HTMLEzSkeletonElement;
+        "ez-split-button": HTMLEzSplitButtonElement;
         "ez-split-item": HTMLEzSplitItemElement;
         "ez-split-panel": HTMLEzSplitPanelElement;
         "ez-tabselector": HTMLEzTabselectorElement;
@@ -2266,6 +2382,10 @@ declare namespace LocalJSX {
         "value"?: Date;
     }
     interface EzCardItem {
+        /**
+          * Determina se a chave do item deve ser exibida.
+         */
+        "enableKey"?: boolean;
         /**
           * Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`.
          */
@@ -2450,10 +2570,6 @@ declare namespace LocalJSX {
           * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
          */
         "options"?: Array<IOption>;
-        /**
-          * Se true ativa o modo pesquisa do ez-combo-box.
-         */
-        "searchMode"?: boolean;
         /**
           * Se true cada opção na lista exibe o `value` junto com `label`.
          */
@@ -2606,6 +2722,10 @@ declare namespace LocalJSX {
           * Emitido quando ocorrer um click em um item da lista, o IDropdownItem que recebeu o click deve ser enviado como data do evento.
          */
         "onEzClick"?: (event: EzDropdownCustomEvent<IDropdownItem>) => void;
+        /**
+          * Emitido quando ocorrer um click fora do componente.
+         */
+        "onEzOutsideClick"?: (event: EzDropdownCustomEvent<void>) => void;
         /**
           * Emitido quando ocorrer um click em uma ação secundaria do item,  o IDropdownSubAction deve ser enviado como data do evento.
          */
@@ -2720,6 +2840,10 @@ declare namespace LocalJSX {
           * Responsável por notificar quando ocorrer a renderização de itens do formulário.
          */
         "onFormItemsReady"?: (event: EzFormCustomEvent<FormItems>) => void;
+        /**
+          * Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit.
+         */
+        "onlyStaticFields"?: boolean;
         /**
           * Define um validador responsável pela integridade dos registros.
          */
@@ -2910,6 +3034,10 @@ declare namespace LocalJSX {
           * Emitido quando o modal é fechado.
          */
         "onEzCloseModal"?: (event: EzModalCustomEvent<boolean>) => void;
+        /**
+          * Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado. LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
+         */
+        "onEzModalAction"?: (event: EzModalCustomEvent<string>) => void;
         /**
           * Emitido quando o modal é aberto.
          */
@@ -3065,9 +3193,13 @@ declare namespace LocalJSX {
          */
         "heightMode"?: "auto" | "full";
         /**
-          * Emitido ao clicar no botão de fechar (onEzClosePopup).
+          * Evento emitido ao clicar no botão de fechar (onEzClosePopup).
          */
         "onEzClosePopup"?: (event: EzPopupCustomEvent<any>) => void;
+        /**
+          * Evento emitido ao clicar no botão de fechar (ezPopupAction = OK)
+         */
+        "onEzPopupAction"?: (event: EzPopupCustomEvent<string>) => void;
         /**
           * Define se o ez-popover está aberto.
          */
@@ -3161,11 +3293,15 @@ declare namespace LocalJSX {
         /**
           * Emitido quando acontece a alteração de valor do campo.
          */
-        "onEzChange"?: (event: EzSearchCustomEvent<IOption1>) => void;
+        "onEzChange"?: (event: EzSearchCustomEvent<IOption>) => void;
         /**
           * Carrega as opções dinamicamente.
          */
-        "optionLoader"?: (argument: ISearchArgument1) => Promise<Array<IOption1>> | Array<IOption1> | IOption1;
+        "optionLoader"?: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+        /**
+          * Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "options"?: Array<IOption>;
         /**
           * Se false cada opção na lista deve exibir somente o `label`.
          */
@@ -3178,10 +3314,14 @@ declare namespace LocalJSX {
           * Se true remove a opção vazia da lista.
          */
         "suppressEmptyOption"?: boolean;
+        /**
+          * Se true desabilita a digitação dentro do componente.
+         */
+        "suppressSearch"?: boolean;
         /**
           * Define o valor do campo.
          */
-        "value"?: IOption1 | string;
+        "value"?: IOption | string;
     }
     interface EzSidebarButton {
         /**
@@ -3226,9 +3366,76 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    interface EzSplitButton {
+        /**
+          * Se false o usuário não pode interagir com o botão.
+         */
+        "enabled"?: boolean;
+        /**
+          * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
+         */
+        "iconName"?: string;
+        /**
+          * Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
+         */
+        "image"?: string;
+        /**
+          * Define o conteúdo do dropdown.
+         */
+        "items"?: Array<IDropdownItem>;
+        /**
+          * Texto a ser apresentado como label do botão.
+         */
+        "label"?: string;
+        /**
+          * Texto a ser apresentado como title do botão principal
+         */
+        "leftTitle"?: string;
+        /**
+          * Define o modo de uso do botão.
+         */
+        "mode"?: 'default' | 'icon-only' | 'icon-left';
+        /**
+          * Emitido quando o botão principal é clicado
+         */
+        "onButtonClick"?: (event: EzSplitButtonCustomEvent<void>) => void;
+        /**
+          * Emitido quando um item do dropdown é clicado
+         */
+        "onDropdownItemClick"?: (event: EzSplitButtonCustomEvent<IDropdownItem>) => void;
+        /**
+          * Emitido quando uma subAction de um item do dropdown é clicada
+         */
+        "onDropdownSubActionClick"?: (event: EzSplitButtonCustomEvent<IDropdownSubAction>) => void;
+        /**
+          * Texto a ser apresentado como title do botão dropdown
+         */
+        "rightTitle"?: string;
+        /**
+          * Define o tamanho do ez-split-button.
+         */
+        "size"?: 'medium' | 'large';
+    }
     interface EzSplitItem {
+        /**
+          * Define se o item pode ser expandido
+         */
+        "enableExpand"?: boolean;
+        /**
+          * Define um título para o painel.
+         */
+        "label"?: string;
+        /**
+          * Define o tamanho inicial do painel.
+          * @values '%', 'fr'
+         */
+        "size"?: string;
     }
     interface EzSplitPanel {
+        /**
+          * Responsável por definir o painel que limita o tamanho do item expandido.
+         */
+        "anchorToExpand"?: boolean;
         "direction"?: 'row' | 'column';
     }
     interface EzTabselector {
@@ -3545,6 +3752,7 @@ declare namespace LocalJSX {
         "ez-search": EzSearch;
         "ez-sidebar-button": EzSidebarButton;
         "ez-skeleton": EzSkeleton;
+        "ez-split-button": EzSplitButton;
         "ez-split-item": EzSplitItem;
         "ez-split-panel": EzSplitPanel;
         "ez-tabselector": EzTabselector;
@@ -3601,6 +3809,7 @@ declare module "@stencil/core" {
             "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
             "ez-sidebar-button": LocalJSX.EzSidebarButton & JSXBase.HTMLAttributes<HTMLEzSidebarButtonElement>;
             "ez-skeleton": LocalJSX.EzSkeleton & JSXBase.HTMLAttributes<HTMLEzSkeletonElement>;
+            "ez-split-button": LocalJSX.EzSplitButton & JSXBase.HTMLAttributes<HTMLEzSplitButtonElement>;
             "ez-split-item": LocalJSX.EzSplitItem & JSXBase.HTMLAttributes<HTMLEzSplitItemElement>;
             "ez-split-panel": LocalJSX.EzSplitPanel & JSXBase.HTMLAttributes<HTMLEzSplitPanelElement>;
             "ez-tabselector": LocalJSX.EzTabselector & JSXBase.HTMLAttributes<HTMLEzTabselectorElement>;

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

@@ -2,5 +2,6 @@ export default class CSSVarsUtils {
   static applyCSSVars(document: DocumentOrShadowRoot, host: HTMLElement, child: HTMLElement): void;
   static applyVarsTextInput(host: HTMLElement, child: HTMLElement): void;
   static applyVarsButton(host: HTMLElement, child: HTMLElement): void;
+  static applyVarsGrid(host: HTMLElement, child: HTMLElement): void;
   private static applyIfExists;
 }

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

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/interfaces/AbstractFieldMetadata.d.ts

@@ -1,5 +1,6 @@
 import { FieldDescriptor, UserInterface } from "@sankhyalabs/core";
-import { IOption, ISearchArgument } from "../../components/ez-combo-box/ez-combo-box";
+import { ISearchArgument } from "../../components/ez-combo-box/ez-combo-box";
+import { IOption } from "../../components/ez-search/ez-search";
 import { IFieldConfig } from "./IFieldConfig";
 export default interface IAbstractFieldMetadata {
   userInterface: UserInterface;

package/dist/types/utils/interfaces/IAction.d.ts

@@ -3,5 +3,5 @@ export default interface IAction {
   label: string;
   enabled?: boolean;
   iconName?: string;
-  itemBuilder?: (actionButton: HTMLEzActionsButtonElement, action: IAction) => HTMLElement;
+  itemBuilder?: (actionButton: any, action: IAction) => HTMLElement | string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "5.20.4",
+  "version": "5.21.0-dev.10",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -21,7 +21,7 @@
     "build.prod": "stencil build --docs --prod",
     "build.with.peerdeps": "stencil build --docs --prod --force-peer-deps",
     "start": "stencil build --dev --watch --serve --force-peer-deps",
-    "test": "stencil test --spec --e2e --logHeapUsage --runInBand",
+    "test": "stencil test --spec --e2e --logHeapUsage --runInBand --coverage --silent --testResultsProcessor jest-sonar-reporter",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
     "storybook": "npm run start.storybook",
@@ -49,11 +49,10 @@
     "@babel/preset-env": "^7.16.11",
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^18.4.3",
-    "@sankhyalabs/core": "^5.11.0",
+    "@sankhyalabs/core": "^5.16.0",
     "@sankhyalabs/docscss": "^1.0.4",
     "@sankhyalabs/ez-design": "^4.0.0",
     "@sankhyalabs/skippeerdeps": "^1.0.2",
-    "split-grid": "^1.0.11",
     "@shopify/draggable": "^1.0.0-beta.8",
     "@stencil/core": "^2.13.0",
     "@stencil/react-output-target": "0.0.9",
@@ -72,18 +71,27 @@
     "husky": "^8.0.3",
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
+    "jest-sonar-reporter": "^2.0.0",
     "npm-run-all": "^4.1.5",
     "puppeteer": "^5.5.0",
     "redux": "^4.1.2",
     "redux-thunk": "^2.4.1",
     "redux-undo": "^1.0.1",
     "run-p": "0.0.0",
+    "split-grid": "^1.0.11",
     "storybook-addon-preview": "^2.2.0",
     "uuid": "^9.0.0",
     "ws": "^7.5.6"
   },
   "jest": {
-    "verbose": true
+    "verbose": true,
+    "testResultsProcessor": "jest-sonar-reporter"
+  },
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "test-report.xml",
+    "indent": 4
   },
   "peerDependencies": {
     "@sankhyalabs/core": "^5.0.0"