@solidxai/core-ui 0.1.9-beta.18 → 0.1.9-beta.19

package/dist/components/core/model/FieldMetaDataForm.js

@@ -1404,237 +1404,211 @@ var FieldMetaDataForm = function (_a) {
         searchData: searchSelectionDecryptWhen,
         existingData: decryptWhenExisting,
     });
-    return (_jsxs("div", { children: [_jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, onReset: function (event) {
+    return (_jsxs("div", { children: [_jsx("div", { children: _jsx("form", { onSubmit: formik.handleSubmit, onReset: function (event) {
                         event.preventDefault();
                         resetFormStateForTypeSelection();
-                    }, children: [_jsx("div", { className: "solid-field-metadata-form-header", children: pathname.includes('create') ?
-                                _jsxs(_Fragment, { children: [_jsx("div", { className: "flex align-items-center gap-3", children: showTypeFilter === false ?
-                                                _jsxs(_Fragment, { children: [_jsx(SolidButton, { text: true, icon: 'si si-arrow-left', size: "small", type: "button", "aria-label": "Back", className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button', onClick: function () {
-                                                                if (!formik.values.displayName) {
-                                                                    resetFormStateForTypeSelection();
-                                                                    setShowTypeFilter(true);
-                                                                }
-                                                                else {
-                                                                    setIsBackPopupVisible(true);
-                                                                }
-                                                            } }), _jsx("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: capitalize(modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName) })] })
-                                                :
-                                                    _jsx("div", { className: "flex text-2xl font-bold align-items-center ml-4", style: { color: '#000' }, children: _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper text-base", children: ["Model - ", capitalize(modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName)] }) }) }), _jsx("div", { className: "flex align-items-center gap-3 close-popup", children: _jsx(SolidButton, { icon: "si si-times", rounded: true, text: true, "aria-label": "Cancel", type: "reset", size: "small", onClick: function () { return setVisiblePopup(false); }, className: 'max-w-2rem bg-primary-reverse text-color' }) })] })
-                                :
-                                    _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [!(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id) &&
-                                                        _jsx(SolidButton, { text: true, icon: 'si si-arrow-left', size: "small", type: "button", "aria-label": "Back", className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button', onClick: function () {
-                                                                if (!formik.values.displayName) {
-                                                                    resetFormStateForTypeSelection();
-                                                                    setShowTypeFilter(true);
-                                                                }
-                                                                else {
-                                                                    setIsBackPopupVisible(true);
-                                                                }
-                                                            } }), fieldMetaData ?
-                                                        _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper", children: ["Edit ", capitalize(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.displayName)] })
-                                                        :
-                                                            _jsxs("div", { className: "form-wrapper-title solid-mobile-text-wrapper", children: ["Add New ", (selectedType === null || selectedType === void 0 ? void 0 : selectedType.label) && !showTypeFilter && capitalize(selectedType.label), " Field to ", capitalize(modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName)] })] }), _jsx("div", { className: "flex align-items-center gap-3 close-popup", children: _jsx(SolidButton, { icon: "si si-times", text: true, "aria-label": "Cancel", type: "reset", size: "small", onClick: function () { return setVisiblePopup(false); }, className: 'max-w-2rem bg-primary-reverse text-color' }) })] }) }), showTypeFilter === true ?
-                            _jsx(FieldSelector, { handleTypeSelect: handleTypeSelect, modelMetaData: modelMetaData })
-                            :
-                                _jsx("div", { className: "p-3", style: { maxHeight: '80vh', overflowY: 'auto', overflowX: 'hidden' }, children: _jsx("div", { className: "p-d-flex p-jc-center creat-field-for form-dem", children: _jsxs("div", { className: "p-fluid", style: { position: 'relative' }, children: [_jsxs(TabView, { panelContainerClassName: "px-0", children: [_jsx(TabPanel, { header: "Basic Info", className: (formik.touched.hasOwnProperty("name") && formik.errors.hasOwnProperty("name")) || (formik.touched.hasOwnProperty("displayName") && formik.errors.hasOwnProperty("displayName")) || (formik.touched.hasOwnProperty("displayName") && formik.errors.hasOwnProperty("ormType")) ? "tab-error-heading" : "", children: _jsxs("div", { className: "formgrid grid", children: [currentFields.includes("displayName") && (_jsxs("div", { className: "field col-12 md:col-6 mt-2", children: [_jsx("label", { htmlFor: "displayName", className: classNames("form-field-label", styles.fieldLabel), children: "Display Name" }), _jsx(SolidInput, { type: "text", disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, id: "displayName", name: "displayName", onChange: function (e) {
-                                                                                    formik.setFieldValue("displayName", e.target.value);
-                                                                                    var _a = getSingularAndPlural(e.target.value), toCamelCase = _a.toCamelCase, toSnakeCase = _a.toSnakeCase;
-                                                                                    formik.setFieldValue("name", toCamelCase);
-                                                                                    if (showColumnName) {
-                                                                                        formik.setFieldValue("columnName", toSnakeCase);
-                                                                                    }
-                                                                                }, value: formik.values.displayName, className: classNames(styles.fieldInput, {
-                                                                                    "p-invalid": isFormFieldValid(formik, "displayName"),
-                                                                                }) }), isFormFieldValid(formik, "displayName") && (_jsx("p", { className: styles.fieldError, children: (_r = (_q = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _q === void 0 ? void 0 : _q.displayName) === null || _r === void 0 ? void 0 : _r.toString() }))] })), currentFields.includes("name") && (_jsxs("div", { className: "field col-12 md:col-6 mt-1 md:mt-0", children: [_jsx("label", { htmlFor: "name", className: classNames("form-field-label", styles.fieldLabel), children: "Name" }), _jsx(SolidInput, { disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, type: "text", id: "name", name: "name", onChange: formik.handleChange, value: formik.values.name, className: classNames(styles.fieldInput, {
-                                                                                    "p-invalid": isFormFieldValid(formik, "name"),
-                                                                                }) }), isFormFieldValid(formik, "name") && (_jsx("p", { className: styles.fieldError, children: (_t = (_s = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _s === void 0 ? void 0 : _s.name) === null || _t === void 0 ? void 0 : _t.toString() }))] })), currentFields.includes("description") && (_jsxs("div", { className: "field col-12 md:col-6 mt-1 md:mt-2", children: [_jsx("label", { htmlFor: "description", className: classNames("form-field-label", styles.fieldLabel), children: "Description" }), _jsx(SolidTextarea, { "aria-describedby": "Description of your field", id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, rows: 5, cols: 30, className: classNames(styles.fieldTextarea, {
-                                                                                    "p-invalid": isFormFieldValid(formik, "description"),
-                                                                                }) }), isFormFieldValid(formik, "description") && (_jsx("p", { className: styles.fieldError, children: (_v = (_u = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _u === void 0 ? void 0 : _u.description) === null || _v === void 0 ? void 0 : _v.toString() }))] })), currentFields.includes("columnName") && (_jsxs("div", { className: "field col-12 md:col-6 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { onChange: function (event) {
-                                                                                            var checked = event.currentTarget.checked;
-                                                                                            setShowColumnName(checked);
-                                                                                            if (checked === true) {
-                                                                                                var toSnakeCase = getSingularAndPlural(formik.values.displayName).toSnakeCase;
-                                                                                                if (pathname.includes('create')) {
-                                                                                                    formik.setFieldValue("columnName", toSnakeCase);
-                                                                                                }
+                    }, children: showTypeFilter === true ?
+                        _jsx(FieldSelector, { handleTypeSelect: handleTypeSelect, modelMetaData: modelMetaData })
+                        :
+                            _jsx("div", { className: "p-3", style: { maxHeight: '80vh', overflowY: 'auto', overflowX: 'hidden' }, children: _jsx("div", { className: "p-d-flex p-jc-center creat-field-for form-dem", children: _jsxs("div", { className: "p-fluid", style: { position: 'relative' }, children: [_jsxs(TabView, { panelContainerClassName: "px-0", children: [_jsx(TabPanel, { header: "Basic Info", className: (formik.touched.hasOwnProperty("name") && formik.errors.hasOwnProperty("name")) || (formik.touched.hasOwnProperty("displayName") && formik.errors.hasOwnProperty("displayName")) || (formik.touched.hasOwnProperty("displayName") && formik.errors.hasOwnProperty("ormType")) ? "tab-error-heading" : "", children: _jsxs("div", { className: "formgrid grid", children: [currentFields.includes("displayName") && (_jsxs("div", { className: "field col-12 md:col-6 mt-2", children: [_jsx("label", { htmlFor: "displayName", className: classNames("form-field-label", styles.fieldLabel), children: "Display Name" }), _jsx(SolidInput, { type: "text", disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, id: "displayName", name: "displayName", onChange: function (e) {
+                                                                                formik.setFieldValue("displayName", e.target.value);
+                                                                                var _a = getSingularAndPlural(e.target.value), toCamelCase = _a.toCamelCase, toSnakeCase = _a.toSnakeCase;
+                                                                                formik.setFieldValue("name", toCamelCase);
+                                                                                if (showColumnName) {
+                                                                                    formik.setFieldValue("columnName", toSnakeCase);
+                                                                                }
+                                                                            }, value: formik.values.displayName, className: classNames(styles.fieldInput, {
+                                                                                "p-invalid": isFormFieldValid(formik, "displayName"),
+                                                                            }) }), isFormFieldValid(formik, "displayName") && (_jsx("p", { className: styles.fieldError, children: (_r = (_q = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _q === void 0 ? void 0 : _q.displayName) === null || _r === void 0 ? void 0 : _r.toString() }))] })), currentFields.includes("name") && (_jsxs("div", { className: "field col-12 md:col-6 mt-1 md:mt-0", children: [_jsx("label", { htmlFor: "name", className: classNames("form-field-label", styles.fieldLabel), children: "Name" }), _jsx(SolidInput, { disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, type: "text", id: "name", name: "name", onChange: formik.handleChange, value: formik.values.name, className: classNames(styles.fieldInput, {
+                                                                                "p-invalid": isFormFieldValid(formik, "name"),
+                                                                            }) }), isFormFieldValid(formik, "name") && (_jsx("p", { className: styles.fieldError, children: (_t = (_s = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _s === void 0 ? void 0 : _s.name) === null || _t === void 0 ? void 0 : _t.toString() }))] })), currentFields.includes("description") && (_jsxs("div", { className: "field col-12 md:col-6 mt-1 md:mt-2", children: [_jsx("label", { htmlFor: "description", className: classNames("form-field-label", styles.fieldLabel), children: "Description" }), _jsx(SolidTextarea, { "aria-describedby": "Description of your field", id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, rows: 5, cols: 30, className: classNames(styles.fieldTextarea, {
+                                                                                "p-invalid": isFormFieldValid(formik, "description"),
+                                                                            }) }), isFormFieldValid(formik, "description") && (_jsx("p", { className: styles.fieldError, children: (_v = (_u = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _u === void 0 ? void 0 : _u.description) === null || _v === void 0 ? void 0 : _v.toString() }))] })), currentFields.includes("columnName") && (_jsxs("div", { className: "field col-12 md:col-6 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { onChange: function (event) {
+                                                                                        var checked = event.currentTarget.checked;
+                                                                                        setShowColumnName(checked);
+                                                                                        if (checked === true) {
+                                                                                            var toSnakeCase = getSingularAndPlural(formik.values.displayName).toSnakeCase;
+                                                                                            if (pathname.includes('create')) {
+                                                                                                formik.setFieldValue("columnName", toSnakeCase);
                                                                                             }
-                                                                                            else {
-                                                                                                formik.setFieldValue("columnName", null);
-                                                                                            }
-                                                                                        }, checked: showColumnName, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Set Column Name" })] }), showColumnName && (_jsxs("div", { className: "field col-12 gap-2 mt-4", children: [_jsx("label", { htmlFor: "columnName", className: classNames("form-field-label", styles.fieldLabel), children: "Column Name" }), _jsx(SolidInput, { disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, type: "text", id: "columnName", name: "columnName", onChange: formik.handleChange, value: formik.values.columnName, className: classNames(styles.fieldInput, {
-                                                                                            "p-invalid": isFormFieldValid(formik, "columnName"),
-                                                                                        }) }), isFormFieldValid(formik, "columnName") && (_jsx("p", { className: styles.fieldError, children: (_x = (_w = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _w === void 0 ? void 0 : _w.columnName) === null || _x === void 0 ? void 0 : _x.toString() }))] }))] }))] }) }), _jsxs(TabPanel, { header: "Advanced Config", children: [((_z = (_y = formik === null || formik === void 0 ? void 0 : formik.values) === null || _y === void 0 ? void 0 : _y.type) === null || _z === void 0 ? void 0 : _z.length) > 0 && (_jsxs("div", { className: "formgrid grid", children: [currentFields.includes("length") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "length", className: classNames("form-field-label", styles.fieldLabel), children: "Length" }), _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "length", name: "length", value: formik.values.length, onChange: function (event) { return formik.setFieldValue("length", event.value); }, className: classNames({
-                                                                                            "p-invalid": isFormFieldValid(formik, "length"),
-                                                                                        }) }) }), isFormFieldValid(formik, "length") && (_jsx("p", { className: styles.fieldError, children: (_1 = (_0 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _0 === void 0 ? void 0 : _0.length) === null || _1 === void 0 ? void 0 : _1.toString() }))] })), currentFields.includes("defaultValue") && selectedTypeValue === "boolean" &&
-                                                                            _jsxs("div", { className: "field col-12  md:col-6 flex flex-column gap-2 mt-2", children: [_jsx("label", { style: { marginBottom: "0px" }, htmlFor: "defaultValue", className: classNames("form-field-label", styles.fieldLabel), children: "Default Value" }), _jsx(SolidSegmentedControl, { value: resolveBooleanOptionValue(formik.values.defaultValue), onChange: function (value) { return formik.setFieldValue("defaultValue", value); }, options: booleanSegmentedOptions, className: classNames("", {
-                                                                                            "p-invalid": isFormFieldValid(formik, "defaultValue"),
-                                                                                        }) })] }), currentFields.includes("defaultValue") && selectedTypeValue !== "boolean" && (_jsxs("div", { className: "field col-12  md:col-6 flex flex-column gap-2 mt-2", children: [_jsx("label", { style: { marginBottom: "0px" }, htmlFor: "defaultValue", className: classNames("form-field-label", styles.fieldLabel), children: "Default Value" }), (selectedTypeValue === "shortText" || selectedTypeValue === "longText" || selectedTypeValue === "richText" || selectedTypeValue === "json" || selectedTypeValue === "password" || selectedTypeValue === "selectionStatic") &&
-                                                                                    _jsx(SolidInput, { type: "text", id: "defaultValue", name: "defaultValue", onChange: formik.handleChange, value: formik.values.defaultValue, className: classNames(styles.fieldInput, {
+                                                                                        }
+                                                                                        else {
+                                                                                            formik.setFieldValue("columnName", null);
+                                                                                        }
+                                                                                    }, checked: showColumnName, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Set Column Name" })] }), showColumnName && (_jsxs("div", { className: "field col-12 gap-2 mt-4", children: [_jsx("label", { htmlFor: "columnName", className: classNames("form-field-label", styles.fieldLabel), children: "Column Name" }), _jsx(SolidInput, { disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, type: "text", id: "columnName", name: "columnName", onChange: formik.handleChange, value: formik.values.columnName, className: classNames(styles.fieldInput, {
+                                                                                        "p-invalid": isFormFieldValid(formik, "columnName"),
+                                                                                    }) }), isFormFieldValid(formik, "columnName") && (_jsx("p", { className: styles.fieldError, children: (_x = (_w = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _w === void 0 ? void 0 : _w.columnName) === null || _x === void 0 ? void 0 : _x.toString() }))] }))] }))] }) }), _jsxs(TabPanel, { header: "Advanced Config", children: [((_z = (_y = formik === null || formik === void 0 ? void 0 : formik.values) === null || _y === void 0 ? void 0 : _y.type) === null || _z === void 0 ? void 0 : _z.length) > 0 && (_jsxs("div", { className: "formgrid grid", children: [currentFields.includes("length") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "length", className: classNames("form-field-label", styles.fieldLabel), children: "Length" }), _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "length", name: "length", value: formik.values.length, onChange: function (event) { return formik.setFieldValue("length", event.value); }, className: classNames({
+                                                                                        "p-invalid": isFormFieldValid(formik, "length"),
+                                                                                    }) }) }), isFormFieldValid(formik, "length") && (_jsx("p", { className: styles.fieldError, children: (_1 = (_0 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _0 === void 0 ? void 0 : _0.length) === null || _1 === void 0 ? void 0 : _1.toString() }))] })), currentFields.includes("defaultValue") && selectedTypeValue === "boolean" &&
+                                                                        _jsxs("div", { className: "field col-12  md:col-6 flex flex-column gap-2 mt-2", children: [_jsx("label", { style: { marginBottom: "0px" }, htmlFor: "defaultValue", className: classNames("form-field-label", styles.fieldLabel), children: "Default Value" }), _jsx(SolidSegmentedControl, { value: resolveBooleanOptionValue(formik.values.defaultValue), onChange: function (value) { return formik.setFieldValue("defaultValue", value); }, options: booleanSegmentedOptions, className: classNames("", {
+                                                                                        "p-invalid": isFormFieldValid(formik, "defaultValue"),
+                                                                                    }) })] }), currentFields.includes("defaultValue") && selectedTypeValue !== "boolean" && (_jsxs("div", { className: "field col-12  md:col-6 flex flex-column gap-2 mt-2", children: [_jsx("label", { style: { marginBottom: "0px" }, htmlFor: "defaultValue", className: classNames("form-field-label", styles.fieldLabel), children: "Default Value" }), (selectedTypeValue === "shortText" || selectedTypeValue === "longText" || selectedTypeValue === "richText" || selectedTypeValue === "json" || selectedTypeValue === "password" || selectedTypeValue === "selectionStatic") &&
+                                                                                _jsx(SolidInput, { type: "text", id: "defaultValue", name: "defaultValue", onChange: formik.handleChange, value: formik.values.defaultValue, className: classNames(styles.fieldInput, {
+                                                                                        "p-invalid": isFormFieldValid(formik, "defaultValue"),
+                                                                                    }) }), (selectedTypeValue === "float" || selectedTypeValue === "decimal") &&
+                                                                                _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "defaultValue", name: "defaultValue", step: "0.00001", value: formik.values.defaultValue, onChange: function (event) { return formik.setFieldValue("defaultValue", event.value); }, className: classNames({
                                                                                             "p-invalid": isFormFieldValid(formik, "defaultValue"),
-                                                                                        }) }), (selectedTypeValue === "float" || selectedTypeValue === "decimal") &&
-                                                                                    _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "defaultValue", name: "defaultValue", step: "0.00001", value: formik.values.defaultValue, onChange: function (event) { return formik.setFieldValue("defaultValue", event.value); }, className: classNames({
-                                                                                                "p-invalid": isFormFieldValid(formik, "defaultValue"),
-                                                                                            }) }) }), (selectedTypeValue === "int" || selectedTypeValue === "bigint") &&
-                                                                                    _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "defaultValue", name: "defaultValue", step: "1", value: formik.values.defaultValue, onChange: function (event) { return formik.setFieldValue("defaultValue", event.value); }, className: classNames({
-                                                                                                "p-invalid": isFormFieldValid(formik, "defaultValue"),
-                                                                                            }) }) }), (selectedTypeValue === "date" || selectedTypeValue === "datetime" || selectedTypeValue === "time") && (function () {
-                                                                                    var showTimeSelect = selectedTypeValue === "datetime" || selectedTypeValue === "time";
-                                                                                    var timeOnly = selectedTypeValue === "time";
-                                                                                    var dateFormat = selectedTypeValue === "datetime"
-                                                                                        ? "yyyy-MM-dd HH:mm"
-                                                                                        : timeOnly
-                                                                                            ? "HH:mm"
-                                                                                            : "yyyy-MM-dd";
-                                                                                    var timeFormat = "HH:mm";
-                                                                                    return (_jsx(SolidDatePicker, { id: "defaultValue", selected: formik.values.defaultValue ? new Date(formik.values.defaultValue) : undefined, onChange: function (date) { return formik.setFieldValue("defaultValue", date); }, showTimeSelect: showTimeSelect, timeOnly: timeOnly, dateFormat: dateFormat, timeFormat: timeFormat, inputClassName: classNames({
+                                                                                        }) }) }), (selectedTypeValue === "int" || selectedTypeValue === "bigint") &&
+                                                                                _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "defaultValue", name: "defaultValue", step: "1", value: formik.values.defaultValue, onChange: function (event) { return formik.setFieldValue("defaultValue", event.value); }, className: classNames({
                                                                                             "p-invalid": isFormFieldValid(formik, "defaultValue"),
-                                                                                        }) }));
-                                                                                })(), isFormFieldValid(formik, "defaultValue") && (_jsx("p", { className: styles.fieldError, children: (_3 = (_2 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _2 === void 0 ? void 0 : _2.defaultValue) === null || _3 === void 0 ? void 0 : _3.toString() }))] })), currentFields.includes("mediaTypes") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "mediaTypes", className: classNames("form-field-label", styles.fieldLabel), children: "Media Type" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_b = {},
-                                                                                        _b[styles.fieldInvalidControl] = isFormFieldValid(formik, "mediaTypes"),
-                                                                                        _b)), children: _jsx(SolidAutocomplete, { multiple: true, dropdown: true, field: "label", value: mediaTypeSelectedItems, suggestions: filteredMediaTypes, completeMethod: handleMediaTypesSearch, maxVisibleChips: 3, onChange: function (_a) {
-                                                                                            var value = _a.value;
-                                                                                            var selection = Array.isArray(value) ? value : [];
-                                                                                            var normalizedValues = selection
-                                                                                                .map(function (item) {
-                                                                                                if (item && typeof item === "object") {
-                                                                                                    if (item.value)
-                                                                                                        return item.value;
-                                                                                                    if (item.label)
-                                                                                                        return item.label;
-                                                                                                }
-                                                                                                return item !== null && item !== void 0 ? item : null;
-                                                                                            })
-                                                                                                .filter(Boolean);
-                                                                                            formik.setFieldValue("mediaTypes", normalizedValues);
-                                                                                        }, placeholder: "Select media types", className: "w-full" }) }), isFormFieldValid(formik, "mediaTypes") && (_jsx("p", { className: styles.fieldError, children: (_5 = (_4 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _4 === void 0 ? void 0 : _4.mediaTypes) === null || _5 === void 0 ? void 0 : _5.toString() }))] })), currentFields.includes("mediaMaxSizeKb") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2 md:mt-0", children: [_jsx("label", { htmlFor: "mediaMaxSizeKb", className: classNames("form-field-label", styles.fieldLabel), children: "Media Max Size (Mb)" }), _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "mediaMaxSizeKb", name: "mediaMaxSizeKb", value: formik.values.mediaMaxSizeKb, onChange: function (event) { return formik.setFieldValue("mediaMaxSizeKb", event.value); }, className: classNames({
-                                                                                            "p-invalid": isFormFieldValid(formik, "mediaMaxSizeKb"),
-                                                                                        }) }) }), isFormFieldValid(formik, "mediaMaxSizeKb") && (_jsx("p", { className: styles.fieldError, children: (_7 = (_6 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _6 === void 0 ? void 0 : _6.mediaMaxSizeKb) === null || _7 === void 0 ? void 0 : _7.toString() }))] })), currentFields.includes("mediaStorageProviderId") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "mediaStorageProviderId", className: classNames("form-field-label", styles.fieldLabel), children: "Media  Storage Provider" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_c = {},
-                                                                                        _c[styles.fieldInvalidControl] = isFormFieldValid(formik, "mediaStorageProvider"),
-                                                                                        _c)), children: _jsx(SolidAutocomplete, { value: mediaStorageProviderField.selectedItem, suggestions: mediaStorageProviderField.filteredItems, completeMethod: mediaStorageProviderField.searchItems, onChange: mediaStorageProviderField.handleChange, dropdown: true, field: "name", className: "w-full" }) }), isFormFieldValid(formik, "mediaStorageProvider") && (_jsx("p", { className: styles.fieldError, children: (_9 = (_8 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _8 === void 0 ? void 0 : _8.mediaStorageProviderId) === null || _9 === void 0 ? void 0 : _9.toString() }))] })), currentFields.includes("mediaEmbedded") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "mediaEmbedded", className: classNames("form-field-label", styles.fieldLabel), children: "Media Embedded" }), _jsx(SolidSegmentedControl, { value: resolveBooleanOptionValue(formik.values.mediaEmbedded), onChange: function (value) {
-                                                                                        formik.setFieldValue("mediaEmbedded", value);
-                                                                                    }, options: booleanSegmentedOptions, className: classNames("", {
-                                                                                        "p-invalid": isFormFieldValid(formik, "mediaEmbedded"),
-                                                                                    }) }), isFormFieldValid(formik, "mediaEmbedded") && (_jsx("p", { className: styles.fieldError, children: (_11 = (_10 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _10 === void 0 ? void 0 : _10.mediaEmbedded) === null || _11 === void 0 ? void 0 : _11.toString() }))] })), currentFields.includes("relationType") && (_jsxs("div", { className: "field col-12 flex gap-2 mt-1 align-items-center", children: [_jsx("label", { style: { marginBottom: "0px" }, htmlFor: "relationType", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Type" }), _jsx(SolidSegmentedControl, { value: formik.values.relationType, options: fieldDefaultMetaData.data.relationTypes, onChange: function (value) {
-                                                                                        formik.setFieldValue("relationType", value);
-                                                                                        if (value === "one-to-many") {
-                                                                                            formik.setFieldValue("relationCreateInverse", true);
-                                                                                        }
-                                                                                    }, className: classNames("", {
-                                                                                        "p-invalid": isFormFieldValid(formik, "relationType"),
-                                                                                    }) }), isFormFieldValid(formik, "relationType") && (_jsx("p", { className: styles.fieldError, children: (_13 = (_12 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _12 === void 0 ? void 0 : _12.relationType) === null || _13 === void 0 ? void 0 : _13.toString() }))] })), currentFields.includes("relationType") && (formik.values.relationType === "many-to-one" || formik.values.relationType === "one-to-many") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationCascade", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Cascade" }), _jsx(SolidSelect, { value: formik.values.relationCascade, options: fieldDefaultMetaData.data.cascadeTypes, optionLabel: "label", optionValue: "value", onChange: function (_a) {
-                                                                                        var value = _a.value;
-                                                                                        return formik.setFieldValue("relationCascade", value);
-                                                                                    }, placeholder: "Cascade", className: classNames("w-full", {
-                                                                                        "p-invalid": isFormFieldValid(formik, "relationCascade"),
-                                                                                    }) }), isFormFieldValid(formik, "relationCascade") && (_jsx("p", { className: styles.fieldError, children: (_15 = (_14 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _14 === void 0 ? void 0 : _14.relationCascade) === null || _15 === void 0 ? void 0 : _15.toString() }))] })), currentFields.includes("relationModelModuleName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2  mt-1", children: [_jsx("label", { htmlFor: "relationModelModuleName", className: classNames("form-field-label", styles.fieldLabel), children: "Co-Module Name" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_d = {},
-                                                                                        _d[styles.fieldInvalidControl] = isFormFieldValid(formik, "relationModelModuleName"),
-                                                                                        _d)), children: _jsx(SolidAutocomplete, { value: relationModelModuleField.selectedItem, suggestions: relationModelModuleField.filteredItems, completeMethod: relationModelModuleField.searchItems, onChange: relationModelModuleField.handleChange, dropdown: true, field: "name", className: "w-full" }) }), isFormFieldValid(formik, "relationModelModuleName") && (_jsx("p", { className: styles.fieldError, children: (_17 = (_16 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _16 === void 0 ? void 0 : _16.relationModelModuleName) === null || _17 === void 0 ? void 0 : _17.toString() }))] })), currentFields.includes("relationCoModelSingularName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationCoModelSingularName", className: classNames("form-field-label", styles.fieldLabel), children: "Co-Model Name" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_e = {},
-                                                                                        _e[styles.fieldInvalidControl] = isFormFieldValid(formik, "relationCoModelSingularName"),
-                                                                                        _e)), children: _jsx(SolidAutocomplete, { value: relationCoModelField.selectedItem, suggestions: relationCoModelField.filteredItems, completeMethod: relationCoModelField.searchItems, onChange: relationCoModelField.handleChange, dropdown: true, field: "displayName", className: "w-full" }) }), isFormFieldValid(formik, "relationCoModelSingularName") && (_jsx("p", { className: styles.fieldError, children: (_19 = (_18 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _18 === void 0 ? void 0 : _18.relationCoModelSingularName) === null || _19 === void 0 ? void 0 : _19.toString() })), formik.values.relationType === "one-to-many" &&
-                                                                                    _jsx("p", { className: "fieldSubTitle", children: "This is the child model." }), formik.values.relationType === "many-to-one" &&
-                                                                                    _jsx("p", { className: "fieldSubTitle", children: "This is the parent model." })] })), currentFields.includes("relationCoModelColumnName") && (formik.values.relationType === "many-to-many" || formik.values.relationType === "many-to-one") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationCoModelColumnName", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Co-Model Column Name" }), _jsx(SolidInput, { type: "text", id: "relationCoModelColumnName", name: "relationCoModelColumnName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationCoModelColumnName, className: classNames(styles.fieldInput, {
-                                                                                        "p-invalid": isFormFieldValid(formik, "relationCoModelColumnName"),
-                                                                                    }) }), isFormFieldValid(formik, "relationCoModelColumnName") && (_jsx("p", { className: styles.fieldError, children: (_21 = (_20 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _20 === void 0 ? void 0 : _20.relationCoModelColumnName) === null || _21 === void 0 ? void 0 : _21.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Allows you to control the column name of the foreign key. Eg. when adding a country field to state model, by default foreign key column in the state table will be called country_id, use this field to create a foreign key with a different name. " })] })), askForUserKeyField && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "userKey", className: classNames("form-field-label", styles.fieldLabel), children: "Set User Key" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_f = {},
-                                                                                        _f[styles.fieldInvalidControl] = isFormFieldValid(formik, "userKey"),
-                                                                                        _f)), children: _jsx(SolidAutocomplete, { value: userKeyField.selectedItem, suggestions: userKeyField.filteredItems, completeMethod: userKeyField.searchItems, onChange: userKeyField.handleChange, dropdown: true, field: "displayName", className: "w-full" }) }), _jsx("p", { className: "fieldSubTitle", children: "The co-model you have selected does not have a user key specified. Use the above dropdown to choose from one of the \"unique\" fields in this co-model to be set as its userkey. User keys are required in co-models being used in many-to-one or one-to-many relations as in SolidX when a many-to-one field is rendered it uses an autocomplete dropdown, and the user key value is what is displayed as the label in the dropdown." }), isFormFieldValid(formik, "userKey") && (_jsx("p", { className: styles.fieldError, children: (_23 = (_22 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _22 === void 0 ? void 0 : _22.userKey) === null || _23 === void 0 ? void 0 : _23.toString() }))] })), currentFields.includes("relationFieldFixedFilter") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationFieldFixedFilter", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Field Fixed Filter" }), _jsx(SolidTextarea, { "aria-describedby": "Fixed Filter", id: "relationFieldFixedFilter", name: "relationFieldFixedFilter", onChange: formik.handleChange, value: formik.values.relationFieldFixedFilter, rows: 5, cols: 30, className: classNames(styles.fieldTextarea, {
-                                                                                        "p-invalid": isFormFieldValid(formik, "relationFieldFixedFilter"),
-                                                                                    }) }), isFormFieldValid(formik, "relationFieldFixedFilter") && (_jsx("p", { className: styles.fieldError, children: (_25 = (_24 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _24 === void 0 ? void 0 : _24.relationFieldFixedFilter) === null || _25 === void 0 ? void 0 : _25.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Many to one fields are rendered as autocomplete dropdown on the SolidX ui. Use the fixed filter to load a pre-filtered set of records from the co-model. Please note user input entered in the autocomplete is used to apply a dynamic filter." })] })), currentFields.includes("relationCreateInverse") && (_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationCreateInverse", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Create Inverse" }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "relationCreateInverse", name: "relationCreateInverse", checked: formik.values.relationCreateInverse, disabled: formik.values.relationType === "one-to-many", onChange: function (event) { return formik.setFieldValue("relationCreateInverse", event.currentTarget.checked); } }), _jsx("label", { htmlFor: "relationCreateInverse", className: classNames("ml-2", "form-field-label", styles.fieldLabel), children: "Create Inverse" })] }), isFormFieldValid(formik, "relationCreateInverse") && (_jsx("p", { className: styles.fieldError, children: (_27 = (_26 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _26 === void 0 ? void 0 : _26.relationCreateInverse) === null || _27 === void 0 ? void 0 : _27.toString() }))] })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && !formik.values.relationCoModelSingularName && (_jsx("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: _jsx(SolidMessage, { text: "Please select Co-model" }) })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && formik.values.relationCoModelSingularName && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("label", { htmlFor: "relationCoModelFieldName", className: classNames("form-field-label", styles.fieldLabel), children: ["Field Name In ", formik.values.relationCoModelSingularName, " Model"] }), _jsx(SolidInput, { type: "text", id: "relationCoModelFieldName", name: "relationCoModelFieldName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationCoModelFieldName, className: classNames(styles.fieldInput, {
-                                                                                        "p-invalid": isFormFieldValid(formik, "relationCoModelFieldName"),
-                                                                                    }) }), formik.values.relationType === "one-to-many" &&
-                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the child model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: (_28 = formik.values.relationCoModelFieldName) !== null && _28 !== void 0 ? _28 : formik.values.relationCoModelSingularName }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-one" &&
-                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the parent model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: (_29 = formik.values.relationCoModelFieldName) !== null && _29 !== void 0 ? _29 : "".concat(formik.values.relationCoModelSingularName, "s") }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-many" &&
-                                                                                    _jsxs("p", { className: "fieldSubTitle", children: ["In this case a ", formik.values.relationCoModelFieldName, " field will be created in the ", _jsx("span", { style: { fontWeight: "700" }, children: (_30 = formik.values.relationCoModelSingularName) !== null && _30 !== void 0 ? _30 : '{{}}' }), " when setting create inverse true."] }), isFormFieldValid(formik, "relationCoModelFieldName") && (_jsx("p", { className: styles.fieldError, children: (_32 = (_31 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _31 === void 0 ? void 0 : _31.relationCoModelFieldName) === null || _32 === void 0 ? void 0 : _32.toString() }))] })), currentFields.includes("relationJoinTableName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationJoinTableName", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Join Table Name" }), _jsx(SolidInput, { type: "text", id: "relationJoinTableName", name: "relationJoinTableName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationJoinTableName, className: classNames(styles.fieldInput, {
-                                                                                        "p-invalid": isFormFieldValid(formik, "relationJoinTableName"),
-                                                                                    }) }), isFormFieldValid(formik, "relationJoinTableName") && (_jsx("p", { className: styles.fieldError, children: (_34 = (_33 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _33 === void 0 ? void 0 : _33.relationJoinTableName) === null || _34 === void 0 ? void 0 : _34.toString() }))] })), currentFields.includes("selectionDynamicProvider") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "selectionDynamicProvider", className: classNames("form-field-label", styles.fieldLabel), children: "Selection Dynamic Provider" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_g = {},
-                                                                                        _g[styles.fieldInvalidControl] = isFormFieldValid(formik, "selectionDynamicProvider"),
-                                                                                        _g)), children: _jsx(SolidAutocomplete, { value: selectionDynamicProviderField.selectedItem, suggestions: selectionDynamicProviderField.filteredItems, completeMethod: selectionDynamicProviderField.searchItems, onChange: selectionDynamicProviderField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "selectionDynamicProvider") && (_jsx("p", { className: styles.fieldError, children: (_36 = (_35 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _35 === void 0 ? void 0 : _35.selectionDynamicProvider) === null || _36 === void 0 ? void 0 : _36.toString() }))] })), currentFields.includes("selectionValueType") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "selectionValueType", className: classNames("form-field-label", styles.fieldLabel), children: "Select Value Type" }), _jsx(SolidSelect, { value: formik.values.selectionValueType, options: selctionValueTypes, optionLabel: "label", optionValue: "value", onChange: function (_a) {
+                                                                                        }) }) }), (selectedTypeValue === "date" || selectedTypeValue === "datetime" || selectedTypeValue === "time") && (function () {
+                                                                                var showTimeSelect = selectedTypeValue === "datetime" || selectedTypeValue === "time";
+                                                                                var timeOnly = selectedTypeValue === "time";
+                                                                                var dateFormat = selectedTypeValue === "datetime"
+                                                                                    ? "yyyy-MM-dd HH:mm"
+                                                                                    : timeOnly
+                                                                                        ? "HH:mm"
+                                                                                        : "yyyy-MM-dd";
+                                                                                var timeFormat = "HH:mm";
+                                                                                return (_jsx(SolidDatePicker, { id: "defaultValue", selected: formik.values.defaultValue ? new Date(formik.values.defaultValue) : undefined, onChange: function (date) { return formik.setFieldValue("defaultValue", date); }, showTimeSelect: showTimeSelect, timeOnly: timeOnly, dateFormat: dateFormat, timeFormat: timeFormat, inputClassName: classNames({
+                                                                                        "p-invalid": isFormFieldValid(formik, "defaultValue"),
+                                                                                    }) }));
+                                                                            })(), isFormFieldValid(formik, "defaultValue") && (_jsx("p", { className: styles.fieldError, children: (_3 = (_2 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _2 === void 0 ? void 0 : _2.defaultValue) === null || _3 === void 0 ? void 0 : _3.toString() }))] })), currentFields.includes("mediaTypes") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "mediaTypes", className: classNames("form-field-label", styles.fieldLabel), children: "Media Type" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_b = {},
+                                                                                    _b[styles.fieldInvalidControl] = isFormFieldValid(formik, "mediaTypes"),
+                                                                                    _b)), children: _jsx(SolidAutocomplete, { multiple: true, dropdown: true, field: "label", value: mediaTypeSelectedItems, suggestions: filteredMediaTypes, completeMethod: handleMediaTypesSearch, maxVisibleChips: 3, onChange: function (_a) {
                                                                                         var value = _a.value;
-                                                                                        return formik.setFieldValue("selectionValueType", value);
-                                                                                    }, placeholder: "Select Value Type", className: classNames("w-full", {
-                                                                                        "p-invalid": isFormFieldValid(formik, "selectionValueType"),
-                                                                                    }) }), isFormFieldValid(formik, "selectionValueType") && (_jsx("p", { className: styles.fieldError, children: (_38 = (_37 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _37 === void 0 ? void 0 : _37.selectionValueType) === null || _38 === void 0 ? void 0 : _38.toString() }))] })), currentFields.includes("selectionStaticValues") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "selectionStaticValues", className: classNames("form-field-label", styles.fieldLabel), children: "Selection Static Values" }), formik.values.selectionStaticValues.map(function (enumValue, index) { return (_jsx(SelectionStaticValues, { enumValue: enumValue, onUpdate: function (updatedString) { return updateEnumValues(index, updatedString); }, onDelete: function () { return deleteEnumValue(index); }, onAdd: addEnumValue }, index)); }), isFormFieldValid(formik, "selectionStaticValues") && (_jsx("p", { className: styles.fieldError, children: (_40 = (_39 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _39 === void 0 ? void 0 : _39.selectionStaticValues) === null || _40 === void 0 ? void 0 : _40.toString() }))] })), currentFields.includes("computedFieldValueType") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "computedFieldValueType", className: classNames("form-field-label", styles.fieldLabel), children: "Computed Field Value Type" }), _jsx(SolidAutocomplete, { value: selectedComputedFieldValueType, suggestions: filteredComputedFieldValueTypes, completeMethod: searchComputedFieldValueType, field: "label", dropdown: true, className: classNames("solid-standard-autocomplete", (_h = {},
-                                                                                        _h[styles.fieldInvalidControl] = isFormFieldValid(formik, "computedFieldValueType"),
-                                                                                        _h)), onChange: function (e) {
-                                                                                        setSelectedComputedFieldValueType(e.value);
-                                                                                        formik.setFieldValue("computedFieldValueType", e.value.value);
-                                                                                    } }), isFormFieldValid(formik, "computedFieldValueType") && (_jsx("p", { className: styles.fieldError, children: (_42 = (_41 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _41 === void 0 ? void 0 : _41.computedFieldValueType) === null || _42 === void 0 ? void 0 : _42.toString() }))] })), currentFields.includes("computedFieldValueProvider") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "computedFieldValueProvider", className: classNames("form-field-label", styles.fieldLabel), children: "Computed Field Provider" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_j = {},
-                                                                                        _j[styles.fieldInvalidControl] = isFormFieldValid(formik, "computedFieldValueProvider"),
-                                                                                        _j)), children: _jsx(SolidAutocomplete, { value: computedFieldValueProviderField.selectedItem, suggestions: computedFieldValueProviderField.filteredItems, completeMethod: computedFieldValueProviderField.searchItems, onChange: computedFieldValueProviderField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "computedFieldValueProvider") && (_jsx("p", { className: styles.fieldError, children: (_44 = (_43 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _43 === void 0 ? void 0 : _43.computedFieldValueProvider) === null || _44 === void 0 ? void 0 : _44.toString() }))] })), currentFields.includes("computedFieldTriggerConfig") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-2", children: [(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldTriggerConfig) === null
-                                                                                    &&
-                                                                                        _jsx("div", { className: "mb-3", children: _jsx(SolidMessage, { severity: "error", text: "You seem to be using an old configuration of ComputedFieldProvider. Please change your current computed field provider i.e ".concat(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProvider, " to implement IEntityComputedFieldProvider before continuing.") }) }), _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx("label", { htmlFor: "computedFieldTriggerConfig", className: classNames("form-field-label", styles.fieldLabel), children: "Computed Field Trigger Config" }), _jsx("div", { children: _jsx(SolidButton, { icon: "si si-plus", size: "small", onClick: handleAdd, type: "button", className: "ml-2" }) })] }), formik.values.computedFieldTriggerConfig.map(function (row, index) {
-                                                                                    var _a;
-                                                                                    return (_jsx(SelectComputedFieldTriggerValues, { index: index, row: row, onChange: handleChange, onDelete: handleDelete, isLastRow: index === formik.values.computedFieldTriggerConfig.length - 1, disableDelete: formik.values.computedFieldTriggerConfig.length === 1, formik: formik, isFormFieldValid: isFormFieldValid, searchModuleName: searchModuleName, searchModelName: computedFieldSearchHandlers[index], modelMetaData: modelMetaData, errors: (_a = formik.errors.computedFieldTriggerConfig) === null || _a === void 0 ? void 0 : _a[index] }, index));
-                                                                                }), typeof formik.errors.computedFieldTriggerConfig === 'string' && (_jsx("p", { className: styles.fieldError, children: formik.errors.computedFieldTriggerConfig }))] })), currentFields.includes("selectionDynamicProviderCtxt") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "selectionDynamicProviderCtxt", className: classNames("form-field-label", styles.fieldLabel), children: "Selection Dynamic Provider Context" }), _jsx(SolidCodeEditor, { value: (_45 = formik.values.selectionDynamicProviderCtxt) !== null && _45 !== void 0 ? _45 : "", onChange: function (value) {
-                                                                                        formik.setFieldValue("selectionDynamicProviderCtxt", value !== null && value !== void 0 ? value : "");
-                                                                                    }, language: "json", height: "300px" }), _jsx("div", { className: " form-field-label  mt-2", children: markdownText }), isFormFieldValid(formik, "selectionDynamicProviderCtxt") && (_jsx("p", { className: styles.fieldError, children: (_47 = (_46 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _46 === void 0 ? void 0 : _46.selectionDynamicProviderCtxt) === null || _47 === void 0 ? void 0 : _47.toString() }))] })), currentFields.includes("computedFieldValueProviderCtxt") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "computedFieldValueProviderCtxt", className: classNames("form-field-label", styles.fieldLabel), children: "Computed Field Value Provider Context" }), _jsx(SolidCodeEditor, { value: (_48 = formik.values.computedFieldValueProviderCtxt) !== null && _48 !== void 0 ? _48 : "", onChange: function (value) {
-                                                                                        formik.setFieldValue("computedFieldValueProviderCtxt", value !== null && value !== void 0 ? value : "");
-                                                                                    }, language: "json", height: "300px" }), _jsx("div", { className: "form-field-label mt-4", children: markdownText }), isFormFieldValid(formik, "computedFieldValueProviderCtxt") && (_jsx("p", { className: styles.fieldError, children: (_50 = (_49 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _49 === void 0 ? void 0 : _49.computedFieldValueProviderCtxt) === null || _50 === void 0 ? void 0 : _50.toString() }))] }))] })), showValidationSection && (_jsxs(_Fragment, { children: [_jsx("p", { className: "form-wrapper-heading", children: "Validations" }), _jsxs("div", { className: "formgrid grid", children: [(showRegexFields && selectedTypeValue === "password") &&
-                                                                                    _jsx(_Fragment, { children: _jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "regexPattern", className: classNames("form-field-label", styles.fieldLabel), children: "Password Policy" }), _jsx(SolidSelect, { value: selectedPasswordPolicy, options: passwordPolicyOptions, optionLabel: "label", optionValue: "value", onChange: function (_a) {
-                                                                                                        var value = _a.value;
-                                                                                                        setSelectedPasswordPolicy(value);
-                                                                                                        if (value !== "custom") {
-                                                                                                            formik.setFieldValue("regexPattern", value);
-                                                                                                        }
-                                                                                                    }, placeholder: "Select a Password Policy", className: "w-full" })] }) }), showRegexFields && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "regexPattern", className: classNames("form-field-label", styles.fieldLabel), children: "Regex Pattern" }), _jsx(SolidInput, { type: "text", id: "regexPattern", name: "regexPattern", onChange: formik.handleChange, value: formik.values.regexPattern, className: classNames(styles.fieldInput, {
-                                                                                                        "p-invalid": isFormFieldValid(formik, "regexPattern"),
-                                                                                                    }) }), isFormFieldValid(formik, "regexPattern") && (_jsx("p", { className: styles.fieldError, children: (_52 = (_51 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _51 === void 0 ? void 0 : _51.regexPattern) === null || _52 === void 0 ? void 0 : _52.toString() }))] }), showRegexFields && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2 mb-3 md:mb-3", children: [_jsx("label", { htmlFor: "regexPatternNotMatchingErrorMsg", className: classNames("form-field-label", styles.fieldLabel), children: "Regex Pattern Not Matching Error Msg" }), _jsx(SolidInput, { type: "text", id: "regexPatternNotMatchingErrorMsg", name: "regexPatternNotMatchingErrorMsg", onChange: formik.handleChange, value: formik.values.regexPatternNotMatchingErrorMsg, className: classNames(styles.fieldInput, {
-                                                                                                        "p-invalid": isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg"),
-                                                                                                    }) }), isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg") && (_jsx("p", { className: styles.fieldError, children: (_54 = (_53 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _53 === void 0 ? void 0 : _53.regexPatternNotMatchingErrorMsg) === null || _54 === void 0 ? void 0 : _54.toString() }))] }))] })), (showMinFields || showMaxFields) &&
-                                                                                    _jsxs(_Fragment, { children: [showMinFields && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("label", { htmlFor: "min", className: classNames("form-field-label", styles.fieldLabel), children: ["Min ", (selectedTypeValue !== "int" && selectedTypeValue !== "decimal") && "(Characters Allowed)"] }), _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "min", name: "min", step: "0.00001", value: formik.values.min, onChange: function (event) { return formik.setFieldValue("min", event.value); }, className: classNames({
-                                                                                                                "p-invalid": isFormFieldValid(formik, "min"),
-                                                                                                            }), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }) }), isFormFieldValid(formik, "min") && (_jsx("p", { className: styles.fieldError, children: (_56 = (_55 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _55 === void 0 ? void 0 : _55.min) === null || _56 === void 0 ? void 0 : _56.toString() }))] })), showMaxFields && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("label", { htmlFor: "max", className: classNames("form-field-label", styles.fieldLabel), children: ["Max ", (selectedTypeValue !== "int" &&
-                                                                                                                selectedTypeValue !== "decimal") && "(Characters allowed)"] }), _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "max", name: "max", step: "0.00001", value: formik.values.max, onChange: function (event) { return formik.setFieldValue("max", event.value); }, className: classNames({
-                                                                                                                "p-invalid": isFormFieldValid(formik, "max"),
-                                                                                                            }), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }) }), isFormFieldValid(formik, "max") && (_jsx("p", { className: styles.fieldError, children: (_58 = (_57 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _57 === void 0 ? void 0 : _57.max) === null || _58 === void 0 ? void 0 : _58.toString() }))] }))] }), showOrmOptions && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "ormType", className: classNames("form-field-label", styles.fieldLabel), children: "Type" }), _jsx(SolidRadioGroup, { name: "ormType", value: selectedOrmType, onChange: function (value) {
-                                                                                                formik.setFieldValue("ormType", value);
-                                                                                                setSelectedOrmType(value);
-                                                                                            }, options: (ormTypeOptions || []).map(function (ormType) { return ({
-                                                                                                value: ormType.label,
-                                                                                                label: (_jsxs("span", { className: classNames("ml-2", "form-field-label"), children: [ormType.label, _jsx("br", {}), _jsx("span", { className: "fieldSubTitle mt-0", children: "(".concat(ormType.description, ")") })] })),
-                                                                                            }); }), className: "ormTypeflex", itemClassName: "mr-3 align-items-center" }), isFormFieldValid(formik, "ormType") && (_jsx("p", { className: styles.fieldError, children: (_60 = (_59 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _59 === void 0 ? void 0 : _59.ormType) === null || _60 === void 0 ? void 0 : _60.toString() }))] }))] })] })), (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && _jsx("p", { className: "form-wrapper-heading", children: "Settings" }), _jsxs("div", { className: "formgrid grid mt-1 md:mt-0", children: [currentFields.includes("required") && (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "required", name: "required", onChange: function (event) {
-                                                                                                if (!formik.values.isPrimaryKey && !formik.values.unique) {
-                                                                                                    formik.setFieldValue("required", event.currentTarget.checked);
-                                                                                                }
-                                                                                            }, checked: formik.values.required, disabled: formik.values.isPrimaryKey || formik.values.unique }), _jsxs("label", { htmlFor: "required", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: ["Required ", formik.values.isPrimaryKey && "(Auto-enabled for Primary Key)", !formik.values.isPrimaryKey && formik.values.unique && "(Auto-enabled for Unique)"] })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if this field is empty" }), isFormFieldValid(formik, "required") && (_jsx("p", { className: styles.fieldError, children: (_62 = (_61 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _61 === void 0 ? void 0 : _61.required) === null || _62 === void 0 ? void 0 : _62.toString() }))] })), currentFields.includes("unique") && selectedTypeValue !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "unique", name: "unique", onChange: function (event) {
-                                                                                                // Prevent unchecking if isPrimaryKey is true
-                                                                                                if (!formik.values.isPrimaryKey) {
-                                                                                                    var nextValue = event.currentTarget.checked;
-                                                                                                    formik.setFieldValue("unique", nextValue);
-                                                                                                    formik.setFieldValue("isUserKey", false);
-                                                                                                    // Auto-enable required when unique is checked
-                                                                                                    if (nextValue) {
-                                                                                                        formik.setFieldValue("required", true);
-                                                                                                    }
-                                                                                                    else {
-                                                                                                        formik.setFieldValue("required", false);
+                                                                                        var selection = Array.isArray(value) ? value : [];
+                                                                                        var normalizedValues = selection
+                                                                                            .map(function (item) {
+                                                                                            if (item && typeof item === "object") {
+                                                                                                if (item.value)
+                                                                                                    return item.value;
+                                                                                                if (item.label)
+                                                                                                    return item.label;
+                                                                                            }
+                                                                                            return item !== null && item !== void 0 ? item : null;
+                                                                                        })
+                                                                                            .filter(Boolean);
+                                                                                        formik.setFieldValue("mediaTypes", normalizedValues);
+                                                                                    }, placeholder: "Select media types", className: "w-full" }) }), isFormFieldValid(formik, "mediaTypes") && (_jsx("p", { className: styles.fieldError, children: (_5 = (_4 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _4 === void 0 ? void 0 : _4.mediaTypes) === null || _5 === void 0 ? void 0 : _5.toString() }))] })), currentFields.includes("mediaMaxSizeKb") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2 md:mt-0", children: [_jsx("label", { htmlFor: "mediaMaxSizeKb", className: classNames("form-field-label", styles.fieldLabel), children: "Media Max Size (Mb)" }), _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "mediaMaxSizeKb", name: "mediaMaxSizeKb", value: formik.values.mediaMaxSizeKb, onChange: function (event) { return formik.setFieldValue("mediaMaxSizeKb", event.value); }, className: classNames({
+                                                                                        "p-invalid": isFormFieldValid(formik, "mediaMaxSizeKb"),
+                                                                                    }) }) }), isFormFieldValid(formik, "mediaMaxSizeKb") && (_jsx("p", { className: styles.fieldError, children: (_7 = (_6 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _6 === void 0 ? void 0 : _6.mediaMaxSizeKb) === null || _7 === void 0 ? void 0 : _7.toString() }))] })), currentFields.includes("mediaStorageProviderId") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "mediaStorageProviderId", className: classNames("form-field-label", styles.fieldLabel), children: "Media  Storage Provider" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_c = {},
+                                                                                    _c[styles.fieldInvalidControl] = isFormFieldValid(formik, "mediaStorageProvider"),
+                                                                                    _c)), children: _jsx(SolidAutocomplete, { value: mediaStorageProviderField.selectedItem, suggestions: mediaStorageProviderField.filteredItems, completeMethod: mediaStorageProviderField.searchItems, onChange: mediaStorageProviderField.handleChange, dropdown: true, field: "name", className: "w-full" }) }), isFormFieldValid(formik, "mediaStorageProvider") && (_jsx("p", { className: styles.fieldError, children: (_9 = (_8 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _8 === void 0 ? void 0 : _8.mediaStorageProviderId) === null || _9 === void 0 ? void 0 : _9.toString() }))] })), currentFields.includes("mediaEmbedded") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "mediaEmbedded", className: classNames("form-field-label", styles.fieldLabel), children: "Media Embedded" }), _jsx(SolidSegmentedControl, { value: resolveBooleanOptionValue(formik.values.mediaEmbedded), onChange: function (value) {
+                                                                                    formik.setFieldValue("mediaEmbedded", value);
+                                                                                }, options: booleanSegmentedOptions, className: classNames("", {
+                                                                                    "p-invalid": isFormFieldValid(formik, "mediaEmbedded"),
+                                                                                }) }), isFormFieldValid(formik, "mediaEmbedded") && (_jsx("p", { className: styles.fieldError, children: (_11 = (_10 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _10 === void 0 ? void 0 : _10.mediaEmbedded) === null || _11 === void 0 ? void 0 : _11.toString() }))] })), currentFields.includes("relationType") && (_jsxs("div", { className: "field col-12 flex gap-2 mt-1 align-items-center", children: [_jsx("label", { style: { marginBottom: "0px" }, htmlFor: "relationType", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Type" }), _jsx(SolidSegmentedControl, { value: formik.values.relationType, options: fieldDefaultMetaData.data.relationTypes, onChange: function (value) {
+                                                                                    formik.setFieldValue("relationType", value);
+                                                                                    if (value === "one-to-many") {
+                                                                                        formik.setFieldValue("relationCreateInverse", true);
+                                                                                    }
+                                                                                }, className: classNames("", {
+                                                                                    "p-invalid": isFormFieldValid(formik, "relationType"),
+                                                                                }) }), isFormFieldValid(formik, "relationType") && (_jsx("p", { className: styles.fieldError, children: (_13 = (_12 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _12 === void 0 ? void 0 : _12.relationType) === null || _13 === void 0 ? void 0 : _13.toString() }))] })), currentFields.includes("relationType") && (formik.values.relationType === "many-to-one" || formik.values.relationType === "one-to-many") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationCascade", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Cascade" }), _jsx(SolidSelect, { value: formik.values.relationCascade, options: fieldDefaultMetaData.data.cascadeTypes, optionLabel: "label", optionValue: "value", onChange: function (_a) {
+                                                                                    var value = _a.value;
+                                                                                    return formik.setFieldValue("relationCascade", value);
+                                                                                }, placeholder: "Cascade", className: classNames("w-full", {
+                                                                                    "p-invalid": isFormFieldValid(formik, "relationCascade"),
+                                                                                }) }), isFormFieldValid(formik, "relationCascade") && (_jsx("p", { className: styles.fieldError, children: (_15 = (_14 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _14 === void 0 ? void 0 : _14.relationCascade) === null || _15 === void 0 ? void 0 : _15.toString() }))] })), currentFields.includes("relationModelModuleName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2  mt-1", children: [_jsx("label", { htmlFor: "relationModelModuleName", className: classNames("form-field-label", styles.fieldLabel), children: "Co-Module Name" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_d = {},
+                                                                                    _d[styles.fieldInvalidControl] = isFormFieldValid(formik, "relationModelModuleName"),
+                                                                                    _d)), children: _jsx(SolidAutocomplete, { value: relationModelModuleField.selectedItem, suggestions: relationModelModuleField.filteredItems, completeMethod: relationModelModuleField.searchItems, onChange: relationModelModuleField.handleChange, dropdown: true, field: "name", className: "w-full" }) }), isFormFieldValid(formik, "relationModelModuleName") && (_jsx("p", { className: styles.fieldError, children: (_17 = (_16 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _16 === void 0 ? void 0 : _16.relationModelModuleName) === null || _17 === void 0 ? void 0 : _17.toString() }))] })), currentFields.includes("relationCoModelSingularName") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationCoModelSingularName", className: classNames("form-field-label", styles.fieldLabel), children: "Co-Model Name" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_e = {},
+                                                                                    _e[styles.fieldInvalidControl] = isFormFieldValid(formik, "relationCoModelSingularName"),
+                                                                                    _e)), children: _jsx(SolidAutocomplete, { value: relationCoModelField.selectedItem, suggestions: relationCoModelField.filteredItems, completeMethod: relationCoModelField.searchItems, onChange: relationCoModelField.handleChange, dropdown: true, field: "displayName", className: "w-full" }) }), isFormFieldValid(formik, "relationCoModelSingularName") && (_jsx("p", { className: styles.fieldError, children: (_19 = (_18 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _18 === void 0 ? void 0 : _18.relationCoModelSingularName) === null || _19 === void 0 ? void 0 : _19.toString() })), formik.values.relationType === "one-to-many" &&
+                                                                                _jsx("p", { className: "fieldSubTitle", children: "This is the child model." }), formik.values.relationType === "many-to-one" &&
+                                                                                _jsx("p", { className: "fieldSubTitle", children: "This is the parent model." })] })), currentFields.includes("relationCoModelColumnName") && (formik.values.relationType === "many-to-many" || formik.values.relationType === "many-to-one") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationCoModelColumnName", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Co-Model Column Name" }), _jsx(SolidInput, { type: "text", id: "relationCoModelColumnName", name: "relationCoModelColumnName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationCoModelColumnName, className: classNames(styles.fieldInput, {
+                                                                                    "p-invalid": isFormFieldValid(formik, "relationCoModelColumnName"),
+                                                                                }) }), isFormFieldValid(formik, "relationCoModelColumnName") && (_jsx("p", { className: styles.fieldError, children: (_21 = (_20 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _20 === void 0 ? void 0 : _20.relationCoModelColumnName) === null || _21 === void 0 ? void 0 : _21.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Allows you to control the column name of the foreign key. Eg. when adding a country field to state model, by default foreign key column in the state table will be called country_id, use this field to create a foreign key with a different name. " })] })), askForUserKeyField && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "userKey", className: classNames("form-field-label", styles.fieldLabel), children: "Set User Key" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_f = {},
+                                                                                    _f[styles.fieldInvalidControl] = isFormFieldValid(formik, "userKey"),
+                                                                                    _f)), children: _jsx(SolidAutocomplete, { value: userKeyField.selectedItem, suggestions: userKeyField.filteredItems, completeMethod: userKeyField.searchItems, onChange: userKeyField.handleChange, dropdown: true, field: "displayName", className: "w-full" }) }), _jsx("p", { className: "fieldSubTitle", children: "The co-model you have selected does not have a user key specified. Use the above dropdown to choose from one of the \"unique\" fields in this co-model to be set as its userkey. User keys are required in co-models being used in many-to-one or one-to-many relations as in SolidX when a many-to-one field is rendered it uses an autocomplete dropdown, and the user key value is what is displayed as the label in the dropdown." }), isFormFieldValid(formik, "userKey") && (_jsx("p", { className: styles.fieldError, children: (_23 = (_22 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _22 === void 0 ? void 0 : _22.userKey) === null || _23 === void 0 ? void 0 : _23.toString() }))] })), currentFields.includes("relationFieldFixedFilter") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationFieldFixedFilter", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Field Fixed Filter" }), _jsx(SolidTextarea, { "aria-describedby": "Fixed Filter", id: "relationFieldFixedFilter", name: "relationFieldFixedFilter", onChange: formik.handleChange, value: formik.values.relationFieldFixedFilter, rows: 5, cols: 30, className: classNames(styles.fieldTextarea, {
+                                                                                    "p-invalid": isFormFieldValid(formik, "relationFieldFixedFilter"),
+                                                                                }) }), isFormFieldValid(formik, "relationFieldFixedFilter") && (_jsx("p", { className: styles.fieldError, children: (_25 = (_24 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _24 === void 0 ? void 0 : _24.relationFieldFixedFilter) === null || _25 === void 0 ? void 0 : _25.toString() })), _jsx("p", { className: "fieldSubTitle", children: "Many to one fields are rendered as autocomplete dropdown on the SolidX ui. Use the fixed filter to load a pre-filtered set of records from the co-model. Please note user input entered in the autocomplete is used to apply a dynamic filter." })] })), currentFields.includes("relationCreateInverse") && (_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationCreateInverse", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Create Inverse" }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "relationCreateInverse", name: "relationCreateInverse", checked: formik.values.relationCreateInverse, disabled: formik.values.relationType === "one-to-many", onChange: function (event) { return formik.setFieldValue("relationCreateInverse", event.currentTarget.checked); } }), _jsx("label", { htmlFor: "relationCreateInverse", className: classNames("ml-2", "form-field-label", styles.fieldLabel), children: "Create Inverse" })] }), isFormFieldValid(formik, "relationCreateInverse") && (_jsx("p", { className: styles.fieldError, children: (_27 = (_26 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _26 === void 0 ? void 0 : _26.relationCreateInverse) === null || _27 === void 0 ? void 0 : _27.toString() }))] })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && !formik.values.relationCoModelSingularName && (_jsx("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: _jsx(SolidMessage, { text: "Please select Co-model" }) })), currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && formik.values.relationCoModelSingularName && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("label", { htmlFor: "relationCoModelFieldName", className: classNames("form-field-label", styles.fieldLabel), children: ["Field Name In ", formik.values.relationCoModelSingularName, " Model"] }), _jsx(SolidInput, { type: "text", id: "relationCoModelFieldName", name: "relationCoModelFieldName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationCoModelFieldName, className: classNames(styles.fieldInput, {
+                                                                                    "p-invalid": isFormFieldValid(formik, "relationCoModelFieldName"),
+                                                                                }) }), formik.values.relationType === "one-to-many" &&
+                                                                                _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the child model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: (_28 = formik.values.relationCoModelFieldName) !== null && _28 !== void 0 ? _28 : formik.values.relationCoModelSingularName }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-one" &&
+                                                                                _jsxs("p", { className: "fieldSubTitle", children: ["This is a field that is created in the parent model. In this case a ", _jsx("span", { style: { fontWeight: "700" }, children: (_29 = formik.values.relationCoModelFieldName) !== null && _29 !== void 0 ? _29 : "".concat(formik.values.relationCoModelSingularName, "s") }), " field will be created in the ", formik.values.relationCoModelSingularName, " when setting create inverse true."] }), formik.values.relationType === "many-to-many" &&
+                                                                                _jsxs("p", { className: "fieldSubTitle", children: ["In this case a ", formik.values.relationCoModelFieldName, " field will be created in the ", _jsx("span", { style: { fontWeight: "700" }, children: (_30 = formik.values.relationCoModelSingularName) !== null && _30 !== void 0 ? _30 : '{{}}' }), " when setting create inverse true."] }), isFormFieldValid(formik, "relationCoModelFieldName") && (_jsx("p", { className: styles.fieldError, children: (_32 = (_31 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _31 === void 0 ? void 0 : _31.relationCoModelFieldName) === null || _32 === void 0 ? void 0 : _32.toString() }))] })), currentFields.includes("relationJoinTableName") && formik.values.relationType === "many-to-many" && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "relationJoinTableName", className: classNames("form-field-label", styles.fieldLabel), children: "Relation Join Table Name" }), _jsx(SolidInput, { type: "text", id: "relationJoinTableName", name: "relationJoinTableName", onChange: formik.handleChange, disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id, value: formik.values.relationJoinTableName, className: classNames(styles.fieldInput, {
+                                                                                    "p-invalid": isFormFieldValid(formik, "relationJoinTableName"),
+                                                                                }) }), isFormFieldValid(formik, "relationJoinTableName") && (_jsx("p", { className: styles.fieldError, children: (_34 = (_33 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _33 === void 0 ? void 0 : _33.relationJoinTableName) === null || _34 === void 0 ? void 0 : _34.toString() }))] })), currentFields.includes("selectionDynamicProvider") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "selectionDynamicProvider", className: classNames("form-field-label", styles.fieldLabel), children: "Selection Dynamic Provider" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_g = {},
+                                                                                    _g[styles.fieldInvalidControl] = isFormFieldValid(formik, "selectionDynamicProvider"),
+                                                                                    _g)), children: _jsx(SolidAutocomplete, { value: selectionDynamicProviderField.selectedItem, suggestions: selectionDynamicProviderField.filteredItems, completeMethod: selectionDynamicProviderField.searchItems, onChange: selectionDynamicProviderField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "selectionDynamicProvider") && (_jsx("p", { className: styles.fieldError, children: (_36 = (_35 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _35 === void 0 ? void 0 : _35.selectionDynamicProvider) === null || _36 === void 0 ? void 0 : _36.toString() }))] })), currentFields.includes("selectionValueType") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "selectionValueType", className: classNames("form-field-label", styles.fieldLabel), children: "Select Value Type" }), _jsx(SolidSelect, { value: formik.values.selectionValueType, options: selctionValueTypes, optionLabel: "label", optionValue: "value", onChange: function (_a) {
+                                                                                    var value = _a.value;
+                                                                                    return formik.setFieldValue("selectionValueType", value);
+                                                                                }, placeholder: "Select Value Type", className: classNames("w-full", {
+                                                                                    "p-invalid": isFormFieldValid(formik, "selectionValueType"),
+                                                                                }) }), isFormFieldValid(formik, "selectionValueType") && (_jsx("p", { className: styles.fieldError, children: (_38 = (_37 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _37 === void 0 ? void 0 : _37.selectionValueType) === null || _38 === void 0 ? void 0 : _38.toString() }))] })), currentFields.includes("selectionStaticValues") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "selectionStaticValues", className: classNames("form-field-label", styles.fieldLabel), children: "Selection Static Values" }), formik.values.selectionStaticValues.map(function (enumValue, index) { return (_jsx(SelectionStaticValues, { enumValue: enumValue, onUpdate: function (updatedString) { return updateEnumValues(index, updatedString); }, onDelete: function () { return deleteEnumValue(index); }, onAdd: addEnumValue }, index)); }), isFormFieldValid(formik, "selectionStaticValues") && (_jsx("p", { className: styles.fieldError, children: (_40 = (_39 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _39 === void 0 ? void 0 : _39.selectionStaticValues) === null || _40 === void 0 ? void 0 : _40.toString() }))] })), currentFields.includes("computedFieldValueType") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "computedFieldValueType", className: classNames("form-field-label", styles.fieldLabel), children: "Computed Field Value Type" }), _jsx(SolidAutocomplete, { value: selectedComputedFieldValueType, suggestions: filteredComputedFieldValueTypes, completeMethod: searchComputedFieldValueType, field: "label", dropdown: true, className: classNames("solid-standard-autocomplete", (_h = {},
+                                                                                    _h[styles.fieldInvalidControl] = isFormFieldValid(formik, "computedFieldValueType"),
+                                                                                    _h)), onChange: function (e) {
+                                                                                    setSelectedComputedFieldValueType(e.value);
+                                                                                    formik.setFieldValue("computedFieldValueType", e.value.value);
+                                                                                } }), isFormFieldValid(formik, "computedFieldValueType") && (_jsx("p", { className: styles.fieldError, children: (_42 = (_41 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _41 === void 0 ? void 0 : _41.computedFieldValueType) === null || _42 === void 0 ? void 0 : _42.toString() }))] })), currentFields.includes("computedFieldValueProvider") && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "computedFieldValueProvider", className: classNames("form-field-label", styles.fieldLabel), children: "Computed Field Provider" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_j = {},
+                                                                                    _j[styles.fieldInvalidControl] = isFormFieldValid(formik, "computedFieldValueProvider"),
+                                                                                    _j)), children: _jsx(SolidAutocomplete, { value: computedFieldValueProviderField.selectedItem, suggestions: computedFieldValueProviderField.filteredItems, completeMethod: computedFieldValueProviderField.searchItems, onChange: computedFieldValueProviderField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "computedFieldValueProvider") && (_jsx("p", { className: styles.fieldError, children: (_44 = (_43 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _43 === void 0 ? void 0 : _43.computedFieldValueProvider) === null || _44 === void 0 ? void 0 : _44.toString() }))] })), currentFields.includes("computedFieldTriggerConfig") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-2", children: [(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldTriggerConfig) === null
+                                                                                &&
+                                                                                    _jsx("div", { className: "mb-3", children: _jsx(SolidMessage, { severity: "error", text: "You seem to be using an old configuration of ComputedFieldProvider. Please change your current computed field provider i.e ".concat(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProvider, " to implement IEntityComputedFieldProvider before continuing.") }) }), _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx("label", { htmlFor: "computedFieldTriggerConfig", className: classNames("form-field-label", styles.fieldLabel), children: "Computed Field Trigger Config" }), _jsx("div", { children: _jsx(SolidButton, { icon: "si si-plus", size: "small", onClick: handleAdd, type: "button", className: "ml-2" }) })] }), formik.values.computedFieldTriggerConfig.map(function (row, index) {
+                                                                                var _a;
+                                                                                return (_jsx(SelectComputedFieldTriggerValues, { index: index, row: row, onChange: handleChange, onDelete: handleDelete, isLastRow: index === formik.values.computedFieldTriggerConfig.length - 1, disableDelete: formik.values.computedFieldTriggerConfig.length === 1, formik: formik, isFormFieldValid: isFormFieldValid, searchModuleName: searchModuleName, searchModelName: computedFieldSearchHandlers[index], modelMetaData: modelMetaData, errors: (_a = formik.errors.computedFieldTriggerConfig) === null || _a === void 0 ? void 0 : _a[index] }, index));
+                                                                            }), typeof formik.errors.computedFieldTriggerConfig === 'string' && (_jsx("p", { className: styles.fieldError, children: formik.errors.computedFieldTriggerConfig }))] })), currentFields.includes("selectionDynamicProviderCtxt") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "selectionDynamicProviderCtxt", className: classNames("form-field-label", styles.fieldLabel), children: "Selection Dynamic Provider Context" }), _jsx(SolidCodeEditor, { value: (_45 = formik.values.selectionDynamicProviderCtxt) !== null && _45 !== void 0 ? _45 : "", onChange: function (value) {
+                                                                                    formik.setFieldValue("selectionDynamicProviderCtxt", value !== null && value !== void 0 ? value : "");
+                                                                                }, language: "json", height: "300px" }), _jsx("div", { className: " form-field-label  mt-2", children: markdownText }), isFormFieldValid(formik, "selectionDynamicProviderCtxt") && (_jsx("p", { className: styles.fieldError, children: (_47 = (_46 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _46 === void 0 ? void 0 : _46.selectionDynamicProviderCtxt) === null || _47 === void 0 ? void 0 : _47.toString() }))] })), currentFields.includes("computedFieldValueProviderCtxt") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "computedFieldValueProviderCtxt", className: classNames("form-field-label", styles.fieldLabel), children: "Computed Field Value Provider Context" }), _jsx(SolidCodeEditor, { value: (_48 = formik.values.computedFieldValueProviderCtxt) !== null && _48 !== void 0 ? _48 : "", onChange: function (value) {
+                                                                                    formik.setFieldValue("computedFieldValueProviderCtxt", value !== null && value !== void 0 ? value : "");
+                                                                                }, language: "json", height: "300px" }), _jsx("div", { className: "form-field-label mt-4", children: markdownText }), isFormFieldValid(formik, "computedFieldValueProviderCtxt") && (_jsx("p", { className: styles.fieldError, children: (_50 = (_49 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _49 === void 0 ? void 0 : _49.computedFieldValueProviderCtxt) === null || _50 === void 0 ? void 0 : _50.toString() }))] }))] })), showValidationSection && (_jsxs(_Fragment, { children: [_jsx("p", { className: "form-wrapper-heading", children: "Validations" }), _jsxs("div", { className: "formgrid grid", children: [(showRegexFields && selectedTypeValue === "password") &&
+                                                                                _jsx(_Fragment, { children: _jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "regexPattern", className: classNames("form-field-label", styles.fieldLabel), children: "Password Policy" }), _jsx(SolidSelect, { value: selectedPasswordPolicy, options: passwordPolicyOptions, optionLabel: "label", optionValue: "value", onChange: function (_a) {
+                                                                                                    var value = _a.value;
+                                                                                                    setSelectedPasswordPolicy(value);
+                                                                                                    if (value !== "custom") {
+                                                                                                        formik.setFieldValue("regexPattern", value);
                                                                                                     }
-                                                                                                }
-                                                                                            }, checked: formik.values.unique, disabled: formik.values.isPrimaryKey }), _jsxs("label", { htmlFor: "unique", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: ["Unique ", formik.values.isPrimaryKey && "(Auto-enabled for Primary Key)"] })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if there is an existing entry with identical content" }), isFormFieldValid(formik, "unique") && (_jsx("p", { className: styles.fieldError, children: (_64 = (_63 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _63 === void 0 ? void 0 : _63.unique) === null || _64 === void 0 ? void 0 : _64.toString() }))] })), currentFields.includes("index") && selectedTypeValue !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "index", name: "index", onChange: function (event) {
-                                                                                                formik.setFieldValue("index", event.currentTarget.checked);
-                                                                                            }, checked: formik.values.index }), _jsx("label", { htmlFor: "index", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: "Index" })] }), isFormFieldValid(formik, "index") && (_jsx("p", { className: styles.fieldError, children: (_66 = (_65 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _65 === void 0 ? void 0 : _65.index) === null || _66 === void 0 ? void 0 : _66.toString() }))] })), currentFields.includes("private") && selectedTypeValue !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "private", name: "private", onChange: function (event) {
-                                                                                                formik.setFieldValue("private", event.currentTarget.checked);
-                                                                                            }, checked: formik.values.private }), _jsx("label", { htmlFor: "private", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: "Private" })] }), _jsx("p", { className: "text-xs mt-2", children: "This field will not show up in the API response" }), isFormFieldValid(formik, "private") && (_jsx("p", { className: styles.fieldError, children: (_68 = (_67 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _67 === void 0 ? void 0 : _67.private) === null || _68 === void 0 ? void 0 : _68.toString() }))] })), currentFields.includes("encrypt") && selectedTypeValue !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { id: "encrypt", name: "encrypt", onChange: function (event) {
-                                                                                                formik.setFieldValue("encrypt", event.currentTarget.checked);
-                                                                                                setEncryptState(event.currentTarget.checked);
-                                                                                            }, checked: formik.values.encrypt }), _jsx("label", { htmlFor: "encrypt", className: classNames("form-field-label", styles.fieldLabel), children: "Encrypt" })] }), isFormFieldValid(formik, "encrypt") && (_jsx("p", { className: styles.fieldError, children: (_70 = (_69 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _69 === void 0 ? void 0 : _69.encrypt) === null || _70 === void 0 ? void 0 : _70.toString() }))] })), currentFields.includes("isMultiSelect") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "isMultiSelect", name: "isMultiSelect", onChange: function (event) {
-                                                                                                formik.setFieldValue("isMultiSelect", event.currentTarget.checked);
-                                                                                            }, checked: formik.values.isMultiSelect }), _jsx("label", { htmlFor: "isMultiSelect", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: "Is MultiSelect" })] }), isFormFieldValid(formik, "isMultiSelect") && (_jsx("p", { className: styles.fieldError, children: (_72 = (_71 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _71 === void 0 ? void 0 : _71.isMultiSelect) === null || _72 === void 0 ? void 0 : _72.toString() }))] })), currentFields.includes("enableAuditTracking") && formik.values.relationType !== "one-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { id: "enableAuditTracking", name: "enableAuditTracking", onChange: function (event) {
-                                                                                                formik.setFieldValue("enableAuditTracking", event.currentTarget.checked);
-                                                                                            }, checked: formik.values.enableAuditTracking }), _jsx("label", { htmlFor: "enableAuditTracking", className: classNames("form-field-label", styles.fieldLabel), children: "Enable Audit Tracking" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting audit trail for this field." }), isFormFieldValid(formik, "enableAuditTracking") && (_jsx("p", { className: styles.fieldError, children: (_74 = (_73 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _73 === void 0 ? void 0 : _73.enableAuditTracking) === null || _74 === void 0 ? void 0 : _74.toString() }))] })), currentFields.includes("isUserKey") && formik.values.unique && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { id: "isUserKey", name: "isUserKey", onChange: function (event) {
-                                                                                                formik.setFieldValue("isUserKey", event.currentTarget.checked);
-                                                                                            }, checked: formik.values.isUserKey }), _jsx("label", { htmlFor: "isUserKey", className: classNames("form-field-label", styles.fieldLabel), children: "Is Userkey" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the model's user key. Any existing user key configuration will be overwritten" }), isFormFieldValid(formik, "isUserKey") && (_jsx("p", { className: styles.fieldError, children: (_76 = (_75 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _75 === void 0 ? void 0 : _75.isUserKey) === null || _76 === void 0 ? void 0 : _76.toString() }))] })), currentFields.includes("isPrimaryKey") && (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { id: "isPrimaryKey", name: "isPrimaryKey", onChange: function (event) {
-                                                                                                var checked = event.currentTarget.checked;
-                                                                                                formik.setFieldValue("isPrimaryKey", checked);
-                                                                                                // Auto-set required and unique when isPrimaryKey is checked
-                                                                                                if (checked) {
+                                                                                                }, placeholder: "Select a Password Policy", className: "w-full" })] }) }), showRegexFields && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "regexPattern", className: classNames("form-field-label", styles.fieldLabel), children: "Regex Pattern" }), _jsx(SolidInput, { type: "text", id: "regexPattern", name: "regexPattern", onChange: formik.handleChange, value: formik.values.regexPattern, className: classNames(styles.fieldInput, {
+                                                                                                    "p-invalid": isFormFieldValid(formik, "regexPattern"),
+                                                                                                }) }), isFormFieldValid(formik, "regexPattern") && (_jsx("p", { className: styles.fieldError, children: (_52 = (_51 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _51 === void 0 ? void 0 : _51.regexPattern) === null || _52 === void 0 ? void 0 : _52.toString() }))] }), showRegexFields && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2 mb-3 md:mb-3", children: [_jsx("label", { htmlFor: "regexPatternNotMatchingErrorMsg", className: classNames("form-field-label", styles.fieldLabel), children: "Regex Pattern Not Matching Error Msg" }), _jsx(SolidInput, { type: "text", id: "regexPatternNotMatchingErrorMsg", name: "regexPatternNotMatchingErrorMsg", onChange: formik.handleChange, value: formik.values.regexPatternNotMatchingErrorMsg, className: classNames(styles.fieldInput, {
+                                                                                                    "p-invalid": isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg"),
+                                                                                                }) }), isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg") && (_jsx("p", { className: styles.fieldError, children: (_54 = (_53 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _53 === void 0 ? void 0 : _53.regexPatternNotMatchingErrorMsg) === null || _54 === void 0 ? void 0 : _54.toString() }))] }))] })), (showMinFields || showMaxFields) &&
+                                                                                _jsxs(_Fragment, { children: [showMinFields && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("label", { htmlFor: "min", className: classNames("form-field-label", styles.fieldLabel), children: ["Min ", (selectedTypeValue !== "int" && selectedTypeValue !== "decimal") && "(Characters Allowed)"] }), _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "min", name: "min", step: "0.00001", value: formik.values.min, onChange: function (event) { return formik.setFieldValue("min", event.value); }, className: classNames({
+                                                                                                            "p-invalid": isFormFieldValid(formik, "min"),
+                                                                                                        }), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }) }), isFormFieldValid(formik, "min") && (_jsx("p", { className: styles.fieldError, children: (_56 = (_55 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _55 === void 0 ? void 0 : _55.min) === null || _56 === void 0 ? void 0 : _56.toString() }))] })), showMaxFields && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("label", { htmlFor: "max", className: classNames("form-field-label", styles.fieldLabel), children: ["Max ", (selectedTypeValue !== "int" &&
+                                                                                                            selectedTypeValue !== "decimal") && "(Characters allowed)"] }), _jsx("div", { className: styles.fieldNumberWrapper, children: _jsx(SolidNumberInput, { id: "max", name: "max", step: "0.00001", value: formik.values.max, onChange: function (event) { return formik.setFieldValue("max", event.value); }, className: classNames({
+                                                                                                            "p-invalid": isFormFieldValid(formik, "max"),
+                                                                                                        }), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }) }), isFormFieldValid(formik, "max") && (_jsx("p", { className: styles.fieldError, children: (_58 = (_57 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _57 === void 0 ? void 0 : _57.max) === null || _58 === void 0 ? void 0 : _58.toString() }))] }))] }), showOrmOptions && (_jsxs("div", { className: "field col-12 md:col-6 flex-flex-column gap-2 mt-2", children: [_jsx("label", { htmlFor: "ormType", className: classNames("form-field-label", styles.fieldLabel), children: "Type" }), _jsx(SolidRadioGroup, { name: "ormType", value: selectedOrmType, onChange: function (value) {
+                                                                                            formik.setFieldValue("ormType", value);
+                                                                                            setSelectedOrmType(value);
+                                                                                        }, options: (ormTypeOptions || []).map(function (ormType) { return ({
+                                                                                            value: ormType.label,
+                                                                                            label: (_jsxs("span", { className: classNames("ml-2", "form-field-label"), children: [ormType.label, _jsx("br", {}), _jsx("span", { className: "fieldSubTitle mt-0", children: "(".concat(ormType.description, ")") })] })),
+                                                                                        }); }), className: "ormTypeflex", itemClassName: "mr-3 align-items-center" }), isFormFieldValid(formik, "ormType") && (_jsx("p", { className: styles.fieldError, children: (_60 = (_59 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _59 === void 0 ? void 0 : _59.ormType) === null || _60 === void 0 ? void 0 : _60.toString() }))] }))] })] })), (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && _jsx("p", { className: "form-wrapper-heading", children: "Settings" }), _jsxs("div", { className: "formgrid grid mt-1 md:mt-0", children: [currentFields.includes("required") && (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "required", name: "required", onChange: function (event) {
+                                                                                            if (!formik.values.isPrimaryKey && !formik.values.unique) {
+                                                                                                formik.setFieldValue("required", event.currentTarget.checked);
+                                                                                            }
+                                                                                        }, checked: formik.values.required, disabled: formik.values.isPrimaryKey || formik.values.unique }), _jsxs("label", { htmlFor: "required", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: ["Required ", formik.values.isPrimaryKey && "(Auto-enabled for Primary Key)", !formik.values.isPrimaryKey && formik.values.unique && "(Auto-enabled for Unique)"] })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if this field is empty" }), isFormFieldValid(formik, "required") && (_jsx("p", { className: styles.fieldError, children: (_62 = (_61 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _61 === void 0 ? void 0 : _61.required) === null || _62 === void 0 ? void 0 : _62.toString() }))] })), currentFields.includes("unique") && selectedTypeValue !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "unique", name: "unique", onChange: function (event) {
+                                                                                            // Prevent unchecking if isPrimaryKey is true
+                                                                                            if (!formik.values.isPrimaryKey) {
+                                                                                                var nextValue = event.currentTarget.checked;
+                                                                                                formik.setFieldValue("unique", nextValue);
+                                                                                                formik.setFieldValue("isUserKey", false);
+                                                                                                // Auto-enable required when unique is checked
+                                                                                                if (nextValue) {
                                                                                                     formik.setFieldValue("required", true);
-                                                                                                    formik.setFieldValue("unique", true);
                                                                                                 }
-                                                                                            }, checked: formik.values.isPrimaryKey }), _jsx("label", { htmlFor: "isPrimaryKey", className: classNames("form-field-label", styles.fieldLabel), children: "Is Primary Key" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the primary key for this legacy table." }), isFormFieldValid(formik, "isPrimaryKey") && (_jsx("p", { className: styles.fieldError, children: (_78 = (_77 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _77 === void 0 ? void 0 : _77.isPrimaryKey) === null || _78 === void 0 ? void 0 : _78.toString() }))] }))] }), formik.values.encrypt === true && (_jsxs("div", { className: "formgrid grid mt-2", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "encryptionType", className: classNames("form-field-label", styles.fieldLabel), children: "Encryption Type" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_k = {},
-                                                                                            _k[styles.fieldInvalidControl] = isFormFieldValid(formik, "encryptionType"),
-                                                                                            _k)), children: _jsx(SolidAutocomplete, { value: encryptionTypeField.selectedItem, suggestions: encryptionTypeField.filteredItems, completeMethod: encryptionTypeField.searchItems, onChange: encryptionTypeField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "encryptionType") && (_jsx("p", { className: styles.fieldError, children: (_80 = (_79 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _79 === void 0 ? void 0 : _79.encryptionType) === null || _80 === void 0 ? void 0 : _80.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "decryptWhen", className: classNames("form-field-label", styles.fieldLabel), children: "Decrypt When" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_l = {},
-                                                                                            _l[styles.fieldInvalidControl] = isFormFieldValid(formik, "decryptWhen"),
-                                                                                            _l)), children: _jsx(SolidAutocomplete, { value: decryptWhenField.selectedItem, suggestions: decryptWhenField.filteredItems, completeMethod: decryptWhenField.searchItems, onChange: decryptWhenField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "decryptWhen") && (_jsx("p", { className: styles.fieldError, children: (_82 = (_81 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _81 === void 0 ? void 0 : _81.decryptWhen) === null || _82 === void 0 ? void 0 : _82.toString() }))] }) })] }))] })] }), _jsxs("div", { className: "flex gap-3 mt-3", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Finish", size: "small", onClick: function () { return showError(); }, type: "submit" }) }), _jsx("div", { children: _jsx(SolidButton, { label: "Cancel", size: "small", severity: "secondary", type: "reset", onClick: function () { return setVisiblePopup(false); }, outlined: true }) })] })] }) }) })] }) }), _jsx(SolidDialog, { open: isBackPopupVisible, onOpenChange: function (next) {
+                                                                                                else {
+                                                                                                    formik.setFieldValue("required", false);
+                                                                                                }
+                                                                                            }
+                                                                                        }, checked: formik.values.unique, disabled: formik.values.isPrimaryKey }), _jsxs("label", { htmlFor: "unique", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: ["Unique ", formik.values.isPrimaryKey && "(Auto-enabled for Primary Key)"] })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if there is an existing entry with identical content" }), isFormFieldValid(formik, "unique") && (_jsx("p", { className: styles.fieldError, children: (_64 = (_63 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _63 === void 0 ? void 0 : _63.unique) === null || _64 === void 0 ? void 0 : _64.toString() }))] })), currentFields.includes("index") && selectedTypeValue !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "index", name: "index", onChange: function (event) {
+                                                                                            formik.setFieldValue("index", event.currentTarget.checked);
+                                                                                        }, checked: formik.values.index }), _jsx("label", { htmlFor: "index", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: "Index" })] }), isFormFieldValid(formik, "index") && (_jsx("p", { className: styles.fieldError, children: (_66 = (_65 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _65 === void 0 ? void 0 : _65.index) === null || _66 === void 0 ? void 0 : _66.toString() }))] })), currentFields.includes("private") && selectedTypeValue !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "private", name: "private", onChange: function (event) {
+                                                                                            formik.setFieldValue("private", event.currentTarget.checked);
+                                                                                        }, checked: formik.values.private }), _jsx("label", { htmlFor: "private", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: "Private" })] }), _jsx("p", { className: "text-xs mt-2", children: "This field will not show up in the API response" }), isFormFieldValid(formik, "private") && (_jsx("p", { className: styles.fieldError, children: (_68 = (_67 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _67 === void 0 ? void 0 : _67.private) === null || _68 === void 0 ? void 0 : _68.toString() }))] })), currentFields.includes("encrypt") && selectedTypeValue !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { id: "encrypt", name: "encrypt", onChange: function (event) {
+                                                                                            formik.setFieldValue("encrypt", event.currentTarget.checked);
+                                                                                            setEncryptState(event.currentTarget.checked);
+                                                                                        }, checked: formik.values.encrypt }), _jsx("label", { htmlFor: "encrypt", className: classNames("form-field-label", styles.fieldLabel), children: "Encrypt" })] }), isFormFieldValid(formik, "encrypt") && (_jsx("p", { className: styles.fieldError, children: (_70 = (_69 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _69 === void 0 ? void 0 : _69.encrypt) === null || _70 === void 0 ? void 0 : _70.toString() }))] })), currentFields.includes("isMultiSelect") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidCheckbox, { id: "isMultiSelect", name: "isMultiSelect", onChange: function (event) {
+                                                                                            formik.setFieldValue("isMultiSelect", event.currentTarget.checked);
+                                                                                        }, checked: formik.values.isMultiSelect }), _jsx("label", { htmlFor: "isMultiSelect", className: classNames("form-field-label", styles.fieldLabel, "ml-2"), children: "Is MultiSelect" })] }), isFormFieldValid(formik, "isMultiSelect") && (_jsx("p", { className: styles.fieldError, children: (_72 = (_71 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _71 === void 0 ? void 0 : _71.isMultiSelect) === null || _72 === void 0 ? void 0 : _72.toString() }))] })), currentFields.includes("enableAuditTracking") && formik.values.relationType !== "one-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { id: "enableAuditTracking", name: "enableAuditTracking", onChange: function (event) {
+                                                                                            formik.setFieldValue("enableAuditTracking", event.currentTarget.checked);
+                                                                                        }, checked: formik.values.enableAuditTracking }), _jsx("label", { htmlFor: "enableAuditTracking", className: classNames("form-field-label", styles.fieldLabel), children: "Enable Audit Tracking" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting audit trail for this field." }), isFormFieldValid(formik, "enableAuditTracking") && (_jsx("p", { className: styles.fieldError, children: (_74 = (_73 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _73 === void 0 ? void 0 : _73.enableAuditTracking) === null || _74 === void 0 ? void 0 : _74.toString() }))] })), currentFields.includes("isUserKey") && formik.values.unique && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { id: "isUserKey", name: "isUserKey", onChange: function (event) {
+                                                                                            formik.setFieldValue("isUserKey", event.currentTarget.checked);
+                                                                                        }, checked: formik.values.isUserKey }), _jsx("label", { htmlFor: "isUserKey", className: classNames("form-field-label", styles.fieldLabel), children: "Is Userkey" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the model's user key. Any existing user key configuration will be overwritten" }), isFormFieldValid(formik, "isUserKey") && (_jsx("p", { className: styles.fieldError, children: (_76 = (_75 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _75 === void 0 ? void 0 : _75.isUserKey) === null || _76 === void 0 ? void 0 : _76.toString() }))] })), currentFields.includes("isPrimaryKey") && (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.isLegacyTable) && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-2", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidCheckbox, { id: "isPrimaryKey", name: "isPrimaryKey", onChange: function (event) {
+                                                                                            var checked = event.currentTarget.checked;
+                                                                                            formik.setFieldValue("isPrimaryKey", checked);
+                                                                                            // Auto-set required and unique when isPrimaryKey is checked
+                                                                                            if (checked) {
+                                                                                                formik.setFieldValue("required", true);
+                                                                                                formik.setFieldValue("unique", true);
+                                                                                            }
+                                                                                        }, checked: formik.values.isPrimaryKey }), _jsx("label", { htmlFor: "isPrimaryKey", className: classNames("form-field-label", styles.fieldLabel), children: "Is Primary Key" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the primary key for this legacy table." }), isFormFieldValid(formik, "isPrimaryKey") && (_jsx("p", { className: styles.fieldError, children: (_78 = (_77 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _77 === void 0 ? void 0 : _77.isPrimaryKey) === null || _78 === void 0 ? void 0 : _78.toString() }))] }))] }), formik.values.encrypt === true && (_jsxs("div", { className: "formgrid grid mt-2", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "encryptionType", className: classNames("form-field-label", styles.fieldLabel), children: "Encryption Type" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_k = {},
+                                                                                        _k[styles.fieldInvalidControl] = isFormFieldValid(formik, "encryptionType"),
+                                                                                        _k)), children: _jsx(SolidAutocomplete, { value: encryptionTypeField.selectedItem, suggestions: encryptionTypeField.filteredItems, completeMethod: encryptionTypeField.searchItems, onChange: encryptionTypeField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "encryptionType") && (_jsx("p", { className: styles.fieldError, children: (_80 = (_79 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _79 === void 0 ? void 0 : _79.encryptionType) === null || _80 === void 0 ? void 0 : _80.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "decryptWhen", className: classNames("form-field-label", styles.fieldLabel), children: "Decrypt When" }), _jsx("div", { className: classNames("solid-standard-autocomplete", (_l = {},
+                                                                                        _l[styles.fieldInvalidControl] = isFormFieldValid(formik, "decryptWhen"),
+                                                                                        _l)), children: _jsx(SolidAutocomplete, { value: decryptWhenField.selectedItem, suggestions: decryptWhenField.filteredItems, completeMethod: decryptWhenField.searchItems, onChange: decryptWhenField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "decryptWhen") && (_jsx("p", { className: styles.fieldError, children: (_82 = (_81 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _81 === void 0 ? void 0 : _81.decryptWhen) === null || _82 === void 0 ? void 0 : _82.toString() }))] }) })] }))] })] }), _jsxs("div", { className: "flex gap-3 mt-3", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Finish", size: "small", onClick: function () { return showError(); }, type: "submit" }) }), _jsx("div", { children: _jsx(SolidButton, { label: "Cancel", size: "small", severity: "secondary", type: "reset", onClick: function () { return setVisiblePopup(false); }, outlined: true }) })] })] }) }) }) }) }), _jsx(SolidDialog, { open: isBackPopupVisible, onOpenChange: function (next) {
                     if (!next) {
                         setIsBackPopupVisible(false);
                     }