@solidxai/core-ui 0.1.8-beta.1 → 0.1.8-beta.15

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

@@ -9,8 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, } from "../../../../../../shad-cn-ui/SolidDialog";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SolidDialog, SolidDialogBody, } from "../../../../../../shad-cn-ui/SolidDialog";
 import { camelCase } from "lodash";
 import SolidFormView from "../../../../../../../components/core/form/SolidFormView";
 export var InlineRelationEntityDialog = function (_a) {
@@ -32,6 +32,6 @@ export var InlineRelationEntityDialog = function (_a) {
     };
     var dialogWidth = (_g = (_f = (_e = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.inlineCreateLayout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : "60vw";
     var dialogHeight = (_l = (_k = (_j = (_h = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _h === void 0 ? void 0 : _h.inlineCreateLayout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.height) !== null && _l !== void 0 ? _l : "auto";
-    return (_jsxs(SolidDialog, { open: visible, onOpenChange: setVisible, className: "solid-dialog", style: { width: dialogWidth, height: dialogHeight }, children: [_jsx(SolidDialogHeader, { children: _jsx(SolidDialogClose, { "aria-label": "Close dialog" }) }), _jsx(SolidDialogBody, { children: _jsx(SolidFormView, __assign({}, params)) })] }));
+    return (_jsx(SolidDialog, { open: visible, onOpenChange: setVisible, className: "solid-dialog", style: { width: dialogWidth, height: dialogHeight }, children: _jsx(SolidDialogBody, { children: _jsx(SolidFormView, __assign({}, params)) }) }));
 };
 //# sourceMappingURL=InlineRelationEntityDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineRelationEntityDialog.js","sourceRoot":"","sources":["../../../../../../../../src/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,aAAa,MAAM,yDAAyD,CAAC;AAEpF,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAAoD;;QAAlD,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAE3C,IAAM,MAAM,GAAG;QACb,UAAU,EAAE,YAAY,CAAC,aAAa,CAAC,uBAAuB;QAC9D,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB;QACxD,mBAAmB,EAAE,UAAC,MAAW;YAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC;QACD,oBAAoB,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,oBAAoB;QAClE,gBAAgB,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;QACzC,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,2BAA2B,CAAC;KAC7E,CAAC;IAEF,IAAM,WAAW,GAAG,MAAA,MAAA,MAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB,0CAAE,KAAK,0CAAE,KAAK,mCAAI,MAAM,CAAC;IACvF,IAAM,YAAY,GAAG,MAAA,MAAA,MAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB,0CAAE,KAAK,0CAAE,MAAM,mCAAI,MAAM,CAAC;IAEzF,OAAO,CACL,MAAC,WAAW,IACV,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,UAAU,EACxB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,aAEnD,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,kBAAY,cAAc,GAAG,GAC5B,EACpB,KAAC,eAAe,cACd,KAAC,aAAa,eAAK,MAAM,EAAI,GACb,IACN,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogHeader,\n} from \"../../../../../../shad-cn-ui/SolidDialog\";\nimport { camelCase } from \"lodash\";\nimport SolidFormView from \"../../../../../../../components/core/form/SolidFormView\";\n\nexport const InlineRelationEntityDialog = ({ visible, setVisible, fieldContext, onCreate }: any) => {\n  const fieldLayoutInfo = fieldContext.field;\n\n  const params = {\n    moduleName: fieldContext.fieldMetadata.relationModelModuleName,\n    id: \"new\",\n    embeded: true,\n    customLayout: fieldLayoutInfo?.attrs?.inlineCreateLayout,\n    customCreateHandler: (values: any) => {\n      setVisible(false);\n      onCreate(values);\n    },\n    inlineCreateAutoSave: fieldLayoutInfo?.attrs?.inlineCreateAutoSave,\n    handlePopupClose: () => setVisible(false),\n    modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName)\n  };\n\n  const dialogWidth = fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ?? \"60vw\";\n  const dialogHeight = fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.height ?? \"auto\";\n\n  return (\n    <SolidDialog\n      open={visible}\n      onOpenChange={setVisible}\n      className=\"solid-dialog\"\n      style={{ width: dialogWidth, height: dialogHeight }}\n    >\n      <SolidDialogHeader>\n        <SolidDialogClose aria-label=\"Close dialog\" />\n      </SolidDialogHeader>\n      <SolidDialogBody>\n        <SolidFormView {...params} />\n      </SolidDialogBody>\n    </SolidDialog>\n  );\n};\n"]}
+{"version":3,"file":"InlineRelationEntityDialog.js","sourceRoot":"","sources":["../../../../../../../../src/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,WAAW,EACX,eAAe,GAChB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,aAAa,MAAM,yDAAyD,CAAC;AAEpF,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAAoD;;QAAlD,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAE3C,IAAM,MAAM,GAAG;QACb,UAAU,EAAE,YAAY,CAAC,aAAa,CAAC,uBAAuB;QAC9D,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB;QACxD,mBAAmB,EAAE,UAAC,MAAW;YAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC;QACD,oBAAoB,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,oBAAoB;QAClE,gBAAgB,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;QACzC,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,2BAA2B,CAAC;KAC7E,CAAC;IAEF,IAAM,WAAW,GAAG,MAAA,MAAA,MAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB,0CAAE,KAAK,0CAAE,KAAK,mCAAI,MAAM,CAAC;IACvF,IAAM,YAAY,GAAG,MAAA,MAAA,MAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB,0CAAE,KAAK,0CAAE,MAAM,mCAAI,MAAM,CAAC;IAEzF,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,UAAU,EACxB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,YAEnD,KAAC,eAAe,cACd,KAAC,aAAa,eAAK,MAAM,EAAI,GACb,GACN,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  SolidDialog,\n  SolidDialogBody,\n} from \"../../../../../../shad-cn-ui/SolidDialog\";\nimport { camelCase } from \"lodash\";\nimport SolidFormView from \"../../../../../../../components/core/form/SolidFormView\";\n\nexport const InlineRelationEntityDialog = ({ visible, setVisible, fieldContext, onCreate }: any) => {\n  const fieldLayoutInfo = fieldContext.field;\n\n  const params = {\n    moduleName: fieldContext.fieldMetadata.relationModelModuleName,\n    id: \"new\",\n    embeded: true,\n    customLayout: fieldLayoutInfo?.attrs?.inlineCreateLayout,\n    customCreateHandler: (values: any) => {\n      setVisible(false);\n      onCreate(values);\n    },\n    inlineCreateAutoSave: fieldLayoutInfo?.attrs?.inlineCreateAutoSave,\n    handlePopupClose: () => setVisible(false),\n    modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName)\n  };\n\n  const dialogWidth = fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ?? \"60vw\";\n  const dialogHeight = fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.height ?? \"auto\";\n\n  return (\n    <SolidDialog\n      open={visible}\n      onOpenChange={setVisible}\n      className=\"solid-dialog\"\n      style={{ width: dialogWidth, height: dialogHeight }}\n    >\n      <SolidDialogBody>\n        <SolidFormView {...params} />\n      </SolidDialogBody>\n    </SolidDialog>\n  );\n};\n"]}

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

@@ -1,8 +1,6 @@
 import {
   SolidDialog,
   SolidDialogBody,
-  SolidDialogClose,
-  SolidDialogHeader,
 } from "../../../../../../shad-cn-ui/SolidDialog";
 import { camelCase } from "lodash";
 import SolidFormView from "../../../../../../../components/core/form/SolidFormView";
@@ -34,9 +32,6 @@ export const InlineRelationEntityDialog = ({ visible, setVisible, fieldContext,
       className="solid-dialog"
       style={{ width: dialogWidth, height: dialogHeight }}
     >
-      <SolidDialogHeader>
-        <SolidDialogClose aria-label="Close dialog" />
-      </SolidDialogHeader>
       <SolidDialogBody>
         <SolidFormView {...params} />
       </SolidDialogBody>

package/dist/components/core/form/fields/solidFields.module.css

@@ -44,7 +44,6 @@
 .fieldInput:focus-visible {
     outline: none !important;
     border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 65%, var(--border)) !important;
-    box-shadow: 0 0 0 3px var(--ring) !important;
 }
 
 .fieldInput:disabled {
@@ -71,7 +70,6 @@
 .fieldTextarea:focus-visible {
     outline: none !important;
     border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 65%, var(--border)) !important;
-    box-shadow: 0 0 0 3px var(--ring) !important;
 }
 
 .fieldTextarea:disabled {
@@ -105,7 +103,6 @@
 .fieldNumberWrapper :global(.p-inputnumber-input):focus {
     outline: none !important;
     border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 65%, var(--border)) !important;
-    box-shadow: 0 0 0 3px var(--ring) !important;
 }
 
 .fieldNumberWrapper :global(.p-inputnumber-input):disabled {

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

@@ -1,7 +1,7 @@
 import { SolidFormFieldWidgetProps } from "../../../../../types/solid-core";
 import "viewerjs/dist/viewer.css";
 /**
- * SolidS3FileViewerWidget (PrimeReact version)
+ * SolidS3FileViewerWidget
  */
 export declare const SolidS3FileViewerWidget: ({ formik, fieldContext }: SolidFormFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SolidS3FileViewerWidget.d.ts.map

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

@@ -43,7 +43,7 @@ import "viewerjs/dist/viewer.css";
 import { SolidImageViewer } from "../../../../../components/core/common/SolidImageViewer";
 import { fetchS3Url } from "../../../../..//helpers/fetchS3Url";
 /**
- * SolidS3FileViewerWidget (PrimeReact version)
+ * SolidS3FileViewerWidget
  */
 export var SolidS3FileViewerWidget = function (_a) {
     var _b, _c;

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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","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"]}
+{"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\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

@@ -16,7 +16,7 @@ import { SolidImageViewer } from "../../../../../components/core/common/SolidIma
 import { fetchS3Url, type FetchS3UrlOptions } from "../../../../..//helpers/fetchS3Url";
 
 /**
- * SolidS3FileViewerWidget (PrimeReact version)
+ * SolidS3FileViewerWidget
  */
 export const SolidS3FileViewerWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
     const fieldMetadata = fieldContext.fieldMetadata;

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":"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"}
+{"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRouter } from "../../../hooks/useRouter";
-import { Draggable } from "@hello-pangea/dnd";
+import { CompatibleDraggable } from "../common/dndCompat";
 import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 var KanbanCard = function (_a) {
     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;
@@ -28,7 +28,7 @@ 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, isDragDisabled: isDragDisabled, children: function (provided, snapshot) {
+    return (_jsx(CompatibleDraggable, { 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, (!isDragDisabled ? provided.dragHandleProps : {}), { style: __assign({ marginTop: "1rem" }, provided.draggableProps.style), className: "kanban-card-container", children: _jsxs("div", { style: {
                         opacity: snapshot.isDragging ? 0.9 : 1,

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

@@ -1 +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"]}
+{"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 { DraggableProvided } from \"@hello-pangea/dnd\";\nimport { CompatibleDraggable } from \"../common/dndCompat\";\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    <CompatibleDraggable 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    </CompatibleDraggable>\n  );\n};\n\nexport default KanbanCard;\n"]}

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

@@ -1,7 +1,8 @@
 // @ts-nocheck
 import React from "react";
 import { useRouter } from "../../../hooks/useRouter";
-import { Draggable, DraggableProvided } from "@hello-pangea/dnd";
+import { DraggableProvided } from "@hello-pangea/dnd";
+import { CompatibleDraggable } from "../common/dndCompat";
 import {
   SolidDropdownMenu,
   SolidDropdownMenuContent,
@@ -72,7 +73,7 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
   }
 
   return (
-    <Draggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>
+    <CompatibleDraggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>
       {(provided: DraggableProvided, snapshot) => (
         <div
           className=""
@@ -116,7 +117,7 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
           </div>
         </div>
       )}
-    </Draggable>
+    </CompatibleDraggable>
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,GAAG,CAAA;CACrB;AAGD,QAAA,MAAM,YAAY,+LAAuM,iBAAiB,4CA0EzO,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAcA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,GAAG,CAAA;CACrB;AAGD,QAAA,MAAM,YAAY,+LAAuM,iBAAiB,4CA0EzO,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -10,8 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Droppable } from "@hello-pangea/dnd";
 import KanbanCard from "./KanbanCard";
+import { asCompatibleReactNode, CompatibleDroppable } from "../common/dndCompat";
 import { SolidButton, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 // @ts-ignore
 var KanbanColumn = function (_a) {
@@ -19,9 +19,9 @@ var KanbanColumn = function (_a) {
     return (_jsxs("div", { className: group.folded ? "kanban-column kanban-column-folded" : "kanban-column", children: [_jsxs("div", { className: "kaban-heading-area", children: [group.folded &&
                         _jsx("a", { onClick: function (e) { return toggleFold(groupByField); }, children: _jsxs("div", { className: "flex align-items-center", children: [_jsxs("div", { className: "kanban-arrow-icon-container", children: [_jsx(SolidIcon, { name: "si-sort-up-fill", "aria-hidden": true }), _jsx(SolidIcon, { name: "si-sort-down-fill", "aria-hidden": true })] }), _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] })] }) }), !group.folded &&
                         _jsx("div", { className: "flex align-items-center", children: _jsxs("p", { className: "kanban-group-heading", children: ["".concat(group.label), _jsx("span", { className: "kanban-count-badge", children: group.count })] }) }), !group.folded &&
-                        _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger kanban-column-cogwheel", "aria-label": "Open ".concat(group.label, " lane options"), children: _jsx(SolidIcon, { name: "si-cog", "aria-hidden": true }) }) }), _jsx(SolidDropdownMenuContent, { className: "solid-custom-overlay kanban-options-panel", align: "start", children: _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item kanban-fold-action-button", onSelect: function () { return toggleFold(groupByField); }, children: [_jsx(SolidIcon, { name: "si-angle-double-left", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Fold" })] }) })] })] }), !group.folded && (_jsx(Droppable, { droppableId: groupByField, isDropDisabled: !isKanbanDragEnabled, children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.droppableProps, { style: { minHeight: "100px" }, children: [groupData.map(function (data, index) { return (
+                        _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger kanban-column-cogwheel", "aria-label": "Open ".concat(group.label, " lane options"), children: _jsx(SolidIcon, { name: "si-cog", "aria-hidden": true }) }) }), _jsx(SolidDropdownMenuContent, { className: "solid-custom-overlay kanban-options-panel", align: "start", children: _jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item kanban-fold-action-button", onSelect: function () { return toggleFold(groupByField); }, children: [_jsx(SolidIcon, { name: "si-angle-double-left", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Fold" })] }) })] })] }), !group.folded && (_jsx(CompatibleDroppable, { droppableId: groupByField, isDropDisabled: !isKanbanDragEnabled, children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.droppableProps, { style: { minHeight: "100px" }, children: [groupData.map(function (data, index) { return (
                         // @ts-ignore
-                        _jsx(KanbanCard, { data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, isDragDisabled: !isKanbanDragEnabled, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, groupByFieldName: groupByField, group: group, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget }, data.id)); }), provided.placeholder, group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
+                        _jsx(KanbanCard, { data: data, solidKanbanViewMetaData: solidKanbanViewMetaData, index: index, isDragDisabled: !isKanbanDragEnabled, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, groupByFieldName: groupByField, group: group, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget }, data.id)); }), asCompatibleReactNode(provided.placeholder), group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
                             _jsx(SolidButton, { type: "button", variant: "ghost", size: "sm", className: "kaban-load-more", onClick: function () { return handleLoadMore(groupByField); }, children: "Load more data... (".concat(group.count - (group.limit * group.currentPage), " remaining)") })] }))); } }))] }));
 };
 export default KanbanColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { Droppable, DroppableProvided } from \"@hello-pangea/dnd\";\nimport KanbanCard from \"./KanbanCard\";\nimport {\n  SolidButton,\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define types for props\ninterface Group {\n  label: string;\n  count: number;\n  folded: boolean;\n  limit: number;\n  currentPage: number;\n}\n\ninterface GroupData {\n  id: string;\n  title: string;\n  groupByField: string;\n}\n\ninterface KanbanColumnProps {\n  groupByField: string;\n  group: Group;\n  groupData: GroupData[];\n  isKanbanDragEnabled?: boolean;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  toggleFold: (groupByField: string) => void;\n  handleLoadMore: (groupByField: string) => void;\n  setLightboxUrls: any,\n  setOpenLightbox: any\n}\n\n// @ts-ignore\nconst KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => {\n  return (\n    <div className={group.folded ? \"kanban-column kanban-column-folded\" : \"kanban-column\"}>\n      <div className=\"kaban-heading-area\">\n        {group.folded &&\n          <a onClick={e => toggleFold(groupByField)}>\n            <div className=\"flex align-items-center\">\n              <div className=\"kanban-arrow-icon-container\">\n                <SolidIcon name=\"si-sort-up-fill\" aria-hidden />\n                <SolidIcon name=\"si-sort-down-fill\" aria-hidden />\n              </div>\n              <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n            </div>\n          </a>\n        }\n\n        {!group.folded &&\n          <div className=\"flex align-items-center\">\n            <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n          </div>\n        }\n        {!group.folded &&\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger kanban-column-cogwheel\"\n                aria-label={`Open ${group.label} lane options`}\n              >\n                <SolidIcon name=\"si-cog\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay kanban-options-panel\" align=\"start\">\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item kanban-fold-action-button\"\n                onSelect={() => toggleFold(groupByField)}\n              >\n                <SolidIcon name=\"si-angle-double-left\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Fold</span>\n              </SolidDropdownMenuItem>\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        }\n      </div>\n      {!group.folded && (\n        <Droppable droppableId={groupByField} isDropDisabled={!isKanbanDragEnabled}>\n          {(provided: DroppableProvided) => (\n            <div\n              ref={provided.innerRef}\n              {...provided.droppableProps}\n              style={{ minHeight: \"100px\" }}\n            >\n              {groupData.map((data, index) => (\n                // @ts-ignore\n                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} />\n              ))}\n              {provided.placeholder}\n              {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&\n                <SolidButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"kaban-load-more\"\n                  onClick={() => handleLoadMore(groupByField)}\n                >\n                  {`Load more data... (${group.count - (group.limit * group.currentPage)} remaining)`}\n                </SolidButton>\n              }\n            </div>\n          )}\n        </Droppable>\n      )}\n    </div>\n  );\n};\n\nexport default KanbanColumn;\n"]}
+{"version":3,"file":"KanbanColumn.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { DroppableProvided } from \"@hello-pangea/dnd\";\nimport KanbanCard from \"./KanbanCard\";\nimport { asCompatibleReactNode, CompatibleDroppable } from \"../common/dndCompat\";\nimport {\n  SolidButton,\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define types for props\ninterface Group {\n  label: string;\n  count: number;\n  folded: boolean;\n  limit: number;\n  currentPage: number;\n}\n\ninterface GroupData {\n  id: string;\n  title: string;\n  groupByField: string;\n}\n\ninterface KanbanColumnProps {\n  groupByField: string;\n  group: Group;\n  groupData: GroupData[];\n  isKanbanDragEnabled?: boolean;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  toggleFold: (groupByField: string) => void;\n  handleLoadMore: (groupByField: string) => void;\n  setLightboxUrls: any,\n  setOpenLightbox: any\n}\n\n// @ts-ignore\nconst KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData, isKanbanDragEnabled = true, cardNode, DynamicCardWidget, toggleFold, handleLoadMore, setLightboxUrls, setOpenLightbox, editButtonUrl }: KanbanColumnProps) => {\n  return (\n    <div className={group.folded ? \"kanban-column kanban-column-folded\" : \"kanban-column\"}>\n      <div className=\"kaban-heading-area\">\n        {group.folded &&\n          <a onClick={e => toggleFold(groupByField)}>\n            <div className=\"flex align-items-center\">\n              <div className=\"kanban-arrow-icon-container\">\n                <SolidIcon name=\"si-sort-up-fill\" aria-hidden />\n                <SolidIcon name=\"si-sort-down-fill\" aria-hidden />\n              </div>\n              <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n            </div>\n          </a>\n        }\n\n        {!group.folded &&\n          <div className=\"flex align-items-center\">\n            <p className=\"kanban-group-heading\">{`${group.label}`}<span className=\"kanban-count-badge\">{group.count}</span></p>\n          </div>\n        }\n        {!group.folded &&\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger kanban-column-cogwheel\"\n                aria-label={`Open ${group.label} lane options`}\n              >\n                <SolidIcon name=\"si-cog\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay kanban-options-panel\" align=\"start\">\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item kanban-fold-action-button\"\n                onSelect={() => toggleFold(groupByField)}\n              >\n                <SolidIcon name=\"si-angle-double-left\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Fold</span>\n              </SolidDropdownMenuItem>\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        }\n      </div>\n      {!group.folded && (\n        <CompatibleDroppable droppableId={groupByField} isDropDisabled={!isKanbanDragEnabled}>\n          {(provided: DroppableProvided) => (\n            <div\n              ref={provided.innerRef}\n              {...provided.droppableProps}\n              style={{ minHeight: \"100px\" }}\n            >\n              {groupData.map((data, index) => (\n                // @ts-ignore\n                <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} />\n              ))}\n              {asCompatibleReactNode(provided.placeholder)}\n              {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&\n                <SolidButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"kaban-load-more\"\n                  onClick={() => handleLoadMore(groupByField)}\n                >\n                  {`Load more data... (${group.count - (group.limit * group.currentPage)} remaining)`}\n                </SolidButton>\n              }\n            </div>\n          )}\n        </CompatibleDroppable>\n      )}\n    </div>\n  );\n};\n\nexport default KanbanColumn;\n"]}

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

@@ -1,6 +1,7 @@
 import React from "react";
-import { Droppable, DroppableProvided } from "@hello-pangea/dnd";
+import { DroppableProvided } from "@hello-pangea/dnd";
 import KanbanCard from "./KanbanCard";
+import { asCompatibleReactNode, CompatibleDroppable } from "../common/dndCompat";
 import {
   SolidButton,
   SolidDropdownMenu,
@@ -84,7 +85,7 @@ const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData,
         }
       </div>
       {!group.folded && (
-        <Droppable droppableId={groupByField} isDropDisabled={!isKanbanDragEnabled}>
+        <CompatibleDroppable droppableId={groupByField} isDropDisabled={!isKanbanDragEnabled}>
           {(provided: DroppableProvided) => (
             <div
               ref={provided.innerRef}
@@ -95,7 +96,7 @@ const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData,
                 // @ts-ignore
                 <KanbanCard key={data.id} data={data} solidKanbanViewMetaData={solidKanbanViewMetaData} index={index} isDragDisabled={!isKanbanDragEnabled} setLightboxUrls={setLightboxUrls} setOpenLightbox={setOpenLightbox} editButtonUrl={editButtonUrl} groupByFieldName={groupByField} group={group} cardNode={cardNode} DynamicCardWidget={DynamicCardWidget} />
               ))}
-              {provided.placeholder}
+              {asCompatibleReactNode(provided.placeholder)}
               {group.count > 0 && (group.count > (group.limit * group.currentPage)) &&
                 <SolidButton
                   type="button"
@@ -109,7 +110,7 @@ const KanbanColumn = ({ groupByField, solidKanbanViewMetaData, group, groupData,
               }
             </div>
           )}
-        </Droppable>
+        </CompatibleDroppable>
       )}
     </div>
   );

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

@@ -1 +1 @@
-{"version":3,"file":"SolidKanbanView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanView.tsx"],"names":[],"mappings":"AAyCA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAGF,eAAO,MAAM,eAAe,WAAY,qBAAqB,4CAw3B5D,CAAC"}
+{"version":3,"file":"SolidKanbanView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanView.tsx"],"names":[],"mappings":"AAyCA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAGF,eAAO,MAAM,eAAe,WAAY,qBAAqB,4CA+2B5D,CAAC"}

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

@@ -81,35 +81,35 @@ import { showToast } from "../../../redux/features/toastSlice";
 import { usePathname } from "../../../hooks/usePathname";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
-import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, } from "../../shad-cn-ui";
+import { SolidButton, SolidConfirmDialog, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, } from "../../shad-cn-ui";
 import { FilterMatchMode } from "../filter/filterMatchMode";
 export var SolidKanbanView = function (params) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
     var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
     var dispatch = useDispatch();
     var solidGlobalSearchElementRef = useRef();
     var router = useRouter();
     var searchParams = useSearchParams();
     // TODO: The initial filter state will be created based on the fields which are present on this kanban view. 
-    var _t = useState(), filters = _t[0], setFilters = _t[1];
-    var _u = useState([]), toPopulate = _u[0], setToPopulate = _u[1];
-    var _v = useState([]), toPopulateMedia = _v[0], setToPopulateMedia = _v[1];
-    var _w = useState([]), actionsAllowed = _w[0], setActionsAllowed = _w[1];
-    var _x = useState(false), showGlobalSearchElement = _x[0], setShowGlobalSearchElement = _x[1];
-    var _y = useState(false), showArchived = _y[0], setShowArchived = _y[1];
+    var _w = useState(), filters = _w[0], setFilters = _w[1];
+    var _x = useState([]), toPopulate = _x[0], setToPopulate = _x[1];
+    var _y = useState([]), toPopulateMedia = _y[0], setToPopulateMedia = _y[1];
+    var _z = useState([]), actionsAllowed = _z[0], setActionsAllowed = _z[1];
+    var _0 = useState(false), showGlobalSearchElement = _0[0], setShowGlobalSearchElement = _0[1];
+    var _1 = useState(false), showArchived = _1[0], setShowArchived = _1[1];
     var sizeOptions = [
         { label: 'Compact', value: 'small', image: CompactImage },
         { label: 'Cozy', value: 'normal', image: CozyImage },
         { label: 'Comfortable', value: 'large', image: ComfortableImage }
     ];
-    var _z = useState(sizeOptions[1].value), size = _z[0], setSize = _z[1];
-    var _0 = useState([]), viewModes = _0[0], setViewModes = _0[1];
-    var _1 = useState(""), groupByFieldName = _1[0], setGroupByFieldName = _1[1];
+    var _2 = useState(sizeOptions[1].value), size = _2[0], setSize = _2[1];
+    var _3 = useState([]), viewModes = _3[0], setViewModes = _3[1];
+    var _4 = useState(""), groupByFieldName = _4[0], setGroupByFieldName = _4[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    var _2 = useState(false), openLightbox = _2[0], setOpenLightbox = _2[1];
-    var _3 = useState([]), lightboxUrls = _3[0], setLightboxUrls = _3[1];
-    var _4 = useState(), filterQueryString = _4[0], setFilterQueryString = _4[1];
-    var _5 = useState(false), isLayoutDialogVisible = _5[0], setLayoutDialogVisible = _5[1];
+    var _5 = useState(false), openLightbox = _5[0], setOpenLightbox = _5[1];
+    var _6 = useState([]), lightboxUrls = _6[0], setLightboxUrls = _6[1];
+    var _7 = useState(), filterQueryString = _7[0], setFilterQueryString = _7[1];
+    var _8 = useState(false), isLayoutDialogVisible = _8[0], setLayoutDialogVisible = _8[1];
     var lightboxSlides = Array.isArray(lightboxUrls)
         ? lightboxUrls
             .map(function (item) {
@@ -188,7 +188,7 @@ export var SolidKanbanView = function (params) {
     }, {
         encodeValuesOnly: true,
     });
-    var _6 = useState({}), kanbanViewMetaData = _6[0], setKanbanViewMetaData = _6[1];
+    var _9 = useState({}), kanbanViewMetaData = _9[0], setKanbanViewMetaData = _9[1];
     var solidKanbanViewMetaData = useGetSolidViewLayoutQuery(kanbanViewMetaDataQs).data;
     var initialFilterMethod = function () {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -283,30 +283,30 @@ export var SolidKanbanView = function (params) {
         }
     }, [solidKanbanViewMetaData]);
     // All kanban view state.
-    var _7 = useState([]), kanbanViewData = _7[0], setKanbanViewData = _7[1];
-    var _8 = useState({}), kanbanLoadMoreData = _8[0], setKanbanLoadMoreData = _8[1];
-    var _9 = useState(10), recordsInSwimlane = _9[0], setRecordsInSwimlane = _9[1];
-    var _10 = useState([]), selectedRecords = _10[0], setSelectedRecords = _10[1];
-    var _11 = useState(true), loading = _11[0], setLoading = _11[1];
-    var _12 = useState(false), isDialogVisible = _12[0], setDialogVisible = _12[1];
-    var _13 = useState(), createButtonUrl = _13[0], setCreateButtonUrl = _13[1];
-    var _14 = useState(), editButtonUrl = _14[0], setEditButtonUrl = _14[1];
-    var _15 = useState({}), createActionQueryParams = _15[0], setCreateActionQueryParams = _15[1];
-    var _16 = useState({}), editActionQueryParams = _16[0], setEditActionQueryParams = _16[1];
-    var _17 = useState(5), columnsCount = _17[0], setColumnsCount = _17[1];
-    var _18 = useState(1), swimLaneCurrentPageNumber = _18[0], setSwimLaneCurrentPageNumber = _18[1];
-    var _19 = useState(false), queryDataLoaded = _19[0], setQueryDataLoaded = _19[1];
-    var _20 = useState(false), showSaveFilterPopup = _20[0], setShowSaveFilterPopup = _20[1];
-    var _21 = useState(0), maxSwimLanesCount = _21[0], setMaxSwimLanesCount = _21[1];
+    var _10 = useState([]), kanbanViewData = _10[0], setKanbanViewData = _10[1];
+    var _11 = useState({}), kanbanLoadMoreData = _11[0], setKanbanLoadMoreData = _11[1];
+    var _12 = useState(10), recordsInSwimlane = _12[0], setRecordsInSwimlane = _12[1];
+    var _13 = useState([]), selectedRecords = _13[0], setSelectedRecords = _13[1];
+    var _14 = useState(true), loading = _14[0], setLoading = _14[1];
+    var _15 = useState(false), isDialogVisible = _15[0], setDialogVisible = _15[1];
+    var _16 = useState(), createButtonUrl = _16[0], setCreateButtonUrl = _16[1];
+    var _17 = useState(), editButtonUrl = _17[0], setEditButtonUrl = _17[1];
+    var _18 = useState({}), createActionQueryParams = _18[0], setCreateActionQueryParams = _18[1];
+    var _19 = useState({}), editActionQueryParams = _19[0], setEditActionQueryParams = _19[1];
+    var _20 = useState(5), columnsCount = _20[0], setColumnsCount = _20[1];
+    var _21 = useState(1), swimLaneCurrentPageNumber = _21[0], setSwimLaneCurrentPageNumber = _21[1];
+    var _22 = useState(false), queryDataLoaded = _22[0], setQueryDataLoaded = _22[1];
+    var _23 = useState(false), showSaveFilterPopup = _23[0], setShowSaveFilterPopup = _23[1];
+    var _24 = useState(0), maxSwimLanesCount = _24[0], setMaxSwimLanesCount = _24[1];
     var pathname = usePathname();
     // @ts-ignore
     var editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
     // Get the kanban view data.
     // const [triggerGetSolidEntitiesForKanban, { data: solidEntityKanbanViewData, isLoading, error }] = useLazyGetSolidKanbanEntitiesQuery();
-    var _22 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _22[0], solidEntityKanbanViewData = _22[1].data;
+    var _25 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _25[0], solidEntityKanbanViewData = _25[1].data;
     // Delete mutation 
-    var _23 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _23[0], _24 = _23[1], isDeleteSolidEntitiesLoading = _24.isLoading, isDeleteSolidEntitiesSucess = _24.isSuccess;
-    var _25 = usePatchUpdateSolidEntityMutation(), patchKanbanView = _25[0], isPatchKanbanViewLoading = _25[1].isLoading;
+    var _26 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _26[0], _27 = _26[1], isDeleteSolidEntitiesLoading = _27.isLoading, isDeleteSolidEntitiesSucess = _27.isSuccess;
+    var _28 = usePatchUpdateSolidEntityMutation(), patchKanbanView = _28[0], isPatchKanbanViewLoading = _28[1].isLoading;
     // After data is fetched populate the kanban view state so as to be able to render the data. 
     useEffect(function () {
         var _a;
@@ -755,6 +755,7 @@ export var SolidKanbanView = function (params) {
         }
     }, [solidKanbanViewMetaData]);
     var kanbanViewTitle = (_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.displayName;
+    var entityDisplayName = ((_e = (_d = (_c = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.model) === null || _e === void 0 ? void 0 : _e.displayName) || params.modelName;
     var headerRequestStatusLabel = isDeleteSolidEntitiesLoading
         ? "Deleting..."
         : isPatchKanbanViewLoading
@@ -770,17 +771,13 @@ export var SolidKanbanView = function (params) {
             dispatch(showNavbar()); // open both
         }
     };
-    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-column flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-kanban-surface flex flex-column flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-kanban-toolbar flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full solid-list-toolbar-row", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full solid-list-toolbar-left", children: [params.embeded !== true &&
-                                                    _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large", "aria-hidden": true }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: kanbanViewTitle }), ((_e = (_d = (_c = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.layout) === null || _e === void 0 ? void 0 : _e.attrs.enableGlobalSearch) === true &&
-                                                    _jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) })] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), ((_h = (_g = (_f = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs.enableGlobalSearch) === true &&
-                                                    _jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, "aria-label": "Toggle search", leftIcon: _jsx(SolidIcon, { name: "si-search", "aria-hidden": true }) }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) && ((_l = (_k = (_j = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs.create) !== false &&
-                                                    _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_p = (_o = (_m = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.layout) === null || _p === void 0 ? void 0 : _p.attrs.delete) !== false && selectedRecords.length > 0 && _jsx(SolidButton, { type: "button", variant: "destructive", size: "sm", onClick: function () { return setDialogVisible(true); }, children: "Delete" }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () {
+    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-column flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-kanban-surface flex flex-column flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-kanban-toolbar flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full solid-list-toolbar-left", children: [params.embeded !== true &&
+                                                    _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large", "aria-hidden": true }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: kanbanViewTitle }), ((_h = (_g = (_f = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs.enableGlobalSearch) === true &&
+                                                    _jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) })] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), ((_l = (_k = (_j = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs.enableGlobalSearch) === true &&
+                                                    _jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, "aria-label": "Toggle search", leftIcon: _jsx(SolidIcon, { name: "si-search", "aria-hidden": true }) }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) && ((_p = (_o = (_m = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.layout) === null || _p === void 0 ? void 0 : _p.attrs.create) !== false &&
+                                                    _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) && ((_s = (_r = (_q = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs.delete) !== false && selectedRecords.length > 0 && _jsx(SolidButton, { type: "button", variant: "destructive", size: "sm", onClick: function () { return setDialogVisible(true); }, children: "Delete" }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", onClick: function () {
                                                         window.location.reload();
-                                                    }, "aria-label": "Refresh board", leftIcon: _jsx(SolidIcon, { name: "si-refresh", "aria-hidden": true }) }), _jsx(SolidKanbanViewConfigure, { solidKanbanViewMetaData: solidKanbanViewMetaData, modelName: params.modelName, actionsAllowed: actionsAllowed, viewModes: viewModes, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleRefreshView: function () { return window.location.reload(); } })] })] }), ((_s = (_r = (_q = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs.enableGlobalSearch) === true && showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsx("style", { children: ".p-datatable .p-datatable-loading-overlay {background-color: rgba(0, 0, 0, 0.0);}" }), solidKanbanViewMetaData && kanbanViewData &&
-                            _jsx(KanbanBoard, { groupByFieldName: groupByFieldName, kanbanViewData: kanbanViewData, maxSwimLanesCount: maxSwimLanesCount, solidKanbanViewMetaData: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data, setKanbanViewData: setKanbanViewData, handleLoadMore: handleLoadMore, onDragEnd: onDragEnd, handleSwimLanePagination: handleSwimLanePagination, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editBaseUrl })] }) }), _jsxs(SolidDialog, { open: isDialogVisible, onOpenChange: function (open) {
-                    if (!open) {
-                        onDeleteClose();
-                    }
-                }, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Confirm Delete" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, { className: "solid-shadcn-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-shadcn-dialog-body", children: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete the selected records?" }) }), _jsxs(SolidDialogFooter, { className: "solid-shadcn-dialog-actions", children: [_jsx(SolidButton, { variant: "destructive", size: "sm", autoFocus: true, onClick: deleteBulk, children: "Delete" }), _jsx(SolidButton, { variant: "outline", size: "sm", onClick: onDeleteClose, children: "Cancel" })] })] }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } })), _jsxs(SolidDialog, { open: isLayoutDialogVisible, onOpenChange: setLayoutDialogVisible, className: "solid-kanban-layout-dialog", style: { width: "min(800px, calc(100vw - 32px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Change Kanban Layout" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "solid-kanban-layout-dialog-body", children: _jsx(KanbanUserViewLayout, { solidKanbanViewMetaData: solidKanbanViewMetaData, setLayoutDialogVisible: setLayoutDialogVisible }) })] })] }));
+                                                    }, "aria-label": "Refresh board", leftIcon: _jsx(SolidIcon, { name: "si-refresh", "aria-hidden": true }) }), _jsx(SolidKanbanViewConfigure, { solidKanbanViewMetaData: solidKanbanViewMetaData, modelName: params.modelName, actionsAllowed: actionsAllowed, viewModes: viewModes, setLayoutDialogVisible: setLayoutDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleRefreshView: function () { return window.location.reload(); } })] })] }), ((_v = (_u = (_t = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data) === null || _t === void 0 ? void 0 : _t.solidView) === null || _u === void 0 ? void 0 : _u.layout) === null || _v === void 0 ? void 0 : _v.attrs.enableGlobalSearch) === true && showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "kanban", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidKanbanViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsx("style", { children: ".p-datatable .p-datatable-loading-overlay {background-color: rgba(0, 0, 0, 0.0);}" }), solidKanbanViewMetaData && kanbanViewData &&
+                            _jsx(KanbanBoard, { groupByFieldName: groupByFieldName, kanbanViewData: kanbanViewData, maxSwimLanesCount: maxSwimLanesCount, solidKanbanViewMetaData: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.data, setKanbanViewData: setKanbanViewData, handleLoadMore: handleLoadMore, onDragEnd: onDragEnd, handleSwimLanePagination: handleSwimLanePagination, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editBaseUrl })] }) }), _jsx(SolidConfirmDialog, { open: isDialogVisible, onCancel: onDeleteClose, onConfirm: deleteBulk, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete the selected ".concat(entityDisplayName, " records?") }), confirmLabel: "Delete", cancelLabel: "Cancel" }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } })), _jsxs(SolidDialog, { open: isLayoutDialogVisible, onOpenChange: setLayoutDialogVisible, className: "solid-kanban-layout-dialog", style: { width: "min(800px, calc(100vw - 32px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Change Kanban Layout" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "solid-kanban-layout-dialog-body", children: _jsx(KanbanUserViewLayout, { solidKanbanViewMetaData: solidKanbanViewMetaData, setLayoutDialogVisible: setLayoutDialogVisible }) })] })] }));
 };
 //# sourceMappingURL=SolidKanbanView.js.map