@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-08202.0

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

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { WaitingChange } from '@sankhyalabs/core';
+export declare class EzDateTimeInput {
+  private _calendar;
+  private _textInput;
+  private _changePending;
+  private _focused;
+  private _valuePromiseCallbacks;
+  private _elem;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<Date>;
+  /**
+   * Emitido ao iniciar a alteração (digitação incompleta).
+   */
+  ezStartChange: EventEmitter<WaitingChange>;
+  /**
+   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+   */
+  ezCancelWaitingChange: EventEmitter<void>;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: Date;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Se true considera segundos.
+   */
+  showSeconds: boolean;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: Date, oldValue: Date): void;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<Date>;
+  private handleKeyDown;
+  private handleFocus;
+  private handleClick;
+  private changeValue;
+  private showCalendar;
+  private hideCalendar;
+  private getParsedDateTime;
+  private handleBlur;
+  private getTextValue;
+  private handleInput;
+  private setInputValue;
+  private isFixed;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,6 @@
+export declare enum DialogType {
+  WARN = "warn",
+  CRITICAL = "critical",
+  SUCCESS = "success",
+  DEFAULT = "default"
+}

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

@@ -0,0 +1,82 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DialogType } from "./DialogType";
+declare class Message {
+  title: string;
+  message: string;
+  dialogType: DialogType;
+  confirm: boolean;
+  icon: string;
+  labelCancel: string;
+  labelConfirm: string;
+  btnConfirmDanger: boolean;
+  callBack: Function;
+  beforeClose: Function;
+  constructor(title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean, callBack: Function, beforeClose: Function);
+}
+export declare class EzDialog {
+  _element: HTMLElement;
+  private labelConfirm;
+  private labelCancel;
+  private btnConfirmDanger;
+  private _messageQueue;
+  private _currentMessage;
+  private _overlayRef;
+  private _overlayId;
+  /**
+   * Define se o ez-dialog será utilizado no modo de confirmação.
+   */
+  confirm: boolean;
+  /**
+   * Define aparência do ez-dialog.
+   */
+  dialogType: DialogType;
+  /**
+   * Define a menssagem exibida no ez-dialog.
+   */
+  message: string;
+  /**
+   * Define se o ez-dialog está aberto.
+   */
+  opened: boolean;
+  /**
+   * Define o ícone a ser exibido.
+   */
+  personalizedIconPath: string;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  ezTitle: string;
+  /**
+   * Emitido ao cancelar o ez-dialog.
+   */
+  ezCancel: EventEmitter<boolean>;
+  /**
+   * Emitido ao confirmar o ez-dialog.
+   */
+  ezAccept: EventEmitter<boolean>;
+  /**
+  * Define função a ser executada antes de fechar o modal
+  */
+  beforeClose: Function;
+  observeConfig(): void;
+  manageOverflow(): void;
+  private manageOverlay;
+  private handleButtonClick;
+  /**
+   * Exibe o ez-dialog.
+   */
+  show(title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean, beforeClose: Function): Promise<boolean>;
+  isCritical(dialogType: DialogType): boolean;
+  getIconElement(message: Message): any;
+  getIconClass(dialogType: DialogType): string;
+  getIconName(message: Message): string;
+  getTypeIndicatorElement(message: Message): any;
+  getClassIconIndicator(dialogType: DialogType): string;
+  getClassContainer(message: Message): "dialog__container dialog__container--default" | "dialog__container";
+  getClassTitleLabel(message: Message): "title title__label title__label--no-icon" | "title title__label";
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+}
+export {};

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

@@ -0,0 +1,60 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IDropdownItem, IDropdownSubAction } from './structure/DropdownItem';
+export declare class EzDropdown {
+  private _itemList;
+  private _submenuList;
+  private _openedMenuList;
+  private _submenuControl;
+  /**
+   * Limitador de níveis de menu + submenu.
+   * Valor 0, null ou undefined desativa o limitador.
+   */
+  private _levelLimits;
+  private _element;
+  /**
+  * Lista de itens que vão ser apresentados no dropdown.
+  */
+  items: Array<IDropdownItem>;
+  /**
+  * Último item que recebeu o click.
+  */
+  value: IDropdownItem;
+  /**
+   * Função builder que possibilita alterar como o item da lista vai ser apresentado.
+   * Observação: No react ele se transforma em VNode e não como HTMLElement.
+  */
+  itemBuilder: (item: IDropdownItem, level: number) => HTMLElement | string;
+  /**
+   * Emitido quando ocorrer um click em um item da lista,
+   * o IDropdownItem que recebeu o click deve ser enviado como data do evento.
+   */
+  ezClick: EventEmitter<IDropdownItem>;
+  /**
+   * Emitido quando ocorrer um click em uma ação secundaria do item,
+   * o IDropdownSubAction deve ser enviado como data do evento.
+   */
+  ezSubActionClick: EventEmitter<IDropdownSubAction>;
+  private defaultItemBuilder;
+  private getMaxOrder;
+  private hasIcon;
+  private hasGroup;
+  private hasChildren;
+  private isLockedLevels;
+  private getItemsByGroup;
+  private validateItem;
+  private getContainerItemBuilder;
+  private getItemsRender;
+  private renderDropdown;
+  private hasOpenedSubmenu;
+  private hasSubmenuOpened;
+  private setEvents;
+  private onShowSubmenu;
+  private onItemClick;
+  private onSubActionClick;
+  private onHideAllSubmenu;
+  private onSubmenuReposition;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -0,0 +1,28 @@
+import { FunctionalComponent } from "../../../stencil-public-runtime";
+interface DropdownItemProps {
+  item: IDropdownItem;
+  hasIcon: boolean;
+  hasChildren: boolean;
+  isLockedLevels: boolean;
+  onSubActionClick: (item: IDropdownItem) => void;
+}
+export declare const DropdownItem: FunctionalComponent<DropdownItemProps>;
+export interface IDropdownSubAction {
+  id: string;
+  label: string;
+  type: 'primary' | 'critical';
+}
+export interface IDropdownGroup {
+  label: string;
+  order: number;
+}
+export interface IDropdownItem {
+  id: any;
+  label: string;
+  type: 'divider' | 'item';
+  children?: Array<IDropdownItem>;
+  iconName: string;
+  subAction: IDropdownSubAction;
+  group: string | IDropdownGroup;
+}
+export {};

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

@@ -0,0 +1,78 @@
+export declare class SubmenuControl {
+  constructor();
+  /**
+   * Método responsável por fechar submenus abertos e abrir o submenu desejado.
+   * @param menu - Item de menu selecionado para abrir o submenu.
+   */
+  show(menu: HTMLElement): void;
+  /**
+   * Método responsável por fechar um determinado submenu aberto.
+   * @param menu - Item de menu selecionado com o submenu aberto.
+   */
+  hide(menu: HTMLElement): void;
+  /**
+   * Método responsável por fechar todos os submenus filhos de um determinado submenu.
+   * @param submenu - Elemento HTML do submenu pai.
+   */
+  hideChild(submenu: HTMLElement): void;
+  /**
+   * Método responsável por posicionar o submenu na tela.
+   * @param menu - Item da lista selecionado para abrir o submenu.
+   */
+  setPosition(menu: HTMLElement): void;
+  /**
+   * Método responsável por controlar a altura máxima do dropdown.
+   * @param element - Elemento HTML pai do dropdown que será renderizado.
+   */
+  setMaxHeight(element: HTMLElement): void;
+  /**
+   * Método responsável por atribuir a classe de espaçamento entre o conteúdo e o scroll.
+   * @param dropdown - Elemento HTML pai do container que receberá a classe.
+   */
+  setSpacerContainer(dropdown: HTMLElement): void;
+  /**
+   * Método responsável por resetar um determinado submenu aberto.
+   * @param submenu - Elemento HTML do submenu que será resetado.
+   */
+  reset(submenu: HTMLElement): void;
+  /**
+   * Método responsável por resetar um determinado dropdown renderizado.
+   * @param dropdown - Elemento HTML do dropdown que será resetado.
+   */
+  resetDropdown(dropdown: HTMLElement): void;
+  /**
+   * Método responsável por controlar o scroll do container do submenu aberto.
+   * @param menu - Item da lista selecionado para abrir o submenu.
+   */
+  private setScrollContainer;
+  /**
+   * Método responsável por fechar os submenus filhos ao movimentar o scroll.
+   * @param event - Evento de scroll disparado pelo Elemento HTML pai.
+   */
+  private onScrollContainer;
+  /**
+   * Método responsável por retornar a posição superior (top) de um elemento HTML na tela.
+   * @param hostElement - Elemento HTML que será capturado o valor de sua posição superior (top) na tela.
+   * @returns Valor da posição superior (top) de um determinado elemento HTML.
+   */
+  private getPositionTop;
+  /**
+   * Método responsável por retornar a posição direita (right) de um elemento HTML na tela.
+   * @param hostElement - Elemento HTML que será capturado o valor de sua posição direita (right) na tela.
+   * @returns Valor da posição direita (right) de um determinado elemento HTML.
+   */
+  private getPositionRight;
+  /**
+   * Método responsável por retornar a posição esquerda (left) de um elemento HTML desconsiderando a largura de outro elemento HTML.
+   * @param hostElement - Elemento HTML que será capturado o valor de sua posição esquerda (left) na tela.
+   * @param targetElement - Elemento HTML que será capturado o valor de sua largura (width).
+   * @returns Valor da posição esquerda (left) de um determinado elemento HTML desconsiderando a largura de outro elemento HTML.
+   */
+  private getPositionLeft;
+  /**
+   * Método responsável por atualizar a posição de um elemento HTML que renderizou fora da tela.
+   * @param hostElement - Elemento HTML que será a referência de posição dentro da tela.
+   * @param targetElement - Elemento HTML que será reposicionado na tela.
+   */
+  private updatePosition;
+}

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

@@ -0,0 +1,36 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzFileItem {
+  _element: HTMLElement;
+  /**
+   * Define se o usuário pode remover o arquivo que está sendo apresentado.
+   */
+  canRemove: boolean;
+  /**
+   * Define o nome do arquivo, com extensão.
+   */
+  fileName: string;
+  /**
+   * Define qual ícone que representa o arquivo.
+   */
+  iconName: string;
+  /**
+   * Tamanho do arquivo (em bytes).
+   */
+  fileSize: number;
+  /**
+   * Percentual de carregamento do arquivo para o servidor.
+   */
+  progress: number;
+  /**
+   * Emitido ao clicar no ez-file-input (exceto no botão de remover).
+   */
+  ezClick: EventEmitter<string>;
+  /**
+   * Emitido ao clicar no botão de remover.
+   */
+  ezRemove: EventEmitter<string>;
+  observeProgress(newProgress: number): void;
+  private getFileSize;
+  private getIconName;
+  render(): any;
+}

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

@@ -0,0 +1,77 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzFilterInput {
+  private _elem;
+  private _textInput;
+  private _searchingText;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<string>;
+  /**
+   * Emitido quando está sendo realizada uma pesquisa no modo asyncSearch.
+   */
+  ezSearching: EventEmitter<string>;
+  /**
+   * Emitido quando acontece o foco no campo.
+   */
+  ezFocusIn: EventEmitter<void>;
+  /**
+  * Texto a ser apresentado como título do campo.
+  */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: string;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Restringe o que o usuário pode digitar.
+   */
+  restrict: string;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Define se o campo irá funcionar de forma assíncrona.
+   */
+  asyncSearch: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: string, oldValue: string): void;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  /**
+   * Método responsável por setar um novo valor ao campo.
+   */
+  setValue(newValue: string): Promise<void>;
+  /**
+   * Método responsável por resetar o valor do campo para o ultimo valor inputado.
+   */
+  endSearch(): Promise<void>;
+  handleChange(evt: CustomEvent<string>): void;
+  handleFocus: () => void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,47 @@
+import { DataUnit } from "@sankhyalabs/core";
+import { EventEmitter } from "../../stencil-public-runtime";
+import { Tab } from "../ez-tabselector/ez-tabselector";
+import { IFormConfig, IRecordValidator } from "../../utils/form/interfaces";
+import { FormItems } from "../ez-form-view/structure";
+export declare class EzForm {
+  private _element;
+  private _store;
+  private _staticFields;
+  private _dataBinder;
+  /**
+   * Unidade de dados. Responsável pelo controle de edição de registros e
+   * informações pertinentes aos campos.
+   */
+  dataUnit: DataUnit;
+  /**
+   * Configuração do formulário.
+   */
+  config: IFormConfig;
+  /**
+   * Define um validador responsável pela integridade dos registros.
+   */
+  recordsValidator: IRecordValidator;
+  /**
+   * Evento disparado quando o formulário está disponível na DOM.
+   */
+  ezReady: EventEmitter<void>;
+  /**
+   * Responsável por notificar quando ocorrer a renderização de itens do formulário.
+   */
+  formItemsReady: EventEmitter<FormItems>;
+  /**
+   * Realiza validação no conteúdo de todos os campos.
+   */
+  validate(): Promise<void>;
+  observeConfig(): void;
+  private getDynamicContent;
+  private buildFormContent;
+  private processMetadata;
+  private isStatic;
+  componentWillLoad(): void;
+  onDataUnitAction: (action: any) => void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  buildIdTabSelector(tabs: Array<Tab>): Array<Tab>;
+  render(): any;
+}

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

@@ -0,0 +1,27 @@
+import { FormMetadata } from "../../../utils/form/FormMetadata";
+import { AnyAction } from "redux";
+import { Tab } from "../../ez-tabselector/ez-tabselector";
+import { IFormSheetMetadata } from "../../../utils/form/interfaces";
+export declare function formReducer(state: FormState, action: AnyAction): any;
+export declare function loadMetadata(formMetadata: FormMetadata): AnyAction;
+export declare function changeTab(currentSheet: Tab | string): {
+  type: FormActions;
+  payload: string;
+};
+export declare function selectFormMetadata(state: FormState): FormMetadata;
+export declare function selectCurrentSheetId(state: FormState): string;
+export declare function selectCurrentSheet(state: FormState): IFormSheetMetadata;
+declare enum FormActions {
+  METADATA_LOADED = "FORM/METADATA_LOADED",
+  CHANGE_TAB = "FORM/CHANGE_TAB"
+}
+interface FormState {
+  formMetadata?: FormMetadata;
+  currentSheet?: string;
+  collapsedGroups?: Map<string, Array<string>>;
+  invalidFields?: Map<string, ValidationInfo>;
+}
+interface ValidationInfo {
+  message: string;
+}
+export {};

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IFormViewField } from './interfaces/IFormViewField';
+import { FormItems } from './structure';
+export declare class EzFormView {
+  _element: HTMLEzFormViewElement;
+  /**
+   * Evento emitido quando o componente foi totalmente carregado na DOM.
+   */
+  ezContentReady: EventEmitter<Array<HTMLElement>>;
+  /**
+   * Responsável por notificar quando ocorrer a renderização de itens do formulário.
+   */
+  formItemsReady: EventEmitter<FormItems>;
+  /**
+   * Define a lista de metadados usada para criar os campos de user interface.
+   */
+  fields: Array<IFormViewField>;
+  showUp(): Promise<void>;
+  private groupFields;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../interfaces/IFormViewField";
+export declare const fieldBuilder: (field: IFormViewField) => HTMLElement;

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

@@ -0,0 +1,3 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildSwitch: (field: IFormViewField) => HTMLElement;
+export declare const buildCheckBox: (field: IFormViewField) => HTMLElement;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import IAbstractFieldMetadata from "../../../utils/interfaces/AbstractFieldMetadata";
+export interface IFormViewField extends IAbstractFieldMetadata {
+}

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

@@ -0,0 +1 @@
+export { IFormViewField } from "./IFormViewField";

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

@@ -0,0 +1,14 @@
+declare class FormItem {
+  private elem;
+  constructor(elem: HTMLElement);
+  addRightElement(el: Element): void;
+  get fieldName(): string;
+}
+export declare class FormItems {
+  items: Map<string, FormItem>;
+  private formId;
+  constructor(items: Array<HTMLElement>, formId?: string);
+  getItem(name: string): FormItem;
+  get formName(): string;
+}
+export {};