@solidxai/core-ui 0.1.9-beta.20 → 0.1.9-beta.21

package/dist/components/core/form/SolidFormViewShimmerLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidFormViewShimmerLoading.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormViewShimmerLoading.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport styles from './solidFormViewShimmerLoading.module.css'\n\nconst SkeletonBlock = ({ width, height, className }: { width?: string; height?: string; className?: string }) => (\n    <div className={`solid-skeleton ${className ?? \"\"}`} style={{ width, height }} />\n);\n\nexport const SolidFormViewShimmerLoading = () => {\n    return (\n        <div className='h-screen surface-0'>\n            <div className=\"page-header pl-2 \">\n                <div className='flex align-items-center gap-3'>\n                    <SkeletonBlock width=\"50px\" height='1.4rem' className='md:h-1.3rem  border-round-lg ' />\n                    <SkeletonBlock width=\"300px\" className='border-round-lg hidden md:flex' />\n                </div>\n                <div className='flex align-items-center gap-3'>\n                    <SkeletonBlock width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem\" />\n                    <SkeletonBlock width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem\" />\n                    <SkeletonBlock width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem flex md:hidden\" />\n                </div>\n            </div>\n            <div className=\"page-header\" style={{ borderTop: '1px solid var(--primary-light-color)' }}>\n                <div className='w-full flex align-items-center justify-content-end'>\n                    <SkeletonBlock width=\"30%\" height=\"2rem\" />\n                </div>\n            </div>\n            <div className={styles.solidFormViewShimmerLoadingWrapper}>\n                <div className='p-4'>\n                    <div className='formgrid grid'>\n                        <div className='field col-6'>\n                            <div className='flex align-items-center gap-2'>\n                                <SkeletonBlock width=\"2rem\" className='border-round-lg' />\n                                <SkeletonBlock width=\"2rem\" className='border-round-lg' />\n                                <SkeletonBlock width=\"2rem\" className='border-round-lg' />\n                            </div>\n                        </div>\n                    </div>\n                    <div className='formgrid grid mt-4'>\n                        <div className='field col-6 flex flex-column gap-4'>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                        </div>\n                        <div className='field col-6 flex flex-column gap-4'>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div style={{ borderTop: '1px solid var(--primary-light-color)' }}></div>\n                <div className='p-4'>\n                    <div className='formgrid grid'>\n                        <div className='field col-6'>\n                            <div className='flex align-items-center gap-2'>\n                                <SkeletonBlock width=\"8rem\" height='1.5rem' className='border-round-lg' />\n                            </div>\n                        </div>\n                    </div>\n                    <div className='formgrid grid mt-4'>\n                        <div className='field col-6 flex flex-column gap-4'>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                        </div>\n                        <div className='field col-6 flex flex-column gap-4'>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-column gap-2'>\n                                <SkeletonBlock width=\"40%\" className='border-round-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidFormViewShimmerLoading.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormViewShimmerLoading.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport styles from './solidFormViewShimmerLoading.module.css'\n\nconst SkeletonBlock = ({ width, height, className }: { width?: string; height?: string; className?: string }) => (\n    <div className={`solid-skeleton ${className ?? \"\"}`} style={{ width, height }} />\n);\n\nexport const SolidFormViewShimmerLoading = () => {\n    return (\n        <div className='h-screen bg-[var(--surface-0)]'>\n            <div className=\"page-header pl-2 \">\n                <div className='flex items-center gap-4'>\n                    <SkeletonBlock width=\"50px\" height='1.4rem' className='rounded-lg md:h-1.3rem' />\n                    <SkeletonBlock width=\"300px\" className='hidden rounded-lg md:flex' />\n                </div>\n                <div className='flex items-center gap-4'>\n                    <SkeletonBlock width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem\" />\n                    <SkeletonBlock width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem\" />\n                    <SkeletonBlock width=\"2.7rem\" height=\"1.6rem\" className=\"md:w-4rem md:h-2rem flex md:hidden\" />\n                </div>\n            </div>\n            <div className=\"page-header\" style={{ borderTop: '1px solid var(--primary-light-color)' }}>\n                <div className='w-full flex items-center justify-end'>\n                    <SkeletonBlock width=\"30%\" height=\"2rem\" />\n                </div>\n            </div>\n            <div className={styles.solidFormViewShimmerLoadingWrapper}>\n                <div className='p-4'>\n                    <div className='flex flex-wrap -mx-2 -mt-2'>\n                        <div className='field w-1/2 px-2 pt-2'>\n                            <div className='flex items-center gap-2'>\n                                <SkeletonBlock width=\"2rem\" className='rounded-lg' />\n                                <SkeletonBlock width=\"2rem\" className='rounded-lg' />\n                                <SkeletonBlock width=\"2rem\" className='rounded-lg' />\n                            </div>\n                        </div>\n                    </div>\n                    <div className='flex flex-wrap -mx-2 -mt-2 mt-6'>\n                        <div className='field w-1/2 px-2 pt-2 flex flex-col gap-6'>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                        </div>\n                        <div className='field w-1/2 px-2 pt-2 flex flex-col gap-6'>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div style={{ borderTop: '1px solid var(--primary-light-color)' }}></div>\n                <div className='p-4'>\n                    <div className='flex flex-wrap -mx-2 -mt-2'>\n                        <div className='field w-1/2 px-2 pt-2'>\n                            <div className='flex items-center gap-2'>\n                                <SkeletonBlock width=\"8rem\" height='1.5rem' className='rounded-lg' />\n                            </div>\n                        </div>\n                    </div>\n                    <div className='flex flex-wrap -mx-2 -mt-2 mt-6'>\n                        <div className='field w-1/2 px-2 pt-2 flex flex-col gap-6'>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                        </div>\n                        <div className='field w-1/2 px-2 pt-2 flex flex-col gap-6'>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                            <div className='flex flex-col gap-2'>\n                                <SkeletonBlock width=\"40%\" className='rounded-lg' />\n                                <SkeletonBlock width=\"100%\" height=\"2rem\" />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n"]}

package/dist/components/core/form/SolidFormViewShimmerLoading.tsx

@@ -7,60 +7,60 @@ const SkeletonBlock = ({ width, height, className }: { width?: string; height?:
 
 export const SolidFormViewShimmerLoading = () => {
     return (
-        <div className='h-screen surface-0'>
+        <div className='h-screen bg-[var(--surface-0)]'>
             <div className="page-header pl-2 ">
-                <div className='flex align-items-center gap-3'>
-                    <SkeletonBlock width="50px" height='1.4rem' className='md:h-1.3rem  border-round-lg ' />
-                    <SkeletonBlock width="300px" className='border-round-lg hidden md:flex' />
+                <div className='flex items-center gap-4'>
+                    <SkeletonBlock width="50px" height='1.4rem' className='rounded-lg md:h-1.3rem' />
+                    <SkeletonBlock width="300px" className='hidden rounded-lg md:flex' />
                 </div>
-                <div className='flex align-items-center gap-3'>
+                <div className='flex items-center gap-4'>
                     <SkeletonBlock width="2.7rem" height="1.6rem" className="md:w-4rem md:h-2rem" />
                     <SkeletonBlock width="2.7rem" height="1.6rem" className="md:w-4rem md:h-2rem" />
                     <SkeletonBlock width="2.7rem" height="1.6rem" className="md:w-4rem md:h-2rem flex md:hidden" />
                 </div>
             </div>
             <div className="page-header" style={{ borderTop: '1px solid var(--primary-light-color)' }}>
-                <div className='w-full flex align-items-center justify-content-end'>
+                <div className='w-full flex items-center justify-end'>
                     <SkeletonBlock width="30%" height="2rem" />
                 </div>
             </div>
             <div className={styles.solidFormViewShimmerLoadingWrapper}>
                 <div className='p-4'>
-                    <div className='formgrid grid'>
-                        <div className='field col-6'>
-                            <div className='flex align-items-center gap-2'>
-                                <SkeletonBlock width="2rem" className='border-round-lg' />
-                                <SkeletonBlock width="2rem" className='border-round-lg' />
-                                <SkeletonBlock width="2rem" className='border-round-lg' />
+                    <div className='flex flex-wrap -mx-2 -mt-2'>
+                        <div className='field w-1/2 px-2 pt-2'>
+                            <div className='flex items-center gap-2'>
+                                <SkeletonBlock width="2rem" className='rounded-lg' />
+                                <SkeletonBlock width="2rem" className='rounded-lg' />
+                                <SkeletonBlock width="2rem" className='rounded-lg' />
                             </div>
                         </div>
                     </div>
-                    <div className='formgrid grid mt-4'>
-                        <div className='field col-6 flex flex-column gap-4'>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                    <div className='flex flex-wrap -mx-2 -mt-2 mt-6'>
+                        <div className='field w-1/2 px-2 pt-2 flex flex-col gap-6'>
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
                         </div>
-                        <div className='field col-6 flex flex-column gap-4'>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                        <div className='field w-1/2 px-2 pt-2 flex flex-col gap-6'>
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
                         </div>
@@ -68,39 +68,39 @@ export const SolidFormViewShimmerLoading = () => {
                 </div>
                 <div style={{ borderTop: '1px solid var(--primary-light-color)' }}></div>
                 <div className='p-4'>
-                    <div className='formgrid grid'>
-                        <div className='field col-6'>
-                            <div className='flex align-items-center gap-2'>
-                                <SkeletonBlock width="8rem" height='1.5rem' className='border-round-lg' />
+                    <div className='flex flex-wrap -mx-2 -mt-2'>
+                        <div className='field w-1/2 px-2 pt-2'>
+                            <div className='flex items-center gap-2'>
+                                <SkeletonBlock width="8rem" height='1.5rem' className='rounded-lg' />
                             </div>
                         </div>
                     </div>
-                    <div className='formgrid grid mt-4'>
-                        <div className='field col-6 flex flex-column gap-4'>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                    <div className='flex flex-wrap -mx-2 -mt-2 mt-6'>
+                        <div className='field w-1/2 px-2 pt-2 flex flex-col gap-6'>
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
                         </div>
-                        <div className='field col-6 flex flex-column gap-4'>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                        <div className='field w-1/2 px-2 pt-2 flex flex-col gap-6'>
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
-                            <div className='flex flex-column gap-2'>
-                                <SkeletonBlock width="40%" className='border-round-lg' />
+                            <div className='flex flex-col gap-2'>
+                                <SkeletonBlock width="40%" className='rounded-lg' />
                                 <SkeletonBlock width="100%" height="2rem" />
                             </div>
                         </div>

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

@@ -119,7 +119,7 @@ var SolidBooleanField = /** @class */ (function () {
             var fieldMetadata = this.fieldContext.fieldMetadata;
             var fieldLayoutInfo = this.fieldContext.field;
             var fieldLabel = (_a = fieldLayoutInfo.attrs.label) !== null && _a !== void 0 ? _a : fieldMetadata.displayName;
-            var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
+            var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field w-full px-2 pt-2';
             //useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, "false") }, [])
             var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
             var viewWidget = fieldLayoutInfo.attrs.viewWidget;
@@ -237,7 +237,7 @@ export var SolidBooleanCheckboxStyleFormEditWidget = function (_a) {
     var fieldReadonly = (_f = fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.readonly;
     var formDisabled = (_j = (_h = (_g = 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 = 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;
-    return (_jsxs("div", { className: styles.fieldWrapper, 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 })] })), _jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: fieldLayoutInfo.attrs.name, checked: formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === "true", onChange: function (e) {
+    return (_jsxs("div", { className: styles.fieldWrapper, 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 })] })), _jsxs("div", { className: "flex items-center", children: [_jsx(SolidCheckbox, { id: fieldLayoutInfo.attrs.name, checked: formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === "true", onChange: function (e) {
                             var checked = e.currentTarget.checked;
                             fieldContext.onChange(__assign(__assign({}, e), { target: {
                                     name: fieldLayoutInfo.attrs.name,
@@ -297,7 +297,7 @@ export var SolidBooleanSwitchStyleFormEditWidget = 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;
-    return (_jsxs("div", { className: styles.fieldWrapper, 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 })] })), _jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidSwitch, { checked: formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === "true", onChange: function (checked) {
+    return (_jsxs("div", { className: styles.fieldWrapper, 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 })] })), _jsxs("div", { className: "flex items-center", children: [_jsx(SolidSwitch, { checked: formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === "true", onChange: function (checked) {
                             handleChange(checked);
                             fieldContext.onChange({
                                 target: {

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

@@ -1 +1 @@
-{"version":3,"file":"SolidBooleanField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidBooleanField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useEffect, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport styles from \"./solidFields.module.css\";\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport {\n  SolidCheckbox,\n  SolidMessage,\n  SolidSegmentedControl,\n  SolidSwitch,\n} from \"../../../shad-cn-ui\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\nfunction cx(...parts: Array<string | Record<string, boolean> | undefined | null | false>) {\n  const tokens: string[] = [];\n  parts.forEach((part) => {\n    if (!part) return;\n    if (typeof part === \"string\") {\n      tokens.push(part);\n      return;\n    }\n    Object.entries(part).forEach(([key, value]) => value && tokens.push(key));\n  });\n  return tokens.join(\" \");\n}\n\ntype BooleanOption = {\n    label: string;\n    value: string;\n};\n\n\nexport class SolidBooleanField 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        formData.append(fieldLayoutInfo.attrs.name, value === \"true\" || value === true ? \"true\" : \"\");\n    }\n\n    initialValue(): any {\n        const fieldName = this.fieldContext.field.attrs.name;\n        const fieldDefaultValue = this.fieldContext?.fieldMetadata?.defaultValue;\n\n        const existingValue = this.fieldContext.data[fieldName];\n\n        // return existingValue !== undefined && existingValue !== null ? existingValue : fieldDefaultValue || '';\n\n        // Ensure the value is always a string \"true\" or \"false\"\n        // const result = existingValue\n        //     ? (existingValue === true || existingValue === \"true\" ? \"true\" : \"false\")\n        //     : (fieldDefaultValue === true || fieldDefaultValue === \"true\" ? \"true\" : \"false\");\n        // return result;\n\n        if (existingValue !== undefined && existingValue !== null) {\n            return existingValue === true || existingValue === \"true\";\n        }\n        return fieldDefaultValue === true || fieldDefaultValue === \"true\";\n    }\n\n    validationSchema(): Yup.Schema {\n        let schema: Yup.BooleanSchema<boolean | null | undefined> = Yup.boolean();\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(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n        } else {\n            schema = schema.nullable(); // Allow null when not required\n        }\n        // // 2. length (min/max)\n        // if (fieldMetadata.min && fieldMetadata.min > 0) {\n        //     schema = schema.min(fieldMetadata.min, `${fieldLabel} should be at-least ${fieldMetadata.min} characters long.`);\n        // }\n        // if (fieldMetadata.max && fieldMetadata.max > 0) {\n        //     schema = schema.max(fieldMetadata.max, `${fieldLabel} should not be more than ${fieldMetadata.max} characters long.`);\n        // }\n        // 3. regular expression\n        //*********Regex doesnt make sense in boolean right? */\n        // if (fieldMetadata.regexPattern) {\n        //     const regexPatternNotMatchingErrorMsg = fieldMetadata.regexPatternNotMatchingErrorMsg ?? `${fieldLabel} has invalid data.`\n        //     schema = schema.matches(fieldMetadata.regexPattern, regexPatternNotMatchingErrorMsg);\n        // }\n\n        return schema;\n    }\n\n    render(formik: FormikObject) {\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n        //useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, \"false\") }, [])\n\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'booleanCheckbox';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultBooleanFormViewWidget';\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                            <>\n                                {\n                                    this.renderExtensionRenderMode(editWidget, formik)\n                                }\n                            </>\n                        )\n                    }\n                </div>\n            </>\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\n\nexport const DefaultBooleanFormEditWidget = ({ 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 trueLabel = fieldLayoutInfo?.attrs?.trueLabel;\n    const falseLabel = fieldLayoutInfo?.attrs?.falseLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n    // const [booleanOptions, setBooleanOptions] = useState<string[]>([\"false\", \"true\"]);\n    const [booleanOptions, setBooleanOptions] = useState<BooleanOption[]>([\n        { label: \"False\", value: \"false\" },\n        { label: \"True\", value: \"true\" },\n    ]);\n\n    // let booleanOptions = [\"false\", \"true\"];\n    useEffect(() => {\n        if (trueLabel || falseLabel) {\n            setBooleanOptions([\n                {\n                    label: falseLabel ?? \"False\",\n                    value: \"false\",\n                },\n                {\n                    label: trueLabel ?? \"True\",\n                    value: \"true\",\n                },\n            ]);\n        }\n    }, [trueLabel, falseLabel]);\n\n    // useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, \"false\") }, [])\n    useEffect(() => {\n        const name = fieldLayoutInfo.attrs.name;\n        if (formik.values[name] === undefined || formik.values[name] === null) {\n            formik.setFieldValue(name, \"false\");\n        }\n    }, []);\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\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\n    return (\n        <div className={styles.fieldWrapper}>\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            <SolidSegmentedControl\n                className={cx(isFormFieldValid(formik, \"defaultValue\") && \"is-invalid\")}\n                options={booleanOptions}\n                value={formik.values[fieldLayoutInfo.attrs.name] ? formik.values[fieldLayoutInfo.attrs.name].toString() : \"false\"}\n                disabled={formDisabled || fieldDisabled || formReadonly || fieldReadonly || readOnlyPermission}\n                onChange={(val) => {\n                    fieldContext.onChange(\n                        {\n                            target: {\n                                name: fieldLayoutInfo.attrs.name,\n                                value: val,\n                                checked: val === \"true\" || val === true,\n                                type: \"checkbox\",\n                            },\n                        } as any,\n                        \"onFieldChange\"\n                    );\n                }}\n            />\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <p className={styles.fieldError}>{formik?.errors[fieldLayoutInfo.attrs.name]?.toString()}</p>\n            )}\n        </div>\n    );\n}\n\nexport const SolidBooleanCheckboxStyleFormEditWidget = ({ 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 checkboxLabel = fieldLayoutInfo?.attrs?.checkboxLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    // Set default value to false on mount\n    // useEffect(() => {\n    //     if (formik.values[fieldLayoutInfo.attrs.name] === undefined) {\n    //         console.log(\"Setting default value:\", false);\n    //         //formik.setFieldValue(fieldLayoutInfo.attrs.name, false);\n    //     }\n    // }, []);\n\n    const handleChange = (checked: boolean) => {\n        const newValue = checked;\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, newValue === true ? 'true' : 'false');\n        formik.setTouched({ ...formik.touched, [fieldLayoutInfo.attrs.name]: true });\n    };\n\n    const isFormFieldValid = (formik: any, fieldName: any) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    return (\n        <div className={styles.fieldWrapper}>\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            <div className=\"flex align-items-center\">\n                <SolidCheckbox\n                    id={fieldLayoutInfo.attrs.name}\n                    checked={formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === \"true\"}\n                    onChange={(e) => {\n                        const checked = e.currentTarget.checked;\n                        fieldContext.onChange(\n                            {\n                                ...e,\n                                target: {\n                                    name: fieldLayoutInfo.attrs.name,\n                                    value: checked,\n                                    checked,\n                                    type: \"checkbox\",\n                                },\n                            },\n                            \"onFieldChange\"\n                        );\n                        handleChange(checked);\n                    }}\n                    disabled={formDisabled || fieldDisabled}\n                    readOnly={formReadonly || fieldReadonly || readOnlyPermission}\n                    className={cx(isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && \"is-invalid\")}\n                />\n                {checkboxLabel &&\n                    <span className=\"ml-2\">{checkboxLabel || \"Yes\"}</span>\n                }\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <p className={styles.fieldError}>{formik.errors[fieldLayoutInfo.attrs.name]?.toString()}</p>\n            )}\n        </div>\n    );\n}\n\nexport const SolidBooleanSwitchStyleFormEditWidget = ({ 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\n    // Set default value to false on mount\n    useEffect(() => {\n        if (formik.values[fieldLayoutInfo.attrs.name] === undefined) {\n            console.log(\"Setting default value:\", false);\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, false);\n        }\n    }, []);\n\n    const handleChange = (e: any) => {\n        const newValue = e.value;\n        console.log(`${fieldLayoutInfo.attrs.name} switch clicked, new value:`, newValue);\n\n        // formik.setFieldValue(fieldLayoutInfo.attrs.name, newValue === true ? true : false);\n        // formik.setTouched({ ...formik.touched, [fieldLayoutInfo.attrs.name]: true }); // Ensure Formik registers the change\n        // // ✅ Check if Formik updated the value correctly\n        // setTimeout(() => {\n        //     console.log(\"Formik values after update:\", formik.values);\n        // }, 0);\n\n        // 1: BYPASS Formik's validation by directly mutating the values object\n        // This is necessary because the validation schema was rejecting boolean values\n        // Direct assignment skips all validation logic that was causing the issue\n        formik.values[fieldLayoutInfo.attrs.name] = newValue;\n\n        // 2: Force Formik to recognize the change and trigger re-renders\n        // setValues() with the second parameter as 'false' means:\n        // - false = skip validation (avoid the schema conflict)\n        // - This triggers Formik's internal change detection and component re-renders\n        formik.setValues({ ...formik.values }, false);\n\n        // 3: Mark the field as \"touched\" to indicate user interaction\n        // This is important for validation state and form submission logic\n        // The 'false' parameter means don't validate immediately\n        formik.setTouched({ ...formik.touched, [fieldLayoutInfo.attrs.name]: true }, false);\n        fieldContext.onChange(e, 'onFieldChange');\n    };\n\n    const isFormFieldValid = (formik: any, fieldName: any) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    return (\n        <div className={styles.fieldWrapper}>\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            <div className=\"flex align-items-center\">\n                <SolidSwitch\n                    checked={formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === \"true\"}\n                    onChange={(checked) => {\n                        handleChange(checked);\n                        fieldContext.onChange(\n                            {\n                                target: {\n                                    name: fieldLayoutInfo.attrs.name,\n                                    value: checked,\n                                    checked,\n                                    type: \"checkbox\",\n                                },\n                            } as any,\n                            \"onFieldChange\"\n                        );\n                    }}\n                    disabled={formDisabled || fieldDisabled || formReadonly || fieldReadonly || readOnlyPermission}\n                    className={cx(isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && \"is-invalid\")}\n                />\n                <span className=\"ml-2\">{fieldLabel || \"Yes\"}</span>\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <p className={styles.fieldError}>{formik.errors[fieldLayoutInfo.attrs.name]?.toString()}</p>\n            )}\n        </div>\n    );\n}\n\nexport const DefaultBooleanFormViewWidget = ({ 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\n    const [trueLabel, setTrueLabel] = useState<string>(\"true\");\n    const [falseLabel, setFalseLabel] = useState<string>(\"false\");\n\n    useEffect(() => {\n        if (fieldLayoutInfo?.attrs?.trueLabel) {\n            setTrueLabel(fieldLayoutInfo?.attrs?.trueLabel)\n        }\n        if (fieldLayoutInfo?.attrs?.falseLabel) {\n            setFalseLabel(fieldLayoutInfo?.attrs?.falseLabel)\n        }\n    }, [fieldLayoutInfo?.attrs?.falseLabel, fieldLayoutInfo?.attrs?.trueLabel])\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                {(() => {\n                    const value = formik.values[fieldLayoutInfo.attrs.name];\n                    if (value === true) return trueLabel;\n                    if (value === false) return falseLabel;\n                    return '';\n                })()}\n            </p>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"SolidBooleanField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidBooleanField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useEffect, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport styles from \"./solidFields.module.css\";\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport {\n  SolidCheckbox,\n  SolidMessage,\n  SolidSegmentedControl,\n  SolidSwitch,\n} from \"../../../shad-cn-ui\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\nfunction cx(...parts: Array<string | Record<string, boolean> | undefined | null | false>) {\n  const tokens: string[] = [];\n  parts.forEach((part) => {\n    if (!part) return;\n    if (typeof part === \"string\") {\n      tokens.push(part);\n      return;\n    }\n    Object.entries(part).forEach(([key, value]) => value && tokens.push(key));\n  });\n  return tokens.join(\" \");\n}\n\ntype BooleanOption = {\n    label: string;\n    value: string;\n};\n\n\nexport class SolidBooleanField 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        formData.append(fieldLayoutInfo.attrs.name, value === \"true\" || value === true ? \"true\" : \"\");\n    }\n\n    initialValue(): any {\n        const fieldName = this.fieldContext.field.attrs.name;\n        const fieldDefaultValue = this.fieldContext?.fieldMetadata?.defaultValue;\n\n        const existingValue = this.fieldContext.data[fieldName];\n\n        // return existingValue !== undefined && existingValue !== null ? existingValue : fieldDefaultValue || '';\n\n        // Ensure the value is always a string \"true\" or \"false\"\n        // const result = existingValue\n        //     ? (existingValue === true || existingValue === \"true\" ? \"true\" : \"false\")\n        //     : (fieldDefaultValue === true || fieldDefaultValue === \"true\" ? \"true\" : \"false\");\n        // return result;\n\n        if (existingValue !== undefined && existingValue !== null) {\n            return existingValue === true || existingValue === \"true\";\n        }\n        return fieldDefaultValue === true || fieldDefaultValue === \"true\";\n    }\n\n    validationSchema(): Yup.Schema {\n        let schema: Yup.BooleanSchema<boolean | null | undefined> = Yup.boolean();\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(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n        } else {\n            schema = schema.nullable(); // Allow null when not required\n        }\n        // // 2. length (min/max)\n        // if (fieldMetadata.min && fieldMetadata.min > 0) {\n        //     schema = schema.min(fieldMetadata.min, `${fieldLabel} should be at-least ${fieldMetadata.min} characters long.`);\n        // }\n        // if (fieldMetadata.max && fieldMetadata.max > 0) {\n        //     schema = schema.max(fieldMetadata.max, `${fieldLabel} should not be more than ${fieldMetadata.max} characters long.`);\n        // }\n        // 3. regular expression\n        //*********Regex doesnt make sense in boolean right? */\n        // if (fieldMetadata.regexPattern) {\n        //     const regexPatternNotMatchingErrorMsg = fieldMetadata.regexPatternNotMatchingErrorMsg ?? `${fieldLabel} has invalid data.`\n        //     schema = schema.matches(fieldMetadata.regexPattern, regexPatternNotMatchingErrorMsg);\n        // }\n\n        return schema;\n    }\n\n    render(formik: FormikObject) {\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n        const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';\n        //useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, \"false\") }, [])\n\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'booleanCheckbox';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultBooleanFormViewWidget';\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                            <>\n                                {\n                                    this.renderExtensionRenderMode(editWidget, formik)\n                                }\n                            </>\n                        )\n                    }\n                </div>\n            </>\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\n\nexport const DefaultBooleanFormEditWidget = ({ 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 trueLabel = fieldLayoutInfo?.attrs?.trueLabel;\n    const falseLabel = fieldLayoutInfo?.attrs?.falseLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n    // const [booleanOptions, setBooleanOptions] = useState<string[]>([\"false\", \"true\"]);\n    const [booleanOptions, setBooleanOptions] = useState<BooleanOption[]>([\n        { label: \"False\", value: \"false\" },\n        { label: \"True\", value: \"true\" },\n    ]);\n\n    // let booleanOptions = [\"false\", \"true\"];\n    useEffect(() => {\n        if (trueLabel || falseLabel) {\n            setBooleanOptions([\n                {\n                    label: falseLabel ?? \"False\",\n                    value: \"false\",\n                },\n                {\n                    label: trueLabel ?? \"True\",\n                    value: \"true\",\n                },\n            ]);\n        }\n    }, [trueLabel, falseLabel]);\n\n    // useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, \"false\") }, [])\n    useEffect(() => {\n        const name = fieldLayoutInfo.attrs.name;\n        if (formik.values[name] === undefined || formik.values[name] === null) {\n            formik.setFieldValue(name, \"false\");\n        }\n    }, []);\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\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\n    return (\n        <div className={styles.fieldWrapper}>\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            <SolidSegmentedControl\n                className={cx(isFormFieldValid(formik, \"defaultValue\") && \"is-invalid\")}\n                options={booleanOptions}\n                value={formik.values[fieldLayoutInfo.attrs.name] ? formik.values[fieldLayoutInfo.attrs.name].toString() : \"false\"}\n                disabled={formDisabled || fieldDisabled || formReadonly || fieldReadonly || readOnlyPermission}\n                onChange={(val) => {\n                    fieldContext.onChange(\n                        {\n                            target: {\n                                name: fieldLayoutInfo.attrs.name,\n                                value: val,\n                                checked: val === \"true\" || val === true,\n                                type: \"checkbox\",\n                            },\n                        } as any,\n                        \"onFieldChange\"\n                    );\n                }}\n            />\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <p className={styles.fieldError}>{formik?.errors[fieldLayoutInfo.attrs.name]?.toString()}</p>\n            )}\n        </div>\n    );\n}\n\nexport const SolidBooleanCheckboxStyleFormEditWidget = ({ 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 checkboxLabel = fieldLayoutInfo?.attrs?.checkboxLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    // Set default value to false on mount\n    // useEffect(() => {\n    //     if (formik.values[fieldLayoutInfo.attrs.name] === undefined) {\n    //         console.log(\"Setting default value:\", false);\n    //         //formik.setFieldValue(fieldLayoutInfo.attrs.name, false);\n    //     }\n    // }, []);\n\n    const handleChange = (checked: boolean) => {\n        const newValue = checked;\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, newValue === true ? 'true' : 'false');\n        formik.setTouched({ ...formik.touched, [fieldLayoutInfo.attrs.name]: true });\n    };\n\n    const isFormFieldValid = (formik: any, fieldName: any) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    return (\n        <div className={styles.fieldWrapper}>\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            <div className=\"flex items-center\">\n                <SolidCheckbox\n                    id={fieldLayoutInfo.attrs.name}\n                    checked={formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === \"true\"}\n                    onChange={(e) => {\n                        const checked = e.currentTarget.checked;\n                        fieldContext.onChange(\n                            {\n                                ...e,\n                                target: {\n                                    name: fieldLayoutInfo.attrs.name,\n                                    value: checked,\n                                    checked,\n                                    type: \"checkbox\",\n                                },\n                            },\n                            \"onFieldChange\"\n                        );\n                        handleChange(checked);\n                    }}\n                    disabled={formDisabled || fieldDisabled}\n                    readOnly={formReadonly || fieldReadonly || readOnlyPermission}\n                    className={cx(isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && \"is-invalid\")}\n                />\n                {checkboxLabel &&\n                    <span className=\"ml-2\">{checkboxLabel || \"Yes\"}</span>\n                }\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <p className={styles.fieldError}>{formik.errors[fieldLayoutInfo.attrs.name]?.toString()}</p>\n            )}\n        </div>\n    );\n}\n\nexport const SolidBooleanSwitchStyleFormEditWidget = ({ 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\n    // Set default value to false on mount\n    useEffect(() => {\n        if (formik.values[fieldLayoutInfo.attrs.name] === undefined) {\n            console.log(\"Setting default value:\", false);\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, false);\n        }\n    }, []);\n\n    const handleChange = (e: any) => {\n        const newValue = e.value;\n        console.log(`${fieldLayoutInfo.attrs.name} switch clicked, new value:`, newValue);\n\n        // formik.setFieldValue(fieldLayoutInfo.attrs.name, newValue === true ? true : false);\n        // formik.setTouched({ ...formik.touched, [fieldLayoutInfo.attrs.name]: true }); // Ensure Formik registers the change\n        // // ✅ Check if Formik updated the value correctly\n        // setTimeout(() => {\n        //     console.log(\"Formik values after update:\", formik.values);\n        // }, 0);\n\n        // 1: BYPASS Formik's validation by directly mutating the values object\n        // This is necessary because the validation schema was rejecting boolean values\n        // Direct assignment skips all validation logic that was causing the issue\n        formik.values[fieldLayoutInfo.attrs.name] = newValue;\n\n        // 2: Force Formik to recognize the change and trigger re-renders\n        // setValues() with the second parameter as 'false' means:\n        // - false = skip validation (avoid the schema conflict)\n        // - This triggers Formik's internal change detection and component re-renders\n        formik.setValues({ ...formik.values }, false);\n\n        // 3: Mark the field as \"touched\" to indicate user interaction\n        // This is important for validation state and form submission logic\n        // The 'false' parameter means don't validate immediately\n        formik.setTouched({ ...formik.touched, [fieldLayoutInfo.attrs.name]: true }, false);\n        fieldContext.onChange(e, 'onFieldChange');\n    };\n\n    const isFormFieldValid = (formik: any, fieldName: any) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    return (\n        <div className={styles.fieldWrapper}>\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            <div className=\"flex items-center\">\n                <SolidSwitch\n                    checked={formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === \"true\"}\n                    onChange={(checked) => {\n                        handleChange(checked);\n                        fieldContext.onChange(\n                            {\n                                target: {\n                                    name: fieldLayoutInfo.attrs.name,\n                                    value: checked,\n                                    checked,\n                                    type: \"checkbox\",\n                                },\n                            } as any,\n                            \"onFieldChange\"\n                        );\n                    }}\n                    disabled={formDisabled || fieldDisabled || formReadonly || fieldReadonly || readOnlyPermission}\n                    className={cx(isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && \"is-invalid\")}\n                />\n                <span className=\"ml-2\">{fieldLabel || \"Yes\"}</span>\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <p className={styles.fieldError}>{formik.errors[fieldLayoutInfo.attrs.name]?.toString()}</p>\n            )}\n        </div>\n    );\n}\n\nexport const DefaultBooleanFormViewWidget = ({ 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\n    const [trueLabel, setTrueLabel] = useState<string>(\"true\");\n    const [falseLabel, setFalseLabel] = useState<string>(\"false\");\n\n    useEffect(() => {\n        if (fieldLayoutInfo?.attrs?.trueLabel) {\n            setTrueLabel(fieldLayoutInfo?.attrs?.trueLabel)\n        }\n        if (fieldLayoutInfo?.attrs?.falseLabel) {\n            setFalseLabel(fieldLayoutInfo?.attrs?.falseLabel)\n        }\n    }, [fieldLayoutInfo?.attrs?.falseLabel, fieldLayoutInfo?.attrs?.trueLabel])\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                {(() => {\n                    const value = formik.values[fieldLayoutInfo.attrs.name];\n                    if (value === true) return trueLabel;\n                    if (value === false) return falseLabel;\n                    return '';\n                })()}\n            </p>\n        </div>\n    );\n}\n"]}

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

@@ -101,7 +101,7 @@ export class SolidBooleanField implements ISolidField {
         const fieldMetadata = this.fieldContext.fieldMetadata;
         const fieldLayoutInfo = this.fieldContext.field;
         const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-        const className = fieldLayoutInfo.attrs?.className || 'field col-12';
+        const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';
         //useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, "false") }, [])
 
         const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
@@ -276,7 +276,7 @@ export const SolidBooleanCheckboxStyleFormEditWidget = ({ formik, fieldContext }
                     <SolidFieldTooltip fieldContext={fieldContext} />
                 </label>
             )}
-            <div className="flex align-items-center">
+            <div className="flex items-center">
                 <SolidCheckbox
                     id={fieldLayoutInfo.attrs.name}
                     checked={formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === "true"}
@@ -373,7 +373,7 @@ export const SolidBooleanSwitchStyleFormEditWidget = ({ formik, fieldContext }:
                     <SolidFieldTooltip fieldContext={fieldContext} />
                 </label>
             )}
-            <div className="flex align-items-center">
+            <div className="flex items-center">
                 <SolidSwitch
                     checked={formik.values[fieldLayoutInfo.attrs.name] === true || formik.values[fieldLayoutInfo.attrs.name] === "true"}
                     onChange={(checked) => {

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

@@ -67,7 +67,7 @@ var SolidComputedField = /** @class */ (function () {
         value: function (formik) {
             var _a, _b;
             var fieldLayoutInfo = this.fieldContext.field;
-            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field col-12';
+            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field w-full px-2 pt-2';
             // Computed fields are only relevant for existing records.
             // Check by whether the underlying data has an `id` (record exists).
             var recordExists = !!((_b = this.fieldContext.data) === null || _b === void 0 ? void 0 : _b.id);

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

@@ -1 +1 @@
-{"version":3,"file":"SolidComputedField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidComputedField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD;;;;;;GAMG;AACH;IAII,4BAAY,YAA6B;QAFjC;;;;;WAA8B;QAGlC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACrC,CAAC;;;;;eAED,UAAe,MAAW,EAAE,SAAmB;YAC3C,oEAAoE;QACxE,CAAC;;;;;;eAED;;YACI,IAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;YACrD,IAAM,aAAa,GAAG,MAAA,IAAI,CAAC,YAAY,CAAC,IAAI,0CAAG,SAAS,CAAC,CAAC;YAC1D,OAAO,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QACtF,CAAC;;;;;;eAED;YACI,uEAAuE;YACvE,OAAO,GAAG,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,CAAC;QAClC,CAAC;;;;;;eAED,UAAO,MAAoB;;YACvB,IAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChD,IAAM,SAAS,GAAG,CAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,SAAS,KAAI,cAAc,CAAC;YAErE,0DAA0D;YAC1D,oEAAoE;YACpE,IAAM,YAAY,GAAG,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,YAAY,CAAC,IAAI,0CAAE,EAAE,CAAA,CAAC;YAClD,IAAI,CAAC,YAAY,EAAE;gBACf,OAAO,IAAI,CAAC;aACf;YAED,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,2BAA2B,CAAC;aAC5C;YACD,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,2BAA2B,CAAC;aAC5C;YAED,IAAM,QAAQ,GAAW,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;YAEpD,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,IAAI,CAAC,yBAAyB,CAAC,UAAU,EAAE,MAAM,CAAC,IAEpD,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,yBAAC;AAAD,CAAC,AAvED,IAuEC;;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IAC5D,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,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC;IAC7E,IAAM,cAAc,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,SAAS,CAAC;IACzD,IAAM,QAAQ,GAAW,YAAY,CAAC,QAAQ,CAAC;IAC/C,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAExD,IAAI,QAAQ,KAAK,MAAM,EAAE;QACrB,4EAA4E;QAC5E,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,YAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAK,IACxF,CACT,CAAC;KACL;IAED,8EAA8E;IAC9E,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAC9B,cAAc,IAAI,KAAK;gBACpB,iBAAO,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,UAAG,MAAM,CAAC,UAAU,sBAAmB,aACzF,UAAU,EACX,KAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,GAAI,IAC7C,EAEZ,KAAC,UAAU,IACP,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,EAC9B,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,EAChC,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,QACR,QAAQ,QACR,SAAS,EAAE,MAAM,CAAC,UAAU,GAC9B,IACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\nimport * as Yup from 'yup';\nimport styles from './solidFields.module.css';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { SolidInput } from \"../../../shad-cn-ui\";\n\n/**\n * SolidComputedField\n *\n * Computed fields are server-generated values (e.g. auto-calculated totals, slugs, codes).\n * They are always read-only in the UI and are only shown when a record already exists\n * (i.e., the form is in view or edit mode for an existing record, NOT during creation).\n */\nexport class SolidComputedField 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        // Computed fields are never submitted — the server calculates them.\n    }\n\n    initialValue(): any {\n        const fieldName = this.fieldContext.field.attrs.name;\n        const existingValue = this.fieldContext.data?.[fieldName];\n        return existingValue !== undefined && existingValue !== null ? existingValue : '';\n    }\n\n    validationSchema(): Yup.Schema {\n        // Computed fields are always optional; they are never set by the user.\n        return Yup.mixed().nullable();\n    }\n\n    render(formik: FormikObject) {\n        const fieldLayoutInfo = this.fieldContext.field;\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n\n        // Computed fields are only relevant for existing records.\n        // Check by whether the underlying data has an `id` (record exists).\n        const recordExists = !!this.fieldContext.data?.id;\n        if (!recordExists) {\n            return null;\n        }\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultComputedFormWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultComputedFormWidget';\n        }\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                        this.renderExtensionRenderMode(editWidget, formik)\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 * Default widget for computed fields — renders as a read-only input in edit mode.\n * Uses the same layout as the short-text view widget for consistency.\n */\nexport const DefaultComputedFormWidget = ({ 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 viewMode: string = fieldContext.viewMode;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n\n    if (viewMode === 'view') {\n        // View mode: display as plain text (same as DefaultShortTextFormViewWidget)\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}>{value && typeof value === 'string' ? value : ''}</p>\n            </div>\n        );\n    }\n\n    // Edit mode: read-only input to make it clear this is a server-computed value\n    return (\n        <div className={styles.fieldWrapper}>\n            {showFieldLabel != false &&\n                <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>\n                    {fieldLabel}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </label>\n            }\n            <SolidInput\n                type=\"text\"\n                id={fieldLayoutInfo.attrs.name}\n                name={fieldLayoutInfo.attrs.name}\n                value={value || ''}\n                readOnly\n                disabled\n                className={styles.fieldInput}\n            />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidComputedField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidComputedField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport * as Yup from 'yup';\nimport styles from './solidFields.module.css';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { SolidInput } from \"../../../shad-cn-ui\";\n\n/**\n * SolidComputedField\n *\n * Computed fields are server-generated values (e.g. auto-calculated totals, slugs, codes).\n * They are always read-only in the UI and are only shown when a record already exists\n * (i.e., the form is in view or edit mode for an existing record, NOT during creation).\n */\nexport class SolidComputedField 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        // Computed fields are never submitted — the server calculates them.\n    }\n\n    initialValue(): any {\n        const fieldName = this.fieldContext.field.attrs.name;\n        const existingValue = this.fieldContext.data?.[fieldName];\n        return existingValue !== undefined && existingValue !== null ? existingValue : '';\n    }\n\n    validationSchema(): Yup.Schema {\n        // Computed fields are always optional; they are never set by the user.\n        return Yup.mixed().nullable();\n    }\n\n    render(formik: FormikObject) {\n        const fieldLayoutInfo = this.fieldContext.field;\n        const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';\n\n        // Computed fields are only relevant for existing records.\n        // Check by whether the underlying data has an `id` (record exists).\n        const recordExists = !!this.fieldContext.data?.id;\n        if (!recordExists) {\n            return null;\n        }\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultComputedFormWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultComputedFormWidget';\n        }\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                        this.renderExtensionRenderMode(editWidget, formik)\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 * Default widget for computed fields — renders as a read-only input in edit mode.\n * Uses the same layout as the short-text view widget for consistency.\n */\nexport const DefaultComputedFormWidget = ({ 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 viewMode: string = fieldContext.viewMode;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n\n    if (viewMode === 'view') {\n        // View mode: display as plain text (same as DefaultShortTextFormViewWidget)\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}>{value && typeof value === 'string' ? value : ''}</p>\n            </div>\n        );\n    }\n\n    // Edit mode: read-only input to make it clear this is a server-computed value\n    return (\n        <div className={styles.fieldWrapper}>\n            {showFieldLabel != false &&\n                <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>\n                    {fieldLabel}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </label>\n            }\n            <SolidInput\n                type=\"text\"\n                id={fieldLayoutInfo.attrs.name}\n                name={fieldLayoutInfo.attrs.name}\n                value={value || ''}\n                readOnly\n                disabled\n                className={styles.fieldInput}\n            />\n        </div>\n    );\n};\n"]}

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

@@ -39,7 +39,7 @@ export class SolidComputedField implements ISolidField {
 
     render(formik: FormikObject) {
         const fieldLayoutInfo = this.fieldContext.field;
-        const className = fieldLayoutInfo.attrs?.className || 'field col-12';
+        const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';
 
         // Computed fields are only relevant for existing records.
         // Check by whether the underlying data has an `id` (record exists).

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

@@ -94,7 +94,7 @@ var SolidDateField = /** @class */ (function () {
             var _a, _b;
             var fieldMetadata = this.fieldContext.fieldMetadata;
             var fieldLayoutInfo = this.fieldContext.field;
-            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field col-12';
+            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field w-full px-2 pt-2';
             var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
             var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
             var viewWidget = fieldLayoutInfo.attrs.viewWidget;
@@ -132,7 +132,7 @@ export var DefaultDateFormEditWidget = function (_a) {
     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 className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field w-full px-2 pt-2';
     var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
     var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
     var solidFormViewMetaData = fieldContext.solidFormViewMetaData;