@sankhyalabs/ezui 5.20.0-dev.4 → 5.20.0-dev.41

package/dist/types/components/ez-card-item/ez-card-item.d.ts

@@ -20,6 +20,10 @@ export declare class EzCardItem {
    * `{title: string, key: string, details: any}`.
    */
   item: CardItem;
+  /**
+   * Determina se a chave do item deve ser exibida.
+   */
+  enableKey: boolean;
   /**
    * Emitido sempre que o ez-card é clicado.
    */

package/dist/types/components/ez-combo-box/ez-combo-box.d.ts

@@ -12,7 +12,6 @@ export declare class EzComboBox {
   private _maxWidthValue;
   private _tabPressed;
   private _textEmptyList;
-  private _textEmptySearch;
   private _lookupMode;
   private _resizeObserver;
   private el;
@@ -46,10 +45,6 @@ export declare class EzComboBox {
    * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
    */
   errorMessage: string;
-  /**
-   * Se true ativa o modo pesquisa do ez-combo-box.
-   */
-  searchMode: boolean;
   /**
    * Se true a opção selecionada exibe o `value` junto com `label`.
    */
@@ -122,6 +117,7 @@ export declare class EzComboBox {
   private getText;
   private getSelectedOption;
   private updateVisibleOptions;
+  private hasToAddEmptyoption;
   private getMaxWidthValue;
   private getWidthValue;
   private buildItem;
@@ -133,26 +129,16 @@ export declare class EzComboBox {
   private scrollToOption;
   private selectCurrentOption;
   private updateSource;
-  private clearSource;
   private selectOption;
   private loadOptions;
   private cancelPreselection;
   private setInputValue;
   private clearSearch;
-  private controlListWithOnlyOne;
-  private controlEmptySearch;
-  private validateDescriptionValue;
-  private loadDescriptionValue;
-  private setDescriptionValue;
-  private loadOptionValue;
-  private showNoResultMessage;
-  private getFieldLabel;
   private resetOptions;
   componentWillLoad(): void;
   componentDidRender(): void;
   componentDidLoad(): void;
   private handlerIconClick;
-  private buildNumberArgument;
   private onTextInputChangeHandler;
   private clearDeboucingTimeout;
   private onTextInputClickHandler;

package/dist/types/components/ez-form-view/ez-form-view.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IFormViewField } from './interfaces/IFormViewField';
+import { UserInterface } from '@sankhyalabs/core';
 import { FormItems } from './structure';
 export declare class EzFormView {
   _element: HTMLEzFormViewElement;
@@ -18,5 +19,7 @@ export declare class EzFormView {
   showUp(): Promise<void>;
   private groupFields;
   componentDidRender(): void;
+  isItemFullWidth(userInterface: UserInterface): boolean;
+  buildFormItemElement(item: IFormViewField, classItem?: string): any;
   render(): any;
 }

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

@@ -109,6 +109,7 @@ export default interface EzGridController {
   locateColumn(columnName: string): void;
   configFilterColumn(filterColumn: FilterCollumn): any;
   getFilter(): Array<Filter> | undefined;
+  clearFilter(): void;
 }
 /**
  * Carrega as informações necessárias para contextualizar corretamente a instância.

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

@@ -32,12 +32,14 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _editionManager;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
+  clearFilter(): void;
   private showFilterColumn;
   constructor(enterprise: boolean);
   getGridConfig(): Array<EzGridColumnConfig>;
   locateColumn(columnName: string): void;
   getSort(_dataUnitName: string, defaultSorting: Array<Sort>): Array<Sort>;
   getFilter(): Array<Filter> | undefined;
+  private getExpression;
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
   private setFilterColumnLeftPosition;
   private buildMenuItemOptions;

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

@@ -1,5 +1,5 @@
 import { IServerSideDatasource, IServerSideGetRowsParams } from "ag-grid-community";
-import { DataUnit, QuickFilter } from "@sankhyalabs/core";
+import { DataUnit, QuickFilter } from '@sankhyalabs/core';
 import EzGridController, { EzGridColumn, EzGridOptions } from "../EzGridController";
 export default class DataSource implements IServerSideDatasource {
   private _controller;
@@ -10,6 +10,7 @@ export default class DataSource implements IServerSideDatasource {
   quickFilter: QuickFilter;
   readonly RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
   private duObserver;
+  private updateLoadedRecords;
   private isSilentChange;
   constructor(dataUnit: DataUnit, controller: EzGridController, options: EzGridOptions);
   private updateSelection;

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

@@ -0,0 +1,8 @@
+import { DUActionInterceptor, DataUnitAction } from "@sankhyalabs/core";
+import EzGridController from "../EzGridController";
+export declare class DataSourceInterceptor implements DUActionInterceptor {
+  private _controller;
+  constructor(controller: EzGridController);
+  private clearColumnFilter;
+  interceptAction(action: DataUnitAction): DataUnitAction | Promise<DataUnitAction>;
+}

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

@@ -2,7 +2,7 @@ import { IHeaderParams } from 'ag-grid-community';
 export interface IEzGridCustomHeaderParams {
   tooltip?: string;
   hasFilter?: () => boolean;
-  showColumnFilter?: (leftPosition: string, fromIcon: boolean) => void;
+  showColumnFilter?: (leftPosition: number) => void;
 }
 export declare class EzGridCustomHeader {
   private params;

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

@@ -1,9 +1,9 @@
 import { DataUnit } from '@sankhyalabs/core';
 import { EventEmitter } from '../../stencil-public-runtime';
+import { IRecordValidator } from '../../utils/form/interfaces';
 import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
-import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from './controller/EzGridController';
+import { EzGridColumStateEvent, EzGridColumn, EzGridColumnConfig, IGridConfig, IStatusResolver, StatusResolverFunction } from './controller/EzGridController';
 import { ISelection, ISelectionToastConfig } from './interfaces';
-import { IRecordValidator } from '../../utils/form/interfaces';
 export declare class EzGrid {
   private _container;
   private _refPaginationControl;
@@ -13,6 +13,9 @@ export declare class EzGrid {
   private _messageFilterAppliedSuccess;
   private _gridApi;
   private _filterColumn;
+  private _refPaginationLabel;
+  private _refPaginationLabelTooltip;
+  private _headerOverflowWatcher;
   _element: HTMLElement;
   private _paginationInfo;
   private _paginationChangedByKeyboard;
@@ -123,6 +126,7 @@ export declare class EzGrid {
    */
   filterColumns(search: string): Promise<Array<EzGridColumn>>;
   observeConfig(config: IGridConfig): void;
+  updatePaginationTooltip(): void;
   onSelectionChange(evt: CustomEvent): void;
   private setSelection;
   private onSelectAllRecords;
@@ -130,6 +134,7 @@ export declare class EzGrid {
   private onClearSelectedRecords;
   private createConfigFromState;
   private positionSelectionCounter;
+  private calculatePositionLeft;
   private setEvents;
   private resizeSelectionCounter;
   private configSelectionCounter;
@@ -140,6 +145,16 @@ export declare class EzGrid {
   private resetPaginationState;
   private getPaginationControl;
   componentDidLoad(): void;
+  private handlePaginationChange;
+  private _getActualPageLabel;
+  private _getRemainingPageLabel;
+  private _getPaginationTooltip;
+  private _initHeaderOverflowWatcher;
+  private buildOverFlowWatcherParams;
+  private handleOverFlow;
+  private _hidePaginationDescription;
+  private _showPaginationDescription;
+  disconnectedCallback(): void;
   componentWillRender(): void;
   componentDidRender(): void;
   componentWillLoad(): void;

package/dist/types/components/ez-grid/subcomponents/filter-column.d.ts

@@ -8,6 +8,8 @@ export declare class FilterColumn {
   private readonly TOP_POSITION_NO_TASKBAR;
   private readonly TOP_POSITION_NO_TASKBAR_HEADER_HIDDEN;
   private readonly DEFAULT_HEIGHT;
+  private readonly FIX_MARGIN;
+  private readonly FILTER_COLUMN_WIDTH;
   private ezPopoverElement;
   private ezMultiSelectionList;
   applyFilterColumnOptions: EventEmitter<IAppliedFilterColumnOptions>;
@@ -30,6 +32,7 @@ export declare class FilterColumn {
    */
   show(configs: IFilterColumnConfigs): Promise<void>;
   private calculateLeftPosition;
+  private calcFilterColumnLeftPosition;
   private buildIsTextSearch;
   private calcTopPosition;
   private buildReferenceTopPosition;
@@ -47,7 +50,7 @@ export declare class FilterColumn {
 export interface IFilterColumnConfigs {
   columnName: string;
   columnLabel: string;
-  leftPosition: string;
+  leftPosition: number;
   filteredOptions?: IMultiSelectionOption[];
   fromIcon?: boolean;
 }

package/dist/types/components/ez-guide-navigator/interfaces/IGuideItem.d.ts

@@ -1,5 +1,4 @@
 import { ITreeItem } from "../../ez-tree/interfaces/ITreeItem";
 export interface IGuideItem extends ITreeItem {
   children?: Array<IGuideItem> | ((item: IGuideItem) => Promise<Array<IGuideItem>>);
-  badge?: "error" | "warning" | "success" | null;
 }

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

@@ -38,6 +38,7 @@ export declare class EzModalContainer {
    * LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
    */
   ezModalAction: EventEmitter<string>;
+  handleKeyDown(event: KeyboardEvent): void;
   private cancelIsVisible;
   private okIsVisible;
   componentDidLoad(): void;

package/dist/types/components/ez-multi-selection-list/ez-multi-selection-list.d.ts

@@ -58,7 +58,6 @@ export declare class EzMuiltiSelectionList {
   private handleSearchOnOption;
   private handleChangeSelectAllItems;
   private handleChangeSelectedItem;
-  private clearInputs;
   private buildViewList;
   private buildDeleteIconSlot;
   private buildInitViewWithDataSource;

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

@@ -25,10 +25,15 @@ export declare class EzPopup {
    */
   ezTitle: string;
   /**
-   * Emitido ao clicar no botão de fechar (onEzClosePopup).
+   * Evento emitido ao clicar no botão de fechar (onEzClosePopup).
    */
   ezClosePopup: EventEmitter;
+  /**
+   * Evento emitido ao clicar no botão de fechar (ezPopupAction = OK)
+   */
+  ezPopupAction: EventEmitter<string>;
   observeConfig(): void;
+  handleKeyDown(event: KeyboardEvent): void;
   private manageOverflow;
   private manageOverlay;
   getGridSize(): string;

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

@@ -1,8 +1,30 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IEzCheckBoxListPosition, IOption, ISearchArgument } from '../ez-combo-box/ez-combo-box';
+import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
 export declare class EzSearch {
-  private _elem;
-  private _comboElement;
+  private _textInput;
+  private _optionsList;
+  private _listContainer;
+  private _listWrapper;
+  private _itemValueBasis;
+  private _floatingID;
+  private _source;
+  private _changeDeboucingTimeout;
+  private _limitCharsToSearch;
+  private _deboucingTime;
+  _maxWidthValue: number;
+  private _tabPressed;
+  private _textEmptyList;
+  private _textEmptySearch;
+  private _lookupMode;
+  private _resizeObserver;
+  private _startHighlightTag;
+  private _endHighlightTag;
+  private el;
+  private _preSelection;
+  private _visibleOptions;
+  private _startLoading;
+  private _showLoading;
+  private _criteria;
   /**
    * Define o valor do campo.
    */
@@ -63,15 +85,26 @@ export declare class EzSearch {
    * Emitido quando acontece a alteração de valor do campo.
    */
   ezChange: EventEmitter<IOption>;
+  /**
+   * Array com as opções do ez-combo-box. Os elementos devem obedecer
+   * o formato: `{value: string, label: string}`.
+   */
+  options: Array<IOption>;
+  /**
+   * Se true desabilita a digitação dentro do componente.
+   */
+  suppressSearch: boolean;
   observeErrorMessage(): void;
-  observeValue(): void;
+  observeValue(newValue: IOption | string, oldValue: IOption | string): void;
+  observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
+  getValueAsync(): Promise<unknown>;
   /**
-    * Aplica o foco no campo.
-    */
+   * Aplica o foco no campo.
+   */
   setFocus(): Promise<void>;
   /**
-    * Remove o foco do campo.
-    */
+   * Remove o foco do campo.
+   */
   setBlur(): Promise<void>;
   /**
    * Retorna se o conteúdo é inválido.
@@ -81,8 +114,65 @@ export declare class EzSearch {
    * Limpa o valor do campo de pesquisa
    */
   clearValue(): Promise<void>;
-  getValueAsync(): Promise<unknown>;
-  onComboChange(event: any): void;
+  scrollListener(): void;
+  private updateListPosition;
+  private getListPosition;
+  private isDifferentValues;
+  private getFormattedText;
+  private getText;
+  private getSelectedOption;
+  private updateVisibleOptions;
+  private getMaxWidthValue;
+  private getWidthValue;
+  private createOption;
+  private buildItem;
+  private showOptions;
+  private hideOptions;
+  private isOptionsVisible;
+  private nextOption;
+  private previousOption;
+  private scrollToOption;
+  private selectCurrentOption;
+  private updateSource;
+  private clearSource;
+  private selectOption;
+  private loadOptions;
+  private cancelPreselection;
+  private setInputValue;
+  private clearSearch;
+  private controlListWithOnlyOne;
+  private controlEmptySearch;
+  private validateDescriptionValue;
+  private loadDescriptionValue;
+  private setDescriptionValue;
+  private loadOptionValue;
+  private showNoResultMessage;
+  private getFieldLabel;
+  private resetOptions;
+  componentWillLoad(): void;
+  componentDidRender(): void;
   componentDidLoad(): void;
+  private handlerIconClick;
+  private buildNumberArgument;
+  private onTextInputChangeHandler;
+  private clearDeboucingTimeout;
+  private keyDownHandler;
+  private onTextInputFocusOutHandler;
+  private canShowListOptions;
   render(): any;
 }
+export interface IOption {
+  value: string;
+  label: string;
+  details?: any;
+}
+export interface ISearchArgument {
+  mode: SearchMode;
+  argument: string;
+}
+declare enum SearchMode {
+  ADVANCED = "ADVANCED",
+  PRELOAD = "PRELOAD",
+  PREDICTIVE = "PREDICTIVE"
+}
+export {};

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

@@ -0,0 +1,92 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IDropdownItem, IDropdownSubAction } from '../ez-dropdown/structure/DropdownItem';
+export declare class EzSplitButton {
+  _element: HTMLElement;
+  private leftButton;
+  private rightButton;
+  private dropdownParent;
+  private rightDefaultTitle;
+  private offsetParentRect;
+  private show;
+  /**
+   * 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;
+  /**
+   * Texto a ser apresentado como title do botão dropdown
+   */
+  rightTitle: string;
+  /**
+   * Define o modo de uso do botão.
+   */
+  mode: 'default' | 'icon-only' | 'icon-left';
+  /**
+   * Define o tamanho do ez-split-button.
+   */
+  size: 'medium' | 'large';
+  /**
+   * Emitido quando o botão principal é clicado
+   */
+  buttonClick: EventEmitter<void>;
+  /**
+   * Emitido quando um item do dropdown é clicado
+   */
+  dropdownItemClick: EventEmitter<IDropdownItem>;
+  /**
+   * Emitido quando uma subAction de um item do dropdown é clicada
+   */
+  dropdownSubActionClick: EventEmitter<IDropdownSubAction>;
+  /**
+   * 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>;
+  clickListener(evt: MouseEvent): void;
+  private getIconSize;
+  private closeDropdown;
+  private toggleDropdown;
+  private handleButtonClick;
+  private handleDropdownItemClick;
+  private handleDropdownSubActionClick;
+  private resolveOffsetParentRect;
+  /**
+   * Método responsável em posicionar o dropdown na tela.
+   * Faz com que o dropdown se ajuste automaticamente ao espaco na tela
+   */
+  private positionDropdown;
+  private setEvents;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  render(): any;
+  private shouldShowLabelOnLeftButton;
+  private shouldShowIconOnLeftButton;
+}

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

@@ -0,0 +1,2 @@
+import { IDropdownItem } from "../../ez-dropdown/structure/DropdownItem";
+export declare const dropdownItems: Array<IDropdownItem>;

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

@@ -0,0 +1,28 @@
+import { SplitOptions } from 'split-grid';
+export declare class SplitPanel {
+  direction: 'row' | 'column';
+  /**
+   * Responsável por definir o painel que limita o tamanho do item expandido.
+   */
+  anchorToExpand: boolean;
+  _element: HTMLElement;
+  _items: HTMLEzSplitItemElement[];
+  _panelID: string;
+  _mutationObserver: MutationObserver;
+  _buildInProgress: boolean;
+  rebuildLayout(): void;
+  private buildItems;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  initSplit(): void;
+  getGutters(): SplitOptions;
+  addItemGutter(item: HTMLEzSplitItemElement): void;
+  getElementStyle(): {
+    display: string;
+    height: string;
+    width: string;
+    position: string;
+  };
+  getGridTemplate(): string;
+  render(): any;
+}

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

@@ -1,3 +1,30 @@
 export declare class SplitItem {
+  _element: HTMLElement;
+  /**
+   * Define um título para o painel.
+   */
+  label: string;
+  /**
+   * Define se o item pode ser expandido
+   */
+  enableExpand: boolean;
+  /**
+   * Define se o item está expandido
+   */
+  private _expanded;
+  /**
+   * Alterna a visibilidade do painel.
+   */
+  toggleExpandItem(): void;
+  /**
+   * Define o tamanho inicial do painel.
+   * @values '%', 'fr'
+   */
+  size?: string;
+  /**
+   * Referência ao elemento que contém o slot.
+  **/
+  private _slot;
+  componentDidLoad(): void;
   render(): any;
 }

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

@@ -1,6 +1,8 @@
+import { ITreeItemBadge } from "./ITreeItemBadge";
 export interface ITreeItem {
   id: string;
   label: string;
+  bold?: boolean;
   children?: Array<ITreeItem> | ((item: ITreeItem) => Promise<Array<ITreeItem>>);
   childrenCount?: number;
   iconExpanded?: string;
@@ -8,5 +10,5 @@ export interface ITreeItem {
   tooltip?: string;
   expanded?: boolean;
   disabled?: boolean;
-  badge?: "error" | "warning" | "success" | null;
+  badge?: "error" | "warning" | "success" | ITreeItemBadge | null;
 }

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 {};