@solidxai/core-ui 0.1.13-beta.2 → 0.1.13-beta.4

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

@@ -0,0 +1,59 @@
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { InputTypes } from "./SolidVarInputsFilterElement"
+import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
+import { useState } from "react";
+import qs from "qs";
+
+
+export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
+
+    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+    const { useLazyGetSolidEntitiesQuery } = entityApi;
+    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
+
+    const [autoCompleteItems, setAutoCompleteItems] = useState([]);
+    const autoCompleteSearch = async (event: AutoCompleteCompleteEvent) => {
+
+        // Get the list view layout & metadata first. 
+        const queryData = {
+            offset: 0,
+            limit: 10,
+            filters: {
+                [fieldMetadata?.relationModel?.userKeyField?.name]: {
+                    $containsi: event.query
+                }
+            }
+        };
+
+        const autocompleteQs = qs.stringify(queryData, {
+            encodeValuesOnly: true,
+        });
+
+        // TODO: do error handling here, possible errors like modelname is incorrect etc...
+        const autocompleteResponse = await triggerGetSolidEntities(autocompleteQs);
+
+        // TODO: if no data found then can we show no matching "entities", where entities can be replaced with the model plural name,
+        const autocompleteData = autocompleteResponse.data;
+
+        if (autocompleteData) {
+            const autoCompleteItems = autocompleteData.records.map((item: any) => {
+                return {
+                    label: item[fieldMetadata?.relationModel?.userKeyField?.name],
+                    value: item['id']
+                }
+            });
+            setAutoCompleteItems(autoCompleteItems);
+        }
+    }
+
+    return (
+        <AutoComplete
+            field="label"
+            value={value}
+            suggestions={autoCompleteItems}
+            completeMethod={autoCompleteSearch}
+            onChange={(e) => updateInputs(index, e.value)}
+            className="solid-standard-autocomplete"
+        />
+    )
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionDynamicFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kCAAkC,kDAAmD,GAAG,4CA0CpG,CAAA"}

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

@@ -0,0 +1,73 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLazyGetSelectionDynamicValuesQuery } from "../../../redux/api/fieldApi";
+import { AutoComplete } from "primereact/autocomplete";
+import qs from "qs";
+import { useState } from "react";
+export var SolidSelectionDynamicFilterElement = function (_a) {
+    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    // selection dynamic specific code. 
+    var triggerGetSelectionDynamicValues = useLazyGetSelectionDynamicValuesQuery()[0];
+    var _b = useState([]), selectionDynamicItems = _b[0], setSelectionDynamicItems = _b[1];
+    var selectionDynamicSearch = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var queryData, sdQs, sdResponse, sdData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    queryData = {
+                        offset: 0,
+                        limit: 10,
+                        query: event.query,
+                        id: fieldMetadata.id
+                    };
+                    sdQs = qs.stringify(queryData, {
+                        encodeValuesOnly: true,
+                    });
+                    return [4 /*yield*/, triggerGetSelectionDynamicValues(sdQs)];
+                case 1:
+                    sdResponse = _a.sent();
+                    sdData = sdResponse.data.data;
+                    // @ts-ignore
+                    setSelectionDynamicItems(sdData);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(AutoComplete, { field: "label", value: value, dropdown: true, className: "w-full solid-standard-autocomplete", suggestions: selectionDynamicItems, completeMethod: selectionDynamicSearch, onChange: function (e) { return updateInputs(index, e.value); } }));
+};
+//# sourceMappingURL=SolidSelectionDynamicFilterElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionDynamicFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,qCAAqC,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAG1F,oCAAoC;IAC7B,IAAA,gCAAgC,GAAI,qCAAqC,EAAE,GAA3C,CAA4C;IAC7E,IAAA,KAAoD,QAAQ,CAAC,EAAE,CAAC,EAA/D,qBAAqB,QAAA,EAAE,wBAAwB,QAAgB,CAAC;IACvE,IAAM,sBAAsB,GAAG,UAAO,KAAgC;;;;;oBAG5D,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,EAAE,EAAE,aAAa,CAAC,EAAE;qBACvB,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,CAEH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,SAAS,EAAC,oCAAoC,EAC9C,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,sBAAsB,EACtC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,GAAI,CACxD,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { useLazyGetSelectionDynamicValuesQuery } from \"../../../redux/api/fieldApi\";\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport qs from \"qs\";\nimport { useState } from \"react\";\n\n\nexport const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n\n    // selection dynamic specific code. \n    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();\n    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);\n    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            query: event.query,\n            id: 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\n        <AutoComplete\n            field=\"label\"\n            value={value}\n            dropdown\n            className=\"w-full solid-standard-autocomplete\"\n            suggestions={selectionDynamicItems}\n            completeMethod={selectionDynamicSearch}\n            onChange={(e) => updateInputs(index, e.value)} />\n    )\n}"]}

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

@@ -0,0 +1,50 @@
+
+import { useLazyGetSelectionDynamicValuesQuery } from "../../../redux/api/fieldApi";
+import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
+import qs from "qs";
+import { useState } from "react";
+
+
+export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
+
+
+    // selection dynamic specific code. 
+    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();
+    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);
+    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {
+
+        // Get the list view layout & metadata first. 
+        const queryData = {
+            offset: 0,
+            limit: 10,
+            query: event.query,
+            id: fieldMetadata.id
+        };
+
+        const sdQs = qs.stringify(queryData, {
+            encodeValuesOnly: true,
+        });
+
+        // TODO: do error handling here, possible errors like modelname is incorrect etc...
+        const sdResponse = await triggerGetSelectionDynamicValues(sdQs);
+
+        // TODO: if no data found then can we show no matching "entities", where entities can be replaced with the model plural name,
+        const sdData = sdResponse.data.data;
+
+        // @ts-ignore
+        setSelectionDynamicItems(sdData);
+    }
+
+
+    return (
+
+        <AutoComplete
+            field="label"
+            value={value}
+            dropdown
+            className="w-full solid-standard-autocomplete"
+            suggestions={selectionDynamicItems}
+            completeMethod={selectionDynamicSearch}
+            onChange={(e) => updateInputs(index, e.value)} />
+    )
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionStaticFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,iCAAiC,kDAAmD,GAAG,4CA0BnG,CAAA"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AutoComplete } from "primereact/autocomplete";
+import { useState } from "react";
+export var SolidSelectionStaticFilterElement = function (_a) {
+    var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    // selection dynamic specific code. 
+    var _b = useState([]), selectionStaticItems = _b[0], setSelectionStaticItems = _b[1];
+    var selectionStaticSearch = function (event) {
+        var selectionStaticData = fieldMetadata.selectionStaticValues.map(function (i) {
+            return {
+                label: i.split(":")[1],
+                value: i.split(":")[0]
+            };
+        });
+        var suggestionData = selectionStaticData.filter(function (t) { return t.value.toLowerCase().startsWith(event.query.toLowerCase()); });
+        setSelectionStaticItems(suggestionData);
+    };
+    return (_jsx(AutoComplete, { field: "label", value: value, dropdown: true, className: "w-full solid-standard-autocomplete", suggestions: selectionStaticItems, completeMethod: selectionStaticSearch, onChange: function (e) { return updateInputs(index, e.value); } }));
+};
+//# sourceMappingURL=SolidSelectionStaticFilterElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionStaticFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEzF,oCAAoC;IAC9B,IAAA,KAAkD,QAAQ,CAAC,EAAE,CAAC,EAA7D,oBAAoB,QAAA,EAAE,uBAAuB,QAAgB,CAAC;IACrE,IAAM,qBAAqB,GAAG,UAAC,KAAgC;QAC3D,IAAM,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,CAAC,GAAG,CAAC,UAAC,CAAS;YAC1E,OAAO;gBACH,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACzB,CAAA;QACL,CAAC,CAAC,CAAC;QACH,IAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAA3D,CAA2D,CAAC,CAAC;QAC3H,uBAAuB,CAAC,cAAc,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CAEH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,SAAS,EAAC,oCAAoC,EAC9C,WAAW,EAAE,oBAAoB,EACjC,cAAc,EAAE,qBAAqB,EACrC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,GAAI,CACxD,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useState } from \"react\";\n\n\nexport const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n    // selection dynamic specific code. \n    const [selectionStaticItems, setSelectionStaticItems] = useState([]);\n    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {\n        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {\n            return {\n                label: i.split(\":\")[1],\n                value: i.split(\":\")[0]\n            }\n        });\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));\n        setSelectionStaticItems(suggestionData)\n    }\n\n    return (\n\n        <AutoComplete\n            field=\"label\"\n            value={value}\n            dropdown\n            className=\"w-full solid-standard-autocomplete\"\n            suggestions={selectionStaticItems}\n            completeMethod={selectionStaticSearch}\n            onChange={(e) => updateInputs(index, e.value)} />\n    )\n}"]}

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

@@ -0,0 +1,32 @@
+
+import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
+import { useState } from "react";
+
+
+export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
+
+    // selection dynamic specific code. 
+    const [selectionStaticItems, setSelectionStaticItems] = useState([]);
+    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {
+        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {
+            return {
+                label: i.split(":")[1],
+                value: i.split(":")[0]
+            }
+        });
+        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));
+        setSelectionStaticItems(suggestionData)
+    }
+
+    return (
+
+        <AutoComplete
+            field="label"
+            value={value}
+            dropdown
+            className="w-full solid-standard-autocomplete"
+            suggestions={selectionStaticItems}
+            completeMethod={selectionStaticSearch}
+            onChange={(e) => updateInputs(index, e.value)} />
+    )
+}

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

@@ -0,0 +1,12 @@
+export declare enum InputTypes {
+    Date = "Date",
+    DateTime = "DateTime",
+    Time = "Time",
+    Numeric = "Numeric",
+    Text = "Text",
+    SelectionStatic = "SelectionStatic",
+    RelationManyToOne = "RelationManyToOne",
+    SelectionDynamic = "SelectionDynamic"
+}
+export declare const SolidVarInputsFilterElement: ({ values, onChange, inputType, numberOfInputs, solidKanbanViewMetaData, fieldMetadata }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidVarInputsFilterElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidVarInputsFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"AAUA,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,iBAAiB,sBAAsB;IACvC,gBAAgB,qBAAqB;CACxC;AAID,eAAO,MAAM,2BAA2B,4FAAsH,GAAG,4CAgKhK,CAAA"}

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

@@ -0,0 +1,81 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "primereact/button";
+import { Calendar } from "primereact/calendar";
+import { InputNumber } from "primereact/inputnumber";
+import { InputText } from "primereact/inputtext";
+import { useEffect, useState } from "react";
+import { SolidManyToOneFilterElement } from "./SolidManyToOneFilterElement";
+import { SolidSelectionDynamicFilterElement } from "./SolidSelectionDynamicFilterElement";
+import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
+export var InputTypes;
+(function (InputTypes) {
+    InputTypes["Date"] = "Date";
+    InputTypes["DateTime"] = "DateTime";
+    InputTypes["Time"] = "Time";
+    InputTypes["Numeric"] = "Numeric";
+    InputTypes["Text"] = "Text";
+    InputTypes["SelectionStatic"] = "SelectionStatic";
+    InputTypes["RelationManyToOne"] = "RelationManyToOne";
+    InputTypes["SelectionDynamic"] = "SelectionDynamic";
+})(InputTypes || (InputTypes = {}));
+// Based on numberOfInputs map the input filed and hide add and delete 
+export var SolidVarInputsFilterElement = function (_a) {
+    var values = _a.values, onChange = _a.onChange, _b = _a.inputType, inputType = _b === void 0 ? InputTypes.Text : _b, _c = _a.numberOfInputs, numberOfInputs = _c === void 0 ? null : _c, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata;
+    if (!values) {
+        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        // values = [''];
+    }
+    else {
+        if (values[0] == '') {
+            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        }
+        else {
+            values = values;
+        }
+    }
+    // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.
+    var _d = useState(__spreadArray([], values, true)), inputs = _d[0], setInputs = _d[1];
+    useEffect(function () {
+        setInputs(__spreadArray([], values, true));
+    }, [numberOfInputs]);
+    var updateInputs = function (index, value) {
+        var updatedSpecification = inputs.map(function (item, i) {
+            return i === index ? value : item;
+        });
+        setInputs(updatedSpecification);
+    };
+    var addInput = function () {
+        setInputs(__spreadArray(__spreadArray([], inputs, true), [''], false));
+    };
+    var deleteInput = function (index) {
+        if (inputs.length > 1) {
+            var updatedRows = inputs.filter(function (_, rowIndex) { return rowIndex !== index; });
+            setInputs(updatedRows);
+        }
+        else {
+        }
+    };
+    useEffect(function () {
+        onChange(inputs);
+    }, [inputs]);
+    return (_jsx("div", { className: "grid formgrid", children: _jsx("div", { className: "col-12", children: _jsx("div", { className: "flex flex-column gap-2", children: inputs && inputs.map(function (value, index) { return (_jsxs("div", { className: "flex align-items-center gap-2", children: [inputType === InputTypes.Text &&
+                            _jsx(InputText, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "", className: "p-inputtext-sm small-input w-full" }), inputType === InputTypes.Numeric &&
+                            _jsx(InputNumber, { value: value, onChange: function (e) { return updateInputs(index, e.value); }, placeholder: "", className: "p-inputtext-sm small-input w-full" }), inputType === InputTypes.Date &&
+                            _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, dateFormat: "mm/dd/yy", placeholder: "mm/dd/yyyy", mask: "99/99/9999" }), inputType === InputTypes.DateTime &&
+                            _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, dateFormat: "mm/dd/yy", placeholder: "mm/dd/yyyy hh:mm", mask: "99/99/9999 99:99", showTime: true, hourFormat: "24" }), inputType === InputTypes.Time &&
+                            _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "hh:mm", mask: "99:99", timeOnly: true, hourFormat: "24" }), inputType === InputTypes.RelationManyToOne &&
+                            _jsx(SolidManyToOneFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionDynamic &&
+                            _jsx(SolidSelectionDynamicFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionStatic &&
+                            _jsx(SolidSelectionStaticFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), numberOfInputs === null &&
+                            _jsxs(_Fragment, { children: [_jsx(Button, { icon: "pi pi-plus", size: "small", className: "small-button", onClick: addInput, type: "button" }), _jsx(Button, { icon: "pi pi-trash", size: "small", className: "small-button", onClick: function () { return deleteInput(index); }, outlined: true, severity: "danger", type: "button" })] })] }, index)); }) }) }) }));
+};
+//# sourceMappingURL=SolidVarInputsFilterElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidVarInputsFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Button } from \"primereact/button\";\nimport { Calendar } from \"primereact/calendar\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { InputText } from \"primereact/inputtext\";\nimport { useEffect, useState } from \"react\";\nimport { SolidManyToOneFilterElement } from \"./SolidManyToOneFilterElement\";\nimport { SolidSelectionDynamicFilterElement } from \"./SolidSelectionDynamicFilterElement\";\nimport { SolidSelectionStaticFilterElement } from \"./SolidSelectionStaticFilterElement\";\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    SelectionDynamic = 'SelectionDynamic'\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, solidKanbanViewMetaData, fieldMetadata }: any) => {\n\n    if (!values) {\n        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n        // values = [''];\n    } else {\n        if (values[0] == '') {\n            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n        } else {\n\n            values = values\n        }\n    }\n\n    \n\n    // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.\n    const [inputs, setInputs] = useState([...values]);\n    useEffect(() => {\n        setInputs([...values])\n    }, [numberOfInputs])\n\n    const updateInputs = (index: number, value: any) => {\n        const updatedSpecification = inputs.map((item, i) =>\n            i === index ? value : item\n        );\n        setInputs(updatedSpecification);\n    };\n\n    const addInput = () => {\n        setInputs([...inputs, '']);\n    };\n\n    const deleteInput = (index: number) => {\n        if (inputs.length > 1) {\n            const updatedRows = inputs.filter((_, rowIndex) => rowIndex !== index);\n            setInputs(updatedRows);\n\n        } else {\n        }\n    };\n\n    useEffect(() => {\n        onChange(inputs)\n    }, [inputs])\n\n\n\n    return (\n        <div className=\"grid formgrid\">\n            <div className=\"col-12\">\n                <div className=\"flex flex-column gap-2\">\n                    {inputs && inputs.map((value: any, index: number) => (\n\n                        <div key={index} className=\"flex align-items-center gap-2\">\n\n                            {inputType === InputTypes.Text &&\n                                <InputText\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    placeholder=\"\"\n                                    className=\"p-inputtext-sm small-input w-full\"\n                                />\n                            }\n                            {inputType === InputTypes.Numeric &&\n                                <InputNumber\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.value)}\n                                    placeholder=\"\"\n                                    className=\"p-inputtext-sm small-input w-full\"\n                                />\n                            }\n                            {inputType === InputTypes.Date &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    dateFormat=\"mm/dd/yy\"\n                                    placeholder=\"mm/dd/yyyy\"\n                                    mask=\"99/99/9999\"\n                                />\n                            }\n                            {inputType === InputTypes.DateTime &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    dateFormat=\"mm/dd/yy\"\n                                    placeholder=\"mm/dd/yyyy hh:mm\"\n                                    mask=\"99/99/9999 99:99\"\n                                    showTime\n                                    hourFormat=\"24\"\n                                />\n                            }\n                            {inputType === InputTypes.Time &&\n                                <Calendar\n                                    value={value}\n                                    onChange={(e) => updateInputs(index, e.target.value)}\n                                    placeholder=\"hh:mm\"\n                                    mask=\"99:99\"\n                                    timeOnly\n                                    hourFormat=\"24\"\n                                />\n                            }\n                            {inputType === InputTypes.RelationManyToOne &&\n                                <SolidManyToOneFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidManyToOneFilterElement>\n                            }\n                            {inputType === InputTypes.SelectionDynamic &&\n                                <SolidSelectionDynamicFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidSelectionDynamicFilterElement>\n                            }\n                            {inputType === InputTypes.SelectionStatic &&\n\n                                <SolidSelectionStaticFilterElement\n                                    value={value}\n                                    index={index}\n                                    updateInputs={updateInputs}\n                                    fieldMetadata={fieldMetadata}\n                                ></SolidSelectionStaticFilterElement>\n                            }\n\n                            {numberOfInputs === null &&\n                                <>\n                                    {/* Plus Button to add a new row */}\n                                    < Button\n                                        icon=\"pi pi-plus\"\n                                        size=\"small\"\n                                        className=\"small-button\"\n                                        onClick={addInput}\n                                        type=\"button\"\n                                    />\n\n                                    {/* Trash Button to delete the row */}\n                                    <Button\n                                        icon=\"pi pi-trash\"\n                                        size=\"small\"\n                                        className=\"small-button\"\n                                        onClick={() => deleteInput(index)}\n                                        outlined\n                                        severity=\"danger\"\n                                        type=\"button\"\n                                    />\n                                </>\n                            }\n                        </div>\n\n                    ))}\n\n                </div>\n\n            </div>\n        </div>\n    )\n}"]}

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

@@ -0,0 +1,184 @@
+
+import { Button } from "primereact/button";
+import { Calendar } from "primereact/calendar";
+import { InputNumber } from "primereact/inputnumber";
+import { InputText } from "primereact/inputtext";
+import { useEffect, useState } from "react";
+import { SolidManyToOneFilterElement } from "./SolidManyToOneFilterElement";
+import { SolidSelectionDynamicFilterElement } from "./SolidSelectionDynamicFilterElement";
+import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
+
+export enum InputTypes {
+    Date = 'Date',
+    DateTime = 'DateTime',
+    Time = 'Time',
+    Numeric = 'Numeric',
+    Text = 'Text',
+    SelectionStatic = 'SelectionStatic',
+    RelationManyToOne = 'RelationManyToOne',
+    SelectionDynamic = 'SelectionDynamic'
+}
+
+
+// Based on numberOfInputs map the input filed and hide add and delete 
+export const SolidVarInputsFilterElement = ({ values, onChange, inputType = InputTypes.Text, numberOfInputs = null, solidKanbanViewMetaData, fieldMetadata }: any) => {
+
+    if (!values) {
+        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        // values = [''];
+    } else {
+        if (values[0] == '') {
+            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        } else {
+
+            values = values
+        }
+    }
+
+    
+
+    // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.
+    const [inputs, setInputs] = useState([...values]);
+    useEffect(() => {
+        setInputs([...values])
+    }, [numberOfInputs])
+
+    const updateInputs = (index: number, value: any) => {
+        const updatedSpecification = inputs.map((item, i) =>
+            i === index ? value : item
+        );
+        setInputs(updatedSpecification);
+    };
+
+    const addInput = () => {
+        setInputs([...inputs, '']);
+    };
+
+    const deleteInput = (index: number) => {
+        if (inputs.length > 1) {
+            const updatedRows = inputs.filter((_, rowIndex) => rowIndex !== index);
+            setInputs(updatedRows);
+
+        } else {
+        }
+    };
+
+    useEffect(() => {
+        onChange(inputs)
+    }, [inputs])
+
+
+
+    return (
+        <div className="grid formgrid">
+            <div className="col-12">
+                <div className="flex flex-column gap-2">
+                    {inputs && inputs.map((value: any, index: number) => (
+
+                        <div key={index} className="flex align-items-center gap-2">
+
+                            {inputType === InputTypes.Text &&
+                                <InputText
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.target.value)}
+                                    placeholder=""
+                                    className="p-inputtext-sm small-input w-full"
+                                />
+                            }
+                            {inputType === InputTypes.Numeric &&
+                                <InputNumber
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.value)}
+                                    placeholder=""
+                                    className="p-inputtext-sm small-input w-full"
+                                />
+                            }
+                            {inputType === InputTypes.Date &&
+                                <Calendar
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.target.value)}
+                                    dateFormat="mm/dd/yy"
+                                    placeholder="mm/dd/yyyy"
+                                    mask="99/99/9999"
+                                />
+                            }
+                            {inputType === InputTypes.DateTime &&
+                                <Calendar
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.target.value)}
+                                    dateFormat="mm/dd/yy"
+                                    placeholder="mm/dd/yyyy hh:mm"
+                                    mask="99/99/9999 99:99"
+                                    showTime
+                                    hourFormat="24"
+                                />
+                            }
+                            {inputType === InputTypes.Time &&
+                                <Calendar
+                                    value={value}
+                                    onChange={(e) => updateInputs(index, e.target.value)}
+                                    placeholder="hh:mm"
+                                    mask="99:99"
+                                    timeOnly
+                                    hourFormat="24"
+                                />
+                            }
+                            {inputType === InputTypes.RelationManyToOne &&
+                                <SolidManyToOneFilterElement
+                                    value={value}
+                                    index={index}
+                                    updateInputs={updateInputs}
+                                    fieldMetadata={fieldMetadata}
+                                ></SolidManyToOneFilterElement>
+                            }
+                            {inputType === InputTypes.SelectionDynamic &&
+                                <SolidSelectionDynamicFilterElement
+                                    value={value}
+                                    index={index}
+                                    updateInputs={updateInputs}
+                                    fieldMetadata={fieldMetadata}
+                                ></SolidSelectionDynamicFilterElement>
+                            }
+                            {inputType === InputTypes.SelectionStatic &&
+
+                                <SolidSelectionStaticFilterElement
+                                    value={value}
+                                    index={index}
+                                    updateInputs={updateInputs}
+                                    fieldMetadata={fieldMetadata}
+                                ></SolidSelectionStaticFilterElement>
+                            }
+
+                            {numberOfInputs === null &&
+                                <>
+                                    {/* Plus Button to add a new row */}
+                                    < Button
+                                        icon="pi pi-plus"
+                                        size="small"
+                                        className="small-button"
+                                        onClick={addInput}
+                                        type="button"
+                                    />
+
+                                    {/* Trash Button to delete the row */}
+                                    <Button
+                                        icon="pi pi-trash"
+                                        size="small"
+                                        className="small-button"
+                                        onClick={() => deleteInput(index)}
+                                        outlined
+                                        severity="danger"
+                                        type="button"
+                                    />
+                                </>
+                            }
+                        </div>
+
+                    ))}
+
+                </div>
+
+            </div>
+        </div>
+    )
+}

package/dist/components/core/kanban/kanban-fields/SolidBigintKanbanField.d.ts

@@ -0,0 +1,4 @@
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+declare const SolidBigintKanbanField: ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => import("react/jsx-runtime").JSX.Element;
+export default SolidBigintKanbanField;
+//# sourceMappingURL=SolidBigintKanbanField.d.ts.map

package/dist/components/core/kanban/kanban-fields/SolidBigintKanbanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidBigintKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidBigintKanbanField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAGvE,QAAA,MAAM,sBAAsB,kEAAkE,2BAA2B,4CAExH,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/core/kanban/kanban-fields/SolidBigintKanbanField.js

@@ -0,0 +1,7 @@
+import SolidIntKanbanField from './SolidIntKanbanField';
+var SolidBigintKanbanField = function (_a) {
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata, fieldLayout = _a.fieldLayout, data = _a.data;
+    return SolidIntKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+};
+export default SolidBigintKanbanField;
+//# sourceMappingURL=SolidBigintKanbanField.js.map

package/dist/components/core/kanban/kanban-fields/SolidBigintKanbanField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidBigintKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidBigintKanbanField.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,IAAM,sBAAsB,GAAG,UAAC,EAAyF;QAAvF,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAC,IAAI,UAAA;IACtF,OAAO,mBAAmB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAC,IAAI,MAAA,EAAE,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\nimport SolidIntKanbanField from './SolidIntKanbanField';\n\nconst SolidBigintKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {\n    return SolidIntKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data });\n};\n\nexport default SolidBigintKanbanField;"]}

package/dist/components/core/kanban/kanban-fields/SolidBigintKanbanField.tsx

@@ -0,0 +1,9 @@
+
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+import SolidIntKanbanField from './SolidIntKanbanField';
+
+const SolidBigintKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {
+    return SolidIntKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data });
+};
+
+export default SolidBigintKanbanField;

package/dist/components/core/kanban/kanban-fields/SolidBooleanKanbanField.d.ts

@@ -0,0 +1,4 @@
+import { SolidKanbanViewFieldsParams } from "../SolidKanbanViewFields";
+declare const SolidBooleanKanbanField: ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => import("react/jsx-runtime").JSX.Element;
+export default SolidBooleanKanbanField;
+//# sourceMappingURL=SolidBooleanKanbanField.d.ts.map

package/dist/components/core/kanban/kanban-fields/SolidBooleanKanbanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidBooleanKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidBooleanKanbanField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAEvE,QAAA,MAAM,uBAAuB,kEAAmE,2BAA2B,4CAQ1H,CAAC;AAEF,eAAe,uBAAuB,CAAC"}