@solidxai/core-ui 0.0.1

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

@@ -0,0 +1,399 @@
+
+import { InputText } from "primereact/inputtext";
+import { Message } from "primereact/message";
+import * as Yup from 'yup';
+import { FormikObject, ISolidField, SolidFieldProps } from "./ISolidField";
+import { getExtensionComponent } from "../../../../helpers/registry";
+import { SolidFormFieldWidgetProps, SolidListFieldWidgetProps } from "../../../../types/solid-core";
+import { SolidFieldTooltip } from "../../../../components/common/SolidFieldTooltip";
+import { Button } from "primereact/button";
+import { useState } from "react";
+import { Password } from "primereact/password";
+import { ERROR_MESSAGES } from "../../../../constants/error-messages";
+
+export class SolidShortTextField implements ISolidField {
+
+    private fieldContext: SolidFieldProps;
+
+    constructor(fieldContext: SolidFieldProps) {
+        this.fieldContext = fieldContext;
+    }
+
+    updateFormData(value: any, formData: FormData): any {
+        const fieldLayoutInfo = this.fieldContext.field;
+        const editWidget = fieldLayoutInfo?.attrs?.editWidget;
+        if (editWidget === "PseudoRelationManyToOneFormWidget") {
+            if (value?.solidManyToOneValue) {
+                formData.append(fieldLayoutInfo?.attrs?.name, value.solidManyToOneValue);
+            }
+        } else {
+            if (value !== undefined && value !== null) {
+                formData.append(fieldLayoutInfo?.attrs?.name, value);
+            }
+        }
+    }
+
+    initialValue(): any {
+        const fieldName = this.fieldContext.field.attrs.name;
+        const fieldDefaultValue = this.fieldContext?.fieldMetadata?.defaultValue;
+        const fieldLayoutInfo = this.fieldContext.field;
+
+        const editWidget = fieldLayoutInfo?.attrs?.editWidget;
+
+        if (this.fieldContext.parentData && this.fieldContext.parentData[fieldName]) {
+            const parentDataForKey = this.fieldContext.parentData[fieldName];
+            if (editWidget === "PseudoRelationManyToOneFormWidget") {
+                if (parentDataForKey) {
+                    return { solidManyToOneLabel: this.fieldContext.parentData[fieldName], solidManyToOneValue: this.fieldContext.parentData[fieldName] };
+                }
+            } else {
+                if (parentDataForKey && typeof parentDataForKey !== 'object') {
+                    return this.fieldContext.parentData[fieldName]
+                }
+            }
+        }
+        let existingValue = this.fieldContext.data[fieldName];
+
+        if (editWidget === "PseudoRelationManyToOneFormWidget" && this.fieldContext.data[fieldName]) {
+            existingValue =  { solidManyToOneLabel: this.fieldContext.data[fieldName], solidManyToOneValue: this.fieldContext.data[fieldName] };
+
+        }
+
+        return existingValue !== undefined && existingValue !== null ? existingValue : fieldDefaultValue || '';
+    }
+
+    validationSchema(): Yup.Schema {
+        const fieldMetadata = this.fieldContext.fieldMetadata;
+        const fieldLayoutInfo = this.fieldContext.field;
+        const fieldLabel = fieldLayoutInfo?.attrs?.label ?? fieldMetadata.displayName;
+        const editWidget = fieldLayoutInfo?.attrs?.editWidget;
+        if (editWidget === "PseudoRelationManyToOneFormWidget") {
+            let schema = Yup.mixed();
+
+            // Custom validation for relation field
+            if (fieldMetadata.required) {
+                schema = schema.test(
+                    ERROR_MESSAGES.REQUIRED_REALTION,
+                    ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel),
+                    function (value: any) {
+                        // Handle empty values
+                        if (!value) return false;
+
+                        // If it's an object with solidManyToOneValue, check if it's valid
+                        if (typeof value === 'object' && value !== null && (value as any).solidManyToOneValue) {
+                            return true;
+                        }
+
+                        // If it's a string (user typed but didn't select), it's invalid for required field
+                        if (typeof value === 'string') {
+                            return false;
+                        }
+
+                        return false;
+                    }
+                );
+            }
+
+            // Add validation to ensure valid selection
+            schema = schema.test(
+                ERROR_MESSAGES.VALIDATE_SELECTION,
+                ERROR_MESSAGES.SELECT_VALID_FROM_DROPDOWN(fieldLabel),
+                function (value: any) {
+                    // If not required and empty, it's valid
+                    if (!fieldMetadata.required && (!value || value === '')) {
+                        return true;
+                    }
+
+                    // If it's an object with solidManyToOneValue, it's a valid selection
+                    if (typeof value === 'object' && value !== null && (value as any).solidManyToOneValue) {
+                        return true;
+                    }
+
+                    // If it's a string (user typed but didn't select), it's invalid
+                    if (typeof value === 'string' && value.trim() !== '') {
+                        return false;
+                    }
+
+                    // Empty value for non-required field
+                    return !fieldMetadata.required;
+                }
+            );
+            return schema;
+        } else {
+
+            let schema: Yup.StringSchema<string | null | undefined> = Yup.string();
+            const fieldMetadata = this.fieldContext.fieldMetadata;
+            const fieldLayoutInfo = this.fieldContext.field;
+            const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+            // 1. required  
+            // 1. required
+            if (fieldMetadata.required) {
+                schema = schema.required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));
+            } else {
+                schema = schema.nullable(); // Allow null when not required
+            }
+            // 2. length (min/max)
+            if (fieldMetadata.min && fieldMetadata.min > 0) {
+                schema = schema.min(fieldMetadata.min, ERROR_MESSAGES.FIELD_MINIMUM_CHARACTER(fieldLabel, fieldMetadata.min));
+            }
+            if (fieldMetadata.max && fieldMetadata.max > 0) {
+                schema = schema.max(fieldMetadata.max, ERROR_MESSAGES.FIELD_MAXIMUM_CHARACTER(fieldLabel, fieldMetadata.max));
+            }
+            // 3. regular expression
+            if (fieldMetadata.regexPattern) {
+                const regexPatternNotMatchingErrorMsg = fieldMetadata.regexPatternNotMatchingErrorMsg ?? ERROR_MESSAGES.FIELD_INVALID_DATA(fieldLabel)
+                schema = schema.matches(fieldMetadata.regexPattern, regexPatternNotMatchingErrorMsg);
+            }
+            return schema;
+        }
+    }
+
+    render(formik: FormikObject) {
+        const fieldMetadata = this.fieldContext.fieldMetadata;
+        const fieldLayoutInfo = this.fieldContext.field;
+        const solidFormViewMetaData = this.fieldContext.solidFormViewMetaData;
+        const className = fieldLayoutInfo.attrs?.className || 'field col-12';
+        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
+
+        let viewWidget = fieldLayoutInfo.attrs.viewWidget;
+        let editWidget = fieldLayoutInfo.attrs.editWidget;
+        if (!editWidget) {
+            editWidget = 'DefaultShortTextFormEditWidget';
+        }
+        if (!viewWidget) {
+            viewWidget = 'DefaultShortTextFormViewWidget';
+        }
+        const viewMode: string = this.fieldContext.viewMode;
+        return (
+            <>
+                <div className={className}>
+                    {viewMode === "view" &&
+                        this.renderExtensionRenderMode(viewWidget, formik)
+                    }
+                    {viewMode === "edit" &&
+                        <>
+                            {editWidget &&
+                                this.renderExtensionRenderMode(editWidget, formik)
+                            }
+                        </>
+                    }
+                </div>
+            </>
+
+        );
+    }
+
+    renderExtensionRenderMode(widget: string, formik: FormikObject) {
+        let DynamicWidget = getExtensionComponent(widget);
+        const widgetProps: SolidFormFieldWidgetProps = {
+            formik: formik,
+            fieldContext: this.fieldContext,
+        }
+        return (
+            <>
+                {DynamicWidget && <DynamicWidget {...widgetProps} />}
+            </>
+        )
+    }
+}
+
+
+export const DefaultShortTextFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
+    const includeWrapper = fieldLayoutInfo.attrs?.includeWrapper || 'yes';
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
+    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
+    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
+    const readOnlyPermission = fieldContext.readOnly;
+    const isPrimaryKey = fieldMetadata.isPrimaryKey || false;
+
+    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
+
+    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;
+    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;
+
+    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;
+    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
+    return (
+        <>
+            {includeWrapper === 'yes' &&
+                <div className="relative">
+                    <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4">
+                        {showFieldLabel != false &&
+                            <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">{fieldLabel}
+                                {fieldMetadata.required && <span className="text-red-500"> *</span>}
+                                <SolidFieldTooltip fieldContext={fieldContext} />
+                                {/* &nbsp;   {fieldDescription && <span className="form_field_help">({fieldDescription}) </span>} */}
+                            </label>
+                        }
+                        <InputText
+                            readOnly={formReadonly || fieldReadonly || readOnlyPermission || isPrimaryKey}
+                            disabled={formDisabled || fieldDisabled || isPrimaryKey}
+                            id={fieldLayoutInfo.attrs.name}
+                            name={fieldMetadata.name}
+                            aria-describedby={`${fieldLayoutInfo.attrs.name}-help`}
+                            // onChange={formik.handleChange}
+                            onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
+                            onBlur={(e) => fieldContext.onBlur(e, 'onFieldBlur')}
+                            value={formik.values[fieldLayoutInfo.attrs.name] || ''}
+                        />
+                    </div>
+                    {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
+                        <div className="absolute mt-1">
+                            <Message severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />
+                        </div>
+                    )}
+                </div>
+            }
+            {includeWrapper === 'no' &&
+                <>
+                    {showFieldLabel != false &&
+                        <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">{fieldLabel}
+                            {fieldMetadata.required && <span className="text-red-500"> *</span>}
+                            <SolidFieldTooltip fieldContext={fieldContext} />
+                            {/* &nbsp;   {fieldDescription && <span className="form_field_help">({fieldDescription}) </span>} */}
+                        </label>
+                    }
+                    <InputText
+                        readOnly={formReadonly || fieldReadonly || readOnlyPermission}
+                        disabled={formDisabled || fieldDisabled}
+                        id={fieldLayoutInfo.attrs.name}
+                        name={fieldMetadata.name}
+                        aria-describedby={`${fieldLayoutInfo.attrs.name}-help`}
+                        // onChange={formik.handleChange}
+                        onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
+                        onBlur={(e) => fieldContext.onBlur(e, 'onFieldBlur')}
+                        value={formik.values[fieldLayoutInfo.attrs.name] || ''}
+                    />
+                </>
+            }
+        </>
+    );
+}
+
+export const DefaultShortTextFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
+
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
+    return (
+        <div className="mt-2 flex-column gap-2">
+            {showFieldLabel !== false && (
+                <p className="m-0 form-field-label font-medium">{fieldLabel}</p>
+            )}
+            <p className="m-0">{formik.values[fieldLayoutInfo.attrs.name] && typeof formik.values[fieldLayoutInfo.attrs.name] !== "object" && typeof formik.values[fieldLayoutInfo.attrs.name] == "string" && formik.values[fieldLayoutInfo.attrs.name]}</p>
+        </div>
+    );
+}
+
+// Masked ShortText - LIST
+export const MaskedShortTextListViewWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {
+    const colVal = rowData[column.attrs.name];
+    // Mask it (show same number of * as characters, or fixed length if you want)
+    const maskedValue = colVal ? '*'.repeat(colVal.length) : '';
+    return (
+        <span>{maskedValue}</span>
+    );
+};
+
+// Masked ShortText - VIEW
+export const MaskedShortTextFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
+    // Get actual value
+    const rawValue: string = formik.values[fieldLayoutInfo.attrs.name] || '';
+
+    // Mask it (show same number of * as characters, or fixed length if you want)
+    const maskedValue = rawValue ? '*'.repeat(rawValue.length) : '';
+
+    return (
+        <div className="mt-2 flex-column gap-2">
+            {showFieldLabel !== false && (
+                <p className="m-0 form-field-label font-medium">{fieldLabel}</p>
+            )}
+            <p className="m-0">{maskedValue}</p>
+        </div>
+    );
+};
+
+// Masked ShortText - EDIT
+export const MaskedShortTextFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const includeWrapper = fieldLayoutInfo.attrs?.includeWrapper || 'yes';
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
+    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
+    const readOnlyPermission = fieldContext.readOnly;
+    const isPrimaryKey = fieldMetadata.isPrimaryKey || false;
+
+    const isFormFieldValid = (formik: any, fieldName: string) =>
+        formik.touched[fieldName] && formik.errors[fieldName];
+
+    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;
+    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;
+    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;
+    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
+
+    const passwordField = (
+        <Password
+            toggleMask
+            feedback={false}
+            readOnly={formReadonly || fieldReadonly || readOnlyPermission || isPrimaryKey}
+            disabled={formDisabled || fieldDisabled || isPrimaryKey}
+            id={fieldLayoutInfo.attrs.name}
+            name={fieldMetadata.name}
+            aria-describedby={`${fieldLayoutInfo.attrs.name}-help`}
+            onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
+            onBlur={(e) => fieldContext.onBlur(e, 'onFieldBlur')}
+            value={formik.values[fieldLayoutInfo.attrs.name] || ''}
+            className="w-full"
+        />
+    );
+
+    return (
+        <>
+            {includeWrapper === 'yes' && (
+                <div className="relative">
+                    <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4">
+                        {showFieldLabel !== false && (
+                            <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">
+                                {fieldLabel}
+                                {fieldMetadata.required && <span className="text-red-500"> *</span>}
+                                <SolidFieldTooltip fieldContext={fieldContext} />
+                            </label>
+                        )}
+                        {passwordField}
+                    </div>
+                    {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
+                        <div className="absolute mt-1">
+                            <Message
+                                severity="error"
+                                text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()}
+                            />
+                        </div>
+                    )}
+                </div>
+            )}
+
+            {includeWrapper === 'no' && (
+                <>
+                    {showFieldLabel !== false && (
+                        <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">
+                            {fieldLabel}
+                            {fieldMetadata.required && <span className="text-red-500"> *</span>}
+                            <SolidFieldTooltip fieldContext={fieldContext} />
+                        </label>
+                    )}
+                    {passwordField}
+                </>
+            )}
+        </>
+    );
+};

package/dist/components/core/form/fields/SolidTimeField.d.ts

@@ -0,0 +1,15 @@
+import * as Yup from 'yup';
+import { FormikObject, ISolidField, SolidFieldProps } from "./ISolidField";
+import { SolidFormFieldWidgetProps } from "../../../../types/solid-core";
+export declare class SolidTimeField implements ISolidField {
+    private fieldContext;
+    constructor(fieldContext: SolidFieldProps);
+    updateFormData(value: any, formData: FormData): any;
+    initialValue(): any;
+    validationSchema(): Yup.Schema;
+    render(formik: FormikObject): import("react/jsx-runtime").JSX.Element;
+    renderExtensionRenderMode(widget: string, formik: FormikObject): import("react/jsx-runtime").JSX.Element;
+}
+export declare const DefaultTimeFormEditWidget: ({ formik, fieldContext }: SolidFormFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultTimeFormViewWidget: ({ formik, fieldContext, }: SolidFormFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidTimeField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTimeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidTimeField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAoCzE,qBAAa,cAAe,YAAW,WAAW;IAE9C,OAAO,CAAC,YAAY,CAAkB;gBAE1B,YAAY,EAAE,eAAe;IAIzC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAoBnD,YAAY,IAAI,GAAG;IAkBnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IAa9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAmC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAYjE;AAID,eAAO,MAAM,yBAAyB,6BAA8B,yBAAyB,4CAyD5F,CAAA;AAGD,eAAO,MAAM,yBAAyB,8BAGnC,yBAAyB,4CA4B3B,CAAC"}

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

@@ -0,0 +1,195 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Calendar } from "primereact/calendar";
+import { Message } from "primereact/message";
+import { useRef } from "react";
+import * as Yup from 'yup';
+import { getExtensionComponent } from "../../../../helpers/registry";
+import { SolidFieldTooltip } from "../../../../components/common/SolidFieldTooltip";
+import { ERROR_MESSAGES } from "../../../../constants/error-messages";
+import { DateFieldViewComponent } from '../../../../components/core/common/DateFieldViewComponent';
+// Converts multiple time formats into a JavaScript Date object
+function parseTimeStringToDate(timeStr) {
+    if (!timeStr)
+        return null;
+    // CASE 1: HH:mm:ss
+    if (typeof timeStr === "string" && /^\d{2}:\d{2}:\d{2}$/.test(timeStr)) {
+        var _a = timeStr.split(":").map(Number), h = _a[0], m = _a[1], s = _a[2];
+        var d = new Date();
+        d.setHours(h, m, s, 0);
+        return d;
+    }
+    // CASE 2: timestamp or timestamptz
+    try {
+        var d = new Date(timeStr); // ← AUTO UTC → LOCAL conversion
+        if (!isNaN(d.getTime()))
+            return d;
+    }
+    catch (e) {
+        console.error("".concat(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('Date'), ":,").concat(e));
+    }
+    return null;
+}
+// Formats a Date object to a HH:mm:ss string for display
+function formatTime(date) {
+    if (!date)
+        return "";
+    return date.toLocaleTimeString();
+}
+var SolidTimeField = /** @class */ (function () {
+    function SolidTimeField(fieldContext) {
+        Object.defineProperty(this, "fieldContext", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.fieldContext = fieldContext;
+    }
+    Object.defineProperty(SolidTimeField.prototype, "updateFormData", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (value, formData) {
+            var fieldLayoutInfo = this.fieldContext.field;
+            if (value instanceof Date) {
+                // Use local date with selected time
+                var now = new Date();
+                var localDate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), value.getHours(), value.getMinutes(), value.getSeconds());
+                formData.append(fieldLayoutInfo.attrs.name, localDate.toISOString());
+            }
+            else if (value) {
+                formData.append(fieldLayoutInfo.attrs.name, value);
+            }
+        }
+    });
+    Object.defineProperty(SolidTimeField.prototype, "initialValue", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _a, _b;
+            var fieldName = this.fieldContext.field.attrs.name;
+            var fieldDefaultValue = (_b = (_a = this.fieldContext) === null || _a === void 0 ? void 0 : _a.fieldMetadata) === null || _b === void 0 ? void 0 : _b.defaultValue;
+            var existingValue = this.fieldContext.data[fieldName];
+            if (existingValue) {
+                if (existingValue instanceof Date) {
+                    return existingValue;
+                }
+                if (typeof existingValue === "string") {
+                    var parsed = parseTimeStringToDate(existingValue);
+                    if (parsed)
+                        return parsed;
+                }
+            }
+            return fieldDefaultValue ? new Date(fieldDefaultValue) : null;
+        }
+    });
+    Object.defineProperty(SolidTimeField.prototype, "validationSchema", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _a;
+            var schema = Yup.date().nullable();
+            var fieldMetadata = this.fieldContext.fieldMetadata;
+            var fieldLayoutInfo = this.fieldContext.field;
+            var fieldLabel = (_a = fieldLayoutInfo.attrs.label) !== null && _a !== void 0 ? _a : fieldMetadata.displayName;
+            // 1. required 
+            if (fieldMetadata.required) {
+                schema = schema.required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));
+            }
+            return schema;
+        }
+    });
+    Object.defineProperty(SolidTimeField.prototype, "render", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (formik) {
+            var _a;
+            var fieldMetadata = this.fieldContext.fieldMetadata;
+            var fieldLayoutInfo = this.fieldContext.field;
+            var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
+            var className = ((_a = fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.className) || 'field col-12';
+            var viewWidget = fieldLayoutInfo.attrs.viewWidget;
+            var editWidget = fieldLayoutInfo.attrs.editWidget;
+            if (!editWidget) {
+                editWidget = 'DefaultTimeFormEditWidget';
+            }
+            if (!viewWidget) {
+                viewWidget = 'DefaultTimeFormViewWidget';
+            }
+            var viewMode = this.fieldContext.viewMode;
+            return (_jsx(_Fragment, { children: _jsxs("div", { className: className, children: [viewMode === "view" &&
+                            this.renderExtensionRenderMode(viewWidget, formik), viewMode === "edit" &&
+                            _jsx(_Fragment, { children: editWidget &&
+                                    this.renderExtensionRenderMode(editWidget, formik) })] }) }));
+        }
+    });
+    Object.defineProperty(SolidTimeField.prototype, "renderExtensionRenderMode", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (widget, formik) {
+            var DynamicWidget = getExtensionComponent(widget);
+            var widgetProps = {
+                formik: formik,
+                fieldContext: this.fieldContext,
+            };
+            return (_jsx(_Fragment, { children: DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps)) }));
+        }
+    });
+    return SolidTimeField;
+}());
+export { SolidTimeField };
+export var DefaultTimeFormEditWidget = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var formik = _a.formik, fieldContext = _a.fieldContext;
+    var fieldMetadata = fieldContext.fieldMetadata;
+    var fieldLayoutInfo = fieldContext.field;
+    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
+    var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
+    var calendarRef = useRef(null); // Reference for the Calendar component
+    var fieldDescription = (_d = fieldLayoutInfo.attrs.description) !== null && _d !== void 0 ? _d : fieldMetadata.description;
+    var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
+    var showFieldLabel = (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.showLabel;
+    var readOnlyPermission = fieldContext.readOnly;
+    var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
+    var fieldDisabled = (_f = fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.disabled;
+    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 fieldValue = formik.values[fieldLayoutInfo.attrs.name];
+    return (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", children: [showFieldLabel != false &&
+                        _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "form-field-label", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsx(Calendar, { disabled: formDisabled || fieldDisabled || readOnlyPermission, ref: calendarRef, id: fieldLayoutInfo.attrs.name, "aria-describedby": "".concat(fieldLayoutInfo.attrs.name, "-help"), 
+                        // onChange={formik.handleChange}
+                        onChange: function (e) { return fieldContext.onChange(e, 'onFieldChange'); }, 
+                        //@ts-ignore
+                        // value={formik.values[fieldLayoutInfo.attrs.name] ? formik.values[fieldLayoutInfo.attrs.name] : Date()}
+                        value: fieldValue instanceof Date ? fieldValue : typeof fieldValue === "string" ? parseTimeStringToDate(fieldValue) : null, 
+                        // dateFormat="mm/dd/yy"
+                        // placeholder="mm/dd/yyyy hh:mm"
+                        hideOnDateTimeSelect: true, timeOnly: true, showTime: true, className: "", hourFormat: "24" })] }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_k = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _k === void 0 ? void 0 : _k.toString() }) }))] }));
+};
+export var DefaultTimeFormViewWidget = function (_a) {
+    var _b, _c, _d;
+    var formik = _a.formik, fieldContext = _a.fieldContext;
+    var fieldMetadata = fieldContext.fieldMetadata;
+    var fieldLayoutInfo = fieldContext.field;
+    var fieldName = fieldLayoutInfo.attrs.name;
+    var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
+    var rawValue = formik.values[fieldName];
+    var format = (_d = fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.format;
+    return (_jsxs("div", { className: "mt-2 flex flex-column gap-2", children: [showFieldLabel !== false && (_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel })), _jsx("p", { className: "m-0", children: _jsx(DateFieldViewComponent, { value: rawValue, format: format, fallback: "-" }) })] }));
+};
+//# sourceMappingURL=SolidTimeField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidTimeField.tsx"],"names":[],"mappings":"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"}