@sankhyalabs/ezui 5.13.0-dev.2 → 5.13.0-dev.4

package/dist/collection/components/ez-grid/subcomponents/filter-column.js

@@ -39,9 +39,9 @@ export class FilterColumn {
       await this.hide();
       this.fieldDescriptor = this.dataUnit.getField(configs.columnName);
       this.buildIsTextSearch();
-      this.setOptions(configs.filteredOptions);
       this.columnName = configs.columnName;
       this.columnLabel = configs.columnLabel;
+      await this.setOptions(configs.filteredOptions);
       await this.ezPopoverElement.show(this.calcTopPosition(), this.calculateLeftPosition(configs));
     }
   }
@@ -106,10 +106,22 @@ export class FilterColumn {
     return this.fieldDescriptor.userInterface === UserInterface.SWITCH
       || this.fieldDescriptor.userInterface === UserInterface.CHECKBOX;
   }
-  setOptions(selectedItems) {
+  async setOptions(selectedItems) {
     const validateFieldUserInterfaceOptionSelector = this.hasToUseOptions();
-    this.useOptions = validateFieldUserInterfaceOptionSelector;
-    this.options = validateFieldUserInterfaceOptionSelector ? this.buildOptions(selectedItems) : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : null);
+    if (validateFieldUserInterfaceOptionSelector) {
+      this.useOptions = validateFieldUserInterfaceOptionSelector;
+      this.options = validateFieldUserInterfaceOptionSelector ? this.buildOptions(selectedItems) : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : null);
+      return;
+    }
+    const options = await this.dataSource.getStaticOptions(this.columnName);
+    if (options != undefined) {
+      const selected = new Set((selectedItems || []).filter(item => item.check).map(item => item.label));
+      this.useOptions = true;
+      this.options = selected.size === 0 ? options : options.map(option => (Object.assign(Object.assign({}, option), { check: selected.has(option.label) })));
+      return;
+    }
+    this.useOptions = false;
+    this.options = null;
   }
   buildOptions(selectedItems) {
     var _a, _b;

package/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource.js

@@ -11,6 +11,12 @@ export default class InMemoryFilterColumnDataSource {
     this.originalRecords = (_a = this.dataUnit.records) !== null && _a !== void 0 ? _a : [];
     this.dataUnit.subscribe(this.onDataUnitAction);
   }
+  getStaticOptions(fieldName) {
+    return new Promise(resolve => {
+      const options = this.originalRecords.map(item => this.buildFieldOption(item, fieldName));
+      resolve(this.removeDuplicatedOptions(options));
+    });
+  }
   fetchData(filterTerm, fieldName) {
     return new Promise(resolve => {
       const filteredRecords = this.originalRecords.filter(record => this.includesSearchTerm(record, fieldName, filterTerm));

package/dist/collection/components/ez-icon/ez-icon.css

@@ -54,149 +54,162 @@ svg {
   -moz-osx-font-smoothing: grayscale;
 }
 
+
 .ez-icon-2chevron-down:before { content: "\ea01"; }
 .ez-icon-2chevron-up:before { content: "\ea02"; }
 .ez-icon-acao:before { content: "\ea03"; }
 .ez-icon-account-outline:before { content: "\ea04"; }
 .ez-icon-account:before { content: "\ea05"; }
 .ez-icon-actions-sprite-v1:before { content: "\ea06"; }
-.ez-icon-alert-circle-inverted:before { content: "\ea07"; }
-.ez-icon-alert-circle:before { content: "\ea08"; }
-.ez-icon-alert-mail:before { content: "\ea09"; }
-.ez-icon-alert-popup:before { content: "\ea0a"; }
-.ez-icon-anexo:before { content: "\ea0b"; }
-.ez-icon-antecipação:before { content: "\ea0c"; }
-.ez-icon-apps:before { content: "\ea0d"; }
-.ez-icon-arrow_back:before { content: "\ea0e"; }
-.ez-icon-arrow_downward:before { content: "\ea0f"; }
-.ez-icon-baixa:before { content: "\ea10"; }
-.ez-icon-balance:before { content: "\ea11"; }
-.ez-icon-bell-inverted:before { content: "\ea12"; }
-.ez-icon-bell:before { content: "\ea13"; }
-.ez-icon-boleto:before { content: "\ea14"; }
-.ez-icon-boolean:before { content: "\ea15"; }
-.ez-icon-business-center:before { content: "\ea16"; }
-.ez-icon-calendar-clock:before { content: "\ea17"; }
-.ez-icon-calendar:before { content: "\ea18"; }
-.ez-icon-cash-remove:before { content: "\ea19"; }
-.ez-icon-check-circle-inverted:before { content: "\ea1a"; }
-.ez-icon-check-circle:before { content: "\ea1b"; }
-.ez-icon-check:before { content: "\ea1c"; }
-.ez-icon-chevron-down:before { content: "\ea1d"; }
-.ez-icon-chevron-left:before { content: "\ea1e"; }
-.ez-icon-chevron-right:before { content: "\ea1f"; }
-.ez-icon-chevron-up:before { content: "\ea20"; }
-.ez-icon-circle--medium:before { content: "\ea21"; }
-.ez-icon-circle:before { content: "\ea22"; }
-.ez-icon-cleaning:before { content: "\ea23"; }
-.ez-icon-clipboard:before { content: "\ea24"; }
-.ez-icon-close:before { content: "\ea25"; }
-.ez-icon-cobrar:before { content: "\ea26"; }
-.ez-icon-code:before { content: "\ea27"; }
-.ez-icon-configuration:before { content: "\ea28"; }
-.ez-icon-copy:before { content: "\ea29"; }
-.ez-icon-credit_card:before { content: "\ea2a"; }
-.ez-icon-crop:before { content: "\ea2b"; }
-.ez-icon-custom:before { content: "\ea2c"; }
-.ez-icon-delete:before { content: "\ea2d"; }
-.ez-icon-description:before { content: "\ea2e"; }
-.ez-icon-dividir:before { content: "\ea2f"; }
-.ez-icon-docx:before { content: "\ea30"; }
-.ez-icon-dot-notification:before { content: "\ea31"; }
-.ez-icon-dots-horizontal:before { content: "\ea32"; }
-.ez-icon-dots-vertical:before { content: "\ea33"; }
-.ez-icon-drag-indicator:before { content: "\ea34"; }
-.ez-icon-dual-chevron-down:before { content: "\ea35"; }
-.ez-icon-dual-chevron-up:before { content: "\ea36"; }
-.ez-icon-edit-file:before { content: "\ea37"; }
-.ez-icon-edit-table:before { content: "\ea38"; }
-.ez-icon-edit-time:before { content: "\ea39"; }
-.ez-icon-edit:before { content: "\ea3a"; }
-.ez-icon-email:before { content: "\ea3b"; }
-.ez-icon-estorno:before { content: "\ea3c"; }
-.ez-icon-exe:before { content: "\ea3d"; }
-.ez-icon-expand:before { content: "\ea3e"; }
-.ez-icon-expandir_card:before { content: "\ea3f"; }
-.ez-icon-extrato:before { content: "\ea40"; }
-.ez-icon-eye-off:before { content: "\ea41"; }
-.ez-icon-eye:before { content: "\ea42"; }
-.ez-icon-favorite:before { content: "\ea43"; }
-.ez-icon-figma:before { content: "\ea44"; }
-.ez-icon-file-download:before { content: "\ea45"; }
-.ez-icon-file-upload:before { content: "\ea46"; }
-.ez-icon-filter:before { content: "\ea47"; }
-.ez-icon-find-file:before { content: "\ea48"; }
-.ez-icon-find-page:before { content: "\ea49"; }
-.ez-icon-format-color-fill:before { content: "\ea4a"; }
-.ez-icon-generic:before { content: "\ea4b"; }
-.ez-icon-gif:before { content: "\ea4c"; }
-.ez-icon-graph_bar:before { content: "\ea4d"; }
-.ez-icon-handshake:before { content: "\ea4e"; }
-.ez-icon-help-inverted:before { content: "\ea4f"; }
-.ez-icon-help:before { content: "\ea50"; }
-.ez-icon-hide_menu:before { content: "\ea51"; }
-.ez-icon-home:before { content: "\ea52"; }
-.ez-icon-icons104:before { content: "\ea53"; }
-.ez-icon-language:before { content: "\ea54"; }
-.ez-icon-launch:before { content: "\ea55"; }
-.ez-icon-lightbulb:before { content: "\ea56"; }
-.ez-icon-list:before { content: "\ea57"; }
-.ez-icon-location:before { content: "\ea58"; }
-.ez-icon-lock-outline:before { content: "\ea59"; }
-.ez-icon-lock:before { content: "\ea5a"; }
-.ez-icon-menu:before { content: "\ea5b"; }
-.ez-icon-mid:before { content: "\ea5c"; }
-.ez-icon-minus:before { content: "\ea5d"; }
-.ez-icon-money-off:before { content: "\ea5e"; }
-.ez-icon-money:before { content: "\ea5f"; }
-.ez-icon-more:before { content: "\ea60"; }
-.ez-icon-mp3:before { content: "\ea61"; }
-.ez-icon-mp4:before { content: "\ea62"; }
-.ez-icon-north-west:before { content: "\ea63"; }
-.ez-icon-number:before { content: "\ea64"; }
-.ez-icon-ordem-ascendente:before { content: "\ea65"; }
-.ez-icon-ordem-descendente:before { content: "\ea66"; }
-.ez-icon-parcelar:before { content: "\ea67"; }
-.ez-icon-pause:before { content: "\ea68"; }
-.ez-icon-payments:before { content: "\ea69"; }
-.ez-icon-pdf:before { content: "\ea6a"; }
-.ez-icon-play:before { content: "\ea6b"; }
-.ez-icon-plus:before { content: "\ea6c"; }
-.ez-icon-png:before { content: "\ea6d"; }
-.ez-icon-power:before { content: "\ea6e"; }
-.ez-icon-pptx:before { content: "\ea6f"; }
-.ez-icon-print:before { content: "\ea70"; }
-.ez-icon-push-pin:before { content: "\ea71"; }
-.ez-icon-rateio:before { content: "\ea72"; }
-.ez-icon-receipt:before { content: "\ea73"; }
-.ez-icon-recolher_card:before { content: "\ea74"; }
-.ez-icon-restore:before { content: "\ea75"; }
-.ez-icon-return:before { content: "\ea76"; }
-.ez-icon-save:before { content: "\ea77"; }
-.ez-icon-search:before { content: "\ea78"; }
-.ez-icon-settings-inverted:before { content: "\ea79"; }
-.ez-icon-settings:before { content: "\ea7a"; }
-.ez-icon-share:before { content: "\ea7b"; }
-.ez-icon-shield:before { content: "\ea7c"; }
-.ez-icon-show_menu:before { content: "\ea7d"; }
-.ez-icon-south-east:before { content: "\ea7e"; }
-.ez-icon-sync:before { content: "\ea7f"; }
-.ez-icon-table:before { content: "\ea80"; }
-.ez-icon-tag_code:before { content: "\ea81"; }
-.ez-icon-text:before { content: "\ea82"; }
-.ez-icon-timeline:before { content: "\ea83"; }
-.ez-icon-timer-outline:before { content: "\ea84"; }
-.ez-icon-tune:before { content: "\ea85"; }
-.ez-icon-txt:before { content: "\ea86"; }
-.ez-icon-un-pin:before { content: "\ea87"; }
-.ez-icon-unfold_less:before { content: "\ea88"; }
-.ez-icon-unfold_more:before { content: "\ea89"; }
-.ez-icon-user-circle:before { content: "\ea8a"; }
-.ez-icon-warning-outline:before { content: "\ea8b"; }
-.ez-icon-warning_triangle:before { content: "\ea8c"; }
-.ez-icon-whatshot:before { content: "\ea8d"; }
-.ez-icon-xlsx:before { content: "\ea8e"; }
-.ez-icon-zip:before { content: "\ea8f"; }
+.ez-icon-actions-sprite-v2:before { content: "\ea07"; }
+.ez-icon-alert-circle-inverted:before { content: "\ea08"; }
+.ez-icon-alert-circle:before { content: "\ea09"; }
+.ez-icon-alert-mail:before { content: "\ea0a"; }
+.ez-icon-alert-popup:before { content: "\ea0b"; }
+.ez-icon-anexo:before { content: "\ea0c"; }
+.ez-icon-antecipacao:before { content: "\ea0d"; }
+.ez-icon-apps:before { content: "\ea0e"; }
+.ez-icon-arrow-forward:before { content: "\ea0f"; }
+.ez-icon-arrow-upward:before { content: "\ea10"; }
+.ez-icon-arrow_back:before { content: "\ea11"; }
+.ez-icon-arrow_downward:before { content: "\ea12"; }
+.ez-icon-baixa:before { content: "\ea13"; }
+.ez-icon-balance:before { content: "\ea14"; }
+.ez-icon-bell-inverted:before { content: "\ea15"; }
+.ez-icon-bell:before { content: "\ea16"; }
+.ez-icon-boleto:before { content: "\ea17"; }
+.ez-icon-boolean:before { content: "\ea18"; }
+.ez-icon-business-center:before { content: "\ea19"; }
+.ez-icon-calendar-clock:before { content: "\ea1a"; }
+.ez-icon-calendar:before { content: "\ea1b"; }
+.ez-icon-cash-remove:before { content: "\ea1c"; }
+.ez-icon-check-circle-inverted:before { content: "\ea1d"; }
+.ez-icon-check-circle:before { content: "\ea1e"; }
+.ez-icon-check:before { content: "\ea1f"; }
+.ez-icon-chevron-down:before { content: "\ea20"; }
+.ez-icon-chevron-left:before { content: "\ea21"; }
+.ez-icon-chevron-right:before { content: "\ea22"; }
+.ez-icon-chevron-up:before { content: "\ea23"; }
+.ez-icon-circle--medium:before { content: "\ea24"; }
+.ez-icon-circle:before { content: "\ea25"; }
+.ez-icon-cleaning:before { content: "\ea26"; }
+.ez-icon-clipboard:before { content: "\ea27"; }
+.ez-icon-close:before { content: "\ea28"; }
+.ez-icon-cobrar:before { content: "\ea29"; }
+.ez-icon-code:before { content: "\ea2a"; }
+.ez-icon-configuration:before { content: "\ea2b"; }
+.ez-icon-content-cut:before { content: "\ea2c"; }
+.ez-icon-copy:before { content: "\ea2d"; }
+.ez-icon-credit_card:before { content: "\ea2e"; }
+.ez-icon-crop:before { content: "\ea2f"; }
+.ez-icon-custom:before { content: "\ea30"; }
+.ez-icon-delete-file:before { content: "\ea31"; }
+.ez-icon-delete:before { content: "\ea32"; }
+.ez-icon-description:before { content: "\ea33"; }
+.ez-icon-dividir:before { content: "\ea34"; }
+.ez-icon-docx:before { content: "\ea35"; }
+.ez-icon-dot-notification:before { content: "\ea36"; }
+.ez-icon-dots-horizontal:before { content: "\ea37"; }
+.ez-icon-dots-vertical:before { content: "\ea38"; }
+.ez-icon-drag-indicator:before { content: "\ea39"; }
+.ez-icon-dual-chevron-down:before { content: "\ea3a"; }
+.ez-icon-dual-chevron-left:before { content: "\ea3b"; }
+.ez-icon-dual-chevron-right:before { content: "\ea3c"; }
+.ez-icon-dual-chevron-up:before { content: "\ea3d"; }
+.ez-icon-edit-file:before { content: "\ea3e"; }
+.ez-icon-edit-table:before { content: "\ea3f"; }
+.ez-icon-edit-time:before { content: "\ea40"; }
+.ez-icon-edit-value:before { content: "\ea41"; }
+.ez-icon-edit:before { content: "\ea42"; }
+.ez-icon-email:before { content: "\ea43"; }
+.ez-icon-estorno:before { content: "\ea44"; }
+.ez-icon-exe:before { content: "\ea45"; }
+.ez-icon-expand:before { content: "\ea46"; }
+.ez-icon-expandir_card:before { content: "\ea47"; }
+.ez-icon-extrato:before { content: "\ea48"; }
+.ez-icon-eye-off:before { content: "\ea49"; }
+.ez-icon-eye:before { content: "\ea4a"; }
+.ez-icon-favorite:before { content: "\ea4b"; }
+.ez-icon-figma:before { content: "\ea4c"; }
+.ez-icon-file-download:before { content: "\ea4d"; }
+.ez-icon-file-upload:before { content: "\ea4e"; }
+.ez-icon-filter:before { content: "\ea4f"; }
+.ez-icon-find-file:before { content: "\ea50"; }
+.ez-icon-find-page:before { content: "\ea51"; }
+.ez-icon-format-color-fill:before { content: "\ea52"; }
+.ez-icon-generic:before { content: "\ea53"; }
+.ez-icon-gif:before { content: "\ea54"; }
+.ez-icon-graph_bar:before { content: "\ea55"; }
+.ez-icon-handshake:before { content: "\ea56"; }
+.ez-icon-help-inverted:before { content: "\ea57"; }
+.ez-icon-help:before { content: "\ea58"; }
+.ez-icon-hide_menu:before { content: "\ea59"; }
+.ez-icon-home:before { content: "\ea5a"; }
+.ez-icon-icons104:before { content: "\ea5b"; }
+.ez-icon-language:before { content: "\ea5c"; }
+.ez-icon-launch:before { content: "\ea5d"; }
+.ez-icon-lightbulb:before { content: "\ea5e"; }
+.ez-icon-list:before { content: "\ea5f"; }
+.ez-icon-location:before { content: "\ea60"; }
+.ez-icon-lock-outline:before { content: "\ea61"; }
+.ez-icon-lock:before { content: "\ea62"; }
+.ez-icon-menu:before { content: "\ea63"; }
+.ez-icon-mid:before { content: "\ea64"; }
+.ez-icon-minus:before { content: "\ea65"; }
+.ez-icon-money-off:before { content: "\ea66"; }
+.ez-icon-money:before { content: "\ea67"; }
+.ez-icon-more:before { content: "\ea68"; }
+.ez-icon-mp3:before { content: "\ea69"; }
+.ez-icon-mp4:before { content: "\ea6a"; }
+.ez-icon-multiple-files:before { content: "\ea6b"; }
+.ez-icon-north-west:before { content: "\ea6c"; }
+.ez-icon-number:before { content: "\ea6d"; }
+.ez-icon-ordem-ascendente:before { content: "\ea6e"; }
+.ez-icon-ordem-descendente:before { content: "\ea6f"; }
+.ez-icon-parcelar:before { content: "\ea70"; }
+.ez-icon-pause:before { content: "\ea71"; }
+.ez-icon-payments:before { content: "\ea72"; }
+.ez-icon-pdf:before { content: "\ea73"; }
+.ez-icon-play:before { content: "\ea74"; }
+.ez-icon-plus:before { content: "\ea75"; }
+.ez-icon-png:before { content: "\ea76"; }
+.ez-icon-power:before { content: "\ea77"; }
+.ez-icon-pptx:before { content: "\ea78"; }
+.ez-icon-preview:before { content: "\ea79"; }
+.ez-icon-print:before { content: "\ea7a"; }
+.ez-icon-push-pin:before { content: "\ea7b"; }
+.ez-icon-rateio:before { content: "\ea7c"; }
+.ez-icon-receipt:before { content: "\ea7d"; }
+.ez-icon-recolher_card:before { content: "\ea7e"; }
+.ez-icon-restore:before { content: "\ea7f"; }
+.ez-icon-return:before { content: "\ea80"; }
+.ez-icon-sankhya-place:before { content: "\ea81"; }
+.ez-icon-save:before { content: "\ea82"; }
+.ez-icon-search:before { content: "\ea83"; }
+.ez-icon-settings-inverted:before { content: "\ea84"; }
+.ez-icon-settings:before { content: "\ea85"; }
+.ez-icon-share:before { content: "\ea86"; }
+.ez-icon-shield:before { content: "\ea87"; }
+.ez-icon-show_menu:before { content: "\ea88"; }
+.ez-icon-south-east:before { content: "\ea89"; }
+.ez-icon-sync:before { content: "\ea8a"; }
+.ez-icon-table:before { content: "\ea8b"; }
+.ez-icon-tag_code:before { content: "\ea8c"; }
+.ez-icon-text:before { content: "\ea8d"; }
+.ez-icon-timeline:before { content: "\ea8e"; }
+.ez-icon-timer-outline:before { content: "\ea8f"; }
+.ez-icon-trending-up:before { content: "\ea90"; }
+.ez-icon-tune:before { content: "\ea91"; }
+.ez-icon-txt:before { content: "\ea92"; }
+.ez-icon-un-pin:before { content: "\ea93"; }
+.ez-icon-unfold_less:before { content: "\ea94"; }
+.ez-icon-unfold_more:before { content: "\ea95"; }
+.ez-icon-user-circle:before { content: "\ea96"; }
+.ez-icon-warning-outline:before { content: "\ea97"; }
+.ez-icon-warning_triangle:before { content: "\ea98"; }
+.ez-icon-whatshot:before { content: "\ea99"; }
+.ez-icon-xlsx:before { content: "\ea9a"; }
+.ez-icon-zip:before { content: "\ea9b"; }
 
 /*
   END CSS GENERATED BY EZ-DESIGN ICONS

package/dist/collection/components/ez-multi-selection-list/ez-multi-selection-list.js

@@ -152,13 +152,14 @@ export class EzMuiltiSelectionList {
   }
   scenarioToDisplay(view) {
     const scenarios = {
-      [ViewScenarios.DATASOURCE_INIT]: this.buildInitViewWithDataSource(),
-      [ViewScenarios.DATASOURCE_RESULTS]: this.buildViewList(true),
-      [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: this.buildViewEmptyResults(),
-      [ViewScenarios.OPTIONS_EMPTY]: this.buildViewEmptyResults(),
-      [ViewScenarios.OPTIONS]: this.buildViewList(false),
+      [ViewScenarios.DATASOURCE_INIT]: () => this.buildInitViewWithDataSource(),
+      [ViewScenarios.DATASOURCE_RESULTS]: () => this.buildViewList(true),
+      [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: () => this.buildViewEmptyResults(),
+      [ViewScenarios.OPTIONS_EMPTY]: () => this.buildViewEmptyResults(),
+      [ViewScenarios.OPTIONS]: () => this.buildViewList(false),
     };
-    return scenarios[view];
+    const scenarioBuilder = scenarios[view];
+    return scenarioBuilder ? scenarioBuilder() : undefined;
   }
   render() {
     return (h(Host, null, h("div", { class: "multi-selection" }, this.useOptions ? (h("ez-filter-input", { ref: (element) => (this.filterInput = element), label: `Buscar..`, onEzChange: this.handleSearchOnOption.bind(this) })) : (h("ez-search", { class: "multi-selection__input", label: `Buscar...`, ref: (element) => (this.searchInput = element), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, optionLoader: (search) => this.searchWithDataSource(search, this.columnName), onEzChange: this.handleSearchOnDataSource.bind(this), isTextSearch: this.isTextSearch })), h("ez-scroll", { class: "multi-selection__content-options" }, this.scenarioToDisplay(this.viewScenario)))));
@@ -234,7 +235,7 @@ export class EzMuiltiSelectionList {
       },
       "options": {
         "type": "unknown",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "IMultiSelectionOption[]",
           "resolved": "IMultiSelectionOption[]",

package/dist/collection/utils/constants.js

@@ -1,3 +1,4 @@
 export const REQUIRED_INFO = " (obrigatório) *";
 export const ALL_RECORD = "ALL_RECORD";
 export const DISTINCT_FILTER_NAME_PREFIX = 'FILTRO_COLUNA_';
+export const EZ_GRID_LOADING_SOURCE = "EZ_GRID_LOADING_SOURCE";