@solidstarters/solid-core-ui 1.1.210 → 1.1.211

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

@@ -1,40 +1,4 @@
 "use client";
-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, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Button } from "primereact/button";
@@ -45,114 +9,83 @@ import "viewerjs/dist/viewer.css";
 /**
  * SolidS3FileViewerWidget (PrimeReact version)
  */
-export var SolidS3FileViewerWidget = function (_a) {
-    var _b, _c;
-    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 value = formik.values[fieldLayoutInfo.attrs.name];
-    var fileType = (_c = fieldLayoutInfo.attrs.fileType) === null || _c === void 0 ? void 0 : _c.toLowerCase();
-    var downloadAllowed = fieldLayoutInfo.attrs.downloadAllowed !== false;
-    var bucketName = fieldLayoutInfo.attrs.bucketName;
-    var mediaStorageProviderUserKey = fieldLayoutInfo.attrs.mediaStorageProviderUserKey;
-    var isPrivate = fieldLayoutInfo.attrs.isPrivate ? fieldLayoutInfo.attrs.isPrivate : "false";
-    var imageRef = useRef(null);
-    var viewerRef = useRef(null);
-    var _d = useState(""), previewUrl = _d[0], setPreviewUrl = _d[1];
-    var _e = useState(false), isLoading = _e[0], setIsLoading = _e[1];
-    var _f = useState(false), open = _f[0], setOpen = _f[1];
-    var _g = useState(false), shouldShowViewer = _g[0], setShouldShowViewer = _g[1];
-    var resolveS3Url = useResolveS3UrlMutation()[0];
-    var fetchS3Url = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var result, e_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    console.log("fetch url called");
-                    setIsLoading(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, resolveS3Url({
-                            modelName: fieldContext.modelName,
-                            fieldName: fieldContext.fieldMetadata.name,
-                            s3Key: value,
-                            fileType: fileType,
-                            bucketName: bucketName,
-                            mediaStorageProviderUserKey: mediaStorageProviderUserKey,
-                            isPrivate: isPrivate
-                        }).unwrap()];
-                case 2:
-                    result = _a.sent();
-                    setIsLoading(false);
-                    if (result.statusCode == "200") {
-                        console.log("fetch url success", result.data.url);
-                        return [2 /*return*/, result.data.url];
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_1 = _a.sent();
-                    console.error("Failed to resolve S3 URL:", e_1);
-                    setIsLoading(false);
-                    return [2 /*return*/, null];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleDownload = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var url, a;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (isLoading)
-                        return [2 /*return*/];
-                    return [4 /*yield*/, fetchS3Url()];
-                case 1:
-                    url = _a.sent();
-                    if (!url)
-                        return [2 /*return*/];
-                    a = document.createElement("a");
-                    a.href = url;
-                    a.download = (value === null || value === void 0 ? void 0 : value.split("/").pop()) || "file";
-                    a.target = "_blank";
-                    a.rel = "noopener noreferrer";
-                    a.click();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleView = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var url;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    console.log("isLoading in view", isLoading);
-                    if (isLoading)
-                        return [2 /*return*/];
-                    return [4 /*yield*/, fetchS3Url()];
-                case 1:
-                    url = _a.sent();
-                    console.log("url after fetch success", url);
-                    if (!url)
-                        return [2 /*return*/];
-                    setPreviewUrl(url);
-                    if (isImage) {
-                        // Trigger viewer to show after state update
-                        setShouldShowViewer(true);
-                    }
-                    else {
-                        setOpen(true);
-                    }
-                    return [2 /*return*/];
+export const SolidS3FileViewerWidget = ({ formik, fieldContext }) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const value = formik.values[fieldLayoutInfo.attrs.name];
+    const fileType = fieldLayoutInfo.attrs.fileType?.toLowerCase();
+    const downloadAllowed = fieldLayoutInfo.attrs.downloadAllowed !== false;
+    const bucketName = fieldLayoutInfo.attrs.bucketName;
+    const mediaStorageProviderUserKey = fieldLayoutInfo.attrs.mediaStorageProviderUserKey;
+    const isPrivate = fieldLayoutInfo.attrs.isPrivate ? fieldLayoutInfo.attrs.isPrivate : "false";
+    const imageRef = useRef(null);
+    const viewerRef = useRef(null);
+    const [previewUrl, setPreviewUrl] = useState("");
+    const [isLoading, setIsLoading] = useState(false);
+    const [open, setOpen] = useState(false);
+    const [shouldShowViewer, setShouldShowViewer] = useState(false);
+    const [resolveS3Url] = useResolveS3UrlMutation();
+    const fetchS3Url = async () => {
+        console.log("fetch url called");
+        setIsLoading(true);
+        try {
+            const result = await resolveS3Url({
+                modelName: fieldContext.modelName,
+                fieldName: fieldContext.fieldMetadata.name,
+                s3Key: value,
+                fileType: fileType,
+                bucketName: bucketName,
+                mediaStorageProviderUserKey: mediaStorageProviderUserKey,
+                isPrivate: isPrivate
+            }).unwrap();
+            setIsLoading(false);
+            if (result.statusCode == "200") {
+                console.log("fetch url success", result.data.url);
+                return result.data.url;
             }
-        });
-    }); };
-    var isImage = ["jpeg", "jpg", "png", "gif", "webp"].includes(fileType);
-    var isPDF = fileType === "pdf";
-    var isDownloadOnly = ["xlsx", "xls", "csv", "doc", "docx"].includes(fileType);
+        }
+        catch (e) {
+            console.error("Failed to resolve S3 URL:", e);
+            setIsLoading(false);
+            return null;
+        }
+    };
+    const handleDownload = async () => {
+        if (isLoading)
+            return;
+        const url = await fetchS3Url();
+        if (!url)
+            return;
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = value?.split("/").pop() || "file";
+        a.target = "_blank";
+        a.rel = "noopener noreferrer";
+        a.click();
+    };
+    const handleView = async () => {
+        console.log("isLoading in view", isLoading);
+        if (isLoading)
+            return;
+        const url = await fetchS3Url();
+        console.log("url after fetch success", url);
+        if (!url)
+            return;
+        setPreviewUrl(url);
+        if (isImage) {
+            // Trigger viewer to show after state update
+            setShouldShowViewer(true);
+        }
+        else {
+            setOpen(true);
+        }
+    };
+    const isImage = ["jpeg", "jpg", "png", "gif", "webp"].includes(fileType);
+    const isPDF = fileType === "pdf";
+    const isDownloadOnly = ["xlsx", "xls", "csv", "doc", "docx"].includes(fileType);
     // 🔹 Initialize Viewer.js once image exists
-    useEffect(function () {
+    useEffect(() => {
         if (imageRef.current && previewUrl && isImage) {
             // Destroy existing viewer if any
             if (viewerRef.current) {
@@ -176,13 +109,13 @@ export var SolidS3FileViewerWidget = function (_a) {
                 zoomable: true,
                 zIndex: 9999,
                 // Add hidden event to reset state
-                hidden: function () {
+                hidden: () => {
                     setShouldShowViewer(false);
                 }
             });
             console.log("Viewer initialized");
         }
-        return function () {
+        return () => {
             if (viewerRef.current) {
                 viewerRef.current.destroy();
                 viewerRef.current = null;
@@ -190,18 +123,18 @@ export var SolidS3FileViewerWidget = function (_a) {
         };
     }, [previewUrl, isImage]);
     // 🔹 Show viewer when shouldShowViewer becomes true
-    useEffect(function () {
+    useEffect(() => {
         if (shouldShowViewer && viewerRef.current) {
             console.log("Showing viewer");
             viewerRef.current.show();
         }
     }, [shouldShowViewer]);
-    return (_jsxs("div", { className: "mt-2 flex flex-col gap-2", children: [_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel }), value ? (_jsxs("div", { className: "flex gap-3 items-center", children: [(isImage || isPDF) && (_jsx(Button, { icon: "pi pi-eye", type: "button", style: { minWidth: 66 }, loading: isLoading, tooltip: value, disabled: isLoading, label: "View ".concat(fileType), size: "small", iconPos: "left", onClick: handleView })), downloadAllowed && (_jsx(Button, { size: "small", type: "button", icon: "pi pi-download", tooltip: "Download ".concat(value === null || value === void 0 ? void 0 : value.split("/").pop()), loading: isLoading, onClick: handleDownload, disabled: isLoading, className: 'solid-icon-button' }))] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "No file uploaded" })), isImage && previewUrl && (_jsx("img", { ref: imageRef, src: previewUrl, alt: value, style: {
+    return (_jsxs("div", { className: "mt-2 flex flex-col gap-2", children: [_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel }), value ? (_jsxs("div", { className: "flex gap-3 items-center", children: [(isImage || isPDF) && (_jsx(Button, { icon: "pi pi-eye", type: "button", style: { minWidth: 66 }, loading: isLoading, tooltip: value, disabled: isLoading, label: `View ${fileType}`, size: "small", iconPos: "left", onClick: handleView })), downloadAllowed && (_jsx(Button, { size: "small", type: "button", icon: "pi pi-download", tooltip: `Download ${value?.split("/").pop()}`, loading: isLoading, onClick: handleDownload, disabled: isLoading, className: 'solid-icon-button' }))] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "No file uploaded" })), isImage && previewUrl && (_jsx("img", { ref: imageRef, src: previewUrl, alt: value, style: {
                     position: "absolute",
                     visibility: "hidden",
                     width: "1px",
                     height: "1px"
-                } })), _jsx(Dialog, { header: value, visible: open, modal: true, style: { width: "80vw", maxHeight: "90vh" }, onHide: function () { return setOpen(false); }, headerClassName: 'p-1 form-wrapper-title', contentClassName: 'p-0', contentStyle: { borderRadius: 6 }, children: previewUrl && isPDF && (_jsx("div", { style: {
+                } })), _jsx(Dialog, { header: value, visible: open, modal: true, style: { width: "80vw", maxHeight: "90vh" }, onHide: () => setOpen(false), headerClassName: 'p-1 form-wrapper-title', contentClassName: 'p-0', contentStyle: { borderRadius: 6 }, children: previewUrl && isPDF && (_jsx("div", { style: {
                         width: "100%",
                         height: "75vh",
                         overflow: "hidden",

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

@@ -1 +1 @@
-{"version":3,"file":"SolidS3FileViewerWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidS3FileViewerWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidS3FileViewerWidget.js","sourceRoot":"./","sources":["components/core/form/fields/widgets/SolidS3FileViewerWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { useResolveS3UrlMutation } from \"../../../../../redux/api/fieldApi\";\nimport Viewer from \"viewerjs\";\nimport \"viewerjs/dist/viewer.css\";\n\n/**\n * SolidS3FileViewerWidget (PrimeReact version)\n */\nexport const SolidS3FileViewerWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n    const fileType = fieldLayoutInfo.attrs.fileType?.toLowerCase();\n    const downloadAllowed = fieldLayoutInfo.attrs.downloadAllowed !== false;\n    const bucketName = fieldLayoutInfo.attrs.bucketName;\n    const mediaStorageProviderUserKey = fieldLayoutInfo.attrs.mediaStorageProviderUserKey;\n    const isPrivate = fieldLayoutInfo.attrs.isPrivate ? fieldLayoutInfo.attrs.isPrivate : \"false\";\n\n    const imageRef = useRef<HTMLImageElement | null>(null);\n    const viewerRef = useRef<Viewer | null>(null);\n\n    const [previewUrl, setPreviewUrl] = useState<string>(\"\");\n    const [isLoading, setIsLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [shouldShowViewer, setShouldShowViewer] = useState(false);\n\n    const [resolveS3Url] = useResolveS3UrlMutation();\n\n    const fetchS3Url = async () => {\n        console.log(\"fetch url called\");\n        setIsLoading(true);\n        try {\n            const result = await resolveS3Url({\n                modelName: fieldContext.modelName,\n                fieldName: fieldContext.fieldMetadata.name,\n                s3Key: value,\n                fileType: fileType,\n                bucketName: bucketName,\n                mediaStorageProviderUserKey: mediaStorageProviderUserKey,\n                isPrivate: isPrivate\n            }).unwrap();\n\n            setIsLoading(false);\n            if (result.statusCode == \"200\") {\n                console.log(\"fetch url success\", result.data.url);\n                return result.data.url;\n            }\n        } catch (e) {\n            console.error(\"Failed to resolve S3 URL:\", e);\n            setIsLoading(false);\n            return null;\n        }\n    };\n\n    const handleDownload = async () => {\n        if (isLoading) return;\n        const url = await fetchS3Url();\n        if (!url) return;\n        const a = document.createElement(\"a\");\n        a.href = url;\n        a.download = value?.split(\"/\").pop() || \"file\";\n        a.target = \"_blank\";\n        a.rel = \"noopener noreferrer\";\n        a.click();\n    };\n\n    const handleView = async () => {\n        console.log(\"isLoading in view\", isLoading);\n        if (isLoading) return;\n        \n        const url = await fetchS3Url();\n        console.log(\"url after fetch success\", url);\n        if (!url) return;\n        \n        setPreviewUrl(url);\n        \n        if (isImage) {\n            // Trigger viewer to show after state update\n            setShouldShowViewer(true);\n        } else {\n            setOpen(true);\n        }\n    };\n\n    const isImage = [\"jpeg\", \"jpg\", \"png\", \"gif\", \"webp\"].includes(fileType);\n    const isPDF = fileType === \"pdf\";\n    const isDownloadOnly = [\"xlsx\", \"xls\", \"csv\", \"doc\", \"docx\"].includes(fileType);\n\n    // 🔹 Initialize Viewer.js once image exists\n    useEffect(() => {\n        if (imageRef.current && previewUrl && isImage) {\n            // Destroy existing viewer if any\n            if (viewerRef.current) {\n                viewerRef.current.destroy();\n            }\n\n            // Create new viewer instance\n            viewerRef.current = new Viewer(imageRef.current, {\n                toolbar: {\n                    zoomIn: 1,\n                    zoomOut: 1,\n                    rotateLeft: 1,\n                    rotateRight: 1,\n                    reset: 1,\n                },\n                navbar: false,\n                title: false,\n                transition: true,\n                movable: true,\n                scalable: true,\n                rotatable: true,\n                zoomable: true,\n                zIndex:9999,\n                // Add hidden event to reset state\n                hidden: () => {\n                    setShouldShowViewer(false);\n                }\n            });\n\n            console.log(\"Viewer initialized\");\n        }\n\n        return () => {\n            if (viewerRef.current) {\n                viewerRef.current.destroy();\n                viewerRef.current = null;\n            }\n        };\n    }, [previewUrl, isImage]);\n\n    // 🔹 Show viewer when shouldShowViewer becomes true\n    useEffect(() => {\n        if (shouldShowViewer && viewerRef.current) {\n            console.log(\"Showing viewer\");\n            viewerRef.current.show();\n        }\n    }, [shouldShowViewer]);\n\n    return (\n        <div className=\"mt-2 flex flex-col gap-2\">\n            <p className=\"m-0 form-field-label font-medium\">{fieldLabel}</p>\n\n            {value ? (\n                <div className=\"flex gap-3 items-center\">\n                    {(isImage || isPDF) && (\n                        <Button\n                            icon=\"pi pi-eye\"\n                            type=\"button\"\n                            style={{ minWidth: 66 }}\n                            loading={isLoading}\n                            tooltip={value}\n                            disabled={isLoading}\n                            label={`View ${fileType}`}\n                            size=\"small\"\n                            iconPos=\"left\"\n                            onClick={handleView}\n                        />\n                    )}\n                    {downloadAllowed && (\n                        <Button\n                            size=\"small\"\n                            type=\"button\"\n                            icon=\"pi pi-download\"\n                            tooltip={`Download ${value?.split(\"/\").pop()}`}\n                            loading={isLoading}\n                            onClick={handleDownload}\n                            disabled={isLoading}\n                            className='solid-icon-button' />\n                    )}\n                </div>\n            ) : (\n                <p className=\"text-sm text-muted-foreground\">No file uploaded</p>\n            )}\n\n            {/* Hidden image for Viewer.js - keep visibility hidden instead of display none */}\n            {isImage && previewUrl && (\n                <img\n                    ref={imageRef}\n                    src={previewUrl}\n                    alt={value}\n                    style={{ \n                        position: \"absolute\",\n                        visibility: \"hidden\",\n                        width: \"1px\",\n                        height: \"1px\"\n                    }}\n                />\n            )}\n\n            <Dialog\n                header={value}\n                visible={open}\n                modal\n                style={{ width: \"80vw\", maxHeight: \"90vh\" }}\n                onHide={() => setOpen(false)}\n                headerClassName='p-1 form-wrapper-title'\n                contentClassName='p-0'\n                contentStyle={{ borderRadius: 6 }}\n            >\n                {previewUrl && isPDF && (\n                    <div\n                        style={{\n                            width: \"100%\",\n                            height: \"75vh\",\n                            overflow: \"hidden\",\n                        }}\n                    >\n                        <iframe\n                            src={previewUrl}\n                            style={{ width: \"100%\", height: \"100%\", border: \"none\" }}\n                        />\n                    </div>\n                )}\n            </Dialog>\n        </div>\n    );\n};"]}

package/dist/components/core/form/fields/widgets/SolidShortTextFieldAvatarWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidShortTextFieldAvatarWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidShortTextFieldAvatarWidget.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAG/D,eAAO,MAAM,+BAA+B,6BAA8B,yBAAyB,4CA2DlG,CAAA"}
+{"version":3,"file":"SolidShortTextFieldAvatarWidget.d.ts","sourceRoot":"./","sources":["components/core/form/fields/widgets/SolidShortTextFieldAvatarWidget.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAG5E,eAAO,MAAM,+BAA+B,6BAA8B,yBAAyB,4CA2DlG,CAAA"}

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

@@ -1,34 +1,32 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var SolidShortTextFieldAvatarWidget = function (_a) {
-    var _b;
-    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 value = formik.values[fieldLayoutInfo.attrs.name];
-    var getInitials = function (value) {
+export const SolidShortTextFieldAvatarWidget = ({ formik, fieldContext }) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const value = formik.values[fieldLayoutInfo.attrs.name];
+    const getInitials = (value) => {
         if (value) {
-            var names = value === null || value === void 0 ? void 0 : value.trim().split(' ');
-            var initials_1 = names.length === 1
+            const names = value?.trim().split(' ');
+            const initials = names.length === 1
                 ? names[0][0]
                 : names[0][0] + names[names.length - 1][0];
-            return initials_1.toUpperCase();
+            return initials.toUpperCase();
         }
         else {
             return "";
         }
     };
-    var getColorFromInitials = function (initials) {
-        var hash = 0;
-        for (var i = 0; i < initials.length; i++) {
+    const getColorFromInitials = (initials) => {
+        let hash = 0;
+        for (let i = 0; i < initials.length; i++) {
             hash = initials.charCodeAt(i) + ((hash << 5) - hash);
         }
-        var hue = Math.abs(hash) % 360;
-        return "hsl(".concat(hue, ", 60%, 60%)"); // nice pastel color
+        const hue = Math.abs(hash) % 360;
+        return `hsl(${hue}, 60%, 60%)`; // nice pastel color
     };
-    var initials = getInitials(value);
-    var bgColor = getColorFromInitials(initials);
+    const initials = getInitials(value);
+    const bgColor = getColorFromInitials(initials);
     return (_jsxs("div", { className: "mt-2 flex-column gap-2", children: [_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel }), _jsx("div", { children: value &&
                     _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [_jsx("div", { style: {
                                     width: 20,

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

@@ -1 +1 @@
-{"version":3,"file":"SolidShortTextFieldAvatarWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidShortTextFieldAvatarWidget.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAUb,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IAClE,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,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxD,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAI,KAAK,EAAE;YACP,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,IAAM,UAAQ,GACV,KAAK,CAAC,MAAM,KAAK,CAAC;gBACd,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACb,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,UAAQ,CAAC,WAAW,EAAE,CAAC;SACjC;aAAM;YACH,OAAO,EAAE,CAAA;SACZ;IACL,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,QAAgB;QAC1C,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;SACxD;QACD,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACjC,OAAO,cAAO,GAAG,gBAAa,CAAC,CAAC,oBAAoB;IACxD,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,IAAM,OAAO,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAG/C,OAAO,CACH,eAAK,SAAS,EAAC,wBAAwB,aACnC,YAAG,SAAS,EAAC,kCAAkC,YAAE,UAAU,GAAK,EAChE,wBACK,KAAK;oBACF,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,aACjE,cACI,KAAK,EAAE;oCACH,KAAK,EAAE,EAAE;oCACT,MAAM,EAAE,EAAE;oCACV,YAAY,EAAE,KAAK;oCACnB,eAAe,EAAE,OAAO;oCACxB,KAAK,EAAE,OAAO;oCACd,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,QAAQ;oCACxB,UAAU,EAAE,GAAG;oCACf,QAAQ,EAAE,EAAE;iCACf,YAEA,QAAQ,GACP,EACN,yBAAO,KAAK,GAAQ,IAClB,GAER,IACJ,CACT,CAAC;AACN,CAAC,CAAA"}
+{"version":3,"file":"SolidShortTextFieldAvatarWidget.js","sourceRoot":"./","sources":["components/core/form/fields/widgets/SolidShortTextFieldAvatarWidget.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAUb,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAAE,MAAM,EAAE,YAAY,EAA6B,EAAE,EAAE;IACnG,MAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,IAAI,KAAK,EAAE;YACP,MAAM,KAAK,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,MAAM,QAAQ,GACV,KAAK,CAAC,MAAM,KAAK,CAAC;gBACd,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACb,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;SACjC;aAAM;YACH,OAAO,EAAE,CAAA;SACZ;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC9C,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;SACxD;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACjC,OAAO,OAAO,GAAG,aAAa,CAAC,CAAC,oBAAoB;IACxD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAG/C,OAAO,CACH,eAAK,SAAS,EAAC,wBAAwB,aACnC,YAAG,SAAS,EAAC,kCAAkC,YAAE,UAAU,GAAK,EAChE,wBACK,KAAK;oBACF,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,aACjE,cACI,KAAK,EAAE;oCACH,KAAK,EAAE,EAAE;oCACT,MAAM,EAAE,EAAE;oCACV,YAAY,EAAE,KAAK;oCACnB,eAAe,EAAE,OAAO;oCACxB,KAAK,EAAE,OAAO;oCACd,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,QAAQ;oCACxB,UAAU,EAAE,GAAG;oCACf,QAAQ,EAAE,EAAE;iCACf,YAEA,QAAQ,GACP,EACN,yBAAO,KAAK,GAAQ,IAClB,GAER,IACJ,CACT,CAAC;AACN,CAAC,CAAA","sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { Message } from \"primereact/message\";\nimport { classNames } from \"primereact/utils\";\nimport { SelectButton } from \"primereact/selectbutton\";\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { RadioButton } from \"primereact/radiobutton\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport { AvatarWidget } from \"../../../../../components/core/common/AvatarWidget\";\n\nexport const SolidShortTextFieldAvatarWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n    const getInitials = (value: string) => {\n        if (value) {\n            const names = value?.trim().split(' ');\n            const initials =\n                names.length === 1\n                    ? names[0][0]\n                    : names[0][0] + names[names.length - 1][0];\n            return initials.toUpperCase();\n        } else {\n            return \"\"\n        }\n    };\n\n    const getColorFromInitials = (initials: string) => {\n        let hash = 0;\n        for (let i = 0; i < initials.length; i++) {\n            hash = initials.charCodeAt(i) + ((hash << 5) - hash);\n        }\n        const hue = Math.abs(hash) % 360;\n        return `hsl(${hue}, 60%, 60%)`; // nice pastel color\n    };\n\n    const initials = getInitials(value);\n    const bgColor = getColorFromInitials(initials);\n\n\n    return (\n        <div className=\"mt-2 flex-column gap-2\">\n            <p className=\"m-0 form-field-label font-medium\">{fieldLabel}</p>\n            <div>\n                {value &&\n                    < div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                        <div\n                            style={{\n                                width: 20,\n                                height: 20,\n                                borderRadius: '50%',\n                                backgroundColor: bgColor,\n                                color: 'white',\n                                display: 'flex',\n                                alignItems: 'center',\n                                justifyContent: 'center',\n                                fontWeight: 600,\n                                fontSize: 12,\n                            }}\n                        >\n                            {initials}\n                        </div>\n                        <span>{value}</span>\n                    </div>\n                }\n            </div>\n        </div>\n    );\n}\n"]}

package/dist/components/core/form/widgets/CustomHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomHtml.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/widgets/CustomHtml.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,UAAU,sDAAuD,oBAAoB,4CAYjG,CAAA"}
+{"version":3,"file":"CustomHtml.d.ts","sourceRoot":"./","sources":["components/core/form/widgets/CustomHtml.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAKzD,eAAO,MAAM,UAAU,sDAAuD,oBAAoB,4CAYjG,CAAA"}

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

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import parse from 'html-react-parser';
-import Handlebars from "handlebars/dist/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;
+// import Handlebars from "handlebars/dist/handlebars";
+import * as Handlebars from "handlebars";
+export const CustomHtml = ({ field, formData, viewMetadata, fieldsMetadata }) => {
+    let { type, attrs, body, children } = field;
     // 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;
+    const 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);
+    const 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

@@ -1 +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,4BAA4B,CAAC;AAEpD,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"}
+{"version":3,"file":"CustomHtml.js","sourceRoot":"./","sources":["components/core/form/widgets/CustomHtml.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,uDAAuD;AACvD,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAwB,EAAE,EAAE;IAClG,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,qLAAqL;IACrL,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAExB,8CAA8C;IAE9C,0GAA0G;IAC1G,MAAM,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","sourcesContent":["\"use client\";\n\nimport { SolidFormWidgetProps } from \"../../../../types\";\nimport parse from 'html-react-parser';\n// import Handlebars from \"handlebars/dist/handlebars\";\nimport * as Handlebars from \"handlebars\";\n\nexport const CustomHtml = ({ field, formData, viewMetadata, fieldsMetadata }: SolidFormWidgetProps) => {\n    let { type, attrs, body, children } = field;\n    \n    // 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.\n    const html = attrs.html;\n\n    // TODO: run dompurify to avoid XSS attacks...\n\n    // TODO: assume the html is a handlebars template, we try to do variable replacement on it using formData.\n    const template = Handlebars.compile(html);\n\n    return (<div className={attrs.className}>{parse(template(formData))}</div>)\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,WAAW,2NAA4N,GAAG,4CAwHtP,CAAA;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"./","sources":["components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,WAAW,2NAA4N,GAAG,4CAwHtP,CAAA;AAED,eAAe,WAAW,CAAC"}

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

@@ -1,25 +1,13 @@
 // @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";
-export var KanbanBoard = function (_a) {
-    var groupByFieldName = _a.groupByFieldName, groupedView = _a.groupedView, kanbanViewData = _a.kanbanViewData, maxSwimLanesCount = _a.maxSwimLanesCount, 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];
+export const KanbanBoard = ({ groupByFieldName, groupedView, kanbanViewData, maxSwimLanesCount, solidKanbanViewMetaData, setKanbanViewData, handleLoadMore, onDragEnd, handleSwimLanePagination, setLightboxUrls, setOpenLightbox, editButtonUrl }) => {
+    const [loading, setLoading] = useState(true);
     // State to manage the folded status of each column
-    var _c = useState({}), foldedStates = _c[0], setFoldedStates = _c[1];
+    const [foldedStates, setFoldedStates] = useState({});
     // Fetch data from the API
     // useEffect(() => {
     //     const fetchData = async (): Promise<void> => {
@@ -45,33 +33,32 @@ export var KanbanBoard = function (_a) {
     //     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)));
-        });
+    const toggleFold = (status) => {
+        setFoldedStates((prevFoldedStates) => ({
+            ...prevFoldedStates,
+            [status]: !prevFoldedStates[status],
+        }));
     };
     // 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-4 md:px-5 py-3 md:py-4 solid-kanban-board-scroll-context", children: [kanbanViewData.map(function (data) {
-                        var _a;
+    _jsx("div", { className: "solid-kanban-board-wrapper", children: _jsx(DragDropContext, { onDragEnd: onDragEnd, children: _jsxs("div", { className: "flex gap-4 px-4 md:px-5 py-3 md:py-4 solid-kanban-board-scroll-context", children: [kanbanViewData.map((data) => {
                         // Find the displayName for the groupName from solidKanbanViewMetaData.solidFieldsMetadata
-                        var label = data.groupName;
-                        var fieldMeta = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidFieldsMetadata) === null || _a === void 0 ? void 0 : _a[groupByFieldName];
+                        let label = data.groupName;
+                        const fieldMeta = solidKanbanViewMetaData?.solidFieldsMetadata?.[groupByFieldName];
                         if (fieldMeta &&
                             fieldMeta.type === "selectionStatic" &&
                             Array.isArray(fieldMeta.selectionStaticValues)) {
-                            var match = fieldMeta.selectionStaticValues.find(function (v) {
-                                var _a = v.split(":"), value = _a[0], displayName = _a[1];
+                            const match = fieldMeta.selectionStaticValues.find((v) => {
+                                const [value, displayName] = v.split(":");
                                 return value === data.groupName;
                             });
                             if (match) {
                                 label = match.split(":")[1];
                             }
                         }
-                        var group = {
-                            label: label,
+                        const group = {
+                            label,
                             count: data.groupData.meta.totalRecords,
                             limit: data.groupData.meta.perPage,
                             currentPage: data.groupData.meta.currentPage,

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"KanbanBoard.js","sourceRoot":"./","sources":["components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\n'use client'\n\nimport React, { useState, useEffect } from \"react\";\nimport { DragDropContext, DropResult } from \"@hello-pangea/dnd\";\nimport axios from \"axios\";\nimport KanbanColumn from \"./KanbanColumn\";\nimport { Button } from \"primereact/button\";\n\n// Define types for groupData and Grouped Data\ninterface Post {\n    id: string;\n    title: string;\n    status: string;\n}\n\ninterface GroupData {\n    count: number;\n    records: Post[];\n}\n\ninterface ApiResponse {\n    data: {\n        groupedData: Record<string, GroupData>;\n    };\n}\n\nexport const KanbanBoard = ({ groupByFieldName, groupedView, kanbanViewData, maxSwimLanesCount, solidKanbanViewMetaData, setKanbanViewData, handleLoadMore, onDragEnd, handleSwimLanePagination, setLightboxUrls, setOpenLightbox, editButtonUrl }: any) => {\n    const [loading, setLoading] = useState<boolean>(true);\n    // State to manage the folded status of each column\n    const [foldedStates, setFoldedStates] = useState<Record<string, boolean>>({});\n\n    // Fetch data from the API\n    // useEffect(() => {\n    //     const fetchData = async (): Promise<void> => {\n    //         try {\n    //             setLoading(true);\n    //             // const response = await axios.get<ApiResponse>(\n    //             //     \"http://localhost:3000/api/blog/group-kanban/status\",\n    //             //     {\n    //             //         headers: { accept: \"*/*\" },\n    //             //     }\n    //             // );\n    //             // setGroupedData(response.data.data.groupedData);\n    //             setGroupedData({});\n    //         } catch (error) {\n    //             console.error(\"Error fetching data:\", error);\n    //         } finally {\n    //             setLoading(false);\n    //         }\n    //     };\n\n    //     fetchData();\n    // }, []);\n\n    // if (loading) {\n    //     return <div>Loading...</div>;\n    // }\n\n\n\n\n    // Toggle fold (not yet implemented)\n    const toggleFold = (status: string): void => {\n        setFoldedStates((prevFoldedStates) => ({\n            ...prevFoldedStates,\n            [status]: !prevFoldedStates[status],\n        }));\n    };\n\n    // Render the Kanban board\n    return (\n        //@ts-ignore\n        <div className=\"solid-kanban-board-wrapper\">\n            <DragDropContext onDragEnd={onDragEnd}>\n                <div className=\"flex gap-4 px-4 md:px-5 py-3 md:py-4 solid-kanban-board-scroll-context\">\n                    {/* {Object.entries(kanbanViewData).map(([groupVal, data]) => {\n                    const group = {\n                        label: groupVal,\n                        count: data.count,\n                        folded: foldedStates[groupVal] || false,\n                    };\n\n                    return (\n                        <KanbanColumn\n                            key={groupVal}\n                            groupByField={groupVal}\n                            group={group}\n                            groupData={data.records}\n                            toggleFold={toggleFold}\n                            handleLoadMore={handleLoadMore}\n                        />\n                    );\n                })} */}\n                    {kanbanViewData.map((data) => {\n                        // Find the displayName for the groupName from solidKanbanViewMetaData.solidFieldsMetadata\n                        let label = data.groupName;\n                        const fieldMeta = solidKanbanViewMetaData?.solidFieldsMetadata?.[groupByFieldName];\n                        if (\n                            fieldMeta &&\n                            fieldMeta.type === \"selectionStatic\" &&\n                            Array.isArray(fieldMeta.selectionStaticValues)\n                        ) {\n                            const match = fieldMeta.selectionStaticValues.find(\n                                (v: string) => {\n                                    const [value, displayName] = v.split(\":\");\n                                    return value === data.groupName;\n                                }\n                            );\n                            if (match) {\n                                label = match.split(\":\")[1];\n                            }\n                        }\n\n                        const group = {\n                            label,\n                            count: data.groupData.meta.totalRecords,\n                            limit: data.groupData.meta.perPage,\n                            currentPage: data.groupData.meta.currentPage,\n                            folded: foldedStates[data.groupName] || false,\n                        };\n\n                        return (\n                            <KanbanColumn\n                                key={data.groupName}\n                                groupedView={groupedView}\n                                groupByField={data.groupName}\n                                group={group}\n                                solidKanbanViewMetaData={solidKanbanViewMetaData}\n                                groupData={data.groupData.records}\n                                toggleFold={toggleFold}\n                                handleLoadMore={handleLoadMore}\n                                setLightboxUrls={setLightboxUrls}\n                                setOpenLightbox={setOpenLightbox}\n                                editButtonUrl={editButtonUrl}\n                            />\n                        );\n                    })}\n                    {groupedView !== false && kanbanViewData.length < maxSwimLanesCount &&\n                        <div>\n                            <a size=\"small\" className=\"kaban-swimlane-load-more\" style={{ textWrap: 'nowrap' }} text onClick={handleSwimLanePagination}>Load More...({maxSwimLanesCount - kanbanViewData.length})</a>\n                        </div>\n                    }\n                </div>\n            </DragDropContext>\n        </div>\n    );\n}\n\nexport default KanbanBoard;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,uBAAuB,EAAE,GAAG,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AA2BD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqOzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"KanbanCard.d.ts","sourceRoot":"./","sources":["components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,uBAAuB,EAAE,GAAG,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AA2BD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqOzC,CAAC;AAEF,eAAe,UAAU,CAAC"}