@solidxai/core-ui 0.1.9-beta.9 → 0.1.10

package/dist/components/core/form/field-quality-check-fixes.md

@@ -0,0 +1,201 @@
+# Field Quality Checks And Fixes
+
+This checklist tracks form-layer issues and logical enhancements for each field type in `solid-core-ui`.
+
+Use it for frontend concerns only:
+
+- field input behavior
+- view and edit widget quality
+- accessibility and UX improvements
+- widget expansion opportunities
+
+Backend validation, persistence, and query concerns belong in `solid-core-module`.
+
+## `shortText`
+
+- [ ] Review whether the form layer should expose any UX around `length`, or whether `max` should remain the only user-facing length contract for `shortText`.
+- [ ] Add optional character count or remaining-character feedback when `max` is configured.
+- [ ] Consider optional `inputMode`, `autoCapitalize`, `spellCheck`, and related text-input attrs for better mobile and browser ergonomics.
+- [ ] Consider additional alternative edit widgets for common short-text patterns such as phone-like input, code input, formatted identifiers, or pattern-guided entry.
+- [ ] Consider alternative view widgets for identifier-heavy fields such as copyable text, badge-style rendering, or compact monospace display.
+- [ ] Review whether the default `shortText` edit widget should support lightweight prefix or suffix adornments for business identifiers and codes.
+- [ ] Add focused test coverage for `isPrimaryKey`, `readonly`, and `disabled` interactions in the default edit widget.
+- [ ] Review whether the masked edit widget should support an explicit reveal policy beyond the current password-toggle behavior.
+
+## `longText`
+
+- [ ] Review whether `longText` should have a dedicated default view widget instead of reusing the shared short-text read-only renderer.
+- [ ] Add optional character count or remaining-character feedback when `min` or `max` is configured.
+- [ ] Review whether the default textarea should support configurable row count or autoresize behavior.
+- [ ] Improve the JSON editor widgets with stronger empty-state handling and clearer recovery when the stored value is not valid JSON.
+- [ ] Review whether the JSON editor widgets should support richer schema-driven field labels, helper text, and validation messaging.
+- [ ] Consider whether the code editor path should also have a dedicated view widget for read-only syntax-highlighted display.
+- [ ] Review whether `editorLanguage` should be validated or normalized to a known set of supported editor modes.
+- [ ] Add focused test coverage for default multiline behavior, JSON editor schema requirements, and code editor field updates.
+
+## `richText`
+
+- [ ] Review whether the editor should expose configurable toolbar presets so simple and advanced rich-text fields can use different authoring experiences.
+- [ ] Consider optional layout-level attrs for editor height, placeholder text, and toolbar density.
+- [ ] Review whether the default view widget should sanitize or normalize rendered HTML more explicitly before injecting it into the DOM.
+- [ ] Add optional plain-text preview or source-view behavior for admin-heavy use cases.
+- [ ] Add focused test coverage for read-only behavior, disabled behavior, empty rich-text values, and HTML rendering in view mode.
+
+## `json`
+
+- [ ] Improve form validation so invalid JSON can be surfaced earlier in the editor experience instead of relying primarily on backend validation.
+- [ ] Review whether the default JSON editor should support optional schema-aware assistance, formatting, or validation hints.
+- [ ] Consider optional layout-level attrs for editor height, font size, read-only formatting, and collapsed/expanded presentation.
+- [ ] Review whether the default view widget should support a more compact preview mode for small JSON payloads.
+- [ ] Add focused test coverage for empty values, object values, stringified JSON values, invalid JSON, and read-only rendering.
+
+## `int`
+
+- [ ] Fix the current `0`-value handling in the default integer widget, because the component currently feeds `formik.values[fieldName] || ''` into the input and can blur the distinction between `0` and an empty value.
+- [ ] Review whether the default integer input should support stronger mobile ergonomics such as `inputMode`, step configuration, and clearer invalid-value feedback.
+- [ ] Consider whether integer fields should support optional thousand-separator formatting in read-only mode without affecting the submitted value.
+- [ ] Review whether the slider widget should require authored `min` and `max` values instead of silently falling back to its internal default range.
+- [ ] Consider whether the slider widget should expose optional helper text, tick labels, or visible min/max markers for bounded scoring use cases.
+- [ ] Add focused test coverage for integer defaults, `0` values, min/max validation, slider behavior, and read-only and disabled states.
+
+
+## `bigint`
+
+- [ ] Review whether reusing the ordinary integer widget is sufficient for `bigint`, especially when values may exceed JavaScript safe-integer boundaries.
+- [ ] Decide whether bigint fields should use a text-backed input mode, a stricter parser, or a dedicated widget to avoid precision loss in the browser.
+- [ ] Clarify how default values and existing values should be surfaced in forms when the stored value is serialized as a string.
+- [ ] Review whether bigint fields need clearer read-only formatting or copy-friendly presentation for large identifiers.
+- [ ] Add focused test coverage for large numeric strings, large persisted values, read-only and disabled behavior, and transitions between string, number, and bigint-like inputs.
+
+
+## `decimal`
+
+- [ ] Fix the current submit-path handling for `0`, because `updateFormData()` only appends the decimal field when the value is truthy and can therefore drop valid zero values.
+- [ ] Review whether the default decimal widget should expose step, scale, and decimal-place guidance more explicitly for amount-oriented fields.
+- [ ] Consider optional form-level support for currency-like prefixes, suffixes, and localized decimal formatting while preserving the raw submitted value.
+- [ ] Review whether the current `0`-value display path should be hardened in the same way as the integer widget so empty and zero states remain distinct.
+- [ ] Add focused test coverage for decimal defaults, zero values, min/max validation, fractional input, and read-only and disabled states.
+
+
+## `boolean`
+
+- [ ] Standardize the runtime value shape across boolean form widgets so checkbox, switch, segmented control, and view mode all work with the same boolean contract instead of mixing booleans with `"true"` and `"false"` strings.
+- [ ] Review whether the default edit path should remain the checkbox-style widget or move to the segmented control for consistency with the dedicated boolean labels supported by `trueLabel` and `falseLabel`.
+- [ ] Decide whether `checkboxLabel`, `trueLabel`, and `falseLabel` should be documented and validated more explicitly so misapplied attrs are easier to catch.
+- [ ] Review whether the switch widget should avoid direct Formik state mutation and use a cleaner update path that preserves validation semantics.
+- [ ] Consider whether the switch widget should support explicit on/off labels, helper text, or inline state text for more accessible binary controls.
+- [ ] Add focused test coverage for required booleans, default value initialization, read-only and disabled behavior, and the value transitions across all supported boolean widgets.
+- [ ] Review whether unsupported widget combinations, such as assigning an edit-only boolean widget to `viewWidget`, should fail more visibly in metadata-driven forms.
+
+## `date`
+
+- [ ] Review whether the default date field should support clearer placeholder, helper-text, and invalid-value states when incoming data cannot be parsed cleanly into a date.
+- [ ] Consider whether date fields should support explicit min-date and max-date constraints at the form layer.
+- [ ] Review whether the field-node `format` attr should remain view-only or be reflected more consistently across edit, list, and view experiences.
+- [ ] Consider whether the default date picker should expose richer locale and calendar configuration where business use cases require it.
+- [ ] Add focused test coverage for default values, null handling, ISO-string initialization, read-only and disabled behavior, and invalid incoming date values.
+
+## `datetime`
+
+- [ ] Review whether the default datetime field should support clearer timezone guidance so users understand how stored values and displayed values relate.
+- [ ] Consider whether datetime fields should support explicit min-date and max-date constraints at the form layer.
+- [ ] Review whether the field-node `format` attr should remain view-only or be reflected more consistently across edit, list, and view experiences.
+- [ ] Consider whether the default datetime picker should expose richer timezone, locale, and stepping controls for minute-level precision.
+- [ ] Add focused test coverage for default values, null handling, ISO-string initialization, UTC/local conversion behavior, read-only and disabled behavior, and invalid incoming datetime values.
+
+## `time`
+
+- [ ] Review whether the default time picker should support clearer placeholder, helper-text, and invalid-value states when incoming data cannot be parsed cleanly into a time value.
+- [ ] Consider whether time fields should support stepping, min-time, and max-time constraints at the form layer.
+- [ ] Clarify the role of the `format` attr for time fields so edit, list, and view experiences do not drift apart.
+- [ ] Review whether the current form submission path should emit a pure time value instead of a date-bearing ISO timestamp for time-only fields.
+- [ ] Add focused test coverage for `HH:mm:ss` strings, timestamp-like strings, default values, read-only and disabled behavior, and invalid incoming time values.
+
+## `email`
+
+- [ ] Add a dedicated email-aware form validation rule so the form layer does not rely primarily on authored regex patterns for email-shape validation.
+- [ ] Review whether the default email input should support stronger mobile ergonomics such as optional `inputMode` or email-specific helper affordances.
+- [ ] Consider whether the email field should support lightweight view enhancements such as copy-to-clipboard or mailto-style rendering without requiring a custom widget.
+- [ ] Review whether `autoComplete` defaults are appropriate for sensitive admin flows versus high-convenience data-entry flows.
+- [ ] Add focused test coverage for default values, max-length handling, regex overrides, read-only and disabled behavior, and invalid email input in the generated form layer.
+
+## `password`
+
+- [ ] Review whether the password create and edit flows should share more validation logic so create-form behavior and change-password modal behavior remain consistent.
+- [ ] Consider whether the view widget should remain available by default, since even masked reveal behavior for password-like fields may need stricter usage guidance.
+- [ ] Review whether password-strength feedback should be surfaced more clearly in the create widget when `min`, `max`, or regex strength rules are configured.
+- [ ] Clarify whether custom `createWidget`, `editWidget`, and `viewWidget` overrides are intended as a stable extension surface for password fields.
+- [ ] Add focused test coverage for create flows, update flows, confirm-password matching, read-only and disabled behavior, and empty-value behavior on existing records.
+
+## `selectionStatic`
+
+- [ ] Standardize the runtime value shape for `selectionStatic` across single-select and multi-select flows so autocomplete, radio, select-button, view mode, and form submission all work from one clear value contract.
+- [ ] Review whether form validation should honor `selectionValueType` more explicitly, because the current validation schema is string-oriented even though the backend also supports `int`.
+- [ ] Consider whether the default autocomplete widget should support searching by visible label as well as by stored value token.
+- [ ] Decide whether `multiSelect` should remain a layout-level override, a field-level concern, or both, and document the precedence clearly in code and docs.
+- [ ] Review whether the default autocomplete widget should expose a clearer empty state, placeholder support, and optional helper text for larger option sets.
+- [ ] Add focused test coverage for default values, multi-select initialization, string versus numeric selection values, and read-only and disabled behavior.
+- [ ] Review whether unsupported widget combinations, such as using radio or select-button renderers with multi-select enabled, should fail more visibly in metadata-driven forms.
+
+## `selectionDynamic`
+
+- [ ] Standardize the runtime value shape for `selectionDynamic` across single-select and multi-select flows so autocomplete, view mode, and form submission all work from one clear provider-backed value contract.
+- [ ] Review whether form validation should honor `selectionValueType` more explicitly, because the current form schema is string-shaped even though the backend also supports `int`.
+- [ ] Review whether `defaultValue` should be supported explicitly for dynamic selections, because current form initialization is primarily data-driven rather than default-driven.
+- [ ] Clarify the purpose and precedence of layout-level `whereClause` filtering for the default widget and document how it interacts with provider context.
+- [ ] Consider whether the default autocomplete widget should support clearer loading, empty, and provider-error states for slow or unavailable providers.
+- [ ] Add focused test coverage for multi-select initialization, JSON-stringified arrays, provider-backed default display, and read-only and disabled behavior.
+
+## `many-to-one`
+
+- [ ] Review whether the default autocomplete widget should expose clearer empty, loading, and provider-error states when relation options are slow to resolve or heavily filtered.
+- [ ] Clarify the contract for `coModelFieldToDisplay`, because it is important to default rendering but currently easy to author inconsistently across relation fields.
+- [ ] Review whether `whereClause` and `autocompleteMatchMode` should be validated more visibly at the form layer when authored metadata is malformed.
+- [ ] Consider whether inline-create flows should support a clearer success path, especially when `inlineCreateAutoSave` is enabled and the selected relation is injected automatically.
+- [ ] Review whether the pseudo-relation widget should remain an edit-widget-only extension surface or receive tighter guardrails so it is not mistaken for an ordinary relation field.
+- [ ] Add focused test coverage for id-backed selection, user-key-backed selection display, inline create flows, readonly and disabled behavior, and avatar-style view rendering.
+
+## `one-to-many`
+
+- [ ] Review whether the default embedded collection manager should surface clearer empty states and collection-level helper text when no child records exist yet.
+- [ ] Clarify how `inlineListLayout`, `inlineCreateLayout`, and `inlineCreateAutoSave` should behave together so embedded child workflows are easier to reason about.
+- [ ] Consider whether the default widget should support stronger guardrails around accidental destructive actions such as deleting child rows from within the parent form.
+- [ ] Review whether the pseudo one-to-many widget should expose more deliberate pagination, sorting, or row-count limits for large child collections.
+- [ ] Consider whether embedded child forms should support clearer validation summaries when multiple child rows fail validation at once.
+- [ ] Add focused test coverage for inline create, inline edit, inline delete, readonly and disabled behavior, custom inline layouts, and empty collection rendering.
+
+## `many-to-many`
+
+- [ ] Review whether the default autocomplete widget is the right primary experience for large relation sets, or whether list-style editing should be preferred more often for discoverability.
+- [ ] Clarify how `inlineCreate`, `inlineListLayout`, `inlineCreateLayout`, and `inlineCreateAutoSave` should behave across the autocomplete, checkbox, and list-style widgets.
+- [ ] Review whether the checkbox widget should fail more visibly when the option set is too large for a comfortable checkbox matrix.
+- [ ] Consider whether the list-style widget should also have a dedicated read-only view widget instead of reusing an edit-oriented component name in view mode.
+- [ ] Review whether relation membership changes should be surfaced more explicitly in the UI, such as showing added and removed items before save.
+- [ ] Add focused test coverage for autocomplete selection, checkbox selection, list-style editing, readonly and disabled behavior, inline create flows, and large option sets.
+
+## `mediaSingle`
+
+- [ ] Review whether the single-file upload widget should surface clearer guidance when the authored field only allows a subset of media types such as `image` or `file`.
+- [ ] Consider whether the edit widget should show stronger error recovery for failed uploads, unsupported media types, or oversized files.
+- [ ] Review whether the preview surface should support a more consistent fallback for documents, archives, and unknown file extensions.
+- [ ] Consider optional view-level enhancements such as caption support, file metadata display, or explicit replace/remove affordances for admin workflows.
+- [ ] Review whether readonly and disabled states should differ more clearly, especially when existing media is present but upload actions are not allowed.
+- [ ] Add focused test coverage for image, video, audio, and document uploads; replace and delete flows; readonly and disabled behavior; and empty-state rendering.
+
+## `mediaMultiple`
+
+- [ ] Review whether the multi-file widget should expose clearer per-file status feedback during upload, especially when several files are being added in one action.
+- [ ] Consider whether the gallery-style preview should support better ordering controls when the business meaning of attachment sequence matters.
+- [ ] Review whether document-heavy collections need a clearer non-gallery presentation so the widget is not overly image-centric.
+- [ ] Consider whether the form widget should support configurable limits on visible preview items before collapsing into a summary state.
+- [ ] Review whether removing a single file from a larger collection should provide clearer confirmation or undo behavior for high-value attachment flows.
+- [ ] Add focused test coverage for mixed media collections, repeated uploads, delete flows, readonly and disabled behavior, and empty-state rendering.
+
+## `computed`
+
+- [ ] Review whether computed fields should display a clearer explanatory hint in edit mode so users understand why the field is visible but not editable.
+- [ ] Consider whether create flows should support an optional placeholder state for computed fields that only appear after the first save.
+- [ ] Review whether the built-in computed renderer should support richer read-only presentation for numeric, date, and boolean computed values instead of always behaving like plain text.
+- [ ] Consider whether `showLabel`, helper text, and tooltip behavior should differ for computed fields so generated values are easier to interpret.
+- [ ] Review whether custom edit or view widget overrides for computed fields should be supported explicitly or discouraged more visibly.
+- [ ] Add focused test coverage for create-mode hiding, edit-mode read-only rendering, existing-value display, null computed values, and widget override behavior.

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":";;;;;;;;;;;;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,wBAAwB,CAAC;YAE/E,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 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;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDateField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidDateField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { SolidDatePicker } from \"../../../shad-cn-ui/SolidDatePicker\";\nimport { SolidMessage } from \"../../../shad-cn-ui/SolidMessage\";\nimport { buildSyntheticChangeEvent } from \"./fieldEventUtils\";\nimport { useEffect, useRef, useState } from \"react\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps, SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport { StatusIcon } from '../../../../components/core/extension/solid-core/CustomIcon/StatusIcon';\nimport { DateFieldViewComponent } from '../../../../components/core/common/DateFieldViewComponent';\nimport styles from \"./solidFields.module.css\";\n\nconst toDateValue = (value: any) => {\n    if (!value) return null;\n    const date = value instanceof Date ? value : new Date(value);\n    return Number.isNaN(date.getTime()) ? null : date;\n};\n\nexport class SolidDateField 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\n        if (value instanceof Date && !isNaN(value.getTime())) {\n            const localDate = new Date(value);\n            const utcDate = new Date(Date.UTC(localDate.getFullYear(), localDate.getMonth(), localDate.getDate()));\n            // \"2025-06-10T00:00:00.000Z\"\n            const isoString = utcDate.toISOString();\n            formData.append(fieldLayoutInfo.attrs.name, isoString.split('T')[0]);\n        } else if (value) {\n            formData.append(fieldLayoutInfo.attrs.name, value);\n        }\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\n    validationSchema(): Yup.Schema {\n        let schema: Yup.DateSchema<Date | null | undefined> = Yup.date();\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();\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 fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\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 = 'DefaultDateFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultDateFormViewWidget';\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                    }\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\nexport const DefaultDateFormEditWidget = ({ 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 isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    const parsedValue = toDateValue(formik.values[fieldLayoutInfo.attrs.name]);\n\n    const handleChange = (date: Date | null) => {\n        const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, date, \"date\");\n        fieldContext.onChange(syntheticEvent, \"onFieldChange\");\n    };\n\n    return (\n        <div className=\"relative\">\n            <div className={styles.fieldWrapper}>\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                    </label>\n                }\n                <SolidDatePicker\n                    selected={parsedValue ?? undefined}\n                    onChange={(date: Date | null) => handleChange(date as Date | null)}\n                    disabled={formDisabled || fieldDisabled || readOnlyPermission}\n                    readOnly={formReadonly || fieldReadonly || readOnlyPermission}\n                    placeholderText={fieldLayoutInfo.attrs.placeholder}\n                    className=\"\"\n                />\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <div className=\"absolute mt-1\">\n                    <SolidMessage severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                </div>\n            )}\n        </div>\n    );\n}\nexport const DefaultDateFormViewWidget = ({ formik, fieldContext, }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n\n    const fieldName = fieldLayoutInfo.attrs.name;\n    const fieldLabel =\n        fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n\n    const rawValue = formik.values[fieldName];\n    const format = fieldLayoutInfo.attrs?.format as string | undefined;\n\n\n    return (\n        <div className={styles.fieldViewWrapper}>\n            {showFieldLabel !== false && (\n                <p className={`${styles.fieldViewLabel} form-field-label`}>\n                    {fieldLabel}\n                </p>\n            )}\n            <p className={styles.fieldViewValue}>\n                <DateFieldViewComponent value={rawValue} format={format} fallback=\"-\"></DateFieldViewComponent>\n            </p>\n        </div>\n    );\n};\n\n\nexport const PublishedStatusListViewWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n\n    const colVal = rowData[column.attrs.name]; // publishedAt value\n\n    const isPublished = !!colVal;\n\n    return (\n        <StatusIcon isPublished={isPublished} />\n    );\n};\n"]}
+{"version":3,"file":"SolidDateField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidDateField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { SolidDatePicker } from \"../../../shad-cn-ui/SolidDatePicker\";\nimport { SolidMessage } from \"../../../shad-cn-ui/SolidMessage\";\nimport { buildSyntheticChangeEvent } from \"./fieldEventUtils\";\nimport { useEffect, useRef, useState } from \"react\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps, SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport { StatusIcon } from '../../../../components/core/extension/solid-core/CustomIcon/StatusIcon';\nimport { DateFieldViewComponent } from '../../../../components/core/common/DateFieldViewComponent';\nimport styles from \"./solidFields.module.css\";\n\nconst toDateValue = (value: any) => {\n    if (!value) return null;\n    const date = value instanceof Date ? value : new Date(value);\n    return Number.isNaN(date.getTime()) ? null : date;\n};\n\nexport class SolidDateField 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\n        if (value instanceof Date && !isNaN(value.getTime())) {\n            const localDate = new Date(value);\n            const utcDate = new Date(Date.UTC(localDate.getFullYear(), localDate.getMonth(), localDate.getDate()));\n            // \"2025-06-10T00:00:00.000Z\"\n            const isoString = utcDate.toISOString();\n            formData.append(fieldLayoutInfo.attrs.name, isoString.split('T')[0]);\n        } else if (value) {\n            formData.append(fieldLayoutInfo.attrs.name, value);\n        }\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\n    validationSchema(): Yup.Schema {\n        let schema: Yup.DateSchema<Date | null | undefined> = Yup.date();\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();\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 w-full px-2 pt-2';\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\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 = 'DefaultDateFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultDateFormViewWidget';\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                    }\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\nexport const DefaultDateFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field w-full px-2 pt-2';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    const parsedValue = toDateValue(formik.values[fieldLayoutInfo.attrs.name]);\n\n    const handleChange = (date: Date | null) => {\n        const syntheticEvent = buildSyntheticChangeEvent(fieldLayoutInfo.attrs.name, date, \"date\");\n        fieldContext.onChange(syntheticEvent, \"onFieldChange\");\n    };\n\n    return (\n        <div className=\"relative\">\n            <div className={styles.fieldWrapper}>\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                    </label>\n                }\n                <SolidDatePicker\n                    selected={parsedValue ?? undefined}\n                    onChange={(date: Date | null) => handleChange(date as Date | null)}\n                    disabled={formDisabled || fieldDisabled || readOnlyPermission}\n                    readOnly={formReadonly || fieldReadonly || readOnlyPermission}\n                    placeholderText={fieldLayoutInfo.attrs.placeholder}\n                    className=\"\"\n                />\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <div className=\"absolute mt-1\">\n                    <SolidMessage severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                </div>\n            )}\n        </div>\n    );\n}\nexport const DefaultDateFormViewWidget = ({ formik, fieldContext, }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n\n    const fieldName = fieldLayoutInfo.attrs.name;\n    const fieldLabel =\n        fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n\n    const rawValue = formik.values[fieldName];\n    const format = fieldLayoutInfo.attrs?.format as string | undefined;\n\n\n    return (\n        <div className={styles.fieldViewWrapper}>\n            {showFieldLabel !== false && (\n                <p className={`${styles.fieldViewLabel} form-field-label`}>\n                    {fieldLabel}\n                </p>\n            )}\n            <p className={styles.fieldViewValue}>\n                <DateFieldViewComponent value={rawValue} format={format} fallback=\"-\"></DateFieldViewComponent>\n            </p>\n        </div>\n    );\n};\n\n\nexport const PublishedStatusListViewWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n\n    const colVal = rowData[column.attrs.name]; // publishedAt value\n\n    const isPublished = !!colVal;\n\n    return (\n        <StatusIcon isPublished={isPublished} />\n    );\n};\n"]}