@sankhyalabs/ezui 6.0.2 → 6.1.0-dev.10

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

@@ -20,7 +20,6 @@ export declare class EzComboBox {
   private _startLoading;
   private _showLoading;
   private _criteria;
-  private _textInputReady;
   /**
    * Define o limite de caracteres mínimo para realizar uma pesquisa
    */
@@ -94,6 +93,18 @@ export declare class EzComboBox {
    * Se true o campo de texto receberá o foco ao ser renderizado.
    */
   autoFocus: boolean;
+  /**
+   * Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções.
+   */
+  preventAutoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
+  /**
+   * Texto a ser apresentado na opção de valor nulo.
+   */
+  textEmptyOption: string;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */
@@ -135,8 +146,9 @@ export declare class EzComboBox {
   private setInputValue;
   private clearSearch;
   private resetOptions;
-  componentDidRender(): void;
   componentWillLoad(): void;
+  private setResizeObserver;
+  connectedCallback(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   private handlerIconClick;

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

@@ -49,6 +49,10 @@ export declare class EzDateInput {
    * Se true o campo de texto receberá o foco ao ser renderizado.
    */
   autoFocus: boolean;
+  /**
+   * Texto alternativo ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: Date, oldValue: Date): void;

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

@@ -53,6 +53,10 @@ export declare class EzDateTimeInput {
    * Se true o campo de texto receberá o foco ao ser renderizado.
    */
   autoFocus: boolean;
+  /**
+   * Texto alternativo ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: Date, oldValue: Date): void;

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

@@ -25,6 +25,7 @@ export declare class EzDialog {
   private _overlayId;
   private _canFocusOnPrimaryBtn;
   private _lastActiveElement;
+  private _keyboardManager;
   /**
    * Define se o ez-dialog será utilizado no modo de confirmação.
    */

package/dist/types/components/ez-double-list/doubleListHelper.d.ts

@@ -1,7 +1,9 @@
-import { ListItem } from '../ez-list/ez-list';
+import { ListItem } from "../ez-sortable-list/ez-sortable-list";
 export declare function moveItems(selectedItemsList: string[], itemsList: ListItem[], foward: boolean): ListItem[];
 export declare function transferAll({ from, to, selectedFrom, selectedTo }: TransferConfig): TransferConfig;
-export declare function transferItems({ from, to, selectedFrom, selectedTo }: TransferConfig): TransferConfig;
+export declare function transferItems({ from, to, selectedFrom, selectedTo, insertIndex, }: TransferConfig & {
+  insertIndex?: number;
+}): TransferConfig;
 export interface TransferConfig {
   from: ListItem[];
   to: ListItem[];

package/dist/types/components/ez-double-list/ez-double-list.d.ts

@@ -1,10 +1,20 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { ListItem } from '../ez-list/ez-list';
+import { ListItem } from '../ez-sortable-list/ez-sortable-list';
+export interface DoubleListSlotConfig {
+  itemLeftSlotBuilder?: (item: any) => HTMLElement | string;
+  itemRightSlotBuilder?: (item: any) => HTMLElement | string;
+}
+export interface DoubleListSlots {
+  LEFT_LIST?: DoubleListSlotConfig;
+  RIGHT_LIST?: DoubleListSlotConfig;
+}
+export interface EmptyMessage {
+  LEFT_LIST?: string;
+  RIGHT_LIST?: string;
+}
 export declare class EzDoubleList {
   readonly LEFT_LIST_ID = "LEFT-LIST-ID";
   readonly RIGHT_LIST_ID = "RIGHT-LIST-ID";
-  readonly LEFT_FILTER_ID = "LEFT-FILTER-ID";
-  readonly RIGHT_FILTER_ID = "RIGHT-FILTER-ID";
   /**
    * Define a lista origem.
    */
@@ -23,7 +33,7 @@ export declare class EzDoubleList {
    */
   entityLabel: string;
   /**
-   * Variação plura do nome da entidade listada.
+   * Variação plural do nome da entidade listada.
    * Exemplo: "Campos", "Itens", "Empresas".
    */
   entityLabelPlural: string;
@@ -35,29 +45,51 @@ export declare class EzDoubleList {
    * Rótulo da lista direita.
    */
   rightListLabel: string;
+  /**
+   * Define se irá exibir apenas a lista da direita.
+   */
+  useOnlyRightList: boolean;
   /**
    * Define o título da lista destino.
    */
   rightTitle: string;
+  /** Objeto que define as mensagens a serem exibidas quando a lista está vazia
+   * Exemplo:
+   * {
+   *  LEFT_LIST?: "Lista lado esquerdo vazia.",
+   *  RIGHT_LIST?: "Lista lado direito vazia.";
+   * }
+   */
+  emptyMessage: EmptyMessage;
+  /**
+   * Objeto que define os métodos de construção dos elementos visuais para os itens de cada lista.
+   *
+   * Este objeto permite configurar dinamicamente os elementos HTML que serão exibidos ao lado
+   * esquerdo e direito dos itens em ambas as listas (`LEFT_LIST` e `RIGHT_LIST`).
+   */
+  slotsListBuilder: DoubleListSlots;
   leftFilteredList: ListItem[];
   rightFilteredList: ListItem[];
   selectedLeftList: string[];
   selectedRightList: string[];
   isFilteringLeft: boolean;
   isFilteringRight: boolean;
+  /**
+   * Emitido ao realizar uma alteração na lista esquerda do componente.
+   */
   ezLeftListChanged: EventEmitter<Array<ListItem>>;
+  /**
+   * Emitido ao realizar uma alteração na lista direita do componente.
+   */
   ezRightListChanged: EventEmitter<Array<ListItem>>;
   resetSelectedLists(): Promise<void>;
   observeLeftList(newValue: any, oldValue: any): void;
   observeRightList(newValue: any, oldValue: any): void;
   private leftEzListInstance;
   private rightEzListInstance;
-  private leftEzFilterInput;
-  private rightEzFilterInput;
-  private handleFilterChangeLeft;
-  private handleFilterChangeRight;
-  private handleChangeLeft;
-  private handleChangeRight;
+  handleChangeLeft({ detail }: CustomEvent): Promise<void>;
+  handleChangeRight({ detail }: CustomEvent): Promise<void>;
+  private reorderArray;
   private enableTransferAllToRight;
   private enableTransferAllToLeft;
   private enableTransferToRight;
@@ -67,21 +99,25 @@ export declare class EzDoubleList {
   private getRightSelectedItemsIndex;
   private transferToRight;
   private transferToLeft;
-  private handleTransferAllToRight;
-  private handleTransferAllToLeft;
+  handleTransferAllToRight(): Promise<void>;
+  handleTransferAllToLeft(): Promise<void>;
   private buildTransferToRightConfig;
   private buildTransferToLeftConfig;
-  private handleMoveUp;
-  private handleMoveDown;
-  private handleMoveToTop;
-  private handleMoveToBottom;
-  private handleSelectLeftItem;
-  private handleSelectRightItem;
-  private getItemsToKeepAndToMove;
-  private handleTransferToRight;
-  private handleTransferToLeft;
-  private buildTotalizer;
-  private renderLeftList;
-  private renderRightList;
+  handleMoveUp(): void;
+  handleMoveDown(): void;
+  handleMoveToTop(): void;
+  handleMoveToBottom(): void;
+  handleSelectLeftItem({ detail }: CustomEvent): void;
+  handleSelectRightItem({ detail }: CustomEvent): void;
+  getItemsToKeepAndToMove(): {
+    itemsToKeep: ListItem[];
+    itemsToMove: ListItem[];
+  };
+  handleTransferToRight(): Promise<void>;
+  handleTransferToLeft(): Promise<void>;
+  clearSelectionAll(): Promise<void>;
+  handleChooseLeft(): void;
+  handleChooseRight(): void;
+  private renderList;
   render(): any;
 }

package/dist/types/components/ez-dropdown/structure/DropdownItem.d.ts

@@ -19,10 +19,10 @@ export interface IDropdownGroup {
 export interface IDropdownItem {
   id: any;
   label: string;
-  type: 'divider' | 'item' | 'loading';
+  type?: 'divider' | 'item' | 'loading';
   children?: Array<IDropdownItem>;
-  iconName: string;
-  subAction: IDropdownSubAction;
-  group: string | IDropdownGroup;
+  iconName?: string;
+  subAction?: IDropdownSubAction;
+  group?: string | IDropdownGroup;
 }
 export {};

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

@@ -12,6 +12,10 @@ export declare class EzForm {
   private _dataBinder;
   private _customEditors;
   private _application;
+  private _fieldSearch;
+  private _ezPopoverSearchField;
+  private _container;
+  private _keyboardManager;
   private _fieldsProps;
   private _singleColumn;
   /**
@@ -35,6 +39,14 @@ export declare class EzForm {
    * 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 se o formulario deve exibir um buscador de coluna com uso do Ctrl+F
+   */
+  useSearchField: boolean;
+  /**
+   * Define uma ancoragem
+   */
+  elementFocusSearchField: HTMLElement;
   /**
    * Emitido quando o campo recebe foco
    */
@@ -66,6 +78,12 @@ export declare class EzForm {
   setFieldProp(fieldName: string, propName: string, value: any): Promise<void>;
   private getDynamicContent;
   private buildFormContent;
+  private renderFieldColumn;
+  private getFormFields;
+  private fieldsOptionLoader;
+  private onSelectField;
+  private initKeyboardManager;
+  componentDidLoad(): void;
   private processMetadata;
   private isStatic;
   private bindFields;

package/dist/types/components/ez-form-view/fieldbuilder/templates/RichText.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildRichText: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInputPlus.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildSearchPlus: ({ name, label, readOnly, contextName, canShowError, optionLoader, props }: IFormViewField) => HTMLElement;

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

@@ -146,7 +146,7 @@ export default interface EzGridController {
   /**
    * Localiza determinada coluna tornando-a visível.
    */
-  locateColumn(columnName: string): void;
+  locateColumn(columnName: string, gridElement: HTMLElement): void;
   configFilterColumn(filterColumn: FilterCollumn): any;
   getFilter(): Array<Filter> | undefined;
   clearFilter(): void;
@@ -277,6 +277,10 @@ export interface EzGridOptions {
    * Informa se a coluna de chechbox deve ser suprimida
    */
   suppressCheckBoxCol?: boolean;
+  /**
+   * Define se a grade deve suprimir o scroll horizontal.
+   */
+  suppressHorizontalScroll?: boolean;
 }
 /**
  * Representa cada coluna da grade.
@@ -397,6 +401,10 @@ export interface EzGridColumnConfig {
    * Largura customizada da coluna em pixels absolutos.
    */
   customWidth?: number;
+  /**
+   * Versão da configuração (utilizada para compatibilidade durante a leitura da config).
+   */
+  configVersion?: number;
 }
 export interface IStatusResolver {
   [fieldName: string]: Map<String, any>;

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

@@ -42,13 +42,15 @@ export default class AgGridController implements EzGridController, SortingProvid
   private observer;
   private _gridShowDom;
   private peddingExecutionsOnGridShow;
+  private _lastColsConfig;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   clearFilter(): void;
   private showFilterColumn;
   constructor(_enterprise: boolean);
   getGridConfig(): Array<EzGridColumnConfig>;
-  locateColumn(columnName: string): void;
+  locateColumn(columnName: string, gridElement: HTMLElement): void;
+  highlightColumnHeader(columnName: string, gridElement: HTMLElement): void;
   getSort(_dataUnitName: string, defaultSorting: Array<Sort>): Array<Sort>;
   getFilter(): Array<Filter> | undefined;
   private getExpression;
@@ -58,6 +60,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private buildMenuItemOptions;
   private buildMenuItemOptionSort;
   private buildMenuItemFilterColumn;
+  private resolveDescriptionColMetadata;
   private buildMenuItemOptionPin;
   private sortDataByColumn;
   private getRowHeight;
@@ -95,11 +98,14 @@ export default class AgGridController implements EzGridController, SortingProvid
   private setFocusOnRow;
   private focusByCollAndRow;
   setColumnsDef(cols: Array<EzGridColumn>): void;
+  private setColsDefsWithStateIfNeeded;
+  private getColsDefWithConfigApplied;
   clearRangeSelection(): void;
   hideSelectionColumn(): void;
   showSelectionColumn(): void;
   getColumnsDef(): Array<EzGridColumn>;
   setColumnsState(state: Array<EzGridColumnConfig>): void;
+  private needToAddDescriptionColumn;
   getColumnsState(): Array<EzGridColumn>;
   getSelection(): Array<any>;
   addColumnMenuItem(item: EzGridColumnMenuItemDef): void;
@@ -107,6 +113,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   setSelectedIndex(index: number): void;
   hasFilterColumn(columnName: string): boolean;
   private buildColDef;
+  private setHTMLRender;
   setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
   refreshSelectedRows(): void;
   private getInitCellStyle;
@@ -133,4 +140,6 @@ export default class AgGridController implements EzGridController, SortingProvid
   resetPaginationState(): void;
   stopEdit(): void;
   private getColumnWidth;
+  private getColumnWidthByLabel;
+  private getCodeColFromDescriptionCol;
 }

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

@@ -44,4 +44,5 @@ export default class DataSource implements IServerSideDatasource {
   destroy(): void;
   registryListeners(): void;
   buildColumnDefs(): Array<EzGridColumn>;
+  private buildDescriptionColumn;
 }

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

@@ -23,6 +23,7 @@ export default class GridEditionManager {
   private _nextInvalidCell;
   private _currentEditLock;
   private _lockerId;
+  private _inProgressChanges;
   constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean, customEditors?: Map<string, ICustomEditorInfo>, customRenders?: Map<string, ICustomRenderInfo>, enableContinuousInsert?: boolean, enableGridInsert?: boolean, lockerId?: string);
   configureGrid(options: GridOptions): GridOptions;
   updateCurrentEditorGuiValue(updatedRowValue: Record): void;
@@ -53,6 +54,7 @@ export default class GridEditionManager {
   private finishEdition;
   private canEdit;
   private isColEditable;
+  private isTypeFile;
   private isSecondClick;
   private onCellEditRequest;
   private handlePromiseValue;

package/dist/types/components/ez-grid/controller/ag-grid/editor/templates/SearchPlus.tpl.d.ts

@@ -0,0 +1,3 @@
+import { IUICellEditor } from "../IUICellEditor";
+import { IEditorMetadata } from '../IEditorMetadata';
+export declare const buildSearchPlus: ({ name, required, readOnly, dataUnit }: IEditorMetadata) => IUICellEditor;

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

@@ -3,11 +3,12 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { IRecordValidator } from '../../utils/form/interfaces';
 import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
 import { EzGridColumStateEvent, EzGridColumn, EzGridColumnConfig, IGridConfig, IStatusResolver, StatusResolverFunction } from './controller/EzGridController';
-import { ICustomFormatter, ISelection, ISelectionToastConfig } from './interfaces';
+import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from './interfaces';
 import { ICustomEditor } from '../../utils/customEditor/interfaces/ICustomEditor';
 import { ICustomRender } from '../../utils/customRender/interfaces/ICustomRender';
 export declare class EzGrid {
   private _container;
+  private _ezPopoverSearchColumn;
   private _cancelPaginationPopoverElement;
   private _refPaginationControl;
   private _gridController;
@@ -21,6 +22,7 @@ export declare class EzGrid {
   private _customEditor;
   private _customRenders;
   private _keyboardManager;
+  private _columnSearch;
   _element: HTMLElement;
   private _paginationInfo;
   private _paginationChangedByKeyboard;
@@ -134,6 +136,18 @@ export declare class EzGrid {
    * Define se a grade deve ser exibida em modo compacto
    */
   compact?: boolean;
+  /**
+   * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F
+   */
+  useSearchColumn: boolean;
+  /**
+   * Define se a grade deve suprimir o scroll horizontal.
+   */
+  suppressHorizontalScroll: boolean;
+  /**
+   * Define o modo de uso da grade
+   */
+  mode: IGridMode;
   /**
    * Aplica a definição de colunas.
    */
@@ -210,6 +224,7 @@ export declare class EzGrid {
   observeConfig(config: IGridConfig): void;
   updatePaginationTooltip(): void;
   observePaginationCounterMode(newValue: any): void;
+  observeModeChange(newMode?: IGridMode): Promise<void>;
   onSelectionChange(evt: CustomEvent): void;
   handleClick(event: MouseEvent): Promise<void>;
   private setSelection;
@@ -260,5 +275,6 @@ export declare class EzGrid {
   private resolveLeftHeaderClass;
   private initKeyboardManager;
   private removeShortcuts;
+  private renderFieldSearchColumn;
   render(): any;
 }

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

@@ -0,0 +1 @@
+export type IGridMode = "simple" | "complete";

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

@@ -2,3 +2,4 @@ export * from './ISelection';
 export * from './ISelectionToastConfig';
 export * from './IColumnFilter';
 export * from './ICustomFormatter';
+export * from './IGridMode';

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

@@ -42,6 +42,7 @@ export interface IFilterColumnConfigs {
   leftPosition: number;
   filteredOptions?: IMultiSelectionOption[];
   fromIcon?: boolean;
+  fieldDescriptor?: FieldDescriptor;
 }
 export interface IAppliedFilterColumnOptions {
   field: string;

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

@@ -4,6 +4,10 @@ export declare class EzIcon {
    * Define o tamanho do ícone.
    */
   size: "x-small" | "small" | "medium" | "large" | "x-large";
+  /**
+   * Define o tamanho da fonte.
+   */
+  fontSize?: number | string;
   /**
    * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
    */
@@ -15,6 +19,7 @@ export declare class EzIcon {
   isSprite(): boolean;
   getIconClassName(): string;
   getIconContent(): any;
+  private getStyle;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -7,6 +7,7 @@ export declare class EzModal {
   private _overlay;
   private _modalRef;
   private _overlayId;
+  private _keyboardManager;
   /**
    * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`.
    */
@@ -60,6 +61,7 @@ export declare class EzModal {
   closeModal(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   private modalFocus;
   onMouseDownHandler(event: any): void;
   onMouseLeaveHandler(): void;

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

@@ -3,6 +3,7 @@ export declare class EzModalContainer {
   _closeButton: HTMLElement;
   _okButton: HTMLEzButtonElement;
   private _modalRef;
+  private _keyboardManager;
   private _element;
   /**
    * Texto a ser apresentado como título do modal.
@@ -48,6 +49,7 @@ export declare class EzModalContainer {
   private cancelIsVisible;
   private okIsVisible;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   private closeModal;
   focusLast(): void;
   focusFirst(): void;

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

@@ -1,6 +1,7 @@
 import { IMultiSelectionOption } from './IMultiSelectionOption';
+import { IStaticOptionsFetchConfig } from './IStaticOptionsFetchConfig';
 export interface IMultiSelectionListDataSource {
-  getStaticOptions: (fieldName: string) => Promise<IMultiSelectionOption[] | undefined>;
+  getStaticOptions: (fieldName: string, options?: IStaticOptionsFetchConfig) => Promise<IMultiSelectionOption[] | undefined>;
   fetchData: (filterTerm: string, fieldName: string) => Promise<IMultiSelectionOption[]>;
   sortItems: (fieldName: string, items: IMultiSelectionOption[]) => IMultiSelectionOption[];
 }

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

@@ -0,0 +1,3 @@
+export interface IStaticOptionsFetchConfig {
+  onlyLabel?: boolean;
+}

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

@@ -61,6 +61,10 @@ export declare class EzNumberInput {
   * Se true o campo de texto receberá o foco ao ser renderizado.
   */
   autoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   /**
    * Aplica o foco no campo.
    */

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzPopup {
+  private _keyboardManager;
   private _popupRef;
   private _overlayId;
   private _sizeClasses;
@@ -38,6 +39,7 @@ export declare class EzPopup {
   ezPopupAction: EventEmitter<string>;
   observeConfig(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   private closePopup;
   private manageOverflow;
   private manageOverlay;

package/dist/types/components/ez-rich-text/ez-link-builder/ez-link-builder.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { RichToolbarCommand } from '../ez-rich-toolbar/RichToolbarHelper';
+export declare class EzLinkBuilder {
+  private _popupElement;
+  executeToolbarCommand: EventEmitter<RichToolbarCommand>;
+  textToShow: string;
+  link: string;
+  openInNewGuide: boolean;
+  show(text?: string): Promise<void>;
+  hide(): Promise<void>;
+  private handleCancel;
+  private clearValues;
+  private handleCreateLink;
+  private handleActionPopup;
+  private getOkButtonStatus;
+  render(): any;
+}