@solidxai/core-ui 0.1.12-beta.5 → 0.1.12-beta.7

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

@@ -0,0 +1,42 @@
+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';
+pdfjs.GlobalWorkerOptions.workerSrc = "//unpkg.com/pdfjs-dist@".concat(pdfjs.version, "/build/pdf.worker.min.mjs");
+var SolidMediaSingleKanbanField = function (_a) {
+    var _b, _c, _d, _e;
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata, fieldLayout = _a.fieldLayout, data = _a.data, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
+    var _f = useState(false), visible = _f[0], setVisible = _f[1];
+    var header = fieldMetadata.displayName;
+    var url = data && data._media && data._media[fieldMetadata.name].length > 0 && data._media[fieldMetadata.name].map(function (i) { return i._full_url; })[0];
+    var mimeType = data && data._media && data._media[fieldMetadata.name].length > 0 && data._media[fieldMetadata.name].map(function (i) { return i.mimeType; })[0];
+    var fileName = data && data._media && ((_b = data._media[fieldMetadata.name][0]) === null || _b === void 0 ? void 0 : _b.originalFileName);
+    // const mimeType: string = "excel";
+    // const url = "http://localhost:8080/media-files-storage/Holiday List 2025.pdf";
+    // const url = "http://localhost:8080/media-files-storage/PF Form.xls";
+    return (_jsxs("div", { className: "".concat(((_c = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _c === void 0 ? void 0 : _c.className) ? " ".concat(fieldLayout.attrs.className) : ""), children: [mimeType && mimeType.includes("image/") &&
+                _jsxs("div", { className: 'my-2', children: [_jsx("img", { className: ((_d = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _d === void 0 ? void 0 : _d.kanbanImagePreviewClassname) ? (_e = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _e === void 0 ? void 0 : _e.kanbanImagePreviewClassname : 'kanban-image-preview', src: url, onClick: function (event) {
+                                event.stopPropagation();
+                                setLightboxUrls([{ src: url }]);
+                                setOpenLightbox(true);
+                            }, alt: header }), (fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs.showLabel) !== false &&
+                            _jsx("p", { className: "text-sm", style: { wordWrap: 'break-word', overflowWrap: 'break-word' }, onClick: function (event) {
+                                    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 &&
+                !mimeType.includes("image/") &&
+                !mimeType.includes("pdf") &&
+                !mimeType.includes("excel") &&
+                !mimeType.includes("spreadsheet") &&
+                !mimeType.includes("audio") &&
+                !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: FileImage, 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' })] })] }))] }));
+};
+export default SolidMediaSingleKanbanField;
+//# sourceMappingURL=SolidMediaSingleKanbanField.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,164 @@
+
+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'
+
+pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+
+
+const SolidMediaSingleKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox }: SolidKanbanViewFieldsParams) => {
+    const [visible, setVisible] = useState(false);
+    const header = fieldMetadata.displayName;
+    const url = data && data._media && data._media[fieldMetadata.name].length > 0 && data._media[fieldMetadata.name].map((i: any) => i._full_url)[0];
+    const mimeType = data && data._media && data._media[fieldMetadata.name].length > 0 && data._media[fieldMetadata.name].map((i: any) => i.mimeType)[0];
+    const fileName = data && data._media && data._media[fieldMetadata.name][0]?.originalFileName
+    // const mimeType: string = "excel";
+    // const url = "http://localhost:8080/media-files-storage/Holiday List 2025.pdf";
+    // const url = "http://localhost:8080/media-files-storage/PF Form.xls";
+
+
+    return (
+        <div className={`${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : ""}`}>
+
+            {mimeType && mimeType.includes("image/") &&
+                <div className='my-2'>
+                    <img className={fieldLayout?.attrs?.kanbanImagePreviewClassname ? fieldLayout?.attrs?.kanbanImagePreviewClassname : 'kanban-image-preview'}
+
+                        src={url}
+                        onClick={(event) => {
+                            event.stopPropagation();
+                            setLightboxUrls([{ src: url }]);
+                            setOpenLightbox(true);
+                        }}
+                        alt={header}
+                    />
+                    {fieldLayout?.attrs.showLabel !== false &&
+
+                        <p className="text-sm" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}
+                            onClick={(event) => {
+                                event.stopPropagation();
+                                setLightboxUrls([{ src: url }]);
+                                setOpenLightbox(true);
+                            }}
+                        >
+                            {fileName}
+                        </p>
+                    }
+
+                </div>
+            }
+            {/* Render PDF - Open Lightbox on Click */}
+            {mimeType && mimeType.includes("pdf") && (
+                <div onClick={(e) => e.stopPropagation()}>
+                    <div className='flex align-items-end gap-2 my-2'>
+                        <div onClick={() => setVisible(true)} style={{ cursor: 'pointer' }}>
+                            <PDFSvg size={50} />
+                        </div>
+                        <p className="text-sm" style={{ cursor: 'pointer', maxWidth: '70%', wordWrap: 'break-word', overflowWrap: 'break-word' }} onClick={() => setVisible(true)}>
+                            {fileName}
+                        </p>
+                    </div>
+                    <Dialog header={fileName} visible={visible} style={{ width: "" }} onHide={() => setVisible(false)} modal>
+                        <Document file={url}>
+                            <Page pageNumber={1} />
+                        </Document>
+                    </Dialog>
+                </div>
+            )}
+            {/* Excel or Other Files - Show Download Icon */}
+            {mimeType && (mimeType.includes("excel") || mimeType.includes("spreadsheet")) && (
+                <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>
+                    <a href={url} download target="_blank" rel="noopener noreferrer">
+                        <ExcelSvg size={50} />
+                    </a>
+                    <a href={url} download target="_blank" rel="noopener noreferrer" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>
+                        <p className="text-sm mb-1" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>
+                            {fileName}
+                        </p>
+                        <span className='pi pi-cloud-download'></span>
+                    </a>
+                </div>
+            )}
+
+            {mimeType && mimeType.includes("audio") && (
+                <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>
+                    <a href={url} download target="_blank" rel="noopener noreferrer">
+                        <Image
+                            src={MP3Image}
+                            alt={fileName}
+                            className="relative"
+                            height={50}
+                            width={50}
+                        />
+                    </a>
+                    <a href={url} download target="_blank" rel="noopener noreferrer" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>
+                        <p className="text-sm mb-1" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>
+                            {fileName}
+                        </p>
+                        <span className='pi pi-cloud-download'></span>
+                    </a>
+                </div>
+            )}
+            {mimeType && mimeType.includes("video") && (
+                <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>
+                    <a href={url} download target="_blank" rel="noopener noreferrer">
+                        <Image
+                            src={MP4Image}
+                            alt={fileName}
+                            className="relative"
+                            height={50}
+                            width={50}
+                        />
+                    </a>
+                    <a href={url} download target="_blank" rel="noopener noreferrer" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>
+                        <p className="text-sm mb-1" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>
+                            {fileName}
+                        </p>
+                        <span className='pi pi-cloud-download'></span>
+                    </a>
+                </div>
+            )}
+
+            {mimeType &&
+                !mimeType.includes("image/") &&
+                !mimeType.includes("pdf") &&
+                !mimeType.includes("excel") &&
+                !mimeType.includes("spreadsheet") &&
+                !mimeType.includes("audio") &&
+                !mimeType.includes("video") && (
+                    <div className='flex align-items-end gap-2 my-2' onClick={(e) => e.stopPropagation()}>
+                        <a href={url} download target="_blank" rel="noopener noreferrer">
+                            <Image
+                                src={FileImage}
+                                alt={fileName}
+                                className="relative"
+                                height={50}
+                                width={50}
+                            />
+                        </a>
+                        <a href={url} download target="_blank" rel="noopener noreferrer" className='text-color flex align-items-start gap-2' style={{ textDecoration: 'none' }}>
+                            <p className="text-sm mb-1" style={{ wordWrap: 'break-word', overflowWrap: 'break-word' }}>
+                                {fileName}
+                            </p>
+                            <span className='pi pi-cloud-download'></span>
+                        </a>
+                    </div>
+                )
+            }
+        </div>
+    );
+
+};
+
+export default SolidMediaSingleKanbanField;

package/dist/components/core/kanban/kanban-fields/SolidRelationKanbanField.d.ts

@@ -0,0 +1,4 @@
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+declare const SolidRelationKanbanField: ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => import("react/jsx-runtime").JSX.Element | undefined;
+export default SolidRelationKanbanField;
+//# sourceMappingURL=SolidRelationKanbanField.d.ts.map

package/dist/components/core/kanban/kanban-fields/SolidRelationKanbanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRelationKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidRelationKanbanField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAGvE,QAAA,MAAM,wBAAwB,kEAAkE,2BAA2B,wDAM1H,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/core/kanban/kanban-fields/SolidRelationKanbanField.js

@@ -0,0 +1,11 @@
+import SolidRelationManyToOneKanbanField from './relations/SolidRelationManyToOneKanbanField';
+var SolidRelationKanbanField = function (_a) {
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata, fieldLayout = _a.fieldLayout, data = _a.data;
+    if (fieldMetadata.relationType === 'many-to-one') {
+        return SolidRelationManyToOneKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+    }
+    // TODO: Support one-to-many
+    // TODO: Support many-to-many
+};
+export default SolidRelationKanbanField;
+//# sourceMappingURL=SolidRelationKanbanField.js.map

package/dist/components/core/kanban/kanban-fields/SolidRelationKanbanField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRelationKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidRelationKanbanField.tsx"],"names":[],"mappings":"AAEA,OAAO,iCAAiC,MAAM,+CAA+C,CAAC;AAE9F,IAAM,wBAAwB,GAAG,UAAC,EAAyF;QAAvF,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAC,IAAI,UAAA;IACxF,IAAI,aAAa,CAAC,YAAY,KAAK,aAAa,EAAE;QAC9C,OAAO,iCAAiC,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAC,IAAI,MAAA,EAAE,CAAC,CAAC;KAC1G;IACD,4BAA4B;IAC5B,6BAA6B;AACjC,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\nimport SolidRelationManyToOneKanbanField from './relations/SolidRelationManyToOneKanbanField';\n\nconst SolidRelationKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {\n    if (fieldMetadata.relationType === 'many-to-one') {\n        return SolidRelationManyToOneKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data });\n    }\n    // TODO: Support one-to-many\n    // TODO: Support many-to-many\n};\n\nexport default SolidRelationKanbanField;"]}

package/dist/components/core/kanban/kanban-fields/SolidRelationKanbanField.tsx

@@ -0,0 +1,13 @@
+
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+import SolidRelationManyToOneKanbanField from './relations/SolidRelationManyToOneKanbanField';
+
+const SolidRelationKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {
+    if (fieldMetadata.relationType === 'many-to-one') {
+        return SolidRelationManyToOneKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data });
+    }
+    // TODO: Support one-to-many
+    // TODO: Support many-to-many
+};
+
+export default SolidRelationKanbanField;

package/dist/components/core/kanban/kanban-fields/SolidRichTextKanbanField.d.ts

@@ -0,0 +1,4 @@
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+declare const SolidRichTextKanbanField: ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => import("react/jsx-runtime").JSX.Element;
+export default SolidRichTextKanbanField;
+//# sourceMappingURL=SolidRichTextKanbanField.d.ts.map

package/dist/components/core/kanban/kanban-fields/SolidRichTextKanbanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRichTextKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidRichTextKanbanField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAGvE,QAAA,MAAM,wBAAwB,kEAAkE,2BAA2B,4CAE1H,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/core/kanban/kanban-fields/SolidRichTextKanbanField.js

@@ -0,0 +1,7 @@
+import SolidShortTextKanbanField from './SolidShortTextKanbanField';
+var SolidRichTextKanbanField = function (_a) {
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata, fieldLayout = _a.fieldLayout, data = _a.data;
+    return SolidShortTextKanbanField({ solidKanbanViewMetaData: solidKanbanViewMetaData, fieldMetadata: fieldMetadata, fieldLayout: fieldLayout, data: data });
+};
+export default SolidRichTextKanbanField;
+//# sourceMappingURL=SolidRichTextKanbanField.js.map

package/dist/components/core/kanban/kanban-fields/SolidRichTextKanbanField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRichTextKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidRichTextKanbanField.tsx"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAEpE,IAAM,wBAAwB,GAAG,UAAC,EAAyF;QAAvF,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAC,IAAI,UAAA;IACxF,OAAO,yBAAyB,CAAC,EAAE,uBAAuB,yBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAC,IAAI,MAAA,EAAE,CAAC,CAAC;AACnG,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\nimport SolidShortTextKanbanField from './SolidShortTextKanbanField';\n\nconst SolidRichTextKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {\n    return SolidShortTextKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data });\n};\n\nexport default SolidRichTextKanbanField;"]}

package/dist/components/core/kanban/kanban-fields/SolidRichTextKanbanField.tsx

@@ -0,0 +1,9 @@
+
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+import SolidShortTextKanbanField from './SolidShortTextKanbanField';
+
+const SolidRichTextKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data }: SolidKanbanViewFieldsParams) => {
+    return SolidShortTextKanbanField({ solidKanbanViewMetaData, fieldMetadata, fieldLayout,data });
+};
+
+export default SolidRichTextKanbanField;

package/dist/components/core/kanban/kanban-fields/SolidSelectionDynamicKanbanField.d.ts

@@ -0,0 +1,4 @@
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+declare const SolidSelectionDynamicKanbanField: ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => import("react/jsx-runtime").JSX.Element;
+export default SolidSelectionDynamicKanbanField;
+//# sourceMappingURL=SolidSelectionDynamicKanbanField.d.ts.map

package/dist/components/core/kanban/kanban-fields/SolidSelectionDynamicKanbanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionDynamicKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidSelectionDynamicKanbanField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAEvE,QAAA,MAAM,gCAAgC,kEAAmE,2BAA2B,4CAQnI,CAAC;AAEF,eAAe,gCAAgC,CAAC"}

package/dist/components/core/kanban/kanban-fields/SolidSelectionDynamicKanbanField.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SolidSelectionDynamicKanbanField = function (_a) {
+    var _b, _c, _d, _e;
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata, fieldLayout = _a.fieldLayout, data = _a.data;
+    return (_jsxs("p", { className: "m-0".concat(((_b = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _b === void 0 ? void 0 : _b.className) ? " ".concat(fieldLayout.attrs.className) : ""), children: [((_c = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _c === void 0 ? void 0 : _c.showLabel) !== false && ((_d = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _d === void 0 ? void 0 : _d.label) ? "".concat((_e = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _e === void 0 ? void 0 : _e.label, " : ") : "", data && data[fieldMetadata.name] ? "".concat(data[fieldMetadata.name]) : ""] }));
+};
+export default SolidSelectionDynamicKanbanField;
+//# sourceMappingURL=SolidSelectionDynamicKanbanField.js.map

package/dist/components/core/kanban/kanban-fields/SolidSelectionDynamicKanbanField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionDynamicKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidSelectionDynamicKanbanField.tsx"],"names":[],"mappings":";AAGA,IAAM,gCAAgC,GAAG,UAAC,EAA0F;;QAAxF,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA;IAGjG,OAAO,CAEH,aAAG,SAAS,EAAE,aAAM,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,WAAI,WAAW,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAE,aAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,SAAS,MAAK,KAAK,KAAI,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,KAAK,CAAA,CAAC,CAAC,CAAC,UAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,KAAK,QAAK,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAE,CAAC,CAAC,CAAC,EAAE,IAAK,CAC3R,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,gCAAgC,CAAC","sourcesContent":["\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\n\nconst SolidSelectionDynamicKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => {\n\n\n    return (\n\n        <p className={`m-0${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : \"\"}`}>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : \"\"}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : \"\"}</p>\n    );\n\n};\n\nexport default SolidSelectionDynamicKanbanField;"]}

package/dist/components/core/kanban/kanban-fields/SolidSelectionDynamicKanbanField.tsx

@@ -0,0 +1,14 @@
+
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+
+const SolidSelectionDynamicKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => {
+
+
+    return (
+
+        <p className={`m-0${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : ""}`}>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : ""}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : ""}</p>
+    );
+
+};
+
+export default SolidSelectionDynamicKanbanField;

package/dist/components/core/kanban/kanban-fields/SolidSelectionStaticKanbanField.d.ts

@@ -0,0 +1,4 @@
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+declare const SolidSelectionStaticKanbanField: ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => import("react/jsx-runtime").JSX.Element;
+export default SolidSelectionStaticKanbanField;
+//# sourceMappingURL=SolidSelectionStaticKanbanField.d.ts.map

package/dist/components/core/kanban/kanban-fields/SolidSelectionStaticKanbanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionStaticKanbanField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidSelectionStaticKanbanField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAGvE,QAAA,MAAM,+BAA+B,kEAAmE,2BAA2B,4CAOlI,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/dist/components/core/kanban/kanban-fields/SolidSelectionStaticKanbanField.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SolidSelectionStaticKanbanField = function (_a) {
+    var _b, _c, _d, _e;
+    var solidKanbanViewMetaData = _a.solidKanbanViewMetaData, fieldMetadata = _a.fieldMetadata, fieldLayout = _a.fieldLayout, data = _a.data;
+    return (_jsxs("p", { className: "m-0".concat(((_b = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _b === void 0 ? void 0 : _b.className) ? " ".concat(fieldLayout.attrs.className) : ""), children: [((_c = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _c === void 0 ? void 0 : _c.showLabel) !== false && ((_d = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _d === void 0 ? void 0 : _d.label) ? "".concat((_e = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _e === void 0 ? void 0 : _e.label, " : ") : "", data && data[fieldMetadata.name] ? "".concat(data[fieldMetadata.name]) : ""] }));
+};
+export default SolidSelectionStaticKanbanField;
+//# sourceMappingURL=SolidSelectionStaticKanbanField.js.map

package/dist/components/core/kanban/kanban-fields/SolidSelectionStaticKanbanField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSelectionStaticKanbanField.js","sourceRoot":"","sources":["../../../../../src/components/core/kanban/kanban-fields/SolidSelectionStaticKanbanField.tsx"],"names":[],"mappings":";AAIA,IAAM,+BAA+B,GAAG,UAAC,EAA0F;;QAAxF,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA;IAIlG,OAAO,CACL,aAAG,SAAS,EAAE,aAAM,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,WAAI,WAAW,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAE,aAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,SAAS,MAAK,KAAK,KAAI,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,KAAK,CAAA,CAAC,CAAC,CAAC,UAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,KAAK,QAAK,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAE,CAAC,CAAC,CAAC,EAAE,IAAK,CACzR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,+BAA+B,CAAC","sourcesContent":["\nimport { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';\n\n\nconst SolidSelectionStaticKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => {\n\n\n\n  return (\n    <p className={`m-0${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : \"\"}`}>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : \"\"}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : \"\"}</p>\n  );\n};\n\nexport default SolidSelectionStaticKanbanField;"]}

package/dist/components/core/kanban/kanban-fields/SolidSelectionStaticKanbanField.tsx

@@ -0,0 +1,14 @@
+
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+
+
+const SolidSelectionStaticKanbanField = ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data }: SolidKanbanViewFieldsParams) => {
+
+
+
+  return (
+    <p className={`m-0${fieldLayout?.attrs?.className ? ` ${fieldLayout.attrs.className}` : ""}`}>{fieldLayout?.attrs?.showLabel !== false && fieldLayout?.attrs?.label ? `${fieldLayout?.attrs?.label} : ` : ""}{data && data[fieldMetadata.name] ? `${data[fieldMetadata.name]}` : ""}</p>
+  );
+};
+
+export default SolidSelectionStaticKanbanField;

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

@@ -0,0 +1,4 @@
+import { SolidKanbanViewFieldsParams } from '../SolidKanbanViewFields';
+declare const SolidShortTextKanbanField: ({ solidKanbanViewMetaData, fieldMetadata, fieldLayout, data, setLightboxUrls, setOpenLightbox, groupedView }: SolidKanbanViewFieldsParams) => import("react/jsx-runtime").JSX.Element;
+export default SolidShortTextKanbanField;
+//# sourceMappingURL=SolidShortTextKanbanField.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } 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';
+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';
+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;
+    var _p = useState(false), visible = _p[0], setVisible = _p[1];
+    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' &&
+                _jsxs("span", { className: 'solid-mimetype-chip', children: [((_l = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _l === void 0 ? void 0 : _l.showLabel) !== false && ((_m = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _m === void 0 ? void 0 : _m.label) ? "".concat((_o = fieldLayout === null || fieldLayout === void 0 ? void 0 : fieldLayout.attrs) === null || _o === void 0 ? void 0 : _o.label, " : ") : "", data && data[fieldMetadata.name] ? "".concat(data[fieldMetadata.name]) : ""] }), widget === "image" && !groupedView && mimeType && mimeType.includes("image/") &&
+                _jsx("div", { className: 'mt-3', children: _jsx("img", { src: data[fieldMetadata.name], onClick: function (event) {
+                            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/") &&
+                !mimeType.includes("pdf") &&
+                !mimeType.includes("excel") &&
+                !mimeType.includes("spreadsheet") &&
+                !mimeType.includes("audio") &&
+                !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: FileImage, alt: fileName, className: "relative", height: 80, width: 80 }) }))] }));
+};
+export default SolidShortTextKanbanField;
+//# sourceMappingURL=SolidShortTextKanbanField.js.map

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

@@ -0,0 +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"]}