@solidxai/core-ui 0.0.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidManyToManyFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToManyFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAAC,EAKvC;QAJF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,aAAa,mBAAA;IAGb,IAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC1E,IAAA,4BAA4B,GAAK,SAAS,6BAAd,CAAe;IAC5C,IAAA,uBAAuB,GAAI,4BAA4B,EAAE,GAAlC,CAAmC;IAE3D,IAAA,KAAgC,QAAQ,CAAQ,EAAE,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAC;IAE1D,IAAM,MAAM,GAAG,UAAO,KAAgC;;;;;;;oBAC5C,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,OAAO;4BACH,GAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,IAAG;gCAChD,UAAU,EAAE,KAAK,CAAC,KAAK;6BAC1B;+BACJ;qBACJ,CAAC;oBAEI,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;oBACpD,qBAAM,uBAAuB,CAAC,QAAQ,CAAC,EAAA;;oBAAlD,QAAQ,GAAG,SAAuC;oBAExD,IAAI,QAAQ,CAAC,IAAI,EAAE;wBACf,cAAc,CACV,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;4BACtC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;4BAC1D,KAAK,EAAE,IAAI,CAAC,EAAE;yBACjB,CAAC,EAHuC,CAGvC,CAAC,CACN,CAAC;qBACL;;;;SACJ,CAAC;IAGF,OAAO,CACH,KAAC,YAAY;IACT,WAAW;;QAAX,WAAW;QACX,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,UAAC,CAAC;YACR,6DAA6D;YAC7D,oCAAoC;YACpC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;QAChC,CAAC,EACD,WAAW,EAAE,iBAAU,aAAa,CAAC,WAAW,CAAE,EAClD,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAC;AACN,CAAC,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidManyToOneFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEnF,IAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC1E,IAAA,4BAA4B,GAAK,SAAS,6BAAd,CAAe;IAC5C,IAAA,uBAAuB,GAAI,4BAA4B,EAAE,GAAlC,CAAmC;IAE3D,IAAA,KAA4C,QAAQ,CAAC,EAAE,CAAC,EAAvD,iBAAiB,QAAA,EAAE,oBAAoB,QAAgB,CAAC;IAC/D,IAAM,kBAAkB,GAAG,UAAO,KAAgC;;;;;;;oBAGxD,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,OAAO;4BACH,GAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,IAAG;gCAChD,UAAU,EAAE,KAAK,CAAC,KAAK;6BAC1B;+BACJ;qBACJ,CAAC;oBAEI,cAAc,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBAC3C,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAG0B,qBAAM,uBAAuB,CAAC,cAAc,CAAC,EAAA;;oBAApE,oBAAoB,GAAG,SAA6C;oBAGpE,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC;oBAEnD,IAAI,gBAAgB,EAAE;wBACZ,sBAAoB,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS;;4BAC7D,OAAO;gCACH,KAAK,EAAE,IAAI,CAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;gCAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;6BACpB,CAAA;wBACL,CAAC,CAAC,CAAC;wBACH,oBAAoB,CAAC,mBAAiB,CAAC,CAAC;qBAC3C;;;;SACJ,CAAA;IAED,OAAO,CACH,KAAC,YAAY,IACT,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,EAC9B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAA;AACL,CAAC,CAAA"}

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

@@ -0,0 +1,61 @@
+
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+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
+            dropdown
+            field="label"
+            value={value}
+            suggestions={autoCompleteItems}
+            completeMethod={autoCompleteSearch}
+            onChange={(e) => updateInputs(index, e.value)}
+            className="w-full"
+            inputClassName="w-full p-inputtext-sm"
+        />
+    )
+}

package/dist/components/core/filter/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/filter/SolidSelectionDynamicFilterElement.d.ts.map

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

package/dist/components/core/filter/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 { AutoComplete } from "primereact/autocomplete";
+import { useState } from "react";
+import qs from "qs";
+import { useLazyGetSelectionDynamicValuesQuery } from "../../../redux/api/fieldApi";
+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,
+                        fieldId: 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, suggestions: selectionDynamicItems, completeMethod: selectionDynamicSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "w-full", inputClassName: "w-full p-inputtext-sm" }));
+};
+//# sourceMappingURL=SolidSelectionDynamicFilterElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionDynamicFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,qCAAqC,EAAE,MAAM,6BAA6B,CAAC;AAGpF,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAG1F,oCAAoC;IAC7B,IAAA,gCAAgC,GAAI,qCAAqC,EAAE,GAA3C,CAA4C;IAC7E,IAAA,KAAoD,QAAQ,CAAC,EAAE,CAAC,EAA/D,qBAAqB,QAAA,EAAE,wBAAwB,QAAgB,CAAC;IACvE,IAAM,sBAAsB,GAAG,UAAO,KAAgC;;;;;oBAG5D,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,OAAO,EAAE,aAAa,CAAC,EAAE;qBAC5B,CAAC;oBAEI,IAAI,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBACjC,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAGgB,qBAAM,gCAAgC,CAAC,IAAI,CAAC,EAAA;;oBAAzD,UAAU,GAAG,SAA4C;oBAGzD,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;oBAEpC,aAAa;oBACb,wBAAwB,CAAC,MAAM,CAAC,CAAC;;;;SACpC,CAAA;IAGD,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,sBAAsB,EACtC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAA;AACL,CAAC,CAAA"}

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

@@ -0,0 +1,50 @@
+import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
+import { useState } from "react";
+import qs from "qs";
+import { useLazyGetSelectionDynamicValuesQuery } from "../../../redux/api/fieldApi";
+
+
+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,
+            fieldId: 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
+            suggestions={selectionDynamicItems}
+            completeMethod={selectionDynamicSearch}
+            onChange={(e) => updateInputs(index, e.value)}
+            className="w-full"
+            inputClassName="w-full p-inputtext-sm"
+        />
+    )
+}

package/dist/components/core/filter/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/filter/SolidSelectionStaticFilterElement.d.ts.map

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

package/dist/components/core/filter/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, suggestions: selectionStaticItems, completeMethod: selectionStaticSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "w-full", inputClassName: "w-full p-inputtext-sm" }));
+};
+//# sourceMappingURL=SolidSelectionStaticFilterElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionStaticFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEzF,oCAAoC;IAC9B,IAAA,KAAkD,QAAQ,CAAC,EAAE,CAAC,EAA7D,oBAAoB,QAAA,EAAE,uBAAuB,QAAgB,CAAC;IACrE,IAAM,qBAAqB,GAAG,UAAC,KAAgC;QAC3D,IAAM,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,CAAC,GAAG,CAAC,UAAC,CAAS;YAC1E,OAAO;gBACH,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACzB,CAAA;QACL,CAAC,CAAC,CAAC;QACH,IAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAA3D,CAA2D,CAAC,CAAC;QAC3H,uBAAuB,CAAC,cAAc,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,WAAW,EAAE,oBAAoB,EACjC,cAAc,EAAE,qBAAqB,EACrC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAA;AACL,CAAC,CAAA"}

package/dist/components/core/filter/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
+            suggestions={selectionStaticItems}
+            completeMethod={selectionStaticSearch}
+            onChange={(e) => updateInputs(index, e.value)}
+            className="w-full"
+            inputClassName="w-full p-inputtext-sm"
+        />
+    )
+}

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

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

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

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

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

@@ -0,0 +1,90 @@
+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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Calendar } from "primereact/calendar";
+import { InputNumber } from "primereact/inputnumber";
+import { InputText } from "primereact/inputtext";
+import { useEffect, useState } from "react";
+import { SolidManyToOneFilterElement } from "./SolidManyToOneFilterElement";
+import { SolidSelectionDynamicFilterElement } from "./SolidSelectionDynamicFilterElement";
+import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
+import { Button } from "primereact/button";
+import { SolidManyToManyFilterElement } from "./SolidManyToManyFilterElement";
+import { SolidBooleanFilterElement } from "./SolidBooleanFilterElement";
+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["RelationManyToMany"] = "RelationManyToMany";
+    InputTypes["SelectionDynamic"] = "SelectionDynamic";
+    InputTypes["Boolean"] = "Boolean";
+})(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, 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(_Fragment, { children: inputs && inputs.map(function (value, index) { return (_jsx("div", { className: "flex", children: numberOfInputs === 0 ?
+                _jsx(_Fragment, {})
+                :
+                    _jsxs(_Fragment, { children: [inputType === InputTypes.Text &&
+                                _jsx(InputText, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "", className: 'w-full p-inputtext-sm' }), inputType === InputTypes.Numeric &&
+                                _jsx(InputNumber, { value: value, onChange: function (e) { return updateInputs(index, e.value); }, placeholder: "", className: 'w-full p-inputtext-sm' }), inputType === InputTypes.Date &&
+                                _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, dateFormat: "mm/dd/yy", placeholder: "mm/dd/yyyy", mask: "99/99/9999", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.DateTime &&
+                                _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, dateFormat: "mm/dd/yy", placeholder: "mm/dd/yyyy hh:mm", mask: "99/99/9999 99:99", showTime: true, hourFormat: "24", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.Time &&
+                                _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "hh:mm", mask: "99:99", timeOnly: true, hourFormat: "24", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.RelationManyToOne &&
+                                _jsx(SolidManyToOneFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.RelationManyToMany &&
+                                _jsx(SolidManyToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionDynamic &&
+                                _jsx(SolidSelectionDynamicFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionStatic &&
+                                _jsx(SolidSelectionStaticFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.Boolean &&
+                                _jsx(SolidBooleanFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), numberOfInputs === null &&
+                                _jsxs(_Fragment, { children: [_jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-plus", size: 'small', onClick: function () { return addInput(); }, className: 'solid-filter-action-btn' }), _jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-trash", size: 'small', onClick: function () { return deleteInput(index); }, className: 'solid-filter-action-btn' })] })] }) })); }) }));
+};
+//# sourceMappingURL=SolidVarInputsFilterElement.js.map