@sankhyalabs/sankhyablocks 1.4.0-beta.1 → 1.4.0-beta.10

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

@@ -1,154 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-02201bc9.js');
-const filterItemType_enum = require('./filter-item-type.enum-e2e1bc5b.js');
-
-const SnkFilterItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.filterChange = index.createEvent(this, "filterChange", 7);
-    this.innerClickCheck = (floatingContainer, node) => {
-      if (this._popover.keepOpened) {
-        return true;
-      }
-      if (node && floatingContainer) {
-        if (!node.offsetParent) {
-          return true;
-        }
-        let current = node;
-        do {
-          if (current === floatingContainer) {
-            return true;
-          }
-        } while ((current = current.offsetParent) != null);
-      }
-      this.detailIsVisible = false;
-      return false;
-    };
-  }
-  async showUp(open = false) {
-    this._filterItemElement.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" });
-    if (open) {
-      window.requestAnimationFrame(() => {
-        this.showDetail();
-      });
-    }
-  }
-  showDetail() {
-    this._floatingID = index$1.FloatingManager.float(this._popover, this._popoverContainer, { autoClose: true, innerClickTest: this.innerClickCheck, left: this.getScrollOffset() });
-    this.detailIsVisible = true;
-  }
-  getScrollOffset() {
-    return `${this._filterItemElement.getBoundingClientRect().left + 12}px`;
-  }
-  hideDetail() {
-    if (this._floatingID != undefined) {
-      index$1.FloatingManager.close(this._floatingID);
-    }
-    this._floatingID = undefined;
-    this.detailIsVisible = false;
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  clickListener(evt) {
-    if ([this._chipElement, this._leftIconElement, this._rightIconElement].includes(evt.target)) {
-      if (evt.target === this._rightIconElement && this.config.value != undefined) {
-        this.filterChange.emit(Object.assign(Object.assign({}, this.config), { value: undefined }));
-      }
-      else {
-        if (this.detailIsVisible) {
-          this.hideDetail();
-        }
-        else {
-          this.showDetail();
-        }
-      }
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      evt.stopPropagation();
-    }
-  }
-  mouseDownListener(evt) {
-    if (this.detailIsVisible && [this._chipElement, this._leftIconElement, this._rightIconElement].includes(evt.target)) {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      evt.stopPropagation();
-    }
-  }
-  getLabel() {
-    const { type, value, label, props } = this.config;
-    if (value) {
-      if (type === filterItemType_enum.FilterItemType.BINARY_SELECT) {
-        const [optOne, optTwo] = props.options;
-        if (optOne.name === value) {
-          return optOne.label;
-        }
-        if (optTwo.name === value) {
-          return optTwo.label;
-        }
-      }
-      if (type === filterItemType_enum.FilterItemType.MULTI_SELECT) {
-        const opt = props.options.find(opt => opt.value === value);
-        return `${label}: ${opt.label}`;
-      }
-      if (type === filterItemType_enum.FilterItemType.PERIOD) {
-        let { end, start } = value;
-        if (typeof end === "string") {
-          end = new Date(end);
-          end.setMinutes(end.getMinutes() + end.getTimezoneOffset());
-        }
-        if (typeof start === "string") {
-          start = new Date(start);
-          start.setMinutes(start.getMinutes() + start.getTimezoneOffset());
-        }
-        const dateFormater = new Intl.DateTimeFormat("pt-BR");
-        if (end && start) {
-          return `${label}: ${dateFormater.format(start)} a ${dateFormater.format(end)}`;
-        }
-        else {
-          if (start) {
-            return `${label}: A partir de ${dateFormater.format(start)}`;
-          }
-          else if (end) {
-            return `${label}: Até ${dateFormater.format(end)}`;
-          }
-          else {
-            return label;
-          }
-        }
-      }
-      if (type === filterItemType_enum.FilterItemType.SEARCH) {
-        return `${label}: ${value.value} - ${value.label}`;
-      }
-      return `${label}: ${value}`;
-    }
-    return label;
-  }
-  componentDidRender() {
-    if (this._floatingID == undefined) {
-      if (this._popover) {
-        this._popover.remove();
-      }
-    }
-  }
-  filterChangeListener() {
-    this.hideDetail();
-  }
-  getIconName() {
-    if (this.config.value != undefined) {
-      return "close";
-    }
-    return this.detailIsVisible ? "chevron-up" : "chevron-down";
-  }
-  render() {
-    const leftIcon = this.config.type === filterItemType_enum.FilterItemType.PERIOD ? "calendar" : undefined;
-    return (index.h(index.Host, null, index.h("ez-chip", { ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined }, leftIcon ? index.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, index.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getIconName(), class: "ez-padding-left--small", slot: "rightIcon" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem, key: this.config.id }))));
-  }
-  get _filterItemElement() { return index.getElement(this); }
-};
-
-exports.snk_filter_item = SnkFilterItem;

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-02201bc9.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-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-02201bc9.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-02201bc9.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;