@sankhyalabs/ezui 5.4.2 → 5.6.0

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

@@ -2,7 +2,7 @@ import { DataUnit } from '@sankhyalabs/core';
 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 } from './interfaces/ISelection';
+import { ISelection, ISelectionToastConfig } from './interfaces';
 export declare class EzGrid {
   private _container;
   private _refPaginationControl;
@@ -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.
    */
@@ -46,6 +47,10 @@ export declare class EzGrid {
    * Configuração de exibição da grade.
    */
   config: IGridConfig;
+  /**
+   * Configuração da seleção de grade no toast.
+   */
+  selectionToastConfig: ISelectionToastConfig;
   /**
    * Endereço do servidor para obtenção dos dados.
    */
@@ -114,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/interfaces/ISelectionToastConfig.d.ts

@@ -0,0 +1,3 @@
+export interface ISelectionToastConfig {
+  canSelectAll: boolean;
+}

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

@@ -0,0 +1,2 @@
+export * from './ISelection';
+export * from './ISelectionToastConfig';

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/ez-grid/subcomponents/selection-counter.d.ts

@@ -1,10 +1,11 @@
+import { PaginationInfo } from "@sankhyalabs/core";
 import { FunctionalComponent } from "../../../stencil-public-runtime";
 interface SelectionCounterProps {
   selectionCount: number;
-  total: number;
   allRecordSelected: boolean;
   currentPageSelected: boolean;
-  hasPagination: boolean;
+  canSelectAll: boolean;
+  paginationInfo: PaginationInfo;
   onSelectAll: () => void;
   onSelectPage: () => void;
   onClearAll: () => void;

package/dist/types/components.d.ts

@@ -17,8 +17,8 @@ import { IDropdownItem, IDropdownSubAction } from "./components/ez-dropdown/stru
 import { IFormConfig, IRecordValidator } from "./utils/form/interfaces";
 import { IFormViewField } from "./components/ez-form-view/interfaces/IFormViewField";
 import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from "./components/ez-grid/controller/EzGridController";
+import { ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
-import { ISelection } from "./components/ez-grid/interfaces/ISelection";
 import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
 import { ListGroup, ListItem, TListMode } from "./components/ez-list/ez-list";
 import { THeightMode } from "./components/ez-modal/ez-modal";
@@ -656,6 +656,10 @@ export namespace Components {
           * Aplica um filtro rápido.
          */
         "quickFilter": (term: string) => Promise<void>;
+        /**
+          * Configuração da seleção de grade no toast.
+         */
+        "selectionToastConfig": ISelectionToastConfig;
         /**
           * Endereço do servidor para obtenção dos dados.
          */
@@ -1434,6 +1438,7 @@ export namespace Components {
         "columnName": string;
         "dataSource": IMultiSelectionListDataSource;
         "dataUnit": DataUnit;
+        "gridHeaderHidden": boolean;
         "hide": () => Promise<void>;
         "opened": boolean;
         "options": IMultiSelectionOption[];
@@ -2550,6 +2555,10 @@ declare namespace LocalJSX {
           * Emitido quando acontece a alteração de seleção de linhas.
          */
         "onEzSelectionChange"?: (event: EzGridCustomEvent<ISelection>) => void;
+        /**
+          * Configuração da seleção de grade no toast.
+         */
+        "selectionToastConfig"?: ISelectionToastConfig;
         /**
           * Endereço do servidor para obtenção dos dados.
          */
@@ -3219,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.4.2",
+  "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}