@solidxai/core-ui 0.1.8-beta.2 → 0.1.8-beta.21

package/dist/components/core/form/fields/SolidSelectionDynamicField.js

@@ -81,11 +81,13 @@ var SolidSelectionDynamicField = /** @class */ (function () {
         configurable: true,
         writable: true,
         value: function () {
+            var _a;
             // TODO: Use the field metadata to re-create the object in the valid format 
             // {label: '', value: ''}
-            var optionValue = this.fieldContext.data[this.fieldContext.field.attrs.name];
+            var fieldLayoutInfo = this.fieldContext.field;
+            var optionValue = this.fieldContext.data[fieldLayoutInfo.attrs.name];
             var fieldMetadata = this.fieldContext.fieldMetadata;
-            var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+            var isMultiSelect = (_a = fieldLayoutInfo.attrs.multiSelect) !== null && _a !== void 0 ? _a : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
             // isMultiSelect: fieldMetaData ? fieldMetaData?.isMultiSelect : false,
             // return { label: optionValue || '', value: optionValue || '' };
             var stripBracketsAndQuotes = function (str) {
@@ -107,6 +109,9 @@ var SolidSelectionDynamicField = /** @class */ (function () {
                     return { label: strVal, value: strVal };
                 }
             };
+            if (optionValue === '' || optionValue === null || optionValue === undefined || (Array.isArray(optionValue) && optionValue.length === 0)) {
+                return null;
+            }
             if (isMultiSelect) {
                 if (Array.isArray(optionValue)) {
                     return optionValue.map(cleanValue);
@@ -118,7 +123,7 @@ var SolidSelectionDynamicField = /** @class */ (function () {
                             return parsed.map(cleanValue);
                         }
                     }
-                    catch (_a) {
+                    catch (_b) {
                         // fallback to comma-split only if not valid JSON
                         var splitValues = optionValue.split(',').map(function (v) { return v.trim(); }).filter(Boolean);
                         return splitValues.map(cleanValue);
@@ -136,9 +141,10 @@ var SolidSelectionDynamicField = /** @class */ (function () {
         configurable: true,
         writable: true,
         value: function (value, formData) {
+            var _a;
             var fieldLayoutInfo = this.fieldContext.field;
             var fieldMetadata = this.fieldContext.fieldMetadata;
-            var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+            var isMultiSelect = (_a = fieldLayoutInfo.attrs.multiSelect) !== null && _a !== void 0 ? _a : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
             var stripQuotes = function (str) { return str.replace(/^"+|"+$/g, '').replace(/^'+|'+$/g, ''); };
             if (value) {
                 if (isMultiSelect) {
@@ -164,7 +170,7 @@ var SolidSelectionDynamicField = /** @class */ (function () {
         configurable: true,
         writable: true,
         value: function () {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             var schema = Yup.object();
             var fieldMetadata = this.fieldContext.fieldMetadata;
             var fieldLayoutInfo = this.fieldContext.field;
@@ -174,16 +180,24 @@ var SolidSelectionDynamicField = /** @class */ (function () {
             //     schema = schema.required(`${fieldLabel} is required.`);
             // }
             // return schema;
-            var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
-            var isRequired = (_c = (_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.required) !== null && _c !== void 0 ? _c : fieldMetadata.required;
-            if (!isRequired) {
-                return Yup.mixed();
-            }
+            var isMultiSelect = (_b = fieldLayoutInfo.attrs.multiSelect) !== null && _b !== void 0 ? _b : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+            var isRequired = (_d = (_c = fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.required) !== null && _d !== void 0 ? _d : fieldMetadata.required;
             if (isMultiSelect) {
+                if (!isRequired) {
+                    return Yup.array()
+                        .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }))
+                        .nullable();
+                }
                 return Yup.array()
                     .min(1, ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))
                     .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }));
             }
+            if (!isRequired) {
+                return Yup.object().shape({
+                    label: Yup.string(),
+                    value: Yup.string(),
+                }).nullable();
+            }
             return Yup.object().shape({
                 label: Yup.string(),
                 value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)),
@@ -233,7 +247,7 @@ var SolidSelectionDynamicField = /** @class */ (function () {
 }());
 export { SolidSelectionDynamicField };
 export var DefaultSelectionDynamicFormEditWidget = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
@@ -248,14 +262,14 @@ export var DefaultSelectionDynamicFormEditWidget = function (_a) {
     var formDisabled = (_k = (_j = (_h = solidFormViewMetaData.data.solidView) === null || _h === void 0 ? void 0 : _h.layout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.disabled;
     var formReadonly = (_o = (_m = (_l = solidFormViewMetaData.data.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs) === null || _o === void 0 ? void 0 : _o.readonly;
     var whereClause = fieldLayoutInfo.attrs.whereClause;
-    var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+    var isMultiSelect = (_p = fieldLayoutInfo.attrs.multiSelect) !== null && _p !== void 0 ? _p : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
     // selection dynamic specific code. 
     var triggerGetSelectionDynamicValues = useLazyGetSelectionDynamicValuesQuery()[0];
-    var _x = useState([]), selectionDynamicItems = _x[0], setSelectionDynamicItems = _x[1];
+    var _y = useState([]), selectionDynamicItems = _y[0], setSelectionDynamicItems = _y[1];
     var isFormFieldValid = function (formik, fieldName) {
         return (formik.touched[fieldName] || formik.submitCount > 0) && !!formik.errors[fieldName];
     };
-    var isRequired = (_q = (_p = fieldLayoutInfo.attrs) === null || _p === void 0 ? void 0 : _p.required) !== null && _q !== void 0 ? _q : fieldMetadata.required;
+    var isRequired = (_r = (_q = fieldLayoutInfo.attrs) === null || _q === void 0 ? void 0 : _q.required) !== null && _r !== void 0 ? _r : fieldMetadata.required;
     var selectionDynamicSearch = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var queryData, sdQs, sdResponse, items, err_1;
         return __generator(this, function (_a) {
@@ -304,24 +318,21 @@ export var DefaultSelectionDynamicFormEditWidget = function (_a) {
                     if (formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled)
                         return;
                     var syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
+                    // console.log(`SolidSelectionDynamicField > SolidAutocomplete > onChange`, syntheticEvent);
                     fieldContext.onChange(syntheticEvent, "onFieldChange");
-                }, onSelect: function (_a) {
-                    var value = _a.value;
-                    var syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
-                    fieldContext.onChange(syntheticEvent, "onFieldChange");
-                } }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("p", { className: styles.fieldError, children: typeof formik.errors[(_r = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _r === void 0 ? void 0 : _r.name] === 'object'
-                    ? (_u = (_t = formik.errors[(_s = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _s === void 0 ? void 0 : _s.name]) === null || _t === void 0 ? void 0 : _t.value) === null || _u === void 0 ? void 0 : _u.toString()
-                    : (_w = formik.errors[(_v = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _v === void 0 ? void 0 : _v.name]) === null || _w === void 0 ? void 0 : _w.toString() }))] }));
+                } }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("p", { className: styles.fieldError, children: typeof formik.errors[(_s = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _s === void 0 ? void 0 : _s.name] === 'object'
+                    ? (_v = (_u = formik.errors[(_t = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _t === void 0 ? void 0 : _t.name]) === null || _u === void 0 ? void 0 : _u.value) === null || _v === void 0 ? void 0 : _v.toString()
+                    : (_x = formik.errors[(_w = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _w === void 0 ? void 0 : _w.name]) === null || _x === void 0 ? void 0 : _x.toString() }))] }));
 };
 export var DefaultSelectionDynamicFormViewWidget = function (_a) {
-    var _b, _c;
+    var _b, _c, _d;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
     var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
     var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
     var value = formik.values[fieldLayoutInfo.attrs.name];
-    var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+    var isMultiSelect = (_d = fieldLayoutInfo.attrs.multiSelect) !== null && _d !== void 0 ? _d : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
     var toLabel = function (val) {
         var _a, _b;
         if (!val)
@@ -341,7 +352,7 @@ export var DefaultSelectionDynamicFormViewWidget = function (_a) {
                     values = parsed.map(toLabel);
                 }
             }
-            catch (_d) {
+            catch (_e) {
                 values = value.split(',').map(function (v) { return v.trim(); }).map(toLabel);
             }
         }

package/dist/components/core/form/fields/SolidSelectionDynamicField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionDynamicField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidSelectionDynamicField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,qCAAqC,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAK9C;IAII,oCAAY,YAA6B;QAFjC;;;;;WAA8B;QAGlC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACrC,CAAC;;;;;eAED;YACI,4EAA4E;YAC5E,yBAAyB;YACzB,IAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC/E,IAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;YACtD,IAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;YACnD,uEAAuE;YAEvE,iEAAiE;YACjE,IAAM,sBAAsB,GAAG,UAAC,GAAW;gBACvC,OAAA,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;YAAtD,CAAsD,CAAC;YAE3D,IAAM,UAAU,GAAG,UAAC,GAAQ;;gBACxB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;oBACzB,IAAM,OAAO,GAAG,sBAAsB,CAAC,GAAG,CAAC,CAAC;oBAC5C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;iBAC7C;qBAAM,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;oBACvC,IAAM,KAAK,GAAG,sBAAsB,CAAC,MAAM,CAAC,MAAA,GAAG,CAAC,KAAK,mCAAI,GAAG,CAAC,CAAC,CAAC;oBAC/D,IAAM,KAAK,GAAG,sBAAsB,CAAC,MAAM,CAAC,MAAA,GAAG,CAAC,KAAK,mCAAI,GAAG,CAAC,CAAC,CAAC;oBAC/D,OAAO,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,CAAC;iBAC3B;qBAAM;oBACH,IAAM,MAAM,GAAG,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;oBACnD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;iBAC3C;YACL,CAAC,CAAC;YAEF,IAAI,aAAa,EAAE;gBACf,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;oBAC5B,OAAO,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;iBACtC;qBAAM,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;oBACxC,IAAI;wBACA,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,6BAA6B;wBACrE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;4BACvB,OAAO,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;yBACjC;qBACJ;oBAAC,WAAM;wBACJ,iDAAiD;wBACjD,IAAM,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAE,EAAR,CAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;wBAC9E,OAAO,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;qBACtC;iBACJ;gBACD,OAAO,EAAE,CAAC;aACb;iBAAM;gBACH,OAAO,UAAU,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;aACxC;QACL,CAAC;;;;;;eAED,UAAe,KAAU,EAAE,QAAkB;YACzC,IAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChD,IAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;YACtD,IAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;YACnD,IAAM,WAAW,GAAG,UAAC,GAAW,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,EAAnD,CAAmD,CAAC;YAEzF,IAAI,KAAK,EAAE;gBACP,IAAI,aAAa,EAAE;oBACf,IAAM,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM;wBACpC,IAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,aAAa;wBACzD,OAAO,YAAY,CAAC;oBACxB,CAAC,CAAC,CAAC;oBACH,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAE,sBAAsB;oBAC1E,QAAQ,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;iBAC3D;qBAAM;oBACH,IAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC9C,QAAQ,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;iBAC7D;aACJ;YACD,eAAe;YACf,gEAAgE;YAChE,IAAI;QACR,CAAC;;;;;;eAED;;YACI,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC;YAE1B,IAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;YACtD,IAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChD,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;YAE5E,eAAe;YACf,gCAAgC;YAChC,8DAA8D;YAC9D,IAAI;YAEJ,iBAAiB;YACjB,IAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;YAGnD,IAAM,UAAU,GAAG,MAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,QAAQ,mCAAI,aAAa,CAAC,QAAQ,CAAC;YAE7E,IAAI,CAAC,UAAU,EAAE;gBACb,OAAO,GAAG,CAAC,KAAK,EAAE,CAAC;aACtB;YAED,IAAI,aAAa,EAAE;gBACf,OAAO,GAAG,CAAC,KAAK,EAAE;qBACb,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;qBACjD,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;aAC7E;YAED,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC;gBACtB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;gBACnB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;aAC1E,CAAC,CAAC;QACP,CAAC;;;;;;eAED,UAAO,MAAoB;;YACvB,IAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;YACtD,IAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChD,IAAM,SAAS,GAAG,CAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,SAAS,KAAI,cAAc,CAAC;YAErE,sHAAsH;YACtH,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB,IAAK,OAAA,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAxB,CAAwB,CAAC;YAEtF,IAAI,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;YAClD,IAAI,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;YAClD,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,uCAAuC,CAAC;aACxD;YACD,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,uCAAuC,CAAC;aACxD;YACD,IAAM,QAAQ,GAAW,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;YACpD,OAAO,CACH,4BACI,eAAK,SAAS,EAAE,SAAS,aACpB,QAAQ,KAAK,MAAM;4BAChB,IAAI,CAAC,yBAAyB,CAAC,UAAU,EAAE,MAAM,CAAC,EAErD,QAAQ,KAAK,MAAM;4BAChB,4BACK,UAAU;oCACP,IAAI,CAAC,yBAAyB,CAAC,UAAU,EAAE,MAAM,CAAC,GAEvD,IAEL,GACP,CACN,CAAC;QACN,CAAC;;;;;;eAED,UAA0B,MAAc,EAAE,MAAoB;YAC1D,IAAI,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;YAClD,IAAM,WAAW,GAA8B;gBAC3C,MAAM,EAAE,MAAM;gBACd,YAAY,EAAE,IAAI,CAAC,YAAY;aAClC,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC;;IACL,iCAAC;AAAD,CAAC,AAhKD,IAgKC;;AAKD,MAAM,CAAC,IAAM,qCAAqC,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IACxE,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,SAAS,GAAG,CAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,SAAS,KAAI,cAAc,CAAC;IACrE,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,gBAAgB,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,WAAW,mCAAI,aAAa,CAAC,WAAW,CAAC;IACxF,IAAM,qBAAqB,GAAG,YAAY,CAAC,qBAAqB,CAAC;IACjE,IAAM,cAAc,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,SAAS,CAAC;IACzD,IAAM,kBAAkB,GAAG,YAAY,CAAC,QAAQ,CAAC;IAEjD,IAAM,aAAa,GAAG,MAAA,eAAe,CAAC,KAAK,0CAAE,QAAQ,CAAC;IACtD,IAAM,aAAa,GAAG,MAAA,eAAe,CAAC,KAAK,0CAAE,QAAQ,CAAC;IAEtD,IAAM,YAAY,GAAG,MAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,QAAQ,CAAC;IACnF,IAAM,YAAY,GAAG,MAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,QAAQ,CAAC;IACnF,IAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;IAEtD,IAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;IAEnD,oCAAoC;IAC7B,IAAA,gCAAgC,GAAI,qCAAqC,EAAE,GAA3C,CAA4C;IAC7E,IAAA,KAAoD,QAAQ,CAAC,EAAE,CAAC,EAA/D,qBAAqB,QAAA,EAAE,wBAAwB,QAAgB,CAAC;IACvE,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB;QACpD,OAAA,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;IAAnF,CAAmF,CAAC;IAExF,IAAM,UAAU,GAAG,MAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,QAAQ,mCAAI,aAAa,CAAC,QAAQ,CAAC;IAE7E,IAAM,sBAAsB,GAAG,UAAO,KAAgC;;;;;;oBAGxD,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,OAAO,EAAE,aAAa,CAAC,EAAE;wBACzB,UAAU,EAAE,yBAAyB,CAAC,MAAM,CAAC,MAAM,CAAC;qBACvD,CAAC;oBACF,IAAI,WAAW,EAAE;wBACb,SAAS,CAAC,KAAK,GAAG,WAAW,CAAC;qBACjC;oBACG,IAAI,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBAC/B,gBAAgB,EAAE,IAAI;wBACtB,qDAAqD;wBACrD,gDAAgD;wBAChD,mDAAmD;wBACnD,QAAQ;wBACR,kCAAkC;wBAClC,IAAI;qBACP,CAAC,CAAC;oBAEgB,qBAAM,gCAAgC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAAlE,UAAU,GAAG,SAAqD;oBAClE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;oBAErE,6HAA6H;oBAC7H,uCAAuC;oBAEvC,aAAa;oBACb,wBAAwB,mBAAK,KAAK,QAAE,CAAC;;;;oBAErC,wBAAwB,CAAC,EAAE,CAAC,CAAC;;;;;SAEpC,CAAA;IAGD,OAAO,CACH,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,YAAY,cAAI,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAE,aACtH,cAAc,IAAI,KAAK;gBACpB,iBAAO,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,UAAG,MAAM,CAAC,UAAU,sBAAmB,aACzF,UAAU,EACV,UAAU,IAAI,eAAM,SAAS,EAAC,cAAc,mBAAU,EACvD,KAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,GAAI,IAC7C,EAEZ,KAAC,iBAAiB,IACd,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,sCAA+B,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAE,EAClI,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAC/E,QAAQ,QACR,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,UAAC,CAAC,IAAK,OAAA,sBAAsB,CAAC,CAAC,CAAC,EAAzB,CAAyB,EAChD,YAAY,EAAC,kBAAkB,EAC/B,QAAQ,EAAE,UAAC,EAAS;wBAAP,KAAK,WAAA;oBACd,IAAI,YAAY,IAAI,aAAa,IAAI,kBAAkB,IAAI,YAAY,IAAI,aAAa;wBAAE,OAAO;oBACjG,IAAM,cAAc,GAAG,yBAAyB,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;oBAC5F,YAAY,CAAC,QAAQ,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;gBAC3D,CAAC,EACD,QAAQ,EAAE,UAAC,EAAS;wBAAP,KAAK,WAAA;oBACd,IAAM,cAAc,GAAG,yBAAyB,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;oBAC5F,YAAY,CAAC,QAAQ,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;gBAC3D,CAAC,GACH,EACD,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACrD,YAAG,SAAS,EAAE,MAAM,CAAC,UAAU,YAC1B,OAAO,MAAM,CAAC,MAAM,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,IAAI,CAAC,KAAK,QAAQ;oBAC5D,CAAC,CAAC,MAAA,MAAA,MAAM,CAAC,MAAM,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,IAAI,CAAC,0CAAE,KAAK,0CAAE,QAAQ,EAAE;oBAChE,CAAC,CAAC,MAAA,MAAM,CAAC,MAAM,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,IAAI,CAAC,0CAAE,QAAQ,EAAE,GAC7D,CACP,IACC,CACT,CAAC;AACN,CAAC,CAAA;AAGD,MAAM,CAAC,IAAM,qCAAqC,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IAExE,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,cAAc,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,SAAS,CAAC;IACzD,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxD,IAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;IAEnD,IAAM,OAAO,GAAG,UAAC,GAAQ;;QACrB,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAC;QACpB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;QAC3E,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,OAAO,MAAA,MAAA,GAAG,CAAC,KAAK,mCAAI,GAAG,CAAC,KAAK,mCAAI,EAAE,CAAC;QACjE,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,IAAI,MAAM,GAAa,EAAE,CAAC;IAC1B,IAAI,aAAa,EAAE;QACf,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,IAAI;gBACA,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACjC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;oBACvB,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;iBAChC;aACJ;YAAC,WAAM;gBACJ,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAE,EAAR,CAAQ,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;aAC7D;SACJ;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC7B,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC/B;KACJ;IAED,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aAClC,cAAc,KAAK,KAAK,IAAI,CACzB,YAAG,SAAS,EAAE,UAAG,MAAM,CAAC,cAAc,sBAAmB,YAAG,UAAU,GAAK,CAC9E,EACD,YAAG,SAAS,EAAE,MAAM,CAAC,cAAc,YAC9B,aAAa;oBACV,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;oBAC1D,CAAC,CAAC,CAAC;wBACC,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;wBAC9B,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC;oBAC5C,CAAC,CAAC,EAAE,GACR,IACF,CACT,CAAC;AACN,CAAC,CAAA","sourcesContent":["\nimport { useLazyGetSelectionDynamicValuesQuery } from \"../../../../redux/api/fieldApi\";\nimport { SolidAutocomplete } from \"../../../shad-cn-ui/SolidAutocomplete\";\nimport { buildSyntheticChangeEvent } from \"./fieldEventUtils\";\nimport qs from \"qs\";\nimport { useState } from \"react\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { formikValuestoQueryString } from \"../../../../helpers/helpers\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport styles from \"./solidFields.module.css\";\n\ntype AutoCompleteCompleteEvent = { query: string };\n\n\nexport class SolidSelectionDynamicField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n\n    constructor(fieldContext: SolidFieldProps) {\n        this.fieldContext = fieldContext;\n    }\n\n    initialValue(): any {\n        // TODO: Use the field metadata to re-create the object in the valid format \n        // {label: '', value: ''}\n        const optionValue = this.fieldContext.data[this.fieldContext.field.attrs.name];\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const isMultiSelect = fieldMetadata?.isMultiSelect;\n        // isMultiSelect: fieldMetaData ? fieldMetaData?.isMultiSelect : false,\n\n        // return { label: optionValue || '', value: optionValue || '' };\n        const stripBracketsAndQuotes = (str: string) =>\n            str.replace(/^\\[?\"?/, '').replace(/\"?\\]?$/, '').trim();\n\n        const cleanValue = (val: any) => {\n            if (typeof val === 'string') {\n                const cleaned = stripBracketsAndQuotes(val);\n                return { label: cleaned, value: cleaned };\n            } else if (val && typeof val === 'object') {\n                const label = stripBracketsAndQuotes(String(val.label ?? val));\n                const value = stripBracketsAndQuotes(String(val.value ?? val));\n                return { label, value };\n            } else {\n                const strVal = stripBracketsAndQuotes(String(val));\n                return { label: strVal, value: strVal };\n            }\n        };\n\n        if (isMultiSelect) {\n            if (Array.isArray(optionValue)) {\n                return optionValue.map(cleanValue);\n            } else if (typeof optionValue === 'string') {\n                try {\n                    const parsed = JSON.parse(optionValue); // try to parse as JSON array\n                    if (Array.isArray(parsed)) {\n                        return parsed.map(cleanValue);\n                    }\n                } catch {\n                    // fallback to comma-split only if not valid JSON\n                    const splitValues = optionValue.split(',').map(v => v.trim()).filter(Boolean);\n                    return splitValues.map(cleanValue);\n                }\n            }\n            return [];\n        } else {\n            return cleanValue(optionValue || '');\n        }\n    }\n\n    updateFormData(value: any, formData: FormData): any {\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const isMultiSelect = fieldMetadata?.isMultiSelect;\n        const stripQuotes = (str: string) => str.replace(/^\"+|\"+$/g, '').replace(/^'+|'+$/g, '');\n\n        if (value) {\n            if (isMultiSelect) {\n                const selectedValues = value.map((v: any) => {\n                    const cleanedValue = stripQuotes(v.value);  // still fine\n                    return cleanedValue;\n                });\n                const jsonString = JSON.stringify(selectedValues);  // ✅ Proper JSON array\n                formData.append(fieldLayoutInfo.attrs.name, jsonString);\n            } else {\n                const cleanedValue = stripQuotes(value.value);\n                formData.append(fieldLayoutInfo.attrs.name, cleanedValue);\n            }\n        }\n        // if (value) {\n        //     formData.append(fieldLayoutInfo.attrs.name, value.value);\n        // }\n    }\n\n    validationSchema(): Yup.Schema {\n        let schema = Yup.object();\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n\n        // 1. required \n        // if (fieldMetadata.required) {\n        //     schema = schema.required(`${fieldLabel} is required.`);\n        // }\n\n        // return schema;\n        const isMultiSelect = fieldMetadata?.isMultiSelect;\n\n\n        const isRequired = fieldLayoutInfo.attrs?.required ?? fieldMetadata.required;\n    \n        if (!isRequired) {\n            return Yup.mixed();\n        }\n\n        if (isMultiSelect) {\n            return Yup.array()\n                .min(1, ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }));\n        }\n\n        return Yup.object().shape({\n            label: Yup.string(),\n            value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)),\n        });\n    }\n\n    render(formik: FormikObject) {\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n\n        // const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.errors[fieldName];\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultSelectionDynamicFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultSelectionDynamicFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n        return (\n            <>\n                <div className={className}>\n                    {viewMode === \"view\" &&\n                        this.renderExtensionRenderMode(viewWidget, formik)\n                    }\n                    {viewMode === \"edit\" &&\n                        <>\n                            {editWidget &&\n                                this.renderExtensionRenderMode(editWidget, formik)\n                            }\n                        </>\n                    }\n                </div>\n            </>\n        );\n    }\n\n    renderExtensionRenderMode(widget: string, formik: FormikObject) {\n        let DynamicWidget = getExtensionComponent(widget);\n        const widgetProps: SolidFormFieldWidgetProps = {\n            formik: formik,\n            fieldContext: this.fieldContext,\n        }\n        return (\n            <>\n                {DynamicWidget && <DynamicWidget {...widgetProps} />}\n            </>\n        )\n    }\n}\n\n\n\n\nexport const DefaultSelectionDynamicFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n    const whereClause = fieldLayoutInfo.attrs.whereClause;\n\n    const isMultiSelect = fieldMetadata?.isMultiSelect;\n\n    // selection dynamic specific code. \n    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();\n    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        (formik.touched[fieldName] || formik.submitCount > 0) && !!formik.errors[fieldName];\n\n    const isRequired = fieldLayoutInfo.attrs?.required ?? fieldMetadata.required;\n\n    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {\n        try {\n            // const query = event.query ?? \"\";\n            const queryData = {\n                offset: 0,\n                limit: 10,\n                query: event.query,\n                fieldId: fieldMetadata.id,\n                formValues: formikValuestoQueryString(formik.values),\n            };\n            if (whereClause) {\n                queryData.query = whereClause;\n            }\n            let sdQs = qs.stringify(queryData, {\n                encodeValuesOnly: true,\n                // encoder: (str, defaultEncoder, charset, type) => {\n                //     if (type === 'key' || type === 'value') {\n                //         if (str === queryData.query) return str;\n                //     }\n                //     return defaultEncoder(str);\n                // }\n            });\n            // TODO: do error handling here, possible errors like modelname is incorrect etc...\n            const sdResponse = await triggerGetSelectionDynamicValues(sdQs).unwrap();\n            const items = Array.isArray(sdResponse?.data) ? sdResponse.data : [];\n\n            // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n            // const sdData = sdResponse.data.data;\n\n            // @ts-ignore\n            setSelectionDynamicItems([...items]);\n        } catch (err) {\n            setSelectionDynamicItems([]);\n        }\n    }\n\n\n    return (\n        <div className={`${styles.fieldWrapper} ${isFormFieldValid(formik, fieldLayoutInfo.attrs.name) ? styles.fieldInvalid : \"\"}`}>\n            {showFieldLabel != false &&\n                <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>\n                    {fieldLabel}\n                    {isRequired && <span className=\"text-red-500\"> *</span>}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </label>\n            }\n            <SolidAutocomplete\n                multiple={isMultiSelect}\n                field=\"label\"\n                className={`solid-standard-autocomplete ${isFormFieldValid(formik, fieldLayoutInfo.attrs.name) ? styles.fieldInvalidControl : \"\"}`}\n                value={formik.values[fieldLayoutInfo.attrs.name] || (isMultiSelect ? [] : null)}\n                dropdown\n                suggestions={selectionDynamicItems}\n                completeMethod={(e) => selectionDynamicSearch(e)}\n                emptyMessage=\"No records found\"\n                onChange={({ value }) => {\n                    if (formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled) return;\n                    const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, \"text\");\n                    fieldContext.onChange(syntheticEvent, \"onFieldChange\");\n                }}\n                onSelect={({ value }) => {\n                    const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, \"text\");\n                    fieldContext.onChange(syntheticEvent, \"onFieldChange\");\n                }}\n            />\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <p className={styles.fieldError}>\n                    {typeof formik.errors[fieldLayoutInfo?.attrs?.name] === 'object'\n                        ? formik.errors[fieldLayoutInfo?.attrs?.name]?.value?.toString()\n                        : formik.errors[fieldLayoutInfo?.attrs?.name]?.toString()}\n                </p>\n            )}\n        </div>\n    );\n}\n\n\nexport const DefaultSelectionDynamicFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n    const isMultiSelect = fieldMetadata?.isMultiSelect;\n\n    const toLabel = (val: any) => {\n        if (!val) return '';\n        if (typeof val === 'string' || typeof val === 'number') return String(val);\n        if (typeof val === 'object') return val.label ?? val.value ?? '';\n        return '';\n    };\n\n    let values: string[] = [];\n    if (isMultiSelect) {\n        if (typeof value === 'string') {\n            try {\n                const parsed = JSON.parse(value);\n                if (Array.isArray(parsed)) {\n                    values = parsed.map(toLabel);\n                }\n            } catch {\n                values = value.split(',').map(v => v.trim()).map(toLabel);\n            }\n        } else if (Array.isArray(value)) {\n            values = value.map(toLabel);\n        }\n    }\n\n    return (\n        <div className={styles.fieldViewWrapper}>\n            {showFieldLabel !== false && (\n                <p className={`${styles.fieldViewLabel} form-field-label`}>{fieldLabel}</p>\n            )}\n            <p className={styles.fieldViewValue}>\n                {isMultiSelect\n                    ? (values.length > 0 ? values.join(', ') : 'No selection')\n                    : (() => {\n                        const single = toLabel(value);\n                        return single ? single : 'No selection';\n                    })()}\n            </p>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"SolidSelectionDynamicField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidSelectionDynamicField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useLazyGetSelectionDynamicValuesQuery } from \"../../../../redux/api/fieldApi\";\nimport { SolidAutocomplete } from \"../../../shad-cn-ui/SolidAutocomplete\";\nimport { buildSyntheticChangeEvent } from \"./fieldEventUtils\";\nimport qs from \"qs\";\nimport { useState } from \"react\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { formikValuestoQueryString } from \"../../../../helpers/helpers\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport styles from \"./solidFields.module.css\";\n\ntype AutoCompleteCompleteEvent = { query: string };\n\n\nexport class SolidSelectionDynamicField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n\n    constructor(fieldContext: SolidFieldProps) {\n        this.fieldContext = fieldContext;\n    }\n\n    initialValue(): any {\n        // TODO: Use the field metadata to re-create the object in the valid format \n        // {label: '', value: ''}\n        const fieldLayoutInfo = this.fieldContext.field;\n        const optionValue = this.fieldContext.data[fieldLayoutInfo.attrs.name];\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;\n        // isMultiSelect: fieldMetaData ? fieldMetaData?.isMultiSelect : false,\n\n        // return { label: optionValue || '', value: optionValue || '' };\n        const stripBracketsAndQuotes = (str: string) =>\n            str.replace(/^\\[?\"?/, '').replace(/\"?\\]?$/, '').trim();\n\n        const cleanValue = (val: any) => {\n            if (typeof val === 'string') {\n                const cleaned = stripBracketsAndQuotes(val);\n                return { label: cleaned, value: cleaned };\n            } else if (val && typeof val === 'object') {\n                const label = stripBracketsAndQuotes(String(val.label ?? val));\n                const value = stripBracketsAndQuotes(String(val.value ?? val));\n                return { label, value };\n            } else {\n                const strVal = stripBracketsAndQuotes(String(val));\n                return { label: strVal, value: strVal };\n            }\n        };\n\n        if (optionValue === '' || optionValue === null || optionValue === undefined || (Array.isArray(optionValue) && optionValue.length === 0)) {\n            return null;\n        }\n\n        if (isMultiSelect) {\n            if (Array.isArray(optionValue)) {\n                return optionValue.map(cleanValue);\n            } else if (typeof optionValue === 'string') {\n                try {\n                    const parsed = JSON.parse(optionValue); // try to parse as JSON array\n                    if (Array.isArray(parsed)) {\n                        return parsed.map(cleanValue);\n                    }\n                } catch {\n                    // fallback to comma-split only if not valid JSON\n                    const splitValues = optionValue.split(',').map(v => v.trim()).filter(Boolean);\n                    return splitValues.map(cleanValue);\n                }\n            }\n            return [];\n        } else {\n            return cleanValue(optionValue || '');\n        }\n    }\n\n    updateFormData(value: any, formData: FormData): any {\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;\n        const stripQuotes = (str: string) => str.replace(/^\"+|\"+$/g, '').replace(/^'+|'+$/g, '');\n\n        if (value) {\n            if (isMultiSelect) {\n                const selectedValues = value.map((v: any) => {\n                    const cleanedValue = stripQuotes(v.value);  // still fine\n                    return cleanedValue;\n                });\n                const jsonString = JSON.stringify(selectedValues);  // ✅ Proper JSON array\n                formData.append(fieldLayoutInfo.attrs.name, jsonString);\n            } else {\n                const cleanedValue = stripQuotes(value.value);\n                formData.append(fieldLayoutInfo.attrs.name, cleanedValue);\n            }\n        }\n        // if (value) {\n        //     formData.append(fieldLayoutInfo.attrs.name, value.value);\n        // }\n    }\n\n    validationSchema(): Yup.Schema {\n        let schema = Yup.object();\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n\n        // 1. required \n        // if (fieldMetadata.required) {\n        //     schema = schema.required(`${fieldLabel} is required.`);\n        // }\n\n        // return schema;\n        const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;\n\n\n        const isRequired = fieldLayoutInfo.attrs?.required ?? fieldMetadata.required;\n    \n        if (isMultiSelect) {\n            if (!isRequired) {\n                return Yup.array()\n                    .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }))\n                    .nullable();\n            }\n\n            return Yup.array()\n                .min(1, ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }));\n        }\n\n        if (!isRequired) {\n            return Yup.object().shape({\n                label: Yup.string(),\n                value: Yup.string(),\n            }).nullable();\n        }\n\n        return Yup.object().shape({\n            label: Yup.string(),\n            value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)),\n        });\n    }\n\n    render(formik: FormikObject) {\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n\n        // const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.errors[fieldName];\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultSelectionDynamicFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultSelectionDynamicFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n        return (\n            <>\n                <div className={className}>\n                    {viewMode === \"view\" &&\n                        this.renderExtensionRenderMode(viewWidget, formik)\n                    }\n                    {viewMode === \"edit\" &&\n                        <>\n                            {editWidget &&\n                                this.renderExtensionRenderMode(editWidget, formik)\n                            }\n                        </>\n                    }\n                </div>\n            </>\n        );\n    }\n\n    renderExtensionRenderMode(widget: string, formik: FormikObject) {\n        let DynamicWidget = getExtensionComponent(widget);\n        const widgetProps: SolidFormFieldWidgetProps = {\n            formik: formik,\n            fieldContext: this.fieldContext,\n        }\n        return (\n            <>\n                {DynamicWidget && <DynamicWidget {...widgetProps} />}\n            </>\n        )\n    }\n}\n\n\n\n\nexport const DefaultSelectionDynamicFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n    const whereClause = fieldLayoutInfo.attrs.whereClause;\n\n    const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;\n\n    // selection dynamic specific code. \n    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();\n    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        (formik.touched[fieldName] || formik.submitCount > 0) && !!formik.errors[fieldName];\n\n    const isRequired = fieldLayoutInfo.attrs?.required ?? fieldMetadata.required;\n\n    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {\n        try {\n            // const query = event.query ?? \"\";\n            const queryData = {\n                offset: 0,\n                limit: 10,\n                query: event.query,\n                fieldId: fieldMetadata.id,\n                formValues: formikValuestoQueryString(formik.values),\n            };\n            if (whereClause) {\n                queryData.query = whereClause;\n            }\n            let sdQs = qs.stringify(queryData, {\n                encodeValuesOnly: true,\n                // encoder: (str, defaultEncoder, charset, type) => {\n                //     if (type === 'key' || type === 'value') {\n                //         if (str === queryData.query) return str;\n                //     }\n                //     return defaultEncoder(str);\n                // }\n            });\n            // TODO: do error handling here, possible errors like modelname is incorrect etc...\n            const sdResponse = await triggerGetSelectionDynamicValues(sdQs).unwrap();\n            const items = Array.isArray(sdResponse?.data) ? sdResponse.data : [];\n\n            // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n            // const sdData = sdResponse.data.data;\n\n            // @ts-ignore\n            setSelectionDynamicItems([...items]);\n        } catch (err) {\n            setSelectionDynamicItems([]);\n        }\n    }\n\n\n    return (\n        <div className={`${styles.fieldWrapper} ${isFormFieldValid(formik, fieldLayoutInfo.attrs.name) ? styles.fieldInvalid : \"\"}`}>\n            {showFieldLabel != false &&\n                <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>\n                    {fieldLabel}\n                    {isRequired && <span className=\"text-red-500\"> *</span>}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </label>\n            }\n            <SolidAutocomplete\n                multiple={isMultiSelect}\n                field=\"label\"\n                className={`solid-standard-autocomplete ${isFormFieldValid(formik, fieldLayoutInfo.attrs.name) ? styles.fieldInvalidControl : \"\"}`}\n                value={formik.values[fieldLayoutInfo.attrs.name] || (isMultiSelect ? [] : null)}\n                dropdown\n                suggestions={selectionDynamicItems}\n                completeMethod={(e) => selectionDynamicSearch(e)}\n                emptyMessage=\"No records found\"\n                onChange={({ value }) => {\n                    if (formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled) return;\n                    const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, \"text\");\n                    // console.log(`SolidSelectionDynamicField > SolidAutocomplete > onChange`, syntheticEvent);\n                    fieldContext.onChange(syntheticEvent, \"onFieldChange\");\n                }}\n                // onSelect={({ value }) => {\n                //     const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, \"text\");\n                //     console.log(`SolidSelectionDynamicField > SolidAutocomplete > onSelect`, syntheticEvent);\n                //     fieldContext.onChange(syntheticEvent, \"onFieldChange\");\n                // }}\n            />\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <p className={styles.fieldError}>\n                    {typeof formik.errors[fieldLayoutInfo?.attrs?.name] === 'object'\n                        ? formik.errors[fieldLayoutInfo?.attrs?.name]?.value?.toString()\n                        : formik.errors[fieldLayoutInfo?.attrs?.name]?.toString()}\n                </p>\n            )}\n        </div>\n    );\n}\n\n\nexport const DefaultSelectionDynamicFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n    const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;\n\n    const toLabel = (val: any) => {\n        if (!val) return '';\n        if (typeof val === 'string' || typeof val === 'number') return String(val);\n        if (typeof val === 'object') return val.label ?? val.value ?? '';\n        return '';\n    };\n\n    let values: string[] = [];\n    if (isMultiSelect) {\n        if (typeof value === 'string') {\n            try {\n                const parsed = JSON.parse(value);\n                if (Array.isArray(parsed)) {\n                    values = parsed.map(toLabel);\n                }\n            } catch {\n                values = value.split(',').map(v => v.trim()).map(toLabel);\n            }\n        } else if (Array.isArray(value)) {\n            values = value.map(toLabel);\n        }\n    }\n\n    return (\n        <div className={styles.fieldViewWrapper}>\n            {showFieldLabel !== false && (\n                <p className={`${styles.fieldViewLabel} form-field-label`}>{fieldLabel}</p>\n            )}\n            <p className={styles.fieldViewValue}>\n                {isMultiSelect\n                    ? (values.length > 0 ? values.join(', ') : 'No selection')\n                    : (() => {\n                        const single = toLabel(value);\n                        return single ? single : 'No selection';\n                    })()}\n            </p>\n        </div>\n    );\n}\n"]}

package/dist/components/core/form/fields/SolidSelectionDynamicField.tsx

@@ -27,9 +27,10 @@ export class SolidSelectionDynamicField implements ISolidField {
     initialValue(): any {
         // TODO: Use the field metadata to re-create the object in the valid format 
         // {label: '', value: ''}
-        const optionValue = this.fieldContext.data[this.fieldContext.field.attrs.name];
+        const fieldLayoutInfo = this.fieldContext.field;
+        const optionValue = this.fieldContext.data[fieldLayoutInfo.attrs.name];
         const fieldMetadata = this.fieldContext.fieldMetadata;
-        const isMultiSelect = fieldMetadata?.isMultiSelect;
+        const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;
         // isMultiSelect: fieldMetaData ? fieldMetaData?.isMultiSelect : false,
 
         // return { label: optionValue || '', value: optionValue || '' };
@@ -50,6 +51,10 @@ export class SolidSelectionDynamicField implements ISolidField {
             }
         };
 
+        if (optionValue === '' || optionValue === null || optionValue === undefined || (Array.isArray(optionValue) && optionValue.length === 0)) {
+            return null;
+        }
+
         if (isMultiSelect) {
             if (Array.isArray(optionValue)) {
                 return optionValue.map(cleanValue);
@@ -74,7 +79,7 @@ export class SolidSelectionDynamicField implements ISolidField {
     updateFormData(value: any, formData: FormData): any {
         const fieldLayoutInfo = this.fieldContext.field;
         const fieldMetadata = this.fieldContext.fieldMetadata;
-        const isMultiSelect = fieldMetadata?.isMultiSelect;
+        const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;
         const stripQuotes = (str: string) => str.replace(/^"+|"+$/g, '').replace(/^'+|'+$/g, '');
 
         if (value) {
@@ -108,21 +113,30 @@ export class SolidSelectionDynamicField implements ISolidField {
         // }
 
         // return schema;
-        const isMultiSelect = fieldMetadata?.isMultiSelect;
+        const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;
 
 
         const isRequired = fieldLayoutInfo.attrs?.required ?? fieldMetadata.required;
     
-        if (!isRequired) {
-            return Yup.mixed();
-        }
-
         if (isMultiSelect) {
+            if (!isRequired) {
+                return Yup.array()
+                    .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }))
+                    .nullable();
+            }
+
             return Yup.array()
                 .min(1, ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))
                 .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }));
         }
 
+        if (!isRequired) {
+            return Yup.object().shape({
+                label: Yup.string(),
+                value: Yup.string(),
+            }).nullable();
+        }
+
         return Yup.object().shape({
             label: Yup.string(),
             value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)),
@@ -198,7 +212,7 @@ export const DefaultSelectionDynamicFormEditWidget = ({ formik, fieldContext }:
     const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
     const whereClause = fieldLayoutInfo.attrs.whereClause;
 
-    const isMultiSelect = fieldMetadata?.isMultiSelect;
+    const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;
 
     // selection dynamic specific code. 
     const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();
@@ -266,12 +280,14 @@ export const DefaultSelectionDynamicFormEditWidget = ({ formik, fieldContext }:
                 onChange={({ value }) => {
                     if (formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled) return;
                     const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
+                    // console.log(`SolidSelectionDynamicField > SolidAutocomplete > onChange`, syntheticEvent);
                     fieldContext.onChange(syntheticEvent, "onFieldChange");
                 }}
-                onSelect={({ value }) => {
-                    const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
-                    fieldContext.onChange(syntheticEvent, "onFieldChange");
-                }}
+                // onSelect={({ value }) => {
+                //     const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
+                //     console.log(`SolidSelectionDynamicField > SolidAutocomplete > onSelect`, syntheticEvent);
+                //     fieldContext.onChange(syntheticEvent, "onFieldChange");
+                // }}
             />
             {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
                 <p className={styles.fieldError}>
@@ -292,7 +308,7 @@ export const DefaultSelectionDynamicFormViewWidget = ({ formik, fieldContext }:
     const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
     const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
     const value = formik.values[fieldLayoutInfo.attrs.name];
-    const isMultiSelect = fieldMetadata?.isMultiSelect;
+    const isMultiSelect = fieldLayoutInfo.attrs.multiSelect ?? fieldMetadata?.isMultiSelect;
 
     const toLabel = (val: any) => {
         if (!val) return '';

package/dist/components/core/form/fields/SolidSelectionStaticField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionStaticField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAMzE,qBAAa,yBAA0B,YAAW,WAAW;IAEzD,OAAO,CAAC,YAAY,CAAkB;gBAE1B,YAAY,EAAE,eAAe;IAIzC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAcnD,YAAY,IAAI,GAAG;IAuDnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IA2C9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAkC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAajE;AAED,eAAO,MAAM,gDAAgD,6BAA8B,yBAAyB,4CA+DnH,CAAA;AAED,eAAO,MAAM,uCAAuC,6BAA8B,yBAAyB,4CAyD1G,CAAA;AAED,eAAO,MAAM,8CAA8C,6BAA8B,yBAAyB,4CA2DjH,CAAC;AAGF,eAAO,MAAM,oCAAoC,6BAA8B,yBAAyB,4CAsBvG,CAAA"}
+{"version":3,"file":"SolidSelectionStaticField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAMzE,qBAAa,yBAA0B,YAAW,WAAW;IAEzD,OAAO,CAAC,YAAY,CAAkB;gBAE1B,YAAY,EAAE,eAAe;IAIzC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAcnD,YAAY,IAAI,GAAG;IA4DnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IA2C9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAkC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAajE;AAED,eAAO,MAAM,gDAAgD,6BAA8B,yBAAyB,4CA+DnH,CAAA;AAED,eAAO,MAAM,uCAAuC,6BAA8B,yBAAyB,4CAyD1G,CAAA;AAED,eAAO,MAAM,8CAA8C,6BAA8B,yBAAyB,4CA2DjH,CAAC;AAGF,eAAO,MAAM,oCAAoC,6BAA8B,yBAAyB,4CAsBvG,CAAA"}

package/dist/components/core/form/fields/SolidSelectionStaticField.js

@@ -35,9 +35,10 @@ var SolidSelectionStaticField = /** @class */ (function () {
         configurable: true,
         writable: true,
         value: function (value, formData) {
+            var _a;
             var fieldLayoutInfo = this.fieldContext.field;
             var fieldMetadata = this.fieldContext.fieldMetadata;
-            var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+            var isMultiSelect = (_a = fieldLayoutInfo.attrs.multiSelect) !== null && _a !== void 0 ? _a : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
             if (isMultiSelect && Array.isArray(value)) {
                 formData.append(fieldLayoutInfo.attrs.name, JSON.stringify(value.map(function (v) { return v.value; })));
             }
@@ -54,12 +55,13 @@ var SolidSelectionStaticField = /** @class */ (function () {
         configurable: true,
         writable: true,
         value: function () {
-            var _a;
+            var _a, _b;
             // Get field name and metadata
-            var fieldName = this.fieldContext.field.attrs.name;
+            var fieldLayoutInfo = this.fieldContext.field;
+            var fieldName = fieldLayoutInfo.attrs.name;
             var fieldMetadata = this.fieldContext.fieldMetadata;
             var fieldDefaultValue = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.defaultValue;
-            var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+            var isMultiSelect = (_a = fieldLayoutInfo.attrs.multiSelect) !== null && _a !== void 0 ? _a : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
             // Get existing value from form data
             var existingValue = this.fieldContext.data[fieldName];
             // Function to get display value based on selectionStaticValues
@@ -79,7 +81,10 @@ var SolidSelectionStaticField = /** @class */ (function () {
                 return match ? match.split(':')[1] : value;
             };
             // Determine the final value to use (existing value or default value)
-            var finalValue = (_a = existingValue !== null && existingValue !== void 0 ? existingValue : fieldDefaultValue) !== null && _a !== void 0 ? _a : '';
+            var finalValue = (_b = existingValue !== null && existingValue !== void 0 ? existingValue : fieldDefaultValue) !== null && _b !== void 0 ? _b : '';
+            if (finalValue === '' || finalValue === null || finalValue === undefined || (Array.isArray(finalValue) && finalValue.length === 0)) {
+                return null;
+            }
             if (isMultiSelect) {
                 var values = [];
                 if (Array.isArray(finalValue)) {
@@ -91,7 +96,7 @@ var SolidSelectionStaticField = /** @class */ (function () {
                         if (Array.isArray(parsed))
                             values = parsed;
                     }
-                    catch (_b) { }
+                    catch (_c) { }
                 }
                 return values.map(function (val) { return ({
                     label: getDisplayValue(val),
@@ -108,11 +113,11 @@ var SolidSelectionStaticField = /** @class */ (function () {
         configurable: true,
         writable: true,
         value: function () {
-            var _a;
+            var _a, _b;
             var fieldMetadata = this.fieldContext.fieldMetadata;
             var fieldLayoutInfo = this.fieldContext.field;
             var fieldLabel = (_a = fieldLayoutInfo.attrs.label) !== null && _a !== void 0 ? _a : fieldMetadata.displayName;
-            var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+            var isMultiSelect = (_b = fieldLayoutInfo.attrs.multiSelect) !== null && _b !== void 0 ? _b : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
             // let schema = Yup.object({
             //     value: Yup.string().required(`${fieldLabel} is required.`)
             // });
@@ -193,7 +198,7 @@ var SolidSelectionStaticField = /** @class */ (function () {
 }());
 export { SolidSelectionStaticField };
 export var DefaultSelectionStaticAutocompleteFormEditWidget = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
@@ -205,8 +210,8 @@ export var DefaultSelectionStaticAutocompleteFormEditWidget = function (_a) {
     var fieldReadonly = (_e = fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.readonly;
     var formDisabled = (_h = (_g = (_f = solidFormViewMetaData.data.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.disabled;
     var formReadonly = (_l = (_k = (_j = solidFormViewMetaData.data.solidView) === null || _j === void 0 ? void 0 : _j.layout) === null || _k === void 0 ? void 0 : _k.attrs) === null || _l === void 0 ? void 0 : _l.readonly;
-    var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
-    var _t = useState([]), selectionStaticItems = _t[0], setSelectionStaticItems = _t[1];
+    var isMultiSelect = (_m = fieldLayoutInfo.attrs.multiSelect) !== null && _m !== void 0 ? _m : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+    var _u = useState([]), selectionStaticItems = _u[0], setSelectionStaticItems = _u[1];
     var selectionStaticSearch = function (event) {
         var selectionStaticData = fieldMetadata.selectionStaticValues.map(function (i) {
             return {
@@ -225,16 +230,12 @@ export var DefaultSelectionStaticAutocompleteFormEditWidget = function (_a) {
                         return;
                     var syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
                     fieldContext.onChange(syntheticEvent, "onFieldChange");
-                }, onSelect: function (_a) {
-                    var value = _a.value;
-                    var syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
-                    fieldContext.onChange(syntheticEvent, "onFieldChange");
-                } }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("p", { className: styles.fieldError, children: typeof formik.errors[(_m = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _m === void 0 ? void 0 : _m.name] === 'object'
-                    ? (_q = (_p = formik.errors[(_o = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _o === void 0 ? void 0 : _o.name]) === null || _p === void 0 ? void 0 : _p.value) === null || _q === void 0 ? void 0 : _q.toString()
-                    : (_s = formik.errors[(_r = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _r === void 0 ? void 0 : _r.name]) === null || _s === void 0 ? void 0 : _s.toString() }))] }));
+                } }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("p", { className: styles.fieldError, children: typeof formik.errors[(_o = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _o === void 0 ? void 0 : _o.name] === 'object'
+                    ? (_r = (_q = formik.errors[(_p = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _p === void 0 ? void 0 : _p.name]) === null || _q === void 0 ? void 0 : _q.value) === null || _r === void 0 ? void 0 : _r.toString()
+                    : (_t = formik.errors[(_s = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _s === void 0 ? void 0 : _s.name]) === null || _t === void 0 ? void 0 : _t.toString() }))] }));
 };
 export var SolidSelectionStaticRadioFormEditWidget = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
@@ -246,7 +247,7 @@ export var SolidSelectionStaticRadioFormEditWidget = function (_a) {
     var formDisabled = (_h = (_g = (_f = fieldContext.solidFormViewMetaData.data.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.disabled;
     var formReadonly = (_l = (_k = (_j = fieldContext.solidFormViewMetaData.data.solidView) === null || _j === void 0 ? void 0 : _j.layout) === null || _k === void 0 ? void 0 : _k.attrs) === null || _l === void 0 ? void 0 : _l.readonly;
     var fieldName = fieldLayoutInfo.attrs.name;
-    var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+    var isMultiSelect = (_m = fieldLayoutInfo.attrs.multiSelect) !== null && _m !== void 0 ? _m : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
     // Convert selectionStaticValues to usable radio options
     var radioOptions = fieldMetadata.selectionStaticValues.map(function (i) {
         var _a = i.split(":"), value = _a[0], label = _a[1];
@@ -258,17 +259,17 @@ export var SolidSelectionStaticRadioFormEditWidget = function (_a) {
     if (isMultiSelect) {
         return (_jsx("p", { className: styles.fieldError, children: "This render mode is not supported for multi select." }));
     }
-    return (_jsxs("div", { className: styles.fieldWrapper, children: [showFieldLabel !== false && (_jsxs("label", { htmlFor: fieldName, className: styles.fieldLabel, children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: "*" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] })), _jsx(SolidRadioGroup, { name: fieldName, options: radioOptions, value: (_o = (_m = formik.values[fieldName]) === null || _m === void 0 ? void 0 : _m.value) !== null && _o !== void 0 ? _o : formik.values[fieldName], disabled: formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled, onChange: function (nextValue) {
+    return (_jsxs("div", { className: styles.fieldWrapper, children: [showFieldLabel !== false && (_jsxs("label", { htmlFor: fieldName, className: styles.fieldLabel, children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: "*" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] })), _jsx(SolidRadioGroup, { name: fieldName, options: radioOptions, value: (_p = (_o = formik.values[fieldName]) === null || _o === void 0 ? void 0 : _o.value) !== null && _p !== void 0 ? _p : formik.values[fieldName], disabled: formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled, onChange: function (nextValue) {
                     var selectedOption = radioOptions.find(function (opt) { return opt.value === nextValue; });
                     if (selectedOption) {
                         formik.setFieldValue(fieldName, selectedOption);
                         var syntheticEvent = buildSyntheticChangeEvent(fieldName, selectedOption, "radio");
                         fieldContext.onChange(syntheticEvent, "onFieldChange");
                     }
-                } }), isFormFieldValid(formik, fieldName) && (_jsx("p", { className: styles.fieldError, children: (_p = formik === null || formik === void 0 ? void 0 : formik.errors[fieldName]) === null || _p === void 0 ? void 0 : _p.toString() }))] }));
+                } }), isFormFieldValid(formik, fieldName) && (_jsx("p", { className: styles.fieldError, children: (_q = formik === null || formik === void 0 ? void 0 : formik.errors[fieldName]) === null || _q === void 0 ? void 0 : _q.toString() }))] }));
 };
 export var SolidSelectionStaticSelectButtonFormEditWidget = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
@@ -280,7 +281,7 @@ export var SolidSelectionStaticSelectButtonFormEditWidget = function (_a) {
     var formDisabled = (_h = (_g = (_f = fieldContext.solidFormViewMetaData.data.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.disabled;
     var formReadonly = (_l = (_k = (_j = fieldContext.solidFormViewMetaData.data.solidView) === null || _j === void 0 ? void 0 : _j.layout) === null || _k === void 0 ? void 0 : _k.attrs) === null || _l === void 0 ? void 0 : _l.readonly;
     var fieldName = fieldLayoutInfo.attrs.name;
-    var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+    var isMultiSelect = (_m = fieldLayoutInfo.attrs.multiSelect) !== null && _m !== void 0 ? _m : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
     var isFormFieldValid = function (formik, fieldName) {
         return formik.errors[fieldName];
     };
@@ -300,17 +301,17 @@ export var SolidSelectionStaticSelectButtonFormEditWidget = function (_a) {
                         var syntheticEvent = buildSyntheticChangeEvent(fieldName, selectedOption, "button");
                         fieldContext.onChange(syntheticEvent, "onFieldChange");
                     }
-                } }), isFormFieldValid(formik, fieldName) && (_jsx("p", { className: styles.fieldError, children: (_m = formik.errors[fieldName]) === null || _m === void 0 ? void 0 : _m.toString() }))] }));
+                } }), isFormFieldValid(formik, fieldName) && (_jsx("p", { className: styles.fieldError, children: (_o = formik.errors[fieldName]) === null || _o === void 0 ? void 0 : _o.toString() }))] }));
 };
 export var DefaultSelectionStaticFormViewWidget = function (_a) {
-    var _b, _c;
+    var _b, _c, _d;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
     var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
     var value = formik.values[fieldLayoutInfo.attrs.name];
-    var isMultiSelect = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
-    var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
+    var isMultiSelect = (_c = fieldLayoutInfo.attrs.multiSelect) !== null && _c !== void 0 ? _c : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.isMultiSelect;
+    var showFieldLabel = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.showLabel;
     return (_jsxs("div", { className: styles.fieldViewWrapper, children: [showFieldLabel !== false && (_jsx("p", { className: "".concat(styles.fieldViewLabel, " form-field-label"), children: fieldLabel })), _jsx("p", { className: styles.fieldViewValue, children: isMultiSelect
                     ? Array.isArray(value)
                         ? value.map(function (v) { return v === null || v === void 0 ? void 0 : v.label; }).filter(Boolean).join(', ')