@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-11997.0 → 0.0.0-bugfix-dev-KB-99999.0

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

@@ -1,12 +1,13 @@
-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';
+import { buildFieldSearch, openFieldSearch } from '../../snk-taskbar/subcomponents/field-search';
 const FORM_NAME_PREFIX = "__FORM:";
 export class SnkGuidesViewer {
   constructor() {
@@ -25,10 +26,12 @@ export class SnkGuidesViewer {
     this.presentationMode = undefined;
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
+    this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
     this._formEditorConfigManager = undefined;
     this._formEditorDataUnit = undefined;
+    this._fieldToGetFocus = undefined;
   }
   observeDataUnit() {
     this.loadGuides(true);
@@ -53,6 +56,12 @@ export class SnkGuidesViewer {
     this._formEditorConfigManager = masterConfig ? this._configManager : this._currentDetail.formConfigManager;
     this._formEditorDataUnit = masterConfig ? this.dataUnit : this._currentDetail.dataUnit;
   }
+  /**
+  * Abre o localizador de campos
+  */
+  async findField() {
+    await openFieldSearch(this._moreOptions, this._fieldSearch);
+  }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
@@ -123,11 +132,21 @@ 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;
+      });
     }
   }
+  getTaskBarId() {
+    var _a;
+    return ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
+  }
   loadTaskbarProcessor() {
-    var _a, _b;
-    const taskbarId = ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
+    var _a;
+    const taskbarId = this.getTaskBarId();
     const disabledButtons = [];
     if (!this.dataState || !this.dataState.hasPrevious) {
       disabledButtons.push("PREVIOUS");
@@ -135,7 +154,7 @@ export class SnkGuidesViewer {
     if (!this.dataState || !this.dataState.hasNext) {
       disabledButtons.push("NEXT");
     }
-    if ((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) {
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this.dataState.selectionInfo.length > 1) {
         disabledButtons.push("CLONE");
       }
@@ -166,25 +185,26 @@ export class SnkGuidesViewer {
   static updateContentCard(formName, cardConfig, propertyChanged, configManager) {
     return configManager.saveCardState(formName, cardConfig, propertyChanged);
   }
-  static buildFixedForms(formConfig, formMetadata, selectedForm, dataUnit, recordsValidator, levelPath) {
-    const cardsState = formConfig === null || formConfig === void 0 ? void 0 : formConfig.cardsState;
+  static buildFixedForms(params) {
+    var _a;
+    const cardsState = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.cardsState;
     if (cardsState == undefined) {
       return;
     }
     return (h(Fragment, null, Array.from(cardsState.entries())
-      .filter(([formName, cardConfig]) => (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed) && formName != selectedForm)
+      .filter(([formName, cardConfig]) => (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed) && formName != params.selectedForm)
       .sort(([, cardConfigA], [, cardConfigB]) => {
       const indexA = (cardConfigA === null || cardConfigA === void 0 ? void 0 : cardConfigA.fixSequence) || 0;
       const indexB = (cardConfigB === null || cardConfigB === void 0 ? void 0 : cardConfigB.fixSequence) || 0;
       return indexA - indexB;
     })
       .map(([formName, cardConfig]) => {
-      var _a;
-      const sheet = formMetadata.getSheet(formName);
+      var _a, _b;
+      const sheet = params.formMetadata.getSheet(formName);
       if (sheet == undefined) {
         return;
       }
-      return h("snk-form-view", { levelPath: levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: formMetadata, dataUnit: dataUnit, recordsValidator: recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_a = formConfig === null || formConfig === void 0 ? void 0 : formConfig.summary) === null || _a === void 0 ? void 0 : _a.get(formName), key: formName });
+      return h("snk-form-view", { levelPath: params.levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: params.formMetadata, dataUnit: params.dataUnit, recordsValidator: params.recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_b = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.summary) === null || _b === void 0 ? void 0 : _b.get(formName), fieldToFocus: params.fieldToFocus, key: formName, onSnkRequestClearFieldToFocus: _ => { var _a; return (_a = params.onRequestClearFieldToFocus) === null || _a === void 0 ? void 0 : _a.call(params); } });
     })));
   }
   wrapDetail(levels, content) {
@@ -233,7 +253,7 @@ export class SnkGuidesViewer {
       const sheet = this._masterFormMetadata.getSheet(cardId);
       if (sheet) {
         const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
-        content = h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, key: guideId }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
+        content = h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler() }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
       }
     }
     return content;
@@ -250,6 +270,35 @@ export class SnkGuidesViewer {
     this._guideNavigator.getCurrentPath().then(breadcrumbs => {
       this._breadcrumbItems = breadcrumbs;
     });
+    this.resetGuideBadge(currentItem);
+  }
+  changeGuideHandler(guideName) {
+    var _a;
+    (_a = this._guideNavigator) === null || _a === void 0 ? void 0 : _a.selectGuide(guideName);
+  }
+  clearFieldToFocusHandler() {
+    this._fieldToGetFocus = undefined;
+  }
+  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;
@@ -295,9 +344,90 @@ export class SnkGuidesViewer {
     }
     this._guideHasChanged = false;
   }
+  getFieldsSearch(actionButton, item) {
+    if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
+      this._hasToCreateFieldSearch = false;
+      this._moreOptions = actionButton;
+      actionButton.addEventListener("taskbarActionsButtonDisconnected", () => this._hasToCreateFieldSearch = true);
+      this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option, actionButton));
+    }
+    return this._fieldSearch;
+  }
+  fieldsOptionLoader(argument) {
+    return Promise.resolve(this._configManager.getFieldsList(this.dataUnit, argument)
+      .map(field => ({ value: field.name, label: field.label })));
+  }
+  onSelectField(option, actionButton) {
+    if (option == undefined) {
+      return;
+    }
+    this._fieldToGetFocus = option.value;
+    const fieldGuideName = this.getGuideName(option.value);
+    if (fieldGuideName !== this.selectedGuide.id) {
+      this.changeGuideHandler(fieldGuideName);
+    }
+    actionButton.hideActions();
+  }
+  getActionsList() {
+    const hardList = [{
+        value: "",
+        label: this.getMessage("snkCrud.findColumn"),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
+        itemBuilder: (actionButton, item) => this.getFieldsSearch(actionButton, item)
+      }];
+    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
+      return hardList.concat(this.taskbarManager.getMoreOptions(this.getTaskBarId(), this.configName, this.dataState, this.actionsList));
+    }
+    return hardList.concat(this.actionsList);
+  }
   buildTaskBar() {
     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" })));
+    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.getActionsList(), 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;
@@ -316,7 +446,15 @@ export class SnkGuidesViewer {
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
       :
-        h("div", null), h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID })));
+        h("div", null), h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms({
+      formConfig: this.masterFormConfig,
+      formMetadata: this._masterFormMetadata,
+      selectedForm: (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id,
+      dataUnit: this.dataUnit,
+      recordsValidator: this.recordsValidator,
+      fieldToFocus: this._fieldToGetFocus,
+      onRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this)
+    }), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID })));
   }
   static get is() { return "snk-guides-viewer"; }
   static get encapsulation() { return "scoped"; }
@@ -552,7 +690,7 @@ export class SnkGuidesViewer {
         "mutable": false,
         "complexType": {
           "original": "PresentationMode",
-          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY",
+          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY | PresentationMode.SINGLE_TASKBAR",
           "references": {
             "PresentationMode": {
               "location": "import",
@@ -607,10 +745,12 @@ export class SnkGuidesViewer {
   }
   static get states() {
     return {
+      "_hasToCreateFieldSearch": {},
       "_breadcrumbItems": {},
       "_guides": {},
       "_formEditorConfigManager": {},
-      "_formEditorDataUnit": {}
+      "_formEditorDataUnit": {},
+      "_fieldToGetFocus": {}
     };
   }
   static get events() {
@@ -694,6 +834,22 @@ export class SnkGuidesViewer {
               "text": "detail - Define se a configura\u00E7\u00E3o que est\u00E1 sendo carregada \u00E9\nreferente a um form detail."
             }]
         }
+      },
+      "findField": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Abre o localizador de campos",
+          "tags": []
+        }
       }
     };
   }

package/dist/collection/components/snk-custom-slot-elements/snk-custom-slot-elements.css

@@ -0,0 +1,3 @@
+.custom-slot-elements-container{
+  display: none;
+}

package/dist/collection/components/{snk-taskbar/snk-taskbar-custom-elements.js → snk-custom-slot-elements/snk-custom-slot-elements.js}

@@ -1,26 +1,26 @@
 import { h, Host } from '@stencil/core';
-export class SnkTaskbarCustomElements {
+export class SnkCustomSlotElements {
   constructor() {
-    this.slot = 'TASKBAR_CUSTOM_ELEMENTS';
+    this.slotName = 'CUSTOM_SLOT_ELEMENTS';
   }
   render() {
-    return (h(Host, { slot: this.slot }, h("div", { id: this.slot, class: "taskbar-custom-elements-container" }, h("slot", null))));
+    return (h(Host, { slot: this.slotName }, h("div", { id: this.slotName, class: "custom-slot-elements-container" }, h("slot", null))));
   }
-  static get is() { return "snk-taskbar-custom-elements"; }
+  static get is() { return "snk-custom-slot-elements"; }
   static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() {
     return {
-      "$": ["snk-taskbar.css"]
+      "$": ["snk-custom-slot-elements.css"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["snk-taskbar.css"]
+      "$": ["snk-custom-slot-elements.css"]
     };
   }
   static get properties() {
     return {
-      "slot": {
+      "slotName": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -32,11 +32,11 @@ export class SnkTaskbarCustomElements {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Nome do slot da Taskbar onde os elementos customizados dever\u00E3o aparecer."
+          "text": "Nome do slot onde os elementos customizados dever\u00E3o aparecer."
         },
-        "attribute": "slot",
+        "attribute": "slot-name",
         "reflect": false,
-        "defaultValue": "'TASKBAR_CUSTOM_ELEMENTS'"
+        "defaultValue": "'CUSTOM_SLOT_ELEMENTS'"
       }
     };
   }

package/dist/collection/components/snk-data-exporter/snk-data-exporter.css

@@ -1,7 +1,4 @@
 :host {
-  /*@doc Define o posicionamento de z-index do componente.*/
-  --snk-data-exporter--z-index: var(--most-visible, 3);
-
   /*private*/
   display: flex;
   width: fit-content;
@@ -15,11 +12,6 @@
   height: fit-content;
 }
 
-.snk-data-exporter--overlap {
-  /*public*/
-  z-index: var(--snk-data-exporter--z-index);
-}
-
 .snk-data-exporter__dropdown {
   /*private*/
   display: none;
@@ -35,4 +27,4 @@
 .snk-data-exporter__dropdown > ez-dropdown {
   /*private*/
   position: relative;
-}
+}

package/dist/collection/components/snk-data-exporter/snk-data-exporter.js

@@ -300,7 +300,7 @@ export class SnkDataExporter {
   }
   render() {
     return (h(Host, null, h("div", { class: `snk-data-exporter
-          ${this.canShowDropdown() ? " snk-data-exporter--overlap" : ""}
+          ${this.canShowDropdown() ? " ez-elevation--16" : ""}
         ` }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", size: "small", mode: "icon", title: this.getMessage("snkDataExporter.group.export.title"), onClick: () => this.controlDropdown() }, this.getElementID("button"))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `snk-data-exporter__dropdown
               ${this.canShowDropdown() ? "snk-data-exporter__dropdown--show" : ""}
             ` }, this.getElementID("dropdown")), this.canShowDropdown() &&

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -1,5 +1,5 @@
 import { Host, h } from '@stencil/core';
-import { Action, ApplicationContext, ObjectUtils, DataType, JSUtils } from '@sankhyalabs/core';
+import { Action, ApplicationContext, DataUnitAction, ObjectUtils, DataType, JSUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { OperationMap, SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 export class SnkDataUnit {
@@ -155,6 +155,10 @@ export class SnkDataUnit {
     }
     return selectedRecordsIDsInfo;
   }
+  getCleanOnCopyFields() {
+    var _a;
+    return (_a = this.dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.fields.filter(field => { var _a; return (_a = field.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy; }).map(field => field.name);
+  }
   async interceptAction(action) {
     return new Promise(resolve => {
       var _a, _b, _c, _d, _e;
@@ -169,6 +173,15 @@ export class SnkDataUnit {
           break;
         case Action.RECORDS_COPIED:
           if (this.isAllowed("CLONE")) {
+            const cleanFields = this.getCleanOnCopyFields();
+            if (cleanFields.length > 0) {
+              const records = action.payload;
+              action = new DataUnitAction(Action.RECORDS_COPIED, records.map(record => {
+                const newRecord = Object.assign({}, record);
+                cleanFields.forEach(fieldName => delete newRecord[fieldName]);
+                return newRecord;
+              }));
+            }
             resolve(action);
           }
           else {
@@ -244,7 +257,7 @@ export class SnkDataUnit {
               removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selection.length });
               multipleSelection = true;
             }
-            if (removeConfirmation == undefined) {
+            if (!removeConfirmation) {
               resolve(action);
             }
             else {
@@ -406,16 +419,6 @@ export class SnkDataUnit {
   }
   static get is() { return "snk-data-unit"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["snk-data-unit.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["snk-data-unit.css"]
-    };
-  }
   static get properties() {
     return {
       "dataState": {

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

@@ -1,7 +1,8 @@
-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";
+import { FilterNumberVariation } from "../editors/enum/filterNumberVariation";
 const buildFilter = (item) => {
   switch (item.type) {
     case FilterItemType.DEFAULT_FILTER:
@@ -22,6 +23,8 @@ const buildFilter = (item) => {
       return buildNumber(item);
     case FilterItemType.PERSONALIZED:
       return buildPersonalized(item);
+    case FilterItemType.CHECK_BOX_LIST:
+      return buildCheckboxList(item);
     default:
       return undefined;
   }
@@ -55,6 +58,23 @@ function buildMultiList(item) {
     };
   }
 }
+function buildCheckboxList(item) {
+  var _a;
+  const { id, value, props } = item;
+  const selectedOptionNames = Object.entries(value !== null && value !== void 0 ? value : {})
+    .filter(([_, valueChecked]) => valueChecked === true)
+    .map(([key, _]) => key);
+  const selectedOptionsObject = (_a = props.options) === null || _a === void 0 ? void 0 : _a.filter(option => selectedOptionNames.includes(option.name));
+  return { name: id, expression: buildCheckboxListExpression(selectedOptionsObject), params: [] };
+}
+function buildCheckboxListExpression(options) {
+  let expression = "";
+  options.forEach((option, index) => {
+    var _a;
+    expression += ` ${index > 0 ? ((_a = option.operand) !== null && _a !== void 0 ? _a : 'OR') : ''} ${option.expression}`;
+  });
+  return expression.trim();
+}
 function parseMultiListValues(multiListValue) {
   var _a, _b;
   const value = (_b = (_a = multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.elements) !== null && _a !== void 0 ? _a : multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.members) !== null && _b !== void 0 ? _b : multiListValue;
@@ -93,15 +113,62 @@ 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) {
   const { id, value, props } = item;
+  const variation = props.variation;
+  if (variation === FilterNumberVariation.INTERVAL) {
+    const { start, end } = value !== null && value !== void 0 ? value : { start: 0, end: 0 };
+    if (start && end) {
+      return {
+        name: id,
+        expression: props.intervalExpression.fullfill,
+        params: [
+          { name: `${id}.START`, dataType: DataType.NUMBER, value: toString(DataType.NUMBER, start) },
+          { name: `${id}.END`, dataType: DataType.NUMBER, value: toString(DataType.NUMBER, end) }
+        ]
+      };
+    }
+    if (start) {
+      return {
+        name: id,
+        expression: props.intervalExpression.onlystart,
+        params: [
+          { name: id, dataType: DataType.NUMBER, value: toString(DataType.NUMBER, start) }
+        ]
+      };
+    }
+    if (end) {
+      return {
+        name: id,
+        expression: props.intervalExpression.onlyend,
+        params: [
+          { name: id, dataType: DataType.NUMBER, value: toString(DataType.NUMBER, end) }
+        ]
+      };
+    }
+  }
   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-filter-bar/filter-item/editors/enum/filterNumberVariation.js

@@ -0,0 +1,5 @@
+export var FilterNumberVariation;
+(function (FilterNumberVariation) {
+  FilterNumberVariation["DEFAULT"] = "DEFAULT";
+  FilterNumberVariation["INTERVAL"] = "INTERVAL";
+})(FilterNumberVariation || (FilterNumberVariation = {}));