@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.10

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

@@ -1,7 +1,7 @@
 
 import { useLazyGetSelectionDynamicValuesQuery } from "../../../../redux/api/fieldApi";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
-import { Message } from "primereact/message";
+import { SolidAutocomplete } from "../../../shad-cn-ui/SolidAutocomplete";
+import { buildSyntheticChangeEvent } from "./fieldEventUtils";
 import qs from "qs";
 import { useState } from "react";
 import * as Yup from 'yup';
@@ -11,6 +11,9 @@ import { SolidFormFieldWidgetProps } from "../../../../types/solid-core";
 import { SolidFieldTooltip } from "../../../../components/common/SolidFieldTooltip";
 import { formikValuestoQueryString } from "../../../../helpers/helpers";
 import { ERROR_MESSAGES } from "../../../../constants/error-messages";
+import styles from "./solidFields.module.css";
+
+type AutoCompleteCompleteEvent = { query: string };
 
 
 export class SolidSelectionDynamicField implements ISolidField {
@@ -243,45 +246,39 @@ export const DefaultSelectionDynamicFormEditWidget = ({ formik, fieldContext }:
 
 
     return (
-        <div className="relative">
-            <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4">
-                {showFieldLabel != false &&
-                    <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">{fieldLabel}
-                        {isRequired && <span className="text-red-500"> *</span>}
-                        <SolidFieldTooltip fieldContext={fieldContext} />
-                        {/* &nbsp;   {fieldDescription && <span className="form_field_help">({fieldDescription}) </span>} */}
-                    </label>
-                }
-                <AutoComplete
-                    multiple={isMultiSelect}
-                    readOnly={formReadonly || fieldReadonly || readOnlyPermission}
-                    disabled={formDisabled || fieldDisabled}
-                    {...formik.getFieldProps(fieldLayoutInfo.attrs.name)}
-                    id={fieldLayoutInfo.attrs.name}
-                    field="label"
-                    // value={formik.values[fieldLayoutInfo.attrs.name] || null}
-                    value={formik.values[fieldLayoutInfo.attrs.name] || (isMultiSelect ? [] : null)}
-                    dropdown
-                    suggestions={selectionDynamicItems}
-                    completeMethod={selectionDynamicSearch}
-                    // onChange={(e) => updateInputs(index, e.value)} />
-                    // onChange={formik.handleChange}
-                    onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
-                    className="solid-standard-autocomplete"
-                    emptyMessage="No records found"
-                />
-            </div>
+        <div className={`${styles.fieldWrapper} ${isFormFieldValid(formik, fieldLayoutInfo.attrs.name) ? styles.fieldInvalid : ""}`}>
+            {showFieldLabel != false &&
+                <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>
+                    {fieldLabel}
+                    {isRequired && <span className="text-red-500"> *</span>}
+                    <SolidFieldTooltip fieldContext={fieldContext} />
+                </label>
+            }
+            <SolidAutocomplete
+                multiple={isMultiSelect}
+                field="label"
+                className={`solid-standard-autocomplete ${isFormFieldValid(formik, fieldLayoutInfo.attrs.name) ? styles.fieldInvalidControl : ""}`}
+                value={formik.values[fieldLayoutInfo.attrs.name] || (isMultiSelect ? [] : null)}
+                dropdown
+                suggestions={selectionDynamicItems}
+                completeMethod={(e) => selectionDynamicSearch(e)}
+                emptyMessage="No records found"
+                onChange={({ value }) => {
+                    if (formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled) return;
+                    const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
+                    fieldContext.onChange(syntheticEvent, "onFieldChange");
+                }}
+                onSelect={({ value }) => {
+                    const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, value, "text");
+                    fieldContext.onChange(syntheticEvent, "onFieldChange");
+                }}
+            />
             {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
-                <div className="absolute mt-1">
-                    <Message severity="error"
-                        text={
-                            // formik?.errors[fieldLayoutInfo.attrs.name]?.toString()
-                            typeof formik.errors[fieldLayoutInfo?.attrs?.name] === 'object'
-                                ? formik.errors[fieldLayoutInfo?.attrs?.name]?.value?.toString()
-                                : formik.errors[fieldLayoutInfo?.attrs?.name]?.toString()
-                        }
-                    />
-                </div>
+                <p className={styles.fieldError}>
+                    {typeof formik.errors[fieldLayoutInfo?.attrs?.name] === 'object'
+                        ? formik.errors[fieldLayoutInfo?.attrs?.name]?.value?.toString()
+                        : formik.errors[fieldLayoutInfo?.attrs?.name]?.toString()}
+                </p>
             )}
         </div>
     );
@@ -297,44 +294,42 @@ export const DefaultSelectionDynamicFormViewWidget = ({ formik, fieldContext }:
     const value = formik.values[fieldLayoutInfo.attrs.name];
     const isMultiSelect = fieldMetadata?.isMultiSelect;
 
+    const toLabel = (val: any) => {
+        if (!val) return '';
+        if (typeof val === 'string' || typeof val === 'number') return String(val);
+        if (typeof val === 'object') return val.label ?? val.value ?? '';
+        return '';
+    };
+
     let values: string[] = [];
     if (isMultiSelect) {
         if (typeof value === 'string') {
             try {
                 const parsed = JSON.parse(value);
                 if (Array.isArray(parsed)) {
-                    values = parsed;
+                    values = parsed.map(toLabel);
                 }
             } catch {
-                // Fallback if not a JSON string (or invalid JSON)
-                values = value.split(',').map(v => v.trim());
+                values = value.split(',').map(v => v.trim()).map(toLabel);
             }
         } else if (Array.isArray(value)) {
-            values = value.map(v => (typeof v === 'object' && v.label ? v.label : String(v)));
+            values = value.map(toLabel);
         }
     }
 
     return (
-        // <div className="mt-2 flex-column gap-2">
-        //     <p className="m-0 form-field-label font-medium">{fieldLabel}</p>
-        //     <p className="m-0 solid-custom-selection-dynamic-pill">{value && value.label && value.label}</p>
-        // </div>
-        <div className="mt-2 flex-column gap-2">
+        <div className={styles.fieldViewWrapper}>
             {showFieldLabel !== false && (
-                <p className="m-0 form-field-label font-medium">{fieldLabel}</p>
+                <p className={`${styles.fieldViewLabel} form-field-label`}>{fieldLabel}</p>
             )}
-            <p className="m-0">
-                {isMultiSelect ? (
-                    values.length > 0 ? (
-                        <span>{values.join(', ')}</span> // ✅ Join with commas
-                    ) : (
-                        <span className="text-gray-500">No selection</span>
-                    )
-                ) : (
-                    value && value?.label ? value.label : <span className="text-gray-500">No selection</span>
-                )}
+            <p className={styles.fieldViewValue}>
+                {isMultiSelect
+                    ? (values.length > 0 ? values.join(', ') : 'No selection')
+                    : (() => {
+                        const single = toLabel(value);
+                        return single ? single : 'No selection';
+                    })()}
             </p>
         </div>
     );
 }
-

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":"AAIA,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;IAwDnB,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,4CAwEnH,CAAA;AAED,eAAO,MAAM,uCAAuC,6BAA8B,yBAAyB,4CAkF1G,CAAA;AAED,eAAO,MAAM,8CAA8C,6BAA8B,yBAAyB,4CAyFjH,CAAC;AAGF,eAAO,MAAM,oCAAoC,6BAA8B,yBAAyB,4CA0BvG,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;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"}

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

@@ -10,14 +10,15 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AutoComplete } from "primereact/autocomplete";
-import { Message } from "primereact/message";
+import { SolidAutocomplete } from "../../../shad-cn-ui/SolidAutocomplete";
+import { SolidRadioGroup } from "../../../shad-cn-ui/SolidRadioGroup";
+import { SolidSegmentedControl } from "../../../shad-cn-ui/SolidSegmentedControl";
+import { buildSyntheticChangeEvent } from "./fieldEventUtils";
+import styles from './solidFields.module.css';
 import { useState } from "react";
 import * as Yup from 'yup';
 import { getExtensionComponent } from "../../../../helpers/registry";
-import { RadioButton } from "primereact/radiobutton";
 import { SolidFieldTooltip } from "../../../../components/common/SolidFieldTooltip";
-import { SelectButton } from "primereact/selectbutton";
 import { ERROR_MESSAGES } from "../../../../constants/error-messages";
 var SolidSelectionStaticField = /** @class */ (function () {
     function SolidSelectionStaticField(fieldContext) {
@@ -99,7 +100,6 @@ var SolidSelectionStaticField = /** @class */ (function () {
             }
             // Get display value for the final value
             // const displayValue = getDisplayValue(finalValue);
-            // return { label: displayValue ?? '', value: finalValue };
             return { label: getDisplayValue(finalValue), value: finalValue };
         }
     });
@@ -193,22 +193,20 @@ 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, _t, _u;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
-    var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
-    var fieldDescription = (_d = fieldLayoutInfo.attrs.description) !== null && _d !== void 0 ? _d : fieldMetadata.description;
+    var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
     var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
-    var showFieldLabel = (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.showLabel;
+    var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
     var readOnlyPermission = fieldContext.readOnly;
-    var fieldDisabled = (_f = fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.disabled;
-    var fieldReadonly = (_g = fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.readonly;
-    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 fieldDisabled = (_d = fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.disabled;
+    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 _v = useState([]), selectionStaticItems = _v[0], setSelectionStaticItems = _v[1];
+    var _t = useState([]), selectionStaticItems = _t[0], setSelectionStaticItems = _t[1];
     var selectionStaticSearch = function (event) {
         var selectionStaticData = fieldMetadata.selectionStaticValues.map(function (i) {
             return {
@@ -220,31 +218,33 @@ export var DefaultSelectionStaticAutocompleteFormEditWidget = function (_a) {
         setSelectionStaticItems(suggestionData);
     };
     var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
-    return (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", children: [showFieldLabel != false &&
-                        _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "form-field-label font-medium", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsx(AutoComplete, __assign({ multiple: isMultiSelect, readOnly: formReadonly || fieldReadonly || readOnlyPermission, disabled: formDisabled || fieldDisabled }, formik.getFieldProps(fieldLayoutInfo.attrs.name), { id: fieldLayoutInfo.attrs.name, name: fieldLayoutInfo.attrs.name, field: "label", 
-                        // value={formik.values[fieldLayoutInfo.attrs.name] || null}
-                        value: formik.values[fieldLayoutInfo.attrs.name] || (isMultiSelect ? [] : null), dropdown: true, suggestions: selectionStaticItems, completeMethod: selectionStaticSearch, 
-                        // onChange={(e) => updateInputs(index, e.value)} />
-                        // onChange={formik.handleChange}
-                        onChange: function (e) { return fieldContext.onChange(e, 'onFieldChange'); }, className: "solid-standard-autocomplete" }))] }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: 
-                    // formik?.errors[fieldLayoutInfo.attrs.name]?.toString()
-                    typeof formik.errors[(_p = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _p === void 0 ? void 0 : _p.name] === 'object'
-                        ? (_s = (_r = formik.errors[(_q = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _q === void 0 ? void 0 : _q.name]) === null || _r === void 0 ? void 0 : _r.value) === null || _s === void 0 ? void 0 : _s.toString()
-                        : (_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.toString() }) }))] }));
+    return (_jsxs("div", { className: "".concat(styles.fieldWrapper, " ").concat(isFormFieldValid(formik, fieldLayoutInfo.attrs.name) ? styles.fieldInvalid : ""), children: [showFieldLabel != false &&
+                _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "".concat(styles.fieldLabel, " form-field-label"), children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: "*" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsx(SolidAutocomplete, { multiple: isMultiSelect, dropdown: true, field: "label", className: "solid-standard-autocomplete ".concat(isFormFieldValid(formik, fieldLayoutInfo.attrs.name) ? styles.fieldInvalidControl : ""), value: formik.values[fieldLayoutInfo.attrs.name] || (isMultiSelect ? [] : null), suggestions: selectionStaticItems, completeMethod: function (e) { return selectionStaticSearch(e); }, onChange: function (_a) {
+                    var value = _a.value;
+                    if (formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled)
+                        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() }))] }));
 };
 export var SolidSelectionStaticRadioFormEditWidget = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
-    var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
-    var showFieldLabel = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.showLabel;
+    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 readOnlyPermission = fieldContext.readOnly;
-    var fieldDisabled = (_e = fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.disabled;
-    var fieldReadonly = (_f = fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.readonly;
-    var formDisabled = (_j = (_h = (_g = fieldContext.solidFormViewMetaData.data.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs) === null || _j === void 0 ? void 0 : _j.disabled;
-    var formReadonly = (_m = (_l = (_k = fieldContext.solidFormViewMetaData.data.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs) === null || _m === void 0 ? void 0 : _m.readonly;
+    var fieldDisabled = (_d = fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.disabled;
+    var fieldReadonly = (_e = fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.readonly;
+    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;
     // Convert selectionStaticValues to usable radio options
@@ -256,60 +256,51 @@ export var SolidSelectionStaticRadioFormEditWidget = function (_a) {
         return formik.errors[fieldName];
     };
     if (isMultiSelect) {
-        return (_jsx("div", { className: className, children: _jsx(Message, { severity: "error", text: "This render mode is not supported for multi select." }) }));
+        return (_jsx("p", { className: styles.fieldError, children: "This render mode is not supported for multi select." }));
     }
-    return (_jsx("div", { className: className, children: _jsxs("div", { className: "relative", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", children: [showFieldLabel !== false && (_jsxs("label", { htmlFor: fieldName, className: "form-field-label font-medium", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] })), _jsx("div", { className: "flex flex-wrap gap-3", children: radioOptions.map(function (option) {
-                                var _a;
-                                return (_jsxs("div", { className: "flex items-center", children: [_jsx(RadioButton, { id: "".concat(fieldName, "-").concat(option.value), name: fieldName, value: { label: option.label, value: option.value }, checked: ((_a = formik.values[fieldName]) === null || _a === void 0 ? void 0 : _a.value) === option.value, 
-                                            // onChange={(e) => formik.setFieldValue(fieldName, e.value)} 
-                                            // onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
-                                            // onChange={(e) =>
-                                            //     formik.setFieldValue(fieldName, { label: option.label, value: option.value })
-                                            // }
-                                            onChange: function (e) {
-                                                formik.setFieldValue(fieldName, { label: option.label, value: option.value });
-                                                fieldContext.onChange(e, 'onFieldChange');
-                                            }, disabled: formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled, className: "mr-2" }, option.value), _jsx("label", { htmlFor: "".concat(fieldName, "-").concat(option.value), className: "cursor-pointer", children: option.label })] }, option.value));
-                            }) })] }), isFormFieldValid(formik, fieldName) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_o = formik === null || formik === void 0 ? void 0 : formik.errors[fieldName]) === null || _o === void 0 ? void 0 : _o.toString() }) }))] }) }));
+    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) {
+                    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() }))] }));
 };
 export var SolidSelectionStaticSelectButtonFormEditWidget = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
-    var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
-    var showFieldLabel = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.showLabel;
+    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 readOnlyPermission = fieldContext.readOnly;
-    var fieldDisabled = (_e = fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.disabled;
-    var fieldReadonly = (_f = fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.readonly;
-    var formDisabled = (_j = (_h = (_g = fieldContext.solidFormViewMetaData.data.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs) === null || _j === void 0 ? void 0 : _j.disabled;
-    var formReadonly = (_m = (_l = (_k = fieldContext.solidFormViewMetaData.data.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs) === null || _m === void 0 ? void 0 : _m.readonly;
+    var fieldDisabled = (_d = fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.disabled;
+    var fieldReadonly = (_e = fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.readonly;
+    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 isFormFieldValid = function (formik, fieldName) {
         return formik.errors[fieldName];
     };
     if (isMultiSelect) {
-        return (_jsx("div", { className: className, children: _jsx(Message, { severity: "error", text: "This render mode is not supported for multi select." }) }));
+        return (_jsx("p", { className: styles.fieldError, children: "This render mode is not supported for multi select." }));
     }
     var options = fieldMetadata.selectionStaticValues.map(function (i) {
         var _a = i.split(":"), value = _a[0], label = _a[1];
         return { label: label, value: value };
     });
     var currentValue = formik.values[fieldName];
-    // SelectButton needs only primitive "yes" or "no" to show active correctly
     var buttonValue = typeof currentValue === "object" ? currentValue.value : currentValue || null;
-    console.log("selection static options", options);
-    return (_jsx("div", { className: className, children: _jsxs("div", { className: "relative", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", children: [showFieldLabel !== false && (_jsxs("label", { htmlFor: fieldName, className: "form-field-label font-medium", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" })] })), _jsx(SelectButton, { id: fieldName, name: fieldName, value: buttonValue, options: options, optionLabel: "label", onChange: function (e) {
-                                // Always store object in Formik so validation works
-                                var selectedOption = options.find(function (opt) { return opt.value === e.value; });
-                                formik.setFieldValue(fieldName, selectedOption);
-                            }, disabled: formReadonly ||
-                                fieldReadonly ||
-                                readOnlyPermission ||
-                                formDisabled ||
-                                fieldDisabled })] }), isFormFieldValid(formik, fieldName) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_o = formik.errors[fieldName]) === null || _o === void 0 ? void 0 : _o.toString() }) }))] }) }));
+    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(SolidSegmentedControl, { options: options, value: buttonValue, disabled: formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled, onChange: function (nextValue) {
+                    var selectedOption = options.find(function (opt) { return opt.value === nextValue; });
+                    if (selectedOption) {
+                        formik.setFieldValue(fieldName, selectedOption);
+                        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() }))] }));
 };
 export var DefaultSelectionStaticFormViewWidget = function (_a) {
     var _b, _c;
@@ -320,12 +311,7 @@ export var DefaultSelectionStaticFormViewWidget = function (_a) {
     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;
-    return (
-    // <div className="mt-2 flex-column gap-2">
-    //     <p className="m-0 form-field-label font-medium">{fieldLabel}</p>
-    //     <p className="m-0">{value && value.label && value.label}</p>
-    // </div>
-    _jsxs("div", { className: "mt-2 flex-column gap-2", children: [showFieldLabel !== false && (_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel })), _jsx("p", { className: "m-0", children: isMultiSelect
+    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(', ')
                         : ''

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionStaticField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { Message } from \"primereact/message\";\nimport { useMemo, 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 { RadioButton } from \"primereact/radiobutton\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { SelectButton } from \"primereact/selectbutton\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\nexport class SolidSelectionStaticField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n\n    constructor(fieldContext: SolidFieldProps) {\n        this.fieldContext = fieldContext;\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        if (isMultiSelect && Array.isArray(value)) {\n            formData.append(fieldLayoutInfo.attrs.name, JSON.stringify(value.map(v => v.value)));\n        } else if (value) {\n            formData.append(fieldLayoutInfo.attrs.name, value.value);\n        }\n        // if (value) {\n        //     formData.append(fieldLayoutInfo.attrs.name, value.value);\n        // }\n    }\n\n    initialValue(): any {\n        // Get field name and metadata\n        const fieldName = this.fieldContext.field.attrs.name;\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldDefaultValue = fieldMetadata?.defaultValue;\n        const isMultiSelect = fieldMetadata?.isMultiSelect;\n        // Get existing value from form data\n        const existingValue = this.fieldContext.data[fieldName];\n\n        // Function to get display value based on selectionStaticValues\n        // const getDisplayValue = (value: string | null): string | null => {\n        //     if (!value) return null;\n        //     for (const item of fieldMetadata.selectionStaticValues) {\n        //         const [lhs, rhs] = item.split(':');\n        //         if (lhs === value) {\n        //             return rhs;\n        //         }\n        //     }\n        //     return null;\n        // };\n\n        // Function to get display value based on selectionStaticValues\n        const getDisplayValue = (value: string): string => {\n            const match = fieldMetadata.selectionStaticValues.find((item: string) => item.startsWith(value + ':'));\n            return match ? match.split(':')[1] : value;\n        };\n\n        // Determine the final value to use (existing value or default value)\n        const finalValue = existingValue ?? fieldDefaultValue ?? '';\n\n        if (isMultiSelect) {\n            let values: string[] = [];\n\n            if (Array.isArray(finalValue)) {\n                values = finalValue;\n            } else {\n                try {\n                    const parsed = JSON.parse(finalValue);\n                    if (Array.isArray(parsed)) values = parsed;\n                } catch { }\n            }\n\n            return values.map(val => ({\n                label: getDisplayValue(val),\n                value: val\n            }));\n        }\n\n        // Get display value for the final value\n        // const displayValue = getDisplayValue(finalValue);\n\n        // return { label: displayValue ?? '', value: finalValue };\n        return { label: getDisplayValue(finalValue), value: finalValue };\n    }\n\n\n    validationSchema(): Yup.Schema {\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n        const isMultiSelect = fieldMetadata?.isMultiSelect;\n\n        // let schema = Yup.object({\n        //     value: Yup.string().required(`${fieldLabel} is required.`)\n        // });\n        let schema: Yup.Schema;\n\n        if (isMultiSelect) {\n            // For multi-select, create array schema\n            if (fieldMetadata.required) {\n                schema = Yup.array()\n                    .of(Yup.object({\n                        value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                    }))\n                    .min(1, ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                    .required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n            } else {\n                schema = Yup.array()\n                    .of(Yup.object({\n                        value: Yup.string()\n                    }))\n                    .nullable(); // Allow null/undefined for non-required fields\n            }\n        } else {\n            // For single select, create object schema\n            if (fieldMetadata.required) {\n                schema = Yup.object({\n                    value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                }).required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n            } else {\n                schema = Yup.object({\n                    value: Yup.string()\n                }).nullable(); // Allow null/undefined for non-required fields\n            }\n        }\n        return schema;\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        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 = 'DefaultSelectionStaticAutocompleteFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultSelectionStaticFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n\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\nexport const DefaultSelectionStaticAutocompleteFormEditWidget = ({ 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    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 isMultiSelect = fieldMetadata?.isMultiSelect;\n\n    const [selectionStaticItems, setSelectionStaticItems] = useState([]);\n    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {\n        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {\n            return {\n                label: i.split(\":\")[1],\n                value: i.split(\":\")[0]\n            }\n        });\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));\n        setSelectionStaticItems(suggestionData)\n    }\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <div className=\"relative\">\n            <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\">\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className=\"form-field-label font-medium\">{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                        {/* &nbsp;   {fieldDescription && <span className=\"form_field_help\">({fieldDescription}) </span>} */}\n                    </label>\n                }\n                <AutoComplete\n                    multiple={isMultiSelect}\n                    readOnly={formReadonly || fieldReadonly || readOnlyPermission}\n                    disabled={formDisabled || fieldDisabled}\n                    {...formik.getFieldProps(fieldLayoutInfo.attrs.name)}\n                    id={fieldLayoutInfo.attrs.name}\n                    name={fieldLayoutInfo.attrs.name}\n                    field=\"label\"\n                    // value={formik.values[fieldLayoutInfo.attrs.name] || null}\n                    value={formik.values[fieldLayoutInfo.attrs.name] || (isMultiSelect ? [] : null)}\n                    dropdown\n                    suggestions={selectionStaticItems}\n                    completeMethod={selectionStaticSearch}\n                    // onChange={(e) => updateInputs(index, e.value)} />\n                    // onChange={formik.handleChange}\n                    onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}\n                    className=\"solid-standard-autocomplete\"\n                />\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <div className=\"absolute mt-1\">\n                    <Message severity=\"error\"\n                        text={\n                            // formik?.errors[fieldLayoutInfo.attrs.name]?.toString()\n                            typeof formik.errors[fieldLayoutInfo?.attrs?.name] === 'object'\n                                ? formik.errors[fieldLayoutInfo?.attrs?.name]?.value?.toString()\n                                : formik.errors[fieldLayoutInfo?.attrs?.name]?.toString()\n                        }\n                    />\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport const SolidSelectionStaticRadioFormEditWidget = ({ 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 showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    const fieldName = fieldLayoutInfo.attrs.name;\n    const isMultiSelect = fieldMetadata?.isMultiSelect;\n    // Convert selectionStaticValues to usable radio options\n    const radioOptions = fieldMetadata.selectionStaticValues.map((i: string) => {\n        const [value, label] = i.split(\":\");\n        return { label, value };\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.errors[fieldName];\n\n    if (isMultiSelect) {\n        return (\n            <div className={className}>\n                <Message\n                    severity=\"error\"\n                    text={`This render mode is not supported for multi select.`}\n                />\n            </div>\n        );\n    }\n\n    return (\n        <div className={className}>\n            <div className=\"relative\">\n                <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\">\n                    {showFieldLabel !== false && (\n                        <label htmlFor={fieldName} className=\"form-field-label font-medium\">\n                            {fieldLabel}\n                            {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                            <SolidFieldTooltip fieldContext={fieldContext} />\n                        </label>\n                    )}\n                    <div className=\"flex flex-wrap gap-3\">\n                        {radioOptions.map((option: any) => (\n                            <div key={option.value} className=\"flex items-center\">\n                                <RadioButton\n                                    key={option.value}\n                                    id={`${fieldName}-${option.value}`}\n                                    name={fieldName}\n                                    value={{ label: option.label, value: option.value }}\n                                    checked={formik.values[fieldName]?.value === option.value}\n                                    // onChange={(e) => formik.setFieldValue(fieldName, e.value)} \n                                    // onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}\n                                    // onChange={(e) =>\n                                    //     formik.setFieldValue(fieldName, { label: option.label, value: option.value })\n                                    // }\n                                    onChange={(e) => {\n                                        formik.setFieldValue(fieldName, { label: option.label, value: option.value });\n                                        fieldContext.onChange(e, 'onFieldChange');\n                                    }}\n                                    disabled={formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled}\n                                    className=\"mr-2\"\n                                />\n                                <label htmlFor={`${fieldName}-${option.value}`} className=\"cursor-pointer\">\n                                    {option.label}\n                                </label>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n                {isFormFieldValid(formik, fieldName) && (\n                    <div className=\"absolute mt-1\">\n                        <Message severity=\"error\" text={formik?.errors[fieldName]?.toString()} />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nexport const SolidSelectionStaticSelectButtonFormEditWidget = ({ 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 showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    const fieldName = fieldLayoutInfo.attrs.name;\n    const isMultiSelect = fieldMetadata?.isMultiSelect;\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.errors[fieldName];\n\n    if (isMultiSelect) {\n        return (\n            <div className={className}>\n                <Message\n                    severity=\"error\"\n                    text={`This render mode is not supported for multi select.`}\n                />\n            </div>\n        );\n    }\n\n    const options = fieldMetadata.selectionStaticValues.map((i: string) => {\n        const [value, label] = i.split(\":\");\n        return { label, value };\n    });\n\n    const currentValue = formik.values[fieldName];\n\n    // SelectButton needs only primitive \"yes\" or \"no\" to show active correctly\n    const buttonValue =\n        typeof currentValue === \"object\" ? currentValue.value : currentValue || null;\n\n\n    console.log(\"selection static options\", options);\n\n\n\n    return (\n        <div className={className}>\n            <div className=\"relative\">\n                <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\">\n                    {showFieldLabel !== false && (\n                        <label htmlFor={fieldName} className=\"form-field-label font-medium\">\n                            {fieldLabel}\n                            {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        </label>\n                    )}\n\n                    <SelectButton\n                        id={fieldName}\n                        name={fieldName}\n                        value={buttonValue}\n                        options={options}\n                        optionLabel=\"label\"\n                        onChange={(e) => {\n                            // Always store object in Formik so validation works\n                            const selectedOption = options.find((opt: any) => opt.value === e.value);\n                            formik.setFieldValue(fieldName, selectedOption);\n                        }}\n                        disabled={\n                            formReadonly ||\n                            fieldReadonly ||\n                            readOnlyPermission ||\n                            formDisabled ||\n                            fieldDisabled\n                        }\n                    />\n                </div>\n\n                {isFormFieldValid(formik, fieldName) && (\n                    <div className=\"absolute mt-1\">\n                        <Message\n                            severity=\"error\"\n                            text={formik.errors[fieldName]?.toString()}\n                        />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n\n\nexport const DefaultSelectionStaticFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n    const isMultiSelect = fieldMetadata?.isMultiSelect;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    return (\n        // <div className=\"mt-2 flex-column gap-2\">\n        //     <p className=\"m-0 form-field-label font-medium\">{fieldLabel}</p>\n        //     <p className=\"m-0\">{value && value.label && value.label}</p>\n        // </div>\n        <div className=\"mt-2 flex-column gap-2\">\n            {showFieldLabel !== false && (\n                <p className=\"m-0 form-field-label font-medium\">{fieldLabel}</p>\n            )}\n            <p className=\"m-0\">\n                {isMultiSelect\n                    ? Array.isArray(value)\n                        ? value.map(v => v?.label).filter(Boolean).join(', ')\n                        : ''\n                    : value?.label || ''}\n            </p>\n        </div>\n    );\n}\n\n\n"]}
+{"version":3,"file":"SolidSelectionStaticField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidSelectionStaticField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { SolidAutocomplete } from \"../../../shad-cn-ui/SolidAutocomplete\";\nimport { SolidRadioGroup } from \"../../../shad-cn-ui/SolidRadioGroup\";\nimport { SolidSegmentedControl } from \"../../../shad-cn-ui/SolidSegmentedControl\";\nimport { buildSyntheticChangeEvent } from \"./fieldEventUtils\";\nimport styles from './solidFields.module.css';\nimport { useMemo, 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 { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\ntype AutoCompleteCompleteEvent = { query: string };\n\nexport class SolidSelectionStaticField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n\n    constructor(fieldContext: SolidFieldProps) {\n        this.fieldContext = fieldContext;\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        if (isMultiSelect && Array.isArray(value)) {\n            formData.append(fieldLayoutInfo.attrs.name, JSON.stringify(value.map(v => v.value)));\n        } else if (value) {\n            formData.append(fieldLayoutInfo.attrs.name, value.value);\n        }\n        // if (value) {\n        //     formData.append(fieldLayoutInfo.attrs.name, value.value);\n        // }\n    }\n\n    initialValue(): any {\n        // Get field name and metadata\n        const fieldName = this.fieldContext.field.attrs.name;\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldDefaultValue = fieldMetadata?.defaultValue;\n        const isMultiSelect = fieldMetadata?.isMultiSelect;\n        // Get existing value from form data\n        const existingValue = this.fieldContext.data[fieldName];\n\n        // Function to get display value based on selectionStaticValues\n        // const getDisplayValue = (value: string | null): string | null => {\n        //     if (!value) return null;\n        //     for (const item of fieldMetadata.selectionStaticValues) {\n        //         const [lhs, rhs] = item.split(':');\n        //         if (lhs === value) {\n        //             return rhs;\n        //         }\n        //     }\n        //     return null;\n        // };\n\n        // Function to get display value based on selectionStaticValues\n        const getDisplayValue = (value: string): string => {\n            const match = fieldMetadata.selectionStaticValues.find((item: string) => item.startsWith(value + ':'));\n            return match ? match.split(':')[1] : value;\n        };\n\n        // Determine the final value to use (existing value or default value)\n        const finalValue = existingValue ?? fieldDefaultValue ?? '';\n\n        if (isMultiSelect) {\n            let values: string[] = [];\n\n            if (Array.isArray(finalValue)) {\n                values = finalValue;\n            } else {\n                try {\n                    const parsed = JSON.parse(finalValue);\n                    if (Array.isArray(parsed)) values = parsed;\n                } catch { }\n            }\n\n            return values.map(val => ({\n                label: getDisplayValue(val),\n                value: val\n            }));\n        }\n\n        // Get display value for the final value\n        // const displayValue = getDisplayValue(finalValue);\n\n        return { label: getDisplayValue(finalValue), value: finalValue };\n    }\n\n\n    validationSchema(): Yup.Schema {\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n        const isMultiSelect = fieldMetadata?.isMultiSelect;\n\n        // let schema = Yup.object({\n        //     value: Yup.string().required(`${fieldLabel} is required.`)\n        // });\n        let schema: Yup.Schema;\n\n        if (isMultiSelect) {\n            // For multi-select, create array schema\n            if (fieldMetadata.required) {\n                schema = Yup.array()\n                    .of(Yup.object({\n                        value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                    }))\n                    .min(1, ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                    .required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n            } else {\n                schema = Yup.array()\n                    .of(Yup.object({\n                        value: Yup.string()\n                    }))\n                    .nullable(); // Allow null/undefined for non-required fields\n            }\n        } else {\n            // For single select, create object schema\n            if (fieldMetadata.required) {\n                schema = Yup.object({\n                    value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                }).required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n            } else {\n                schema = Yup.object({\n                    value: Yup.string()\n                }).nullable(); // Allow null/undefined for non-required fields\n            }\n        }\n        return schema;\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        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 = 'DefaultSelectionStaticAutocompleteFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultSelectionStaticFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n\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\nexport const DefaultSelectionStaticAutocompleteFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n        const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n        const readOnlyPermission = fieldContext.readOnly;\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 isMultiSelect = fieldMetadata?.isMultiSelect;\n\n    const [selectionStaticItems, setSelectionStaticItems] = useState([]);\n    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {\n        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {\n            return {\n                label: i.split(\":\")[1],\n                value: i.split(\":\")[0]\n            }\n        });\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));\n        setSelectionStaticItems(suggestionData)\n    }\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\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                    {fieldMetadata.required && <span className=\"text-red-500\">*</span>}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </label>\n            }\n            <SolidAutocomplete\n                multiple={isMultiSelect}\n                dropdown\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                suggestions={selectionStaticItems}\n                completeMethod={(e) => selectionStaticSearch(e)}\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] as any)?.value?.toString()\n                        : formik.errors[fieldLayoutInfo?.attrs?.name]?.toString()}\n                </p>\n            )}\n        </div>\n    );\n}\n\nexport const SolidSelectionStaticRadioFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\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 readOnlyPermission = fieldContext.readOnly;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    const fieldName = fieldLayoutInfo.attrs.name;\n    const isMultiSelect = fieldMetadata?.isMultiSelect;\n    // Convert selectionStaticValues to usable radio options\n    const radioOptions = fieldMetadata.selectionStaticValues.map((i: string) => {\n        const [value, label] = i.split(\":\");\n        return { label, value };\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.errors[fieldName];\n\n    if (isMultiSelect) {\n        return (\n            <p className={styles.fieldError}>This render mode is not supported for multi select.</p>\n        );\n    }\n\n    return (\n        <div className={styles.fieldWrapper}>\n            {showFieldLabel !== false && (\n                <label htmlFor={fieldName} className={styles.fieldLabel}>\n                    {fieldLabel}\n                    {fieldMetadata.required && <span className=\"text-red-500\">*</span>}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </label>\n            )}\n            <SolidRadioGroup\n                name={fieldName}\n                options={radioOptions}\n                value={formik.values[fieldName]?.value ?? formik.values[fieldName]}\n                disabled={formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled}\n                onChange={(nextValue) => {\n                    const selectedOption = radioOptions.find((opt: any) => opt.value === nextValue);\n                    if (selectedOption) {\n                        formik.setFieldValue(fieldName, selectedOption);\n                        const syntheticEvent = buildSyntheticChangeEvent(fieldName, selectedOption, \"radio\");\n                        fieldContext.onChange(syntheticEvent, \"onFieldChange\");\n                    }\n                }}\n            />\n            {isFormFieldValid(formik, fieldName) && (\n                <p className={styles.fieldError}>{formik?.errors[fieldName]?.toString()}</p>\n            )}\n        </div>\n    );\n}\n\nexport const SolidSelectionStaticSelectButtonFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\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 readOnlyPermission = fieldContext.readOnly;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = fieldContext.solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    const fieldName = fieldLayoutInfo.attrs.name;\n    const isMultiSelect = fieldMetadata?.isMultiSelect;\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.errors[fieldName];\n\n    if (isMultiSelect) {\n        return (\n            <p className={styles.fieldError}>This render mode is not supported for multi select.</p>\n        );\n    }\n\n    const options = fieldMetadata.selectionStaticValues.map((i: string) => {\n        const [value, label] = i.split(\":\");\n        return { label, value };\n    });\n\n    const currentValue = formik.values[fieldName];\n    const buttonValue =\n        typeof currentValue === \"object\" ? currentValue.value : currentValue || null;\n\n    return (\n        <div className={styles.fieldWrapper}>\n            {showFieldLabel !== false && (\n                <label htmlFor={fieldName} className={styles.fieldLabel}>\n                    {fieldLabel}\n                    {fieldMetadata.required && <span className=\"text-red-500\">*</span>}\n                </label>\n            )}\n            <SolidSegmentedControl\n                options={options}\n                value={buttonValue}\n                disabled={formReadonly || fieldReadonly || readOnlyPermission || formDisabled || fieldDisabled}\n                onChange={(nextValue) => {\n                    const selectedOption = options.find((opt: any) => opt.value === nextValue);\n                    if (selectedOption) {\n                        formik.setFieldValue(fieldName, selectedOption);\n                        const syntheticEvent = buildSyntheticChangeEvent(fieldName, selectedOption, \"button\");\n                        fieldContext.onChange(syntheticEvent, \"onFieldChange\");\n                    }\n                }}\n            />\n            {isFormFieldValid(formik, fieldName) && (\n                <p className={styles.fieldError}>{formik.errors[fieldName]?.toString()}</p>\n            )}\n        </div>\n    );\n};\n\n\nexport const DefaultSelectionStaticFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n    const isMultiSelect = fieldMetadata?.isMultiSelect;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\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                    ? Array.isArray(value)\n                        ? value.map((v: any) => v?.label).filter(Boolean).join(', ')\n                        : ''\n                    : value?.label || ''}\n            </p>\n        </div>\n    );\n}\n"]}