@sankhyalabs/sankhyablocks 1.4.0-beta.2 → 1.4.0-beta.3

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

@@ -1,91 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-e90ae303.js');
-
-const SHOW_MORE_ITEM_NAME = "__SHOWMORE__";
-const MAX_FILTERS = 5;
-const SnkFilterList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.snkItemSelected = index.createEvent(this, "snkItemSelected", 7);
-    this.innerClickCheck = (floatingContainer, node) => {
-      if (node && floatingContainer) {
-        if (!node.offsetParent) {
-          return true;
-        }
-        let current = node;
-        do {
-          if (current === floatingContainer || current === this._element) {
-            return true;
-          }
-        } while ((current = current.offsetParent) != null);
-      }
-      this._detailIsVisible = false;
-      return false;
-    };
-  }
-  showList() {
-    this._floatingID = index$1.FloatingManager.float(this._popover, this._popoverContainer, { autoClose: true, innerClickTest: this.innerClickCheck });
-    this._detailIsVisible = true;
-    this._showAll = false;
-    this._filterArgument = "";
-  }
-  hideList() {
-    if (this._floatingID != undefined) {
-      index$1.FloatingManager.close(this._floatingID);
-    }
-    this._floatingID = undefined;
-    this._detailIsVisible = false;
-  }
-  buttonClick() {
-    if (this._detailIsVisible) {
-      this.hideList();
-    }
-    else {
-      this.showList();
-    }
-  }
-  componentDidRender() {
-    if (this._floatingID == undefined) {
-      if (this._popover) {
-        this._popover.remove();
-      }
-    }
-  }
-  buildItemElement(item) {
-    return (index.h("div", { class: "ez-col ez-col--sd-12 ez-align--middle ez-padding--small sc-snk-filter-bar snk-filter-bar__filter-list-item", onClick: () => this.itemSelected(item.name) }, item.iconName ? index.h("ez-icon", { iconName: item.iconName, size: "small", class: `ez-padding-right--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__icon ${item.iconClass || ""}` }) : undefined, index.h("div", { class: `ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__label ${item.labelClass || ""}` }, item.label)));
-  }
-  itemSelected(itemName) {
-    if (itemName === SHOW_MORE_ITEM_NAME) {
-      this._showAll = true;
-    }
-    else {
-      this.hideList();
-      this.snkItemSelected.emit(itemName);
-    }
-  }
-  getFilterItems() {
-    const items = this.items ? index$1.ArrayUtils.applyStringFilter(this._filterArgument, this.items.filter(item => item.kind === "FILTER")) : [];
-    if (items.length === 0) {
-      return index.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-items-container--empty" }, this.emptyText);
-    }
-    const hideItems = !this._filterArgument && !this._showAll && (items.length > MAX_FILTERS + 1);
-    if (hideItems) {
-      items.splice(MAX_FILTERS);
-      items.push({ kind: "INTERNAL", label: "Mostrar mais", iconName: "dots-horizontal", name: SHOW_MORE_ITEM_NAME, iconClass: "snk-filter-bar__filter-list-item__icon--secondary", labelClass: "snk-filter-bar__filter-list-item__label--secondary" });
-    }
-    return index.h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-list-items-container" }, items.map(item => this.buildItemElement(item)));
-  }
-  getFooterItems() {
-    return this.items.filter(item => item.kind === "FOOTER");
-  }
-  render() {
-    return (index.h(index.Host, { class: "ez-flex ez-flex--column" }, index.h("ez-button", { class: this.buttonClass, label: this.label, onClick: () => this.buttonClick(), mode: this.iconName ? "icon" : undefined, iconName: this.iconName, size: "small" }, index.h("slot", { name: "leftIcon" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("div", { class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem }, index.h("ez-filter-input", { ref: ref => this._filterInput = ref, mode: "slim", label: this.findFilterText, value: this._filterArgument, onEzChange: (evt) => this._filterArgument = evt.detail }), this.getFilterItems(), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), this.items ? this.getFooterItems().map(item => this.buildItemElement(item)) : undefined))));
-  }
-  get _element() { return index.getElement(this); }
-};
-
-exports.snk_filter_list = SnkFilterList;

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

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0b676c5.js');
-const index$2 = require('./index-84fe3b86.js');
-const index$1 = require('./index-e90ae303.js');
-
-const SnkFilterModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  updateValue(id, value) {
-    this.items = this.items.map(item => {
-      if (item.id === id) {
-        return Object.assign(Object.assign({}, item), { active: value });
-      }
-      return item;
-    });
-  }
-  getActiveFiltersMsg() {
-    const activeFilters = this.items.filter(item => item.active).length;
-    if (activeFilters === 0) {
-      return this.getMessage("snkFilterBar.noActiveFilters");
-    }
-    return this.getMessage(activeFilters > 1 ? "snkFilterBar.activeFilters" : "snkFilterBar.activeFilter", { ACTIVE_FILTERS: activeFilters });
-  }
-  getFilteredItems() {
-    return this.items ? index$1.ArrayUtils.applyStringFilter(this._filterArgument, this.items) : [];
-  }
-  render() {
-    const allowCancel = this.items.filter(item => item.active).length > 0;
-    return (index.h("ez-modal-container", { modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.processModalAction(evt.detail), cancelButtonStatus: allowCancel ? index$2.ModalButtonStatus.ENABLED : index$2.ModalButtonStatus.DISABLED }, index.h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, index.h("div", null, this.useSearch ? index.h("ez-filter-input", { label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail }) : undefined), this.getFilteredItems().length > 0 ? index.h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, index.h("div", null, this.getFilteredItems().map(item => index.h("div", { class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, index.h("ez-check", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: "switch" }), index.h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)))), index.h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
-  }
-};
-
-exports.snk_filter_modal = SnkFilterModal;

package/dist/cjs/snk-grid.cjs.entry.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-e90ae303.js');
-const taskbarElements = require('./taskbar-elements-283c737e.js');
-const taskbarProcessor = require('./taskbar-processor-6bd0d35c.js');
-
-const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
-
-const SnkGrid = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.actionClick = index.createEvent(this, "actionClick", 7);
-    this.gridDoubleClick = index.createEvent(this, "gridDoubleClick", 7);
-    this._topTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
-      "snkGridTopTaskbar": ["FORM_MODE", "CONFIG_GRID", "INSERT"]
-    });
-    this._headerTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
-    });
-  }
-  actionClickHandler(evt) {
-    if (evt.detail === taskbarElements.TaskbarElement.CONFIG_GRID && this._grid) {
-      this._grid.openGridConfig();
-    }
-  }
-  saveConfig(config) {
-    const snkApplication = index$1.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (snkApplication) {
-      snkApplication.saveGridConfig(config);
-    }
-  }
-  componentWillLoad() {
-    const snkApplication = index$1.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (snkApplication) {
-      snkApplication.loadGridConfig(this.configName).then(cfg => {
-        this._gridConfig = cfg;
-        this._configLoaded = true;
-      });
-      //Forçamos a carga dos acessos pra aproveitar a request inicial.
-      snkApplication.getAllAccess();
-    }
-    let parent = this._element.parentElement;
-    while (parent) {
-      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
-        this._snkDataUnit = parent;
-        this._dataUnit = this._snkDataUnit.dataUnit;
-        if (!this._dataUnit) {
-          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
-            this._dataUnit = evt.detail;
-          });
-        }
-        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
-          this._dataState = evt.detail;
-        });
-        break;
-      }
-      parent = parent.parentElement;
-    }
-  }
-  componentWillRender() {
-    const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
-    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState);
-    this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState);
-  }
-  render() {
-    if (!this._configLoaded || !this._dataUnit) {
-      return undefined;
-    }
-    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, index.h("snk-filter-bar", { dataUnit: this._dataUnit, class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), index.h("snk-taskbar", { class: "ez-padding-left--medium", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), index.h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver }, index.h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" }))));
-  }
-  get _element() { return index.getElement(this); }
-};
-SnkGrid.style = snkGridCss;
-
-exports.snk_grid = SnkGrid;

package/dist/cjs/snk-taskbar.cjs.entry.js

@@ -1,160 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-e90ae303.js');
-const taskbarElements = require('./taskbar-elements-283c737e.js');
-
-const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
-
-const SnkTaskbar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.actionClick = index.createEvent(this, "actionClick", 7);
-    this._titleKeyByElement = {
-      [taskbarElements.TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
-      [taskbarElements.TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
-      [taskbarElements.TaskbarElement.NEXT]: "snkTaskbar.titleNext",
-      [taskbarElements.TaskbarElement.REFRESH]: "snkTaskbar.titleRefresh",
-      [taskbarElements.TaskbarElement.CLONE]: "snkTaskbar.titleClone",
-      [taskbarElements.TaskbarElement.REMOVE]: "snkTaskbar.titleRemove",
-      [taskbarElements.TaskbarElement.MORE_OPTIONS]: "snkTaskbar.titleMoreOptions",
-      [taskbarElements.TaskbarElement.INSERT]: "snkTaskbar.titleInsert",
-      [taskbarElements.TaskbarElement.CANCEL]: "snkTaskbar.titleCancel",
-      [taskbarElements.TaskbarElement.SAVE]: "snkTaskbar.titleSave",
-      [taskbarElements.TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
-      [taskbarElements.TaskbarElement.CONFIG_GRID]: "snkTaskbar.titleConfigGrid",
-      [taskbarElements.TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode"
-    };
-  }
-  observeButtons() {
-    this._definitions = undefined;
-  }
-  // Internal methods
-  elementsFromString(strButtons) {
-    const elements = [];
-    if (strButtons) {
-      strButtons.split(",").forEach(buttonName => {
-        buttonName = buttonName.trim();
-        if (taskbarElements.VisibleWhenForbidden[buttonName] || this.isAllowed(buttonName)) {
-          elements.push(buttonName.trim());
-        }
-      });
-    }
-    return elements;
-  }
-  isAllowed(buttonName) {
-    if (taskbarElements.AuthorizationElements[buttonName]) {
-      return this._permissions ? this._permissions.isSup || this._permissions[buttonName] : false;
-    }
-    return true;
-  }
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-taskbar.msg.ts"
-   */
-  getTitle(element) {
-    let key;
-    if (this.isAllowed(element)) {
-      key = this._titleKeyByElement[element];
-    }
-    else {
-      key = "snkTaskbar.forbidden";
-    }
-    return key ? this._application.messagesBuilder.getMessage(key, {}) : "";
-  }
-  elementClick(elem) {
-    if (this.dataUnit) {
-      switch (elem) {
-        case taskbarElements.TaskbarElement.PREVIOUS:
-          this.dataUnit.previousRecord();
-          break;
-        case taskbarElements.TaskbarElement.NEXT:
-          this.dataUnit.nextRecord();
-          break;
-        case taskbarElements.TaskbarElement.REFRESH:
-          this.dataUnit.loadData();
-          break;
-        case taskbarElements.TaskbarElement.CLONE:
-          this.dataUnit.copySelected();
-          break;
-        case taskbarElements.TaskbarElement.REMOVE:
-          this.dataUnit.removeSelectedRecords();
-          break;
-        case taskbarElements.TaskbarElement.INSERT:
-          this.dataUnit.addRecord();
-          break;
-        case taskbarElements.TaskbarElement.CANCEL:
-          this.dataUnit.cancelEdition();
-          break;
-        case taskbarElements.TaskbarElement.SAVE:
-          this.dataUnit.saveData();
-          break;
-      }
-    }
-    this.actionClick.emit(elem);
-  }
-  isEnabled(elem) {
-    if (!this.isAllowed(elem)) {
-      return false;
-    }
-    return !(this.disabledButtons && this.disabledButtons.includes(elem));
-  }
-  getElement(index, def) {
-    let className = def === this.primaryButton ? "ez-button--primary " : "";
-    if (index > 1) {
-      className += "ez-padding-left--medium";
-    }
-    if (taskbarElements.TaskbarElement[def.toString()]) {
-      return taskbarElements.buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList);
-    }
-    else {
-      return taskbarElements.buildCustomButton(def, className, elem => this.elementClick(elem), elem => this.isEnabled(elem));
-    }
-  }
-  // Lifecycle
-  componentWillLoad() {
-    this._application = index$1.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (this._application) {
-      this._application.getAllAccess().then(access => this._permissions = access);
-    }
-    else {
-      this._permissions = {};
-    }
-  }
-  componentWillRender() {
-    if (this._definitions == undefined && this._permissions) {
-      this._definitions = this.elementsFromString(this.buttons);
-    }
-  }
-  render() {
-    if (this._definitions === undefined) {
-      return undefined;
-    }
-    let index$1 = 0;
-    return (index.h(index.Host, null, this._definitions.map((elem) => {
-      if (elem === taskbarElements.TaskbarElement.DIVIDER) {
-        index$1 = 0;
-      }
-      else {
-        index$1++;
-      }
-      if (taskbarElements.TaskbarElement[elem]) {
-        return this.getElement(index$1, taskbarElements.TaskbarElement[elem]);
-      }
-      if (this.customButtons.has(elem)) {
-        return this.getElement(index$1, this.customButtons.get(elem));
-      }
-      return index.h("slot", { name: elem });
-    })));
-  }
-  static get watchers() { return {
-    "buttons": ["observeButtons"]
-  }; }
-};
-SnkTaskbar.style = snkTaskbarCss;
-
-exports.snk_taskbar = SnkTaskbar;

package/dist/cjs/taskbar-processor-6bd0d35c.js

@@ -1,47 +0,0 @@
-'use strict';
-
-class TaskbarProcessor {
-  constructor(defaultButtons) {
-    this._defaultButtons = defaultButtons;
-  }
-  process(taskbarId, taskbarManager, dataState, disabledButtons = []) {
-    var _a;
-    this.customButtons = new Map();
-    this.buttons = "";
-    this.disabledButtons = [];
-    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
-      let buttonName;
-      if (typeof btnDef === "string") {
-        buttonName = btnDef;
-      }
-      else {
-        const customBtn = btnDef;
-        this.customButtons.set(customBtn.name, customBtn);
-        buttonName = customBtn.name;
-      }
-      if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
-        this.disabledButtons.push(buttonName);
-      }
-      if (this.buttons.length > 0) {
-        this.buttons += ",";
-      }
-      this.buttons += buttonName;
-    });
-  }
-  getButtonsArray(taskbarId, taskbarManager, dataState) {
-    const defaults = this._defaultButtons[taskbarId];
-    if (taskbarManager) {
-      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
-    }
-    return defaults;
-  }
-  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
-    const originalValue = disabled.includes(buttonName) ? false : true;
-    if (taskbarManager && taskbarManager.isEnabled) {
-      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
-    }
-    return originalValue;
-  }
-}
-
-exports.TaskbarProcessor = TaskbarProcessor;