@sankhyalabs/ezui 7.2.0-rc.10 → 7.2.0-rc.12

package/dist/cjs/ez-classic-input.cjs.entry.js

@@ -314,12 +314,57 @@ const EzClassicInput = class {
     const cleanValue = this._maskFormatter.removeMask(formattedValue);
     return { formattedValue, cleanValue };
   }
+  isDataChar(char) {
+    return /[a-zA-Z0-9]/.test(char);
+  }
+  countDataCharsBefore(value, pos) {
+    let count = 0;
+    for (let i = 0; i < pos && i < value.length; i++) {
+      if (this.isDataChar(value[i]))
+        count++;
+    }
+    return count;
+  }
+  skipLeadingSeparators(value, pos) {
+    while (pos < value.length && !this.isDataChar(value[pos])) {
+      pos++;
+    }
+    return pos;
+  }
+  findPositionAfterDataChars(formattedValue, targetCount) {
+    let count = 0;
+    for (let i = 0; i <= formattedValue.length; i++) {
+      if (count === targetCount) {
+        return this.skipLeadingSeparators(formattedValue, i);
+      }
+      if (i < formattedValue.length && this.isDataChar(formattedValue[i])) {
+        count++;
+      }
+    }
+    return formattedValue.length;
+  }
+  getCursorPositionAfterFormat(rawValue, formattedValue, cursorPos) {
+    const dataCharCount = this.countDataCharsBefore(rawValue, cursorPos);
+    return this.findPositionAfterDataChars(formattedValue, dataCharCount);
+  }
+  restoreCursorSelection(inputElement, rawValue, formattedValue, savedStart, savedEnd) {
+    const newStart = this.getCursorPositionAfterFormat(rawValue, formattedValue, savedStart);
+    const newEnd = savedStart === savedEnd
+      ? newStart
+      : this.getCursorPositionAfterFormat(rawValue, formattedValue, savedEnd);
+    inputElement.setSelectionRange(newStart, newEnd);
+  }
   updateInputValue(inputElement, formattedValue, cleanValue) {
+    const rawValue = inputElement.value;
+    const savedStart = inputElement.selectionStart;
+    const savedEnd = inputElement.selectionEnd;
     inputElement.value = formattedValue;
+    if (savedStart !== null && savedEnd !== null) {
+      this.restoreCursorSelection(inputElement, rawValue, formattedValue, savedStart, savedEnd);
+    }
     this._internalValueChange = true;
     this.value = cleanValue;
-    const emitValue = this.emitMaskedValue ? formattedValue : cleanValue;
-    this.ezChange.emit(emitValue);
+    this.ezChange.emit(this.emitMaskedValue ? formattedValue : cleanValue);
   }
   updateInputValueWithoutMask(inputValue) {
     this._internalValueChange = true;

package/dist/cjs/ez-combo-box.cjs.entry.js

@@ -289,6 +289,11 @@ const EzComboBox = class {
     else {
       window.setTimeout(() => {
         this.setInputValue(false);
+        if (this._criteria !== undefined) {
+          this._criteria = undefined;
+          this._preSelection = undefined;
+          this.updateVisibleOptions();
+        }
       }, this._deboucingTime);
     }
   }

package/dist/cjs/ez-form.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-const searchColumn = require('./search-column-cd0e44be.js');
+const searchColumn = require('./search-column-732fc6dd.js');
 const index = require('./index-a8537087.js');
 const FormLayout = require('./FormLayout-fe8da83c.js');
 require('./ApplicationUtils-dc653b57.js');

package/dist/cjs/ez-grid.cjs.entry.js

@@ -11,7 +11,7 @@ require('./CheckMode-ecb90b87.js');
 const index = require('./index-a8537087.js');
 const types = require('./types-6a5df0c7.js');
 require('./FormLayout-fe8da83c.js');
-const searchColumn = require('./search-column-cd0e44be.js');
+const searchColumn = require('./search-column-732fc6dd.js');
 const constants = require('./constants-72b7e05e.js');
 const FocusResolver = require('./FocusResolver-885f2173.js');
 const purify = require('./purify-8c74770b.js');

package/dist/cjs/ez-popup.cjs.entry.js

@@ -59,10 +59,10 @@ const EzPopup = class {
   }
   manageOverlay() {
     if (this.opened) {
-      this._overlayId = core.FloatingManager.subscribeOverlayControl(this._popupRef);
+      this._overlayId = core.FloatingManager.subscribeOverlayControl(this._overlayRef);
     }
     else {
-      core.FloatingManager.unsubscribeOverlayControl(this._popupRef || this._overlayId);
+      core.FloatingManager.unsubscribeOverlayControl(this._overlayRef || this._overlayId);
     }
   }
   popUpFocus() {
@@ -157,7 +157,7 @@ const EzPopup = class {
     return this.footerButtons.slice(0, 3).map((buttonProps, index$1) => (index.h("ez-button", Object.assign({ key: index$1 }, this.handleDefaultPropsButtonsByIndex(index$1), buttonProps))));
   }
   render() {
-    return (index.h(index.Host, null, this.opened && (index.h("div", { class: "overlay", tabIndex: -1, onClick: this.handleAutoClose.bind(this) }, index.h("dialog", { ref: ref => this._popupRef = ref, class: this.getDialogClass() }, this.useHeader &&
+    return (index.h(index.Host, null, this.opened && (index.h("div", { class: "overlay", ref: ref => this._overlayRef = ref, tabIndex: -1, onClick: this.handleAutoClose.bind(this) }, index.h("dialog", { ref: ref => this._popupRef = ref, class: this.getDialogClass() }, this.useHeader &&
       index.h("header", { class: "popup__header" }, !!this.ezTitle && index.h("h1", { class: "popup__title" }, this.ezTitle), index.h("ez-button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", variant: "tertiary", mode: "icon", iconName: "close", size: "small", onClick: this.closePopup.bind(this) })), index.h("main", { class: {
         "popup__expandable-content": true,
         "popup__overflow-y--auto": this.enabledScroll

package/dist/cjs/ez-text-input.cjs.entry.js

@@ -195,7 +195,9 @@ const EzTextInput = class {
     const value = this._inputElem.value;
     if (value && this._maskFormatter) {
       try {
-        this.applyMask(value);
+        const newMask = this.handleDefaultMask(value);
+        this._maskFormatter.mask = newMask;
+        this._inputElem.value = this._maskFormatter.format(this._maskFormatter.removeMask(value));
       }
       catch (e) {
         this.errorMessage = e.message;
@@ -239,14 +241,14 @@ const EzTextInput = class {
       try {
         const newMask = this.handleDefaultMask(value);
         this._maskFormatter.mask = newMask;
-        const formattedValue = this._maskFormatter.format(value);
-        if (!this.cleanValueMask) {
-          this.value = formattedValue;
-        }
+        const formattedValue = this._maskFormatter.applyMask(this._maskFormatter.removeMask(value));
         if (this._inputElem) {
           this._inputElem.value = formattedValue;
           return this._inputElem.value;
         }
+        if (!this.cleanValueMask) {
+          this.value = formattedValue;
+        }
         return this.value;
       }
       catch (e) {

package/dist/cjs/filter-column.cjs.entry.js

@@ -111,7 +111,7 @@ const FilterColumn = class {
     this.options = null;
   }
   buildOptions(selectedItems) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (selectedItems && selectedItems.length > 0) {
       return selectedItems;
     }
@@ -119,10 +119,16 @@ const FilterColumn = class {
       return [
         { label: this.i18n("app.yes"), value: 'true', check: true },
         { label: this.i18n("app.no"), value: 'false', check: true },
+        { label: '', value: null, check: true },
       ];
     }
     const options = (_b = (_a = this.fieldDescriptor) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.options;
     if (Array.isArray(options)) {
+      if ((_d = (_c = this.fieldDescriptor) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.switchLabelsAndValues) {
+        return options.map((option) => {
+          return { label: option.label, value: option.value, check: true };
+        });
+      }
       return options.map((option) => {
         return { label: option.value, value: option.value, check: true };
       });

package/dist/cjs/{search-column-cd0e44be.js → search-column-732fc6dd.js}

@@ -5,6 +5,14 @@ const ApplicationUtils = require('./ApplicationUtils-dc653b57.js');
 const index = require('./index-a8537087.js');
 const index$1 = require('./index-a7b0c73d.js');
 
+const isSystemRequired = (descriptor) => {
+  var _a;
+  return (descriptor === null || descriptor === void 0 ? void 0 : descriptor.required) === true || ((_a = descriptor === null || descriptor === void 0 ? void 0 : descriptor.properties) === null || _a === void 0 ? void 0 : _a.systemRequired) === 'S';
+};
+const isSystemReadOnly = (descriptor) => {
+  var _a;
+  return (descriptor === null || descriptor === void 0 ? void 0 : descriptor.readOnly) === true || ((_a = descriptor === null || descriptor === void 0 ? void 0 : descriptor.properties) === null || _a === void 0 ? void 0 : _a.systemReadOnly) === 'S';
+};
 const buildFieldMetadata = (descriptor, config) => {
   var _a, _b;
   let { name, label, group } = Object.assign({}, config);
@@ -14,8 +22,12 @@ const buildFieldMetadata = (descriptor, config) => {
   if (descriptor) {
     label = label || descriptor.label;
     name = name || descriptor.name;
-    required = (_a = descriptor.required) !== null && _a !== void 0 ? _a : config === null || config === void 0 ? void 0 : config.required;
-    readOnly = (_b = descriptor.readOnly) !== null && _b !== void 0 ? _b : config === null || config === void 0 ? void 0 : config.readOnly;
+    required = isSystemRequired(descriptor)
+      ? true
+      : ((_a = config === null || config === void 0 ? void 0 : config.required) !== null && _a !== void 0 ? _a : descriptor.required);
+    readOnly = isSystemReadOnly(descriptor)
+      ? true
+      : ((_b = config === null || config === void 0 ? void 0 : config.readOnly) !== null && _b !== void 0 ? _b : descriptor.readOnly);
     props = descriptor.properties;
     userInterface = descriptor.userInterface;
   }