@sankhyalabs/ezui 5.10.8 → 5.11.0-dev.2

package/dist/ezui/{p-f1a537e3.entry.js → p-ff82b176.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as o,H as n,g as s}from"./p-e318d280.js";import{FloatingManager as a,ElementIDUtils as e}from"@sankhyalabs/core";import"./p-f15ec3bb.js";import{C as r}from"./p-4a5e37a7.js";import"./p-ab574d59.js";import"./p-b853763b.js";const c=class{constructor(o){t(this,o),this.ezAction=i(this,"ezAction",7),this._arrowOffset=5,this.innerClickCheck=(t,i)=>{var o;if(i&&t){if(i===t)return!0;const n=t.children;for(let t=0;t<n.length;t++)if(null===(o=n[t].shadowRoot)||void 0===o?void 0:o.contains(i))return!0}return!1},this._selectedAction=void 0,this.enabled=!0,this.actions=void 0,this.size="medium",this.showLabel=!1,this.displayIcon=void 0,this.checkOption=!1,this.value=void 0,this.isTransparent=!1,this.arrowActive=!1}async hideActions(){null!=this._floatingID&&a.close(this._floatingID),this._floatingID=void 0}async isOpened(){return null!=this._floatingID}getFloatOptions(){return{autoClose:!0,innerClickTest:this.innerClickCheck,isFixed:!0,top:this.getPositionTop(),left:this.getPositionLeft()}}getSideLimit(){var t;const i=document.body.clientWidth,o=null===(t=this._actionsList)||void 0===t?void 0:t.getBoundingClientRect();if((null==o?void 0:o.right)>i)return i-o.width+"px"}showActions(){if(!this.enabled)return;const t=this.getFloatOptions();this._floatingID=a.float(this._actionsList,this._listContainer,t);const i=this.getSideLimit();null!=i&&(t.left=i,a.updateFloatPosition(this._actionsList,this._listContainer,t)),window.requestAnimationFrame((()=>{this._actionsList.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}))}updatePosition(){if(!this.enabled||null==this._floatingID)return;const t=this.getFloatOptions(),i=this.getSideLimit();null!=i&&(t.left=i),a.updateFloatPosition(this._actionsList,this._listContainer,t)}getPositionTop(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.y+i.height+"px"}getBoundingLeft(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.x-(this.arrowActive?this._arrowOffset:0)+"px"}getPositionLeft(){return this.getBoundingLeft()||(this.arrowActive?`-${this._arrowOffset}px`:null)}hasLabelOrCheckOption(){var t;return(this.showLabel||this.checkOption)&&(null===(t=this.actions)||void 0===t?void 0:t.length)>0}hasIconName(){var t;return null===(t=this.actions)||void 0===t?void 0:t.some((t=>null!=t.iconName))}controlScrollPage(){window.removeEventListener("scroll",this.updatePosition.bind(this)),window.addEventListener("scroll",this.updatePosition.bind(this))}handlerButtonClick(){this.showActions()}actionClick(t){this._selectedAction=t,this.hideActions(),this.ezAction.emit(t)}componentWillLoad(){if(null==this.actions){this.actions=[];const t=this._element.querySelectorAll("action");t&&t.forEach((t=>{let i=t.innerText,o=t.getAttribute("value"),n=!("false"===t.getAttribute("enabled"));o||(o=i),this.actions.push({label:i,value:o,enabled:n}),t.hidden=!0}))}}componentDidLoad(){r.applyVarsButton(this._element,this._button),e.addIDInfo(this._element),this.controlScrollPage()}componentDidRender(){null==this._floatingID&&this._actionsList.remove(),this.hasLabelOrCheckOption()&&(this.value?this._selectedAction=this.actions.find((t=>t.value===this.value)):this._selectedAction||(this._selectedAction=this.actions[0]))}render(){var t;return o(n,null,o("ez-button",{ref:t=>this._button=t,class:(this.isTransparent?"ez-actions-button__btn-transparent":"")+(this.showLabel?" ez-actions-button__btn-label":""),label:this.showLabel&&(null===(t=this._selectedAction)||void 0===t?void 0:t.label),enabled:this.enabled,mode:this.showLabel?void 0:"icon",iconName:this.showLabel?"":this.displayIcon||"dots-vertical",size:this.size,onClick:()=>this.handlerButtonClick()},this.showLabel&&o("ez-icon",{class:"ez-actions-button__icon-right",slot:"rightIcon",iconName:this.displayIcon||"dots-vertical"})),o("section",{class:"ez-actions-button__list-container",ref:t=>this._listContainer=t},this.arrowActive&&o("div",{class:"ez-actions-button__arrow ez-actions-button__arrow--"+(this.size||"small")+(this.isTransparent?" ez-actions-button__arrow--upped":"")}),o("div",{ref:t=>this._actionsList=t,class:"ez-actions-button__actions-list"+(this.arrowActive&&!this.isTransparent?" ez-actions-button__actions-list--lowered":"")},this.actions.map((t=>{var i;return o("ez-button",{size:"small",label:t.label,onClick:()=>this.actionClick(t),enabled:t.enabled,class:"ez-actions-button__btn-action"+(this.checkOption||this.hasIconName()?" ez-actions-button__btn-action--spaced":"")},this.checkOption&&(null===(i=this._selectedAction)||void 0===i?void 0:i.value)===t.value&&o("ez-icon",{class:"ez-actions-button__icon-check",slot:"leftIcon",size:"small",iconName:"check"}),!this.checkOption&&t.iconName&&o("ez-icon",{class:"ez-actions-button__icon-item",slot:"leftIcon",size:"small",iconName:t.iconName}))})))))}get _element(){return s(this)}};c.style=":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";export{c as ez_actions_button}
+import{r as t,c as i,h as o,H as n,g as s}from"./p-e318d280.js";import{FloatingManager as e,ElementIDUtils as a}from"@sankhyalabs/core";import"./p-f15ec3bb.js";import{C as r}from"./p-7eb3e1a5.js";import"./p-ab574d59.js";import"./p-b853763b.js";const c=class{constructor(o){t(this,o),this.ezAction=i(this,"ezAction",7),this._arrowOffset=5,this.innerClickCheck=(t,i)=>{var o;if(i&&t){if(i===t)return!0;const n=t.children;for(let t=0;t<n.length;t++)if(null===(o=n[t].shadowRoot)||void 0===o?void 0:o.contains(i))return!0}return!1},this._selectedAction=void 0,this.enabled=!0,this.actions=void 0,this.size="medium",this.showLabel=!1,this.displayIcon=void 0,this.checkOption=!1,this.value=void 0,this.isTransparent=!1,this.arrowActive=!1}async hideActions(){null!=this._floatingID&&e.close(this._floatingID),this._floatingID=void 0}async isOpened(){return null!=this._floatingID}getFloatOptions(){return{autoClose:!0,innerClickTest:this.innerClickCheck,isFixed:!0,top:this.getPositionTop(),left:this.getPositionLeft()}}getSideLimit(){var t;const i=document.body.clientWidth,o=null===(t=this._actionsList)||void 0===t?void 0:t.getBoundingClientRect();if((null==o?void 0:o.right)>i)return i-o.width+"px"}showActions(){if(!this.enabled)return;const t=this.getFloatOptions();this._floatingID=e.float(this._actionsList,this._listContainer,t);const i=this.getSideLimit();null!=i&&(t.left=i,e.updateFloatPosition(this._actionsList,this._listContainer,t)),window.requestAnimationFrame((()=>{this._actionsList.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}))}updatePosition(){if(!this.enabled||null==this._floatingID)return;const t=this.getFloatOptions(),i=this.getSideLimit();null!=i&&(t.left=i),e.updateFloatPosition(this._actionsList,this._listContainer,t)}getPositionTop(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.y+i.height+"px"}getBoundingLeft(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.x-(this.arrowActive?this._arrowOffset:0)+"px"}getPositionLeft(){return this.getBoundingLeft()||(this.arrowActive?`-${this._arrowOffset}px`:null)}hasLabelOrCheckOption(){var t;return(this.showLabel||this.checkOption)&&(null===(t=this.actions)||void 0===t?void 0:t.length)>0}hasIconName(){var t;return null===(t=this.actions)||void 0===t?void 0:t.some((t=>null!=t.iconName))}controlScrollPage(){window.removeEventListener("scroll",this.updatePosition.bind(this)),window.addEventListener("scroll",this.updatePosition.bind(this))}handlerButtonClick(){this.showActions()}actionClick(t){this._selectedAction=t,this.hideActions(),this.ezAction.emit(t)}componentWillLoad(){if(null==this.actions){this.actions=[];const t=this._element.querySelectorAll("action");t&&t.forEach((t=>{let i=t.innerText,o=t.getAttribute("value"),n=!("false"===t.getAttribute("enabled"));o||(o=i),this.actions.push({label:i,value:o,enabled:n}),t.hidden=!0}))}}componentDidLoad(){r.applyVarsButton(this._element,this._button),a.addIDInfo(this._element),this.controlScrollPage()}componentDidRender(){null==this._floatingID&&this._actionsList.remove(),this.hasLabelOrCheckOption()&&(this.value?this._selectedAction=this.actions.find((t=>t.value===this.value)):this._selectedAction||(this._selectedAction=this.actions[0]))}render(){var t;return o(n,null,o("ez-button",{ref:t=>this._button=t,class:(this.isTransparent?"ez-actions-button__btn-transparent":"")+(this.showLabel?" ez-actions-button__btn-label":""),label:this.showLabel&&(null===(t=this._selectedAction)||void 0===t?void 0:t.label),enabled:this.enabled,mode:this.showLabel?void 0:"icon",iconName:this.showLabel?"":this.displayIcon||"dots-vertical",size:this.size,onClick:()=>this.handlerButtonClick()},this.showLabel&&o("ez-icon",{class:"ez-actions-button__icon-right",slot:"rightIcon",iconName:this.displayIcon||"dots-vertical"})),o("section",{class:"ez-actions-button__list-container",ref:t=>this._listContainer=t},this.arrowActive&&o("div",{class:"ez-actions-button__arrow ez-actions-button__arrow--"+(this.size||"small")+(this.isTransparent?" ez-actions-button__arrow--upped":"")}),o("div",{ref:t=>this._actionsList=t,class:"ez-actions-button__actions-list"+(this.arrowActive&&!this.isTransparent?" ez-actions-button__actions-list--lowered":"")},this.actions.map((t=>{var i;return o("ez-button",{size:"small",label:t.label,onClick:()=>this.actionClick(t),enabled:t.enabled,class:"ez-actions-button__btn-action"+(this.checkOption||this.hasIconName()?" ez-actions-button__btn-action--spaced":"")},this.checkOption&&(null===(i=this._selectedAction)||void 0===i?void 0:i.value)===t.value&&o("ez-icon",{class:"ez-actions-button__icon-check",slot:"leftIcon",size:"small",iconName:"check"}),!this.checkOption&&t.iconName&&o("ez-icon",{class:"ez-actions-button__icon-item",slot:"leftIcon",size:"small",iconName:t.iconName}))})))))}get _element(){return s(this)}};c.style=":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";export{c as ez_actions_button}

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

@@ -9,6 +9,7 @@ export declare class EzCalendar {
   private _weekDayLabels;
   private _monthLabels;
   private _calendarHeight;
+  private _calendarWidth;
   private _hoursLabel;
   private _minutosLabel;
   private _hoursSelect;
@@ -17,6 +18,7 @@ export declare class EzCalendar {
   private _hoursScroll;
   private _minutesScroll;
   private _secondsScroll;
+  _hostElem: HTMLEzCalendarElement;
   /**
    * Define o valor do calendário.
    */
@@ -43,14 +45,20 @@ export declare class EzCalendar {
    */
   show(top?: string, left?: string, bottom?: string, right?: string): Promise<void>;
   /**
-   * Ajusta o posicionamento do ez-calendar conforme a disponibilidade de espaço.
+   * Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de espaço.
    */
   fitVertical(topOffset: number, bottomOffset: number): Promise<void>;
+  /**
+   * Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de espaço.
+   */
+  fitHorizontal(rightOffset: number): Promise<void>;
   /**
    * Oculta o ez-calendar.
    */
   hide(): Promise<void>;
   observeValue(): void;
+  scrollListener(): void;
+  private isFixed;
   private getMonthLabel;
   private isSelectedDate;
   private changeMonth;

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

@@ -75,6 +75,10 @@ export declare class EzComboBox {
    * Define o tamanho do campo.
    */
   mode: "slim" | "regular";
+  /**
+   * Define um posicionamento fixo para a lista de opções do CheckBox.
+   */
+  listOptionsPosition: IEzCheckBoxListPosition;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */
@@ -82,6 +86,7 @@ export declare class EzComboBox {
   observeErrorMessage(): void;
   observeValue(newValue: IOption | string, oldValue: IOption | string): void;
   observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
+  getValueAsync(): Promise<unknown>;
   /**
    * Aplica o foco no campo.
    */
@@ -100,6 +105,7 @@ export declare class EzComboBox {
   clearValue(): Promise<void>;
   scrollListener(): void;
   private updateListPosition;
+  private getListPosition;
   private isDifferentValues;
   private getFormattedText;
   private getText;
@@ -156,4 +162,12 @@ declare enum SearchMode {
   PRELOAD = "PRELOAD",
   PREDICTIVE = "PREDICTIVE"
 }
+export interface IEzCheckBoxListPosition {
+  hardPosition?: boolean;
+  horizontalPosition?: number;
+  verticalPosition?: number;
+  fromRight?: boolean;
+  fromBottom?: boolean;
+  bottomLimit?: number;
+}
 export {};

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

@@ -3,7 +3,9 @@ import { WaitingChange } from '@sankhyalabs/core';
 export declare class EzDateInput {
   private _calendar;
   private _textInput;
+  private _changePending;
   private _focused;
+  private _valuePromiseCallbacks;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -56,6 +58,7 @@ export declare class EzDateInput {
    * Retorna se o conteúdo é inválido.
    */
   isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<Date>;
   private changeValue;
   private showCalendar;
   private hideCalendar;
@@ -63,6 +66,7 @@ export declare class EzDateInput {
   private getTextValue;
   private handleInput;
   private setInputValue;
+  private isFixed;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -3,7 +3,9 @@ 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.
@@ -60,6 +62,7 @@ export declare class EzDateTimeInput {
    * Retorna se o conteúdo é inválido.
    */
   isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<Date>;
   private handleKeyDown;
   private handleFocus;
   private handleClick;
@@ -71,6 +74,7 @@ export declare class EzDateTimeInput {
   private getTextValue;
   private handleInput;
   private setInputValue;
+  private isFixed;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -1,15 +1,3 @@
-import { UserInterface } from "@sankhyalabs/core";
-import { IOption, ISearchArgument } from "../../ez-combo-box/ez-combo-box";
-export interface IFormViewField {
-  userInterface: UserInterface;
-  name: string;
-  label?: string;
-  group?: string;
-  readOnly?: boolean;
-  required?: boolean;
-  props?: any;
-  contextName?: string;
-  canShowError?: boolean;
-  rows?: number;
-  optionLoader?: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+import IAbstractFieldMetadata from "../../../utils/interfaces/AbstractFieldMetadata";
+export interface IFormViewField extends IAbstractFieldMetadata {
 }

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

@@ -1,6 +1,8 @@
 import { DataUnit, Filter } from '@sankhyalabs/core';
 import { Components } from '../../../components';
 import FilterCollumn = Components.FilterColumn;
+import { IRecordValidator } from '../../../utils/form/interfaces';
+import { GridApi } from 'ag-grid-community';
 /**
  * O intuito desta abstração, é isolar o componente EzGrid de uma implementação
  * específica, permitindo que usemos componentes de terceiros sem um acoplamento
@@ -20,6 +22,10 @@ export default interface EzGridController {
    * @param options - A contextualização dessa instância de grade.
   */
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
+  /**
+   * Chamado pelo EzGrid para retornar a api de manipulação da grade.
+   */
+  getGridApi(): GridApi;
   /**
    * Método responsável por receber a definição das colunas.
    * @param cols - Array contendo a definição de todas as colunas.
@@ -142,6 +148,18 @@ export interface EzGridOptions {
    * Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
    */
   statusResolver: IStatusResolver | StatusResolverFunction;
+  /**
+   * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
+   */
+  useEnterLikeTab: boolean;
+  /**
+   * Antes de executar o salvamento da edição, pode-se atribuir um validador de registros.
+   */
+  recordsValidator?: IRecordValidator;
+  /**
+   * Desabilita edição na grade independente da configuração de coluna.
+   */
+  editionIsDisabled?: () => boolean;
 }
 /**
  * Representa cada coluna da grade.

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

@@ -1,5 +1,6 @@
 import { Sort, SortingProvider } from '@sankhyalabs/core';
 import { Filter, FilterProvider } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { GridApi } from 'ag-grid-community';
 import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumnMenuItemDef, EzGridOptions } from '../EzGridController';
 export default class AgGridController implements EzGridController, SortingProvider, FilterProvider {
   private readonly DEFAULT_ROW_HEIGHT;
@@ -29,11 +30,13 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _filteredColumns;
   private _filterColumn;
   private _filterColumnleftPosition;
+  private _editionManager;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   private showFilterColumn;
   constructor(enterprise: boolean);
   getGridConfig(): Array<EzGridColumnConfig>;
+  getGridApi(): GridApi;
   getSort(): Array<Sort>;
   getFilter(): Array<Filter> | undefined;
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
@@ -76,6 +79,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private getStyleByColumn;
   private getFormatterByColumn;
   private onCallStateChange;
+  private onCellClicked;
   private isElementResize;
   private isUIEvent;
   private onSelectionChange;

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

@@ -0,0 +1,38 @@
+import { DataUnit } from "@sankhyalabs/core";
+import { CellPosition, ColDef, GridApi, GridOptions } from "ag-grid-community";
+import { IRecordValidator } from "../../../../utils/form/interfaces";
+export default class GridEditionManager {
+  private _dataUnit;
+  private _lastCellClicked;
+  private _lastCellEdited;
+  private _targetEditionCell;
+  private _recordValidationProcessor;
+  private _gridOptions;
+  private _useEnterLikeTab;
+  private _editionIsDisabled;
+  private _isGridEdition;
+  constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean);
+  configureGrid(options: GridOptions): GridOptions;
+  proceedAutoSave(): void;
+  navigateByEnterKey(keyboardEvent: KeyboardEvent): void;
+  getComponents(): {
+    [p: string]: any;
+  };
+  verifyClickToEdition(api: GridApi, cellClicked: CellPosition): void;
+  configureColumn(col: ColDef): ColDef;
+  private getRequiredFields;
+  private saveSuccess;
+  private saveFail;
+  private focusOnCell;
+  private onCellKeyDown;
+  private processEnterKey;
+  private nextEditionRow;
+  private editPreviousRow;
+  private editNextRow;
+  private moveEditionVertically;
+  private finishEdition;
+  private canEdit;
+  private isColEditable;
+  private isSecondClick;
+  private onCellEditRequest;
+}

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

@@ -0,0 +1,10 @@
+import { ICellEditorComp, ICellEditorParams } from "ag-grid-community";
+export default class EzCellEditor implements ICellEditorComp {
+  private _gui;
+  init(params: ICellEditorParams): void;
+  getGui(): HTMLElement;
+  afterGuiAttached(): void;
+  focusIn(): void;
+  getValue(): any;
+  isPopup(): boolean;
+}

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

@@ -0,0 +1 @@
+export declare function getViewPortHeight(cell: Element): number | undefined;

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

@@ -0,0 +1,9 @@
+import { DataUnit, FieldDescriptor } from '@sankhyalabs/core';
+import IAbstractFieldMetadata from '../../../../../utils/interfaces/AbstractFieldMetadata';
+import GridEditionManager from '../GridEditionManager';
+export interface IEditorMetadata extends IAbstractFieldMetadata {
+  eGridCell: HTMLElement;
+  dataUnit: DataUnit;
+  editionManager: GridEditionManager;
+}
+export declare const buildEditorMetadata: (descriptor: FieldDescriptor, eGridCell: HTMLElement, dataUnit: DataUnit, editionManager: GridEditionManager) => IEditorMetadata;

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

@@ -0,0 +1,10 @@
+export interface IUICellEditor extends HTMLElement {
+  setFocus: (options: IFocusOptions) => void;
+  value: any;
+  valueSetter?: (value: any) => void;
+  valueGetter?: () => any;
+  isPopUp?: boolean;
+}
+export interface IFocusOptions {
+  selectText: boolean;
+}

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

@@ -0,0 +1,4 @@
+import { IEditorMetadata } from "../IEditorMetadata";
+import { IUICellEditor } from "../IUICellEditor";
+export declare const buildComboBox: ({ required, props, eGridCell }: IEditorMetadata) => IUICellEditor;
+export declare const buildSwitch: (fieldMetadata: IEditorMetadata) => IUICellEditor;

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

@@ -0,0 +1,5 @@
+import { IEditorMetadata } from "../IEditorMetadata";
+import { IUICellEditor } from "../IUICellEditor";
+export declare const buildDate: () => IUICellEditor;
+export declare const buildTime: ({ readOnly }: IEditorMetadata) => IUICellEditor;
+export declare const buildDateTime: ({ readOnly }: IEditorMetadata) => IUICellEditor;

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

@@ -0,0 +1,4 @@
+import { IEditorMetadata } from "../IEditorMetadata";
+import { IUICellEditor } from "../IUICellEditor";
+export declare const buildDecimal: ({ readOnly, props }: IEditorMetadata) => IUICellEditor;
+export declare const buildInteger: ({ readOnly }: IEditorMetadata) => IUICellEditor;

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

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

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

@@ -0,0 +1,4 @@
+import { IEditorMetadata } from "../IEditorMetadata";
+import { IUICellEditor } from "../IUICellEditor";
+export declare const buildTextInput: ({ name, contextName }: IEditorMetadata) => IUICellEditor;
+export declare const buildTextAreaInput: ({ eGridCell, editionManager }: IEditorMetadata) => IUICellEditor;

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

@@ -3,6 +3,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
 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;
@@ -68,6 +69,18 @@ export declare class EzGrid {
    * Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas.
    */
   columnfilterDataSource: IMultiSelectionListDataSource;
+  /**
+   * Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade.
+  */
+  useEnterLikeTab: boolean;
+  /**
+   * Define um validador responsável pela integridade dos registros.
+   */
+  recordsValidator: IRecordValidator;
+  /**
+   * Define se a edição está habilitada na grid.
+   */
+  canEdit: boolean;
   /**
    * Aplica a definição de colunas.
    */

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

@@ -1,8 +1,11 @@
 import { WaitingChange } from "@sankhyalabs/core";
 import { EventEmitter } from "../../stencil-public-runtime";
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzNumberInput {
   private _textInput;
   private _focused;
+  private _changePending;
+  private _valuePromiseCallbacks;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -52,7 +55,7 @@ export declare class EzNumberInput {
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -61,6 +64,7 @@ export declare class EzNumberInput {
    * Retorna se o conteúdo é inválido.
    */
   isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<number>;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: number, oldValue: number): void;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IOption, ISearchArgument } from "../ez-combo-box/ez-combo-box";
+import { IEzCheckBoxListPosition, IOption, ISearchArgument } from '../ez-combo-box/ez-combo-box';
 export declare class EzSearch {
   private _elem;
   private _comboElement;
@@ -43,6 +43,10 @@ export declare class EzSearch {
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
   canShowError: boolean;
+  /**
+   * Define um posicionamento fixo para a lista de opções do CheckBox.
+   */
+  listOptionsPosition: IEzCheckBoxListPosition;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */
@@ -65,6 +69,7 @@ export declare class EzSearch {
    * Limpa o valor do campo de pesquisa
    */
   clearValue(): Promise<void>;
+  getValueAsync(): Promise<unknown>;
   onComboChange(event: any): void;
   componentDidLoad(): void;
   render(): any;

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

@@ -38,6 +38,10 @@ export declare class EzTextArea {
    * Define o tamanho do campo.
    */
   mode: "slim" | "regular";
+  /**
+   * Ativa a opção de fazer resize do input.
+   */
+  enableResize: boolean;
   observeErrorMessage(): void;
   observeValue(newValue: string, oldValue: string): void;
   observeMode(): void;

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

@@ -1,4 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+export type TFocusOptions = {
+  selectText: boolean;
+};
 export declare class EzTextInput {
   private _inputElem;
   private _labelElem;
@@ -58,7 +61,7 @@ export declare class EzTextInput {
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { WaitingChange } from "@sankhyalabs/core";
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzTimeInput {
   private _textInput;
   private _maskFormatter;
@@ -56,7 +57,7 @@ export declare class EzTimeInput {
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus({ selectText }: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */