@sankhyalabs/sankhyablocks 5.5.0 → 5.7.0

package/dist/components/snk-grid2.js

@@ -1,17 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { VersionUtils, ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { T as TaskbarElement, s as store, d as defineCustomElement$1 } from './snk-taskbar2.js';
+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 { 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';
-import { d as defineCustomElement$7 } from './snk-filter-detail2.js';
-import { d as defineCustomElement$6 } from './snk-filter-item2.js';
-import { d as defineCustomElement$5 } from './snk-filter-list2.js';
-import { d as defineCustomElement$4 } from './snk-filter-modal2.js';
+import { s as store } from './index3.js';
+import { d as defineCustomElement$8 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$7 } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$6 } from './snk-filter-bar2.js';
+import { d as defineCustomElement$5 } from './snk-filter-detail2.js';
+import { d as defineCustomElement$4 } from './snk-filter-item2.js';
 import { d as defineCustomElement$3 } from './snk-grid-config2.js';
 import { d as defineCustomElement$2 } from './snk-select-box2.js';
 
@@ -312,7 +311,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-data-exporter", "snk-exporter-email-sender", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-grid-config", "snk-select-box", "snk-taskbar"];
+  const components = ["snk-grid", "snk-data-exporter", "snk-exporter-email-sender", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-grid-config", "snk-select-box", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
@@ -320,36 +319,26 @@ function defineCustomElement() {
       }
       break;
     case "snk-data-exporter":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "snk-exporter-email-sender":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "snk-filter-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();
       }
       break;
-    case "snk-filter-detail":
+    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
       break;
-    case "snk-filter-item":
+    case "snk-filter-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }
       break;
-    case "snk-filter-list":
+    case "snk-filter-detail":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "snk-filter-modal":
+    case "snk-filter-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }

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-taskbar2.js

@@ -1,205 +1,11 @@
-import { getRenderingRef, forceUpdate, h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 import { P as PresentationMode } from './index2.js';
+import { s as store } from './index3.js';
 import { d as defineCustomElement$2 } from './snk-data-exporter2.js';
 import { d as defineCustomElement$1 } from './snk-exporter-email-sender2.js';
 
-const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
-}, 2000);
-const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
-            cleanupElements(elmsToUpdate);
-        },
-    };
-};
-
-const unwrap = (val) => (typeof val === 'function' ? val() : val);
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        var _a;
-        // When resetting the state, the default state may be a function - unwrap it to invoke it.
-        // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        });
-        // We need to unwrap the defaultState because it might be a function.
-        // Otherwise we might not be sending the right reset value.
-        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
-    };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
-};
-
-const store = createStore({
-  exporterProviders: {}
-});
-
 var TaskbarElement;
 (function (TaskbarElement) {
   TaskbarElement["PREVIOUS"] = "PREVIOUS";
@@ -553,4 +359,4 @@ function defineCustomElement() {
   } });
 }
 
-export { SnkTaskbar as S, TaskbarElement as T, defineCustomElement as d, store as s };
+export { SnkTaskbar as S, TaskbarElement as T, defineCustomElement as d };

package/dist/esm/{SnkMessageBuilder-7a9392e6.js → SnkMessageBuilder-23272e07.js}

@@ -56,7 +56,15 @@ const snkFilterBarMessages = {
   "modalPersonalizedFilterSubTitle": "Gerencie seus filtros",
   "modalInfoTextCreateEditPersonalized": "Use o layout antigo para criar ou editar filtros, em breve traremos uma nova experiência",
   "modalOkButtonLabel": "Aplicar",
-  "modalCancelButtonLabel": "Limpar"
+  "modalCancelButtonLabel": "Limpar",
+  "filters": "Filtros",
+  "filterModal": {
+    "title": "Filtros",
+    "okButtonLabel": "Aplicar",
+    "cancelButtonLabel": "Limpar tudo",
+    "customFilters": "Filtros personalizados",
+    "quickFilters": "Filtros rápidos"
+  }
 };
 
 const snkTaskbarMessages = {
@@ -310,6 +318,19 @@ const snkAttachMessages = {
   }
 };
 
+const snkPersonalizedFilterMessages = {
+  info: {
+    labelSearchField: "Buscar campo",
+    labelOperator: "Operador",
+    labelValueVarible: "Valor variável",
+    titleTooltip: "Ao ativar um valor variável, é possível inserir um valor diferente sempre que o filtro for aplicado"
+  },
+  confirm: {
+    title: "Aviso",
+    description: `As informações da condição serão descartadas.</br></br><b>Gostaria de continuar?</b>`
+  }
+};
+
 class SnkMessageBuilder {
   constructor(domainName) {
     this._defaults = {
@@ -332,6 +353,7 @@ class SnkMessageBuilder {
       snkFilterFieldSearch: snkFilterFieldSearchMessages,
       snkSimpleBar: snkSimpleBarMessages,
       snkAttach: snkAttachMessages,
+      snkPersonalizedFilter: snkPersonalizedFilterMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this._domainName = domainName;

package/dist/esm/{filter-item-type.enum-a79b2fa8.js → filter-item-type.enum-5028ed3f.js}

@@ -8,6 +8,7 @@ var FilterItemType;
   FilterItemType["NUMBER"] = "NUMBER";
   FilterItemType["DEFAULT_FILTER"] = "DEFAULT_FILTER";
   FilterItemType["PERSONALIZED"] = "PERSONALIZED";
+  FilterItemType["MULTI_LIST"] = "MULTI_LIST";
 })(FilterItemType || (FilterItemType = {}));
 const FilterItemType$1 = FilterItemType;
 

package/dist/esm/filter-type.enum-a80c1b6b.js

@@ -0,0 +1,9 @@
+var FilterType;
+(function (FilterType) {
+  FilterType["QUICK_FILTER"] = "QUICK_FILTER";
+  FilterType["CUSTOM_FILTER"] = "CUSTOM_FILTER";
+  FilterType["OTHER_FILTERS"] = "OTHER_FILTERS";
+})(FilterType || (FilterType = {}));
+const FilterType$1 = FilterType;
+
+export { FilterType$1 as F };

package/dist/esm/{index-6519a79e.js → index-507e19ec.js}

@@ -64,4 +64,4 @@ var FilterEntities;
   FilterEntities["INSTANCE"] = "Instancia";
 })(FilterEntities || (FilterEntities = {}));
 
-export { DataExporterOption as D, FilterOperand as F, PresentationMode as P, DataExporterFormat as a, DataExporterType as b, FilterConfigType as c, FilterEntities as d, FilterUserConfigTypes as e };
+export { DataExporterOption as D, FilterUserConfigTypes as F, PresentationMode as P, DataExporterFormat as a, DataExporterType as b, FilterOperand as c, FilterConfigType as d, FilterEntities as e };

package/dist/esm/index-620ac460.js

@@ -0,0 +1,7 @@
+var SelectedItemType;
+(function (SelectedItemType) {
+  SelectedItemType["LINK"] = "LINK";
+  SelectedItemType["FIELD"] = "FIELD";
+})(SelectedItemType || (SelectedItemType = {}));
+
+export { SelectedItemType as S };