@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.3

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

@@ -7,18 +7,18 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Calendar } from "primereact/calendar";
-import { InputNumber } from "primereact/inputnumber";
-import { InputText } from "primereact/inputtext";
-import { useEffect, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { SolidManyToOneFilterElement } from "./SolidManyToOneFilterElement";
 import { SolidSelectionDynamicFilterElement } from "./SolidSelectionDynamicFilterElement";
 import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
-import { Button } from "primereact/button";
 import { SolidManyToManyFilterElement } from "./SolidManyToManyFilterElement";
 import { SolidBooleanFilterElement } from "./SolidBooleanFilterElement";
 import { SolidOneToManyFilterElement } from "./SolidOneToManyFilterElement";
+import { SolidButton } from "../../shad-cn-ui/SolidButton";
+import { SolidInput } from "../../shad-cn-ui/SolidInput";
+import { SolidNumberInput } from "../../shad-cn-ui/SolidNumberInput";
+import { SolidIcon } from "../../shad-cn-ui";
 export var InputTypes;
 (function (InputTypes) {
     InputTypes["Date"] = "Date";
@@ -33,27 +33,62 @@ export var InputTypes;
     InputTypes["SelectionDynamic"] = "SelectionDynamic";
     InputTypes["Boolean"] = "Boolean";
 })(InputTypes || (InputTypes = {}));
+var areInputsEqual = function (left, right) {
+    if (left === void 0) { left = []; }
+    if (right === void 0) { right = []; }
+    if (left.length !== right.length)
+        return false;
+    return left.every(function (item, index) {
+        var other = right[index];
+        if (item === other)
+            return true;
+        try {
+            return JSON.stringify(item) === JSON.stringify(other);
+        }
+        catch (_a) {
+            return false;
+        }
+    });
+};
 // Based on numberOfInputs map the input filed and hide add and delete 
 export var SolidVarInputsFilterElement = function (_a) {
-    var values = _a.values, onChange = _a.onChange, _b = _a.inputType, inputType = _b === void 0 ? InputTypes.Text : _b, _c = _a.numberOfInputs, numberOfInputs = _c === void 0 ? null : _c, fieldMetadata = _a.fieldMetadata;
-    if (!values) {
-        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
-        // values = [''];
-    }
-    else {
-        if (values[0] == '') {
-            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+    var _b, _c;
+    var values = _a.values, onChange = _a.onChange, _d = _a.inputType, inputType = _d === void 0 ? InputTypes.Text : _d, _e = _a.numberOfInputs, numberOfInputs = _e === void 0 ? null : _e, fieldMetadata = _a.fieldMetadata;
+    var normalizedValues = useMemo(function () {
+        var emptyShape = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        if (!values || !Array.isArray(values)) {
+            return emptyShape;
         }
-        else {
-            values = values;
+        if (values[0] === '') {
+            return emptyShape;
         }
-    }
+        return values;
+    }, [numberOfInputs, values]);
     // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.
-    var _d = useState(__spreadArray([], values, true)), inputs = _d[0], setInputs = _d[1];
+    var _f = useState(__spreadArray([], normalizedValues, true)), inputs = _f[0], setInputs = _f[1];
+    var latestInputsRef = useRef(inputs);
+    var autocompleteTypes = [
+        InputTypes.RelationManyToOne,
+        InputTypes.RelationManyToMany,
+        InputTypes.RelationOneToMany,
+        InputTypes.SelectionDynamic,
+        InputTypes.SelectionStatic,
+        InputTypes.Boolean,
+    ];
+    var useMultiAutocomplete = numberOfInputs === null && autocompleteTypes.includes(inputType);
     useEffect(function () {
-        setInputs(__spreadArray([], values, true));
-    }, [numberOfInputs]);
+        latestInputsRef.current = inputs;
+    }, [inputs]);
+    useEffect(function () {
+        if (!areInputsEqual(latestInputsRef.current, normalizedValues)) {
+            setInputs(__spreadArray([], normalizedValues, true));
+        }
+    }, [normalizedValues]);
     var updateInputs = function (index, value) {
+        if (useMultiAutocomplete && index === 0 && Array.isArray(value)) {
+            setInputs(value);
+            return;
+        }
         var updatedSpecification = inputs.map(function (item, i) {
             return i === index ? value : item;
         });
@@ -71,23 +106,59 @@ export var SolidVarInputsFilterElement = function (_a) {
         }
     };
     useEffect(function () {
-        onChange(inputs);
-    }, [inputs]);
-    return (_jsx(_Fragment, { children: inputs && inputs.map(function (value, index) { return (_jsx("div", { className: "flex", children: numberOfInputs === 0 ?
-                _jsx(_Fragment, {})
-                :
-                    _jsxs(_Fragment, { children: [inputType === InputTypes.Text &&
-                                _jsx(InputText, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "", className: 'w-full p-inputtext-sm' }), inputType === InputTypes.Numeric &&
-                                _jsx(InputNumber, { value: value, onChange: function (e) { return updateInputs(index, e.value); }, placeholder: "", className: 'w-full p-inputtext-sm' }), inputType === InputTypes.Date &&
-                                _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, dateFormat: "mm/dd/yy", placeholder: "mm/dd/yyyy", mask: "99/99/9999", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.DateTime &&
-                                _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.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 &&
-                                _jsxs(_Fragment, { children: [_jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-plus", size: 'small', onClick: function () { return addInput(); }, className: 'solid-filter-action-btn' }), _jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-trash", size: 'small', onClick: function () { return deleteInput(index); }, className: 'solid-filter-action-btn' })] })] }) })); }) }));
+        if (!areInputsEqual(inputs, normalizedValues)) {
+            onChange(inputs);
+        }
+    }, [inputs, normalizedValues, onChange]);
+    var renderInputByType = function (value, index, multiple) {
+        if (multiple === void 0) { multiple = false; }
+        if (inputType === InputTypes.Text) {
+            return (_jsx(SolidInput, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "Value", className: 'w-full p-inputtext-sm solid-filter-compact-control' }));
+        }
+        if (inputType === InputTypes.Numeric) {
+            return (_jsx(SolidNumberInput, { value: value, onChange: function (e) { return updateInputs(index, e.value); }, placeholder: "Value", className: 'w-full p-inputtext-sm solid-filter-compact-control' }));
+        }
+        if (inputType === InputTypes.Date) {
+            return (_jsx(SolidInput, { type: "date", value: value || "", onChange: function (e) { return updateInputs(index, e.target.value); }, className: "w-full p-inputtext-sm solid-filter-compact-control" }));
+        }
+        if (inputType === InputTypes.DateTime) {
+            return (_jsx(SolidInput, { type: "datetime-local", value: value || "", onChange: function (e) { return updateInputs(index, e.target.value); }, className: "w-full p-inputtext-sm solid-filter-compact-control" }));
+        }
+        if (inputType === InputTypes.Time) {
+            return (_jsx(SolidInput, { type: "time", value: value || "", onChange: function (e) { return updateInputs(index, e.target.value); }, className: "w-full p-inputtext-sm solid-filter-compact-control" }));
+        }
+        if (inputType === InputTypes.RelationManyToOne) {
+            return (_jsx(SolidManyToOneFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata, multiple: multiple }));
+        }
+        if (inputType === InputTypes.RelationManyToMany) {
+            return (_jsx(SolidManyToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata, multiple: multiple }));
+        }
+        if (inputType === InputTypes.RelationOneToMany) {
+            return (_jsx(SolidOneToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata, multiple: multiple }));
+        }
+        if (inputType === InputTypes.SelectionDynamic) {
+            return (_jsx(SolidSelectionDynamicFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata, multiple: multiple }));
+        }
+        if (inputType === InputTypes.SelectionStatic) {
+            return (_jsx(SolidSelectionStaticFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata, multiple: multiple }));
+        }
+        if (inputType === InputTypes.Boolean) {
+            return (_jsx(SolidBooleanFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata, multiple: multiple }));
+        }
+        return null;
+    };
+    if (numberOfInputs === 0)
+        return null;
+    if (useMultiAutocomplete) {
+        var selectedValues = Array.isArray(inputs) ? inputs.filter(function (item) { return item !== "" && item !== null && item !== undefined; }) : [];
+        return (_jsx("div", { className: "solid-filter-var-input-row", children: renderInputByType(selectedValues, 0, true) }));
+    }
+    if (numberOfInputs === 2) {
+        var leftValue = (_b = inputs === null || inputs === void 0 ? void 0 : inputs[0]) !== null && _b !== void 0 ? _b : "";
+        var rightValue = (_c = inputs === null || inputs === void 0 ? void 0 : inputs[1]) !== null && _c !== void 0 ? _c : "";
+        return (_jsxs("div", { className: "solid-filter-var-input-between", children: [renderInputByType(leftValue, 0, false), renderInputByType(rightValue, 1, false)] }));
+    }
+    return (_jsx(_Fragment, { children: inputs && inputs.map(function (value, index) { return (_jsxs("div", { className: "solid-filter-var-input-row", children: [renderInputByType(value, index, false), numberOfInputs === null &&
+                    _jsxs(_Fragment, { children: [_jsx(SolidButton, { variant: "ghost", size: "sm", onClick: function () { return addInput(); }, className: 'solid-filter-action-btn solid-filter-action-icon-btn', children: _jsx(SolidIcon, { name: "si-plus", "aria-hidden": true }) }), _jsx(SolidButton, { variant: "ghost", size: "sm", onClick: function () { return deleteInput(index); }, className: 'solid-filter-action-btn solid-filter-action-icon-btn is-danger', children: _jsx(SolidIcon, { name: "si-trash", "aria-hidden": true }) })] })] }, "solid-filter-value-".concat(index))); }) }));
 };
 //# sourceMappingURL=SolidVarInputsFilterElement.js.map

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":"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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}"]}
+{"version":3,"file":"SolidVarInputsFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { SolidManyToOneFilterElement } from \"./SolidManyToOneFilterElement\";\nimport { SolidSelectionDynamicFilterElement } from \"./SolidSelectionDynamicFilterElement\";\nimport { SolidSelectionStaticFilterElement } from \"./SolidSelectionStaticFilterElement\";\nimport { SolidManyToManyFilterElement } from \"./SolidManyToManyFilterElement\";\nimport { SolidBooleanFilterElement } from \"./SolidBooleanFilterElement\";\nimport { SolidOneToManyFilterElement } from \"./SolidOneToManyFilterElement\";\nimport { SolidButton } from \"../../shad-cn-ui/SolidButton\";\nimport { SolidInput } from \"../../shad-cn-ui/SolidInput\";\nimport { SolidNumberInput } from \"../../shad-cn-ui/SolidNumberInput\";\nimport { SolidIcon } from \"../../shad-cn-ui\";\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\nconst areInputsEqual = (left: any[] = [], right: any[] = []) => {\n    if (left.length !== right.length) return false;\n    return left.every((item, index) => {\n        const other = right[index];\n        if (item === other) return true;\n        try {\n            return JSON.stringify(item) === JSON.stringify(other);\n        } catch {\n            return false;\n        }\n    });\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    const normalizedValues = useMemo(() => {\n        const emptyShape = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n        if (!values || !Array.isArray(values)) {\n            return emptyShape;\n        }\n        if (values[0] === '') {\n            return emptyShape;\n        }\n        return values;\n    }, [numberOfInputs, values]);\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([...normalizedValues]);\n    const latestInputsRef = useRef(inputs);\n    const autocompleteTypes = [\n        InputTypes.RelationManyToOne,\n        InputTypes.RelationManyToMany,\n        InputTypes.RelationOneToMany,\n        InputTypes.SelectionDynamic,\n        InputTypes.SelectionStatic,\n        InputTypes.Boolean,\n    ];\n    const useMultiAutocomplete = numberOfInputs === null && autocompleteTypes.includes(inputType);\n\n    useEffect(() => {\n        latestInputsRef.current = inputs;\n    }, [inputs]);\n\n    useEffect(() => {\n        if (!areInputsEqual(latestInputsRef.current, normalizedValues)) {\n            setInputs([...normalizedValues]);\n        }\n    }, [normalizedValues]);\n\n    const updateInputs = (index: number, value: any) => {\n        if (useMultiAutocomplete && index === 0 && Array.isArray(value)) {\n            setInputs(value);\n            return;\n        }\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        if (!areInputsEqual(inputs, normalizedValues)) {\n            onChange(inputs);\n        }\n    }, [inputs, normalizedValues, onChange]);\n\n    const renderInputByType = (value: any, index: number, multiple = false) => {\n        if (inputType === InputTypes.Text) {\n            return (\n                <SolidInput\n                    value={value}\n                    onChange={(e) => updateInputs(index, e.target.value)}\n                    placeholder=\"Value\"\n                    className='w-full p-inputtext-sm solid-filter-compact-control'\n                />\n            );\n        }\n\n        if (inputType === InputTypes.Numeric) {\n            return (\n                <SolidNumberInput\n                    value={value}\n                    onChange={(e) => updateInputs(index, e.value)}\n                    placeholder=\"Value\"\n                    className='w-full p-inputtext-sm solid-filter-compact-control'\n                />\n            );\n        }\n\n        if (inputType === InputTypes.Date) {\n            return (\n                <SolidInput\n                    type=\"date\"\n                    value={value || \"\"}\n                    onChange={(e) => updateInputs(index, e.target.value)}\n                    className=\"w-full p-inputtext-sm solid-filter-compact-control\"\n                />\n            );\n        }\n\n        if (inputType === InputTypes.DateTime) {\n            return (\n                <SolidInput\n                    type=\"datetime-local\"\n                    value={value || \"\"}\n                    onChange={(e) => updateInputs(index, e.target.value)}\n                    className=\"w-full p-inputtext-sm solid-filter-compact-control\"\n                />\n            );\n        }\n\n        if (inputType === InputTypes.Time) {\n            return (\n                <SolidInput\n                    type=\"time\"\n                    value={value || \"\"}\n                    onChange={(e) => updateInputs(index, e.target.value)}\n                    className=\"w-full p-inputtext-sm solid-filter-compact-control\"\n                />\n            );\n        }\n\n        if (inputType === InputTypes.RelationManyToOne) {\n            return (\n                <SolidManyToOneFilterElement\n                    value={value}\n                    index={index}\n                    updateInputs={updateInputs}\n                    fieldMetadata={fieldMetadata}\n                    multiple={multiple}\n                />\n            );\n        }\n\n        if (inputType === InputTypes.RelationManyToMany) {\n            return (\n                <SolidManyToManyFilterElement\n                    value={value}\n                    index={index}\n                    updateInputs={updateInputs}\n                    fieldMetadata={fieldMetadata}\n                    multiple={multiple}\n                />\n            );\n        }\n\n        if (inputType === InputTypes.RelationOneToMany) {\n            return (\n                <SolidOneToManyFilterElement\n                    value={value}\n                    index={index}\n                    updateInputs={updateInputs}\n                    fieldMetadata={fieldMetadata}\n                    multiple={multiple}\n                />\n            );\n        }\n\n        if (inputType === InputTypes.SelectionDynamic) {\n            return (\n                <SolidSelectionDynamicFilterElement\n                    value={value}\n                    index={index}\n                    updateInputs={updateInputs}\n                    fieldMetadata={fieldMetadata}\n                    multiple={multiple}\n                />\n            );\n        }\n\n        if (inputType === InputTypes.SelectionStatic) {\n            return (\n                <SolidSelectionStaticFilterElement\n                    value={value}\n                    index={index}\n                    updateInputs={updateInputs}\n                    fieldMetadata={fieldMetadata}\n                    multiple={multiple}\n                />\n            );\n        }\n\n        if (inputType === InputTypes.Boolean) {\n            return (\n                <SolidBooleanFilterElement\n                    value={value}\n                    index={index}\n                    updateInputs={updateInputs}\n                    fieldMetadata={fieldMetadata}\n                    multiple={multiple}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    if (numberOfInputs === 0) return null;\n\n    if (useMultiAutocomplete) {\n        const selectedValues = Array.isArray(inputs) ? inputs.filter((item) => item !== \"\" && item !== null && item !== undefined) : [];\n        return (\n            <div className=\"solid-filter-var-input-row\">\n                {renderInputByType(selectedValues, 0, true)}\n            </div>\n        );\n    }\n\n    if (numberOfInputs === 2) {\n        const leftValue = inputs?.[0] ?? \"\";\n        const rightValue = inputs?.[1] ?? \"\";\n        return (\n            <div className=\"solid-filter-var-input-between\">\n                {renderInputByType(leftValue, 0, false)}\n                {renderInputByType(rightValue, 1, false)}\n            </div>\n        );\n    }\n\n    return (\n        <>\n            {inputs && inputs.map((value: any, index: number) => (\n                <div className=\"solid-filter-var-input-row\" key={`solid-filter-value-${index}`}>\n                    {renderInputByType(value, index, false)}\n                    {numberOfInputs === null &&\n                        <>\n                            <SolidButton variant=\"ghost\" size=\"sm\" onClick={() => addInput()} className='solid-filter-action-btn solid-filter-action-icon-btn'>\n                                <SolidIcon name=\"si-plus\" aria-hidden />\n                            </SolidButton>\n                            <SolidButton variant=\"ghost\" size=\"sm\" onClick={() => deleteInput(index)} className='solid-filter-action-btn solid-filter-action-icon-btn is-danger'>\n                                <SolidIcon name=\"si-trash\" aria-hidden />\n                            </SolidButton>\n                        </>\n                    }\n                </div>\n            ))}\n        </>\n    )\n}\n"]}