@solidstarters/solid-core-ui 1.1.78 → 1.1.80

package/dist/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog } from "primereact/dialog";
+import { camelCase } from "lodash";
+import SolidFormView from "../../../../../../../components/core/form/SolidFormView";
+export var InlineRelationEntityDialog = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var visible = _a.visible, setVisible = _a.setVisible, fieldContext = _a.fieldContext, onCreate = _a.onCreate;
+    var fieldLayoutInfo = fieldContext.field;
+    var params = {
+        moduleName: fieldContext.fieldMetadata.relationModelModuleName,
+        id: "new",
+        embeded: true,
+        layout: (_b = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.inlineCreateLayout,
+        customCreateHandler: function (values) {
+            setVisible(false);
+            onCreate(values);
+        },
+        inlineCreateAutoSave: (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.inlineCreateAutoSave,
+        handlePopupClose: function () { return setVisible(false); },
+        modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName)
+    };
+    return (_jsx(Dialog, { visible: visible, showHeader: false, style: { width: (_g = (_f = (_e = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.inlineCreateLayout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : "60vw" }, onHide: function () { return setVisible(false); }, className: "solid-dialog", children: _jsx(SolidFormView, __assign({}, params)) }));
+};
+//# sourceMappingURL=InlineRelationEntityDialog.js.map

package/dist/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineRelationEntityDialog.js","sourceRoot":"","sources":["../../../../../../../../src/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAAoD;;QAAlD,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAE3C,IAAM,MAAM,GAAG;QACb,UAAU,EAAE,YAAY,CAAC,aAAa,CAAC,uBAAuB;QAC9D,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB;QAClD,mBAAmB,EAAE,UAAC,MAAW;YAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC;QACD,oBAAoB,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,oBAAoB;QAClE,gBAAgB,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;QACzC,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,2BAA2B,CAAC;KAC7E,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,MAAA,MAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB,0CAAE,KAAK,0CAAE,KAAK,mCAAI,MAAM,EAAE,EACpF,MAAM,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAC/B,SAAS,EAAC,cAAc,YAExB,KAAC,aAAa,eAAK,MAAM,EAAI,GACtB,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.js

@@ -0,0 +1,119 @@
+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 };
+    }
+};
+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 { useState } from "react";
+import qs from "qs";
+import { createSolidEntityApi } from "../../../../../../../redux/api/solidEntityApi";
+export var useRelationEntityHandler = function (_a) {
+    var fieldContext = _a.fieldContext, formik = _a.formik, _b = _a.autoCompleteLimit, autoCompleteLimit = _b === void 0 ? 1000 : _b;
+    var fieldMetadata = fieldContext.fieldMetadata;
+    var fieldLayoutInfo = fieldContext.field;
+    var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
+    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var _c = useState([]), autoCompleteItems = _c[0], setAutoCompleteItems = _c[1];
+    var fetchRelationEntities = function (query, limit) {
+        if (query === void 0) { query = ""; }
+        if (limit === void 0) { limit = autoCompleteLimit; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var queryData, autocompleteQs, response, data, mappedItems;
+            var _a;
+            var _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        queryData = {
+                            offset: 0,
+                            limit: limit,
+                            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': query
+                                },
+                                _a)
+                        };
+                        autocompleteQs = qs.stringify(queryData, { encodeValuesOnly: true });
+                        return [4 /*yield*/, triggerGetSolidEntities(autocompleteQs)];
+                    case 1:
+                        response = _d.sent();
+                        data = response.data;
+                        if (data) {
+                            mappedItems = data.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'],
+                                    original: item
+                                });
+                            });
+                            setAutoCompleteItems(mappedItems);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    var addNewRelation = function (values) {
+        var _a, _b;
+        var currentData = formik.values[fieldLayoutInfo.attrs.name] || [];
+        var jsonValues = Object.fromEntries(values.entries());
+        var newItem = {
+            label: jsonValues[(_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: "new",
+            original: jsonValues,
+        };
+        formik.setFieldValue(fieldLayoutInfo.attrs.name, __spreadArray(__spreadArray([], currentData, true), [newItem], false));
+        // Optionally add to autocomplete list
+        setAutoCompleteItems(function (prev) {
+            var exists = prev.some(function (item) { return item.label === newItem.label; });
+            return exists ? prev : __spreadArray(__spreadArray([], prev, true), [newItem], false);
+        });
+    };
+    return {
+        autoCompleteItems: autoCompleteItems,
+        fetchRelationEntities: fetchRelationEntities,
+        addNewRelation: addNewRelation
+    };
+};
+//# sourceMappingURL=useRelationEntityHandler.js.map

package/dist/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelationEntityHandler.js","sourceRoot":"","sources":["../../../../../../../../src/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.ts"],"names":[],"mappings":"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"}

package/dist/components/core/form/fields/widgets/SolidRelationFieldAvatarFormWidget.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AvatarWidget } from "../../../../../components/core/list/widgets/SolidRelationAvatarWidget";
+export var SolidRelationFieldAvatarFormWidget = function (_a) {
+    var _b, _c, _d;
+    var formik = _a.formik, fieldContext = _a.fieldContext;
+    var fieldMetadata = fieldContext.fieldMetadata;
+    var fieldLayoutInfo = fieldContext.field;
+    var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    var userKeyFieldName = (_d = (_c = fieldMetadata.relationModel) === null || _c === void 0 ? void 0 : _c.userKeyField) === null || _d === void 0 ? void 0 : _d.name;
+    var _e = useState([]), fieldValue = _e[0], setFieldValue = _e[1];
+    useEffect(function () {
+        var _a, _b;
+        console.log("fieldContext.data?.[fieldLayoutInfo.attrs.name]", (_a = fieldContext.data) === null || _a === void 0 ? void 0 : _a[fieldLayoutInfo.attrs.name]);
+        var value = (((_b = fieldContext.data) === null || _b === void 0 ? void 0 : _b[fieldLayoutInfo.attrs.name]) || []).map(function (item) { var _a; return ({ label: (_a = item[userKeyFieldName]) !== null && _a !== void 0 ? _a : '' }); });
+        if (Array.isArray(value)) {
+            if (value.length > 0) {
+                var data = value.map(function (v) { return v.label; });
+                setFieldValue(data);
+            }
+        }
+        if (value && !Array.isArray(value) && typeof value === "object") {
+            setFieldValue([value.label]);
+        }
+    }, [fieldContext]);
+    return (_jsxs("div", { className: "mt-2 flex-column", children: [_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel }), _jsx("div", { className: "flex flex-wrap gap-2 mt-2", children: fieldValue.map(function (v) { return (_jsx(AvatarWidget, { value: v })); }) })] }));
+};
+//# sourceMappingURL=SolidRelationFieldAvatarFormWidget.js.map

package/dist/components/core/form/fields/widgets/SolidRelationFieldAvatarFormWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRelationFieldAvatarFormWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidRelationFieldAvatarFormWidget.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO5C,OAAO,EAAE,YAAY,EAAE,MAAM,0DAA0D,CAAC;AAExF,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IAErE,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,gBAAgB,GAAG,MAAA,MAAA,aAAa,CAAC,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;IACnE,IAAA,KAA8B,QAAQ,CAAM,EAAE,CAAC,EAA9C,UAAU,QAAA,EAAE,aAAa,QAAqB,CAAC;IACtD,SAAS,CAAC;;QACN,OAAO,CAAC,GAAG,CAAC,iDAAiD,EAAC,MAAA,YAAY,CAAC,IAAI,0CAAG,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAE/G,IAAM,KAAK,GAAG,CAAC,CAAA,MAAA,YAAY,CAAC,IAAI,0CAAG,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,KAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,IAAS,YAAK,OAAA,CAAC,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,CAAC,mCAAI,EAAE,EAAE,CAAC,CAAA,EAAA,CAAC,CAAC;QACpI,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAEtB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClB,IAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC;gBAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;aACvB;SACJ;QACD,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7D,aAAa,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;SAChC;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAInB,OAAO,CACH,eAAK,SAAS,EAAC,kBAAkB,aAC7B,YAAG,SAAS,EAAC,kCAAkC,YAAE,UAAU,GAAK,EAChE,cAAK,SAAS,EAAC,2BAA2B,YACrC,UAAU,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CACxB,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,CAC7B,EAF2B,CAE3B,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAA"}

package/dist/components/core/form/widgets/CustomHtml.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import parse from 'html-react-parser';
+import Handlebars from "handlebars";
+export var CustomHtml = function (_a) {
+    var field = _a.field, formData = _a.formData, viewMetadata = _a.viewMetadata, fieldsMetadata = _a.fieldsMetadata;
+    var type = field.type, attrs = field.attrs, body = field.body, children = field.children;
+    // TODO: null check on this field required, show a proper error message on the UI suggesting that you are using a CustomHtml widget, however the html is not specified in the layout.
+    var html = attrs.html;
+    // TODO: run dompurify to avoid XSS attacks...
+    // TODO: assume the html is a handlebars template, we try to do variable replacement on it using formData.
+    var template = Handlebars.compile(html);
+    return (_jsx("div", { className: attrs.className, children: parse(template(formData)) }));
+};
+//# sourceMappingURL=CustomHtml.js.map

package/dist/components/core/form/widgets/CustomHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomHtml.js","sourceRoot":"","sources":["../../../../../src/components/core/form/widgets/CustomHtml.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAuE;QAArE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,cAAc,oBAAA;IAChE,IAAA,IAAI,GAA4B,KAAK,KAAjC,EAAE,KAAK,GAAqB,KAAK,MAA1B,EAAE,IAAI,GAAe,KAAK,KAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE5C,qLAAqL;IACrL,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAExB,8CAA8C;IAE9C,0GAA0G;IAC1G,IAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1C,OAAO,CAAC,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,YAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAO,CAAC,CAAA;AAC/E,CAAC,CAAA"}

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

@@ -0,0 +1,71 @@
+// @ts-nocheck
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DragDropContext } from "@hello-pangea/dnd";
+import KanbanColumn from "./KanbanColumn";
+import { Button } from "primereact/button";
+export var KanbanBoard = function (_a) {
+    var groupedView = _a.groupedView, kanbanViewData = _a.kanbanViewData, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, setKanbanViewData = _a.setKanbanViewData, handleLoadMore = _a.handleLoadMore, onDragEnd = _a.onDragEnd, handleSwimLanePagination = _a.handleSwimLanePagination, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl;
+    var _b = useState(true), loading = _b[0], setLoading = _b[1];
+    // State to manage the folded status of each column
+    var _c = useState({}), foldedStates = _c[0], setFoldedStates = _c[1];
+    // Fetch data from the API
+    // useEffect(() => {
+    //     const fetchData = async (): Promise<void> => {
+    //         try {
+    //             setLoading(true);
+    //             // const response = await axios.get<ApiResponse>(
+    //             //     "http://localhost:3000/api/blog/group-kanban/status",
+    //             //     {
+    //             //         headers: { accept: "*/*" },
+    //             //     }
+    //             // );
+    //             // setGroupedData(response.data.data.groupedData);
+    //             setGroupedData({});
+    //         } catch (error) {
+    //             console.error("Error fetching data:", error);
+    //         } finally {
+    //             setLoading(false);
+    //         }
+    //     };
+    //     fetchData();
+    // }, []);
+    // if (loading) {
+    //     return <div>Loading...</div>;
+    // }
+    // Toggle fold (not yet implemented)
+    var toggleFold = function (status) {
+        setFoldedStates(function (prevFoldedStates) {
+            var _a;
+            return (__assign(__assign({}, prevFoldedStates), (_a = {}, _a[status] = !prevFoldedStates[status], _a)));
+        });
+    };
+    // Render the Kanban board
+    return (
+    //@ts-ignore
+    _jsx("div", { className: "solid-kanban-board-wrapper", children: _jsx(DragDropContext, { onDragEnd: onDragEnd, children: _jsxs("div", { className: "flex gap-4 px-5 py-4 solid-kanban-board-scroll-context", children: [kanbanViewData.map(function (data) {
+                        var group = {
+                            label: data.groupName,
+                            count: data.groupData.meta.totalRecords,
+                            limit: data.groupData.meta.perPage,
+                            currentPage: data.groupData.meta.currentPage,
+                            folded: foldedStates[data.groupName] || false,
+                        };
+                        return (_jsx(KanbanColumn, { groupedView: groupedView, groupByField: data.groupName, group: group, solidKanbanViewMetaData: solidKanbanViewMetaData, groupData: data.groupData.records, toggleFold: toggleFold, handleLoadMore: handleLoadMore, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl }, data.groupName));
+                    }), groupedView !== false &&
+                        _jsx("div", { children: _jsx(Button, { size: "small", style: { textWrap: 'nowrap' }, text: true, onClick: handleSwimLanePagination, children: "Load More..." }) })] }) }) }));
+};
+export default KanbanBoard;
+//# sourceMappingURL=KanbanBoard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,156 @@
+// @ts-nocheck
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { SolidKanbanViewFields } from "./SolidKanbanViewFields";
+import { useRouter } from "next/navigation";
+import { Button } from "primereact/button";
+import { OverlayPanel } from "primereact/overlaypanel";
+// Render columns dynamically based on metadata
+var renderFieldsDynamically = function (field, data, solidKanbanViewMetaData, setLightboxUrls, setOpenLightbox, groupedView) {
+    if (!solidKanbanViewMetaData) {
+        return;
+    }
+    var solidView = solidKanbanViewMetaData.solidView;
+    var solidFieldsMetadata = solidKanbanViewMetaData.solidFieldsMetadata;
+    if (!solidView || !solidFieldsMetadata) {
+        return;
+    }
+    var fieldMetadata = solidFieldsMetadata[field.attrs.name];
+    var fieldLayout = field;
+    return SolidKanbanViewFields({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, groupedView: groupedView });
+    // return solidView.layout.children?.map((column: any) => {
+    //   const fieldMetadata = solidFieldsMetadata[column.attrs.name];
+    //   if (!fieldMetadata) {
+    //     return;
+    //   }
+    //   return SolidKanbanViewFields({ solidKanbanViewMetaData, fieldMetadata, column });
+    // });
+};
+var KanbanCard = function (_a) {
+    var data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, index = _a.index, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, groupedView = _a.groupedView;
+    var router = useRouter();
+    var SolidRow = function (_a) {
+        var children = _a.children, attrs = _a.attrs;
+        var className = attrs.className;
+        return (
+        // <div className={`row ${className}`}>
+        //   <div className="s_group">
+        //     <div>
+        //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
+        //       <div className="grid">{children}</div>
+        //     </div>
+        //   </div>
+        // </div>
+        _jsxs(_Fragment, { children: [attrs.label && _jsx("p", { className: "", children: attrs.label }), _jsx("div", { className: "row ".concat(className), children: children })] }));
+    };
+    var SolidColumn = function (_a) {
+        var children = _a.children, attrs = _a.attrs;
+        var className = attrs.className;
+        return (
+        // <div className={`${className}`}>
+        //   <div className="s_group">
+        //     <div>
+        //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
+        //       <div className="grid">{children}</div>
+        //     </div>
+        //   </div>
+        // </div>
+        _jsxs("div", { className: "".concat(className), children: [attrs.label && _jsx("p", { className: "", children: attrs.label }), children] }));
+    };
+    var SolidImage = function (_a) {
+        var children = _a.children, attrs = _a.attrs;
+        var className = attrs.className;
+        return (
+        // <div className={`${className}`}>
+        //   <div className="s_group">
+        //     <div>
+        //       {attrs.label && <p className="s_group_heading">{attrs.label}</p>}
+        //       <div className="grid">{children}</div>
+        //     </div>
+        //   </div>
+        // </div>
+        _jsxs("div", { className: "".concat(className), children: [attrs.label && _jsx("p", { className: "", children: attrs.label }), children] }));
+    };
+    var SolidField = function (_a) {
+        var field = _a.field, data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData;
+        return renderFieldsDynamically(field, data, solidKanbanViewMetaData, setLightboxUrls, setOpenLightbox, groupedView);
+        // switch (solidKanbanViewMetaData[field.attrs.name].type) {
+        //   case "mediaSingle":
+        //     return <img src=""></img>
+        //   default:
+        //     return <p>{initialEntityData[field.attrs.name]}</p>
+        // }
+    };
+    var SolidCard = function (_a) {
+        var children = _a.children;
+        return (_jsx("div", { className: "p-fluid p-grid", children: children }));
+    };
+    // Now render the form dynamically...
+    var renderFormElementDynamically = function (element, solidKanbanViewMetaData) {
+        var type = element.type, attrs = element.attrs, children = element.children;
+        // const key = attrs?.name ?? generateRandomKey();
+        var key = attrs === null || attrs === void 0 ? void 0 : attrs.name;
+        switch (type) {
+            case "card":
+                return _jsx(SolidCard, { children: children.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); }) }, key);
+            case "row":
+                return _jsx(SolidRow, { attrs: attrs, children: children.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); }) }, key);
+            case "column":
+                return _jsx(SolidColumn, { attrs: attrs, children: children.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); }) }, key);
+            case "image":
+                return _jsx(SolidImage, { attrs: attrs, children: children.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); }) }, key);
+            case "field": {
+                // const fieldMetadata = solidFieldsMetadata[attrs.name];
+                var fieldMetadata = solidKanbanViewMetaData.solidFieldsMetadata[attrs.name];
+                return _jsx(SolidField, { field: element, fieldMetadata: fieldMetadata, data: data ? data : null, solidKanbanViewMetaData: solidKanbanViewMetaData }, key);
+            }
+            default:
+                return null;
+        }
+    };
+    var renderFormDynamically = function (solidKanbanViewMetaData) {
+        if (!solidKanbanViewMetaData) {
+            return;
+        }
+        var solidView = solidKanbanViewMetaData.solidView;
+        var solidFieldsMetadata = solidKanbanViewMetaData.solidFieldsMetadata;
+        if (!solidView || !solidFieldsMetadata) {
+            return;
+        }
+        if (!solidView || !solidFieldsMetadata) {
+            return;
+        }
+        var updatedLayout = solidView.layout.children;
+        var dynamicForm = updatedLayout.map(function (element) { return renderFormElementDynamically(element, solidKanbanViewMetaData); });
+        return dynamicForm;
+    };
+    var kanbanActionRef = useRef(null);
+    var renderKanbanAction = function (data, groupedView) {
+        return (_jsxs("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: [_jsx(Button, { size: "small", text: true, className: "text-sm p-0", icon: "pi pi-ellipsis-v", onClick: function (e) { return kanbanActionRef.current.toggle(e); }, style: { width: 25, height: 25 } }), _jsx(OverlayPanel, { ref: kanbanActionRef, className: "solid-custom-overlay", children: _jsxs("div", { className: "flex flex-column", children: [_jsx(Button, { type: "button", className: "w-8rem text-left gap-1", label: "Edit", size: "small", iconPos: "left", text: true, icon: "pi pi-pencil", onClick: function () { return router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id)); } }), !groupedView &&
+                                _jsx("a", { href: data === null || data === void 0 ? void 0 : data.relativeUri, download: data === null || data === void 0 ? void 0 : data.originalFileName, target: "_blank", rel: "noopener noreferrer", children: _jsx(Button, { type: "button", className: "w-8rem text-left gap-1", label: "Download", size: "small", iconPos: "left", icon: "pi pi-download" }) })] }) })] }));
+    };
+    return (_jsx(Draggable, { draggableId: String(data.id), index: index, isDragDisabled: !groupedView, children: function (provided, snapshot) { return (_jsx("div", __assign({ className: "", ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: __assign({ marginTop: "1rem" }, provided.draggableProps.style), className: "kanban-card-container", children: _jsxs("div", { style: {
+                    opacity: snapshot.isDragging ? 0.9 : 1,
+                    transform: snapshot.isDragging ? "rotate(-2deg)" : "",
+                    cursor: 'pointer'
+                }, elevation: snapshot.isDragging ? 3 : 1, className: "".concat(!groupedView ? 'solid-media-card' : 'solid-kanban-card'), onClick: function () {
+                    if (typeof window !== "undefined") {
+                        sessionStorage.setItem("fromView", "kanban");
+                    }
+                    router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
+                }, children: [renderKanbanAction(data, groupedView), renderFormDynamically(solidKanbanViewMetaData)] }) }))); } }));
+};
+export default KanbanCard;
+//# sourceMappingURL=KanbanCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+// @ts-nocheck
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Droppable } from "@hello-pangea/dnd";
+import { Button } from "primereact/button";
+import KanbanCard from "./KanbanCard";
+import { OverlayPanel } from "primereact/overlaypanel";
+var KanbanColumn = function (_a) {
+    var groupedView = _a.groupedView, groupByField = _a.groupByField, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, group = _a.group, groupData = _a.groupData, toggleFold = _a.toggleFold, handleLoadMore = _a.handleLoadMore, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl;
+    var op = useRef(null);
+    return (_jsxs("div", { className: group.folded ? (groupedView === false ? "kanban-column kanban-ungrouped-column kanban-column-folded" : "kanban-column kanban-column-folded") : (groupedView === false ? "kanban-column kanban-ungrouped-column" : "kanban-column"), children: [groupedView !== false &&
+                _jsxs("div", { className: "kaban-heading-area", children: [group.folded &&
+                            _jsx("a", { onClick: function (e) { return toggleFold(groupByField); }, children: _jsxs("div", { className: "flex align-items-center", children: [_jsxs("div", { className: "kanban-arrow-icon-container", children: [_jsx("i", { className: "pi pi-sort-up-fill" }), _jsx("i", { className: "pi pi-sort-down-fill" })] }), _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] })] }) }), !group.folded &&
+                            _jsx("div", { className: "flex align-items-center", children: _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] }) }), !group.folded &&
+                            _jsx(Button, { onClick: function (e) { var _a; return (_a = op === null || op === void 0 ? void 0 : op.current) === null || _a === void 0 ? void 0 : _a.toggle(e); }, icon: 'pi pi-cog', text: true, className: "p-0 kanban-column-cogwheel", rounded: true, severity: "secondary" }), _jsx(OverlayPanel, { ref: op, className: "kanban-options-panel", children: _jsx("div", { className: "w-full md:w-10rem p-menu p-component", "data-pc-name": "menu", "data-pc-section": "root", children: _jsx("ul", { className: "p-menu-list p-reset", id: "pr_id_11_list", role: "menu", "data-pc-section": "menu", children: _jsx("li", { className: "p-menuitem", role: "menuitem", "data-pc-section": "menuitem", "data-p-focused": "false", "data-p-disabled": "false", children: _jsxs("button", { className: "p-menuitem-link w-full p-link flex align-items-center pl-2 text-color hover:surface-200 border-noround", children: [_jsx("div", { className: "mr-2 p-avatar p-component p-avatar-image p-avatar-circle", "data-pc-name": "avatar", "data-pc-section": "root" }), _jsx("div", { className: "flex flex-column align", children: _jsx("a", { className: "flex align-items-center p-menuitem-link", onClick: function (e) { var _a; toggleFold(groupByField); (_a = op === null || op === void 0 ? void 0 : op.current) === null || _a === void 0 ? void 0 : _a.toggle(e); }, children: _jsx("span", { className: "", children: "Fold" }) }) })] }) }) }) }) })] }), !group.folded && (_jsx(Droppable, { droppableId: groupByField, isDropDisable: !groupedView, children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.droppableProps, { style: { minHeight: "100px" }, className: groupedView === false && "kanban-ungrouped-column-content", children: [groupData.map(function (data, index) { return (_jsx(KanbanCard, { groupedView: groupedView, data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl }, data.id)); }), provided.placeholder, group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
+                            _jsx(Button, { text: true, className: "kaban-load-more", size: "small", onClick: function () { return handleLoadMore(groupByField); }, label: "Load more data... ( ".concat(group.count - (group.limit * group.currentPage), " remaining)") })] }))); } }))] }));
+};
+export default KanbanColumn;
+//# sourceMappingURL=KanbanColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanColumn.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAAA,cAAc;AACd,YAAY,CAAC;;;;;;;;;;;;;AAGb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAqB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AA4BvD,IAAM,YAAY,GAAG,UAAC,EAAwK;QAAtK,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,uBAAuB,6BAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA,EAAE,aAAa,mBAAA;IACvK,IAAM,EAAE,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAG7B,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,4DAA4D,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,eAAe,CAAC,aAC/O,WAAW,KAAK,KAAK;gBACpB,eAAK,SAAS,EAAC,oBAAoB,aAChC,KAAK,CAAC,MAAM;4BACX,YAAG,OAAO,EAAE,UAAA,CAAC,IAAI,OAAA,UAAU,CAAC,YAAY,CAAC,EAAxB,CAAwB,YACvC,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,YAAG,SAAS,EAAC,oBAAoB,GAAK,EACtC,YAAG,SAAS,EAAC,sBAAsB,GAAK,IACpC,EACN,aAAG,SAAS,EAAC,sBAAsB,aAAE,UAAG,KAAK,CAAC,KAAK,CAAE,EAAC,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,CAAC,KAAK,GAAQ,IAAI,IAC/G,GACJ,EAGL,CAAC,KAAK,CAAC,MAAM;4BACZ,cAAK,SAAS,EAAC,yBAAyB,YACtC,aAAG,SAAS,EAAC,sBAAsB,aAAE,UAAG,KAAK,CAAC,KAAK,CAAE,EAAC,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,CAAC,KAAK,GAAQ,IAAI,GAC/G,EAEP,CAAC,KAAK,CAAC,MAAM;4BACZ,KAAC,MAAM,IACL,OAAO,EAAE,UAAC,CAAM,YAAK,OAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,OAAO,0CAAE,MAAM,CAAC,CAAC,CAAC,CAAA,EAAA,EAC3C,IAAI,EAAC,WAAW,EAChB,IAAI,QACJ,SAAS,EAAC,4BAA4B,EACtC,OAAO,QACP,QAAQ,EAAC,WAAW,GACpB,EAEJ,KAAC,YAAY,IAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,sBAAsB,YAErD,cACE,SAAS,EAAC,sCAAsC,kBACnC,MAAM,qBACH,MAAM,YAEtB,aACE,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,MAAM,qBACK,MAAM,YAEtB,aACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,UAAU,qBACC,UAAU,oBACX,OAAO,qBACN,OAAO,YAEvB,kBAAQ,SAAS,EAAC,wGAAwG,aACxH,cACE,SAAS,EAAC,0DAA0D,kBACvD,QAAQ,qBACL,MAAM,GAElB,EACN,cAAK,SAAS,EAAC,wBAAwB,YAErC,YAAG,SAAS,EAAC,yCAAyC,EAAC,OAAO,EAAE,UAAA,CAAC,YAAM,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,OAAO,0CAAE,MAAM,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,YACvH,eAAM,SAAS,EAAC,EAAE,qBAAY,GAC5B,GACA,IACC,GACN,GACF,GACD,GACO,IACX,EAEP,CAAC,KAAK,CAAC,MAAM,IAAI,CAChB,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,WAAW,YAC9D,UAAC,QAA2B,IAAK,OAAA,CAChC,wBACE,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB,QAAQ,CAAC,cAAc,IAC3B,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAC7B,SAAS,EAAE,WAAW,KAAK,KAAK,IAAI,iCAAiC,aAEpE,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC9B,KAAC,UAAU,IAAC,WAAW,EAAE,WAAW,EAAgB,IAAI,EAAE,IAAI,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,IAArL,IAAI,CAAC,EAAE,CAAkL,CACrO,EAF+B,CAE/B,CAAC,EACD,QAAQ,CAAC,WAAW,EACpB,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;4BACnE,KAAC,MAAM,IAAC,IAAI,QAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EACnD,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,YAAY,CAAC,EAA5B,CAA4B,EAC3C,KAAK,EAAE,8BAAuB,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAa,GAC1F,KAEA,CACP,EAlBiC,CAkBjC,GACS,CACb,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}