@sankhyalabs/ezui 1.2.0-beta.2 → 1.2.0-beta.21

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

@@ -1,5 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzCollapsibleBox {
+  private _refLabel;
+  private _refTextEdit;
+  private _hostElement;
+  private _activeEditText;
   /**
    * Valor externalizado que garante a exibição ou não do componente.
    */
@@ -21,17 +25,58 @@ export declare class EzCollapsibleBox {
   */
   stretchTitle: boolean;
   /**
+  * Ativa o ícone para remoção do componente.
+  */
+  removable: boolean;
+  /**
+  * Ativa o ícone para edição do componente.
+  */
+  editable: boolean;
+  /**
+  * Define uma condição para salvar ou não uma alteração.
+  */
+  conditionalSave: Function;
+  /**
   * Evento disparado ao mudar o estado do componente (onEzChange).
   */
   ezChange: EventEmitter<boolean>;
-  observeCollapsedValue(): void;
+  /**
+  * Evento disparado ao remover o componente (onEzRemove).
+  */
+  ezRemove: EventEmitter<EzCollapsibleBox>;
+  /**
+  * Evento disparado ao concluir edição da label (onEzSaveEditLabel).
+  */
+  ezSaveEditLabel: EventEmitter<CustomEvent>;
+  /**
+  * Evento disparado quando o modo de edição da label for aberto e fechado (onEzEditLabelMode).
+  */
+  ezEditLabelMode: EventEmitter<boolean>;
   /**
    * Esconde ou revela o conteúdo do componente.
    */
   showHide(): Promise<void>;
+  /**
+   * Aplica focus no campo de edição de título.
+   */
+  applyFocusTextEdit(): Promise<void>;
+  /**
+   * Fecha a edição de título.
+   */
+  cancelEdition(): Promise<void>;
+  observeCollapsedValue(): void;
   /**
    * Retorna o tamanho configurado do texto e do ícone.
    */
   getHeaderSize(): string;
+  private removeElement;
+  private editLabel;
+  private confirmRemove;
+  private saveEditionText;
+  getStyledLabel(): {
+    fontSize: string;
+    fontWeight: string;
+    fontFamily: string;
+  };
   render(): any;
 }

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

@@ -22,7 +22,7 @@ export declare class EzComboBox {
   /**
    * Valor selecionado no campo
    */
-  value: Option | string;
+  value: IOption | string;
   /**
    * Título do campo
    */
@@ -34,7 +34,7 @@ export declare class EzComboBox {
   /**
    * Array no formato "{value: string, label: string}" que alimenta as opções do Combobox
    */
-  options: Array<Option>;
+  options: Array<IOption>;
   /**
    * Quando há um problema de validação, serve como orientação ao usuário
    */
@@ -74,9 +74,9 @@ export declare class EzComboBox {
   /**
    * Evento que é disparado ao alterar o valor do componente
    */
-  ezChange: EventEmitter<Option>;
+  ezChange: EventEmitter<IOption>;
   observeErrorMessage(): void;
-  observeValue(newValue: Option | string, oldValue: Option | string): void;
+  observeValue(newValue: IOption | string, oldValue: IOption | string): void;
   /**
    * Realiza o foco no componente de seleção
    */
@@ -122,7 +122,17 @@ export declare class EzComboBox {
   private onTextInputFocusOutHandler;
   render(): any;
 }
-export interface Option {
+export interface IOption {
   value: string;
   label: string;
 }
+export interface ISearchArgument {
+  mode: SearchMode;
+  argument: string;
+}
+declare enum SearchMode {
+  ADVANCED = "ADVANCED",
+  PRELOAD = "PRELOAD",
+  PREDICTIVE = "PREDICTIVE"
+}
+export {};

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

@@ -59,7 +59,6 @@ export declare class EzDateInput {
   private handleBlur;
   private getTextValue;
   private handleInput;
-  private validateValue;
   private setInputValue;
   componentDidLoad(): void;
   render(): any;

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

@@ -65,7 +65,6 @@ export declare class EzDateTimeInput {
   private getParsedDateTime;
   private handleBlur;
   private getTextValue;
-  private validateValue;
   private handleInput;
   private setInputValue;
   componentDidLoad(): void;

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

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

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

@@ -60,7 +60,10 @@ export declare class EzDialog {
   show(title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean): 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;

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

@@ -1,5 +1,5 @@
 import { DataUnit } from "@sankhyalabs/core";
-import { InvalidField } from "./ez-form";
+import { IInvalidField } from "./ez-form";
 export default class DataBinder {
   private _dataUnit;
   private _fields;
@@ -7,7 +7,7 @@ export default class DataBinder {
   constructor(dataUnit: DataUnit);
   bind(fields: Array<HTMLElement>): void;
   onDisconnectedCallback(): void;
-  markInvalid(field: InvalidField): void;
+  markInvalid(field: IInvalidField): void;
   private clearInvalid;
   updateValue(fieldName: string, field: HTMLElement): void;
   private updateErrorMessage;

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

@@ -12,11 +12,11 @@ export declare class EzForm implements DUActionInterceptor {
   /**
    * Configuração dos campos.
    */
-  config: Array<FieldConfig>;
+  config: IFormConfig;
   /**
    * Validador responsável por checar a integridade das informações do registro
    */
-  recordsValidator: RecordValidator;
+  recordsValidator: IRecordValidator;
   /**
   * Evento disparado quando o formulário está disponível na DOM.
   */
@@ -30,6 +30,7 @@ export declare class EzForm implements DUActionInterceptor {
   private getDynamicContent;
   private processMetadata;
   private isStatic;
+  private getValidatedValue;
   interceptAction(action: DataUnitAction): DataUnitAction | Promise<DataUnitAction>;
   componentWillLoad(): void;
   onDataUnitAction: (action: any) => void;
@@ -37,33 +38,42 @@ export declare class EzForm implements DUActionInterceptor {
   disconnectedCallback(): void;
   render(): any;
 }
-export interface FieldConfig {
+export interface IFieldConfig {
   name: string;
   label?: string;
   group?: string;
-  tab?: string | TabConfig;
-  defaultValue?: any;
+  tab?: string | ITabConfig;
+  defaultValue?: IDefaultConfig;
   visible?: boolean;
   readOnly?: boolean;
   required?: boolean;
   cleanOnCopy?: boolean;
 }
-export interface TabConfig {
+export interface IDefaultConfig {
+  type?: string;
+  value?: string;
+}
+export interface ITabConfig {
   label: string;
   visible?: boolean;
   order?: number;
 }
-export interface RecordValidator {
-  validateRecord(form: EzForm, record: Record): ValidationResult;
+export interface IFormConfig {
+  tabs?: Array<ITabConfig>;
+  fields: Array<IFieldConfig>;
+  defaultConfiguration?: boolean;
+}
+export interface IRecordValidator {
+  validateRecord(form: EzForm, record: Record): IValidationResult;
 }
-export interface ValidationResult {
+export interface IValidationResult {
   isValid: boolean;
-  invalidFields?: Array<InvalidField>;
+  invalidFields?: Array<IInvalidField>;
   errorTitle?: string;
   errorMessage?: string;
   infoMessage?: string;
 }
-export interface InvalidField {
+export interface IInvalidField {
   name: string;
   message: string;
 }

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

@@ -1,3 +1,3 @@
-import { FieldConfig } from "../../ez-form";
-export declare const buildSwitch: (fieldConfig: FieldConfig) => HTMLElement;
-export declare const buildCheckBox: (fieldConfig: FieldConfig) => HTMLElement;
+import { IFieldConfig } from "../../ez-form";
+export declare const buildSwitch: (fieldConfig: IFieldConfig) => HTMLElement;
+export declare const buildCheckBox: (fieldConfig: IFieldConfig) => HTMLElement;

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

@@ -1,8 +1,5 @@
-export declare const buildDecimal: ({ name, label, readOnly }: {
-  name: any;
-  label: any;
-  readOnly: any;
-}, properties: any) => HTMLElement;
+import { IFieldConfig } from "../../ez-form";
+export declare const buildDecimal: ({ name, label, readOnly }: IFieldConfig, properties: any) => HTMLElement;
 export declare const buildInteger: ({ name, label, readOnly }: {
   name: any;
   label: any;

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

@@ -1,4 +1,4 @@
-import { FieldConfig } from "../ez-form";
+import { IFieldConfig, IFormConfig } from "../ez-form";
 import { DataUnit, FieldDescriptor } from "@sankhyalabs/core";
 export declare class FormMetadata {
   private _sheets;
@@ -23,11 +23,11 @@ export interface FormSheetMetadata {
 }
 export interface FieldMetadata {
   descriptor?: FieldDescriptor;
-  config?: FieldConfig;
+  config?: IFieldConfig;
 }
 export interface FieldSetMetadata {
   label?: string;
   items?: Array<FieldMetadata>;
 }
 export declare const buildFromDataUnit: (dataUnit: DataUnit) => FormMetadata;
-export declare const buildFromConfig: (fields: Array<FieldConfig>, dataUnit: DataUnit) => FormMetadata;
+export declare const buildFromConfig: (config: IFormConfig, dataUnit: DataUnit) => FormMetadata;

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

@@ -114,7 +114,15 @@ export interface EzGridOptions {
    * Endereço do servidor para buscar os dados.
    */
   serverURL: string;
+  /**
+   * Repositório de dados, controla a manipulação dos dados.
+   */
   dataUnit: DataUnit;
+  /**
+   * Configuração do valor da coluna de status.
+   * Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+   */
+  statusResolver: IStatusResolver;
 }
 /**
  * Representa cada coluna da grade.
@@ -228,3 +236,6 @@ export interface EzGridColumnConfig {
    */
   ascending?: boolean;
 }
+export interface IStatusResolver {
+  [fieldName: string]: Map<String, any>;
+}

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

@@ -1,8 +1,9 @@
-import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumnMenuItemDef, EzGridOptions } from "../EzGridController";
 import { Sort, SortingProvider } from "@sankhyalabs/core";
+import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumnMenuItemDef, EzGridOptions } from "../EzGridController";
 export default class AgGridController implements EzGridController, SortingProvider {
   private readonly DEFAULT_ROW_HEIGHT;
   private readonly CHECK_BOX_COL_ID;
+  private readonly STATUS_COL_ID;
   private readonly RECORD_ARCHIVE_COL_ID;
   private readonly BLOCK_LOAD_DEBOUNCE;
   private _grid;
@@ -17,6 +18,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _idAttribName;
   private _dataSource;
   private _colDefs;
+  private _statusResolver;
   constructor(enterprise: boolean);
   getSort(): Array<Sort>;
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
@@ -39,6 +41,8 @@ export default class AgGridController implements EzGridController, SortingProvid
   quickFilter(term: string): void;
   setSelectedIndex(index: number): void;
   private buildColDef;
+  private getInitCellStyle;
+  private getStyleByColumn;
   private getFormatterByColumn;
   private onCallStateChange;
   private isUIEvent;

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

@@ -0,0 +1,9 @@
+import { ICellRendererComp, ICellRendererParams } from "ag-grid-community";
+export declare class CellRenderer implements ICellRendererComp {
+  private _eGui;
+  init(params: ICellRendererParams | any): void;
+  refresh(params: ICellRendererParams | any): boolean;
+  destroy(): void;
+  getGui(): any;
+  private renderStatus;
+}

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

@@ -1,6 +1,6 @@
 import { DataUnit } from "@sankhyalabs/core";
 import { EventEmitter } from "../../stencil-public-runtime";
-import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig } from "./controller/EzGridController";
+import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver } from "./controller/EzGridController";
 export declare class EzGrid {
   _gridConfig: HTMLEzGridConfigElement;
   _container: HTMLElement;
@@ -38,9 +38,14 @@ export declare class EzGrid {
    */
   serverUrl: string;
   /**
-   *
+   * Repositório de dados, controla a manipulação dos dados.
    */
   dataUnit: DataUnit;
+  /**
+   * Configuração do valor da coluna de status.
+   * Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+   */
+  statusResolver: IStatusResolver;
   /**
   * Método responsável por receber a definição das colunas
   */
@@ -82,7 +87,7 @@ export declare class EzGrid {
   nextPage(): void;
   getPaginationControl(): Array<HTMLElement>;
   observeConfig(config: IGridConfig): void;
-  closeGridConfig(): void;
+  closeGridConfig(): Promise<void>;
   openGridConfig(): Promise<void>;
   render(): any;
 }

package/dist/types/components/ez-grid/subcomponents/ez-select-box/ez-select-box.d.ts

@@ -1,11 +1,7 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IOption } from '../../../ez-combo-box/ez-combo-box';
 export declare class SelectBox {
   ezChange: EventEmitter<string>;
-  selectedOption: Option | string;
+  selectedOption: IOption | string;
   render(): any;
 }
-interface Option {
-  value: string;
-  label: string;
-}
-export {};

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

@@ -0,0 +1,43 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzModalContainer {
+  _closeButton: HTMLElement;
+  _okButton: HTMLEzButtonElement;
+  /**
+   * Título do modal
+   */
+  modalTitle: string;
+  /**
+   * Subtítulo (opcional), geralmente usado para orientação do usuário
+   */
+  modalSubTitle: string;
+  /**
+   * Determina o texto do botão de cancelar
+   */
+  cancelButtonLabel: string;
+  /**
+   * Determina o texto do botão de Ok
+   */
+  okButtonLabel: string;
+  /**
+   * Variação de estado do botão de cancelar: [HIDDEN|ENABLED|DISABLED]
+   */
+  cancelButtonStatus: string;
+  /**
+   * Variação de estado do botão de ok: [HIDDEN|ENABLED|DISABLED]
+   */
+  okButtonStatus: string;
+  /**
+   * 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)
+   */
+  ezModalAction: EventEmitter<string>;
+  private cancelIsVisible;
+  private okIsVisible;
+  componentDidLoad(): void;
+  focusLast(_evt: any): void;
+  focusFirst(_evt: any): void;
+  render(): any;
+}

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

@@ -0,0 +1,2 @@
+export { default as ModalAction } from './modal-action';
+export { default as ModalButtonStatus } from './modal-button-status';

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

@@ -0,0 +1,7 @@
+declare enum ModalAction {
+  CLOSE = "CLOSE",
+  OK = "OK",
+  CANCEL = "CANCEL",
+  LOAD = "LOAD"
+}
+export default ModalAction;

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

@@ -0,0 +1,6 @@
+declare enum ModalButtonStatus {
+  ENABLED = "ENABLED",
+  DISABLED = "DISABLED",
+  HIDDEN = "HIDDEN"
+}
+export default ModalButtonStatus;

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

@@ -15,6 +15,10 @@ export declare class EzPopup {
    * Define se o componente utilizará um cabeçalho com botão de fechamento.
    */
   useHeader: boolean;
+  /**
+   * Define se o componente utilizará um cabeçalho com botão de fechamento.
+   */
+  heightMode: string;
   /**
   * Evento disparado ao clicar no botão de fechar (onEzClosePopup).
   */

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

@@ -1,12 +1,12 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { Option } from "../ez-combo-box/ez-combo-box";
+import { IOption } from "../ez-combo-box/ez-combo-box";
 export declare class EzSearch {
   private _elem;
   private _comboElement;
   /**
     * Código do registro selecionado
     */
-  value: Option | string;
+  value: IOption | string;
   /**
     * Título do campo
     */
@@ -18,7 +18,7 @@ export declare class EzSearch {
   /**
     * Um evento disparado quando o estado do componente é alterado (onEzChange).
     */
-  ezChange: EventEmitter<Option>;
+  ezChange: EventEmitter<IOption>;
   /**
     * Evento emitido ao clicar para abrir o popup
     */

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

@@ -47,4 +47,6 @@ export interface Tab {
   label: string;
   tabKey: string;
   index: number;
+  rightIcon?: string;
+  leftIcon?: string;
 }

package/dist/types/components/ez-text-edit/ez-text-edit.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzTextEdit {
+  private _inputElement;
+  private _valueBasis;
+  private _newValue;
+  /**
+   * Valor manipulado pelo componente através do input
+   */
+  value: string;
+  /**
+   * Define atributos do estilo
+   */
+  styled: IStyled;
+  /**
+   * Evento emitido ao salvar uma edição
+   */
+  saveEdition: EventEmitter<any>;
+  /**
+   * Disparado ao cancelar uma edição
+   */
+  cancelEdition: EventEmitter<any>;
+  /**
+   * Aplica focus no campo.
+   */
+  applyFocusSelect(): Promise<void>;
+  private calcSizeInput;
+  private getWidthValue;
+  private setStyledInput;
+  private handleSaveEdition;
+  private setNewValue;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+}
+export interface IStyled {
+  fontSize: string;
+  fontWeight: string;
+  fontFamily: string;
+}

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

@@ -48,6 +48,10 @@ export declare class EzTextInput {
    * Define o modo do tamanho do campo; opções: slim e regular.
    */
   mode: string;
+  /**
+   * Define se o campo contará com bordas ou não
+   */
+  noBorder: boolean;
   observeErrorMessage(): void;
   observeMask(): void;
   observeValue(newValue: string, oldValue: string): void;
@@ -55,6 +59,7 @@ export declare class EzTextInput {
   private isFocused;
   private isSlaveMode;
   private adjustColorContentSlot;
+  private adjustBorderInput;
   /**
    * Faz o foco no componente de input
    */

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

@@ -3,12 +3,16 @@ export declare class EzViewStack {
   private _elemList;
   private _focusedIndex;
   private _totalStackItems;
+  /**
+   * Indetificador único do componente
+   */
+  private _dataKey;
   /**
   * Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.
   */
   show(index: number): Promise<void>;
   /**
-  * Retorna o index que est� atualmente ativo e sendo exibido.
+  * Retorna o index que está atualmente ativo e sendo exibido.
   */
   getSelectedIndex(): Promise<number>;
   policyHideRemove(): void;