@sankhyalabs/sankhyablocks 5.4.3 → 5.6.0

package/dist/{esm/snk-filter-param-config.entry.js → components/snk-filter-param-config2.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-cfd4bb13.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { StringUtils, DataType, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
-import { F as FilterOperand, c as FilterConfigType, d as FilterEntities, e as FilterUserConfigTypes } from './index-6519a79e.js';
+import { a as FilterOperand, d as FilterConfigType, e as FilterEntities, F as FilterUserConfigTypes } from './index2.js';
 
 class PersonalizedFilterUtils {
   /**
@@ -58,11 +58,12 @@ class PersonalizedFilterUtils {
   }
 }
 
-const snkFilterParamConfigCss = ".sc-snk-filter-param-config-h{--snk-filter-param-config__expression--color:var(--title--primary, #2b3a54);display:flex;position:relative}.snk-filter-param-config__expression.sc-snk-filter-param-config{--text-area__input--disabled--color:var(--snk-filter-param-config__expression--color)}";
+const snkFilterParamConfigCss = ":host{--snk-filter-param-config__expression--color:var(--title--primary, #2b3a54);display:flex;position:relative}.snk-filter-param-config__expression{--text-area__input--disabled--color:var(--snk-filter-param-config__expression--color)}";
 
-const SnkFilterParamConfig = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SnkFilterParamConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this._opened = false;
     this._configType = FilterConfigType.SYSTEM_CONFIG;
     this._expressionItem = undefined;
@@ -91,7 +92,8 @@ const SnkFilterParamConfig = class {
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-param-config.msg.ts"
    */
   getMessage(key, params) {
-    return this.messagesBuilder.getMessage(key, params);
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
   }
   getConfigValue(configName, inputName, inputAlias = "") {
     var _a, _b, _c;
@@ -245,8 +247,30 @@ const SnkFilterParamConfig = class {
       return (h("option", { value: FilterUserConfigTypes[configType] }, this.getMessage(`snkFilterParamConfig.labelTypeValues.${configType.toLowerCase()}`)));
     })))), h("ez-text-area", Object.assign({ ref: (ref) => this._expressionElement = ref, class: "snk-filter-param-config__expression", label: this.getMessage("snkFilterParamConfig.labelExpression"), enabled: false }, this.getElementID("presentationExpression"))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-padding-right--medium", label: this.getMessage("snkFilterParamConfig.labelCancel"), onClick: () => this.close() }, this.getElementID("cancelEditParam"))), h("ez-button", Object.assign({ class: "ez-button--primary", label: this.getMessage("snkFilterParamConfig.labelSave"), onClick: () => this.save(), enabled: this._canSave }, this.getElementID("saveEditParam")))))));
   }
-  get _element() { return getElement(this); }
-};
-SnkFilterParamConfig.style = snkFilterParamConfigCss;
+  get _element() { return this; }
+  static get style() { return snkFilterParamConfigCss; }
+}, [0, "snk-filter-param-config", {
+    "messagesBuilder": [1040],
+    "_opened": [32],
+    "_configType": [32],
+    "_expressionItem": [32],
+    "_informedInstance": [32],
+    "_canSave": [32],
+    "open": [64],
+    "close": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-param-config"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterParamConfig);
+      }
+      break;
+  } });
+}
 
-export { SnkFilterParamConfig as snk_filter_param_config };
+export { SnkFilterParamConfig as S, defineCustomElement as d };

package/dist/components/snk-grid2.js

@@ -1,10 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
+import { VersionUtils, ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode } from './index2.js';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
-import { s as store, d as defineCustomElement$1 } from './snk-taskbar2.js';
+import { s as store } from './index3.js';
 import { d as defineCustomElement$a } from './snk-data-exporter2.js';
 import { d as defineCustomElement$9 } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$8 } from './snk-filter-bar2.js';
@@ -31,7 +32,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH", "DATA_EXPORTER"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", this.getAttachAvailable(), "REFRESH", "DATA_EXPORTER"],
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH"],
       "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
     });
@@ -72,6 +73,13 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async setConfig(config) {
     this.setGridConfig(config);
   }
+  getAttachAvailable() {
+    var _a;
+    const isValidVersion = VersionUtils.isRequiredVersion((_a = window.envContext) === null || _a === void 0 ? void 0 : _a.sysVersion, '4.22');
+    if (isValidVersion)
+      return TaskbarElement.ATTACH;
+    return "";
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -241,7 +249,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const disabledButtons = [];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this._dataState.selectionInfo.length > 1) {
-        disabledButtons.push("CLONE");
+        disabledButtons.push(TaskbarElement.CLONE, "ATTACH");
       }
       if (this._dataState.selectionInfo.isAllRecords()) {
         disabledButtons.push("REMOVE");

package/dist/components/snk-personalized-filter.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkPersonalizedFilter extends Components.SnkPersonalizedFilter, HTMLElement {}
+export const SnkPersonalizedFilter: {
+  prototype: SnkPersonalizedFilter;
+  new (): SnkPersonalizedFilter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-personalized-filter.js

@@ -0,0 +1,158 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as dist, D as DataFetcher } from './DataFetcher.js';
+import { F as FilterUserConfigTypes, a as FilterOperand } from './index2.js';
+import { s as store } from './index3.js';
+import { StringUtils, ApplicationContext } from '@sankhyalabs/core';
+import { d as defineCustomElement$4 } from './snk-expression-item2.js';
+import { d as defineCustomElement$3 } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$2 } from './snk-filter-param-config2.js';
+
+class PersonalizedFilterFetcher {
+  constructor() {
+    this.templateByQuery = new Map();
+    this.buildTemplates();
+  }
+  buildTemplates() {
+    const query = dist.gql `
+    query($name: String!) {
+      $queryAlias$: fetchFilterFields(name: $name){
+        currentLink {
+          description
+          uri
+        }
+        links {
+          description
+          uri
+          fieldCount
+        }
+        fields {
+          name
+          description
+          uri
+          onlyDate
+          dataType
+          userInterface
+          properties {
+            name
+            value
+          }
+        }
+      }
+    }
+    `;
+    this.templateByQuery.set("fetchFilterFields", query);
+  }
+  loadFields(uri) {
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: { name: uri },
+        query: this.templateByQuery.get("fetchFilterFields"),
+      })
+        .then((resp) => {
+        let fields = resp.fields;
+        for (const field of fields) {
+          if (Array.isArray(field.properties) && field.properties.length > 0 && field.userInterface === "SEARCH") {
+            const propertiesConvertedObject = field.properties.reduce((accumulator, prop) => {
+              accumulator[prop.name] = prop.value;
+              return accumulator;
+            }, {});
+            field.properties = propertiesConvertedObject;
+          }
+        }
+        resolve(Object.assign(Object.assign({}, resp), { fields: fields }));
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+}
+
+const snkPersonalizedFilterCss = ":host{display:flex}";
+
+const SnkPersonalizedFilter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this._personalizedFilterFetcher = new PersonalizedFilterFetcher();
+    this._dataSourceFetcher = {
+      fetchData: async (entity) => {
+        let entityURI = entity === null || entity === void 0 ? void 0 : entity.uri;
+        if (StringUtils.isEmpty(entityURI)) {
+          entityURI = "dd://Financeiro/br.com.sankhya.fin.cad.receber"; //TODO: Receber como prop
+        }
+        return await this._personalizedFilterFetcher.loadFields(entityURI);
+      }
+    };
+    this.items = {
+      entityName: "Financeiro",
+      fieldName: "CODBCO",
+      description: "Financeiro >> Banco",
+      type: FilterUserConfigTypes.DECIMAL,
+      expression: "Financeiro.CODBCO",
+      operand: FilterOperand.EQUAL,
+      paramVariable: false,
+      value: "61",
+      systemConfig: null,
+      userConfig: null
+    };
+    this.handleFilterItemChange = (changes) => {
+      console.log("Campo do ExpressionItem alterado");
+      console.log(changes);
+    };
+    this.handleFilterItemRemove = (expression) => {
+      console.log("Event de deleção disparado");
+      console.log(expression);
+    };
+    this.messagesBuilder = undefined;
+  }
+  componentWillLoad() {
+    if (store.get("filterFieldsDataSource") == undefined) {
+      store.set("filterFieldsDataSource", this._dataSourceFetcher);
+    }
+    if (!this.messagesBuilder) {
+      const snkApp = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      this.messagesBuilder = snkApp === null || snkApp === void 0 ? void 0 : snkApp.messagesBuilder;
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", null, h("snk-expression-item", { expression: this.items, canRemove: true, onEzFilterItemChange: (evt) => this.handleFilterItemChange(evt.detail), onEzFilterItemRemove: (evt) => this.handleFilterItemRemove(evt.detail), messagesBuilder: this.messagesBuilder }))));
+  }
+  static get style() { return snkPersonalizedFilterCss; }
+}, [0, "snk-personalized-filter", {
+    "messagesBuilder": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-personalized-filter", "snk-expression-item", "snk-filter-field-search", "snk-filter-param-config"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-personalized-filter":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkPersonalizedFilter$1);
+      }
+      break;
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const SnkPersonalizedFilter = SnkPersonalizedFilter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkPersonalizedFilter, defineCustomElement };

package/dist/components/snk-simple-bar.js

@@ -1,44 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ElementIDUtils } from '@sankhyalabs/core';
-
-const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
-
-const SnkSimpleBar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.clickBreadcrumbItem = createEvent(this, "clickBreadcrumbItem", 3);
-    this.exit = createEvent(this, "exit", 3);
-    this.label = undefined;
-    this.breadcrumbItens = undefined;
-  }
-  componentDidLoad() {
-    if (!this._element)
-      return;
-    ElementIDUtils.addIDInfo(this._element);
-  }
-  render() {
-    return (h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
-  }
-  get _element() { return this; }
-  static get style() { return snkSimpleBarCss; }
-}, [6, "snk-simple-bar", {
-    "label": [1],
-    "breadcrumbItens": [16]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-simple-bar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-simple-bar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkSimpleBar$1);
-      }
-      break;
-  } });
-}
+import { S as SnkSimpleBar$1, d as defineCustomElement$1 } from './snk-simple-bar2.js';
 
 const SnkSimpleBar = SnkSimpleBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/snk-simple-bar2.js

@@ -0,0 +1,59 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+
+const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
+
+const SnkSimpleBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.clickBreadcrumbItem = createEvent(this, "clickBreadcrumbItem", 3);
+    this.exit = createEvent(this, "exit", 3);
+    this.label = undefined;
+    this.breadcrumbItens = undefined;
+    this.messagesBuilder = undefined;
+  }
+  /**
+   * 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-simple-bar.msg.ts"
+  */
+  getMessage(key, params) {
+    var _a;
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
+      return this._application.messagesBuilder.getMessage(key, params);
+  }
+  componentDidLoad() {
+    if (!this._element)
+      return;
+    ElementIDUtils.addIDInfo(this._element);
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    return (h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
+  }
+  get _element() { return this; }
+  static get style() { return snkSimpleBarCss; }
+}, [6, "snk-simple-bar", {
+    "label": [1],
+    "breadcrumbItens": [16],
+    "messagesBuilder": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-simple-bar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-simple-bar":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkSimpleBar);
+      }
+      break;
+  } });
+}
+
+export { SnkSimpleBar as S, defineCustomElement as d };