@solidxai/core-ui 0.1.3 → 0.1.4-beta.0

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"RolePermissionsManyToManyFieldWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { capitalize } from \"lodash\";\nimport { Panel } from \"primereact/panel\";\nimport { useEffect, useState } from \"react\";\nimport { Button } from \"primereact/button\";\nimport { InputSwitch } from \"primereact/inputswitch\";\nimport { useRelationEntityHandler } from \"../../../../../components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler\";\nimport { InlineRelationEntityDialog } from \"../../../../../components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport qs from 'qs';\n\nconst groupByController = (items: any[]) => {\n    const grouped: { [key: string]: any[] } = {};\n    items.forEach((item) => {\n        const controllerName = item.label.split(\".\")[0];\n        if (!grouped[controllerName]) {\n            grouped[controllerName] = [];\n        }\n        grouped[controllerName].push(item);\n    });\n    return grouped;\n};\n\nexport const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldLayoutInfo = fieldContext.field;\n\n    const readOnlyPermission = fieldContext.readOnly;\n    const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);\n    const { autoCompleteItems, fetchRelationEntities, addNewRelation } = useRelationEntityHandler({ fieldContext, formik });\n    const [visibleDialogs, setVisibleDialogs] = useState<{ [key: string]: boolean }>({});\n\n    useEffect(() => {\n        const queryData: any = {\n            offset: 0,\n            limit: 1000\n        };\n        const autocompleteQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n        fetchRelationEntities(autocompleteQs);\n    }, []);\n\n    const handleCheckboxChange = (e: any) => {\n        if (formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === e.value)) {\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, formik.values[fieldLayoutInfo.attrs.name].filter((s: any) => s.value !== e.value));\n        } else {\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, [...formik.values[fieldLayoutInfo.attrs.name], e]);\n        }\n    };\n\n    const getHeaderTemplate = (controllerName: string) => (options: any) => {\n        const className = `${options.className} justify-content-space-between`;\n    \n        return (\n            <div className={className}>\n                <div className=\"flex align-items-center gap-3\">\n                    <label className=\"form-field-label text-base lg:text-lg font-bold\">\n                        {controllerName}\n                    </label>\n                    {fieldContext.field.attrs.inlineCreate && (\n                        <>\n                            <Button\n                                icon=\"pi pi-plus\"\n                                rounded\n                                outlined\n                                aria-label=\"Add\"\n                                type=\"button\"\n                                size=\"small\"\n                                onClick={() =>\n                                    setVisibleDialogs((prev) => ({\n                                        ...prev,\n                                        [controllerName]: true,\n                                    }))\n                                }\n                                className=\"custom-add-button\"\n                            />\n                            <InlineRelationEntityDialog\n                                visible={visibleCreateDialog}\n                                setVisible={setVisibleCreateDialog}\n                                fieldContext={fieldContext}\n                                onCreate={addNewRelation}\n                            />\n                        </>\n                    )}\n                </div>\n                <div>{options.togglerElement}</div>\n            </div>\n        );\n    };\n    \n    const groupedEntities = groupByController(autoCompleteItems || []);\n    return (\n            <div>\n                {Object.keys(groupedEntities).map((controllerName) => (\n                    <Panel toggleable headerTemplate={getHeaderTemplate(controllerName)} key={controllerName} className=\"mt-3 lg:mt-4\">\n                        <div className=\"formgrid grid gap-3 lg:gap-0 \">\n                            {groupedEntities[controllerName].map((entity: any, i: number) => {\n                                const isChecked = formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === entity.value);\n                                return (\n                                    <div key={entity.label} className={`field col-12 lg:col-6  flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}>\n                                        <Checkbox\n                                            readOnly={readOnlyPermission}\n                                            inputId={entity.label}\n                                            checked={isChecked}\n                                            onChange={() => handleCheckboxChange(entity)}\n                                        />\n                                        <label htmlFor={entity.label} className=\"form-field-label m-0 solid-permisson-form-label\"> {entity.label}</label>\n                                    </div>\n                                )\n                            })}\n                        </div>\n                    </Panel>\n                ))}\n                {Object.keys(groupedEntities).map((controllerName) => (\n                    <InlineRelationEntityDialog\n                        key={`dialog-${controllerName}`}\n                        visible={visibleDialogs[controllerName] || false}\n                        setVisible={(visible: any) =>\n                            setVisibleDialogs((prev) => ({\n                                ...prev,\n                                [controllerName]: visible,\n                            }))\n                        }\n                        fieldContext={fieldContext}\n                        onCreate={addNewRelation}\n                    />\n                ))}\n            </div>\n        )\n};"]}
+{"version":3,"file":"RolePermissionsManyToManyFieldWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { capitalize } from \"lodash\";\nimport { Panel } from \"primereact/panel\";\nimport { useEffect, useState } from \"react\";\nimport { Button } from \"primereact/button\";\nimport { InputSwitch } from \"primereact/inputswitch\";\nimport { useRelationEntityHandler } from \"../../../../../components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler\";\nimport { InlineRelationEntityDialog } from \"../../../../../components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport qs from 'qs';\n\nconst groupByController = (items: any[]) => {\n    const grouped: { [key: string]: any[] } = {};\n    items.forEach((item) => {\n        const controllerName = item.label.split(\".\")[0];\n        if (!grouped[controllerName]) {\n            grouped[controllerName] = [];\n        }\n        grouped[controllerName].push(item);\n    });\n    return grouped;\n};\n\nexport const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldLayoutInfo = fieldContext.field;\n\n    const readOnlyPermission = fieldContext.readOnly;\n    const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);\n    const { autoCompleteItems, fetchRelationEntities, populateFormikWithRelatedEntities, addNewRelation } = useRelationEntityHandler({ fieldContext, formik });\n    const [visibleDialogs, setVisibleDialogs] = useState<{ [key: string]: boolean }>({});\n\n\n    useEffect(() => {\n        populateFormikWithRelatedEntities();\n    }, [formik.values?.id]);\n\n    useEffect(() => {\n        const queryData: any = {\n            offset: 0,\n            limit: 1000\n        };\n        const autocompleteQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n        fetchRelationEntities(autocompleteQs);\n    }, []);\n\n    const handleCheckboxChange = (e: any) => {\n        if (formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === e.value)) {\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, formik.values[fieldLayoutInfo.attrs.name].filter((s: any) => s.value !== e.value));\n        } else {\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, [...formik.values[fieldLayoutInfo.attrs.name], e]);\n        }\n    };\n\n    const getHeaderTemplate = (controllerName: string) => (options: any) => {\n        const className = `${options.className} justify-content-space-between`;\n\n        return (\n            <div className={className}>\n                <div className=\"flex align-items-center gap-3\">\n                    <label className=\"form-field-label text-base lg:text-lg font-bold\">\n                        {controllerName}\n                    </label>\n                    {fieldContext.field.attrs.inlineCreate && (\n                        <>\n                            <Button\n                                icon=\"pi pi-plus\"\n                                rounded\n                                outlined\n                                aria-label=\"Add\"\n                                type=\"button\"\n                                size=\"small\"\n                                onClick={() =>\n                                    setVisibleDialogs((prev) => ({\n                                        ...prev,\n                                        [controllerName]: true,\n                                    }))\n                                }\n                                className=\"custom-add-button\"\n                            />\n                            <InlineRelationEntityDialog\n                                visible={visibleCreateDialog}\n                                setVisible={setVisibleCreateDialog}\n                                fieldContext={fieldContext}\n                                onCreate={addNewRelation}\n                            />\n                        </>\n                    )}\n                </div>\n                <div>{options.togglerElement}</div>\n            </div>\n        );\n    };\n\n    const groupedEntities = groupByController(autoCompleteItems || []);\n    return (\n        <div>\n            {Object.keys(groupedEntities).map((controllerName) => (\n                <Panel toggleable headerTemplate={getHeaderTemplate(controllerName)} key={controllerName} className=\"mt-3 lg:mt-4\">\n                    <div className=\"formgrid grid gap-3 lg:gap-0 \">\n                        {groupedEntities[controllerName].map((entity: any, i: number) => {\n                            const isChecked = formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === entity.value);\n                            return (\n                                <div key={entity.label} className={`field col-12 lg:col-6  flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}>\n                                    <Checkbox\n                                        readOnly={readOnlyPermission}\n                                        inputId={entity.label}\n                                        checked={isChecked}\n                                        onChange={() => handleCheckboxChange(entity)}\n                                    />\n                                    <label htmlFor={entity.label} className=\"form-field-label m-0 solid-permisson-form-label\"> {entity.label}</label>\n                                </div>\n                            )\n                        })}\n                    </div>\n                </Panel>\n            ))}\n            {Object.keys(groupedEntities).map((controllerName) => (\n                <InlineRelationEntityDialog\n                    key={`dialog-${controllerName}`}\n                    visible={visibleDialogs[controllerName] || false}\n                    setVisible={(visible: any) =>\n                        setVisibleDialogs((prev) => ({\n                            ...prev,\n                            [controllerName]: visible,\n                        }))\n                    }\n                    fieldContext={fieldContext}\n                    onCreate={addNewRelation}\n                />\n            ))}\n        </div>\n    )\n};"]}

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx

@@ -27,9 +27,14 @@ export const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: S
 
     const readOnlyPermission = fieldContext.readOnly;
     const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);
-    const { autoCompleteItems, fetchRelationEntities, addNewRelation } = useRelationEntityHandler({ fieldContext, formik });
+    const { autoCompleteItems, fetchRelationEntities, populateFormikWithRelatedEntities, addNewRelation } = useRelationEntityHandler({ fieldContext, formik });
     const [visibleDialogs, setVisibleDialogs] = useState<{ [key: string]: boolean }>({});
 
+
+    useEffect(() => {
+        populateFormikWithRelatedEntities();
+    }, [formik.values?.id]);
+
     useEffect(() => {
         const queryData: any = {
             offset: 0,
@@ -51,7 +56,7 @@ export const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: S
 
     const getHeaderTemplate = (controllerName: string) => (options: any) => {
         const className = `${options.className} justify-content-space-between`;
-    
+
         return (
             <div className={className}>
                 <div className="flex align-items-center gap-3">
@@ -88,44 +93,44 @@ export const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: S
             </div>
         );
     };
-    
+
     const groupedEntities = groupByController(autoCompleteItems || []);
     return (
-            <div>
-                {Object.keys(groupedEntities).map((controllerName) => (
-                    <Panel toggleable headerTemplate={getHeaderTemplate(controllerName)} key={controllerName} className="mt-3 lg:mt-4">
-                        <div className="formgrid grid gap-3 lg:gap-0 ">
-                            {groupedEntities[controllerName].map((entity: any, i: number) => {
-                                const isChecked = formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === entity.value);
-                                return (
-                                    <div key={entity.label} className={`field col-12 lg:col-6  flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}>
-                                        <Checkbox
-                                            readOnly={readOnlyPermission}
-                                            inputId={entity.label}
-                                            checked={isChecked}
-                                            onChange={() => handleCheckboxChange(entity)}
-                                        />
-                                        <label htmlFor={entity.label} className="form-field-label m-0 solid-permisson-form-label"> {entity.label}</label>
-                                    </div>
-                                )
-                            })}
-                        </div>
-                    </Panel>
-                ))}
-                {Object.keys(groupedEntities).map((controllerName) => (
-                    <InlineRelationEntityDialog
-                        key={`dialog-${controllerName}`}
-                        visible={visibleDialogs[controllerName] || false}
-                        setVisible={(visible: any) =>
-                            setVisibleDialogs((prev) => ({
-                                ...prev,
-                                [controllerName]: visible,
-                            }))
-                        }
-                        fieldContext={fieldContext}
-                        onCreate={addNewRelation}
-                    />
-                ))}
-            </div>
-        )
+        <div>
+            {Object.keys(groupedEntities).map((controllerName) => (
+                <Panel toggleable headerTemplate={getHeaderTemplate(controllerName)} key={controllerName} className="mt-3 lg:mt-4">
+                    <div className="formgrid grid gap-3 lg:gap-0 ">
+                        {groupedEntities[controllerName].map((entity: any, i: number) => {
+                            const isChecked = formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === entity.value);
+                            return (
+                                <div key={entity.label} className={`field col-12 lg:col-6  flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}>
+                                    <Checkbox
+                                        readOnly={readOnlyPermission}
+                                        inputId={entity.label}
+                                        checked={isChecked}
+                                        onChange={() => handleCheckboxChange(entity)}
+                                    />
+                                    <label htmlFor={entity.label} className="form-field-label m-0 solid-permisson-form-label"> {entity.label}</label>
+                                </div>
+                            )
+                        })}
+                    </div>
+                </Panel>
+            ))}
+            {Object.keys(groupedEntities).map((controllerName) => (
+                <InlineRelationEntityDialog
+                    key={`dialog-${controllerName}`}
+                    visible={visibleDialogs[controllerName] || false}
+                    setVisible={(visible: any) =>
+                        setVisibleDialogs((prev) => ({
+                            ...prev,
+                            [controllerName]: visible,
+                        }))
+                    }
+                    fieldContext={fieldContext}
+                    onCreate={addNewRelation}
+                />
+            ))}
+        </div>
+    )
 };

package/dist/components/core/filter/SolidOneToManyFilterElement.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidOneToManyFilterElement: ({ value, updateInputs, index, fieldMetadata }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidOneToManyFilterElement.d.ts.map

package/dist/components/core/filter/SolidOneToManyFilterElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidOneToManyFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidOneToManyFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,kDAKrC,GAAG,4CAiDL,CAAC"}

package/dist/components/core/filter/SolidOneToManyFilterElement.js

@@ -0,0 +1,86 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { AutoComplete } from "primereact/autocomplete";
+import { useState } from "react";
+import qs from "qs";
+export var SolidOneToManyFilterElement = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? [] : _b, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
+    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var _c = useState([]), suggestions = _c[0], setSuggestions = _c[1];
+    var search = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var queryData, qsString, response;
+        var _a;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    queryData = {
+                        offset: 0,
+                        limit: 20,
+                        filters: (_a = {},
+                            _a[(_c = (_b = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name] = {
+                                $containsi: event.query
+                            },
+                            _a)
+                    };
+                    qsString = qs.stringify(queryData, { encodeValuesOnly: true });
+                    return [4 /*yield*/, triggerGetSolidEntities(qsString)];
+                case 1:
+                    response = _d.sent();
+                    if (response.data) {
+                        setSuggestions(response.data.records.map(function (item) { return ({
+                            label: item[fieldMetadata.relationModel.userKeyField.name],
+                            value: item.id
+                        }); }));
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(AutoComplete
+    // multiple
+    , { 
+        // multiple
+        dropdown: true, field: "label", value: value, suggestions: suggestions, completeMethod: search, onChange: function (e) {
+            updateInputs(index, e.value);
+        }, placeholder: "Select ".concat(fieldMetadata.displayName), className: "w-full", inputClassName: "w-full p-inputtext-sm" }));
+};
+//# sourceMappingURL=SolidOneToManyFilterElement.js.map

package/dist/components/core/filter/SolidOneToManyFilterElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidOneToManyFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidOneToManyFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAKtC;QAJF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,aAAa,mBAAA;IAGb,IAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC1E,IAAA,4BAA4B,GAAK,SAAS,6BAAd,CAAe;IAC5C,IAAA,uBAAuB,GAAI,4BAA4B,EAAE,GAAlC,CAAmC;IAE3D,IAAA,KAAgC,QAAQ,CAAQ,EAAE,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAC;IAE1D,IAAM,MAAM,GAAG,UAAO,KAAgC;;;;;;;oBAC5C,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,OAAO;4BACH,GAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,IAAG;gCAChD,UAAU,EAAE,KAAK,CAAC,KAAK;6BAC1B;+BACJ;qBACJ,CAAC;oBAEI,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;oBACpD,qBAAM,uBAAuB,CAAC,QAAQ,CAAC,EAAA;;oBAAlD,QAAQ,GAAG,SAAuC;oBAExD,IAAI,QAAQ,CAAC,IAAI,EAAE;wBACf,cAAc,CACV,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;4BACtC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;4BAC1D,KAAK,EAAE,IAAI,CAAC,EAAE;yBACjB,CAAC,EAHuC,CAGvC,CAAC,CACN,CAAC;qBACL;;;;SACJ,CAAC;IAGF,OAAO,CACH,KAAC,YAAY;IACT,WAAW;;QAAX,WAAW;QACX,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,UAAC,CAAC;YACR,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;QAChC,CAAC,EACD,WAAW,EAAE,iBAAU,aAAa,CAAC,WAAW,CAAE,EAClD,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["\n\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useEffect, useState } from \"react\";\nimport qs from \"qs\";\n\nexport const SolidOneToManyFilterElement = ({\n    value = [],\n    updateInputs,\n    index,\n    fieldMetadata\n}: any) => {\n\n    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);\n    const { useLazyGetSolidEntitiesQuery } = entityApi;\n    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n\n    const search = async (event: AutoCompleteCompleteEvent) => {\n        const queryData = {\n            offset: 0,\n            limit: 20,\n            filters: {\n                [fieldMetadata?.relationModel?.userKeyField?.name]: {\n                    $containsi: event.query\n                }\n            }\n        };\n\n        const qsString = qs.stringify(queryData, { encodeValuesOnly: true });\n        const response = await triggerGetSolidEntities(qsString);\n\n        if (response.data) {\n            setSuggestions(\n                response.data.records.map((item: any) => ({\n                    label: item[fieldMetadata.relationModel.userKeyField.name],\n                    value: item.id\n                }))\n            );\n        }\n    };\n\n\n    return (\n        <AutoComplete\n            // multiple\n            dropdown\n            field=\"label\"\n            value={value}\n            suggestions={suggestions}\n            completeMethod={search}\n            onChange={(e) => {\n                updateInputs(index, e.value)\n            }}\n            placeholder={`Select ${fieldMetadata.displayName}`}\n            className=\"w-full\"\n            inputClassName=\"w-full p-inputtext-sm\"\n        />\n    );\n};"]}

package/dist/components/core/filter/SolidOneToManyFilterElement.tsx

@@ -0,0 +1,62 @@
+
+
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+import qs from "qs";
+
+export const SolidOneToManyFilterElement = ({
+    value = [],
+    updateInputs,
+    index,
+    fieldMetadata
+}: any) => {
+
+    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+    const { useLazyGetSolidEntitiesQuery } = entityApi;
+    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
+
+    const [suggestions, setSuggestions] = useState<any[]>([]);
+
+    const search = async (event: AutoCompleteCompleteEvent) => {
+        const queryData = {
+            offset: 0,
+            limit: 20,
+            filters: {
+                [fieldMetadata?.relationModel?.userKeyField?.name]: {
+                    $containsi: event.query
+                }
+            }
+        };
+
+        const qsString = qs.stringify(queryData, { encodeValuesOnly: true });
+        const response = await triggerGetSolidEntities(qsString);
+
+        if (response.data) {
+            setSuggestions(
+                response.data.records.map((item: any) => ({
+                    label: item[fieldMetadata.relationModel.userKeyField.name],
+                    value: item.id
+                }))
+            );
+        }
+    };
+
+
+    return (
+        <AutoComplete
+            // multiple
+            dropdown
+            field="label"
+            value={value}
+            suggestions={suggestions}
+            completeMethod={search}
+            onChange={(e) => {
+                updateInputs(index, e.value)
+            }}
+            placeholder={`Select ${fieldMetadata.displayName}`}
+            className="w-full"
+            inputClassName="w-full p-inputtext-sm"
+        />
+    );
+};

package/dist/components/core/filter/SolidVarInputsFilterElement.d.ts

@@ -7,6 +7,7 @@ export declare enum InputTypes {
     SelectionStatic = "SelectionStatic",
     RelationManyToOne = "RelationManyToOne",
     RelationManyToMany = "RelationManyToMany",
+    RelationOneToMany = "RelationOneToMany",
     SelectionDynamic = "SelectionDynamic",
     Boolean = "Boolean"
 }

package/dist/components/core/filter/SolidVarInputsFilterElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidVarInputsFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"AAWA,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,iBAAiB,sBAAsB;IACvC,kBAAkB,uBAAuB;IACzC,gBAAgB,qBAAqB;IACrC,OAAO,YAAY;CACtB;AAID,eAAO,MAAM,2BAA2B,mEAA6F,GAAG,4CAsLvI,CAAA"}
+{"version":3,"file":"SolidVarInputsFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"AAYA,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,iBAAiB,sBAAsB;IACvC,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,gBAAgB,qBAAqB;IACrC,OAAO,YAAY;CACtB;AAID,eAAO,MAAM,2BAA2B,mEAA6F,GAAG,4CA8LvI,CAAA"}

package/dist/components/core/filter/SolidVarInputsFilterElement.js

@@ -18,6 +18,7 @@ import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterE
 import { Button } from "primereact/button";
 import { SolidManyToManyFilterElement } from "./SolidManyToManyFilterElement";
 import { SolidBooleanFilterElement } from "./SolidBooleanFilterElement";
+import { SolidOneToManyFilterElement } from "./SolidOneToManyFilterElement";
 export var InputTypes;
 (function (InputTypes) {
     InputTypes["Date"] = "Date";
@@ -28,6 +29,7 @@ export var InputTypes;
     InputTypes["SelectionStatic"] = "SelectionStatic";
     InputTypes["RelationManyToOne"] = "RelationManyToOne";
     InputTypes["RelationManyToMany"] = "RelationManyToMany";
+    InputTypes["RelationOneToMany"] = "RelationOneToMany";
     InputTypes["SelectionDynamic"] = "SelectionDynamic";
     InputTypes["Boolean"] = "Boolean";
 })(InputTypes || (InputTypes = {}));
@@ -81,7 +83,8 @@ export var SolidVarInputsFilterElement = function (_a) {
                                 _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, dateFormat: "mm/dd/yy", placeholder: "mm/dd/yyyy hh:mm", mask: "99/99/9999 99:99", showTime: true, hourFormat: "24", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.Time &&
                                 _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "hh:mm", mask: "99:99", timeOnly: true, hourFormat: "24", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.RelationManyToOne &&
                                 _jsx(SolidManyToOneFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.RelationManyToMany &&
-                                _jsx(SolidManyToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionDynamic &&
+                                _jsx(SolidManyToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.RelationOneToMany &&
+                                _jsx(SolidOneToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionDynamic &&
                                 _jsx(SolidSelectionDynamicFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionStatic &&
                                 _jsx(SolidSelectionStaticFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.Boolean &&
                                 _jsx(SolidBooleanFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), numberOfInputs === null &&

package/dist/components/core/filter/SolidVarInputsFilterElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidVarInputsFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,CAAN,IAAY,UAWX;AAXD,WAAY,UAAU;IAClB,2BAAa,CAAA;IACb,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,iDAAmC,CAAA;IACnC,qDAAuC,CAAA;IACvC,uDAAyC,CAAA;IACzC,mDAAqC,CAAA;IACrC,iCAAmB,CAAA;AACvB,CAAC,EAXW,UAAU,KAAV,UAAU,QAWrB;AAGD,uEAAuE;AACvE,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAA4F;QAA1F,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,iBAA2B,EAA3B,SAAS,mBAAG,UAAU,CAAC,IAAI,KAAA,EAAE,sBAAqB,EAArB,cAAc,mBAAG,IAAI,KAAA,EAAE,aAAa,mBAAA;IAE7H,IAAI,CAAC,MAAM,EAAE;QACT,MAAM,GAAG,cAAc,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACtF,iBAAiB;KACpB;SAAM;QACH,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,MAAM,GAAG,cAAc,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACzF;aAAM;YAEH,MAAM,GAAG,MAAM,CAAA;SAClB;KACJ;IAID,sGAAsG;IAChG,IAAA,KAAsB,QAAQ,mBAAK,MAAM,QAAE,EAA1C,MAAM,QAAA,EAAE,SAAS,QAAyB,CAAC;IAClD,SAAS,CAAC;QACN,SAAS,mBAAK,MAAM,QAAE,CAAA;IAC1B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,KAAU;QAC3C,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;YAC5C,OAAA,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAA1B,CAA0B,CAC7B,CAAC;QACF,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACb,SAAS,iCAAK,MAAM,UAAE,EAAE,UAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,OAAA,QAAQ,KAAK,KAAK,EAAlB,CAAkB,CAAC,CAAC;YACvE,SAAS,CAAC,WAAW,CAAC,CAAC;SAE1B;aAAM;SACN;IACL,CAAC,CAAC;IAEF,SAAS,CAAC;QACN,QAAQ,CAAC,MAAM,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAIZ,OAAO,CACH,4BACK,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,UAAC,KAAU,EAAE,KAAa,IAAK,OAAA,CACjD,cAAK,SAAS,EAAC,MAAM,YAChB,cAAc,KAAK,CAAC,CAAC,CAAC;gBACnB,mBAAK;gBACL,CAAC;oBACD,8BACK,SAAS,KAAK,UAAU,CAAC,IAAI;gCAC1B,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,WAAW,EAAC,EAAE,EACd,SAAS,EAAC,uBAAuB,GACnC,EAEL,SAAS,KAAK,UAAU,CAAC,OAAO;gCAC7B,KAAC,WAAW,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,WAAW,EAAC,EAAE,EACd,SAAS,EAAC,uBAAuB,GACnC,EAEL,SAAS,KAAK,UAAU,CAAC,IAAI;gCAC1B,KAAC,QAAQ,IACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,UAAU,EAAC,UAAU,EACrB,WAAW,EAAC,YAAY,EACxB,IAAI,EAAC,YAAY,EACjB,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,EAEL,SAAS,KAAK,UAAU,CAAC,QAAQ;gCAC9B,KAAC,QAAQ,IACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,UAAU,EAAC,UAAU,EACrB,WAAW,EAAC,kBAAkB,EAC9B,IAAI,EAAC,kBAAkB,EACvB,QAAQ,QACR,UAAU,EAAC,IAAI,EACf,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,EAEL,SAAS,KAAK,UAAU,CAAC,IAAI;gCAC1B,KAAC,QAAQ,IACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,WAAW,EAAC,OAAO,EACnB,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,UAAU,EAAC,IAAI,EACf,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,EAEL,SAAS,KAAK,UAAU,CAAC,iBAAiB;gCACvC,KAAC,2BAA2B,IACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GACD,EAElC,SAAS,KAAK,UAAU,CAAC,kBAAkB;gCACxC,KAAC,4BAA4B,IACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GACA,EAEnC,SAAS,KAAK,UAAU,CAAC,gBAAgB;gCACtC,KAAC,kCAAkC,IAC/B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GACM,EAEzC,SAAS,KAAK,UAAU,CAAC,eAAe;gCAErC,KAAC,iCAAiC,IAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GACK,EAExC,SAAS,KAAK,UAAU,CAAC,OAAO;gCAE7B,KAAC,yBAAyB,IACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GACH,EAIhC,cAAc,KAAK,IAAI;gCACpB,8BAmBI,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,EAAE,EAAV,CAAU,EAAE,SAAS,EAAC,yBAAyB,GAAG,EAClI,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,SAAS,EAAC,yBAAyB,GAAG,IAC5I,IAER,GAEL,CACT,EAjIoD,CAiIpD,CAAC,GACH,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { Calendar } from \"primereact/calendar\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { InputText } from \"primereact/inputtext\";\nimport { useEffect, useState } from \"react\";\nimport { SolidManyToOneFilterElement } from \"./SolidManyToOneFilterElement\";\nimport { SolidSelectionDynamicFilterElement } from \"./SolidSelectionDynamicFilterElement\";\nimport { SolidSelectionStaticFilterElement } from \"./SolidSelectionStaticFilterElement\";\nimport { Button } from \"primereact/button\";\nimport { SolidManyToManyFilterElement } from \"./SolidManyToManyFilterElement\";\nimport { SolidBooleanFilterElement } from \"./SolidBooleanFilterElement\";\n\nexport enum InputTypes {\n    Date = 'Date',\n    DateTime = 'DateTime',\n    Time = 'Time',\n    Numeric = 'Numeric',\n    Text = 'Text',\n    SelectionStatic = 'SelectionStatic',\n    RelationManyToOne = 'RelationManyToOne',\n    RelationManyToMany = 'RelationManyToMany',\n    SelectionDynamic = 'SelectionDynamic',\n    Boolean = 'Boolean',\n}\n\n\n// Based on numberOfInputs map the input filed and hide add and delete \nexport const SolidVarInputsFilterElement = ({ values, onChange, inputType = InputTypes.Text, numberOfInputs = null, fieldMetadata }: any) => {\n\n    if (!values) {\n        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n        // values = [''];\n    } else {\n        if (values[0] == '') {\n            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n        } else {\n\n            values = values\n        }\n    }\n\n\n\n    // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.\n    const [inputs, setInputs] = useState([...values]);\n    useEffect(() => {\n        setInputs([...values])\n    }, [numberOfInputs])\n\n    const updateInputs = (index: number, value: any) => {\n        const updatedSpecification = inputs.map((item, i) =>\n            i === index ? value : item\n        );\n        setInputs(updatedSpecification);\n    };\n\n    const addInput = () => {\n        setInputs([...inputs, '']);\n    };\n\n    const deleteInput = (index: number) => {\n        if (inputs.length > 1) {\n            const updatedRows = inputs.filter((_, rowIndex) => rowIndex !== index);\n            setInputs(updatedRows);\n\n        } else {\n        }\n    };\n\n    useEffect(() => {\n        onChange(inputs)\n    }, [inputs])\n\n\n\n    return (\n        <>\n            {inputs && inputs.map((value: any, index: number) => (\n                <div className=\"flex\">\n                    {numberOfInputs === 0 ?\n                        <></>\n                        :\n                        <>\n                            {inputType === InputTypes.Text &&\n                                <InputText\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    placeholder=\"\"\n                                    className='w-full p-inputtext-sm'\n                                />\n                            }\n                            {inputType === InputTypes.Numeric &&\n                                <InputNumber\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.value)}\n                                    placeholder=\"\"\n                                    className='w-full p-inputtext-sm'\n                                />\n                            }\n                            {inputType === InputTypes.Date &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    dateFormat=\"mm/dd/yy\"\n                                    placeholder=\"mm/dd/yyyy\"\n                                    mask=\"99/99/9999\"\n                                    className=\"w-full\"\n                                    inputClassName=\"w-full p-inputtext-sm\"\n                                />\n                            }\n                            {inputType === InputTypes.DateTime &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    dateFormat=\"mm/dd/yy\"\n                                    placeholder=\"mm/dd/yyyy hh:mm\"\n                                    mask=\"99/99/9999 99:99\"\n                                    showTime\n                                    hourFormat=\"24\"\n                                    className=\"w-full\"\n                                    inputClassName=\"w-full p-inputtext-sm\"\n                                />\n                            }\n                            {inputType === InputTypes.Time &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    placeholder=\"hh:mm\"\n                                    mask=\"99:99\"\n                                    timeOnly\n                                    hourFormat=\"24\"\n                                    className=\"w-full\"\n                                    inputClassName=\"w-full p-inputtext-sm\"\n                                />\n                            }\n                            {inputType === InputTypes.RelationManyToOne &&\n                                <SolidManyToOneFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidManyToOneFilterElement>\n                            }\n                            {inputType === InputTypes.RelationManyToMany &&\n                                <SolidManyToManyFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidManyToManyFilterElement>\n                            }\n                            {inputType === InputTypes.SelectionDynamic &&\n                                <SolidSelectionDynamicFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidSelectionDynamicFilterElement>\n                            }\n                            {inputType === InputTypes.SelectionStatic &&\n\n                                <SolidSelectionStaticFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidSelectionStaticFilterElement>\n                            }\n                            {inputType === InputTypes.Boolean &&\n\n                                <SolidBooleanFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidBooleanFilterElement>\n                            }\n\n\n                            {numberOfInputs === null &&\n                                <>\n                                    {/* Plus Button to add a new row */}\n                                    {/* < Button\n                                    icon=\"pi pi-plus\"\n                                    size=\"small\"\n                                    className=\"small-button\"\n                                    onClick={addInput}\n                                    type=\"button\"\n                                /> */}\n\n                                    {/* Trash Button to delete the row */}\n                                    {/* <Button\n                                    icon=\"pi pi-trash\"\n                                    size=\"small\"\n                                    className=\"small-button\"\n                                    onClick={() => deleteInput(index)}\n                                    severity=\"danger\"\n                                    type=\"button\"\n                                /> */}\n                                    <Button text severity='secondary' icon=\"pi pi-plus\" size='small' onClick={() => addInput()} className='solid-filter-action-btn' />\n                                    <Button text severity='secondary' icon=\"pi pi-trash\" size='small' onClick={() => deleteInput(index)} className='solid-filter-action-btn' />\n                                </>\n                            }\n                        </>\n                    }\n                </div>\n            ))}\n        </>\n    )\n}"]}
+{"version":3,"file":"SolidVarInputsFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Calendar } from \"primereact/calendar\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { InputText } from \"primereact/inputtext\";\nimport { useEffect, useState } from \"react\";\nimport { SolidManyToOneFilterElement } from \"./SolidManyToOneFilterElement\";\nimport { SolidSelectionDynamicFilterElement } from \"./SolidSelectionDynamicFilterElement\";\nimport { SolidSelectionStaticFilterElement } from \"./SolidSelectionStaticFilterElement\";\nimport { Button } from \"primereact/button\";\nimport { SolidManyToManyFilterElement } from \"./SolidManyToManyFilterElement\";\nimport { SolidBooleanFilterElement } from \"./SolidBooleanFilterElement\";\nimport { SolidOneToManyFilterElement } from \"./SolidOneToManyFilterElement\";\n\nexport enum InputTypes {\n    Date = 'Date',\n    DateTime = 'DateTime',\n    Time = 'Time',\n    Numeric = 'Numeric',\n    Text = 'Text',\n    SelectionStatic = 'SelectionStatic',\n    RelationManyToOne = 'RelationManyToOne',\n    RelationManyToMany = 'RelationManyToMany',\n    RelationOneToMany = 'RelationOneToMany',\n    SelectionDynamic = 'SelectionDynamic',\n    Boolean = 'Boolean',\n}\n\n\n// Based on numberOfInputs map the input filed and hide add and delete \nexport const SolidVarInputsFilterElement = ({ values, onChange, inputType = InputTypes.Text, numberOfInputs = null, fieldMetadata }: any) => {\n\n    if (!values) {\n        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n        // values = [''];\n    } else {\n        if (values[0] == '') {\n            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n        } else {\n\n            values = values\n        }\n    }\n\n\n\n    // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.\n    const [inputs, setInputs] = useState([...values]);\n    useEffect(() => {\n        setInputs([...values])\n    }, [numberOfInputs])\n\n    const updateInputs = (index: number, value: any) => {\n        const updatedSpecification = inputs.map((item, i) =>\n            i === index ? value : item\n        );\n        setInputs(updatedSpecification);\n    };\n\n    const addInput = () => {\n        setInputs([...inputs, '']);\n    };\n\n    const deleteInput = (index: number) => {\n        if (inputs.length > 1) {\n            const updatedRows = inputs.filter((_, rowIndex) => rowIndex !== index);\n            setInputs(updatedRows);\n\n        } else {\n        }\n    };\n\n    useEffect(() => {\n        onChange(inputs)\n    }, [inputs])\n\n\n\n    return (\n        <>\n            {inputs && inputs.map((value: any, index: number) => (\n                <div className=\"flex\">\n                    {numberOfInputs === 0 ?\n                        <></>\n                        :\n                        <>\n                            {inputType === InputTypes.Text &&\n                                <InputText\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    placeholder=\"\"\n                                    className='w-full p-inputtext-sm'\n                                />\n                            }\n                            {inputType === InputTypes.Numeric &&\n                                <InputNumber\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.value)}\n                                    placeholder=\"\"\n                                    className='w-full p-inputtext-sm'\n                                />\n                            }\n                            {inputType === InputTypes.Date &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    dateFormat=\"mm/dd/yy\"\n                                    placeholder=\"mm/dd/yyyy\"\n                                    mask=\"99/99/9999\"\n                                    className=\"w-full\"\n                                    inputClassName=\"w-full p-inputtext-sm\"\n                                />\n                            }\n                            {inputType === InputTypes.DateTime &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    dateFormat=\"mm/dd/yy\"\n                                    placeholder=\"mm/dd/yyyy hh:mm\"\n                                    mask=\"99/99/9999 99:99\"\n                                    showTime\n                                    hourFormat=\"24\"\n                                    className=\"w-full\"\n                                    inputClassName=\"w-full p-inputtext-sm\"\n                                />\n                            }\n                            {inputType === InputTypes.Time &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    placeholder=\"hh:mm\"\n                                    mask=\"99:99\"\n                                    timeOnly\n                                    hourFormat=\"24\"\n                                    className=\"w-full\"\n                                    inputClassName=\"w-full p-inputtext-sm\"\n                                />\n                            }\n                            {inputType === InputTypes.RelationManyToOne &&\n                                <SolidManyToOneFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidManyToOneFilterElement>\n                            }\n                            {inputType === InputTypes.RelationManyToMany &&\n                                <SolidManyToManyFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidManyToManyFilterElement>\n                            }\n                            {inputType === InputTypes.RelationOneToMany &&\n                                <SolidOneToManyFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidOneToManyFilterElement>\n                            }\n                            {inputType === InputTypes.SelectionDynamic &&\n                                <SolidSelectionDynamicFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidSelectionDynamicFilterElement>\n                            }\n                            {inputType === InputTypes.SelectionStatic &&\n\n                                <SolidSelectionStaticFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidSelectionStaticFilterElement>\n                            }\n                            {inputType === InputTypes.Boolean &&\n\n                                <SolidBooleanFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidBooleanFilterElement>\n                            }\n\n\n                            {numberOfInputs === null &&\n                                <>\n                                    {/* Plus Button to add a new row */}\n                                    {/* < Button\n                                    icon=\"pi pi-plus\"\n                                    size=\"small\"\n                                    className=\"small-button\"\n                                    onClick={addInput}\n                                    type=\"button\"\n                                /> */}\n\n                                    {/* Trash Button to delete the row */}\n                                    {/* <Button\n                                    icon=\"pi pi-trash\"\n                                    size=\"small\"\n                                    className=\"small-button\"\n                                    onClick={() => deleteInput(index)}\n                                    severity=\"danger\"\n                                    type=\"button\"\n                                /> */}\n                                    <Button text severity='secondary' icon=\"pi pi-plus\" size='small' onClick={() => addInput()} className='solid-filter-action-btn' />\n                                    <Button text severity='secondary' icon=\"pi pi-trash\" size='small' onClick={() => deleteInput(index)} className='solid-filter-action-btn' />\n                                </>\n                            }\n                        </>\n                    }\n                </div>\n            ))}\n        </>\n    )\n}"]}

package/dist/components/core/filter/SolidVarInputsFilterElement.tsx

@@ -8,6 +8,7 @@ import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterE
 import { Button } from "primereact/button";
 import { SolidManyToManyFilterElement } from "./SolidManyToManyFilterElement";
 import { SolidBooleanFilterElement } from "./SolidBooleanFilterElement";
+import { SolidOneToManyFilterElement } from "./SolidOneToManyFilterElement";
 
 export enum InputTypes {
     Date = 'Date',
@@ -18,6 +19,7 @@ export enum InputTypes {
     SelectionStatic = 'SelectionStatic',
     RelationManyToOne = 'RelationManyToOne',
     RelationManyToMany = 'RelationManyToMany',
+    RelationOneToMany = 'RelationOneToMany',
     SelectionDynamic = 'SelectionDynamic',
     Boolean = 'Boolean',
 }
@@ -148,6 +150,14 @@ export const SolidVarInputsFilterElement = ({ values, onChange, inputType = Inpu
                                     fieldMetadata={fieldMetadata}
                                 ></SolidManyToManyFilterElement>
                             }
+                            {inputType === InputTypes.RelationOneToMany &&
+                                <SolidOneToManyFilterElement
+                                    value={value}
+                                    index={index}
+                                    updateInputs={updateInputs}
+                                    fieldMetadata={fieldMetadata}
+                                ></SolidOneToManyFilterElement>
+                            }
                             {inputType === InputTypes.SelectionDynamic &&
                                 <SolidSelectionDynamicFilterElement
                                     value={value}

package/dist/components/core/filter/fields/SolidRelationField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAI/D,QAAA,MAAM,kBAAkB,6CAA8C,uBAAuB,wDAS5F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SolidRelationField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAK/D,QAAA,MAAM,kBAAkB,6CAA8C,uBAAuB,wDAU5F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/core/filter/fields/SolidRelationField.js

@@ -1,5 +1,6 @@
 import SolidRelationManyToManyField from './relations/SolidRelationManyToManyField';
 import SolidRelationManyToOneField from './relations/SolidRelationManyToOneField';
+import SolidRelationOneToManyField from './relations/SolidRelationOneToManyField';
 var SolidRelationField = function (_a) {
     var fieldMetadata = _a.fieldMetadata, onChange = _a.onChange, index = _a.index, rule = _a.rule;
     if (fieldMetadata.relationType === 'many-to-one') {
@@ -8,8 +9,9 @@ var SolidRelationField = function (_a) {
     if (fieldMetadata.relationType === 'many-to-many') {
         return SolidRelationManyToManyField({ fieldMetadata: fieldMetadata, onChange: onChange, index: index, rule: rule });
     }
-    // TODO: Support one-to-many
-    // TODO: Support many-to-many
+    if (fieldMetadata.relationType === 'one-to-many') {
+        return SolidRelationOneToManyField({ fieldMetadata: fieldMetadata, onChange: onChange, index: index, rule: rule });
+    }
 };
 export default SolidRelationField;
 //# sourceMappingURL=SolidRelationField.js.map

package/dist/components/core/filter/fields/SolidRelationField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AAEA,OAAO,4BAA4B,MAAM,0CAA0C,CAAC;AACpF,OAAO,2BAA2B,MAAM,yCAAyC,CAAC;AAElF,IAAM,kBAAkB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC9D,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,2BAA2B,CAAC,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAChF;IACD,IAAI,aAAa,CAAC,YAAY,KAAK,cAAc,EAAE;QAC/C,OAAO,4BAA4B,CAAC,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KACjF;IACD,4BAA4B;IAC5B,6BAA6B;AACjC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["\nimport { SolidFilterFieldsParams } from '../SolidFilterFields';\nimport SolidRelationManyToManyField from './relations/SolidRelationManyToManyField';\nimport SolidRelationManyToOneField from './relations/SolidRelationManyToOneField';\n\nconst SolidRelationField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    if (fieldMetadata.relationType === 'many-to-one') {\n        return SolidRelationManyToOneField({ fieldMetadata, onChange, index, rule });\n    }\n    if (fieldMetadata.relationType === 'many-to-many') {\n        return SolidRelationManyToManyField({ fieldMetadata, onChange, index, rule });\n    }\n    // TODO: Support one-to-many\n    // TODO: Support many-to-many\n};\n\nexport default SolidRelationField;"]}
+{"version":3,"file":"SolidRelationField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AAEA,OAAO,4BAA4B,MAAM,0CAA0C,CAAC;AACpF,OAAO,2BAA2B,MAAM,yCAAyC,CAAC;AAClF,OAAO,2BAA2B,MAAM,yCAAyC,CAAC;AAElF,IAAM,kBAAkB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC9D,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,2BAA2B,CAAC,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAChF;IACD,IAAI,aAAa,CAAC,YAAY,KAAK,cAAc,EAAE;QAC/C,OAAO,4BAA4B,CAAC,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KACjF;IACD,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,2BAA2B,CAAC,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;KAChF;AACL,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["\nimport { SolidFilterFieldsParams } from '../SolidFilterFields';\nimport SolidRelationManyToManyField from './relations/SolidRelationManyToManyField';\nimport SolidRelationManyToOneField from './relations/SolidRelationManyToOneField';\nimport SolidRelationOneToManyField from './relations/SolidRelationOneToManyField';\n\nconst SolidRelationField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    if (fieldMetadata.relationType === 'many-to-one') {\n        return SolidRelationManyToOneField({ fieldMetadata, onChange, index, rule });\n    }\n    if (fieldMetadata.relationType === 'many-to-many') {\n        return SolidRelationManyToManyField({ fieldMetadata, onChange, index, rule });\n    }\n    if (fieldMetadata.relationType === 'one-to-many') {\n        return SolidRelationOneToManyField({ fieldMetadata, onChange, index, rule });\n    }\n};\n\nexport default SolidRelationField;"]}

package/dist/components/core/filter/fields/SolidRelationField.tsx

@@ -2,6 +2,7 @@
 import { SolidFilterFieldsParams } from '../SolidFilterFields';
 import SolidRelationManyToManyField from './relations/SolidRelationManyToManyField';
 import SolidRelationManyToOneField from './relations/SolidRelationManyToOneField';
+import SolidRelationOneToManyField from './relations/SolidRelationOneToManyField';
 
 const SolidRelationField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
     if (fieldMetadata.relationType === 'many-to-one') {
@@ -10,8 +11,9 @@ const SolidRelationField = ({ fieldMetadata, onChange, index, rule }: SolidFilte
     if (fieldMetadata.relationType === 'many-to-many') {
         return SolidRelationManyToManyField({ fieldMetadata, onChange, index, rule });
     }
-    // TODO: Support one-to-many
-    // TODO: Support many-to-many
+    if (fieldMetadata.relationType === 'one-to-many') {
+        return SolidRelationOneToManyField({ fieldMetadata, onChange, index, rule });
+    }
 };
 
 export default SolidRelationField;

package/dist/components/core/filter/fields/relations/SolidRelationOneToManyField.d.ts

@@ -0,0 +1,4 @@
+import { SolidFilterFieldsParams } from '../../../../../components/core/filter/SolidFilterFields';
+declare const SolidRelationOneToManyField: ({ fieldMetadata, onChange, index, rule, }: SolidFilterFieldsParams) => import("react/jsx-runtime").JSX.Element;
+export default SolidRelationOneToManyField;
+//# sourceMappingURL=SolidRelationOneToManyField.d.ts.map

package/dist/components/core/filter/fields/relations/SolidRelationOneToManyField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRelationOneToManyField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationOneToManyField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAqB,MAAM,yDAAyD,CAAC;AAIrH,QAAA,MAAM,2BAA2B,8CAK9B,uBAAuB,4CA8CzB,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/components/core/filter/fields/relations/SolidRelationOneToManyField.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getNumberOfInputs } from '../../../../../components/core/filter/SolidFilterFields';
+import { SolidVarInputsFilterElement, InputTypes } from '../../../../../components/core/filter/SolidVarInputsFilterElement';
+import { Dropdown } from 'primereact/dropdown';
+var SolidRelationOneToManyField = function (_a) {
+    var fieldMetadata = _a.fieldMetadata, onChange = _a.onChange, index = _a.index, rule = _a.rule;
+    var filterMatchModeOptions = [
+        { label: 'In', value: '$in' },
+        { label: 'Not In', value: '$notIn' }
+    ];
+    var noInputOperators = ['$null', '$notNull'];
+    var needsInput = !noInputOperators.includes(rule.matchMode);
+    var numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;
+    return (_jsxs("div", { className: "flex flex-column md:flex-row align-items-start gap-2 md:gap-0", children: [_jsx("div", { className: "col-12 md:col-6 px-0 md:pr-2 md:pl-0", children: _jsx(Dropdown, { value: rule.matchMode, onChange: function (e) {
+                        onChange(rule.id, 'matchMode', e.value);
+                        // Clear value if switching to no-input operator
+                        if (noInputOperators.includes(e.value)) {
+                            onChange(rule.id, 'value', []);
+                        }
+                    }, options: filterMatchModeOptions, optionLabel: "label", optionValue: "value", placeholder: "Select Operator", className: "p-inputtext-sm w-full" }) }), _jsx("div", { className: "flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0", children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (value) {
+                        onChange(index, 'value', value);
+                    }, numberOfInputs: numberOfInputs, inputType: InputTypes.RelationOneToMany, fieldMetadata: fieldMetadata }) })] }));
+};
+export default SolidRelationOneToManyField;
+//# sourceMappingURL=SolidRelationOneToManyField.js.map

package/dist/components/core/filter/fields/relations/SolidRelationOneToManyField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRelationOneToManyField.js","sourceRoot":"","sources":["../../../../../../src/components/core/filter/fields/relations/SolidRelationOneToManyField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA2B,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACrH,OAAO,EAAE,2BAA2B,EAAE,UAAU,EAAE,MAAM,mEAAmE,CAAC;AAC5H,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,IAAM,2BAA2B,GAAG,UAAC,EAKX;QAJtB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA;IAGJ,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KACvC,CAAC;IAEF,IAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9D,IAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,+DAA+D,aAE1E,cAAK,SAAS,EAAC,sCAAsC,YACjD,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAC;wBACR,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;wBACxC,gDAAgD;wBAChD,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;4BACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;yBAClC;oBACL,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACA,EAGN,cAAK,SAAS,EAAC,6DAA6D,YACxE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,KAAU;wBACjB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;oBACpC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EACvC,aAAa,EAAE,aAAa,GAC9B,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["\n\nimport { SolidFilterFieldsParams, getNumberOfInputs } from '../../../../../components/core/filter/SolidFilterFields';\nimport { SolidVarInputsFilterElement, InputTypes } from '../../../../../components/core/filter/SolidVarInputsFilterElement';\nimport { Dropdown } from 'primereact/dropdown';\n\nconst SolidRelationOneToManyField = ({\n    fieldMetadata,\n    onChange,\n    index,\n    rule,\n}: SolidFilterFieldsParams) => {\n\n    const filterMatchModeOptions = [\n        { label: 'In', value: '$in' },\n        { label: 'Not In', value: '$notIn' }\n    ];\n\n    const noInputOperators = ['$null', '$notNull'];\n    const needsInput = !noInputOperators.includes(rule.matchMode);\n    const numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;\n\n    return (\n        <div className=\"flex flex-column md:flex-row align-items-start gap-2 md:gap-0\">\n            {/* Operator */}\n            <div className=\"col-12 md:col-6 px-0 md:pr-2 md:pl-0\">\n                <Dropdown\n                    value={rule.matchMode}\n                    onChange={(e) => {\n                        onChange(rule.id, 'matchMode', e.value);\n                        // Clear value if switching to no-input operator\n                        if (noInputOperators.includes(e.value)) {\n                            onChange(rule.id, 'value', []);\n                        }\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel=\"label\"\n                    optionValue=\"value\"\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full\"\n                />\n            </div>\n\n            {/* MultiSelect input */}\n            <div className=\"flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0\">\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(value: any) => {\n                        onChange(index, 'value', value);\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.RelationOneToMany}\n                    fieldMetadata={fieldMetadata}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default SolidRelationOneToManyField;"]}