@sankhyalabs/ezui 7.2.0-rc.1 → 7.2.0-rc.11

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

@@ -13,6 +13,7 @@ class MaskFormatter {
       'U': (char) => /[a-zA-Z]/.test(char),
       'L': (char) => /[a-zA-Z]/.test(char),
       'A': (char) => /[a-zA-Z0-9]/.test(char),
+      'Z': (char) => /[a-zA-Z0-9]/.test(char),
       '?': (char) => /[a-zA-Z]/.test(char),
       '*': () => true
     };
@@ -42,7 +43,7 @@ class MaskFormatter {
       }
       if (this.maskChars[maskChar]) {
         if (this.maskChars[maskChar](inputChar)) {
-          if (maskChar === 'U') {
+          if (maskChar === 'U' || maskChar === 'Z') {
             formattedValue += inputChar.toUpperCase();
           }
           else if (maskChar === 'L') {
@@ -313,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');
@@ -64262,6 +64262,7 @@ class AgGridController {
     this.DEFAULT_FONT_SIZE_HTML5 = 32;
     this.DEFAULT_ICON_SIZE = 40;
     this.DEFAULT_MAX_SIZE = 300;
+    this.MULTI_VALUES_PROP = '__multiValues';
     this._menuItems = [];
     this._idAttribName = '__record__id__';
     this._gridConfig = [];
@@ -64340,21 +64341,24 @@ class AgGridController {
         const params = [];
         let isNullIncluded;
         checkedOptions.forEach(option => {
-          const paramName = `PARAM_${column}_${params.length + 1}`;
-          params.push({
-            dataType: dataType === core.DataType.OBJECT ? core.DataType.TEXT : dataType,
-            name: paramName,
-            value: option.value,
-          });
-          if (option.value == undefined) {
-            isNullIncluded = true;
-          }
-          else {
-            if (placeholders.length > 0) {
-              placeholders = placeholders + ',';
+          const optionValues = this.resolveColumnFilterValues(option);
+          optionValues.forEach(value => {
+            const paramName = `PARAM_${column}_${params.length + 1}`;
+            params.push({
+              dataType: dataType === core.DataType.OBJECT ? core.DataType.TEXT : dataType,
+              name: paramName,
+              value,
+            });
+            if (value == undefined) {
+              isNullIncluded = true;
             }
-            placeholders = `${placeholders}:${paramName}`;
-          }
+            else {
+              if (placeholders.length > 0) {
+                placeholders = placeholders + ',';
+              }
+              placeholders = `${placeholders}:${paramName}`;
+            }
+          });
         });
         return {
           name: `${constants.DISTINCT_FILTER_NAME_PREFIX}${column}`,
@@ -64376,6 +64380,13 @@ class AgGridController {
     }
     return `${columnExpression} in (${placeholders})`;
   }
+  resolveColumnFilterValues(option) {
+    const multiValues = option === null || option === void 0 ? void 0 : option[this.MULTI_VALUES_PROP];
+    if (Array.isArray(multiValues) && multiValues.length > 0) {
+      return multiValues;
+    }
+    return [option.value];
+  }
   initDatagrid(container, options) {
     var _a;
     this._options = options;

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-sortable-list.cjs.entry.js

@@ -3282,7 +3282,7 @@ function removeMultiDragElements() {
 Sortable.mount(new AutoScrollPlugin());
 Sortable.mount(Remove, Revert);
 
-const ezSortableListCss = ":host{--ez-sortable-list__host--z-index:var(--visible, 1);--ez-sortable-list__host--border-radius:var(--border--radius-medium, 12px);--ez-sortable-list__host--padding:var(--space--medium, 12px);--ez-sortable-list__item--margin:0 var(--space--small, 6px);--ez-sortable-list__item--padding:var(--space--3xs, 6px);--ez-sortable-list__item--color:var(--title--primary, #2b3a54);--ez-sortable-list__item--font-family:var(--font-pattern, \"Roboto\");--ez-sortable-list__item--font-size:var(--text--medium, 14px);--ez-sortable-list__selected-item--border-radius:var(--border--radius-small, 6px);--ez-sortable-list__selected-item--background-color:var(--color--primary-300, #E2F4EF);--ez-sortable-list__selectable--padding-right:var(--space--small, 6px);--ez-sortable-list__selectable--padding-left:var(--space--small, 6px);--ez-sortable-list__icon--color:#AFB6C0;--ez-sortable-list__draggable-icon--image:url('data:image/svg+xml;utf8,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m 6.75,2.25 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z\"/></svg>');--ez-sortable-list__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-sortable-list--color-background:var(--scrollbar--background, #E5EAF0);--ez-sortable-list__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-sortable-list__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-sortable-list--border-radius:var(--border--radius-small, 6px);--ez-sortable-list__scrollbar--width:var(--space--small, 6px);max-height:100%;width:100%;background-color:#fff;display:flex;z-index:var(--ez-sortable-list__host--z-index)}.sortable-item{display:flex;justify-content:space-between;font-family:var(--ez-sortable-list__item--font-family);font-size:var(--ez-sortable-list__item--font-size);padding:var(--ez-sortable-list__item--padding) 0px;margin:var(--ez-sortable-list__item--margin)}.hover-feedback:hover{background-color:var(--background--medium);border-radius:var(--border--radius-regular)}.sortable-item.dragging{background:#FFFFFF;border:1px solid #008561;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);border-radius:6px}.sortable-list{padding:0;margin:0;width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;color:var(--text-color);scrollbar-color:var(--ez-sortable-list__scrollbar--color-clicked) var(--ez-sortable-list--color-background)}.sortable-list.empty-content::after{content:attr(data-content);display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.list-scroller--fix{scrollbar-width:thin}.list-scroller--hover{scrollbar-width:none}.item-content{display:flex;flex-grow:1;flex-direction:row}.empty-message{font-weight:var(--text-weight--medium);font-size:var(--text--medium);color:var(--text--secondary);margin:auto}.draggable-icon{align-items:flex-start;display:flex;outline:none;border:none;background-color:unset}.draggable-icon::after{content:'';display:flex;width:18px;height:18px;background-color:var(--ez-sortable-list__icon--color);-webkit-mask-image:var(--ez-sortable-list__draggable-icon--image);mask-image:var(--ez-sortable-list__draggable-icon--image)}.selectable{cursor:pointer;padding-right:var(--ez-sortable-list__selectable--padding-right);padding-left:var(--ez-sortable-list__selectable--padding-left)}.selected{background:var(--ez-sortable-list__selected-item--background-color);border-radius:var(--ez-sortable-list__selected-item--border-radius)}.list-fix::-webkit-scrollbar-thumb{background-color:var(--ez-sortable-list__scrollbar--color-default);border-radius:var(--ez-sortable-list--border-radius)}.list-fix::-webkit-scrollbar-thumb:active{background-color:var(--ez-sortable-list__scrollbar--color-clicked)}.list-fix::-webkit-scrollbar{width:var(--ez-sortable-list__scrollbar--width);display:none}.list-hover::-webkit-scrollbar-thumb:hover{background-color:var(--ez-sortable-list__scrollbar--color-hover)}.list-hover:hover{scrollbar-width:thin}.list-hover:hover::-webkit-scrollbar{display:block}.ghost{opacity:.5;background:#589f7b}.sortable-content{display:flex;justify-content:space-between;gap:10px;flex-direction:column;border:var(--border--small) var(--color--strokes);border-radius:var(--border--radius-medium);width:100%;height:400px;min-width:40%}@media (max-height: 630px){.sortable-content{height:290px}}.sortable-header{background:var(--background--body);padding:10px;border-radius:var(--border--radius-medium) var(--border--radius-medium) 0 0}.sortable-label{font-weight:var(--text-weight--large);font-size:var(--text--medium);color:var(--title--primary);margin-bottom:10px;display:block}.sortable-totalizer{padding:5px 10px;background:var(--background--body);font-weight:var(--text-weight--medium);font-size:var(--text--medium);color:var(--text--primary);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium)}";
+const ezSortableListCss = ":host{--ez-sortable-list__host--z-index:var(--visible, 1);--ez-sortable-list__host--border-radius:var(--border--radius-medium, 12px);--ez-sortable-list__host--padding:var(--space--medium, 12px);--ez-sortable-list__item--margin:0 var(--space--small, 6px);--ez-sortable-list__item--padding:var(--space--3xs, 6px);--ez-sortable-list__item--color:var(--title--primary, #2b3a54);--ez-sortable-list__item--font-family:var(--font-pattern, \"Roboto\");--ez-sortable-list__item--font-size:var(--text--medium, 14px);--ez-sortable-list__selected-item--border-radius:var(--border--radius-small, 6px);--ez-sortable-list__selected-item--background-color:var(--color--primary-300, #E2F4EF);--ez-sortable-list__selectable--padding-right:var(--space--small, 6px);--ez-sortable-list__selectable--padding-left:var(--space--small, 6px);--ez-sortable-list__icon--color:#AFB6C0;--ez-sortable-list__draggable-icon--image:url('data:image/svg+xml;utf8,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m 6.75,2.25 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z\"/></svg>');--ez-sortable-list__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-sortable-list--color-background:var(--scrollbar--background, #E5EAF0);--ez-sortable-list__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-sortable-list__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-sortable-list--border-radius:var(--border--radius-small, 6px);--ez-sortable-list__scrollbar--width:var(--space--small, 6px);max-height:100%;width:100%;background-color:#fff;display:flex;z-index:var(--ez-sortable-list__host--z-index)}.sortable-item{display:flex;justify-content:space-between;font-family:var(--ez-sortable-list__item--font-family);font-size:var(--ez-sortable-list__item--font-size);padding:var(--ez-sortable-list__item--padding) 0px;margin:var(--ez-sortable-list__item--margin)}.hover-feedback:hover{background-color:var(--background--medium);border-radius:var(--border--radius-regular)}.sortable-item.dragging{background:#FFFFFF;border:1px solid #008561;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);border-radius:6px}.sortable-list{padding:0;margin:0;width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;color:var(--text-color);scrollbar-color:var(--ez-sortable-list__scrollbar--color-clicked) var(--ez-sortable-list--color-background)}.sortable-list.empty-content::after{content:attr(data-content);display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.list-scroller--fix{scrollbar-width:thin}.list-scroller--hover{scrollbar-width:none}.item-content{display:flex;flex-grow:1;flex-direction:row}.empty-message{font-weight:var(--text-weight--medium);font-size:var(--text--medium);color:var(--text--secondary);margin:auto}.draggable-icon{align-items:flex-start;display:flex;outline:none;border:none;background-color:unset}.draggable-icon::after{content:'';display:flex;width:18px;height:18px;background-color:var(--ez-sortable-list__icon--color);-webkit-mask-image:var(--ez-sortable-list__draggable-icon--image);mask-image:var(--ez-sortable-list__draggable-icon--image)}.selectable{cursor:pointer;padding-right:var(--ez-sortable-list__selectable--padding-right);padding-left:var(--ez-sortable-list__selectable--padding-left)}.selected{background:var(--ez-sortable-list__selected-item--background-color);border-radius:var(--ez-sortable-list__selected-item--border-radius)}.list-fix::-webkit-scrollbar-thumb{background-color:var(--ez-sortable-list__scrollbar--color-default);border-radius:var(--ez-sortable-list--border-radius)}.list-fix::-webkit-scrollbar-thumb:active{background-color:var(--ez-sortable-list__scrollbar--color-clicked)}.list-fix::-webkit-scrollbar{width:var(--ez-sortable-list__scrollbar--width);display:none}.list-hover::-webkit-scrollbar-thumb:hover{background-color:var(--ez-sortable-list__scrollbar--color-hover)}.list-hover:hover{scrollbar-width:thin}.list-hover:hover::-webkit-scrollbar{display:block}.ghost{opacity:.5;background:#589f7b}.sortable-content{display:flex;justify-content:space-between;gap:10px;flex-direction:column;border:var(--border--small) var(--color--strokes);border-radius:var(--border--radius-medium);width:100%;height:400px;min-width:40%}@media (max-height: 630px){.sortable-content{height:270px}}.sortable-header{background:var(--background--body);padding:10px;border-radius:var(--border--radius-medium) var(--border--radius-medium) 0 0}.sortable-label{font-weight:var(--text-weight--large);font-size:var(--text--medium);color:var(--title--primary);margin-bottom:10px;display:block}.sortable-totalizer{padding:5px 10px;background:var(--background--body);font-weight:var(--text-weight--medium);font-size:var(--text--medium);color:var(--text--primary);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium)}";
 
 Sortable.mount(new MultiDragPlugin());
 const EzSortableList = class {

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

@@ -50,6 +50,7 @@ const EzTextInput = class {
       if (newValue != oldValue) {
         this._inputElem.value = this.value || "";
         this.handleChange();
+        this.applyMask(newValue);
         this.adjustFloatingLabel();
         this.checkIsOverflowing();
         if (!this.isSlaveMode()) {
@@ -194,12 +195,9 @@ const EzTextInput = class {
     const value = this._inputElem.value;
     if (value && this._maskFormatter) {
       try {
-        if (this.cleanValueMask) {
-          this.applyMask(value);
-        }
-        else {
-          this._inputElem.value = this._maskFormatter.format(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;
@@ -225,20 +223,33 @@ const EzTextInput = class {
       }
     }
   }
+  handleDefaultMask(value = this.value) {
+    if (this.mask === "cgc_cpf") {
+      if (value && value.length <= 11) {
+        this.mask = core.MaskFormatter.DEFAULT_MASKS["cpf"];
+      }
+      else {
+        this.mask = core.MaskFormatter.DEFAULT_MASKS["cnpj"];
+      }
+    }
+    return this.mask;
+  }
   applyMask(value) {
     if (!value || value === "")
       return value;
     if (this._maskFormatter) {
       try {
+        const newMask = this.handleDefaultMask(value);
+        this._maskFormatter.mask = newMask;
         const formattedValue = this._maskFormatter.applyMask(this._maskFormatter.removeMask(value));
         if (this._inputElem) {
           this._inputElem.value = formattedValue;
           return this._inputElem.value;
         }
-        else {
+        if (!this.cleanValueMask) {
           this.value = formattedValue;
-          return this.value;
         }
+        return this.value;
       }
       catch (e) {
         this.errorMessage = e.message;
@@ -305,7 +316,7 @@ const EzTextInput = class {
     this.adjustColorContentSlot("var(--ez-text-input__input--focus--icon-color)");
   }
   getValue() {
-    return this.mask && this.cleanValueMask ? this.applyMask(this.value) : this.value;
+    return this.mask ? this.applyMask(this.value) : this.value;
   }
   buildLabelClass() {
     let classList = this.enabled ? 'input__label' : 'input__label input__label--disabled';
@@ -336,12 +347,7 @@ const EzTextInput = class {
     if (this.value) {
       if (this._maskFormatter) {
         try {
-          if (this.cleanValueMask) {
-            this.applyMask(this.value);
-          }
-          else {
-            this.value = this._maskFormatter.format(this.value);
-          }
+          this.applyMask(this.value);
         }
         catch (e) {
           this.errorMessage = e.message;

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

@@ -119,6 +119,7 @@ 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;

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;
   }