@sankhyalabs/sankhyablocks 10.1.0-dev.6 → 10.1.0-dev.60

package/dist/cjs/snk-default-filter.cjs.entry.js

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1cf293c1.js');
-const defaultFilters = require('./default-filters-a09bf82b.js');
-
-const snkDefaultFilterCss = ".sc-snk-default-filter-h{display:flex;justify-content:flex-end}.default_container.sc-snk-default-filter{border:none;background:none;display:flex;align-items:center;gap:var(--space--3xs, 4px);font-family:var(--font-pattern);color:var(--title--primary, #2b3a54);font-size:var(--text--medium, 14px);padding:0;outline:none}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter{cursor:pointer}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter:hover{color:var(--color--primary-600)}.new_filter.sc-snk-default-filter{cursor:pointer;margin:0 var(--space--3xs, 4px)}.new_filter.sc-snk-default-filter:hover{color:var(--color--primary-600)}";
-
-const SnkDefaultFilter = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.actionSelected = index.createEvent(this, "actionSelected", 7);
-    this.OFFSET_HEIGHT = 5;
-    this.getMessage = undefined;
-    this.hasDefaultFilter = false;
-    this._opened = false;
-  }
-  repositionDropDown() {
-    if (!this._refIcon || !this._refDropdown) {
-      return;
-    }
-    const boundingIcon = this._refIcon.getBoundingClientRect();
-    const boundingDropDown = this._refDropdown.getBoundingClientRect();
-    this._refDropdown.style.top = (boundingIcon.y + boundingIcon.height + this.OFFSET_HEIGHT) + "px";
-    this._refDropdown.style.left = ((boundingIcon.x + (boundingIcon.width / 2)) - boundingDropDown.width) + "px";
-  }
-  toggleDropdown() {
-    this._opened = !this._opened;
-  }
-  closeDropdown(evt) {
-    const target = evt === null || evt === void 0 ? void 0 : evt.target;
-    if (!target) {
-      return;
-    }
-    if (!target.closest("#dropdown-parent-demo")) {
-      this._opened = false;
-    }
-  }
-  buildItems() {
-    return ([
-      {
-        id: defaultFilters.ActionDefaultFilter.EDIT,
-        label: this.getMessage('defaultFilter.edit'),
-      },
-      {
-        id: defaultFilters.ActionDefaultFilter.REMOVE,
-        label: this.getMessage('defaultFilter.remove'),
-      },
-    ]);
-  }
-  onValueSelected({ detail: item }) {
-    this._opened = false;
-    this.actionSelected.emit(item.id);
-  }
-  openCreateNewFilter() {
-    this.actionSelected.emit(defaultFilters.ActionDefaultFilter.CREATE);
-  }
-  componentDidRender() {
-    this.repositionDropDown();
-  }
-  componentWillLoad() {
-    this._items = this.buildItems();
-    document.removeEventListener("scroll", this.repositionDropDown.bind(this));
-    document.addEventListener("scroll", this.repositionDropDown.bind(this));
-  }
-  render() {
-    if (!this.hasDefaultFilter) {
-      return (index.h(index.Host, null, index.h("button", { class: "default_container new_filter", onClick: this.openCreateNewFilter.bind(this) }, index.h("span", null, this.getMessage('defaultFilter.create')))));
-    }
-    return (index.h(index.Host, null, index.h("button", { class: "default_container", onClick: this.toggleDropdown.bind(this) }, index.h("span", null, this.getMessage('defaultFilter.title')), index.h("ez-icon", { ref: (ref) => this._refIcon = ref, iconName: 'dots-vertical' })), this._opened &&
-      index.h("ez-dropdown", { ref: (ref) => this._refDropdown = ref, items: this._items, onEzClick: this.onValueSelected.bind(this), onEzOutsideClick: this.closeDropdown.bind(this) })));
-  }
-};
-SnkDefaultFilter.style = snkDefaultFilterCss;
-
-exports.snk_default_filter = SnkDefaultFilter;

package/dist/cjs/snk-filter-advanced-mode_2.cjs.entry.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1cf293c1.js');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-7259cf65.js');
-require('@sankhyalabs/core');
-require('./filter-item-type.enum-a7ffdaa6.js');
-require('./index-62760a9c.js');
-
-const snkFilterAdvancedModeCss = ".sc-snk-filter-advanced-mode-h{display:block;--snk-personalized-filter--title--color:var(--title--primary, #2B3A54)}.snk-filter-advanced-mode__title.sc-snk-filter-advanced-mode{color:var(--snk-personalized-filter--title--color)}";
-
-const SnkFilterAdvancedMode = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezExpressionChange = index.createEvent(this, "ezExpressionChange", 7);
-    this.filterAssistent = undefined;
-    this.application = undefined;
-  }
-  getMessage(key, params) {
-    return this.application.messagesBuilder.getMessage(key, params);
-  }
-  render() {
-    var _a;
-    return (index.h(index.Host, null, index.h("span", { class: "ez-title ez-title--small ez-padding-bottom--small snk-filter-advanced-mode__title" }, this.getMessage("snkPersonalizedFilter.info.applyExpression")), index.h("ez-text-area", { rows: 9, label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.expression, onEzChange: (evt) => this.ezExpressionChange.emit(evt.detail) })));
-  }
-};
-SnkFilterAdvancedMode.style = snkFilterAdvancedModeCss;
-
-const snkFilterAssistentModeCss = ".sc-snk-filter-assistent-mode-h{display:flex;flex-direction:column;height:100%;--text-area--font-family:var(--font-pattern, Arial);--text-area__label--floating--top:var(--space--small, 6px);--snk-filter-assistent-mode__container--border-radius:var(--border--radius-medium, 12px);--snk-filter-assistent-mode__container--background:var(--background--medium, #f0f3f7);--snk-filter-assistent-mode__container--margin:var(--space--small, 6px) var(--space--medium, 12px)}.ez-box__container--external.sc-snk-filter-assistent-mode{height:100px;width:100%;overflow-y:auto;background-color:var(--snk-filter-assistent-mode__container--background);border-radius:var(--snk-filter-assistent-mode__container--border-radius)}.ez-box__container--internal.sc-snk-filter-assistent-mode{margin:var(--snk-filter-assistent-mode__container--margin)}.ez-box__container--title.sc-snk-filter-assistent-mode{display:block;user-select:none;font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--title--primary);top:var(--text-area__label--floating--top)}.ez-box__container--expression.sc-snk-filter-assistent-mode{display:block;font-family:var(--text-area--font-family);font-size:var(--text--medium);color:var(--title--primary);top:var(--text-area__label--floating--top)}.snk-personalized-filter__expression-input--line.sc-snk-filter-assistent-mode{width:100%;height:2px;background-color:var(--snk-personalized-filter--background-color-line);margin-top:var(--snk-personalized-filter--margin-line);margin-bottom:var(--snk-personalized-filter--margin-line)}";
-
-const SnkFilterAssistentMode = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezChangeFilter = index.createEvent(this, "ezChangeFilter", 7);
-    this.filterAssistent = undefined;
-    this.messagesBuilder = undefined;
-    this.filterId = undefined;
-    this.entityUri = undefined;
-    this.application = undefined;
-    this.isDefaultFilter = false;
-  }
-  getMessage(key, params) {
-    return this.application.messagesBuilder.getMessage(key, params);
-  }
-  async handleFilterGroupChange() {
-    const assistent = await this._mainExpressionGroup.getExpressionGroup();
-    this.filterAssistent = Object.assign(Object.assign({}, this.filterAssistent), { assistent });
-    this.filterAssistent.parameters = PersonalizedFilterUtils.PersonalizedFilterUtils.buildVariableParameters(this.filterAssistent.assistent);
-    this.filterAssistent.expression = PersonalizedFilterUtils.PersonalizedFilterUtils.buildGroupExpression(this.filterAssistent.assistent);
-    this.ezChangeFilter.emit(this.filterAssistent);
-  }
-  render() {
-    var _a, _b;
-    return (index.h(index.Host, null, index.h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, index.h("snk-expression-group", { ref: (el) => this._mainExpressionGroup = el, group: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent, messagesBuilder: this.messagesBuilder, onEzFilterGroupChange: this.handleFilterGroupChange.bind(this), filterId: this.filterId, entityURI: this.entityUri, isDefaultFilter: this.isDefaultFilter })), index.h("div", { class: "ez-margin-top--auto" }, index.h("div", { class: "snk-personalized-filter__expression-input--line" }), index.h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, index.h("div", { class: "ez-box" }, index.h("div", { class: "ez-box__container--external" }, index.h("div", { class: "ez-box__container--internal" }, index.h("span", { class: "ez-box__container--title" }, this.getMessage("snkPersonalizedFilter.info.labelExpression")), index.h("span", { class: "ez-box__container--expression" }, (_b = this.filterAssistent) === null || _b === void 0 ? void 0 : _b.expression))))))));
-  }
-};
-SnkFilterAssistentMode.style = snkFilterAssistentModeCss;
-
-exports.snk_filter_advanced_mode = SnkFilterAdvancedMode;
-exports.snk_filter_assistent_mode = SnkFilterAssistentMode;

package/dist/cjs/snk-filter-detail.cjs.entry.js

@@ -1,198 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1cf293c1.js');
-const core = require('@sankhyalabs/core');
-const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-7259cf65.js');
-const presentationMode = require('./presentationMode-52ec3bdd.js');
-const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
-require('./index-62760a9c.js');
-
-const SnkFilterDetail = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.filterChange = index.createEvent(this, "filterChange", 7);
-    this.config = undefined;
-    this.getMessage = undefined;
-    this.showHardFixed = true;
-    this.removalBlocked = false;
-  }
-  /**
-   * Define o foco no campo do editor.
-   */
-  async setFocusField() {
-    var _a, _b, _c, _d;
-    if (!this._editor) {
-      return;
-    }
-    if (this._editor["setFocus"]) {
-      (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["setFocus"]) === null || _b === void 0 ? void 0 : _b.call(_a);
-    }
-    else if (this._editor["focus"]) {
-      (_d = (_c = this._editor) === null || _c === void 0 ? void 0 : _c["focus"]) === null || _d === void 0 ? void 0 : _d.call(_c);
-    }
-  }
-  async clearValue() {
-    if (!this._editor) {
-      return;
-    }
-    if (this._editor["clearValue"]) {
-      await this._editor["clearValue"]();
-    }
-  }
-  observeConfig(newValue) {
-    var _a, _b;
-    this._editor && (this._editor["config"] = newValue);
-    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["reloadList"]) === null || _b === void 0 ? void 0 : _b.call(_a);
-    this._customElementObject = this.getContentEditor();
-  }
-  componentDidLoad() {
-    if (this._element) {
-      core.ElementIDUtils.addIDInfo(this._element);
-      const dataElementIdDoFilterItem = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
-      this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
-    }
-  }
-  changeConfig(newConfig) {
-    this.filterChange.emit(newConfig);
-  }
-  getContentEditor() {
-    switch (this.config.type) {
-      case filterItemType_enum.FilterItemType.BINARY_SELECT:
-        return { tag: "snk-filter-binary-select" };
-      case filterItemType_enum.FilterItemType.MULTI_SELECT:
-        return { tag: "snk-filter-multi-select" };
-      case filterItemType_enum.FilterItemType.PERIOD:
-        return { tag: "snk-filter-period" };
-      case filterItemType_enum.FilterItemType.SEARCH:
-        return { tag: "snk-filter-search" };
-      case filterItemType_enum.FilterItemType.NUMBER:
-        return { tag: "snk-filter-number" };
-      case filterItemType_enum.FilterItemType.PERSONALIZED:
-        const snkFilterPersonalizedProps = {
-          tag: "snk-personalized-filter-editor", props: {
-            presentationMode: presentationMode.EPresentationMode.CHIP,
-            onValueChanged: evt => this.handleValueChanged(evt),
-          }
-        };
-        return snkFilterPersonalizedProps;
-      case filterItemType_enum.FilterItemType.CHECK_BOX_LIST:
-        return {
-          tag: "snk-filter-checkbox-list",
-          props: {
-            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
-          }
-        };
-      case filterItemType_enum.FilterItemType.MULTI_LIST:
-        return {
-          tag: "snk-entity-list",
-          props: {
-            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
-          }
-        };
-    }
-    return { tag: "snk-filter-text" };
-  }
-  handleValueChanged({ detail }) {
-    const groupedItems = (detail === null || detail === void 0 ? void 0 : detail.items) || this.config.groupedItems;
-    this.config = Object.assign(Object.assign({}, this.config), { groupedItems, visible: (groupedItems || []).filter(item => item.visible).length > 0 });
-  }
-  removeItem() {
-    const hasMultiValues = this.config.type === filterItemType_enum.FilterItemType.MULTI_LIST && Array.isArray(this.config.value);
-    const newValue = hasMultiValues ? this.config.value.map((valueItem) => (Object.assign(Object.assign({}, valueItem), { check: false }))) : undefined;
-    const removedConfig = Object.assign(Object.assign({}, this.config), { visible: false, fixed: false, value: newValue });
-    if (removedConfig.groupedItems != undefined) {
-      removedConfig.groupedItems = removedConfig.groupedItems.map(item => (Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined })));
-    }
-    this.changeConfig(removedConfig);
-  }
-  removeItemFromGroup(item) {
-    return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
-  }
-  getPopUpHeaderButtons() {
-    return (index.h(index.Fragment, null, !this.removalBlocked && !this.config.removalBlocked &&
-      this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
-      this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
-  }
-  buildIcon(title, iconName, action) {
-    return (index.h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", ref: elem => elem && this.buildIdButton(elem, title) }, index.h("ez-icon", Object.assign({ title: title, iconName: iconName }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo(`_${title}`)}` }))));
-  }
-  buildIdButton(buttonElement, title) {
-    if (!buttonElement)
-      return;
-    const dataElement = { id: title };
-    buttonElement.removeAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
-    core.ElementIDUtils.addIDInfoIfNotExists(buttonElement, "button", dataElement);
-  }
-  clearBinarySelectValues() {
-    var _a;
-    const editor = this._editor || {};
-    (_a = editor.resetValues) === null || _a === void 0 ? void 0 : _a.call(editor);
-    this.config = core.ObjectUtils.copy(this.originalConfig);
-    this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
-  }
-  apply() {
-    const isValid = PersonalizedFilterUtils.PersonalizedFilterUtils.validateVariableValues(this.config, this._editor["value"]);
-    if (!isValid) {
-      return utils.ApplicationUtils.alert(this.getMessage('snkFilterBar.filterModal.validations.notFullFilled.title'), this.getMessage('snkFilterBar.filterModal.validations.notFullFilled.message'));
-    }
-    const valuesArray = this._editor["value"] !== undefined ? this._editor["value"] : this.config.value;
-    this.changeConfig(Object.assign(Object.assign({}, this.config), { visible: this.isVisible(), value: valuesArray }));
-  }
-  isVisible() {
-    if (this.config.groupedItems && this.config.groupedItems.length > 0) {
-      return this.config.groupedItems.filter(item => item.visible).length > 0;
-    }
-    return true;
-  }
-  clear() {
-    var _a;
-    if (this.config.type === filterItemType_enum.FilterItemType.BINARY_SELECT) {
-      this.clearBinarySelectValues();
-      return;
-    }
-    if (filterItemType_enum.FilterItemType.MULTI_LIST === this.config.type) {
-      const configCopy = core.ObjectUtils.copy(this.config);
-      (_a = configCopy.value) === null || _a === void 0 ? void 0 : _a.forEach(value => !!value && (value.check = false));
-      this.config = core.ObjectUtils.copy(configCopy);
-      return;
-    }
-    this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
-  }
-  filterCanBeCleared() {
-    return this.config.type !== filterItemType_enum.FilterItemType.PERSONALIZED;
-  }
-  onKeyDonwListener(event) {
-    if (event.key === "Enter") {
-      this._applyButton.setFocus().then(() => this.apply());
-    }
-  }
-  buildRightSlot(item) {
-    return index.h("ez-icon", { iconName: "delete", onClick: () => this.removeValueFromConfig(item) });
-  }
-  removeValueFromConfig(item) {
-    var _a, _b;
-    if (this.config) {
-      const configCopy = core.ObjectUtils.copy(this.config);
-      const index = (_a = configCopy.value) === null || _a === void 0 ? void 0 : _a.findIndex(i => (i === null || i === void 0 ? void 0 : i.id) === item.id);
-      (_b = configCopy.value) === null || _b === void 0 ? void 0 : _b.splice(index, 1);
-      this.config = core.ObjectUtils.copy(configCopy);
-    }
-  }
-  componentWillLoad() {
-    this.originalConfig = core.ObjectUtils.copy(this.config);
-    this._customElementObject = this.getContentEditor();
-  }
-  render() {
-    const { tag: CustomElement, props } = this._customElementObject;
-    return (index.h(index.Host, null, index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), index.h(CustomElement, Object.assign({ maxHeightList: '240px', ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage, rightListSlotBuilder: item => this.buildRightSlot(item) }, props)), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), index.h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (index.h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), index.h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
-  }
-  get _element() { return index.getElement(this); }
-  static get watchers() { return {
-    "config": ["observeConfig"]
-  }; }
-};
-
-exports.snk_filter_detail = SnkFilterDetail;