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

@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-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 (1322) hide show

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/ListViewRowActionPopup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListViewRowActionPopup.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/ListViewRowActionPopup.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,gBAAiB,GAAG,~~4CAgCtD~~,CAAA"}
1	+ {"version":3,"file":"ListViewRowActionPopup.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/ListViewRowActionPopup.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,gBAAiB,GAAG,4CAoCtD,CAAA"}

package/dist/components/core/list/ListViewRowActionPopup.js CHANGED Viewed

@@ -10,8 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from "primereact/button";
+import { Check, X } from "lucide-react";
 import { getExtensionComponent } from "../../../helpers/registry";
+import { SolidButton } from "../../shad-cn-ui";
 export var ListViewRowActionPopup = function (_a) {
     //Note if there is not custom component the need a api call to server
     // GenerateModuleCode  is my custom compoennt that will trigger code generation
@@ -27,6 +28,6 @@ export var ListViewRowActionPopup = function (_a) {
     return (_jsx("div", { children: ((_c = context === null || context === void 0 ? void 0 : context.rowAction) === null || _c === void 0 ? void 0 : _c.action) ?
             DynamicWidget && _jsx(DynamicWidget, __assign({}, widgetProps))
             :
-                _jsxs(_Fragment, { children: [_jsx("h1", { children: context === null || context === void 0 ? void 0 : context.modelName }), _jsx("h1", { children: context === null || context === void 0 ? void 0 : context.moduleName }), _jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Confirm", icon: "pi pi-check", className: 'small-button', severity: "danger", autoFocus: true, onClick: triggerServerAction }), _jsx(Button, { label: "Cancel", icon: "pi pi-times", className: 'small-button', onClick: function () { return context.closeCustomRowActionPopup(); } })] })] }) }));
+                _jsxs(_Fragment, { children: [_jsx("h1", { children: context === null || context === void 0 ? void 0 : context.modelName }), _jsx("h1", { children: context === null || context === void 0 ? void 0 : context.moduleName }), _jsxs("div", { className: "flex justify-content-center", children: [_jsx(SolidButton, { className: 'small-button', variant: "destructive", autoFocus: true, onClick: triggerServerAction, leftIcon: _jsx(Check, { size: 14 }), children: "Confirm" }), _jsx(SolidButton, { className: 'small-button', variant: "outline", onClick: function () { return context.closeCustomRowActionPopup(); }, leftIcon: _jsx(X, { size: 14 }), children: "Cancel" })] })] }) }));
 };
 //# sourceMappingURL=ListViewRowActionPopup.js.map

package/dist/components/core/list/ListViewRowActionPopup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListViewRowActionPopup.js","sourceRoot":"","sources":["../../../../src/components/core/list/ListViewRowActionPopup.tsx"],"names":[],"mappings":";;;;;;;;;;;;~~AACA~~,OAAO,EAAE,~~MAAM~~,EAAE,MAAM,~~mBAAmB~~,~~CAAA~~;~~AAC1C~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;~~AAGlE~~,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAAgB;IAEnD,sEAAsE;IACtE,gFAAgF;IAChF,oGAAoG;;QAJ/D,OAAO,aAAA;IAM5C,IAAM,mBAAmB,GAAG;IAE5B,CAAC,CAAA;IAED,IAAI,aAAa,GAAG,qBAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,0CAAE,MAAM,CAAC,CAAC;IACtE,IAAM,WAAW,GAAG;QAChB,OAAO,EAAE,OAAO;KACnB,CAAA;IAED,OAAO,CACH,wBAEQ,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,0CAAE,MAAM,EAAC,CAAC;YACxB,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI;YACnD,CAAC;gBACD,8BACI,uBAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,GAAM,EAC7B,uBAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,GAAM,EAC9B,eAAK,SAAS,EAAC,6BAA6B,aACxC,KAAC,~~MAAM~~,IAAC,~~KAAK~~,EAAC,~~SAAS~~,EAAC,~~IAAI~~,EAAC,aAAa,EAAC,SAAS,~~EAAC~~,~~cAAc~~,~~EAAC~~,~~QAAQ~~,~~EAAC~~,QAAQ,~~EAAC~~,~~SAAS~~,~~QAAC~~,~~OAAO~~,EAAE,~~mBAAmB~~,GAAI,~~EAChI~~,KAAC,~~MAAM~~,IAAC,~~KAAK~~,EAAC,~~QAAQ~~,EAAC,~~IAAI~~,EAAC,~~aAAa,EAAC,~~SAAS,EAAC,~~cAAc,EAAC,~~OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,yBAAyB,EAAE,EAAnC,CAAmC,GAAI,~~IACvH~~,IACP,GAET,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["~~\nimport~~ { ~~Button~~ } from \"~~primereact/button~~\"\nimport { getExtensionComponent } from \"../../../helpers/registry\";\n\n\nexport const ListViewRowActionPopup = ({ context }: any) => {\n\n //Note if there is not custom component the need a api call to server \n // GenerateModuleCode is my custom compoennt that will trigger code generation \n //Render dynamic lsit action contains code for dynamically rendering compoennt or retunr a fall back\n\n const triggerServerAction = () => {\n\n }\n\n let DynamicWidget = getExtensionComponent(context?.rowAction?.action);\n const widgetProps = {\n context: context\n }\n\n return (\n <div>\n {\n context?.rowAction?.action ?\n DynamicWidget && <DynamicWidget {...widgetProps} />\n :\n <>\n <h1>{context?.modelName}</h1>\n <h1>{context?.moduleName}</h1>\n <div className=\"flex justify-content-center\">\n <~~Button~~ ~~label=\"Confirm\" icon=\"pi pi-check\"~~ className='small-button' ~~severity~~=\"~~danger~~\" autoFocus onClick={triggerServerAction} ~~/>\n~~ <~~Button~~ ~~label=\"Cancel\"~~ ~~icon=\"pi pi-times~~\" className='small-button' onClick={() => context.closeCustomRowActionPopup()} ~~/>\~~n </div>\n </>\n }\n </div>\n )\n}\n\n\n"]}
1	+ {"version":3,"file":"ListViewRowActionPopup.js","sourceRoot":"","sources":["../../../../src/components/core/list/ListViewRowActionPopup.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAAgB;IAEnD,sEAAsE;IACtE,gFAAgF;IAChF,oGAAoG;;QAJ/D,OAAO,aAAA;IAM5C,IAAM,mBAAmB,GAAG;IAE5B,CAAC,CAAA;IAED,IAAI,aAAa,GAAG,qBAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,0CAAE,MAAM,CAAC,CAAC;IACtE,IAAM,WAAW,GAAG;QAChB,OAAO,EAAE,OAAO;KACnB,CAAA;IAED,OAAO,CACH,wBAEQ,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,0CAAE,MAAM,EAAC,CAAC;YACxB,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI;YACnD,CAAC;gBACD,8BACI,uBAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,GAAM,EAC7B,uBAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,GAAM,EAC9B,eAAK,SAAS,EAAC,6BAA6B,aACxC,KAAC,WAAW,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,aAAa,EAAC,SAAS,QAAC,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,wBAEnH,EACd,KAAC,WAAW,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,yBAAyB,EAAE,EAAnC,CAAmC,EAAE,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,uBAEvH,IACZ,IACP,GAET,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { Check, X } from \"lucide-react\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\nimport { SolidButton } from \"../../shad-cn-ui\";\n\n\nexport const ListViewRowActionPopup = ({ context }: any) => {\n\n //Note if there is not custom component the need a api call to server \n // GenerateModuleCode is my custom compoennt that will trigger code generation \n //Render dynamic lsit action contains code for dynamically rendering compoennt or retunr a fall back\n\n const triggerServerAction = () => {\n\n }\n\n let DynamicWidget = getExtensionComponent(context?.rowAction?.action);\n const widgetProps = {\n context: context\n }\n\n return (\n <div>\n {\n context?.rowAction?.action ?\n DynamicWidget && <DynamicWidget {...widgetProps} />\n :\n <>\n <h1>{context?.modelName}</h1>\n <h1>{context?.moduleName}</h1>\n <div className=\"flex justify-content-center\">\n <SolidButton className='small-button' variant=\"destructive\" autoFocus onClick={triggerServerAction} leftIcon={<Check size={14} />}>\n Confirm\n </SolidButton>\n <SolidButton className='small-button' variant=\"outline\" onClick={() => context.closeCustomRowActionPopup()} leftIcon={<X size={14} />}>\n Cancel\n </SolidButton>\n </div>\n </>\n }\n </div>\n )\n}\n\n"]}

package/dist/components/core/list/ListViewRowActionPopup.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
-import { Button } from "primereact/button"
+import { Check, X } from "lucide-react";
 import { getExtensionComponent } from "../../../helpers/registry";
+import { SolidButton } from "../../shad-cn-ui";
 export const ListViewRowActionPopup = ({ context }: any) => {
@@ -28,8 +28,12 @@ export const ListViewRowActionPopup = ({ context }: any) => {
                         <h1>{context?.modelName}</h1>
                         <h1>{context?.moduleName}</h1>
                         <div className="flex justify-content-center">
-                            <Button label="Confirm" icon="pi pi-check" className='small-button' severity="danger" autoFocus onClick={triggerServerAction} />
-                            <Button label="Cancel" icon="pi pi-times" className='small-button' onClick={() => context.closeCustomRowActionPopup()} />
+                            <SolidButton className='small-button' variant="destructive" autoFocus onClick={triggerServerAction} leftIcon={<Check size={14} />}>
+                                Confirm
+                            </SolidButton>
+                            <SolidButton className='small-button' variant="outline" onClick={() => context.closeCustomRowActionPopup()} leftIcon={<X size={14} />}>
+                                Cancel
+                            </SolidButton>
                         </div>
                     </>
             }
@@ -37,4 +41,3 @@ export const ListViewRowActionPopup = ({ context }: any) => {
     )
 }

package/dist/components/core/list/PLAN.md CHANGED Viewed

@@ -43,10 +43,30 @@
 ## Phase 4: Filters + Search
 - [ ] Keep predicate model unchanged (`custom_filter_predicate`, `search_predicate`, `saved_filter_predicate`, `predefined_search_predicate`, grouping/aggregation).
-- [ ] Migrate `SolidGlobalSearchElement` dialogs/popovers to shadcn.
-- [ ] Migrate `FilterComponent` rule builder UI to shadcn controls.
+- [ ] Migrate `SolidGlobalSearchElement` shell off PrimeReact first.
+  Current reality:
+  `FilterComponent` already uses `SolidButton`, `SolidAutocomplete`, `SolidInput`, and `SolidSelect`, but the search shell still depends on Prime `Dialog`, `Button`, `Divider`, and `InputText`.
+- [ ] Replace `SolidGlobalSearchElement` dialog stack with internal dialog/popover primitives.
+  Targets:
+  custom filter dialog, grouping dialog, saved-filter edit dialog, save-filter dialog, delete-confirm dialog.
+- [ ] Replace `SolidGlobalSearchElement` toolbar/search-entry controls with internal primitives.
+  Targets:
+  search input, saved-filter actions, predefined-search actions, clear/apply buttons, overlay list actions.
+- [ ] Remove Prime button usage inside saved-filter list/actions.
+- [ ] Migrate `FilterComponent` container shell off Prime `Fieldset`.
+  Keep existing predicate/rule state shape and `transformFilterRules(...)` contract unchanged.
+- [ ] Replace remaining Prime icon class usage in filter flow with non-Prime icons.
+- [ ] Audit `SolidFilterFields` and list filter input widgets for hidden Prime event-shape coupling.
 - [ ] Preserve saved filter URL behavior (`savedQuery`) and local cache behavior.
 - [ ] Confirm relation filter hydration still works.
+- [ ] Preserve `clearFilter()` and imperative `SolidListViewHandle.applyFilter(...)` behavior unchanged.
+## Phase 4A: Recommended Execution Order For Filters
+- [ ] 1) Introduce/standardize a reusable internal dialog primitive if missing.
+- [ ] 2) Convert `SolidGlobalSearchElement` dialogs without changing filter logic.
+- [ ] 3) Convert search-entry row, chip/actions, and saved-filter action buttons.
+- [ ] 4) Replace `FilterComponent` Prime `Fieldset` shell.
+- [ ] 5) Verify `transformFiltersToRules`, `transformRulesToFilters`, `mergeAllDiffFilters`, and relation hydration parity.
 ## Phase 5: Configure Menu + Column Selector
 - [ ] Replace cog overlay/context menu with shadcn dropdown/popover.

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

@@ -1,2 +1,2 @@
-export declare const SolidListColumnSelector: ({ listViewMetaData, customizeLayout }: any) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const SolidListColumnSelector: ({ listViewMetaData, onClose }: any) => import("react/jsx-runtime").JSX.Element | undefined;
 //# sourceMappingURL=SolidListColumnSelector.d.ts.map

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":"~~AAoBA~~,eAAO,MAAM,uBAAuB,~~0CAA2C~~,GAAG,~~wDA0MjF~~,CAAA"}
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"}

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

@@ -56,8 +56,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useFormik } from 'formik';
-import { Button } from 'primereact/button';
-import { Checkbox } from 'primereact/checkbox';
 import { useState } from 'react';
 import { useDispatch } from 'react-redux';
 import { createSolidEntityApi } from '../../../../redux/api/solidEntityApi';
@@ -67,8 +65,7 @@ import { ERROR_MESSAGES } from '../../../../constants/error-messages';
 import { showToast } from '../../../../redux/features/toastSlice';
 export var SolidListColumnSelector = function (_a) {
     var _b, _c;
-    var listViewMetaData = _a.listViewMetaData, customizeLayout = _a.customizeLayout;
-    console.log("listViewMetaData column selector", listViewMetaData);
+    var listViewMetaData = _a.listViewMetaData, onClose = _a.onClose;
     var dispatch = useDispatch();
     var _d = useState(false), isDragging = _d[0], setIsDragging = _d[1];
     var entityApi = createSolidEntityApi('userViewMetadata');
@@ -193,14 +190,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-2", 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-1 ".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-3 py-2 ".concat(snapshot.isDragging ? styles.SolidColumnDraggedActiveElement : ''), style: __assign({}, provided.draggableProps.style), children: [_jsxs("div", { className: 'flex align-items-center gap-1', children: [_jsx(Checkbox, { inputId: column.key, name: "selectedColumns", value: column, 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(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 () {
                                                             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));
-                                                        }, checked: formik.values.selectedColumns.some(function (item) { return item.key === column.key; }), className: "text-base flex align-items-center" }), _jsx("label", { htmlFor: column.key, className: "ml-2 text-base", children: column.name })] }), _jsx(DragActive, { active: snapshot.isDragging })] }))); } }, column.key)); }), provided.placeholder] }))); } }) }), _jsxs("div", { className: "p-3 flex gap-2", children: [_jsx(Button, { type: 'submit', label: "Apply", size: "small" }), _jsx(Button, { type: 'button', outlined: true, label: "Cancel", size: "small",
-                            // @ts-ignore
-                            onClick: function (e) { return customizeLayout.current.hide(e); } })] })] }) }));
+                                                        } }), _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" })] })] }) }));
 };
 var DragActive = function (_a) {
     var active = _a.active;