@solidstarters/solid-core-ui 1.1.204 → 1.1.206

package/dist/components/core/form/fields/relations/SolidRelationManyToOneField.js

@@ -60,16 +60,17 @@ import { createSolidEntityApi } from "../../../../../redux/api/solidEntityApi";
 import { AutoComplete } from "primereact/autocomplete";
 import { Message } from "primereact/message";
 import qs from "qs";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import * as Yup from 'yup';
 import { camelCase } from "lodash";
 import { Button } from "primereact/button";
 import { Dialog } from "primereact/dialog";
 import SolidFormView from "../../SolidFormView";
 import { getExtensionComponent } from "../../../../../helpers/registry";
-import Handlebars from "handlebars";
+import Handlebars from "handlebars/dist/handlebars";
 import { Toast } from "primereact/toast";
 import { SolidFieldTooltip } from "../../../../../components/common/SolidFieldTooltip";
+import { ERROR_MESSAGES } from "../../../../../constants/error-messages";
 var SolidRelationManyToOneField = /** @class */ (function () {
     function SolidRelationManyToOneField(fieldContext) {
         this.fieldContext = fieldContext;
@@ -108,7 +109,7 @@ var SolidRelationManyToOneField = /** @class */ (function () {
         var schema = Yup.mixed();
         // Custom validation for relation field
         if (fieldMetadata.required) {
-            schema = schema.test('required-relation', "".concat(fieldLabel, " is required."), function (value) {
+            schema = schema.test(ERROR_MESSAGES.REQUIRED_REALTION, ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel), function (value) {
                 // Handle empty values
                 if (!value)
                     return false;
@@ -124,7 +125,7 @@ var SolidRelationManyToOneField = /** @class */ (function () {
             });
         }
         // Add validation to ensure valid selection
-        schema = schema.test('valid-selection', "Please select a valid ".concat(fieldLabel, " from the dropdown."), function (value) {
+        schema = schema.test(ERROR_MESSAGES.VALIDATE_SELECTION, ERROR_MESSAGES.SELECT_VALID_FROM_DROPDOWN(fieldLabel), function (value) {
             // If not required and empty, it's valid
             if (!fieldMetadata.required && (!value || value === '')) {
                 return true;
@@ -190,6 +191,7 @@ export var DefaultRelationManyToOneFormEditWidget = function (_a) {
     var showFieldLabel = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.showLabel;
     var readOnlyPermission = fieldContext.readOnly;
     var _p = useState(false), visibleCreateRelationEntity = _p[0], setvisibleCreateRelationEntity = _p[1];
+    var _q = useState(), formViewParams = _q[0], setformViewParams = _q[1];
     var showToast = function (severity, summary, detail) {
         var _a;
         (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
@@ -208,12 +210,24 @@ export var DefaultRelationManyToOneFormEditWidget = function (_a) {
     var formDisabled = (_j = (_h = (_g = solidFormViewMetaData.data.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs) === null || _j === void 0 ? void 0 : _j.disabled;
     var formReadonly = (_m = (_l = (_k = solidFormViewMetaData.data.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs) === null || _m === void 0 ? void 0 : _m.readonly;
     var whereClause = fieldLayoutInfo.attrs.whereClause;
-    var _q = useState([]), autoCompleteItems = _q[0], setAutoCompleteItems = _q[1];
-    var _r = useState(0), offset = _r[0], setOffset = _r[1];
-    var _s = useState(true), hasMore = _s[0], setHasMore = _s[1];
-    var _t = useState(""), currentQuery = _t[0], setCurrentQuery = _t[1];
+    var _r = useState([]), autoCompleteItems = _r[0], setAutoCompleteItems = _r[1];
+    var _s = useState(0), offset = _s[0], setOffset = _s[1];
+    var _t = useState(true), hasMore = _t[0], setHasMore = _t[1];
+    var _u = useState(""), currentQuery = _u[0], setCurrentQuery = _u[1];
     var LIMIT = 50;
-    var _u = useState(false), loading = _u[0], setLoading = _u[1];
+    var _v = useState(false), loading = _v[0], setLoading = _v[1];
+    useEffect(function () {
+        var _a, _b;
+        var formviewparams = {
+            moduleName: fieldContext.fieldMetadata.relationModelModuleName,
+            modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName),
+            id: "new",
+            embeded: true,
+            inlineCreateAutoSave: (_a = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.inlineCreateAutoSave,
+            layout: (_b = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.inlineCreateLayout
+        };
+        setformViewParams(formviewparams);
+    }, []);
     var autoCompleteSearch = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var queryData, fixedFilterToBeApplied, fixedFilterParsed, convertedFixedFilter, fixedFilterTemplate, renderedFilter, parsedFilter, isValid, autocompleteQs, autocompleteResponse, autocompleteData, autoCompleteItems_1;
         var _a, _b;
@@ -269,11 +283,11 @@ export var DefaultRelationManyToOneFormEditWidget = function (_a) {
                                 fixedFilterParsed = true;
                             }
                             else {
-                                console.warn("Skipping invalid/empty fixed filter:", parsedFilter);
+                                console.warn(ERROR_MESSAGES.SKIPPING_EMPTY_FIXED_FILTER, parsedFilter);
                             }
                         }
                         catch (e) {
-                            console.error("Invalid whereClause JSON:", renderedFilter);
+                            console.error(ERROR_MESSAGES.INVALID_JSON_WHERECLAUSE, renderedFilter);
                             parsedFilter = {}; // fallback or throw error as needed
                         }
                     }
@@ -281,7 +295,7 @@ export var DefaultRelationManyToOneFormEditWidget = function (_a) {
                         encodeValuesOnly: true,
                     });
                     if (!(fixedFilterToBeApplied && !fixedFilterParsed)) return [3 /*break*/, 1];
-                    showToast("error", "Please select relevant fields used in fixed filter", "Fields Not selected!");
+                    showToast("error", ERROR_MESSAGES.SELECT_RELEVANT_FIELD, ERROR_MESSAGES.FIELD_NOT_SELECT);
                     return [3 /*break*/, 4];
                 case 1:
                     _m.trys.push([1, , 3, 4]);
@@ -363,17 +377,17 @@ export var DefaultRelationManyToOneFormEditWidget = function (_a) {
                                 fixedFilterParsed = true;
                             }
                             else {
-                                console.warn("Skipping invalid/empty fixed filter:", parsedFilter);
+                                console.warn(ERROR_MESSAGES.SKIPPING_EMPTY_FIXED_FILTER, parsedFilter);
                             }
                         }
                         catch (e) {
-                            console.error("Invalid whereClause JSON:", renderedFilter);
+                            console.error(ERROR_MESSAGES.INVALID_JSON_WHERECLAUSE, renderedFilter);
                             parsedFilter = {}; // fallback or throw error as needed
                         }
                     }
                     autocompleteQs = qs.stringify(queryData, { encodeValuesOnly: true });
                     if (!(fixedFilterToBeApplied && !fixedFilterParsed)) return [3 /*break*/, 1];
-                    showToast("error", "Please select relevant fields used in fixed filter", "Fields Not selected!");
+                    showToast("error", ERROR_MESSAGES.SELECT_RELEVANT_FIELD, ERROR_MESSAGES.FIELD_NOT_SELECT);
                     return [3 /*break*/, 4];
                 case 1:
                     _o.trys.push([1, , 3, 4]);
@@ -416,34 +430,39 @@ export var DefaultRelationManyToOneFormEditWidget = function (_a) {
                                     itemSize: 38,
                                     lazy: true,
                                     onLazyLoad: onLazyLoad
-                                } })), fieldLayoutInfo.attrs.inlineCreate === "true" && readOnlyPermission === false &&
-                                _jsx(RenderSolidFormEmbededView, { formik: formik, fieldContext: fieldContext, customCreateHandler: customCreateHandler, visibleCreateRelationEntity: visibleCreateRelationEntity, setvisibleCreateRelationEntity: setvisibleCreateRelationEntity })] })] }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_o = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _o === void 0 ? void 0 : _o.toString() }) }))] }));
+                                } })), fieldLayoutInfo.attrs.inlineCreate === "true" && readOnlyPermission === false && formViewParams &&
+                                _jsx(RenderSolidFormEmbededView, { formik: formik, fieldContext: fieldContext, customCreateHandler: customCreateHandler, visibleCreateRelationEntity: visibleCreateRelationEntity, setvisibleCreateRelationEntity: setvisibleCreateRelationEntity, formViewParams: formViewParams })] })] }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_o = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _o === void 0 ? void 0 : _o.toString() }) }))] }));
 };
 export var RenderSolidFormEmbededView = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var formik = _a.formik, fieldContext = _a.fieldContext, customCreateHandler = _a.customCreateHandler, visibleCreateRelationEntity = _a.visibleCreateRelationEntity, setvisibleCreateRelationEntity = _a.setvisibleCreateRelationEntity;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var formik = _a.formik, fieldContext = _a.fieldContext, customCreateHandler = _a.customCreateHandler, visibleCreateRelationEntity = _a.visibleCreateRelationEntity, setvisibleCreateRelationEntity = _a.setvisibleCreateRelationEntity, formViewParams = _a.formViewParams;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
     var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-6 flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4';
     var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
+    var parentModelName = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.parentModelName;
+    var childModelName = (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.childModelName;
+    var parentFieldName = (_f = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.parentFieldName;
+    var childFieldName = (_g = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.childFieldName;
+    var parentModuleName = (_h = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _h === void 0 ? void 0 : _h.parentModuleName;
     var params = {
-        moduleName: fieldContext.fieldMetadata.relationModelModuleName,
-        id: "new",
-        embeded: true,
-        layout: (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.inlineCreateLayout,
+        moduleName: formViewParams.moduleName,
+        modelName: camelCase(formViewParams.modelName),
+        id: formViewParams.id,
+        embeded: formViewParams.embeded,
+        inlineCreateAutoSave: formViewParams.inlineCreateAutoSave,
+        layout: formViewParams.layout,
         customCreateHandler: (function (values) {
             setvisibleCreateRelationEntity(false);
             customCreateHandler(values);
         }),
-        inlineCreateAutoSave: (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.inlineCreateAutoSave,
         handlePopupClose: (function () {
             setvisibleCreateRelationEntity(false);
         }),
-        modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName)
     };
     return (_jsxs("div", { children: [_jsx("div", { children: _jsx(Button, { icon: "pi pi-plus", rounded: true, outlined: true, "aria-label": "Filter", type: "button", size: "small", onClick: function () { return setvisibleCreateRelationEntity(true); }, className: "custom-add-button" }) }), _jsx(Dialog, { header: "", showHeader: false, visible: visibleCreateRelationEntity, style: {
-                    width: (_j = (_h = (_g = (_f = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.inlineCreateLayout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.width) !== null && _j !== void 0 ? _j : "60vw",
-                    height: (_o = (_m = (_l = (_k = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _k === void 0 ? void 0 : _k.inlineCreateLayout) === null || _l === void 0 ? void 0 : _l.attrs) === null || _m === void 0 ? void 0 : _m.height) !== null && _o !== void 0 ? _o : "auto"
+                    width: (_m = (_l = (_k = (_j = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _j === void 0 ? void 0 : _j.inlineCreateLayout) === null || _k === void 0 ? void 0 : _k.attrs) === null || _l === void 0 ? void 0 : _l.width) !== null && _m !== void 0 ? _m : "60vw",
+                    height: (_r = (_q = (_p = (_o = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _o === void 0 ? void 0 : _o.inlineCreateLayout) === null || _p === void 0 ? void 0 : _p.attrs) === null || _q === void 0 ? void 0 : _q.height) !== null && _r !== void 0 ? _r : "auto"
                 }, onHide: function () {
                     if (!visibleCreateRelationEntity)
                         return;
@@ -451,14 +470,353 @@ export var RenderSolidFormEmbededView = function (_a) {
                 }, className: "solid-dialog", children: _jsx(SolidFormView, __assign({}, params)) })] }));
 };
 export var DefaultRelationManyToOneFormViewWidget = function (_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e, _f, _g;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
     var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
     var value = formik.values[fieldLayoutInfo.attrs.name];
-    var userKeyField = ((_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.coModelFieldToDisplay) ? (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.coModelFieldToDisplay : (_f = (_e = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _e === void 0 ? void 0 : _e.userKeyField) === null || _f === void 0 ? void 0 : _f.name;
+    var userKeyField = ((_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.coModelFieldToDisplay) ? (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.coModelFieldToDisplay : (_g = (_f = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _f === void 0 ? void 0 : _f.userKeyField) === null || _g === void 0 ? void 0 : _g.name;
     var displayValue = value === null || value === void 0 ? void 0 : value[userKeyField];
-    return (_jsxs("div", { className: "mt-2 flex-column gap-2", children: [_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel }), _jsx("p", { className: "m-0", children: displayValue })] }));
+    return (_jsxs("div", { className: "mt-2 flex-column gap-2", children: [showFieldLabel !== false && (_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel })), _jsx("p", { className: "m-0", children: displayValue })] }));
+};
+export var PseudoRelationManyToOneFormWidget = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var formik = _a.formik, fieldContext = _a.fieldContext;
+    var toast = useRef(null);
+    var fieldMetadata = fieldContext.fieldMetadata;
+    var fieldLayoutInfo = fieldContext.field;
+    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
+    var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
+    var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
+    var showFieldLabel = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.showLabel;
+    var readOnlyPermission = fieldContext.readOnly ? fieldContext.readOnly : false;
+    var parentModelName = (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.parentModelName;
+    var childModelName = (_f = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.childModelName;
+    var parentFieldName = (_g = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.parentFieldName;
+    var childFieldName = (_h = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _h === void 0 ? void 0 : _h.childFieldName;
+    var parentModuleName = (_j = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _j === void 0 ? void 0 : _j.parentModuleName;
+    var parentFieldLabels = (_k = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _k === void 0 ? void 0 : _k.parentFieldLabels;
+    var parentSearchFields = (_l = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _l === void 0 ? void 0 : _l.parentSearchFields;
+    var _w = useState(), formViewParams = _w[0], setformViewParams = _w[1];
+    var viewMode = fieldContext.viewMode;
+    useEffect(function () {
+        var _a, _b;
+        var formviewparams = {
+            moduleName: parentModuleName,
+            modelName: camelCase(parentModelName),
+            id: "new",
+            embeded: true,
+            inlineCreateAutoSave: (_a = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _a === void 0 ? void 0 : _a.inlineCreateAutoSave,
+            layout: (_b = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.inlineCreateLayout
+        };
+        setformViewParams(formviewparams);
+    }, []);
+    var _x = useState(false), visibleCreateRelationEntity = _x[0], setvisibleCreateRelationEntity = _x[1];
+    var showToast = function (severity, summary, detail) {
+        var _a;
+        (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+            severity: severity,
+            summary: summary,
+            detail: detail,
+            life: 3000,
+        });
+    };
+    // auto complete specific code. 
+    var entityApi = createSolidEntityApi(parentModelName || "userViewMetadata");
+    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
+    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var fieldDisabled = (_m = fieldLayoutInfo.attrs) === null || _m === void 0 ? void 0 : _m.disabled;
+    var fieldReadonly = (_o = fieldLayoutInfo.attrs) === null || _o === void 0 ? void 0 : _o.readonly;
+    var formDisabled = (_r = (_q = (_p = solidFormViewMetaData.data.solidView) === null || _p === void 0 ? void 0 : _p.layout) === null || _q === void 0 ? void 0 : _q.attrs) === null || _r === void 0 ? void 0 : _r.disabled;
+    var formReadonly = (_u = (_t = (_s = solidFormViewMetaData.data.solidView) === null || _s === void 0 ? void 0 : _s.layout) === null || _t === void 0 ? void 0 : _t.attrs) === null || _u === void 0 ? void 0 : _u.readonly;
+    var whereClause = fieldLayoutInfo.attrs.whereClause;
+    var _y = useState([]), autoCompleteItems = _y[0], setAutoCompleteItems = _y[1];
+    var _z = useState(0), offset = _z[0], setOffset = _z[1];
+    var _0 = useState(true), hasMore = _0[0], setHasMore = _0[1];
+    var _1 = useState(""), currentQuery = _1[0], setCurrentQuery = _1[1];
+    var LIMIT = 50;
+    var _2 = useState(false), loading = _2[0], setLoading = _2[1];
+    useEffect(function () {
+        var fn = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var queryData, autocompleteQs, autocompleteResponse, autocompleteData, formattedRecords;
+            var _a, _b;
+            var _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (!formik.values[fieldLayoutInfo.attrs.name]) return [3 /*break*/, 2];
+                        queryData = {
+                            offset: 0,
+                            limit: LIMIT,
+                            filters: {
+                                $and: [
+                                    (_a = {},
+                                        _a[parentFieldName] = (_b = {},
+                                            _b[((_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.autocompleteMatchMode) || '$eqi'] = formik.values[fieldLayoutInfo.attrs.name],
+                                            _b),
+                                        _a)
+                                ]
+                            }
+                        };
+                        autocompleteQs = qs.stringify(queryData, {
+                            encodeValuesOnly: true,
+                        });
+                        return [4 /*yield*/, triggerGetSolidEntities(autocompleteQs)];
+                    case 1:
+                        autocompleteResponse = _d.sent();
+                        autocompleteData = autocompleteResponse.data;
+                        if (autocompleteData) {
+                            formattedRecords = autocompleteData.records.map(function (item) {
+                                var label = parentFieldLabels ? parentFieldLabels.map(function (label) { return item[label]; }).join(" - ") : item[parentFieldName];
+                                return __assign({ solidManyToOneLabel: label, solidManyToOneValue: item[parentFieldName] }, item);
+                            });
+                            if (formattedRecords.length > 0) {
+                                formik.setFieldValue(fieldLayoutInfo.attrs.name, formattedRecords[0]);
+                            }
+                        }
+                        _d.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        }); };
+        fn();
+    }, [formik.values]);
+    var autoCompleteSearch = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var queryData, fixedFilterToBeApplied, fixedFilterParsed, convertedFixedFilter, fixedFilterTemplate, renderedFilter, parsedFilter, isValid, autocompleteQs, autocompleteResponse, autocompleteData, autoCompleteItems_2;
+        var _a, _b;
+        var _c, _d, _e, _f, _g, _h, _j;
+        return __generator(this, function (_k) {
+            switch (_k.label) {
+                case 0:
+                    setOffset(0);
+                    setCurrentQuery(event.query || "");
+                    setHasMore(true);
+                    queryData = {
+                        offset: 0,
+                        limit: LIMIT,
+                        filters: {
+                            $and: __spreadArray([], ((parentSearchFields === null || parentSearchFields === void 0 ? void 0 : parentSearchFields.length)
+                                ? [
+                                    {
+                                        $or: parentSearchFields.map(function (field) {
+                                            var _a, _b;
+                                            var _c;
+                                            return (_a = {},
+                                                _a[field] = (_b = {},
+                                                    _b[((_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.autocompleteMatchMode) || '$containsi'] = event.query,
+                                                    _b),
+                                                _a);
+                                        })
+                                    }
+                                ]
+                                : [
+                                    (_a = {},
+                                        _a[parentFieldName] = (_b = {},
+                                            _b[((_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.autocompleteMatchMode) || '$containsi'] = event.query,
+                                            _b),
+                                        _a)
+                                ]), true)
+                        }
+                    };
+                    fixedFilterToBeApplied = false;
+                    fixedFilterParsed = false;
+                    if (((_f = (_e = (_d = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.model) === null || _f === void 0 ? void 0 : _f.singularName) === "listOfValues" && fieldContext.fieldMetadata.relationCoModelSingularName !== "moduleMetadata") {
+                        fixedFilterToBeApplied = true;
+                    }
+                    if ((fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationFieldFixedFilter) || ((_g = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.whereClause)) {
+                        convertedFixedFilter = ((_h = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _h === void 0 ? void 0 : _h.whereClause) ? (_j = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _j === void 0 ? void 0 : _j.whereClause : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationFieldFixedFilter;
+                        fixedFilterToBeApplied = true;
+                        fixedFilterTemplate = Handlebars.compile(convertedFixedFilter);
+                        renderedFilter = fixedFilterTemplate(formik.values);
+                        parsedFilter = void 0;
+                        try {
+                            parsedFilter = JSON.parse(renderedFilter);
+                            isValid = function (obj) {
+                                if (!obj || typeof obj !== 'object')
+                                    return false;
+                                // Recursively check all nested values
+                                var hasValidValue = function (val) {
+                                    if (val === null || val === undefined || val === '')
+                                        return false;
+                                    if (typeof val === 'object') {
+                                        return Object.values(val).some(hasValidValue);
+                                    }
+                                    return true;
+                                };
+                                return hasValidValue(obj);
+                            };
+                            if (isValid(parsedFilter)) {
+                                queryData.filters.$and.push(parsedFilter);
+                                fixedFilterParsed = true;
+                            }
+                            else {
+                                console.warn(ERROR_MESSAGES.SKIPPING_EMPTY_FIXED_FILTER, parsedFilter);
+                            }
+                        }
+                        catch (e) {
+                            console.error(ERROR_MESSAGES.INVALID_JSON_WHERECLAUSE, renderedFilter);
+                            parsedFilter = {}; // fallback or throw error as needed
+                        }
+                    }
+                    autocompleteQs = qs.stringify(queryData, {
+                        encodeValuesOnly: true,
+                    });
+                    if (!(fixedFilterToBeApplied && !fixedFilterParsed)) return [3 /*break*/, 1];
+                    showToast("error", ERROR_MESSAGES.SELECT_RELEVANT_FIELD, ERROR_MESSAGES.FIELD_NOT_SELECT);
+                    return [3 /*break*/, 4];
+                case 1:
+                    _k.trys.push([1, , 3, 4]);
+                    setLoading(true);
+                    return [4 /*yield*/, triggerGetSolidEntities(autocompleteQs)];
+                case 2:
+                    autocompleteResponse = _k.sent();
+                    autocompleteData = autocompleteResponse.data;
+                    if (autocompleteData) {
+                        autoCompleteItems_2 = autocompleteData.records.map(function (item) {
+                            var label = parentFieldLabels ? parentFieldLabels.map(function (label) { return item[label]; }).join(" - ") : item[parentFieldName];
+                            return __assign({ solidManyToOneLabel: label, solidManyToOneValue: item[parentFieldName] }, item);
+                        });
+                        // const autoCompleteItems = autocompleteData.records.map((item: any) => {label: item[parentFieldName],value});
+                        setAutoCompleteItems(autoCompleteItems_2);
+                        setOffset(autocompleteData.records.length);
+                        setHasMore(autocompleteData.records.length === LIMIT);
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onLazyLoad = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var queryData, fixedFilterToBeApplied, fixedFilterParsed, convertedFixedFilter, fixedFilterTemplate, renderedFilter, parsedFilter, isValid, autocompleteQs, response, records_2;
+        var _a, _b;
+        var _c, _d, _e, _f, _g, _h, _j, _k;
+        return __generator(this, function (_l) {
+            switch (_l.label) {
+                case 0:
+                    if (!hasMore || loading)
+                        return [2 /*return*/];
+                    if (event.last < autoCompleteItems.length - 1)
+                        return [2 /*return*/]; // Only load if user reaches bottom
+                    queryData = {
+                        offset: offset,
+                        limit: LIMIT,
+                        filters: {
+                            $and: __spreadArray([], ((parentSearchFields === null || parentSearchFields === void 0 ? void 0 : parentSearchFields.length)
+                                ? [
+                                    {
+                                        $or: parentSearchFields.map(function (field) {
+                                            var _a, _b;
+                                            var _c;
+                                            return (_a = {},
+                                                _a[field] = (_b = {},
+                                                    _b[((_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.autocompleteMatchMode) || '$containsi'] = currentQuery,
+                                                    _b),
+                                                _a);
+                                        })
+                                    }
+                                ]
+                                : [
+                                    (_a = {},
+                                        _a[parentFieldName] = (_b = {},
+                                            _b[((_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.autocompleteMatchMode) || '$containsi'] = currentQuery,
+                                            _b),
+                                        _a)
+                                ]), true)
+                        }
+                    };
+                    fixedFilterToBeApplied = false;
+                    fixedFilterParsed = false;
+                    if (((_f = (_e = (_d = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.model) === null || _f === void 0 ? void 0 : _f.singularName) === "listOfValues" && fieldContext.fieldMetadata.relationCoModelSingularName !== "moduleMetadata") {
+                        fixedFilterToBeApplied = true;
+                    }
+                    if ((fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationFieldFixedFilter) || ((_g = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.whereClause)) {
+                        convertedFixedFilter = ((_h = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _h === void 0 ? void 0 : _h.whereClause) ? (_j = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _j === void 0 ? void 0 : _j.whereClause : fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationFieldFixedFilter;
+                        fixedFilterToBeApplied = true;
+                        fixedFilterTemplate = Handlebars.compile(convertedFixedFilter);
+                        renderedFilter = fixedFilterTemplate(formik.values);
+                        parsedFilter = void 0;
+                        try {
+                            parsedFilter = JSON.parse(renderedFilter);
+                            isValid = function (obj) {
+                                if (!obj || typeof obj !== 'object')
+                                    return false;
+                                // Recursively check all nested values
+                                var hasValidValue = function (val) {
+                                    if (val === null || val === undefined || val === '')
+                                        return false;
+                                    if (typeof val === 'object') {
+                                        return Object.values(val).some(hasValidValue);
+                                    }
+                                    return true;
+                                };
+                                return hasValidValue(obj);
+                            };
+                            if (isValid(parsedFilter)) {
+                                queryData.filters.$and.push(parsedFilter);
+                                fixedFilterParsed = true;
+                            }
+                            else {
+                                console.warn(ERROR_MESSAGES.SKIPPING_EMPTY_FIXED_FILTER, parsedFilter);
+                            }
+                        }
+                        catch (e) {
+                            console.error(ERROR_MESSAGES.INVALID_JSON_WHERECLAUSE, renderedFilter);
+                            parsedFilter = {}; // fallback or throw error as needed
+                        }
+                    }
+                    autocompleteQs = qs.stringify(queryData, { encodeValuesOnly: true });
+                    if (!(fixedFilterToBeApplied && !fixedFilterParsed)) return [3 /*break*/, 1];
+                    showToast("error", ERROR_MESSAGES.SELECT_RELEVANT_FIELD, ERROR_MESSAGES.FIELD_NOT_SELECT);
+                    return [3 /*break*/, 4];
+                case 1:
+                    _l.trys.push([1, , 3, 4]);
+                    setLoading(true);
+                    return [4 /*yield*/, triggerGetSolidEntities(autocompleteQs)];
+                case 2:
+                    response = _l.sent();
+                    records_2 = ((_k = response.data) === null || _k === void 0 ? void 0 : _k.records) || [];
+                    if (records_2.length < LIMIT)
+                        setHasMore(false);
+                    setAutoCompleteItems(function (prev) { return __spreadArray(__spreadArray([], prev, true), records_2.map(function (item) {
+                        var label = parentFieldLabels ? parentFieldLabels.map(function (label) { return item[label]; }).join(" - ") : item[parentFieldName];
+                        return __assign({ solidManyToOneLabel: label, solidManyToOneValue: item[parentFieldName] }, item);
+                    }), true); });
+                    setOffset(function (prev) { return prev + records_2.length; });
+                    return [3 /*break*/, 4];
+                case 3:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
+    var customCreateHandler = function (values) {
+        var currentRelationData = formik.values[fieldLayoutInfo.attrs.name] || [];
+        var jsonValues = Object.fromEntries(values.entries());
+        console.log("jsonValues", jsonValues);
+        var label = parentFieldLabels ? parentFieldLabels.map(function (label) { return jsonValues[label]; }).join(" - ") : jsonValues[parentFieldName];
+        var updatedRelationData = __spreadArray(__spreadArray([], currentRelationData, true), [
+            // jsonValues[parentFieldName]
+            {
+                solidManyToOneLabel: label,
+                solidManyToOneValue: "new",
+                original: jsonValues,
+            },
+        ], false);
+        formik.setFieldValue(fieldLayoutInfo.attrs.name, updatedRelationData);
+    };
+    return (_jsxs("div", { className: "relative", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", children: [showFieldLabel != false &&
+                        _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "form-field-label", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " * " }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsxs("div", { className: "flex align-items-center gap-3", children: [_jsx(AutoComplete, __assign({ readOnly: formReadonly || fieldReadonly || readOnlyPermission, disabled: formDisabled || fieldDisabled || readOnlyPermission || viewMode === "view", field: "solidManyToOneLabel", vale: true }, formik.getFieldProps(fieldLayoutInfo.attrs.name), { id: fieldLayoutInfo.attrs.name, value: formik.values[fieldLayoutInfo.attrs.name] || '', dropdown: !readOnlyPermission, suggestions: autoCompleteItems, completeMethod: autoCompleteSearch, onChange: function (e) { return fieldContext.onChange(e, 'onFieldChange'); }, onFocus: function (e) { return e.target.select(); }, className: "w-full solid-standard-autocomplete", virtualScrollerOptions: {
+                                    itemSize: 38,
+                                    lazy: true,
+                                    onLazyLoad: onLazyLoad
+                                } })), fieldLayoutInfo.attrs.inlineCreate === "true" && readOnlyPermission === false && formViewParams && viewMode !== "view" &&
+                                _jsx(RenderSolidFormEmbededView, { formik: formik, fieldContext: fieldContext, customCreateHandler: customCreateHandler, visibleCreateRelationEntity: visibleCreateRelationEntity, setvisibleCreateRelationEntity: setvisibleCreateRelationEntity, formViewParams: formViewParams, children: " " })] })] }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_v = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _v === void 0 ? void 0 : _v.toString() }) }))] }));
 };
 //# sourceMappingURL=SolidRelationManyToOneField.js.map