@sankhyalabs/ezui 5.5.0 → 5.6.0

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

@@ -18,6 +18,7 @@ export declare class EzGrid {
   private _isAllSelection;
   private _currentPageSelected;
   private _selectionCount;
+  private _originalRecords;
   /**
    * Emitido quando acontece a alteração de estado das colunas do grid: Ordenação, largura, etc.
    */
@@ -118,5 +119,8 @@ export declare class EzGrid {
   componentDidLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
+  private getDataSource;
+  private buildDefaultDataSource;
+  private buildIMultiSelectionOption;
   render(): any;
 }

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

@@ -4,12 +4,15 @@ import { IMultiSelectionListDataSource } from '../../ez-multi-selection-list/int
 import { IMultiSelectionOption } from '../../ez-multi-selection-list/interfaces/IMultiSelectionOption';
 export declare class FilterColumn {
   private readonly TOP_POSITION;
+  private readonly TOP_POSITION_HEADER_HIDDEN;
+  private readonly DEFAULT_HEIGHT;
   private ezPopoverElement;
   private ezMultiSelectionList;
   applyFilterColumnOptions: EventEmitter<IAppliedFilterColumnOptions>;
   opened: boolean;
   columnName: string;
   columnLabel: string;
+  gridHeaderHidden: boolean;
   dataSource: IMultiSelectionListDataSource;
   dataUnit: DataUnit;
   options: IMultiSelectionOption[];
@@ -22,6 +25,7 @@ export declare class FilterColumn {
    * @Params IFilterColumnConfigs informações para configurar o filtro
    */
   show(configs: IFilterColumnConfigs): Promise<void>;
+  private calcTopPosition;
   private clearConfigs;
   private canShow;
   private submit;

package/dist/types/components.d.ts

@@ -1438,6 +1438,7 @@ export namespace Components {
         "columnName": string;
         "dataSource": IMultiSelectionListDataSource;
         "dataUnit": DataUnit;
+        "gridHeaderHidden": boolean;
         "hide": () => Promise<void>;
         "opened": boolean;
         "options": IMultiSelectionOption[];
@@ -3227,6 +3228,7 @@ declare namespace LocalJSX {
         "columnName"?: string;
         "dataSource"?: IMultiSelectionListDataSource;
         "dataUnit"?: DataUnit;
+        "gridHeaderHidden"?: boolean;
         "onApplyFilterColumnOptions"?: (event: FilterColumnCustomEvent<IAppliedFilterColumnOptions>) => void;
         "opened"?: boolean;
         "options"?: IMultiSelectionOption[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/dist/ezui/p-c0acdb46.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-e318d280.js";import{UserInterface as s}from"@sankhyalabs/core";const o=window,l=new CustomEvent("onSubmitFilter",{detail:{showToast:!0}}),n=class{constructor(e){t(this,e),this.applyFilterColumnOptions=i(this,"applyFilterColumnOptions",7),this.TOP_POSITION="65px",this.opened=!0,this.columnName=void 0,this.columnLabel=void 0,this.dataSource=void 0,this.dataUnit=void 0,this.options=void 0,this.selectedItems=void 0,this.fieldDescriptor=void 0,this.useOptions=!1}async hide(){await this.ezPopoverElement.hide(),await this.clearConfigs()}async show(t){this.canShow(t)&&(await this.hide(),this.fieldDescriptor=this.dataUnit.getField(t.columnName),this.setOptions(t.filteredOptions),this.columnName=t.columnName,this.columnLabel=t.columnLabel,await this.ezPopoverElement.show(this.TOP_POSITION,t.leftPosition))}async clearConfigs(){var t;await(null===(t=this.ezMultiSelectionList)||void 0===t?void 0:t.clearFilteredOptions()),this.options=null,this.columnName=null}canShow(t){return!this.ezPopoverElement.opened||t.columnName!==this.columnName}submit(){this.applyFilterColumnOptions.emit({field:this.columnName,values:this.selectedItems}),o.dispatchEvent(l),this.hide()}changeSelectedItems(t){this.selectedItems=t}hasToUseOptions(){return this.fieldDescriptor.userInterface===s.OPTIONSELECTOR||this.fieldDescriptor.userInterface===s.SWITCH||this.fieldDescriptor.userInterface===s.CHECKBOX}isCheckBoxOrSwitch(){return this.fieldDescriptor.userInterface===s.SWITCH||this.fieldDescriptor.userInterface===s.CHECKBOX}setOptions(t){const i=this.hasToUseOptions();this.useOptions=i,this.options=i?this.buildOptions(t):null!=t?t:null}buildOptions(t){var i,e;if(t&&t.length>0)return t;if(this.isCheckBoxOrSwitch())return[{label:"Sim",value:"true",check:!0},{label:"Não",value:"false",check:!0}];const s=JSON.parse(null===(e=null===(i=this.fieldDescriptor)||void 0===i?void 0:i.properties)||void 0===e?void 0:e.options);return Object.keys(s).map((t=>({label:s[t],value:t,check:!0})))}handleEzVisibilityChange(t){!1===t.detail&&this.clearConfigs()}render(){return e("ez-popover",{class:"filter-column__popover","overlay-type":"none",ref:t=>this.ezPopoverElement=t,autoClose:!0,onEzVisibilityChange:this.handleEzVisibilityChange.bind(this)},e("section",{class:"filter-column"},e("header",{class:"filter-column__header"},e("span",{class:"ez-text ez-text--medium filter-column__header-title"},"Filtro da coluna ",this.columnLabel),e("ez-button",{mode:"icon","icon-name":"close",class:"ez-button--tertiary",onClick:()=>this.hide()})),e("ez-multi-selection-list",{columnName:this.columnName,dataSource:this.dataSource,options:this.options,useOptions:this.useOptions,ref:t=>this.ezMultiSelectionList=t,onChangeFilteredOptions:t=>this.changeSelectedItems(t.detail)}),e("footer",{class:"filter-column__footer"},e("ez-button",{label:"Aplicar",class:"ez-button--primary",onClick:this.submit.bind(this)}))))}};n.style=".filter-column{padding:var(--space--2xs, 8px);position:relative}.filter-column__header{margin-bottom:var(--space--2xs, 8px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:var(--space--xl, 32px)}.filter-column__footer{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;bottom:0;left:0;padding-top:var(--space--2xs, 8px);border-top:var(--border--medium) var(--color--disable-secondary)}.filter-column__popover{position:absolute}.filter-column__header-title{margin-left:8px}";export{n as filter_column}