npm - @solidxai/core-ui - Versions diffs - 0.1.7-beta.4 → 0.1.7-beta.5 - Mend

@solidxai/core-ui 0.1.7-beta.4 → 0.1.7-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (221) hide show

package/dist/components/core/form/fields/widgets/SolidLovTypeChangeFormEditWidget.js ADDED Viewed

@@ -0,0 +1,111 @@
+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 { useState } from "react";
+import { solidGet } from "../../../../../http/solidHttp";
+import { SolidAutocomplete } from "../../../../../components/shad-cn-ui/SolidAutocomplete";
+import { SolidInput } from "../../../../../components/shad-cn-ui/SolidInput";
+import { SolidIcon } from "../../../../../components/shad-cn-ui/SolidIcon";
+export var SolidLovTypeChangeFormEditWidget = 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 fieldName = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.name;
+    var value = (_d = formik.values) === null || _d === void 0 ? void 0 : _d[fieldName];
+    // 🔹 UI State
+    var _e = useState([]), filteredOptions = _e[0], setFilteredOptions = _e[1];
+    var _f = useState(false), isCreating = _f[0], setIsCreating = _f[1];
+    var _g = useState(value || ""), inputValue = _g[0], setInputValue = _g[1];
+    // 🔹 Handle Autocommplete AJAX Fetching
+    var completeMethod = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var query, filterPart, res, extracted, err_1;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    _d.trys.push([0, 2, , 3]);
+                    query = event.query;
+                    filterPart = query
+                        ? "&filters[$and][0][$or][0][".concat(fieldName, "][$containsi]=%").concat(query, "%")
+                        : "";
+                    return [4 /*yield*/, solidGet("/api/list-of-values?&offset=0&limit=50&groupBy[0]=".concat(fieldName, "&aggregates[0]=id:count").concat(filterPart))];
+                case 1:
+                    res = _d.sent();
+                    extracted = ((_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.groupMeta) === null || _c === void 0 ? void 0 : _c.filter(function (item) { return item.groupValue != null; }).map(function (item) { return ({
+                        label: item.groupValue,
+                        value: item.groupValue
+                    }); })) || [];
+                    setFilteredOptions(extracted);
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _d.sent();
+                    console.error("Failed to fetch autocomplete suggestions", err_1);
+                    setFilteredOptions([]);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    // 🔹 Handle Change from Autocomplete
+    var handleAutocompleteChange = function (e) {
+        var _a;
+        var selectedValue = typeof e.value === "object" ? (_a = e.value) === null || _a === void 0 ? void 0 : _a.value : e.value;
+        formik.setFieldValue(fieldName, selectedValue);
+    };
+    // 🔹 Handle Input Submit (blur or enter)
+    var handleCreate = function () {
+        if (!inputValue.trim())
+            return;
+        formik.setFieldValue(fieldName, inputValue);
+        setIsCreating(false);
+    };
+    return (_jsxs("div", { className: "solid-lov-type-change-widget w-full", children: [_jsxs("div", { className: "flex align-items-center justify-between  mb-2", children: [_jsx("label", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: fieldLabel }), _jsxs("button", { type: "button", onClick: function () {
+                            setIsCreating(!isCreating);
+                            if (!isCreating)
+                                setInputValue("");
+                        }, style: { color: "blue", background: "transparent", border: 0 }, children: [_jsx(SolidIcon, { name: isCreating ? "si-times" : "si-plus", size: 12 }), _jsx("span", { children: isCreating ? "choose existing" : "add custom" })] })] }), _jsx("div", { className: "relative", children: !isCreating ? (_jsx(SolidAutocomplete, { value: value, suggestions: filteredOptions, completeMethod: completeMethod, onChange: handleAutocompleteChange, dropdown: true, placeholder: "Select ".concat(fieldLabel), className: "w-full" })) : (_jsx("div", { className: "flex gap-2", children: _jsx(SolidInput, { type: "text", value: inputValue, autoFocus: true, placeholder: "Enter new type", className: "flex-1 h-9", onChange: function (e) { return setInputValue(e.target.value); }, onBlur: handleCreate, onKeyDown: function (e) {
+                            if (e.key === "Enter") {
+                                handleCreate();
+                            }
+                            if (e.key === "Escape") {
+                                setIsCreating(false);
+                            }
+                        } }) })) })] }));
+};
+//# sourceMappingURL=SolidLovTypeChangeFormEditWidget.js.map

package/dist/components/core/form/fields/widgets/SolidLovTypeChangeFormEditWidget.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SolidLovTypeChangeFormEditWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidLovTypeChangeFormEditWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport { solidGet } from \"../../../../../http/solidHttp\";\nimport { SolidAutocomplete } from \"../../../../../components/shad-cn-ui/SolidAutocomplete\";\nimport { SolidInput } from \"../../../../../components/shad-cn-ui/SolidInput\";\nimport { SolidIcon } from \"../../../../../components/shad-cn-ui/SolidIcon\";\n\nexport const SolidLovTypeChangeFormEditWidget = ({\n formik,\n fieldContext\n}: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n\n const fieldLabel =\n fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const fieldName = fieldLayoutInfo?.attrs?.name;\n\n const value = formik.values?.[fieldName];\n\n // 🔹 UI State\n const [filteredOptions, setFilteredOptions] = useState<any[]>([]);\n const [isCreating, setIsCreating] = useState(false);\n const [inputValue, setInputValue] = useState(value || \"\");\n\n // 🔹 Handle Autocommplete AJAX Fetching\n const completeMethod = async (event: { query: string }) => {\n try {\n const query = event.query;\n // Build the URL following the user's provided filter pattern\n\n const filterPart = query\n ? `&filters[$and][0][$or][0][${fieldName}][$containsi]=%${query}%`\n : \"\";\n\n const res = await solidGet(\n `/api/list-of-values?&offset=0&limit=50&groupBy[0]=${fieldName}&aggregates[0]=id:count${filterPart}`\n );\n\n const extracted =\n res?.data?.data?.groupMeta\n ?.filter((item: any) => item.groupValue != null)\n .map((item: any) => ({\n label: item.groupValue,\n value: item.groupValue\n })) || [];\n\n setFilteredOptions(extracted);\n } catch (err) {\n console.error(\"Failed to fetch autocomplete suggestions\", err);\n setFilteredOptions([]);\n }\n };\n\n // 🔹 Handle Change from Autocomplete\n const handleAutocompleteChange = (e: { value: any }) => {\n const selectedValue = typeof e.value === \"object\" ? e.value?.value : e.value;\n formik.setFieldValue(fieldName, selectedValue);\n };\n\n // 🔹 Handle Input Submit (blur or enter)\n const handleCreate = () => {\n if (!inputValue.trim()) return;\n formik.setFieldValue(fieldName, inputValue);\n setIsCreating(false);\n };\n\n return (\n <div className=\"solid-lov-type-change-widget w-full\">\n <div className=\"flex align-items-center justify-between mb-2\">\n <label className=\"text-xs font-semibold text-muted-foreground uppercase tracking-wider\">\n {fieldLabel}\n </label>\n <button\n type=\"button\"\n onClick={() => {\n setIsCreating(!isCreating);\n if (!isCreating) setInputValue(\"\");\n }}\n style={{ color: \"blue\", background: \"transparent\", border: 0 }}\n >\n <SolidIcon name={isCreating ? \"si-times\" : \"si-plus\"} size={12} />\n <span>{isCreating ? \"choose existing\" : \"add custom\"}</span>\n </button>\n </div>\n\n <div className=\"relative\">\n {!isCreating ? (\n <SolidAutocomplete\n value={value}\n suggestions={filteredOptions}\n completeMethod={completeMethod}\n onChange={handleAutocompleteChange}\n dropdown\n placeholder={`Select ${fieldLabel}`}\n className=\"w-full\"\n />\n ) : (\n <div className=\"flex gap-2\">\n <SolidInput\n type=\"text\"\n value={inputValue}\n autoFocus\n placeholder=\"Enter new type\"\n className=\"flex-1 h-9\"\n onChange={(e) => setInputValue(e.target.value)}\n onBlur={handleCreate}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n handleCreate();\n }\n if (e.key === \"Escape\") {\n setIsCreating(false);\n }\n }}\n />\n </div>\n )}\n </div>\n </div>\n );\n};"]}

package/dist/components/core/form/fields/widgets/SolidLovTypeChangeFormEditWidget.tsx ADDED Viewed

@@ -0,0 +1,122 @@
+import { useState } from "react";
+import { SolidFormFieldWidgetProps } from "../../../../../types/solid-core";
+import { solidGet } from "../../../../../http/solidHttp";
+import { SolidAutocomplete } from "../../../../../components/shad-cn-ui/SolidAutocomplete";
+import { SolidInput } from "../../../../../components/shad-cn-ui/SolidInput";
+import { SolidIcon } from "../../../../../components/shad-cn-ui/SolidIcon";
+export const SolidLovTypeChangeFormEditWidget = ({
+    formik,
+    fieldContext
+}: SolidFormFieldWidgetProps) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldLabel =
+        fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const fieldName = fieldLayoutInfo?.attrs?.name;
+    const value = formik.values?.[fieldName];
+    // 🔹 UI State
+    const [filteredOptions, setFilteredOptions] = useState<any[]>([]);
+    const [isCreating, setIsCreating] = useState(false);
+    const [inputValue, setInputValue] = useState(value || "");
+    // 🔹 Handle Autocommplete AJAX Fetching
+    const completeMethod = async (event: { query: string }) => {
+        try {
+            const query = event.query;
+            // Build the URL following the user's provided filter pattern
+            const filterPart = query
+                ? `&filters[$and][0][$or][0][${fieldName}][$containsi]=%${query}%`
+                : "";
+            const res = await solidGet(
+                `/api/list-of-values?&offset=0&limit=50&groupBy[0]=${fieldName}&aggregates[0]=id:count${filterPart}`
+            );
+            const extracted =
+                res?.data?.data?.groupMeta
+                    ?.filter((item: any) => item.groupValue != null)
+                    .map((item: any) => ({
+                        label: item.groupValue,
+                        value: item.groupValue
+                    })) || [];
+            setFilteredOptions(extracted);
+        } catch (err) {
+            console.error("Failed to fetch autocomplete suggestions", err);
+            setFilteredOptions([]);
+        }
+    };
+    // 🔹 Handle Change from Autocomplete
+    const handleAutocompleteChange = (e: { value: any }) => {
+        const selectedValue = typeof e.value === "object" ? e.value?.value : e.value;
+        formik.setFieldValue(fieldName, selectedValue);
+    };
+    // 🔹 Handle Input Submit (blur or enter)
+    const handleCreate = () => {
+        if (!inputValue.trim()) return;
+        formik.setFieldValue(fieldName, inputValue);
+        setIsCreating(false);
+    };
+    return (
+        <div className="solid-lov-type-change-widget w-full">
+            <div className="flex align-items-center justify-between  mb-2">
+                <label className="text-xs font-semibold text-muted-foreground uppercase tracking-wider">
+                    {fieldLabel}
+                </label>
+                <button
+                    type="button"
+                    onClick={() => {
+                        setIsCreating(!isCreating);
+                        if (!isCreating) setInputValue("");
+                    }}
+                    style={{ color: "blue", background: "transparent", border: 0 }}
+                >
+                    <SolidIcon name={isCreating ? "si-times" : "si-plus"} size={12} />
+                    <span>{isCreating ? "choose existing" : "add custom"}</span>
+                </button>
+            </div>
+            <div className="relative">
+                {!isCreating ? (
+                    <SolidAutocomplete
+                        value={value}
+                        suggestions={filteredOptions}
+                        completeMethod={completeMethod}
+                        onChange={handleAutocompleteChange}
+                        dropdown
+                        placeholder={`Select ${fieldLabel}`}
+                        className="w-full"
+                    />
+                ) : (
+                    <div className="flex gap-2">
+                        <SolidInput
+                            type="text"
+                            value={inputValue}
+                            autoFocus
+                            placeholder="Enter new type"
+                            className="flex-1 h-9"
+                            onChange={(e) => setInputValue(e.target.value)}
+                            onBlur={handleCreate}
+                            onKeyDown={(e) => {
+                                if (e.key === "Enter") {
+                                    handleCreate();
+                                }
+                                if (e.key === "Escape") {
+                                    setIsCreating(false);
+                                }
+                            }}
+                        />
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+};

package/dist/components/core/form/fields/widgets/SolidS3FileViewerWidget.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidS3FileViewerWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidS3FileViewerWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAW5E,OAAO,0BAA0B,CAAC;AAIlC;;GAEG;AACH,eAAO,MAAM,uBAAuB,6BAA8B,yBAAyB,~~4CAyN1F~~,CAAC"}
1	+ {"version":3,"file":"SolidS3FileViewerWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidS3FileViewerWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAW5E,OAAO,0BAA0B,CAAC;AAIlC;;GAEG;AACH,eAAO,MAAM,uBAAuB,6BAA8B,yBAAyB,4CA0N1F,CAAC"}

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

@@ -181,7 +181,7 @@ export var SolidS3FileViewerWidget = function (_a) {
     //         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(SolidButton, { icon: "si si-eye", type: "button", style: { minWidth: 66 }, loading: isLoading, tooltip: value, disabled: isLoading, label: "View ".concat(fileType), size: "small", iconPos: "left", onClick: handleView })), downloadAllowed && (_jsx(SolidButton, { size: "small", type: "button", icon: "si si-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 && (
+    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(SolidButton, { icon: "si si-eye", type: "button", style: { minWidth: 66 }, loading: isLoading, tooltip: value, disabled: isLoading, size: "sm", iconPos: "left", onClick: handleView, children: "View ".concat(fileType) })), downloadAllowed && (_jsx(SolidButton, { size: "sm", type: "button", icon: "si si-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 && (
             // <img
             //     ref={imageRef}
             //     src={previewUrl}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidS3FileViewerWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidS3FileViewerWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useRef, useState } from \"react\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport { SolidButton } from \"../../../../shad-cn-ui/SolidButton\";\nimport {\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogHeader,\n SolidDialogTitle,\n} from \"../../../../shad-cn-ui/SolidDialog\";\nimport { useResolveS3UrlMutation } from \"../../../../../redux/api/fieldApi\";\nimport Viewer from \"viewerjs\";\nimport \"viewerjs/dist/viewer.css\";\nimport { SolidImageViewer } from \"../../../../../components/core/common/SolidImageViewer\";\nimport { fetchS3Url, type FetchS3UrlOptions } from \"../../../../..//helpers/fetchS3Url\";\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 resolveFileUrl = async () => {\n setIsLoading(true);\n\n const options: FetchS3UrlOptions = {\n s3Key: value,\n fileType: fileType,\n bucketName: bucketName,\n mediaStorageProviderUserKey: mediaStorageProviderUserKey,\n isPrivate: isPrivate\n };\n\n const url = await fetchS3Url(resolveS3Url, options);\n setIsLoading(false);\n return url;\n };\n\n const handleDownload = async () => {\n if (isLoading) return;\n const url = await resolveFileUrl();\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 resolveFileUrl();\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 <SolidButton\n icon=\"si si-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 <SolidButton\n size=\"small\"\n type=\"button\"\n icon=\"si si-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 <SolidImageViewer\n images={[previewUrl]}\n open={shouldShowViewer}\n onClose={() => setShouldShowViewer(false)}\n viewerOptions={{\n toolbar: {\n zoomIn: 1,\n zoomOut: 1,\n rotateLeft: 1,\n rotateRight: 1,\n reset: 1,\n },\n }}\n />\n\n )}\n\n <SolidDialog\n open={open}\n onOpenChange={setOpen}\n className=\"solid-confirm-dialog\"\n style={{ width: \"80vw\", maxHeight: \"90vh\" }}\n >\n <SolidDialogHeader className=\"p-1 form-wrapper-title\">\n <SolidDialogTitle>{value}</SolidDialogTitle>\n <SolidDialogClose aria-label=\"Close preview\" />\n </SolidDialogHeader>\n <SolidDialogBody className=\"p-0\">\n {previewUrl && isPDF && (\n <div\n style={{\n width: \"100%\",\n height: \"75vh\",\n overflow: \"hidden\",\n borderRadius: 6,\n }}\n >\n <iframe\n src={previewUrl}\n style={{ width: \"100%\", height: \"100%\", border: \"none\" }}\n />\n </div>\n )}\n </SolidDialogBody>\n </SolidDialog>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"SolidS3FileViewerWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidS3FileViewerWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useRef, useState } from \"react\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport { SolidButton } from \"../../../../shad-cn-ui/SolidButton\";\nimport {\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogHeader,\n SolidDialogTitle,\n} from \"../../../../shad-cn-ui/SolidDialog\";\nimport { useResolveS3UrlMutation } from \"../../../../../redux/api/fieldApi\";\nimport Viewer from \"viewerjs\";\nimport \"viewerjs/dist/viewer.css\";\nimport { SolidImageViewer } from \"../../../../../components/core/common/SolidImageViewer\";\nimport { fetchS3Url, type FetchS3UrlOptions } from \"../../../../..//helpers/fetchS3Url\";\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 resolveFileUrl = async () => {\n setIsLoading(true);\n\n const options: FetchS3UrlOptions = {\n s3Key: value,\n fileType: fileType,\n bucketName: bucketName,\n mediaStorageProviderUserKey: mediaStorageProviderUserKey,\n isPrivate: isPrivate\n };\n\n const url = await fetchS3Url(resolveS3Url, options);\n setIsLoading(false);\n return url;\n };\n\n const handleDownload = async () => {\n if (isLoading) return;\n const url = await resolveFileUrl();\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 resolveFileUrl();\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 <SolidButton\n icon=\"si si-eye\"\n type=\"button\"\n style={{ minWidth: 66 }}\n loading={isLoading}\n tooltip={value}\n disabled={isLoading}\n size=\"sm\"\n iconPos=\"left\"\n onClick={handleView}\n >\n {`View ${fileType}`}\n </SolidButton>\n )}\n {downloadAllowed && (\n <SolidButton\n size=\"sm\"\n type=\"button\"\n icon=\"si si-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 <SolidImageViewer\n images={[previewUrl]}\n open={shouldShowViewer}\n onClose={() => setShouldShowViewer(false)}\n viewerOptions={{\n toolbar: {\n zoomIn: 1,\n zoomOut: 1,\n rotateLeft: 1,\n rotateRight: 1,\n reset: 1,\n },\n }}\n />\n\n )}\n\n <SolidDialog\n open={open}\n onOpenChange={setOpen}\n className=\"solid-confirm-dialog\"\n style={{ width: \"80vw\", maxHeight: \"90vh\" }}\n >\n <SolidDialogHeader className=\"p-1 form-wrapper-title\">\n <SolidDialogTitle>{value}</SolidDialogTitle>\n <SolidDialogClose aria-label=\"Close preview\" />\n </SolidDialogHeader>\n <SolidDialogBody className=\"p-0\">\n {previewUrl && isPDF && (\n <div\n style={{\n width: \"100%\",\n height: \"75vh\",\n overflow: \"hidden\",\n borderRadius: 6,\n }}\n >\n <iframe\n src={previewUrl}\n style={{ width: \"100%\", height: \"100%\", border: \"none\" }}\n />\n </div>\n )}\n </SolidDialogBody>\n </SolidDialog>\n </div>\n );\n};\n"]}

package/dist/components/core/form/fields/widgets/SolidS3FileViewerWidget.tsx CHANGED Viewed

@@ -153,15 +153,16 @@ export const SolidS3FileViewerWidget = ({ formik, fieldContext }: SolidFormField
                             loading={isLoading}
                             tooltip={value}
                             disabled={isLoading}
-                            label={`View ${fileType}`}
-                            size="small"
+                            size="sm"
                             iconPos="left"
                             onClick={handleView}
-                        />
+                        >
+                            {`View ${fileType}`}
+                        </SolidButton>
                     )}
                     {downloadAllowed && (
                         <SolidButton
-                            size="small"
+                            size="sm"
                             type="button"
                             icon="si si-download"
                             tooltip={`Download ${value?.split("/").pop()}`}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,WAAW,8MAA+M,GAAG,~~4CAgIzO~~,CAAA;AAED,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,WAAW,8MAA+M,GAAG,4CAwIzO,CAAA;AAED,eAAe,WAAW,CAAC"}

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

@@ -32,13 +32,19 @@ var findKanbanCardNode = function (nodes) {
     return null;
 };
 export var KanbanBoard = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e, _f;
     var groupByFieldName = _a.groupByFieldName, 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 _e = useState(true), loading = _e[0], setLoading = _e[1];
+    var _g = useState(true), loading = _g[0], setLoading = _g[1];
     // State to manage the folded status of each column
-    var _f = useState({}), foldedStates = _f[0], setFoldedStates = _f[1];
+    var _h = useState({}), foldedStates = _h[0], setFoldedStates = _h[1];
     var cardNode = findKanbanCardNode(((_c = (_b = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.children) || []);
-    var cardWidget = ((_d = cardNode === null || cardNode === void 0 ? void 0 : cardNode.attrs) === null || _d === void 0 ? void 0 : _d.cardWidget) || (cardNode === null || cardNode === void 0 ? void 0 : cardNode.cardWidget);
+    var layoutAttrs = ((_e = (_d = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView) === null || _d === void 0 ? void 0 : _d.layout) === null || _e === void 0 ? void 0 : _e.attrs) || {};
+    var isKanbanDragEnabled = layoutAttrs.draggable !== false &&
+        layoutAttrs.dragAndDrop !== false &&
+        layoutAttrs.enableDrag !== false &&
+        layoutAttrs.disableDrag !== true &&
+        layoutAttrs.disableDragging !== true;
+    var cardWidget = ((_f = cardNode === null || cardNode === void 0 ? void 0 : cardNode.attrs) === null || _f === void 0 ? void 0 : _f.cardWidget) || (cardNode === null || cardNode === void 0 ? void 0 : cardNode.cardWidget);
     var DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;
     var kanbanCardConfigurationIssue = !cardWidget
         ? { type: "missing_widget_reference" }
@@ -82,7 +88,7 @@ export var KanbanBoard = function (_a) {
                             currentPage: data.groupData.meta.currentPage,
                             folded: foldedStates[data.groupName] || false,
                         };
-                        return (_jsx(KanbanColumn, { groupByField: data.groupName, group: group, solidKanbanViewMetaData: solidKanbanViewMetaData, groupData: data.groupData.records, toggleFold: toggleFold, handleLoadMore: handleLoadMore, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget }, data.groupName));
+                        return (_jsx(KanbanColumn, { groupByField: data.groupName, group: group, isKanbanDragEnabled: isKanbanDragEnabled, solidKanbanViewMetaData: solidKanbanViewMetaData, groupData: data.groupData.records, toggleFold: toggleFold, handleLoadMore: handleLoadMore, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget }, data.groupName));
                     }), kanbanViewData.length < maxSwimLanesCount &&
                         _jsx("div", { children: _jsxs("a", { size: "small", className: "kaban-swimlane-load-more", style: { textWrap: 'nowrap' }, text: true, onClick: handleSwimLanePagination, children: ["Load More...(", maxSwimLanesCount - kanbanViewData.length, ")"] }) })] }) })) }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"KanbanBoard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport { useState } from \"react\";\nimport { DragDropContext } from \"@hello-pangea/dnd\";\nimport KanbanColumn from \"./KanbanColumn\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\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\nconst findKanbanCardNode = (nodes: any[] = []): any => {\n for (const node of nodes) {\n if (!node) continue;\n if (node.type === \"card\") return node;\n if (Array.isArray(node?.children) && node.children.length > 0) {\n const nestedCard = findKanbanCardNode(node.children);\n if (nestedCard) return nestedCard;\n }\n }\n\n return null;\n};\n\nexport const KanbanBoard = ({ groupByFieldName, 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 const cardNode = findKanbanCardNode(solidKanbanViewMetaData?.solidView?.layout?.children \|\| []);\n const cardWidget = cardNode?.attrs?.cardWidget \|\| cardNode?.cardWidget;\n const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n const kanbanCardConfigurationIssue = !cardWidget\n ? { type: \"missing_widget_reference\" }\n : !DynamicCardWidget\n ? { type: \"missing_widget\", cardWidget }\n : null;\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 {kanbanCardConfigurationIssue ? (\n <div className=\"solid-kanban-config-placeholder-container\">\n <div className=\"solid-kanban-config-placeholder-panel\">\n <div className=\"solid-kanban-config-placeholder-badge\">KANBAN CONFIGURATION</div>\n <div className=\"solid-kanban-config-placeholder-title\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\"\n ? \"Kanban card widget could not be resolved\"\n : \"Kanban card widget is not configured\"}\n </div>\n <div className=\"solid-kanban-config-placeholder-description\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\" ? (\n <>\n This kanban view references <code>{kanbanCardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n </>\n ) : (\n <>\n This kanban view does not define a <code>cardWidget</code> on the card node.\n </>\n )}\n </div>\n <div className=\"solid-kanban-config-placeholder-hint\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\"\n ? \"Register the widget in the extension registry or update the kanban metadata to point at a valid component.\"\n : \"Configure attrs.cardWidget on the kanban card metadata so the board can render each record.\"}\n </div>\n </div>\n </div>\n ) : (\n <DragDropContext onDragEnd={onDragEnd}>\n <div className=\"flex gap-3 px-3 md:px-4 py-2 md:py-3 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: any) => {\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 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 cardNode={cardNode}\n DynamicCardWidget={DynamicCardWidget}\n />\n );\n })}\n {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 )}\n </div>\n );\n}\n\nexport default KanbanBoard;\n"]}
1	+ {"version":3,"file":"KanbanBoard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport { useState } from \"react\";\nimport { DragDropContext } from \"@hello-pangea/dnd\";\nimport KanbanColumn from \"./KanbanColumn\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\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\nconst findKanbanCardNode = (nodes: any[] = []): any => {\n for (const node of nodes) {\n if (!node) continue;\n if (node.type === \"card\") return node;\n if (Array.isArray(node?.children) && node.children.length > 0) {\n const nestedCard = findKanbanCardNode(node.children);\n if (nestedCard) return nestedCard;\n }\n }\n\n return null;\n};\n\nexport const KanbanBoard = ({ groupByFieldName, 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 const cardNode = findKanbanCardNode(solidKanbanViewMetaData?.solidView?.layout?.children \|\| []);\n const layoutAttrs = solidKanbanViewMetaData?.solidView?.layout?.attrs \|\| {};\n const isKanbanDragEnabled =\n layoutAttrs.draggable !== false &&\n layoutAttrs.dragAndDrop !== false &&\n layoutAttrs.enableDrag !== false &&\n layoutAttrs.disableDrag !== true &&\n layoutAttrs.disableDragging !== true;\n const cardWidget = cardNode?.attrs?.cardWidget \|\| cardNode?.cardWidget;\n const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n const kanbanCardConfigurationIssue = !cardWidget\n ? { type: \"missing_widget_reference\" }\n : !DynamicCardWidget\n ? { type: \"missing_widget\", cardWidget }\n : null;\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 {kanbanCardConfigurationIssue ? (\n <div className=\"solid-kanban-config-placeholder-container\">\n <div className=\"solid-kanban-config-placeholder-panel\">\n <div className=\"solid-kanban-config-placeholder-badge\">KANBAN CONFIGURATION</div>\n <div className=\"solid-kanban-config-placeholder-title\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\"\n ? \"Kanban card widget could not be resolved\"\n : \"Kanban card widget is not configured\"}\n </div>\n <div className=\"solid-kanban-config-placeholder-description\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\" ? (\n <>\n This kanban view references <code>{kanbanCardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n </>\n ) : (\n <>\n This kanban view does not define a <code>cardWidget</code> on the card node.\n </>\n )}\n </div>\n <div className=\"solid-kanban-config-placeholder-hint\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\"\n ? \"Register the widget in the extension registry or update the kanban metadata to point at a valid component.\"\n : \"Configure attrs.cardWidget on the kanban card metadata so the board can render each record.\"}\n </div>\n </div>\n </div>\n ) : (\n <DragDropContext onDragEnd={onDragEnd}>\n <div className=\"flex gap-3 px-3 md:px-4 py-2 md:py-3 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: any) => {\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 groupByField={data.groupName}\n group={group}\n isKanbanDragEnabled={isKanbanDragEnabled}\n solidKanbanViewMetaData={solidKanbanViewMetaData}\n groupData={data.groupData.records}\n toggleFold={toggleFold}\n handleLoadMore={handleLoadMore}\n setLightboxUrls={setLightboxUrls}\n setOpenLightbox={setOpenLightbox}\n editButtonUrl={editButtonUrl}\n cardNode={cardNode}\n DynamicCardWidget={DynamicCardWidget}\n />\n );\n })}\n {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 )}\n </div>\n );\n}\n\nexport default KanbanBoard;\n"]}

package/dist/components/core/kanban/KanbanBoard.tsx CHANGED Viewed

@@ -34,6 +34,13 @@ export const KanbanBoard = ({ groupByFieldName, kanbanViewData, maxSwimLanesCoun
     // State to manage the folded status of each column
     const [foldedStates, setFoldedStates] = useState<Record<string, boolean>>({});
     const cardNode = findKanbanCardNode(solidKanbanViewMetaData?.solidView?.layout?.children || []);
+    const layoutAttrs = solidKanbanViewMetaData?.solidView?.layout?.attrs || {};
+    const isKanbanDragEnabled =
+        layoutAttrs.draggable !== false &&
+        layoutAttrs.dragAndDrop !== false &&
+        layoutAttrs.enableDrag !== false &&
+        layoutAttrs.disableDrag !== true &&
+        layoutAttrs.disableDragging !== true;
     const cardWidget = cardNode?.attrs?.cardWidget || cardNode?.cardWidget;
     const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;
     const kanbanCardConfigurationIssue = !cardWidget
@@ -135,6 +142,7 @@ export const KanbanBoard = ({ groupByFieldName, kanbanViewData, maxSwimLanesCoun
                                 key={data.groupName}
                                 groupByField={data.groupName}
                                 group={group}
+                                isKanbanDragEnabled={isKanbanDragEnabled}
                                 solidKanbanViewMetaData={solidKanbanViewMetaData}
                                 groupData={data.groupData.records}
                                 toggleFold={toggleFold}

package/dist/components/core/kanban/KanbanCard.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ interface KanbanCardProps {
     data: Data;
     solidKanbanViewMetaData: any;
     index: number;
+    isDragDisabled?: boolean;
     setLightboxUrls?: any;
     setOpenLightbox?: any;
     editButtonUrl?: string;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,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;IACd,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuFzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,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;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuFzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -14,7 +14,7 @@ import { useRouter } from "../../../hooks/useRouter";
 import { Draggable } from "@hello-pangea/dnd";
 import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 var KanbanCard = function (_a) {
-    var data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, index = _a.index, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, groupByFieldName = _a.groupByFieldName, group = _a.group, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget;
+    var data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, index = _a.index, _b = _a.isDragDisabled, isDragDisabled = _b === void 0 ? false : _b, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, groupByFieldName = _a.groupByFieldName, group = _a.group, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget;
     var router = useRouter();
     var openRecord = function () {
         if (typeof window !== "undefined") {
@@ -28,12 +28,12 @@ var KanbanCard = function (_a) {
     var renderKanbanAction = function (data) {
         return (_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsx(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id)); }, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] }) })] }) }));
     };
-    return (_jsx(Draggable, { draggableId: String(data.id), index: index, children: function (provided, snapshot) {
+    return (_jsx(Draggable, { draggableId: String(data.id), index: index, isDragDisabled: isDragDisabled, children: function (provided, snapshot) {
             var _a, _b;
-            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: {
+            return (_jsx("div", __assign({ className: "", ref: provided.innerRef }, provided.draggableProps, (!isDragDisabled ? 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'
+                        cursor: isDragDisabled ? "pointer" : "grab"
                     }, elevation: snapshot.isDragging ? 3 : 1, className: "solid-kanban-card", onClick: openRecord, children: [renderKanbanAction(data), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidKanbanViewMetaData, solidView: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView, solidFieldsMetadata: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.attrs) || {}, groupedView: true, groupByFieldName: groupByFieldName, group: group, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) })));
         } }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAqB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,GACV,MAAM,kBAAkB,CAAC;~~AAsB1B~~,IAAM,UAAU,GAA8B,UAAC,~~EAA+I~~;~~QAA7I~~,IAAI,UAAA,EAAE,uBAAuB,6BAAA,EAAE,KAAK,WAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,sBAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,iBAAiB,uBAAA;~~IAC1L~~,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,IAAM,UAAU,GAAG;QACjB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;SAC9C;QACD,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACf,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAC,IAAI;QAC9B,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,YACtE,MAAC,iBAAiB,eAChB,KAAC,wBAAwB,IAAC,OAAO,kBAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sDAAsD,gBACrD,mBAAmB,YAE9B,KAAC,SAAS,IAAC,IAAI,EAAC,eAAe,wBAAe,GACvC,GACgB,EAC3B,KAAC,wBAAwB,IAAC,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,KAAK,YACpE,MAAC,qBAAqB,IACpB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,EAA3C,CAA2C,aAE3D,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACtF,eAAM,SAAS,EAAC,kCAAkC,qBAAY,IACxC,GACC,IACT,GAChB,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,SAAS,IAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,~~YAClD~~,UAAC,QAA2B,EAAE,QAAQ;;YAAK,OAAA,CAC1C,uBACE,SAAS,EAAC,EAAE,EACZ,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB,QAAQ,CAAC,cAAc,EACvB,QAAQ,CAAC,eAAe,~~IAC5B~~,KAAK,aAAI,SAAS,EAAE,MAAM,IAAK,QAAQ,CAAC,cAAc,CAAC,KAAK,GAC5D,SAAS,EAAC,uBAAuB,YAIjC,eACE,KAAK,EAAE;wBACL,OAAO,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;wBACtC,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;wBACrD,MAAM,EAAE,SAAS;~~qBAClB~~,EACD,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACtC,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,UAAU,aAElB,kBAAkB,CAAC,IAAI,CAAC,EACxB,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,IAChB,OAAO,EAAE,IAAI,EACb,uBAAuB,EAAE,uBAAuB,EAChD,SAAS,EAAE,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,SAAS,EAC7C,mBAAmB,EAAE,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,mBAAmB,EACjE,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,CAAA,MAAA,MAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,KAAI,EAAE,EACpE,WAAW,EAAE,IAAI,EACjB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAA;SAAA,GACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { Draggable, DraggableProvided } from \"@hello-pangea/dnd\";\nimport {\n SolidDropdownMenu,\n SolidDropdownMenuContent,\n SolidDropdownMenuItem,\n SolidDropdownMenuTrigger,\n SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define the types for the data and props\ninterface Data {\n id: string;\n title: string;\n content: string;\n}\n\ninterface KanbanCardProps {\n data: Data;\n solidKanbanViewMetaData: any;\n index: number;\n setLightboxUrls?: any;\n setOpenLightbox?: any;\n editButtonUrl?: string;\n groupByFieldName?: string;\n group?: any;\n cardNode?: any;\n DynamicCardWidget?: any;\n}\n\nconst KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget }) => {\n const router = useRouter()\n const openRecord = () => {\n if (typeof window !== \"undefined\") {\n sessionStorage.setItem(\"fromView\", \"kanban\");\n }\n router.push(`${editButtonUrl}/${data?.id}`);\n };\n\n const openEdit = () => {\n router.push(`${editButtonUrl}/${data?.id}`);\n };\n\n const renderKanbanAction = (data) => {\n return (\n <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n <SolidDropdownMenu>\n <SolidDropdownMenuTrigger asChild>\n <button\n type=\"button\"\n className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n aria-label=\"Open card actions\"\n >\n <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n </button>\n </SolidDropdownMenuTrigger>\n <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item\"\n onSelect={() => router.push(`${editButtonUrl}/${data?.id}`)}\n >\n <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Edit</span>\n </SolidDropdownMenuItem>\n </SolidDropdownMenuContent>\n </SolidDropdownMenu>\n </div>\n )\n }\n\n return (\n <Draggable draggableId={String(data.id)} index={index}>\n {(provided: DraggableProvided, snapshot) => (\n <div\n className=\"\"\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n style={{ marginTop: \"1rem\", ...provided.draggableProps.style }}\n className=\"kanban-card-container\"\n >\n {/* <p className=\"kanban-card-heading\">{data.title}</p> /}\n {/ <p className=\"kanban-card-content\">{data.content}</p> */}\n <div\n style={{\n opacity: snapshot.isDragging ? 0.9 : 1,\n transform: snapshot.isDragging ? \"rotate(-2deg)\" : \"\",\n cursor: 'pointer'\n }}\n elevation={snapshot.isDragging ? 3 : 1}\n className=\"solid-kanban-card\"\n onClick={openRecord}\n >\n {renderKanbanAction(data)}\n {DynamicCardWidget ? (\n <DynamicCardWidget\n rowData={data}\n solidKanbanViewMetaData={solidKanbanViewMetaData}\n solidView={solidKanbanViewMetaData?.solidView}\n solidFieldsMetadata={solidKanbanViewMetaData?.solidFieldsMetadata}\n card={cardNode}\n layoutAttrs={solidKanbanViewMetaData?.solidView?.layout?.attrs \|\| {}}\n groupedView={true}\n groupByFieldName={groupByFieldName}\n group={group}\n editButtonUrl={editButtonUrl}\n setLightboxUrls={setLightboxUrls}\n setOpenLightbox={setOpenLightbox}\n openRecord={openRecord}\n openEdit={openEdit}\n />\n ) : null}\n </div>\n </div>\n )}\n </Draggable>\n );\n};\n\nexport default KanbanCard;\n"]}
1	+ {"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { Draggable, DraggableProvided } from \"@hello-pangea/dnd\";\nimport {\n SolidDropdownMenu,\n SolidDropdownMenuContent,\n SolidDropdownMenuItem,\n SolidDropdownMenuTrigger,\n SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define the types for the data and props\ninterface Data {\n id: string;\n title: string;\n content: string;\n}\n\ninterface KanbanCardProps {\n data: Data;\n solidKanbanViewMetaData: any;\n index: number;\n isDragDisabled?: boolean;\n setLightboxUrls?: any;\n setOpenLightbox?: any;\n editButtonUrl?: string;\n groupByFieldName?: string;\n group?: any;\n cardNode?: any;\n DynamicCardWidget?: any;\n}\n\nconst KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget }) => {\n const router = useRouter()\n const openRecord = () => {\n if (typeof window !== \"undefined\") {\n sessionStorage.setItem(\"fromView\", \"kanban\");\n }\n router.push(`${editButtonUrl}/${data?.id}`);\n };\n\n const openEdit = () => {\n router.push(`${editButtonUrl}/${data?.id}`);\n };\n\n const renderKanbanAction = (data) => {\n return (\n <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n <SolidDropdownMenu>\n <SolidDropdownMenuTrigger asChild>\n <button\n type=\"button\"\n className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n aria-label=\"Open card actions\"\n >\n <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n </button>\n </SolidDropdownMenuTrigger>\n <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item\"\n onSelect={() => router.push(`${editButtonUrl}/${data?.id}`)}\n >\n <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Edit</span>\n </SolidDropdownMenuItem>\n </SolidDropdownMenuContent>\n </SolidDropdownMenu>\n </div>\n )\n }\n\n return (\n <Draggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>\n {(provided: DraggableProvided, snapshot) => (\n <div\n className=\"\"\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...(!isDragDisabled ? provided.dragHandleProps : {})}\n style={{ marginTop: \"1rem\", ...provided.draggableProps.style }}\n className=\"kanban-card-container\"\n >\n {/* <p className=\"kanban-card-heading\">{data.title}</p> /}\n {/ <p className=\"kanban-card-content\">{data.content}</p> */}\n <div\n style={{\n opacity: snapshot.isDragging ? 0.9 : 1,\n transform: snapshot.isDragging ? \"rotate(-2deg)\" : \"\",\n cursor: isDragDisabled ? \"pointer\" : \"grab\"\n }}\n elevation={snapshot.isDragging ? 3 : 1}\n className=\"solid-kanban-card\"\n onClick={openRecord}\n >\n {renderKanbanAction(data)}\n {DynamicCardWidget ? (\n <DynamicCardWidget\n rowData={data}\n solidKanbanViewMetaData={solidKanbanViewMetaData}\n solidView={solidKanbanViewMetaData?.solidView}\n solidFieldsMetadata={solidKanbanViewMetaData?.solidFieldsMetadata}\n card={cardNode}\n layoutAttrs={solidKanbanViewMetaData?.solidView?.layout?.attrs \|\| {}}\n groupedView={true}\n groupByFieldName={groupByFieldName}\n group={group}\n editButtonUrl={editButtonUrl}\n setLightboxUrls={setLightboxUrls}\n setOpenLightbox={setOpenLightbox}\n openRecord={openRecord}\n openEdit={openEdit}\n />\n ) : null}\n </div>\n </div>\n )}\n </Draggable>\n );\n};\n\nexport default KanbanCard;\n"]}