npm - @solidxai/core-ui - Versions diffs - 0.1.8-beta.1 → 0.1.8-beta.10 - Mend

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

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 (296) hide show

package/dist/components/core/kanban/kanban-fields/SolidMediaMultipleKanbanField.tsx CHANGED Viewed

@@ -1,9 +1,14 @@
 import React, { useState } from 'react';
-import { Column } from "primereact/column";
 import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
-import { Dialog } from 'primereact/dialog';
 import { Document, Page, pdfjs } from "react-pdf";
+import {
+    SolidDialog,
+    SolidDialogBody,
+    SolidDialogClose,
+    SolidDialogHeader,
+    SolidDialogTitle,
+} from "../../../shad-cn-ui";
 pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
@@ -125,16 +130,22 @@ const SolidMediaMultipleKanbanField = ({ solidKanbanViewMetaData, fieldMetadata,
             })}
             {/* PDF Dialog */}
-            <Dialog header="PDF Preview" visible={visible} style={{ width: "" }} onHide={() => setVisible(false)} modal>
-                {selectedPdf && (
-                    <Document file={selectedPdf}>
-                        <Page pageNumber={1} />
-                    </Document>
-                )}
-            </Dialog>
+            <SolidDialog open={visible} onOpenChange={setVisible} className="solid-kanban-preview-dialog">
+                <SolidDialogHeader className="solid-kanban-preview-dialog-header">
+                    <SolidDialogTitle>PDF Preview</SolidDialogTitle>
+                    <SolidDialogClose />
+                </SolidDialogHeader>
+                <SolidDialogBody className="solid-kanban-preview-dialog-body">
+                    {selectedPdf && (
+                        <Document file={selectedPdf}>
+                            <Page pageNumber={1} />
+                        </Document>
+                    )}
+                </SolidDialogBody>
+            </SolidDialog>
         </div>
     );
 };
-export default SolidMediaMultipleKanbanField;
+export default SolidMediaMultipleKanbanField;

package/dist/components/core/kanban/kanban-fields/SolidMediaSingleKanbanField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidMediaSingleKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidMediaSingleKanbanField.tsx"],"names":[],"mappings":"~~AAIA~~,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;~~AAevE~~,QAAA,MAAM,2BAA2B,oGAAqG,2BAA2B,~~4CA8IhK~~,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
1	+ {"version":3,"file":"SolidMediaSingleKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidMediaSingleKanbanField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAmBvE,QAAA,MAAM,2BAA2B,oGAAqG,2BAA2B,4CAoJhK,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/components/core/kanban/kanban-fields/SolidMediaSingleKanbanField.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Document, Page, pdfjs } from "react-pdf";
-import { Dialog } from "primereact/dialog";
 import { PDFSvg } from '../../../../components/Svg/PDFSvg';
 import Image from "../../../common/Image";
 import FileImage from '../../../../resources/images/fileTypes/File.png';
 import { ExcelSvg } from '../../../../components/Svg/ExcelSvg';
 import MP3Image from '../../../../resources/images/fileTypes/Mp3.png';
 import MP4Image from '../../../../resources/images/fileTypes/Mp4.png';
+import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogTitle, } from "../../../shad-cn-ui";
 pdfjs.GlobalWorkerOptions.workerSrc = "//unpkg.com/pdfjs-dist@".concat(pdfjs.version, "/build/pdf.worker.min.mjs");
 var SolidMediaSingleKanbanField = function (_a) {
     var _b, _c, _d, _e;
@@ -30,7 +30,7 @@ var SolidMediaSingleKanbanField = function (_a) {
                                     event.stopPropagation();
                                     setLightboxUrls([{ src: url }]);
                                     setOpenLightbox(true);
-                                }, children: fileName })] }), mimeType && mimeType.includes("pdf") && (_jsxs("div", { onClick: function (e) { return e.stopPropagation(); }, children: [_jsxs("div", { className: 'flex align-items-end gap-2 my-2', children: [_jsx("div", { onClick: function () { return setVisible(true); }, style: { cursor: 'pointer' }, children: _jsx(PDFSvg, { size: 50 }) }), _jsx("p", { className: "text-sm", style: { cursor: 'pointer', maxWidth: '70%', wordWrap: 'break-word', overflowWrap: 'break-word' }, onClick: function () { return setVisible(true); }, children: fileName })] }), _jsx(Dialog, { header: fileName, visible: visible, style: { width: "" }, onHide: function () { return setVisible(false); }, modal: true, children: _jsx(Document, { file: url, children: _jsx(Page, { pageNumber: 1 }) }) })] })), mimeType && (mimeType.includes("excel") || mimeType.includes("spreadsheet")) && (_jsxs("div", { className: 'flex align-items-end gap-2 my-2', onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(ExcelSvg, { size: 50 }) }), _jsxs("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", className: 'text-color flex align-items-start gap-2', style: { textDecoration: 'none' }, children: [_jsx("p", { className: "text-sm mb-1", style: { wordWrap: 'break-word', overflowWrap: 'break-word' }, children: fileName }), _jsx("span", { className: 'pi pi-cloud-download' })] })] })), mimeType && mimeType.includes("audio") && (_jsxs("div", { className: 'flex align-items-end gap-2 my-2', onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(Image, { src: MP3Image, alt: fileName, className: "relative", height: 50, width: 50 }) }), _jsxs("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", className: 'text-color flex align-items-start gap-2', style: { textDecoration: 'none' }, children: [_jsx("p", { className: "text-sm mb-1", style: { wordWrap: 'break-word', overflowWrap: 'break-word' }, children: fileName }), _jsx("span", { className: 'pi pi-cloud-download' })] })] })), mimeType && mimeType.includes("video") && (_jsxs("div", { className: 'flex align-items-end gap-2 my-2', onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(Image, { src: MP4Image, alt: fileName, className: "relative", height: 50, width: 50 }) }), _jsxs("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", className: 'text-color flex align-items-start gap-2', style: { textDecoration: 'none' }, children: [_jsx("p", { className: "text-sm mb-1", style: { wordWrap: 'break-word', overflowWrap: 'break-word' }, children: fileName }), _jsx("span", { className: 'pi pi-cloud-download' })] })] })), mimeType &&
+                                }, children: fileName })] }), mimeType && mimeType.includes("pdf") && (_jsxs("div", { onClick: function (e) { return e.stopPropagation(); }, children: [_jsxs("div", { className: 'flex align-items-end gap-2 my-2', children: [_jsx("div", { onClick: function () { return setVisible(true); }, style: { cursor: 'pointer' }, children: _jsx(PDFSvg, { size: 50 }) }), _jsx("p", { className: "text-sm", style: { cursor: 'pointer', maxWidth: '70%', wordWrap: 'break-word', overflowWrap: 'break-word' }, onClick: function () { return setVisible(true); }, children: fileName })] }), _jsxs(SolidDialog, { open: visible, onOpenChange: setVisible, className: "solid-kanban-preview-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-kanban-preview-dialog-header", children: [_jsx(SolidDialogTitle, { children: fileName }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogBody, { className: "solid-kanban-preview-dialog-body", children: _jsx(Document, { file: url, children: _jsx(Page, { pageNumber: 1 }) }) })] })] })), mimeType && (mimeType.includes("excel") || mimeType.includes("spreadsheet")) && (_jsxs("div", { className: 'flex align-items-end gap-2 my-2', onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(ExcelSvg, { size: 50 }) }), _jsxs("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", className: 'text-color flex align-items-start gap-2', style: { textDecoration: 'none' }, children: [_jsx("p", { className: "text-sm mb-1", style: { wordWrap: 'break-word', overflowWrap: 'break-word' }, children: fileName }), _jsx("span", { className: 'pi pi-cloud-download' })] })] })), mimeType && mimeType.includes("audio") && (_jsxs("div", { className: 'flex align-items-end gap-2 my-2', onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(Image, { src: MP3Image, alt: fileName, className: "relative", height: 50, width: 50 }) }), _jsxs("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", className: 'text-color flex align-items-start gap-2', style: { textDecoration: 'none' }, children: [_jsx("p", { className: "text-sm mb-1", style: { wordWrap: 'break-word', overflowWrap: 'break-word' }, children: fileName }), _jsx("span", { className: 'pi pi-cloud-download' })] })] })), mimeType && mimeType.includes("video") && (_jsxs("div", { className: 'flex align-items-end gap-2 my-2', onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(Image, { src: MP4Image, alt: fileName, className: "relative", height: 50, width: 50 }) }), _jsxs("a", { href: url, download: true, target: "_blank", rel: "noopener noreferrer", className: 'text-color flex align-items-start gap-2', style: { textDecoration: 'none' }, children: [_jsx("p", { className: "text-sm mb-1", style: { wordWrap: 'break-word', overflowWrap: 'break-word' }, children: fileName }), _jsx("span", { className: 'pi pi-cloud-download' })] })] })), mimeType &&
                 !mimeType.includes("image/") &&
                 !mimeType.includes("pdf") &&
                 !mimeType.includes("excel") &&

package/dist/components/core/kanban/kanban-fields/SolidMediaSingleKanbanField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidMediaSingleKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidMediaSingleKanbanField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { InputTypes, SolidVarInputsFilterElement } from \"../SolidVarInputsFilterElement\";\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { FilterMatchMode } from 'primereact/api';\nimport { Document, Page, pdfjs } from \"react-pdf\";\nimport { Dialog } from \"primereact/dialog\";\nimport { PDFSvg } from '../../../../components/Svg/PDFSvg';\nimport Image from \"../../../common/Image\";\nimport FileImage from '../../../../resources/images/fileTypes/File.png'\nimport { ExcelSvg } from '../../../../components/Svg/ExcelSvg';\nimport MP3Image from '../../../../resources/images/fileTypes/Mp3.png'\nimport MP4Image from '../../../../resources/images/fileTypes/Mp4.png'\n\npdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;\n\n\nconst SolidMediaSingleKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox }: SolidKanbanViewFieldsParams) => {\n const [visible, setVisible] = useState(false);\n const header = fieldMetadata.displayName;\n const url = data && data._media && data._media[fieldMetadata.name].length > 0 && data._media[fieldMetadata.name].map((i: any) => i._full_url)[0];\n const mimeType = data && data._media && data._media[fieldMetadata.name].length > 0 && data._media[fieldMetadata.name].map((i: any) => i.mimeType)[0];\n const fileName = data && data._media && data._media[fieldMetadata.name][0]?.originalFileName\n // const mimeType: string = \"excel\";\n // const url = \"http://localhost:8080/media-files-storage/Holiday List 2025.pdf\";\n // const url = \"http://localhost:8080/media-files-storage/PF Form.xls\";\n\n\n return (\n <div className={`${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : \"\"}`}>\n\n {mimeType && mimeType.includes(\"image/\") &&\n <div className='my-2'>\n <img className={fieldLayout?.attrs?.kanbanImagePreviewClassname ? fieldLayout?.attrs?.kanbanImagePreviewClassname : 'kanban-image-preview'}\n\n src={url}\n onClick={(event) => {\n event.stopPropagation();\n setLightboxUrls([{ src: url }]);\n setOpenLightbox(true);\n }}\n alt={header}\n />\n {fieldLayout?.attrs.showLabel !== false &&\n\n <p className=\"text-sm\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}\n onClick={(event) => {\n event.stopPropagation();\n setLightboxUrls([{ src: url }]);\n setOpenLightbox(true);\n }}\n >\n {fileName}\n </p>\n }\n\n </div>\n }\n {/* Render PDF - Open Lightbox on Click /}\n {mimeType && mimeType.includes(\"pdf\") && (\n <div onClick={(e) => e.stopPropagation()}>\n <div className='flex align-items-end gap-2 my-2'>\n <div onClick={() => setVisible(true)} style={{ cursor: 'pointer' }}>\n <PDFSvg size={50} />\n </div>\n <p className=\"text-sm\" style={{ cursor: 'pointer', maxWidth: '70%', wordWrap: 'break-word', overflowWrap: 'break-word' }} onClick={() => setVisible(true)}>\n {fileName}\n </p>\n </div>\n <Dialog header={fileName} visible={visible} style={{ width: \"\" }} onHide={() => setVisible(false)} modal>\n <Document file={url}>\n <Page pageNumber={1} />\n </Document>\n </Dialog>\n </div>\n )}\n {/ Excel or Other Files - Show Download Icon */}\n {mimeType && (mimeType.includes(\"excel\") \|\| mimeType.includes(\"spreadsheet\")) && (\n <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">\n <ExcelSvg size={50} />\n </a>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>\n <p className=\"text-sm mb-1\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>\n {fileName}\n </p>\n <span className='pi pi-cloud-download'></span>\n </a>\n </div>\n )}\n\n {mimeType && mimeType.includes(\"audio\") && (\n <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={MP3Image}\n alt={fileName}\n className=\"relative\"\n height={50}\n width={50}\n />\n </a>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>\n <p className=\"text-sm mb-1\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>\n {fileName}\n </p>\n <span className='pi pi-cloud-download'></span>\n </a>\n </div>\n )}\n {mimeType && mimeType.includes(\"video\") && (\n <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={MP4Image}\n alt={fileName}\n className=\"relative\"\n height={50}\n width={50}\n />\n </a>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>\n <p className=\"text-sm mb-1\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>\n {fileName}\n </p>\n <span className='pi pi-cloud-download'></span>\n </a>\n </div>\n )}\n\n {mimeType &&\n !mimeType.includes(\"image/\") &&\n !mimeType.includes(\"pdf\") &&\n !mimeType.includes(\"excel\") &&\n !mimeType.includes(\"spreadsheet\") &&\n !mimeType.includes(\"audio\") &&\n !mimeType.includes(\"video\") && (\n <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={FileImage}\n alt={fileName}\n className=\"relative\"\n height={50}\n width={50}\n />\n </a>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>\n <p className=\"text-sm mb-1\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>\n {fileName}\n </p>\n <span className='pi pi-cloud-download'></span>\n </a>\n </div>\n )\n }\n </div>\n );\n\n};\n\nexport default SolidMediaSingleKanbanField;\n"]}
1	+ {"version":3,"file":"SolidMediaSingleKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidMediaSingleKanbanField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\nimport { Document, Page, pdfjs } from \"react-pdf\";\nimport { PDFSvg } from '../../../../components/Svg/PDFSvg';\nimport Image from \"../../../common/Image\";\nimport FileImage from '../../../../resources/images/fileTypes/File.png'\nimport { ExcelSvg } from '../../../../components/Svg/ExcelSvg';\nimport MP3Image from '../../../../resources/images/fileTypes/Mp3.png'\nimport MP4Image from '../../../../resources/images/fileTypes/Mp4.png'\nimport {\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogHeader,\n SolidDialogTitle,\n} from \"../../../shad-cn-ui\";\n\npdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;\n\n\nconst SolidMediaSingleKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox }: SolidKanbanViewFieldsParams) => {\n const [visible, setVisible] = useState(false);\n const header = fieldMetadata.displayName;\n const url = data && data._media && data._media[fieldMetadata.name].length > 0 && data._media[fieldMetadata.name].map((i: any) => i._full_url)[0];\n const mimeType = data && data._media && data._media[fieldMetadata.name].length > 0 && data._media[fieldMetadata.name].map((i: any) => i.mimeType)[0];\n const fileName = data && data._media && data._media[fieldMetadata.name][0]?.originalFileName\n // const mimeType: string = \"excel\";\n // const url = \"http://localhost:8080/media-files-storage/Holiday List 2025.pdf\";\n // const url = \"http://localhost:8080/media-files-storage/PF Form.xls\";\n\n\n return (\n <div className={`${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : \"\"}`}>\n\n {mimeType && mimeType.includes(\"image/\") &&\n <div className='my-2'>\n <img className={fieldLayout?.attrs?.kanbanImagePreviewClassname ? fieldLayout?.attrs?.kanbanImagePreviewClassname : 'kanban-image-preview'}\n\n src={url}\n onClick={(event) => {\n event.stopPropagation();\n setLightboxUrls([{ src: url }]);\n setOpenLightbox(true);\n }}\n alt={header}\n />\n {fieldLayout?.attrs.showLabel !== false &&\n\n <p className=\"text-sm\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}\n onClick={(event) => {\n event.stopPropagation();\n setLightboxUrls([{ src: url }]);\n setOpenLightbox(true);\n }}\n >\n {fileName}\n </p>\n }\n\n </div>\n }\n {/* Render PDF - Open Lightbox on Click /}\n {mimeType && mimeType.includes(\"pdf\") && (\n <div onClick={(e) => e.stopPropagation()}>\n <div className='flex align-items-end gap-2 my-2'>\n <div onClick={() => setVisible(true)} style={{ cursor: 'pointer' }}>\n <PDFSvg size={50} />\n </div>\n <p className=\"text-sm\" style={{ cursor: 'pointer', maxWidth: '70%', wordWrap: 'break-word', overflowWrap: 'break-word' }} onClick={() => setVisible(true)}>\n {fileName}\n </p>\n </div>\n <SolidDialog open={visible} onOpenChange={setVisible} className=\"solid-kanban-preview-dialog\">\n <SolidDialogHeader className=\"solid-kanban-preview-dialog-header\">\n <SolidDialogTitle>{fileName}</SolidDialogTitle>\n <SolidDialogClose />\n </SolidDialogHeader>\n <SolidDialogBody className=\"solid-kanban-preview-dialog-body\">\n <Document file={url}>\n <Page pageNumber={1} />\n </Document>\n </SolidDialogBody>\n </SolidDialog>\n </div>\n )}\n {/ Excel or Other Files - Show Download Icon */}\n {mimeType && (mimeType.includes(\"excel\") \|\| mimeType.includes(\"spreadsheet\")) && (\n <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">\n <ExcelSvg size={50} />\n </a>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>\n <p className=\"text-sm mb-1\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>\n {fileName}\n </p>\n <span className='pi pi-cloud-download'></span>\n </a>\n </div>\n )}\n\n {mimeType && mimeType.includes(\"audio\") && (\n <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={MP3Image}\n alt={fileName}\n className=\"relative\"\n height={50}\n width={50}\n />\n </a>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>\n <p className=\"text-sm mb-1\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>\n {fileName}\n </p>\n <span className='pi pi-cloud-download'></span>\n </a>\n </div>\n )}\n {mimeType && mimeType.includes(\"video\") && (\n <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={MP4Image}\n alt={fileName}\n className=\"relative\"\n height={50}\n width={50}\n />\n </a>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>\n <p className=\"text-sm mb-1\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>\n {fileName}\n </p>\n <span className='pi pi-cloud-download'></span>\n </a>\n </div>\n )}\n\n {mimeType &&\n !mimeType.includes(\"image/\") &&\n !mimeType.includes(\"pdf\") &&\n !mimeType.includes(\"excel\") &&\n !mimeType.includes(\"spreadsheet\") &&\n !mimeType.includes(\"audio\") &&\n !mimeType.includes(\"video\") && (\n <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={FileImage}\n alt={fileName}\n className=\"relative\"\n height={50}\n width={50}\n />\n </a>\n <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>\n <p className=\"text-sm mb-1\" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>\n {fileName}\n </p>\n <span className='pi pi-cloud-download'></span>\n </a>\n </div>\n )\n }\n </div>\n );\n\n};\n\nexport default SolidMediaSingleKanbanField;\n"]}

package/dist/components/core/kanban/kanban-fields/SolidMediaSingleKanbanField.tsx CHANGED Viewed

@@ -1,18 +1,20 @@
 import React, { useState } from 'react';
-import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
-import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
 import { Document, Page, pdfjs } from "react-pdf";
-import { Dialog } from "primereact/dialog";
 import { PDFSvg } from '../../../../components/Svg/PDFSvg';
 import Image from "../../../common/Image";
 import FileImage from '../../../../resources/images/fileTypes/File.png'
 import { ExcelSvg } from '../../../../components/Svg/ExcelSvg';
 import MP3Image from '../../../../resources/images/fileTypes/Mp3.png'
 import MP4Image from '../../../../resources/images/fileTypes/Mp4.png'
+import {
+    SolidDialog,
+    SolidDialogBody,
+    SolidDialogClose,
+    SolidDialogHeader,
+    SolidDialogTitle,
+} from "../../../shad-cn-ui";
 pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
@@ -69,11 +71,17 @@ const SolidMediaSingleKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, f
                             {fileName}
                         </p>
                     </div>
-                    <Dialog header={fileName} visible={visible} style={{ width: "" }} onHide={() => setVisible(false)} modal>
-                        <Document file={url}>
-                            <Page pageNumber={1} />
-                        </Document>
-                    </Dialog>
+                    <SolidDialog open={visible} onOpenChange={setVisible} className="solid-kanban-preview-dialog">
+                        <SolidDialogHeader className="solid-kanban-preview-dialog-header">
+                            <SolidDialogTitle>{fileName}</SolidDialogTitle>
+                            <SolidDialogClose />
+                        </SolidDialogHeader>
+                        <SolidDialogBody className="solid-kanban-preview-dialog-body">
+                            <Document file={url}>
+                                <Page pageNumber={1} />
+                            </Document>
+                        </SolidDialogBody>
+                    </SolidDialog>
                 </div>
             )}
             {/* Excel or Other Files - Show Download Icon */}

package/dist/components/core/kanban/kanban-fields/SolidShortTextKanbanField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidShortTextKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidShortTextKanbanField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;~~AASvE~~,QAAA,MAAM,yBAAyB,iHAAkH,2BAA2B,4CA2G3K,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
1	+ {"version":3,"file":"SolidShortTextKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidShortTextKanbanField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAevE,QAAA,MAAM,yBAAyB,iHAAkH,2BAA2B,4CA2G3K,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/core/kanban/kanban-fields/SolidShortTextKanbanField.js CHANGED Viewed

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Dialog } from 'primereact/dialog';
 import { Document, Page } from "react-pdf";
 import { PDFSvg } from '../../../../components/Svg/PDFSvg';
 import MP3Image from '../../../../resources/images/fileTypes/Mp3.png';
@@ -8,6 +7,7 @@ import MP4Image from '../../../../resources/images/fileTypes/Mp4.png';
 import FileImage from '../../../../resources/images/fileTypes/File.png';
 import Image from "../../../common/Image";
 import { ExcelSvg } from '../../../../components/Svg/ExcelSvg';
+import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogTitle, } from "../../../shad-cn-ui";
 var SolidShortTextKanbanField = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata, fieldLayout = _a.fieldLayout, data = _a.data, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, groupedView = _a.groupedView;
@@ -15,9 +15,6 @@ var SolidShortTextKanbanField = function (_a) {
     var widget = ((_b = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _b === void 0 ? void 0 : _b.widget) ? (_c = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _c === void 0 ? void 0 : _c.widget : "text";
     var mimeType = data && (data === null || data === void 0 ? void 0 : data.mimeType);
     var fileName = data === null || data === void 0 ? void 0 : data.originalFileName;
-    var PDFHeader = function () {
-        return (_jsxs("div", { className: 'flex justify-content-between align-items-center', children: [_jsx("p", { className: 'm-0', children: fileName }), _jsx("a", { href: data[fieldMetadata.name], download: fileName, target: "_blank", rel: "noopener noreferrer", className: 'mr-4', children: _jsx("i", { className: 'pi pi-download' }) })] }));
-    };
     return (_jsxs("div", { className: "".concat(((_d = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _d === void 0 ? void 0 : _d.className) ? " ".concat(fieldLayout.attrs.className) : ""), children: [widget === "text" && groupedView &&
                 _jsxs("p", { className: 'font-medium', children: [((_e = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _e === void 0 ? void 0 : _e.showLabel) !== false && ((_f = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _f === void 0 ? void 0 : _f.label) ? "".concat((_g = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _g === void 0 ? void 0 : _g.label, " : ") : "", data && data[fieldMetadata.name] ? "".concat(data[fieldMetadata.name]) : ""] }), widget === "text" && !groupedView && (fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.name) === 'originalFileName' &&
                 _jsxs("p", { className: 'font-medium', children: [((_h = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _h === void 0 ? void 0 : _h.showLabel) !== false && ((_j = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _j === void 0 ? void 0 : _j.label) ? "".concat((_k = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _k === void 0 ? void 0 : _k.label, " : ") : "", data && data[fieldMetadata.name] ? "".concat(data[fieldMetadata.name]) : ""] }), widget === "text" && !groupedView && (fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.name) === 'mimeType' &&
@@ -26,7 +23,7 @@ var SolidShortTextKanbanField = function (_a) {
                             event.stopPropagation();
                             setLightboxUrls([{ src: data[fieldMetadata.name] }]);
                             setOpenLightbox(true);
-                        }, className: "".concat(!groupedView ? 'kanban-media-image-preview' : 'kanban-image-preview') }) }), widget === "image" && !groupedView && mimeType && mimeType.includes("pdf") && (_jsxs("div", { className: 'mt-3', onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("div", { className: 'kanban-media-view-card', onClick: function () { return setVisible(true); }, style: { cursor: 'pointer' }, children: _jsx(PDFSvg, {}) }), _jsx(Dialog, { header: _jsx(PDFHeader, {}), visible: visible, style: { width: "" }, onHide: function () { return setVisible(false); }, modal: true, children: _jsx(Document, { file: data[fieldMetadata.name], children: _jsx(Page, { pageNumber: 1 }) }) })] })), widget === "image" && !groupedView && mimeType && (mimeType.includes("excel") || mimeType.includes("spreadsheet")) && (_jsx("a", { href: data[fieldMetadata.name], className: 'kanban-media-view-card mt-3', onClick: function (e) { return e.stopPropagation(); }, style: { cursor: 'pointer' }, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(ExcelSvg, {}) })), widget === "image" && !groupedView && mimeType && mimeType.includes("audio") && (_jsx("a", { href: data[fieldMetadata.name], className: 'kanban-media-view-card my-2', onClick: function (e) { return e.stopPropagation(); }, style: { cursor: 'pointer' }, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(Image, { src: MP3Image, alt: fileName, className: "relative", height: 80, width: 80 }) })), widget === "image" && !groupedView && mimeType && mimeType.includes("video") && (_jsx("a", { href: data[fieldMetadata.name], className: 'kanban-media-view-card mt-3', onClick: function (e) { return e.stopPropagation(); }, style: { cursor: 'pointer' }, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(Image, { src: MP4Image, alt: fileName, className: "relative", height: 80, width: 80 }) })), widget === "image" && !groupedView && mimeType && !mimeType.includes("image/") &&
+                        }, className: "".concat(!groupedView ? 'kanban-media-image-preview' : 'kanban-image-preview') }) }), widget === "image" && !groupedView && mimeType && mimeType.includes("pdf") && (_jsxs("div", { className: 'mt-3', onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("div", { className: 'kanban-media-view-card', onClick: function () { return setVisible(true); }, style: { cursor: 'pointer' }, children: _jsx(PDFSvg, {}) }), _jsxs(SolidDialog, { open: visible, onOpenChange: setVisible, className: "solid-kanban-preview-dialog", children: [_jsx(SolidDialogHeader, { className: "solid-kanban-preview-dialog-header", children: _jsxs("div", { className: "solid-kanban-preview-dialog-title-row", children: [_jsx(SolidDialogTitle, { children: fileName }), _jsx("a", { href: data[fieldMetadata.name], download: fileName, target: "_blank", rel: "noopener noreferrer", className: "solid-kanban-preview-download", onClick: function (event) { return event.stopPropagation(); }, children: _jsx("i", { className: 'pi pi-download' }) }), _jsx(SolidDialogClose, {})] }) }), _jsx(SolidDialogBody, { className: "solid-kanban-preview-dialog-body", children: _jsx(Document, { file: data[fieldMetadata.name], children: _jsx(Page, { pageNumber: 1 }) }) })] })] })), widget === "image" && !groupedView && mimeType && (mimeType.includes("excel") || mimeType.includes("spreadsheet")) && (_jsx("a", { href: data[fieldMetadata.name], className: 'kanban-media-view-card mt-3', onClick: function (e) { return e.stopPropagation(); }, style: { cursor: 'pointer' }, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(ExcelSvg, {}) })), widget === "image" && !groupedView && mimeType && mimeType.includes("audio") && (_jsx("a", { href: data[fieldMetadata.name], className: 'kanban-media-view-card my-2', onClick: function (e) { return e.stopPropagation(); }, style: { cursor: 'pointer' }, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(Image, { src: MP3Image, alt: fileName, className: "relative", height: 80, width: 80 }) })), widget === "image" && !groupedView && mimeType && mimeType.includes("video") && (_jsx("a", { href: data[fieldMetadata.name], className: 'kanban-media-view-card mt-3', onClick: function (e) { return e.stopPropagation(); }, style: { cursor: 'pointer' }, download: true, target: "_blank", rel: "noopener noreferrer", children: _jsx(Image, { src: MP4Image, alt: fileName, className: "relative", height: 80, width: 80 }) })), widget === "image" && !groupedView && mimeType && !mimeType.includes("image/") &&
                 !mimeType.includes("pdf") &&
                 !mimeType.includes("excel") &&
                 !mimeType.includes("spreadsheet") &&

package/dist/components/core/kanban/kanban-fields/SolidShortTextKanbanField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidShortTextKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidShortTextKanbanField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useState } from 'react';\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\nimport { Dialog } from 'primereact/dialog';\nimport { Document, Page } from \"react-pdf\";\nimport { PDFSvg } from '../../../../components/Svg/PDFSvg';\nimport MP3Image from '../../../../resources/images/fileTypes/Mp3.png'\nimport MP4Image from '../../../../resources/images/fileTypes/Mp4.png'\nimport FileImage from '../../../../resources/images/fileTypes/File.png'\nimport Image from \"../../../common/Image\";\nimport { ExcelSvg } from '../../../../components/Svg/ExcelSvg';\nconst SolidShortTextKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView }: SolidKanbanViewFieldsParams) => {\n const [visible, setVisible] = useState(false);\n const widget = fieldLayout?.attrs?.widget ? fieldLayout?.attrs?.widget : \"text\";\n const mimeType = data && data?.mimeType\n const fileName = data?.originalFileName;\n const PDFHeader = () => {\n return (\n <div className='flex justify-content-between align-items-center'>\n <p className='m-0'>\n {fileName}\n </p>\n <a\n href={data[fieldMetadata.name]}\n download={fileName}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className='mr-4'\n >\n <i className='pi pi-download' />\n </a>\n </div>\n )\n }\n return (\n <div className={`${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : \"\"}`}>\n {widget === \"text\" && groupedView &&\n <p className='font-medium'>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : \"\"}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : \"\"}</p>\n }\n {widget === \"text\" && !groupedView && fieldMetadata?.name === 'originalFileName' &&\n <p className='font-medium'>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : \"\"}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : \"\"}</p>\n }\n {widget === \"text\" && !groupedView && fieldMetadata?.name === 'mimeType' &&\n <span className='solid-mimetype-chip'>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : \"\"}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : \"\"}</span>\n }\n {widget === \"image\" && !groupedView && mimeType && mimeType.includes(\"image/\") &&\n < div className='mt-3'>\n <img\n src={data[fieldMetadata.name]}\n onClick={(event) => {\n event.stopPropagation();\n setLightboxUrls([{ src: data[fieldMetadata.name] }]);\n setOpenLightbox(true);\n }}\n className={`${!groupedView ? 'kanban-media-image-preview' : 'kanban-image-preview'}`}\n ></img>\n </div>\n }\n {widget === \"image\" && !groupedView && mimeType && mimeType.includes(\"pdf\") && (\n <div className='mt-3' onClick={(e) => e.stopPropagation()}>\n <div className='kanban-media-view-card' onClick={() => setVisible(true)} style={{ cursor: 'pointer' }}>\n <PDFSvg />\n </div>\n <Dialog header={<PDFHeader />} visible={visible} style={{ width: \"\" }} onHide={() => setVisible(false)} modal>\n <Document file={data[fieldMetadata.name]}>\n <Page pageNumber={1} />\n </Document>\n </Dialog>\n </div>\n )}\n\n {widget === \"image\" && !groupedView && mimeType && (mimeType.includes(\"excel\") \|\| mimeType.includes(\"spreadsheet\")) && (\n <a href={data[fieldMetadata.name]} className='kanban-media-view-card mt-3' onClick={(e) => e.stopPropagation()} style={{ cursor: 'pointer' }} download target=\"_blank\" rel=\"noopener noreferrer\">\n <ExcelSvg />\n </a>\n )}\n {widget === \"image\" && !groupedView && mimeType && mimeType.includes(\"audio\") && (\n <a href={data[fieldMetadata.name]} className='kanban-media-view-card my-2' onClick={(e) => e.stopPropagation()} style={{ cursor: 'pointer' }} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={MP3Image}\n alt={fileName}\n className=\"relative\"\n height={80}\n width={80}\n />\n </a>\n )}\n {widget === \"image\" && !groupedView && mimeType && mimeType.includes(\"video\") && (\n <a href={data[fieldMetadata.name]} className='kanban-media-view-card mt-3' onClick={(e) => e.stopPropagation()} style={{ cursor: 'pointer' }} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={MP4Image}\n alt={fileName}\n className=\"relative\"\n height={80}\n width={80}\n />\n </a>\n )}\n\n {widget === \"image\" && !groupedView && mimeType && !mimeType.includes(\"image/\") &&\n !mimeType.includes(\"pdf\") &&\n !mimeType.includes(\"excel\") &&\n !mimeType.includes(\"spreadsheet\") &&\n !mimeType.includes(\"audio\") &&\n !mimeType.includes(\"video\") && (\n <a href={data[fieldMetadata.name]} className='kanban-media-view-card mt-3' onClick={(e) => e.stopPropagation()} style={{ cursor: 'pointer' }} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={FileImage}\n alt={fileName}\n className=\"relative\"\n height={80}\n width={80}\n />\n </a>\n )}\n </div>\n );\n\n};\n\nexport default SolidShortTextKanbanField;\n"]}
1	+ {"version":3,"file":"SolidShortTextKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidShortTextKanbanField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useState } from 'react';\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\nimport { Document, Page } from \"react-pdf\";\nimport { PDFSvg } from '../../../../components/Svg/PDFSvg';\nimport MP3Image from '../../../../resources/images/fileTypes/Mp3.png'\nimport MP4Image from '../../../../resources/images/fileTypes/Mp4.png'\nimport FileImage from '../../../../resources/images/fileTypes/File.png'\nimport Image from \"../../../common/Image\";\nimport { ExcelSvg } from '../../../../components/Svg/ExcelSvg';\nimport {\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogHeader,\n SolidDialogTitle,\n} from \"../../../shad-cn-ui\";\nconst SolidShortTextKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView }: SolidKanbanViewFieldsParams) => {\n const [visible, setVisible] = useState(false);\n const widget = fieldLayout?.attrs?.widget ? fieldLayout?.attrs?.widget : \"text\";\n const mimeType = data && data?.mimeType\n const fileName = data?.originalFileName;\n return (\n <div className={`${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : \"\"}`}>\n {widget === \"text\" && groupedView &&\n <p className='font-medium'>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : \"\"}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : \"\"}</p>\n }\n {widget === \"text\" && !groupedView && fieldMetadata?.name === 'originalFileName' &&\n <p className='font-medium'>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : \"\"}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : \"\"}</p>\n }\n {widget === \"text\" && !groupedView && fieldMetadata?.name === 'mimeType' &&\n <span className='solid-mimetype-chip'>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : \"\"}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : \"\"}</span>\n }\n {widget === \"image\" && !groupedView && mimeType && mimeType.includes(\"image/\") &&\n < div className='mt-3'>\n <img\n src={data[fieldMetadata.name]}\n onClick={(event) => {\n event.stopPropagation();\n setLightboxUrls([{ src: data[fieldMetadata.name] }]);\n setOpenLightbox(true);\n }}\n className={`${!groupedView ? 'kanban-media-image-preview' : 'kanban-image-preview'}`}\n ></img>\n </div>\n }\n {widget === \"image\" && !groupedView && mimeType && mimeType.includes(\"pdf\") && (\n <div className='mt-3' onClick={(e) => e.stopPropagation()}>\n <div className='kanban-media-view-card' onClick={() => setVisible(true)} style={{ cursor: 'pointer' }}>\n <PDFSvg />\n </div>\n <SolidDialog open={visible} onOpenChange={setVisible} className=\"solid-kanban-preview-dialog\">\n <SolidDialogHeader className=\"solid-kanban-preview-dialog-header\">\n <div className=\"solid-kanban-preview-dialog-title-row\">\n <SolidDialogTitle>{fileName}</SolidDialogTitle>\n <a\n href={data[fieldMetadata.name]}\n download={fileName}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"solid-kanban-preview-download\"\n onClick={(event) => event.stopPropagation()}\n >\n <i className='pi pi-download' />\n </a>\n <SolidDialogClose />\n </div>\n </SolidDialogHeader>\n <SolidDialogBody className=\"solid-kanban-preview-dialog-body\">\n <Document file={data[fieldMetadata.name]}>\n <Page pageNumber={1} />\n </Document>\n </SolidDialogBody>\n </SolidDialog>\n </div>\n )}\n\n {widget === \"image\" && !groupedView && mimeType && (mimeType.includes(\"excel\") \|\| mimeType.includes(\"spreadsheet\")) && (\n <a href={data[fieldMetadata.name]} className='kanban-media-view-card mt-3' onClick={(e) => e.stopPropagation()} style={{ cursor: 'pointer' }} download target=\"_blank\" rel=\"noopener noreferrer\">\n <ExcelSvg />\n </a>\n )}\n {widget === \"image\" && !groupedView && mimeType && mimeType.includes(\"audio\") && (\n <a href={data[fieldMetadata.name]} className='kanban-media-view-card my-2' onClick={(e) => e.stopPropagation()} style={{ cursor: 'pointer' }} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={MP3Image}\n alt={fileName}\n className=\"relative\"\n height={80}\n width={80}\n />\n </a>\n )}\n {widget === \"image\" && !groupedView && mimeType && mimeType.includes(\"video\") && (\n <a href={data[fieldMetadata.name]} className='kanban-media-view-card mt-3' onClick={(e) => e.stopPropagation()} style={{ cursor: 'pointer' }} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={MP4Image}\n alt={fileName}\n className=\"relative\"\n height={80}\n width={80}\n />\n </a>\n )}\n\n {widget === \"image\" && !groupedView && mimeType && !mimeType.includes(\"image/\") &&\n !mimeType.includes(\"pdf\") &&\n !mimeType.includes(\"excel\") &&\n !mimeType.includes(\"spreadsheet\") &&\n !mimeType.includes(\"audio\") &&\n !mimeType.includes(\"video\") && (\n <a href={data[fieldMetadata.name]} className='kanban-media-view-card mt-3' onClick={(e) => e.stopPropagation()} style={{ cursor: 'pointer' }} download target=\"_blank\" rel=\"noopener noreferrer\">\n <Image\n src={FileImage}\n alt={fileName}\n className=\"relative\"\n height={80}\n width={80}\n />\n </a>\n )}\n </div>\n );\n\n};\n\nexport default SolidShortTextKanbanField;\n"]}

package/dist/components/core/kanban/kanban-fields/SolidShortTextKanbanField.tsx CHANGED Viewed

@@ -1,7 +1,6 @@
 import { useState } from 'react';
 import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
-import { Dialog } from 'primereact/dialog';
 import { Document, Page } from "react-pdf";
 import { PDFSvg } from '../../../../components/Svg/PDFSvg';
 import MP3Image from '../../../../resources/images/fileTypes/Mp3.png'
@@ -9,29 +8,18 @@ import MP4Image from '../../../../resources/images/fileTypes/Mp4.png'
 import FileImage from '../../../../resources/images/fileTypes/File.png'
 import Image from "../../../common/Image";
 import { ExcelSvg } from '../../../../components/Svg/ExcelSvg';
+import {
+    SolidDialog,
+    SolidDialogBody,
+    SolidDialogClose,
+    SolidDialogHeader,
+    SolidDialogTitle,
+} from "../../../shad-cn-ui";
 const SolidShortTextKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView }: SolidKanbanViewFieldsParams) => {
     const [visible, setVisible] = useState(false);
     const widget = fieldLayout?.attrs?.widget ? fieldLayout?.attrs?.widget : "text";
     const mimeType = data && data?.mimeType
     const fileName = data?.originalFileName;
-    const PDFHeader = () => {
-        return (
-            <div className='flex justify-content-between align-items-center'>
-                <p className='m-0'>
-                    {fileName}
-                </p>
-                <a
-                    href={data[fieldMetadata.name]}
-                    download={fileName}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className='mr-4'
-                >
-                    <i className='pi pi-download' />
-                </a>
-            </div>
-        )
-    }
     return (
         <div className={`${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : ""}`}>
             {widget === "text" && groupedView &&
@@ -61,11 +49,29 @@ const SolidShortTextKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fie
                     <div className='kanban-media-view-card' onClick={() => setVisible(true)} style={{ cursor: 'pointer' }}>
                         <PDFSvg />
                     </div>
-                    <Dialog header={<PDFHeader />} visible={visible} style={{ width: "" }} onHide={() => setVisible(false)} modal>
-                        <Document file={data[fieldMetadata.name]}>
-                            <Page pageNumber={1} />
-                        </Document>
-                    </Dialog>
+                    <SolidDialog open={visible} onOpenChange={setVisible} className="solid-kanban-preview-dialog">
+                        <SolidDialogHeader className="solid-kanban-preview-dialog-header">
+                            <div className="solid-kanban-preview-dialog-title-row">
+                                <SolidDialogTitle>{fileName}</SolidDialogTitle>
+                                <a
+                                    href={data[fieldMetadata.name]}
+                                    download={fileName}
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    className="solid-kanban-preview-download"
+                                    onClick={(event) => event.stopPropagation()}
+                                >
+                                    <i className='pi pi-download' />
+                                </a>
+                                <SolidDialogClose />
+                            </div>
+                        </SolidDialogHeader>
+                        <SolidDialogBody className="solid-kanban-preview-dialog-body">
+                            <Document file={data[fieldMetadata.name]}>
+                                <Page pageNumber={1} />
+                            </Document>
+                        </SolidDialogBody>
+                    </SolidDialog>
                 </div>
             )}

package/dist/components/core/kanban/kanban-fields/relations/SolidRelationManyToOneKanbanField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidRelationManyToOneKanbanField.js","sourceRoot":"","sources":["../../../../../../src/components/core/kanban/kanban-fields/relations/SolidRelationManyToOneKanbanField.tsx"],"names":[],"mappings":";AAOA,IAAM,iCAAiC,GAAG,UAAC,EAAyF;QAAvF,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAC,IAAI,UAAA;IAEjG,OAAO,CACJ,mBAAK,CACP,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,iCAAiC,CAAC","sourcesContent":["\nimport { FilterMatchMode } from 'primereact/api';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { InputTypes, SolidVarInputsFilterElement } from '../../../../../components/core/~~kanban~~/SolidVarInputsFilterElement';\nimport { SolidKanbanViewFieldsParams } from '../../../../../components/core/kanban/SolidKanbanViewFields';\n\nconst SolidRelationManyToOneKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {\n \n return (\n <></>\n );\n\n};\n\nexport default SolidRelationManyToOneKanbanField;"]}
1	+ {"version":3,"file":"SolidRelationManyToOneKanbanField.js","sourceRoot":"","sources":["../../../../../../src/components/core/kanban/kanban-fields/relations/SolidRelationManyToOneKanbanField.tsx"],"names":[],"mappings":";AAOA,IAAM,iCAAiC,GAAG,UAAC,EAAyF;QAAvF,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAC,IAAI,UAAA;IAEjG,OAAO,CACJ,mBAAK,CACP,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,iCAAiC,CAAC","sourcesContent":["\nimport { FilterMatchMode } from 'primereact/api';\nimport { Column, ColumnFilterElementTemplateOptions } from \"primereact/column\";\nimport { FormEvent } from \"primereact/ts-helpers\";\nimport { InputTypes, SolidVarInputsFilterElement } from '../../../../../components/core/filter/SolidVarInputsFilterElement';\nimport { SolidKanbanViewFieldsParams } from '../../../../../components/core/kanban/SolidKanbanViewFields';\n\nconst SolidRelationManyToOneKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {\n \n return (\n <></>\n );\n\n};\n\nexport default SolidRelationManyToOneKanbanField;\n"]}

package/dist/components/core/kanban/kanban-fields/relations/SolidRelationManyToOneKanbanField.tsx CHANGED Viewed

@@ -2,7 +2,7 @@
 import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
 import { FormEvent } from "primereact/ts-helpers";
-import { InputTypes, SolidVarInputsFilterElement } from '../../../../../components/core/kanban/SolidVarInputsFilterElement';
+import { InputTypes, SolidVarInputsFilterElement } from '../../../../../components/core/filter/SolidVarInputsFilterElement';
 import { SolidKanbanViewFieldsParams } from '../../../../../components/core/kanban/SolidKanbanViewFields';
 const SolidRelationManyToOneKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {
@@ -13,4 +13,4 @@ const SolidRelationManyToOneKanbanField = ({ solidKanbanViewMetaData, fieldMetad
 };
-export default SolidRelationManyToOneKanbanField;
+export default SolidRelationManyToOneKanbanField;

package/dist/components/core/list/SolidColumnSelector/SolidListColumnSelector.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidListColumnSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/SolidColumnSelector/SolidListColumnSelector.tsx"],"names":[],"mappings":"~~AAkBA~~,eAAO,MAAM,uBAAuB,kCAAmC,GAAG,wDAuMzE,CAAA"}
1	+ {"version":3,"file":"SolidListColumnSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/SolidColumnSelector/SolidListColumnSelector.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,uBAAuB,kCAAmC,GAAG,wDAuMzE,CAAA"}

package/dist/components/core/list/SolidColumnSelector/SolidListColumnSelector.js CHANGED Viewed

@@ -59,10 +59,11 @@ import { useFormik } from 'formik';
 import { useState } from 'react';
 import { useDispatch } from 'react-redux';
 import { createSolidEntityApi } from '../../../../redux/api/solidEntityApi';
-import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
+import { DragDropContext } from '@hello-pangea/dnd';
 import styles from './SolidListColumnSelector.module.css';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
 import { showToast } from '../../../../redux/features/toastSlice';
+import { asCompatibleReactNode, CompatibleDraggable, CompatibleDroppable } from '../../common/dndCompat';
 export var SolidListColumnSelector = function (_a) {
     var _b, _c;
     var listViewMetaData = _a.listViewMetaData, onClose = _a.onClose;
@@ -190,12 +191,12 @@ export var SolidListColumnSelector = function (_a) {
         reordered.splice(result.destination.index, 0, moved);
         setFields(reordered);
     };
-    return (_jsx(_Fragment, { children: _jsxs("form", { onSubmit: formik.handleSubmit, className: "flex flex-column gap-1 px-0", children: [_jsx(DragDropContext, { onDragEnd: onDragEnd, onDragStart: function () { return setIsDragging(true); }, children: _jsx(Droppable, { droppableId: "columns", children: function (provided) { return (_jsxs("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, className: "flex flex-column cogwheel-column-filter px-0 ".concat(isDragging ? styles.SolidColumnDragContextActive : ''), style: { maxHeight: 400, overflowY: 'auto' }, children: [fields.map(function (column, index) { return (_jsx(Draggable, { draggableId: column.key, index: index, children: function (provided, snapshot) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "flex align-items-center justify-content-between gap-3 px-2 py-2 ".concat(snapshot.isDragging ? styles.SolidColumnDraggedActiveElement : ''), style: __assign({}, provided.draggableProps.style), children: [_jsxs("label", { htmlFor: column.key, className: 'solid-column-selector-item-main', children: [_jsx("input", { id: column.key, type: "checkbox", name: "selectedColumns", className: "solid-column-selector-checkbox", checked: formik.values.selectedColumns.some(function (item) { return item.key === column.key; }), onChange: function () {
+    return (_jsx(_Fragment, { children: _jsxs("form", { onSubmit: formik.handleSubmit, className: "flex flex-column gap-1 px-0", children: [_jsx(DragDropContext, { onDragEnd: onDragEnd, onDragStart: function () { return setIsDragging(true); }, children: _jsx(CompatibleDroppable, { droppableId: "columns", children: function (provided) { return (_jsxs("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, className: "flex flex-column cogwheel-column-filter px-0 ".concat(isDragging ? styles.SolidColumnDragContextActive : ''), style: { maxHeight: 400, overflowY: 'auto' }, children: [fields.map(function (column, index) { return (_jsx(CompatibleDraggable, { draggableId: column.key, index: index, children: function (provided, snapshot) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "flex align-items-center justify-content-between gap-3 px-2 py-2 ".concat(snapshot.isDragging ? styles.SolidColumnDraggedActiveElement : ''), style: __assign({}, provided.draggableProps.style), children: [_jsxs("label", { htmlFor: column.key, className: 'solid-column-selector-item-main', children: [_jsx("input", { id: column.key, type: "checkbox", name: "selectedColumns", className: "solid-column-selector-checkbox", checked: formik.values.selectedColumns.some(function (item) { return item.key === column.key; }), onChange: function () {
                                                             var isChecked = formik.values.selectedColumns.some(function (item) { return item.key === column.key; });
                                                             formik.setFieldValue("selectedColumns", isChecked
                                                                 ? formik.values.selectedColumns.filter(function (item) { return item.key !== column.key; })
                                                                 : __spreadArray(__spreadArray([], formik.values.selectedColumns, true), [column], false));
-                                                        } }), _jsx("span", { className: "solid-column-selector-label", children: column.name })] }), _jsx(DragActive, { active: snapshot.isDragging })] }))); } }, column.key)); }), provided.placeholder] }))); } }) }), _jsxs("div", { className: "solid-column-selector-actions", children: [_jsx("button", { type: 'submit', className: "solid-compact-action-button solid-compact-action-button-primary", children: "Apply" }), _jsx("button", { type: 'button', className: "solid-compact-action-button", onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); }, children: "Cancel" })] })] }) }));
+                                                        } }), _jsx("span", { className: "solid-column-selector-label", children: column.name })] }), _jsx(DragActive, { active: snapshot.isDragging })] }))); } }, column.key)); }), asCompatibleReactNode(provided.placeholder)] }))); } }) }), _jsxs("div", { className: "solid-column-selector-actions", children: [_jsx("button", { type: 'submit', className: "solid-compact-action-button solid-compact-action-button-primary", children: "Apply" }), _jsx("button", { type: 'button', className: "solid-compact-action-button", onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); }, children: "Cancel" })] })] }) }));
 };
 var DragActive = function (_a) {
     var active = _a.active;