@sankhyalabs/sankhyablocks 8.8.0-rc.1 → 8.8.0-rc.11

package/dist/cjs/{snk-guides-viewer-aab80f66.js → snk-guides-viewer-b173ce35.js}

@@ -2,20 +2,21 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-f641f502.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-29101e20.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const taskbarElements = require('./taskbar-elements-39949c7a.js');
 const constants = require('./constants-d187e03e.js');
-require('./DataFetcher-2a99283c.js');
-require('./pesquisa-fetcher-7ef61508.js');
+require('./DataFetcher-713f0749.js');
+require('./pesquisa-fetcher-34922b83.js');
 const index$1 = require('./index-0e663819.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-4f7d4ee7.js');
+require('./dataunit-fetcher-66c0b7af.js');
+require('./PreloadManager-e26d237f.js');
 require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-a322a522.js');
+require('./form-config-fetcher-17775a75.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
@@ -140,6 +141,12 @@ const SnkGuidesViewer = class {
           this._breadcrumbItems = breadcrumbs;
         });
       });
+      this._guides = this._guides.map(guide => {
+        if (guide.id === guideItem.id) {
+          return Object.assign(Object.assign({}, guide), guideItem);
+        }
+        return guide;
+      });
     }
   }
   loadTaskbarProcessor() {
@@ -267,6 +274,28 @@ const SnkGuidesViewer = class {
     this._guideNavigator.getCurrentPath().then(breadcrumbs => {
       this._breadcrumbItems = breadcrumbs;
     });
+    this.resetGuideBadge(currentItem);
+  }
+  resetGuideBadge(selectedGuide) {
+    var _a;
+    this._guides = [...(_a = this._guides) === null || _a === void 0 ? void 0 : _a.map(guide => {
+        if (this.canClearGuideBadge(guide, selectedGuide.id)) {
+          return Object.assign(Object.assign({}, guide), { badge: null });
+        }
+        return guide;
+      })];
+  }
+  canClearGuideBadge(guide, idToCheck) {
+    return (guide.id === idToCheck) || this.isIncludedInChildrenList(guide, idToCheck);
+  }
+  isIncludedInChildrenList(guide, guideId) {
+    return this.hasChildren(guide) && this.getChildrenIdList(guide).includes(guideId);
+  }
+  hasChildren(guide) {
+    return guide.children && Array.isArray(guide.children);
+  }
+  getChildrenIdList(guide) {
+    return (guide.children).map(guideChild => guideChild.id);
   }
   getConfigViewMode() {
     return constants.VIEW_MODE.GRID;
@@ -316,6 +345,50 @@ const SnkGuidesViewer = class {
     var _a;
     return index.h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != index$1.PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, index.h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
+  async dataUnitActionHandler(action) {
+    var _a;
+    if (action.type === core.Action.FIELD_INVALIDATED) {
+      const guideName = this.getGuideName((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fieldName);
+      await this.addErrorBadgeToGuide(guideName);
+      await this.openGuideNavigator(guideName);
+    }
+  }
+  async addErrorBadgeToGuide(guideName) {
+    var _a;
+    this._guides = [...(_a = this._guides) === null || _a === void 0 ? void 0 : _a.map(guide => {
+        return Object.assign(Object.assign({}, guide), { badge: this.getBadge(guide, guideName) });
+      })];
+  }
+  async openGuideNavigator(guideName) {
+    if (this.selectedGuide.id !== guideName) {
+      await this._guideNavigator.openGuideNavidator();
+    }
+  }
+  getBadge(guide, tabName) {
+    var _a;
+    if (this.selectedGuide.id === tabName) {
+      return null;
+    }
+    if (tabName === guide.id) {
+      return "error";
+    }
+    return (_a = guide.badge) !== null && _a !== void 0 ? _a : null;
+  }
+  getGuideName(fieldName) {
+    var _a;
+    for (const sheet of this._masterFormMetadata.getAllSheets()) {
+      const formFields = (_a = sheet[1]) === null || _a === void 0 ? void 0 : _a.fields;
+      for (const field of formFields) {
+        if (field.name === fieldName) {
+          return sheet[0];
+        }
+      }
+    }
+    return "";
+  }
+  componentDidLoad() {
+    this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+  }
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-aab80f66.js');
+const snkGuidesViewer = require('./snk-guides-viewer-b173ce35.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-f641f502.js');
-require('./ConfigStorage-a97ca159.js');
-require('./form-config-fetcher-a322a522.js');
-require('./DataFetcher-2a99283c.js');
+require('./SnkFormConfigManager-29101e20.js');
+require('./ConfigStorage-c15716fd.js');
+require('./form-config-fetcher-17775a75.js');
+require('./DataFetcher-713f0749.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./PrintUtils-bcaeb82f.js');
@@ -19,10 +19,12 @@ require('./taskbar-elements-39949c7a.js');
 require('./index-0e663819.js');
 require('./index-102ba62d.js');
 require('./constants-d187e03e.js');
-require('./pesquisa-fetcher-7ef61508.js');
+require('./pesquisa-fetcher-34922b83.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./dataunit-fetcher-4f7d4ee7.js');
+require('./dataunit-fetcher-66c0b7af.js');
+require('./PreloadManager-e26d237f.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('./ResourceIDUtils-5ff86aa7.js');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
 

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
-const ConfigStorage = require('./ConfigStorage-a97ca159.js');
+const ConfigStorage = require('./ConfigStorage-c15716fd.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index$1 = require('./index-c5771aba.js');
 const index$2 = require('./index-102ba62d.js');
 require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-a322a522.js');
-require('./DataFetcher-2a99283c.js');
+require('./form-config-fetcher-17775a75.js');
+require('./DataFetcher-713f0749.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./PrintUtils-bcaeb82f.js');

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -6,21 +6,24 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-d187e03e.js');
 const taskbarElements = require('./taskbar-elements-39949c7a.js');
-require('./DataFetcher-2a99283c.js');
-require('./pesquisa-fetcher-7ef61508.js');
+require('./DataFetcher-713f0749.js');
+require('./pesquisa-fetcher-34922b83.js');
 const index$1 = require('./index-0e663819.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-4f7d4ee7.js');
+const dataunitFetcher = require('./dataunit-fetcher-66c0b7af.js');
+require('./PreloadManager-e26d237f.js');
 require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-a322a522.js');
+require('./form-config-fetcher-17775a75.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-56db34ee.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-d74d2336.js');
 require('./index-102ba62d.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./PrintUtils-bcaeb82f.js');
 require('./ResourceIDUtils-5ff86aa7.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
 
 const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:max-content;row-gap:12px;height:100%;width:100%}.simple-crud__container-section.sc-snk-simple-crud{flex-wrap:unset;flex-direction:column}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
 

package/dist/collection/components/snk-actions-button/actions/executor/java.executor.js

@@ -11,12 +11,12 @@ export default class JavaExecutor {
       resolve({ execSource, callback: this.callExecJava });
     });
   }
-  callExecJava(execSource) {
+  async callExecJava(execSource) {
     const request = {
       requestBody: {
         javaCall: execSource
       }
     };
-    DataFetcher.get().callServiceBroker(SERVICE_ACTION_EXECUTE_JAVA, JSON.stringify(request));
+    await DataFetcher.get().callServiceBroker(SERVICE_ACTION_EXECUTE_JAVA, JSON.stringify(request));
   }
 }

package/dist/collection/components/snk-actions-button/actions/executor/javascript.executor.js

@@ -11,10 +11,10 @@ export default class JavascriptExecutor {
       resolve({ execSource, callback: this.callExecScript });
     });
   }
-  callExecScript(execSource) {
+  async callExecScript(execSource) {
     const request = {
       runScript: execSource
     };
-    DataFetcher.get().callServiceBroker(SERVICE_ACTION_EXECUTE_SCRIPT, request);
+    await DataFetcher.get().callServiceBroker(SERVICE_ACTION_EXECUTE_SCRIPT, request);
   }
 }

package/dist/collection/components/snk-actions-button/actions/executor/procedure.executor.js

@@ -15,12 +15,12 @@ export default class ProcedureExecutor {
       resolve({ execSource, callback: this.callExecProcedure });
     });
   }
-  callExecProcedure(execSource) {
+  async callExecProcedure(execSource) {
     const request = {
       requestBody: {
         stpCall: execSource
       }
     };
-    DataFetcher.get().callServiceBroker(SERVICE_ACTION_EXECUTE_STP, JSON.stringify(request));
+    await DataFetcher.get().callServiceBroker(SERVICE_ACTION_EXECUTE_STP, JSON.stringify(request));
   }
 }

package/dist/collection/components/snk-actions-button/clientEvent/index.js

@@ -3,85 +3,90 @@ import { ActionsType } from "../actions/enum/ActionsType";
 const CONFIRMACAO = "__CONFIRMACAO__";
 const ESCOLHA_SIM_NAO = "__ESCOLHA_SIMNAO__";
 export default class ClientEventConfirm {
-  clientConfirm(clientEvent, recaller) {
-    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    let actionType = "";
-    if (clientEvent.content.event.hasOwnProperty('stpCall')) {
-      recaller.requestBody = clientEvent.content.event.stpCall;
-      actionType = ActionsType.PROCEDURE;
-    }
-    else if (clientEvent.content.event.hasOwnProperty('runScript')) {
-      recaller.requestBody = clientEvent.content.event.runScript;
-      actionType = ActionsType.JAVASCRIPT;
-    }
-    else if (clientEvent.content.event.hasOwnProperty('javaCall')) {
-      recaller.requestBody = clientEvent.content.event.javaCall;
-      actionType = ActionsType.JAVA;
-    }
-    let param = {
-      type: 'S',
-      sequence: clientEvent.content.event.sequence
-    };
-    if (!recaller.requestBody.params) {
-      recaller.requestBody.params = {
-        param: []
+  async clientConfirm(clientEvent, recaller) {
+    return new Promise((resolve) => {
+      const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      let actionType = "";
+      if (clientEvent.content.event.hasOwnProperty('stpCall')) {
+        recaller.requestBody = clientEvent.content.event.stpCall;
+        actionType = ActionsType.PROCEDURE;
+      }
+      else if (clientEvent.content.event.hasOwnProperty('runScript')) {
+        recaller.requestBody = clientEvent.content.event.runScript;
+        actionType = ActionsType.JAVASCRIPT;
+      }
+      else if (clientEvent.content.event.hasOwnProperty('javaCall')) {
+        recaller.requestBody = clientEvent.content.event.javaCall;
+        actionType = ActionsType.JAVA;
+      }
+      let param = {
+        type: 'S',
+        sequence: clientEvent.content.event.sequence
       };
-    }
-    else {
-      if (!Array.isArray(recaller.requestBody.params.param)) {
-        recaller.requestBody.params.param = [recaller.requestBody.params.param];
+      if (!recaller.requestBody.params) {
+        recaller.requestBody.params = {
+          param: []
+        };
       }
-    }
-    recaller.requestBody.params.param.push(param);
-    const title = clientEvent.content.event.title.$;
-    const message = clientEvent.content.event.message.$;
-    let requestBody;
-    switch (actionType) {
-      case ActionsType.JAVASCRIPT:
-        requestBody = { runScript: recaller.requestBody };
-        break;
-      case ActionsType.PROCEDURE:
-        requestBody = {
-          requestBody: {
-            stpCall: recaller.requestBody
-          }
+      else {
+        if (!Array.isArray(recaller.requestBody.params.param)) {
+          recaller.requestBody.params.param = [recaller.requestBody.params.param];
+        }
+      }
+      recaller.requestBody.params.param.push(param);
+      const title = clientEvent.content.event.title.$;
+      const message = clientEvent.content.event.message.$;
+      let requestBody;
+      switch (actionType) {
+        case ActionsType.JAVASCRIPT:
+          requestBody = { runScript: recaller.requestBody };
+          break;
+        case ActionsType.PROCEDURE:
+          requestBody = {
+            requestBody: {
+              stpCall: recaller.requestBody
+            }
+          };
+          break;
+        case ActionsType.JAVA:
+          requestBody = {
+            requestBody: {
+              javaCall: recaller.requestBody
+            }
+          };
+          break;
+      }
+      if (clientEvent.content.event.showNoOption == 'S') {
+        param.paramName = ESCOLHA_SIM_NAO;
+        const form = document.createElement("snk-client-confirm");
+        window.document.body.appendChild(form);
+        form.titleMessage = title;
+        form.message = message;
+        form.accept = async () => {
+          param.$ = 'S';
+          await recaller.reCall(requestBody);
+          resolve();
         };
-        break;
-      case ActionsType.JAVA:
-        requestBody = {
-          requestBody: {
-            javaCall: recaller.requestBody
-          }
+        form.cancel = async () => {
+          param.$ = 'N';
+          await recaller.reCall(requestBody);
+          resolve();
         };
-        break;
-    }
-    if (clientEvent.content.event.showNoOption == 'S') {
-      param.paramName = ESCOLHA_SIM_NAO;
-      const form = document.createElement("snk-client-confirm");
-      window.document.body.appendChild(form);
-      form.titleMessage = title;
-      form.message = message;
-      form.accept = () => {
-        param.$ = 'S';
-        recaller.reCall(requestBody);
-      };
-      form.cancel = () => {
-        param.$ = 'N';
-        recaller.reCall(requestBody);
-      };
-      form.openPopup();
-    }
-    else {
-      application.confirm(title, message, null, 'warn', {
-        labelCancel: "Cancelar",
-        labelConfirm: "Sim"
-      }).then((confirmResult) => {
-        if (confirmResult) {
-          param.paramName = CONFIRMACAO;
-          param.$ = 'S';
-          recaller.reCall(requestBody);
-        }
-      });
-    }
+        form.openPopup();
+      }
+      else {
+        application.confirm(title, message, null, 'warn', {
+          labelCancel: "Cancelar",
+          labelConfirm: "Sim"
+        }).then(async (confirmResult) => {
+          if (confirmResult) {
+            param.paramName = CONFIRMACAO;
+            param.$ = 'S';
+            await recaller.reCall(requestBody);
+            resolve();
+          }
+        });
+      }
+    });
   }
 }

package/dist/collection/components/snk-application/snk-application.js

@@ -830,6 +830,7 @@ export class SnkApplication {
     }, 100);
     ErrorTracking.init();
     ConfigStorage.preload(this.applicationResourceID, this.configName);
+    document.addEventListener("click", () => Workspace.applicationClick());
   }
   connectedCallback() {
     ApplicationContext.setContextValue("__SNK__APPLICATION__", this);

package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js

@@ -1,3 +1,4 @@
+import { Action } from '@sankhyalabs/core';
 import { Host, forceUpdate, h } from '@stencil/core';
 import { SnkFormConfigManager } from '../../../snk-form/SnkFormConfigManager';
 import { buildFormMetadata } from "@sankhyalabs/ezui/dist/collection/utils/form";
@@ -26,6 +27,10 @@ export class SnkDetailView {
     this.canEdit = true;
     this.taskbarCustomContainerId = undefined;
   }
+  observeDataUnit(newDataUnit, oldDataUnit) {
+    newDataUnit === null || newDataUnit === void 0 ? void 0 : newDataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+    oldDataUnit === null || oldDataUnit === void 0 ? void 0 : oldDataUnit.unsubscribe(this.dataUnitActionHandler);
+  }
   observerDataState(newValue, oldValue) {
     const openInsertion = !(oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) && (newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode);
     const closeInsertion = (oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) && !(newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode);
@@ -191,6 +196,15 @@ export class SnkDetailView {
       this.messagesBuilder = new SnkMessageBuilder(this.entityName);
     }
   }
+  async dataUnitActionHandler(action) {
+    if (action.type === Action.FIELD_INVALIDATED) {
+      this.addErrorBadgeToBranchGuide();
+    }
+  }
+  addErrorBadgeToBranchGuide() {
+    this.branchGuide = Object.assign(Object.assign({}, this.branchGuide), { badge: 'error' });
+    this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit));
+  }
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
@@ -400,7 +414,7 @@ export class SnkDetailView {
       },
       "branchGuide": {
         "type": "unknown",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "IGuideItem",
           "resolved": "IGuideItem",
@@ -589,6 +603,9 @@ export class SnkDetailView {
   }
   static get watchers() {
     return [{
+        "propName": "dataUnit",
+        "methodName": "observeDataUnit"
+      }, {
         "propName": "dataState",
         "methodName": "observerDataState"
       }];

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -1,11 +1,11 @@
-import { ElementIDUtils } from "@sankhyalabs/core";
-import { Fragment, h } from "@stencil/core";
-import { SnkFormConfigManager } from "../../snk-form/SnkFormConfigManager";
-import { FormMetadata, buildFormMetadata } from "@sankhyalabs/ezui/dist/collection/utils/form";
-import TaskbarProcessor from "../../snk-taskbar/processor/taskbar-processor";
-import { TaskbarElement } from "../../snk-taskbar/elements/taskbar-elements";
-import { VIEW_MODE } from "../../../lib/utils/constants";
-import { PresentationMode } from "../../../lib";
+import { Action as DUAction, ElementIDUtils } from '@sankhyalabs/core';
+import { Fragment, h } from '@stencil/core';
+import { SnkFormConfigManager } from '../../snk-form/SnkFormConfigManager';
+import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
+import TaskbarProcessor from '../../snk-taskbar/processor/taskbar-processor';
+import { TaskbarElement } from '../../snk-taskbar/elements/taskbar-elements';
+import { VIEW_MODE } from '../../../lib/utils/constants';
+import { PresentationMode } from '../../../lib';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 const FORM_NAME_PREFIX = "__FORM:";
 export class SnkGuidesViewer {
@@ -123,6 +123,12 @@ export class SnkGuidesViewer {
           this._breadcrumbItems = breadcrumbs;
         });
       });
+      this._guides = this._guides.map(guide => {
+        if (guide.id === guideItem.id) {
+          return Object.assign(Object.assign({}, guide), guideItem);
+        }
+        return guide;
+      });
     }
   }
   loadTaskbarProcessor() {
@@ -250,6 +256,28 @@ export class SnkGuidesViewer {
     this._guideNavigator.getCurrentPath().then(breadcrumbs => {
       this._breadcrumbItems = breadcrumbs;
     });
+    this.resetGuideBadge(currentItem);
+  }
+  resetGuideBadge(selectedGuide) {
+    var _a;
+    this._guides = [...(_a = this._guides) === null || _a === void 0 ? void 0 : _a.map(guide => {
+        if (this.canClearGuideBadge(guide, selectedGuide.id)) {
+          return Object.assign(Object.assign({}, guide), { badge: null });
+        }
+        return guide;
+      })];
+  }
+  canClearGuideBadge(guide, idToCheck) {
+    return (guide.id === idToCheck) || this.isIncludedInChildrenList(guide, idToCheck);
+  }
+  isIncludedInChildrenList(guide, guideId) {
+    return this.hasChildren(guide) && this.getChildrenIdList(guide).includes(guideId);
+  }
+  hasChildren(guide) {
+    return guide.children && Array.isArray(guide.children);
+  }
+  getChildrenIdList(guide) {
+    return (guide.children).map(guideChild => guideChild.id);
   }
   getConfigViewMode() {
     return VIEW_MODE.GRID;
@@ -299,6 +327,50 @@ export class SnkGuidesViewer {
     var _a;
     return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
+  async dataUnitActionHandler(action) {
+    var _a;
+    if (action.type === DUAction.FIELD_INVALIDATED) {
+      const guideName = this.getGuideName((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fieldName);
+      await this.addErrorBadgeToGuide(guideName);
+      await this.openGuideNavigator(guideName);
+    }
+  }
+  async addErrorBadgeToGuide(guideName) {
+    var _a;
+    this._guides = [...(_a = this._guides) === null || _a === void 0 ? void 0 : _a.map(guide => {
+        return Object.assign(Object.assign({}, guide), { badge: this.getBadge(guide, guideName) });
+      })];
+  }
+  async openGuideNavigator(guideName) {
+    if (this.selectedGuide.id !== guideName) {
+      await this._guideNavigator.openGuideNavidator();
+    }
+  }
+  getBadge(guide, tabName) {
+    var _a;
+    if (this.selectedGuide.id === tabName) {
+      return null;
+    }
+    if (tabName === guide.id) {
+      return "error";
+    }
+    return (_a = guide.badge) !== null && _a !== void 0 ? _a : null;
+  }
+  getGuideName(fieldName) {
+    var _a;
+    for (const sheet of this._masterFormMetadata.getAllSheets()) {
+      const formFields = (_a = sheet[1]) === null || _a === void 0 ? void 0 : _a.fields;
+      for (const field of formFields) {
+        if (field.name === fieldName) {
+          return sheet[0];
+        }
+      }
+    }
+    return "";
+  }
+  componentDidLoad() {
+    this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+  }
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {

package/dist/collection/components/snk-filter-bar/filter-item/dataunitfilter/data-unit-filter-builder.js

@@ -1,4 +1,4 @@
-import { DataType } from "@sankhyalabs/core";
+import { DataType, StringUtils } from "@sankhyalabs/core";
 import { toString } from "@sankhyalabs/core/dist/dataunit/metadata/DataType";
 import FilterItemType from "../filter-item-type.enum";
 import { FilterOperand } from "../../../snk-personalized-filter/interfaces/index";
@@ -93,8 +93,11 @@ function buildSearch(item) {
   return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value.value) }] };
 }
 function buildText(item) {
-  const { id, value, props } = item;
+  let { id, value, props } = item;
   const expression = props.expression;
+  if (!StringUtils.isEmpty(props.likeAs)) {
+    value = buildLikeValue(value, props.likeAs);
+  }
   return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value) }] };
 }
 function buildNumber(item) {
@@ -102,6 +105,18 @@ function buildNumber(item) {
   const expression = props.expression;
   return { name: id, expression, params: [{ name: id, dataType: DataType.NUMBER, value: toString(DataType.NUMBER, value) }] };
 }
+function buildLikeValue(valueAsString, likeAs) {
+  if (likeAs === "CONTANIS") {
+    return `%${valueAsString}%`;
+  }
+  else if (likeAs === "STARTS_WITH") {
+    return `${valueAsString}%`;
+  }
+  else if (likeAs === "ENDS_WITH") {
+    return `%${valueAsString}`;
+  }
+  return valueAsString;
+}
 function buildPersonalized(item) {
   const { id, groupedItems = [] } = item;
   const activeFilters = groupedItems.filter(groupItem => !!groupItem.visible);

package/dist/collection/components/snk-grid/filtercolumn/SnkMultiSelectionListDataSource.js

@@ -1,4 +1,5 @@
 import { DateUtils, UserInterface } from '@sankhyalabs/core';
+import { default as InMemoryFilterColumnDataSource } from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import PreloadManager from '../../../lib/http/data-fetcher/fetchers/data-unit/cache/PreloadManager';
 export default class SnkMultiSelectionListDataSource {
   setDataUnit(dataUnit) {
@@ -18,11 +19,7 @@ export default class SnkMultiSelectionListDataSource {
     if (fieldName == undefined) {
       return Promise.resolve(undefined);
     }
-    const result = await PreloadManager.getDistinct(this._dataUnit, fieldName);
-    if (result == undefined) {
-      return Promise.resolve(undefined);
-    }
-    return Promise.resolve(Array.from(result.entries()).map(([label, value]) => ({ label: String(label), value, check: true })));
+    return Promise.resolve(await PreloadManager.getDistinct(this._dataUnit, fieldName));
   }
   fetchData(filterTerm, fieldName) {
     return new Promise(resolve => {
@@ -37,4 +34,7 @@ export default class SnkMultiSelectionListDataSource {
       });
     });
   }
+  sortItems(fieldName, items) {
+    return InMemoryFilterColumnDataSource.defaultSorterMultSelectionOption(this._dataUnit, fieldName, items);
+  }
 }