@solidxai/core-ui 0.1.15 → 0.1.16-beta.0

package/dist/components/core/common/SolidGlobalSearchElement.tsx

@@ -2211,7 +2211,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                                                     );
                                                 })}
                                             </div>
-                                            <div className="solid-filter-dialog-sep" />
+                                            <hr className="solid-search-overlay-section-separator" />
                                         </>
                                     )}
                                     <div className="solid-search-overlay-section solid-search-overlay-section--search">
@@ -2294,14 +2294,13 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                                             </div>
                                         </div>
                                     </div>
-                                    <div className="solid-filter-dialog-sep" />
                                 </>
                             }
                             {selectableSavedFilters.length > 0 &&
                                 <>
                                     <hr className="solid-search-overlay-section-separator" />
                                     <div className="solid-search-overlay-section solid-search-overlay-section--saved">
-                                        <div className="solid-search-overlay-panel-callout solid-search-overlay-panel-callout-compact">
+                                        <div className="solid-search-overlay-panel-callout solid-search-overlay-panel-callout-compact items-center">
                                             <div className="solid-search-overlay-panel-callout-icon">
                                                 <Bookmark size={13} />
                                             </div>

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

@@ -13,6 +13,6 @@ export var SolidBooleanFilterElement = function (_a) {
         var suggestionData = selectionStaticData.filter(function (t) { return t.value.startsWith(event.query.toLowerCase()); });
         setSelectionStaticItems(suggestionData);
     };
-    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" }));
+    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 solid-filter-compact-control" }));
 };
 //# sourceMappingURL=SolidBooleanFilterElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidBooleanFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidBooleanFilterElement.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAGvE,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,EAAoE;QAAlE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEnG,oCAAoC;IAC9B,IAAA,KAAkD,QAAQ,CAAM,EAAE,CAAC,EAAlE,oBAAoB,QAAA,EAAE,uBAAuB,QAAqB,CAAC;IAC1E,IAAM,qBAAqB,GAAG,UAAC,KAAU;QACrC,IAAM,mBAAmB,GAAG;YACxB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACrC,CAAA;QACD,IAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAA7C,CAA6C,CAAC,CAAC;QAC7G,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 SolidBooleanFilterElement = ({ value, updateInputs, index, fieldMetadata, multiple = false }: any) => {\n\n    // selection dynamic specific code. \n    const [selectionStaticItems, setSelectionStaticItems] = useState<any>([]);\n    const selectionStaticSearch = (event: any) => {\n        const selectionStaticData = [\n            { label: 'true', value: \"true\" },\n            { label: 'false', value: \"false\" }\n        ]\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.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"]}
+{"version":3,"file":"SolidBooleanFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidBooleanFilterElement.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAGvE,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,EAAoE;QAAlE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEnG,oCAAoC;IAC9B,IAAA,KAAkD,QAAQ,CAAM,EAAE,CAAC,EAAlE,oBAAoB,QAAA,EAAE,uBAAuB,QAAqB,CAAC;IAC1E,IAAM,qBAAqB,GAAG,UAAC,KAAU;QACrC,IAAM,mBAAmB,GAAG;YACxB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACrC,CAAA;QACD,IAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAA7C,CAA6C,CAAC,CAAC;QAC7G,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,qCAAqC,GACtD,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { useState } from \"react\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui/SolidAutocomplete\";\n\n\nexport const SolidBooleanFilterElement = ({ value, updateInputs, index, fieldMetadata, multiple = false }: any) => {\n\n    // selection dynamic specific code. \n    const [selectionStaticItems, setSelectionStaticItems] = useState<any>([]);\n    const selectionStaticSearch = (event: any) => {\n        const selectionStaticData = [\n            { label: 'true', value: \"true\" },\n            { label: 'false', value: \"false\" }\n        ]\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.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 solid-filter-compact-control\"\n        />\n    )\n}\n"]}

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

@@ -25,7 +25,7 @@ export const SolidBooleanFilterElement = ({ value, updateInputs, index, fieldMet
             completeMethod={selectionStaticSearch}
             onChange={(e) => updateInputs(index, e.value)}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
+            inputClassName="w-full solid-filter-compact-control"
         />
     )
 }

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

@@ -79,6 +79,6 @@ export var SolidManyToManyFilterElement = function (_a) {
             // 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 solid-filter-compact-control" }));
+        }, placeholder: "Select ".concat(fieldMetadata.displayName), className: "w-full", inputClassName: "w-full 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,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"]}
+{"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,qCAAqC,GACtD,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 solid-filter-compact-control\"\n        />\n    );\n};\n"]}

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

@@ -59,7 +59,7 @@ export const SolidManyToManyFilterElement = ({
             }}
             placeholder={`Select ${fieldMetadata.displayName}`}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
+            inputClassName="w-full solid-filter-compact-control"
         />
     );
 };

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

@@ -82,6 +82,6 @@ export var SolidManyToOneFilterElement = function (_a) {
             }
         });
     }); };
-    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" }));
+    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 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,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"]}
+{"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,qCAAqC,GACtD,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 solid-filter-compact-control\"\n        />\n    )\n}\n"]}

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

@@ -56,7 +56,7 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
             completeMethod={autoCompleteSearch}
             onChange={(e) => updateInputs(index, e.value)}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
+            inputClassName="w-full solid-filter-compact-control"
         />
     )
 }

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

@@ -77,6 +77,6 @@ export var SolidOneToManyFilterElement = function (_a) {
     }); };
     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 solid-filter-compact-control" }));
+        }, placeholder: "Select ".concat(fieldMetadata.displayName), className: "w-full", inputClassName: "w-full 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,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"]}
+{"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,qCAAqC,GACtD,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 solid-filter-compact-control\"\n        />\n    );\n};\n"]}

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

@@ -57,7 +57,7 @@ export const SolidOneToManyFilterElement = ({
             }}
             placeholder={`Select ${fieldMetadata.displayName}`}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
+            inputClassName="w-full solid-filter-compact-control"
         />
     );
 };

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

@@ -68,6 +68,6 @@ export var SolidSelectionDynamicFilterElement = function (_a) {
             }
         });
     }); };
-    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" }));
+    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 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,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"]}
+{"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,qCAAqC,GACtD,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 solid-filter-compact-control\"\n        />\n    )\n}\n"]}

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

@@ -45,7 +45,7 @@ export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index,
             completeMethod={selectionDynamicSearch}
             onChange={(e) => updateInputs(index, e.value)}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
+            inputClassName="w-full solid-filter-compact-control"
         />
     )
 }

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

@@ -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(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" }));
+    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 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,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"]}
+{"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,qCAAqC,GACtD,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 solid-filter-compact-control\"\n        />\n    )\n}\n"]}

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

@@ -27,7 +27,7 @@ export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index,
             completeMethod={selectionStaticSearch}
             onChange={(e) => updateInputs(index, e.value)}
             className="w-full"
-            inputClassName="w-full p-inputtext-sm solid-filter-compact-control"
+            inputClassName="w-full solid-filter-compact-control"
         />
     )
 }

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

@@ -113,19 +113,19 @@ export var SolidVarInputsFilterElement = function (_a) {
     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' }));
+            return (_jsx(SolidInput, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "Value", className: 'w-full 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' }));
+            return (_jsx(SolidNumberInput, { value: value, onChange: function (e) { return updateInputs(index, e.value); }, placeholder: "Value", className: 'w-full 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" }));
+            return (_jsx(SolidInput, { type: "date", value: value || "", onChange: function (e) { return updateInputs(index, e.target.value); }, className: "w-full 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" }));
+            return (_jsx(SolidInput, { type: "datetime-local", value: value || "", onChange: function (e) { return updateInputs(index, e.target.value); }, className: "w-full 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" }));
+            return (_jsx(SolidInput, { type: "time", value: value || "", onChange: function (e) { return updateInputs(index, e.target.value); }, className: "w-full solid-filter-compact-control" }));
         }
         if (inputType === InputTypes.RelationManyToOne) {
             return (_jsx(SolidManyToOneFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata, multiple: multiple }));

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 { 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"]}
+{"version":3,"file":"SolidVarInputsFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAN,IAAY,UAYX;AAZD,WAAY,UAAU;IAClB,2BAAa,CAAA;IACb,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,iDAAmC,CAAA;IACnC,qDAAuC,CAAA;IACvC,uDAAyC,CAAA;IACzC,qDAAuC,CAAA;IACvC,mDAAqC,CAAA;IACrC,iCAAmB,CAAA;AACvB,CAAC,EAZW,UAAU,KAAV,UAAU,QAYrB;AAED,IAAM,cAAc,GAAG,UAAC,IAAgB,EAAE,KAAiB;IAAnC,qBAAA,EAAA,SAAgB;IAAE,sBAAA,EAAA,UAAiB;IACvD,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAC/C,OAAO,IAAI,CAAC,KAAK,CAAC,UAAC,IAAI,EAAE,KAAK;QAC1B,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO,IAAI,CAAC;QAChC,IAAI;YACA,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACzD;QAAC,WAAM;YACJ,OAAO,KAAK,CAAC;SAChB;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAGF,uEAAuE;AACvE,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAA4F;;QAA1F,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,iBAA2B,EAA3B,SAAS,mBAAG,UAAU,CAAC,IAAI,KAAA,EAAE,sBAAqB,EAArB,cAAc,mBAAG,IAAI,KAAA,EAAE,aAAa,mBAAA;IAC7H,IAAM,gBAAgB,GAAG,OAAO,CAAC;QAC7B,IAAM,UAAU,GAAG,cAAc,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChG,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACnC,OAAO,UAAU,CAAC;SACrB;QACD,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,OAAO,UAAU,CAAC;SACrB;QACD,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAE7B,sGAAsG;IAChG,IAAA,KAAsB,QAAQ,mBAAK,gBAAgB,QAAE,EAApD,MAAM,QAAA,EAAE,SAAS,QAAmC,CAAC;IAC5D,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACvC,IAAM,iBAAiB,GAAG;QACtB,UAAU,CAAC,iBAAiB;QAC5B,UAAU,CAAC,kBAAkB;QAC7B,UAAU,CAAC,iBAAiB;QAC5B,UAAU,CAAC,gBAAgB;QAC3B,UAAU,CAAC,eAAe;QAC1B,UAAU,CAAC,OAAO;KACrB,CAAC;IACF,IAAM,oBAAoB,GAAG,cAAc,KAAK,IAAI,IAAI,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE9F,SAAS,CAAC;QACN,eAAe,CAAC,OAAO,GAAG,MAAM,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC;QACN,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAAE;YAC5D,SAAS,mBAAK,gBAAgB,QAAE,CAAC;SACpC;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,KAAU;QAC3C,IAAI,oBAAoB,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC7D,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,OAAO;SACV;QACD,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;YAC5C,OAAA,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAA1B,CAA0B,CAC7B,CAAC;QACF,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACb,SAAS,iCAAK,MAAM,UAAE,EAAE,UAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,OAAA,QAAQ,KAAK,KAAK,EAAlB,CAAkB,CAAC,CAAC;YACvE,SAAS,CAAC,WAAW,CAAC,CAAC;SAE1B;aAAM;SACN;IACL,CAAC,CAAC;IAEF,SAAS,CAAC;QACN,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAAE;YAC3C,QAAQ,CAAC,MAAM,CAAC,CAAC;SACpB;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,IAAM,iBAAiB,GAAG,UAAC,KAAU,EAAE,KAAa,EAAE,QAAgB;QAAhB,yBAAA,EAAA,gBAAgB;QAClE,IAAI,SAAS,KAAK,UAAU,CAAC,IAAI,EAAE;YAC/B,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,qCAAqC,GACjD,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,OAAO,EAAE;YAClC,OAAO,CACH,KAAC,gBAAgB,IACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,qCAAqC,GACjD,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,IAAI,EAAE;YAC/B,OAAO,CACH,KAAC,UAAU,IACP,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,qCAAqC,GACjD,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,QAAQ,EAAE;YACnC,OAAO,CACH,KAAC,UAAU,IACP,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,qCAAqC,GACjD,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,IAAI,EAAE;YAC/B,OAAO,CACH,KAAC,UAAU,IACP,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,qCAAqC,GACjD,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,iBAAiB,EAAE;YAC5C,OAAO,CACH,KAAC,2BAA2B,IACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,kBAAkB,EAAE;YAC7C,OAAO,CACH,KAAC,4BAA4B,IACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,iBAAiB,EAAE;YAC5C,OAAO,CACH,KAAC,2BAA2B,IACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,gBAAgB,EAAE;YAC3C,OAAO,CACH,KAAC,kCAAkC,IAC/B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,eAAe,EAAE;YAC1C,OAAO,CACH,KAAC,iCAAiC,IAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;SACL;QAED,IAAI,SAAS,KAAK,UAAU,CAAC,OAAO,EAAE;YAClC,OAAO,CACH,KAAC,yBAAyB,IACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;SACL;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,IAAI,cAAc,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtC,IAAI,oBAAoB,EAAE;QACtB,IAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,EAAlD,CAAkD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChI,OAAO,CACH,cAAK,SAAS,EAAC,4BAA4B,YACtC,iBAAiB,CAAC,cAAc,EAAE,CAAC,EAAE,IAAI,CAAC,GACzC,CACT,CAAC;KACL;IAED,IAAI,cAAc,KAAK,CAAC,EAAE;QACtB,IAAM,SAAS,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC;QACpC,IAAM,UAAU,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC;QACrC,OAAO,CACH,eAAK,SAAS,EAAC,gCAAgC,aAC1C,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,EACtC,iBAAiB,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,IACtC,CACT,CAAC;KACL;IAED,OAAO,CACH,4BACK,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,UAAC,KAAU,EAAE,KAAa,IAAK,OAAA,CACjD,eAAK,SAAS,EAAC,4BAA4B,aACtC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EACtC,cAAc,KAAK,IAAI;oBACpB,8BACI,KAAC,WAAW,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,EAAE,EAAV,CAAU,EAAE,SAAS,EAAC,sDAAsD,YAC9H,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,wBAAe,GAC9B,EACd,KAAC,WAAW,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,SAAS,EAAC,gEAAgE,YAChJ,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,wBAAe,GAC/B,IACf,KAVsC,6BAAsB,KAAK,CAAE,CAYxE,CACT,EAdoD,CAcpD,CAAC,GACH,CACN,CAAA;AACL,CAAC,CAAA","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 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 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 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 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 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"]}

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

@@ -111,7 +111,7 @@ export const SolidVarInputsFilterElement = ({ values, onChange, inputType = Inpu
                     value={value}
                     onChange={(e) => updateInputs(index, e.target.value)}
                     placeholder="Value"
-                    className='w-full p-inputtext-sm solid-filter-compact-control'
+                    className='w-full solid-filter-compact-control'
                 />
             );
         }
@@ -122,7 +122,7 @@ export const SolidVarInputsFilterElement = ({ values, onChange, inputType = Inpu
                     value={value}
                     onChange={(e) => updateInputs(index, e.value)}
                     placeholder="Value"
-                    className='w-full p-inputtext-sm solid-filter-compact-control'
+                    className='w-full solid-filter-compact-control'
                 />
             );
         }
@@ -133,7 +133,7 @@ export const SolidVarInputsFilterElement = ({ values, onChange, inputType = Inpu
                     type="date"
                     value={value || ""}
                     onChange={(e) => updateInputs(index, e.target.value)}
-                    className="w-full p-inputtext-sm solid-filter-compact-control"
+                    className="w-full solid-filter-compact-control"
                 />
             );
         }
@@ -144,7 +144,7 @@ export const SolidVarInputsFilterElement = ({ values, onChange, inputType = Inpu
                     type="datetime-local"
                     value={value || ""}
                     onChange={(e) => updateInputs(index, e.target.value)}
-                    className="w-full p-inputtext-sm solid-filter-compact-control"
+                    className="w-full solid-filter-compact-control"
                 />
             );
         }
@@ -155,7 +155,7 @@ export const SolidVarInputsFilterElement = ({ values, onChange, inputType = Inpu
                     type="time"
                     value={value || ""}
                     onChange={(e) => updateInputs(index, e.target.value)}
-                    className="w-full p-inputtext-sm solid-filter-compact-control"
+                    className="w-full solid-filter-compact-control"
                 />
             );
         }

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

@@ -20,7 +20,7 @@ var SolidBooleanField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     return (_jsxs("div", { className: 'flex flex-col items-start gap-2 md:flex-row md:gap-1', children: [_jsx("div", { className: "w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
                         onChange(rule.id, 'matchMode', e.value);
-                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "p-inputtext-sm w-full " }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Boolean, fieldMetadata: fieldMetadata }) })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SolidBooleanField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidBooleanField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,iBAAiB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC7D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,SAAS,CAAC;IAEjC,IAAM,cAAc,GAAG;QACnB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;QAC9B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;KACnC,CAAC;IACF,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IAGF,kEAAkE;IAElE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,wBAAwB,GACpC,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,OAAO,EAC7B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidBooleanField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'boolean';\n\n    const booleanOptions = [\n        { label: 'true', value: true },\n        { label: 'false', value: false },\n    ];\n    const filterMatchModeOptions = [\n        { label: 'Equals', value: \"$eq\" },\n        { label: 'Is null', value: \"$null\" },\n        { label: 'Is Not null', value: \"$notNull\" }\n\n    ];\n\n\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full \"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Boolean}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n};\n\nexport default SolidBooleanField;\n"]}
+{"version":3,"file":"SolidBooleanField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidBooleanField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,iBAAiB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC7D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,SAAS,CAAC;IAEjC,IAAM,cAAc,GAAG;QACnB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;QAC9B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;KACnC,CAAC;IACF,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IAGF,kEAAkE;IAElE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,OAAO,EAC7B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidBooleanField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'boolean';\n\n    const booleanOptions = [\n        { label: 'true', value: true },\n        { label: 'false', value: false },\n    ];\n    const filterMatchModeOptions = [\n        { label: 'Equals', value: \"$eq\" },\n        { label: 'Is null', value: \"$null\" },\n        { label: 'Is Not null', value: \"$notNull\" }\n\n    ];\n\n\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"w-full solid-filter-compact-control\"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Boolean}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n};\n\nexport default SolidBooleanField;\n"]}

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

@@ -37,7 +37,7 @@ const SolidBooleanField = ({ fieldMetadata, onChange, index, rule }: SolidFilter
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
+                    className="w-full solid-filter-compact-control"
                 />
             </div>
 

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

@@ -23,7 +23,7 @@ var SolidDateField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     return (_jsxs("div", { className: 'flex flex-col items-start gap-2 md:flex-row md:gap-1', children: [_jsx("div", { className: "w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
                         onChange(rule.id, 'matchMode', e.value);
-                    }, options: dateFilterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "p-inputtext-sm w-full " }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+                    }, options: dateFilterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Date, fieldMetadata: fieldMetadata }) })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDateField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidDateField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;IAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;IACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;IACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;IAC9C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;IACvC,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE;IACjD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;IACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;IACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;CAE9C,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC1D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAG9B,kHAAkH;IAClH,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,0BAA0B,EACnC,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,wBAAwB,GACpC,GACA,EACN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nexport const dateFilterMatchModeOptions = [\n    { label: 'Equals', value: \"$eqi\" },\n    { label: 'Not Equals', value: \"$nei\" },\n    { label: 'Less Than', value: \"$lt\" },\n    { label: 'Less Than Or Equal', value: \"$lte\" },\n    { label: 'Greater Than', value: \"$gt\" },\n    { label: 'Greater Than Or Equal', value: \"$gte\" },\n    { label: 'Between', value: \"$between\" },\n    { label: 'Is null', value: \"$null\" },\n    { label: 'Is Not null', value: \"$notNull\" }\n\n];\n\nconst SolidDateField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'date';\n\n\n    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={dateFilterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full \"\n                />\n            </div>\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Date}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidDateField;\n"]}
+{"version":3,"file":"SolidDateField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidDateField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;IAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;IACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;IACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;IAC9C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;IACvC,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE;IACjD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;IACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;IACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;CAE9C,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC1D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAG9B,kHAAkH;IAClH,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,0BAA0B,EACnC,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,qCAAqC,GACjD,GACA,EACN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nexport const dateFilterMatchModeOptions = [\n    { label: 'Equals', value: \"$eqi\" },\n    { label: 'Not Equals', value: \"$nei\" },\n    { label: 'Less Than', value: \"$lt\" },\n    { label: 'Less Than Or Equal', value: \"$lte\" },\n    { label: 'Greater Than', value: \"$gt\" },\n    { label: 'Greater Than Or Equal', value: \"$gte\" },\n    { label: 'Between', value: \"$between\" },\n    { label: 'Is null', value: \"$null\" },\n    { label: 'Is Not null', value: \"$notNull\" }\n\n];\n\nconst SolidDateField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'date';\n\n\n    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={dateFilterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"w-full solid-filter-compact-control\"\n                />\n            </div>\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Date}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidDateField;\n"]}

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

@@ -39,7 +39,7 @@ const SolidDateField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFie
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
+                    className="w-full solid-filter-compact-control"
                 />
             </div>
             <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>

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

@@ -18,7 +18,7 @@ var SolidDatetimeField = function (_a) {
     // const numberOfInputs = getNumberOfInputs(rule.matchMode);
     return (_jsxs("div", { className: 'flex flex-col items-start gap-2 md:flex-row md:gap-1', children: [_jsx("div", { className: "w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
                         onChange(rule.id, 'matchMode', e.value);
-                    }, options: dateFilterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "p-inputtext-sm w-full " }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+                    }, options: dateFilterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.DateTime, fieldMetadata: fieldMetadata }) })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDatetimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidDatetimeField.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,kBAAkB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC9D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAExB,IAAA,KAAsC,QAAQ,CAAM,IAAI,CAAC,EAAxD,cAAc,QAAA,EAAE,iBAAiB,QAAuB,CAAC;IAChE,kHAAkH;IAClH,kEAAkE;IAClE,SAAS,CAAC;QACN,iBAAiB,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACV,4DAA4D;IAE5D,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,0BAA0B,EACnC,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,wBAAwB,GACpC,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["\nimport React, { useEffect, useState } from 'react';\nimport { dateFilterMatchModeOptions } from './SolidDateField';\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidDatetimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'date';\n\n    const [numberOfInputs, setNumberOfInputs] = useState<any>(null);\n    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n    useEffect(() => {\n        setNumberOfInputs(getNumberOfInputs(rule.matchMode))\n    }, [rule])\n    // const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={dateFilterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full \"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.DateTime}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidDatetimeField;\n"]}
+{"version":3,"file":"SolidDatetimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidDatetimeField.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,kBAAkB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC9D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAExB,IAAA,KAAsC,QAAQ,CAAM,IAAI,CAAC,EAAxD,cAAc,QAAA,EAAE,iBAAiB,QAAuB,CAAC;IAChE,kHAAkH;IAClH,kEAAkE;IAClE,SAAS,CAAC;QACN,iBAAiB,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACV,4DAA4D;IAE5D,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,0BAA0B,EACnC,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,qCAAqC,GACjD,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["\nimport React, { useEffect, useState } from 'react';\nimport { dateFilterMatchModeOptions } from './SolidDateField';\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidDatetimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'date';\n\n    const [numberOfInputs, setNumberOfInputs] = useState<any>(null);\n    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n    useEffect(() => {\n        setNumberOfInputs(getNumberOfInputs(rule.matchMode))\n    }, [rule])\n    // const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={dateFilterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"w-full solid-filter-compact-control\"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.DateTime}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidDatetimeField;\n"]}

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

@@ -31,7 +31,7 @@ const SolidDatetimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilte
                     optionLabel='label'
                     optionValue='value'
                     placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
+                    className="w-full solid-filter-compact-control"
                 />
             </div>
 

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

@@ -15,7 +15,7 @@ var SolidExternalIdField = function (_a) {
     var numberOfInputs = getNumberOfInputs(rule.matchMode);
     return (_jsxs("div", { className: 'flex flex-col items-start gap-2 md:flex-row md:gap-1', children: [_jsx("div", { className: "w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0", children: _jsx(SolidSelect, { value: rule.matchMode, native: false, onChange: function (e) {
                         onChange(rule.id, 'matchMode', e.value);
-                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "p-inputtext-sm w-full" }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
+                    }, options: filterMatchModeOptions, optionLabel: 'label', optionValue: 'value', placeholder: "Select Operator", className: "w-full solid-filter-compact-control" }) }), _jsx("div", { className: 'flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0', children: _jsx(SolidVarInputsFilterElement, { values: rule.value, onChange: function (e) {
                         onChange(rule.id, 'value', e);
                     }, numberOfInputs: numberOfInputs, inputType: InputTypes.Text, fieldMetadata: fieldMetadata }) })] }));
 };