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

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

@@ -1 +1 @@
-{"version":3,"file":"SolidManyToManyFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToManyFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,4BAA4B,kDAKtC,GAAG,4CAmDL,CAAC"}
+{"version":3,"file":"SolidManyToManyFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToManyFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,4BAA4B,4DAMtC,GAAG,4CAmDL,CAAC"}

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

@@ -36,15 +36,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 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";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 export var SolidManyToManyFilterElement = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? [] : _b, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    var _b = _a.value, value = _b === void 0 ? [] : _b, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata, _c = _a.multiple, multiple = _c === void 0 ? false : _c;
     var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
     var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
     var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
-    var _c = useState([]), suggestions = _c[0], setSuggestions = _c[1];
+    var _d = useState([]), suggestions = _d[0], setSuggestions = _d[1];
     var search = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var queryData, qsString, response;
         var _a;
@@ -75,14 +75,10 @@ export var SolidManyToManyFilterElement = function (_a) {
             }
         });
     }); };
-    return (_jsx(AutoComplete
-    // multiple
-    , { 
-        // multiple
-        dropdown: true, field: "label", value: value, suggestions: suggestions, completeMethod: search, onChange: function (e) {
+    return (_jsx(SolidAutocomplete, { dropdown: true, field: "label", value: value, multiple: multiple, suggestions: suggestions, completeMethod: search, onChange: function (e) {
             // const cleanValues = Array.isArray(e.value) ? e.value : [];
             // updateInputs(index, cleanValues);
             updateInputs(index, e.value);
-        }, placeholder: "Select ".concat(fieldMetadata.displayName), className: "w-full", inputClassName: "w-full p-inputtext-sm" }));
+        }, placeholder: "Select ".concat(fieldMetadata.displayName), className: "w-full", inputClassName: "w-full p-inputtext-sm solid-filter-compact-control" }));
 };
 //# sourceMappingURL=SolidManyToManyFilterElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidManyToManyFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToManyFilterElement.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,4BAA4B,GAAG,UAAC,EAKvC;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,6DAA6D;YAC7D,oCAAoC;YACpC,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 SolidManyToManyFilterElement = ({\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                // const cleanValues = Array.isArray(e.value) ? e.value : [];\n                // updateInputs(index, cleanValues);\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};"]}
+{"version":3,"file":"SolidManyToManyFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToManyFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAAC,EAMvC;QALF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAGhB,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,KAAU;;;;;;;oBACtB,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,iBAAiB,IACd,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,UAAC,CAAC;YACR,6DAA6D;YAC7D,oCAAoC;YACpC,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,oDAAoD,GACrE,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["\n\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { useEffect, useState } from \"react\";\nimport qs from \"qs\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui/SolidAutocomplete\";\n\nexport const SolidManyToManyFilterElement = ({\n    value = [],\n    updateInputs,\n    index,\n    fieldMetadata,\n    multiple = false\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: any) => {\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        <SolidAutocomplete\n            dropdown\n            field=\"label\"\n            value={value}\n            multiple={multiple}\n            suggestions={suggestions}\n            completeMethod={search}\n            onChange={(e) => {\n                // const cleanValues = Array.isArray(e.value) ? e.value : [];\n                // updateInputs(index, cleanValues);\n                updateInputs(index, e.value)\n            }}\n            placeholder={`Select ${fieldMetadata.displayName}`}\n            className=\"w-full\"\n            inputClassName=\"w-full p-inputtext-sm solid-filter-compact-control\"\n        />\n    );\n};\n"]}

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

@@ -1,15 +1,16 @@
 
 
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useEffect, useState } from "react";
 import qs from "qs";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 
 export const SolidManyToManyFilterElement = ({
     value = [],
     updateInputs,
     index,
-    fieldMetadata
+    fieldMetadata,
+    multiple = false
 }: any) => {
 
     const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
@@ -18,7 +19,7 @@ export const SolidManyToManyFilterElement = ({
 
     const [suggestions, setSuggestions] = useState<any[]>([]);
 
-    const search = async (event: AutoCompleteCompleteEvent) => {
+    const search = async (event: any) => {
         const queryData = {
             offset: 0,
             limit: 20,
@@ -44,11 +45,11 @@ export const SolidManyToManyFilterElement = ({
 
 
     return (
-        <AutoComplete
-            // multiple
+        <SolidAutocomplete
             dropdown
             field="label"
             value={value}
+            multiple={multiple}
             suggestions={suggestions}
             completeMethod={search}
             onChange={(e) => {
@@ -58,7 +59,7 @@ export const SolidManyToManyFilterElement = ({
             }}
             placeholder={`Select ${fieldMetadata.displayName}`}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm"
+            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
         />
     );
-};
+};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SolidManyToOneFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,kDAAmD,GAAG,4CAqD7F,CAAA"}
+{"version":3,"file":"SolidManyToOneFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,4DAAqE,GAAG,4CAsD/G,CAAA"}

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

@@ -36,15 +36,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 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";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 export var SolidManyToOneFilterElement = function (_a) {
-    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata, _b = _a.multiple, multiple = _b === void 0 ? false : _b;
     var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
     var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
     var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
-    var _b = useState([]), autoCompleteItems = _b[0], setAutoCompleteItems = _b[1];
+    var _c = useState([]), autoCompleteItems = _c[0], setAutoCompleteItems = _c[1];
     var autoCompleteSearch = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var queryData, autocompleteQs, autocompleteResponse, autocompleteData, autoCompleteItems_1;
         var _a;
@@ -82,6 +82,6 @@ export var SolidManyToOneFilterElement = function (_a) {
             }
         });
     }); };
-    return (_jsx(AutoComplete, { dropdown: true, field: "label", value: value, suggestions: autoCompleteItems, completeMethod: autoCompleteSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "w-full", inputClassName: "w-full p-inputtext-sm" }));
+    return (_jsx(SolidAutocomplete, { dropdown: true, field: "label", value: value, multiple: multiple, suggestions: autoCompleteItems, completeMethod: autoCompleteSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "w-full", inputClassName: "w-full p-inputtext-sm solid-filter-compact-control" }));
 };
 //# sourceMappingURL=SolidManyToOneFilterElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidManyToOneFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEnF,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,KAA4C,QAAQ,CAAC,EAAE,CAAC,EAAvD,iBAAiB,QAAA,EAAE,oBAAoB,QAAgB,CAAC;IAC/D,IAAM,kBAAkB,GAAG,UAAO,KAAgC;;;;;;;oBAGxD,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,cAAc,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBAC3C,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAG0B,qBAAM,uBAAuB,CAAC,cAAc,CAAC,EAAA;;oBAApE,oBAAoB,GAAG,SAA6C;oBAGpE,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC;oBAEnD,IAAI,gBAAgB,EAAE;wBACZ,sBAAoB,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS;;4BAC7D,OAAO;gCACH,KAAK,EAAE,IAAI,CAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;gCAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;6BACpB,CAAA;wBACL,CAAC,CAAC,CAAC;wBACH,oBAAoB,CAAC,mBAAiB,CAAC,CAAC;qBAC3C;;;;SACJ,CAAA;IAED,OAAO,CACH,KAAC,YAAY,IACT,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,EAC9B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useState } from \"react\";\nimport qs from \"qs\";\n\n\nexport const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);\n    const { useLazyGetSolidEntitiesQuery } = entityApi;\n    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n    const [autoCompleteItems, setAutoCompleteItems] = useState([]);\n    const autoCompleteSearch = async (event: AutoCompleteCompleteEvent) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            filters: {\n                [fieldMetadata?.relationModel?.userKeyField?.name]: {\n                    $containsi: event.query\n                }\n            }\n        };\n\n        const autocompleteQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const autocompleteResponse = await triggerGetSolidEntities(autocompleteQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const autocompleteData = autocompleteResponse.data;\n\n        if (autocompleteData) {\n            const autoCompleteItems = autocompleteData.records.map((item: any) => {\n                return {\n                    label: item[fieldMetadata?.relationModel?.userKeyField?.name],\n                    value: item['id']\n                }\n            });\n            setAutoCompleteItems(autoCompleteItems);\n        }\n    }\n\n    return (\n        <AutoComplete\n            dropdown\n            field=\"label\"\n            value={value}\n            suggestions={autoCompleteItems}\n            completeMethod={autoCompleteSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"w-full\"\n            inputClassName=\"w-full p-inputtext-sm\"\n        />\n    )\n}"]}
+{"version":3,"file":"SolidManyToOneFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAGvE,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAAoE;QAAlE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAErG,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,KAA4C,QAAQ,CAAC,EAAE,CAAC,EAAvD,iBAAiB,QAAA,EAAE,oBAAoB,QAAgB,CAAC;IAC/D,IAAM,kBAAkB,GAAG,UAAO,KAAU;;;;;;;oBAGlC,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,cAAc,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBAC3C,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAG0B,qBAAM,uBAAuB,CAAC,cAAc,CAAC,EAAA;;oBAApE,oBAAoB,GAAG,SAA6C;oBAGpE,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC;oBAEnD,IAAI,gBAAgB,EAAE;wBACZ,sBAAoB,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS;;4BAC7D,OAAO;gCACH,KAAK,EAAE,IAAI,CAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;gCAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;6BACpB,CAAA;wBACL,CAAC,CAAC,CAAC;wBACH,oBAAoB,CAAC,mBAAiB,CAAC,CAAC;qBAC3C;;;;SACJ,CAAA;IAED,OAAO,CACH,KAAC,iBAAiB,IACd,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,iBAAiB,EAC9B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,oDAAoD,GACrE,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { useState } from \"react\";\nimport qs from \"qs\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui/SolidAutocomplete\";\n\n\nexport const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata, multiple = false }: any) => {\n\n    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);\n    const { useLazyGetSolidEntitiesQuery } = entityApi;\n    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n    const [autoCompleteItems, setAutoCompleteItems] = useState([]);\n    const autoCompleteSearch = async (event: any) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            filters: {\n                [fieldMetadata?.relationModel?.userKeyField?.name]: {\n                    $containsi: event.query\n                }\n            }\n        };\n\n        const autocompleteQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const autocompleteResponse = await triggerGetSolidEntities(autocompleteQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const autocompleteData = autocompleteResponse.data;\n\n        if (autocompleteData) {\n            const autoCompleteItems = autocompleteData.records.map((item: any) => {\n                return {\n                    label: item[fieldMetadata?.relationModel?.userKeyField?.name],\n                    value: item['id']\n                }\n            });\n            setAutoCompleteItems(autoCompleteItems);\n        }\n    }\n\n    return (\n        <SolidAutocomplete\n            dropdown\n            field=\"label\"\n            value={value}\n            multiple={multiple}\n            suggestions={autoCompleteItems}\n            completeMethod={autoCompleteSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"w-full\"\n            inputClassName=\"w-full p-inputtext-sm solid-filter-compact-control\"\n        />\n    )\n}\n"]}

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

@@ -1,18 +1,18 @@
 
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
 import qs from "qs";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 
 
-export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
+export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata, multiple = false }: any) => {
 
     const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
     const { useLazyGetSolidEntitiesQuery } = entityApi;
     const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
 
     const [autoCompleteItems, setAutoCompleteItems] = useState([]);
-    const autoCompleteSearch = async (event: AutoCompleteCompleteEvent) => {
+    const autoCompleteSearch = async (event: any) => {
 
         // Get the list view layout & metadata first. 
         const queryData = {
@@ -47,15 +47,16 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
     }
 
     return (
-        <AutoComplete
+        <SolidAutocomplete
             dropdown
             field="label"
             value={value}
+            multiple={multiple}
             suggestions={autoCompleteItems}
             completeMethod={autoCompleteSearch}
             onChange={(e) => updateInputs(index, e.value)}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm"
+            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
         />
     )
-}
+}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"SolidOneToManyFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidOneToManyFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,4DAMrC,GAAG,4CAiDL,CAAC"}

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

@@ -36,15 +36,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 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";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 export var SolidOneToManyFilterElement = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? [] : _b, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    var _b = _a.value, value = _b === void 0 ? [] : _b, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata, _c = _a.multiple, multiple = _c === void 0 ? false : _c;
     var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
     var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
     var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
-    var _c = useState([]), suggestions = _c[0], setSuggestions = _c[1];
+    var _d = useState([]), suggestions = _d[0], setSuggestions = _d[1];
     var search = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var queryData, qsString, response;
         var _a;
@@ -75,12 +75,8 @@ export var SolidOneToManyFilterElement = function (_a) {
             }
         });
     }); };
-    return (_jsx(AutoComplete
-    // multiple
-    , { 
-        // multiple
-        dropdown: true, field: "label", value: value, suggestions: suggestions, completeMethod: search, onChange: function (e) {
+    return (_jsx(SolidAutocomplete, { dropdown: true, field: "label", value: value, multiple: multiple, 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" }));
+        }, placeholder: "Select ".concat(fieldMetadata.displayName), className: "w-full", inputClassName: "w-full p-inputtext-sm solid-filter-compact-control" }));
 };
 //# sourceMappingURL=SolidOneToManyFilterElement.js.map

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

@@ -1 +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};"]}
+{"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,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAMtC;QALF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAGhB,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,KAAU;;;;;;;oBACtB,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,iBAAiB,IACd,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,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,oDAAoD,GACrE,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["\n\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { useEffect, useState } from \"react\";\nimport qs from \"qs\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui/SolidAutocomplete\";\n\nexport const SolidOneToManyFilterElement = ({\n    value = [],\n    updateInputs,\n    index,\n    fieldMetadata,\n    multiple = false\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: any) => {\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        <SolidAutocomplete\n            dropdown\n            field=\"label\"\n            value={value}\n            multiple={multiple}\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 solid-filter-compact-control\"\n        />\n    );\n};\n"]}

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

@@ -1,15 +1,16 @@
 
 
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useEffect, useState } from "react";
 import qs from "qs";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 
 export const SolidOneToManyFilterElement = ({
     value = [],
     updateInputs,
     index,
-    fieldMetadata
+    fieldMetadata,
+    multiple = false
 }: any) => {
 
     const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
@@ -18,7 +19,7 @@ export const SolidOneToManyFilterElement = ({
 
     const [suggestions, setSuggestions] = useState<any[]>([]);
 
-    const search = async (event: AutoCompleteCompleteEvent) => {
+    const search = async (event: any) => {
         const queryData = {
             offset: 0,
             limit: 20,
@@ -44,11 +45,11 @@ export const SolidOneToManyFilterElement = ({
 
 
     return (
-        <AutoComplete
-            // multiple
+        <SolidAutocomplete
             dropdown
             field="label"
             value={value}
+            multiple={multiple}
             suggestions={suggestions}
             completeMethod={search}
             onChange={(e) => {
@@ -56,7 +57,7 @@ export const SolidOneToManyFilterElement = ({
             }}
             placeholder={`Select ${fieldMetadata.displayName}`}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm"
+            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
         />
     );
-};
+};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionDynamicFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,kCAAkC,kDAAmD,GAAG,4CA2CpG,CAAA"}
+{"version":3,"file":"SolidSelectionDynamicFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,kCAAkC,4DAAqE,GAAG,4CA4CtH,CAAA"}

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

@@ -35,15 +35,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AutoComplete } from "primereact/autocomplete";
 import { useState } from "react";
 import qs from "qs";
 import { useLazyGetSelectionDynamicValuesQuery } from "../../../redux/api/fieldApi";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 export var SolidSelectionDynamicFilterElement = function (_a) {
-    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata, _b = _a.multiple, multiple = _b === void 0 ? false : _b;
     // selection dynamic specific code. 
     var triggerGetSelectionDynamicValues = useLazyGetSelectionDynamicValuesQuery()[0];
-    var _b = useState([]), selectionDynamicItems = _b[0], setSelectionDynamicItems = _b[1];
+    var _c = useState([]), selectionDynamicItems = _c[0], setSelectionDynamicItems = _c[1];
     var selectionDynamicSearch = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var queryData, sdQs, sdResponse, sdData;
         return __generator(this, function (_a) {
@@ -68,6 +68,6 @@ export var SolidSelectionDynamicFilterElement = function (_a) {
             }
         });
     }); };
-    return (_jsx(AutoComplete, { field: "label", value: value, dropdown: true, suggestions: selectionDynamicItems, completeMethod: selectionDynamicSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "w-full", inputClassName: "w-full p-inputtext-sm" }));
+    return (_jsx(SolidAutocomplete, { field: "label", value: value, multiple: multiple, dropdown: true, suggestions: selectionDynamicItems, completeMethod: selectionDynamicSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "w-full", inputClassName: "w-full p-inputtext-sm solid-filter-compact-control" }));
 };
 //# sourceMappingURL=SolidSelectionDynamicFilterElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionDynamicFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,qCAAqC,EAAE,MAAM,6BAA6B,CAAC;AAGpF,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAG1F,oCAAoC;IAC7B,IAAA,gCAAgC,GAAI,qCAAqC,EAAE,GAA3C,CAA4C;IAC7E,IAAA,KAAoD,QAAQ,CAAC,EAAE,CAAC,EAA/D,qBAAqB,QAAA,EAAE,wBAAwB,QAAgB,CAAC;IACvE,IAAM,sBAAsB,GAAG,UAAO,KAAgC;;;;;oBAG5D,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,OAAO,EAAE,aAAa,CAAC,EAAE;qBAC5B,CAAC;oBAEI,IAAI,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBACjC,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAGgB,qBAAM,gCAAgC,CAAC,IAAI,CAAC,EAAA;;oBAAzD,UAAU,GAAG,SAA4C;oBAGzD,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;oBAEpC,aAAa;oBACb,wBAAwB,CAAC,MAAM,CAAC,CAAC;;;;SACpC,CAAA;IAGD,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,sBAAsB,EACtC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useState } from \"react\";\nimport qs from \"qs\";\nimport { useLazyGetSelectionDynamicValuesQuery } from \"../../../redux/api/fieldApi\";\n\n\nexport const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n\n    // selection dynamic specific code. \n    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();\n    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);\n    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            query: event.query,\n            fieldId: fieldMetadata.id\n        };\n\n        const sdQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const sdResponse = await triggerGetSelectionDynamicValues(sdQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const sdData = sdResponse.data.data;\n\n        // @ts-ignore\n        setSelectionDynamicItems(sdData);\n    }\n\n\n    return (\n        <AutoComplete\n            field=\"label\"\n            value={value}\n            dropdown\n            suggestions={selectionDynamicItems}\n            completeMethod={selectionDynamicSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"w-full\"\n            inputClassName=\"w-full p-inputtext-sm\"\n        />\n    )\n}"]}
+{"version":3,"file":"SolidSelectionDynamicFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,qCAAqC,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAGvE,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAAoE;QAAlE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAG5G,oCAAoC;IAC7B,IAAA,gCAAgC,GAAI,qCAAqC,EAAE,GAA3C,CAA4C;IAC7E,IAAA,KAAoD,QAAQ,CAAC,EAAE,CAAC,EAA/D,qBAAqB,QAAA,EAAE,wBAAwB,QAAgB,CAAC;IACvE,IAAM,sBAAsB,GAAG,UAAO,KAAU;;;;;oBAGtC,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,OAAO,EAAE,aAAa,CAAC,EAAE;qBAC5B,CAAC;oBAEI,IAAI,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBACjC,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAGgB,qBAAM,gCAAgC,CAAC,IAAI,CAAC,EAAA;;oBAAzD,UAAU,GAAG,SAA4C;oBAGzD,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;oBAEpC,aAAa;oBACb,wBAAwB,CAAC,MAAM,CAAC,CAAC;;;;SACpC,CAAA;IAGD,OAAO,CACH,KAAC,iBAAiB,IACd,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,sBAAsB,EACtC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,oDAAoD,GACrE,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { useState } from \"react\";\nimport qs from \"qs\";\nimport { useLazyGetSelectionDynamicValuesQuery } from \"../../../redux/api/fieldApi\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui/SolidAutocomplete\";\n\n\nexport const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata, multiple = false }: any) => {\n\n\n    // selection dynamic specific code. \n    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();\n    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);\n    const selectionDynamicSearch = async (event: any) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            query: event.query,\n            fieldId: fieldMetadata.id\n        };\n\n        const sdQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const sdResponse = await triggerGetSelectionDynamicValues(sdQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const sdData = sdResponse.data.data;\n\n        // @ts-ignore\n        setSelectionDynamicItems(sdData);\n    }\n\n\n    return (\n        <SolidAutocomplete\n            field=\"label\"\n            value={value}\n            multiple={multiple}\n            dropdown\n            suggestions={selectionDynamicItems}\n            completeMethod={selectionDynamicSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"w-full\"\n            inputClassName=\"w-full p-inputtext-sm solid-filter-compact-control\"\n        />\n    )\n}\n"]}

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

@@ -1,16 +1,16 @@
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
 import qs from "qs";
 import { useLazyGetSelectionDynamicValuesQuery } from "../../../redux/api/fieldApi";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 
 
-export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
+export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata, multiple = false }: any) => {
 
 
     // selection dynamic specific code. 
     const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();
     const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);
-    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {
+    const selectionDynamicSearch = async (event: any) => {
 
         // Get the list view layout & metadata first. 
         const queryData = {
@@ -36,15 +36,16 @@ export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index,
 
 
     return (
-        <AutoComplete
+        <SolidAutocomplete
             field="label"
             value={value}
+            multiple={multiple}
             dropdown
             suggestions={selectionDynamicItems}
             completeMethod={selectionDynamicSearch}
             onChange={(e) => updateInputs(index, e.value)}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm"
+            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
         />
     )
-}
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionStaticFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iCAAiC,kDAAmD,GAAG,4CA2BnG,CAAA"}
+{"version":3,"file":"SolidSelectionStaticFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iCAAiC,4DAAqE,GAAG,4CA4BrH,CAAA"}

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AutoComplete } from "primereact/autocomplete";
 import { useState } from "react";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 export var SolidSelectionStaticFilterElement = function (_a) {
-    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata, _b = _a.multiple, multiple = _b === void 0 ? false : _b;
     // selection dynamic specific code. 
-    var _b = useState([]), selectionStaticItems = _b[0], setSelectionStaticItems = _b[1];
+    var _c = useState([]), selectionStaticItems = _c[0], setSelectionStaticItems = _c[1];
     var selectionStaticSearch = function (event) {
         var selectionStaticData = fieldMetadata.selectionStaticValues.map(function (i) {
             return {
@@ -15,6 +15,6 @@ export var SolidSelectionStaticFilterElement = function (_a) {
         var suggestionData = selectionStaticData.filter(function (t) { return t.value.toLowerCase().startsWith(event.query.toLowerCase()); });
         setSelectionStaticItems(suggestionData);
     };
-    return (_jsx(AutoComplete, { field: "label", value: value, dropdown: true, suggestions: selectionStaticItems, completeMethod: selectionStaticSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "w-full", inputClassName: "w-full p-inputtext-sm" }));
+    return (_jsx(SolidAutocomplete, { field: "label", value: value, multiple: multiple, dropdown: true, suggestions: selectionStaticItems, completeMethod: selectionStaticSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "w-full", inputClassName: "w-full p-inputtext-sm solid-filter-compact-control" }));
 };
 //# sourceMappingURL=SolidSelectionStaticFilterElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionStaticFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEzF,oCAAoC;IAC9B,IAAA,KAAkD,QAAQ,CAAC,EAAE,CAAC,EAA7D,oBAAoB,QAAA,EAAE,uBAAuB,QAAgB,CAAC;IACrE,IAAM,qBAAqB,GAAG,UAAC,KAAgC;QAC3D,IAAM,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,CAAC,GAAG,CAAC,UAAC,CAAS;YAC1E,OAAO;gBACH,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACzB,CAAA;QACL,CAAC,CAAC,CAAC;QACH,IAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAA3D,CAA2D,CAAC,CAAC;QAC3H,uBAAuB,CAAC,cAAc,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,WAAW,EAAE,oBAAoB,EACjC,cAAc,EAAE,qBAAqB,EACrC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useState } from \"react\";\n\n\nexport const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n    // selection dynamic specific code. \n    const [selectionStaticItems, setSelectionStaticItems] = useState([]);\n    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {\n        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {\n            return {\n                label: i.split(\":\")[1],\n                value: i.split(\":\")[0]\n            }\n        });\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));\n        setSelectionStaticItems(suggestionData)\n    }\n\n    return (\n        <AutoComplete\n            field=\"label\"\n            value={value}\n            dropdown\n            suggestions={selectionStaticItems}\n            completeMethod={selectionStaticSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"w-full\"\n            inputClassName=\"w-full p-inputtext-sm\"\n        />\n    )\n}"]}
+{"version":3,"file":"SolidSelectionStaticFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAGvE,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAAoE;QAAlE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAE3G,oCAAoC;IAC9B,IAAA,KAAkD,QAAQ,CAAC,EAAE,CAAC,EAA7D,oBAAoB,QAAA,EAAE,uBAAuB,QAAgB,CAAC;IACrE,IAAM,qBAAqB,GAAG,UAAC,KAAU;QACrC,IAAM,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,CAAC,GAAG,CAAC,UAAC,CAAS;YAC1E,OAAO;gBACH,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACzB,CAAA;QACL,CAAC,CAAC,CAAC;QACH,IAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAA3D,CAA2D,CAAC,CAAC;QAC3H,uBAAuB,CAAC,cAAc,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CACH,KAAC,iBAAiB,IACd,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,WAAW,EAAE,oBAAoB,EACjC,cAAc,EAAE,qBAAqB,EACrC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,oDAAoD,GACrE,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { useState } from \"react\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui/SolidAutocomplete\";\n\n\nexport const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata, multiple = false }: any) => {\n\n    // selection dynamic specific code. \n    const [selectionStaticItems, setSelectionStaticItems] = useState([]);\n    const selectionStaticSearch = (event: any) => {\n        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {\n            return {\n                label: i.split(\":\")[1],\n                value: i.split(\":\")[0]\n            }\n        });\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));\n        setSelectionStaticItems(suggestionData)\n    }\n\n    return (\n        <SolidAutocomplete\n            field=\"label\"\n            value={value}\n            multiple={multiple}\n            dropdown\n            suggestions={selectionStaticItems}\n            completeMethod={selectionStaticSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"w-full\"\n            inputClassName=\"w-full p-inputtext-sm solid-filter-compact-control\"\n        />\n    )\n}\n"]}

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

@@ -1,12 +1,12 @@
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
+import { SolidAutocomplete } from "../../shad-cn-ui/SolidAutocomplete";
 
 
-export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
+export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata, multiple = false }: any) => {
 
     // selection dynamic specific code. 
     const [selectionStaticItems, setSelectionStaticItems] = useState([]);
-    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {
+    const selectionStaticSearch = (event: any) => {
         const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {
             return {
                 label: i.split(":")[1],
@@ -18,15 +18,16 @@ export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index,
     }
 
     return (
-        <AutoComplete
+        <SolidAutocomplete
             field="label"
             value={value}
+            multiple={multiple}
             dropdown
             suggestions={selectionStaticItems}
             completeMethod={selectionStaticSearch}
             onChange={(e) => updateInputs(index, e.value)}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm"
+            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
         />
     )
-}
+}

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

@@ -11,5 +11,5 @@ export declare enum InputTypes {
     SelectionDynamic = "SelectionDynamic",
     Boolean = "Boolean"
 }
-export declare const SolidVarInputsFilterElement: ({ values, onChange, inputType, numberOfInputs, fieldMetadata }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const SolidVarInputsFilterElement: ({ values, onChange, inputType, numberOfInputs, fieldMetadata }: any) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SolidVarInputsFilterElement.d.ts.map

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":"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"}
+{"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;AAiBD,eAAO,MAAM,2BAA2B,mEAA6F,GAAG,mDA6OvI,CAAA"}