@memori.ai/memori-react 6.8.1 → 6.8.4

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.css

@@ -0,0 +1,163 @@
+/**
+ * ArtifactActions CSS Styles
+ * Following the project's design system and CSS patterns
+ */
+
+
+
+.memori-artifact-action-btn  {
+  position: relative;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 12px 16px;
+  border: none;
+  background: none;
+  color: #374151;
+  cursor: pointer;
+  font-size: 14px;
+  text-align: left;
+  transition: background-color 0.15s ease;
+}
+
+.memori-artifact-action-icon, .memori-artifact-action-icon-fullscreen{
+  width: 16px;
+  height: 16px;
+}
+
+.memori-artifact-action-icon{
+  fill: #000;
+}
+
+.memori-artifact-action-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+  transform: none !important;
+}
+
+.memori-artifact-action-btn:focus {
+  outline: 2px solid var(--memori-primary);
+  outline-offset: 2px;
+}
+
+.memori-artifact-action-btn:active {
+  transform: translateY(0);
+}
+
+.memori-artifact-action-btn:hover:not(:disabled),
+.memori-artifact-action-btn--active {
+  background: #f9fafb;
+}
+
+.memori-artifact-action-btn:focus:not(:focus-visible) {
+  outline: none;
+}
+
+/* .memori-artifact-action-btn:disabled:hover {
+  box-shadow: none !important;
+  transform: none !important;
+} */
+
+
+.memori-artifact-action-btn--active {
+  background: var(--memori-chat-bubble-bg, #fff);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  color: var(--memori-primary);
+}
+
+.memori-artifact-action-text {
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+/* Fullscreen Button Special Styling */
+.memori-artifact-fullscreen-btn {
+  position: relative;
+}
+
+.memori-artifact-fullscreen-btn--active {
+  border-color: var(--memori-primary) !important;
+  background: var(--memori-primary) !important;
+  color: var(--memori-primary-text) !important;
+}
+
+
+/* Responsive Design */
+
+@media (max-width: 768px) {
+
+  .memori-artifact-fullscreen-btn{
+    display: none;
+  }
+  
+  .memori-artifact-action-btn {
+    min-width: 2.5rem;
+    justify-content: center;
+    padding: 0.5rem;
+  }
+  
+  .memori-artifact-actions-row {
+    gap: 0.25rem;
+  }
+}
+
+@media (max-width: 480px) {
+  .memori-artifact-actions-row {
+    gap: 0.125rem;
+  }
+  
+  .memori-artifact-action-btn {
+    min-width: 2.25rem;
+    padding: 0.375rem;
+    font-size: 0.75rem;
+  }
+}
+
+/* Loading State */
+
+/* Icon Sizing */
+.memori-artifact-action-btn .memori-button--icon, .memori-artifact-action-icon-fullscreen {
+  font-size: 1rem;
+  line-height: 1;
+}
+
+/* Remove unused styles */
+
+.memori-artifact-action-icon-fullscreen{
+  fill: #fff
+}
+
+
+/* Animation for Copy Feedback */
+@keyframes copyFeedback {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.8;
+    transform: scale(1.05);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.memori-artifact-action-btn.copied {
+  animation: copyFeedback 0.3s ease;
+}
+
+/* Tooltip Support */
+.memori-artifact-action-btn[title] {
+  position: relative;
+}
+
+/* Horizontal Button Row Styles */
+.memori-artifact-actions-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ArtifactData } from '../../types/artifact.types';
+declare const ArtifactActions: React.FC<{
+    artifact: ArtifactData;
+    onCopy: () => void;
+    onDownload?: () => void;
+    onPrint?: () => void;
+    onOpenExternal?: () => void;
+    loading: boolean;
+    isMobile?: boolean;
+}>;
+export default ArtifactActions;

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import cx from 'classnames';
+import Button from '../../../ui/Button';
+import Link from '../../../icons/Link';
+import PrintIcon from '../../../icons/Print';
+import { CopyButtonWithDropdown } from './';
+import { Menu, Transition } from '@headlessui/react';
+import MenuVertical from '../../../icons/MenuVertical';
+const ArtifactActions = ({ artifact, onCopy, onDownload, onPrint, onOpenExternal, loading = false, isMobile = false, }) => {
+    const { t } = useTranslation();
+    const getFileExtension = useCallback((mimeType) => {
+        const extensions = {
+            html: 'html',
+            json: 'json',
+            markdown: 'md',
+            css: 'css',
+            javascript: 'js',
+            typescript: 'ts',
+            svg: 'svg',
+            xml: 'xml',
+            text: 'txt',
+            python: 'py',
+            java: 'java',
+            cpp: 'cpp',
+            csharp: 'cs',
+            php: 'php',
+            ruby: 'rb',
+            go: 'go',
+            rust: 'rs',
+            yaml: 'yml',
+            sql: 'sql',
+        };
+        return extensions[mimeType] || 'txt';
+    }, []);
+    const getMimeTypeString = useCallback((mimeType) => {
+        const mimeTypes = {
+            html: 'text/html',
+            json: 'application/json',
+            markdown: 'text/markdown',
+            css: 'text/css',
+            javascript: 'text/javascript',
+            typescript: 'text/typescript',
+            svg: 'image/svg+xml',
+            xml: 'text/xml',
+            text: 'text/plain',
+            python: 'text/x-python',
+            java: 'text/x-java',
+            cpp: 'text/x-c++',
+            csharp: 'text/x-csharp',
+            php: 'text/x-php',
+            ruby: 'text/x-ruby',
+            go: 'text/x-go',
+            rust: 'text/x-rust',
+            yaml: 'text/yaml',
+            sql: 'text/x-sql',
+        };
+        return mimeTypes[mimeType] || 'text/plain';
+    }, []);
+    const handlePrint = useCallback(() => {
+        try {
+            const printWindow = window.open('', '_blank');
+            if (!printWindow) {
+                alert('Popup blocked! Please enable popups to print the artifact.');
+                return;
+            }
+            let printContent;
+            if (artifact.mimeType === 'html') {
+                printContent = artifact.content;
+            }
+            else {
+                printContent = `
+          <!DOCTYPE html>
+          <html>
+          <head>
+            <title>Artifact - ${artifact.mimeType.toUpperCase()}</title>
+            <style>
+              body { 
+                font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; 
+                white-space: pre-wrap; 
+                margin: 20px; 
+                line-height: 1.4;
+              }
+              @media print { 
+                body { margin: 0; } 
+              }
+            </style>
+          </head>
+          <body>${artifact.content
+                    .replace(/</g, '&lt;')
+                    .replace(/>/g, '&gt;')}</body>
+          </html>
+        `;
+            }
+            printWindow.document.write(printContent);
+            printWindow.document.close();
+            setTimeout(() => {
+                printWindow.print();
+                printWindow.close();
+            }, 500);
+            onPrint === null || onPrint === void 0 ? void 0 : onPrint();
+        }
+        catch (error) {
+            console.error('Print failed:', error);
+        }
+    }, [artifact, onPrint]);
+    const handleOpenExternal = useCallback(() => {
+        try {
+            const mimeType = getMimeTypeString(artifact.mimeType);
+            const blob = new Blob([artifact.content], { type: mimeType });
+            const url = URL.createObjectURL(blob);
+            const externalWindow = window.open(url, '_blank');
+            if (!externalWindow) {
+                alert('Popup blocked! Please enable popups to open the artifact in a new window.');
+                return;
+            }
+            setTimeout(() => {
+                URL.revokeObjectURL(url);
+            }, 60000);
+            onOpenExternal === null || onOpenExternal === void 0 ? void 0 : onOpenExternal();
+        }
+        catch (error) {
+            console.error('External open failed:', error);
+        }
+    }, [artifact, getMimeTypeString, onOpenExternal]);
+    return (_jsx("div", { className: "memori-artifact-actions", children: _jsxs("div", { className: "memori-artifact-actions-row", children: [_jsx(CopyButtonWithDropdown, { artifact: artifact, onCopy: onCopy, onDownload: onDownload, onPrint: onPrint, loading: loading, className: "memori-artifact-action-btn" }), isMobile && _jsxs(Menu, { as: "div", className: "memori-copy-menu-wrapper", children: [_jsx(Menu.Button, { as: "div", className: "memori-copy-button-trigger", children: _jsx(Button, { disabled: loading, className: cx('memori-button', 'memori-button--more-options', 'memori-button--icon-only'), ghost: true, title: "More copy options", children: _jsx(MenuVertical, { className: "memori-artifact-action-icon" }) }) }), _jsx(Transition, { as: React.Fragment, enter: "memori-copy-dropdown-enter", enterFrom: "memori-copy-dropdown-enter-from", enterTo: "memori-copy-dropdown-enter-to", leave: "memori-copy-dropdown-leave", leaveFrom: "memori-copy-dropdown-leave-from", leaveTo: "memori-copy-dropdown-leave-to", children: _jsx(Menu.Items, { className: "memori-copy-dropdown", style: { minWidth: '200px' }, children: _jsxs("div", { className: "memori-copy-dropdown-list", children: [_jsx(Button, { onClick: handlePrint, disabled: loading, className: "memori-artifact-action-btn", ghost: true, icon: _jsx(PrintIcon, { className: "memori-artifact-action-icon" }), title: t('artifact.print') || 'Print', children: _jsx("span", { className: "memori-artifact-action-text", children: t('artifact.print') || 'Print' }) }), _jsx(Button, { onClick: handleOpenExternal, disabled: loading, className: "memori-artifact-action-btn", ghost: true, icon: _jsx(Link, { className: "memori-artifact-action-icon" }), title: t('artifact.external') || 'External', children: _jsx("span", { className: "memori-artifact-action-text", children: t('artifact.external') || 'External' }) })] }) }) })] })] }) }));
+};
+export default ArtifactActions;
+//# sourceMappingURL=ArtifactActions.js.map

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactActions.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactActions/ArtifactActions.tsx"],"names":[],"mappings":"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"}

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CopyButtonWithDropdownProps } from '../types';
+declare const CopyButtonWithDropdown: React.FC<CopyButtonWithDropdownProps>;
+export default CopyButtonWithDropdown;

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.js

@@ -0,0 +1,283 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { Menu, Transition } from '@headlessui/react';
+import cx from 'classnames';
+import { useCopyArtifact } from '../hooks/useCopyArtifact';
+import CopyMenuItem from './CopyMenuItem';
+import Button from '../../../../ui/Button';
+import Copy from '../../../../icons/Copy';
+import ChevronDown from '../../../../icons/ChevronDown';
+import ThumbUp from '../../../../icons/ThumbUp';
+import Alert from '../../../../icons/Alert';
+import { useTranslation } from 'react-i18next';
+import { marked } from 'marked';
+import DOMPurify from 'dompurify';
+const CopyButtonWithDropdown = ({ artifact, onCopy, onDownload, onPrint, onOpenExternal, loading = false, className, disabled = false, }) => {
+    const { copyState, formats, handleCopy, handleCopyClick } = useCopyArtifact(artifact, onCopy, onDownload, onPrint);
+    const { t } = useTranslation();
+    const handleFormatSelect = async (format) => {
+        await handleCopy(format);
+    };
+    const renderMarkdownToHtml = useCallback((markdown) => {
+        try {
+            marked.use({
+                async: false,
+                gfm: true,
+                pedantic: false,
+                renderer: {
+                    link: ({ href, title, text }) => {
+                        if (!href)
+                            return text;
+                        const cleanHref = href.startsWith('http') ? href : `https://${href}`;
+                        return `<a href="${cleanHref}" target="_blank" rel="noopener noreferrer"${title ? ` title="${title}"` : ''}>${text}</a>`;
+                    },
+                },
+            });
+            const htmlContent = marked.parse(markdown).toString().trim();
+            const sanitizedHtml = DOMPurify.sanitize(htmlContent, {
+                ADD_ATTR: ['target', 'rel'],
+                ALLOWED_TAGS: [
+                    'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
+                    'p', 'br', 'strong', 'em', 'u', 's',
+                    'ul', 'ol', 'li', 'blockquote', 'pre', 'code',
+                    'a', 'img', 'table', 'thead', 'tbody', 'tr', 'th', 'td',
+                    'div', 'span'
+                ],
+                ALLOWED_ATTR: ['href', 'title', 'target', 'rel', 'src', 'alt', 'class', 'id']
+            });
+            return sanitizedHtml;
+        }
+        catch (error) {
+            console.error('Error rendering markdown:', error);
+            return markdown
+                .replace(/&/g, '&amp;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')
+                .replace(/\n/g, '<br>');
+        }
+    }, []);
+    const getMimeTypeString = useCallback((mimeType) => {
+        const mimeTypes = {
+            html: 'text/html',
+            json: 'application/json',
+            markdown: 'text/markdown',
+            css: 'text/css',
+            javascript: 'text/javascript',
+            typescript: 'text/typescript',
+            svg: 'image/svg+xml',
+            xml: 'text/xml',
+            text: 'text/plain',
+            python: 'text/x-python',
+            java: 'text/x-java',
+            cpp: 'text/x-c++',
+            csharp: 'text/x-csharp',
+            php: 'text/x-php',
+            ruby: 'text/x-ruby',
+            go: 'text/x-go',
+            rust: 'text/x-rust',
+            yaml: 'text/yaml',
+            sql: 'text/x-sql',
+        };
+        return mimeTypes[mimeType] || 'text/plain';
+    }, []);
+    const getButtonContent = () => {
+        if (copyState.success) {
+            return (_jsxs(_Fragment, { children: [_jsx(ThumbUp, { className: "memori-copy-button-icon memori-copy-button-icon--success" }), _jsx("span", { className: "memori-copy-button-text", children: t('artifact.copied') || 'Copied!' })] }));
+        }
+        if (copyState.error) {
+            return (_jsxs(_Fragment, { children: [_jsx(Alert, { className: "memori-copy-button-icon memori-copy-button-icon--error" }), _jsx("span", { className: "memori-copy-button-text", children: t('artifact.error') || 'Error' })] }));
+        }
+        if (copyState.loading) {
+            return (_jsxs(_Fragment, { children: [_jsx("div", { className: "memori-copy-button-loading", children: _jsx("div", { className: "memori-copy-button-spinner" }) }), _jsx("span", { className: "memori-copy-button-text", children: copyState.activeFormat === 'pdf'
+                            ? t('artifact.generatingPdf') || 'Generating PDF...'
+                            : t('artifact.copying') || 'Copying...' })] }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsx(Copy, { className: "memori-copy-button-icon" }), _jsx("span", { className: "memori-copy-button-text", children: t('artifact.copy') || 'Copy' })] }));
+    };
+    const handlePrint = useCallback(() => {
+        try {
+            const printWindow = window.open('', '_blank');
+            if (!printWindow) {
+                alert('Popup blocked! Please enable popups to print the artifact.');
+                return;
+            }
+            let printContent;
+            if (artifact.mimeType === 'html') {
+                printContent = artifact.content;
+            }
+            else {
+                printContent = `
+            <!DOCTYPE html>
+            <html>
+            <head>
+              <title>Artifact - ${artifact.mimeType.toUpperCase()}</title>
+              <style>
+                body { 
+                  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; 
+                  white-space: pre-wrap; 
+                  margin: 20px; 
+                  line-height: 1.4;
+                }
+                @media print { 
+                  body { margin: 0; } 
+                }
+              </style>
+            </head>
+            <body>${artifact.content
+                    .replace(/</g, '&lt;')
+                    .replace(/>/g, '&gt;')}</body>
+            </html>
+          `;
+            }
+            printWindow.document.write(printContent);
+            printWindow.document.close();
+            setTimeout(() => {
+                printWindow.print();
+                printWindow.close();
+            }, 500);
+            onPrint === null || onPrint === void 0 ? void 0 : onPrint();
+        }
+        catch (error) {
+            console.error('Print failed:', error);
+        }
+    }, [artifact, onPrint]);
+    const handleOpenExternal = useCallback(() => {
+        try {
+            let content = artifact.content;
+            let mimeType = getMimeTypeString(artifact.mimeType);
+            if (artifact.mimeType === 'markdown') {
+                const renderedHtml = renderMarkdownToHtml(artifact.content);
+                content = `
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${artifact.title || 'Artifact'}</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
+      line-height: 1.6;
+      color: #333;
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 20px;
+      background-color: #fff;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      color: #2c3e50;
+      margin-top: 1.5em;
+      margin-bottom: 0.5em;
+    }
+    h1 { border-bottom: 2px solid #eee; padding-bottom: 10px; }
+    h2 { border-bottom: 1px solid #eee; padding-bottom: 5px; }
+    code {
+      background-color: #f4f4f4;
+      padding: 2px 4px;
+      border-radius: 3px;
+      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    }
+    pre {
+      background-color: #f8f8f8;
+      padding: 15px;
+      border-radius: 5px;
+      overflow-x: auto;
+      border: 1px solid #e1e1e1;
+    }
+    pre code {
+      background-color: transparent;
+      padding: 0;
+    }
+    blockquote {
+      border-left: 4px solid #ddd;
+      margin: 0;
+      padding-left: 20px;
+      color: #666;
+    }
+    table {
+      border-collapse: collapse;
+      width: 100%;
+      margin: 1em 0;
+    }
+    th, td {
+      border: 1px solid #ddd;
+      padding: 8px 12px;
+      text-align: left;
+    }
+    th {
+      background-color: #f5f5f5;
+      font-weight: 600;
+    }
+    a {
+      color: #007acc;
+      text-decoration: none;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    ul, ol {
+      padding-left: 20px;
+    }
+    img {
+      max-width: 100%;
+      height: auto;
+    }
+  </style>
+</head>
+<body>
+  ${renderedHtml}
+</body>
+</html>`;
+                mimeType = 'text/html';
+            }
+            const blob = new Blob([content], { type: mimeType });
+            const url = URL.createObjectURL(blob);
+            const externalWindow = window.open(url, '_blank');
+            if (!externalWindow) {
+                alert('Popup blocked! Please enable popups to open the artifact in a new window.');
+                return;
+            }
+            setTimeout(() => {
+                URL.revokeObjectURL(url);
+            }, 60000);
+            onOpenExternal === null || onOpenExternal === void 0 ? void 0 : onOpenExternal();
+        }
+        catch (error) {
+            console.error('External open failed:', error);
+        }
+    }, [artifact, getMimeTypeString, renderMarkdownToHtml, onOpenExternal]);
+    const getButtonTitle = () => {
+        if (copyState.success) {
+            return 'Copied successfully!';
+        }
+        if (copyState.error) {
+            return `Error: ${copyState.error}`;
+        }
+        if (copyState.loading) {
+            return copyState.activeFormat === 'pdf'
+                ? 'Generating PDF...'
+                : 'Copying...';
+        }
+        if (formats.length > 0) {
+            return `Copy as ${formats[0].label}`;
+        }
+        return 'Copy';
+    };
+    return (_jsx("div", { className: "memori-copy-button-wrapper", children: _jsxs("div", { className: "memori-copy-button-group", children: [_jsx(Button, { onClick: handleCopyClick, disabled: disabled || loading || copyState.loading, className: cx('memori-copy-button memori-copy-button--main', {
+                        'memori-copy-button--success': copyState.success,
+                        'memori-copy-button--error': copyState.error,
+                        'memori-copy-button--loading': copyState.loading,
+                    }, className), ghost: true, title: getButtonTitle(), children: getButtonContent() }), formats.length > 0 && (_jsx(Menu, { as: "div", className: "memori-copy-menu-wrapper", children: () => (_jsxs(_Fragment, { children: [_jsx(Menu.Button, { as: "div", className: "memori-copy-button-trigger", children: _jsx(Button, { disabled: disabled || loading || copyState.loading, className: "memori-copy-button--dropdown", ghost: true, title: "More copy options", children: _jsx(ChevronDown, { className: "memori-copy-button-chevron" }) }) }), _jsx(Transition, { as: React.Fragment, enter: "memori-copy-dropdown-enter", enterFrom: "memori-copy-dropdown-enter-from", enterTo: "memori-copy-dropdown-enter-to", leave: "memori-copy-dropdown-leave", leaveFrom: "memori-copy-dropdown-leave-from", leaveTo: "memori-copy-dropdown-leave-to", children: _jsx(Menu.Items, { className: "memori-copy-dropdown", children: _jsx("div", { className: "memori-copy-dropdown-content", children: _jsxs("div", { className: "memori-copy-dropdown-list", children: [formats.map(format => (_jsx(Menu.Item, { children: ({ active }) => (_jsx(CopyMenuItem, { format: format, onClick: handleFormatSelect, loading: copyState.loading, active: active })) }, format.id))), _jsx(CopyMenuItem, { format: {
+                                                        id: 'external',
+                                                        label: t('artifact.external') || 'External',
+                                                        action: 'link',
+                                                        mimeType: artifact.mimeType,
+                                                    }, onClick: handleOpenExternal, loading: copyState.loading, active: false }), _jsx(CopyMenuItem, { format: {
+                                                        id: 'print',
+                                                        label: t('artifact.print') || 'Print',
+                                                        action: 'print',
+                                                        mimeType: artifact.mimeType,
+                                                    }, onClick: handlePrint, loading: copyState.loading, active: false })] }) }) }) })] })) }))] }) }));
+};
+export default CopyButtonWithDropdown;
+//# sourceMappingURL=CopyButtonWithDropdown.js.map

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButtonWithDropdown.js","sourceRoot":"","sources":["../../../../../../src/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyButtonWithDropdown.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,WAAW,MAAM,+BAA+B,CAAC;AACxD,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,EACP,cAAc,EACd,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,eAAe,CACzE,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,CACR,CAAC;IACF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAK/B,MAAM,kBAAkB,GAAG,KAAK,EAAE,MAAyB,EAAE,EAAE;QAC7D,MAAM,UAAU,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC,CAAC;IAKF,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAU,EAAE;QACpE,IAAI;YAEF,MAAM,CAAC,GAAG,CAAC;gBACT,KAAK,EAAE,KAAK;gBACZ,GAAG,EAAE,IAAI;gBACT,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE;oBACR,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAgE,EAAE,EAAE;wBAC5F,IAAI,CAAC,IAAI;4BAAE,OAAO,IAAI,CAAC;wBACvB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC;wBACrE,OAAO,YAAY,SAAS,8CAA8C,KAAK,CAAC,CAAC,CAAC,WAAW,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,MAAM,CAAC;oBAC3H,CAAC;iBACF;aACF,CAAC,CAAC;YAGH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;YAG7D,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE;gBACpD,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;gBAC3B,YAAY,EAAE;oBACZ,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;oBAClC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG;oBACnC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;oBAC7C,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;oBACvD,KAAK,EAAE,MAAM;iBACd;gBACD,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC;aAC9E,CAAC,CAAC;YAEH,OAAO,aAAa,CAAC;SACtB;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;YAElD,OAAO,QAAQ;iBACZ,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;iBACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;iBACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;iBACrB,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAKP,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAU,EAAE;QACjE,MAAM,SAAS,GAA2B;YACxC,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,kBAAkB;YACxB,QAAQ,EAAE,eAAe;YACzB,GAAG,EAAE,UAAU;YACf,UAAU,EAAE,iBAAiB;YAC7B,UAAU,EAAE,iBAAiB;YAC7B,GAAG,EAAE,eAAe;YACpB,GAAG,EAAE,UAAU;YACf,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,eAAe;YACvB,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,MAAM,EAAE,eAAe;YACvB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;YACnB,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,YAAY;SAClB,CAAC;QACF,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAC;IAKP,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,OAAO,CACL,8BACE,KAAC,OAAO,IAAC,SAAS,EAAC,0DAA0D,GAAG,EAChF,eAAM,SAAS,EAAC,yBAAyB,YACtC,CAAC,CAAC,iBAAiB,CAAC,IAAI,SAAS,GAC7B,IACN,CACJ,CAAC;SACH;QAED,IAAI,SAAS,CAAC,KAAK,EAAE;YACnB,OAAO,CACL,8BACE,KAAC,KAAK,IAAC,SAAS,EAAC,wDAAwD,GAAG,EAC5E,eAAM,SAAS,EAAC,yBAAyB,YACtC,CAAC,CAAC,gBAAgB,CAAC,IAAI,OAAO,GAC1B,IACN,CACJ,CAAC;SACH;QAED,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,4BAA4B,YACzC,cAAK,SAAS,EAAC,4BAA4B,GAAG,GAC1C,EACN,eAAM,SAAS,EAAC,yBAAyB,YACtC,SAAS,CAAC,YAAY,KAAK,KAAK;4BAC/B,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,IAAI,mBAAmB;4BACpD,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,YAAY,GACpC,IACN,CACJ,CAAC;SACH;QAED,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAC5C,eAAM,SAAS,EAAC,yBAAyB,YACtC,CAAC,CAAC,eAAe,CAAC,IAAI,MAAM,GACxB,IACN,CACJ,CAAC;IACJ,CAAC,CAAC;IAKF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI;YACF,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;YAC9C,IAAI,CAAC,WAAW,EAAE;gBAChB,KAAK,CAAC,4DAA4D,CAAC,CAAC;gBACpE,OAAO;aACR;YAED,IAAI,YAAoB,CAAC;YACzB,IAAI,QAAQ,CAAC,QAAQ,KAAK,MAAM,EAAE;gBAChC,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;aACjC;iBAAM;gBACL,YAAY,GAAG;;;;kCAIW,QAAQ,CAAC,QAAQ,CAAC,WAAW,EAAE;;;;;;;;;;;;;oBAa7C,QAAQ,CAAC,OAAO;qBACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;qBACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;;WAEzB,CAAC;aACL;YAED,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YACzC,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;YAE7B,UAAU,CAAC,GAAG,EAAE;gBACd,WAAW,CAAC,KAAK,EAAE,CAAC;gBACpB,WAAW,CAAC,KAAK,EAAE,CAAC;YACtB,CAAC,EAAE,GAAG,CAAC,CAAC;YAER,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;SACb;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAKxB,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI;YACF,IAAI,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAGpD,IAAI,QAAQ,CAAC,QAAQ,KAAK,UAAU,EAAE;gBACpC,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAC5D,OAAO,GAAG;;;;;;WAMP,QAAQ,CAAC,KAAK,IAAI,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwEnC,YAAY;;QAER,CAAC;gBACD,QAAQ,GAAG,WAAW,CAAC;aACxB;YAED,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;YACrD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAEtC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YAClD,IAAI,CAAC,cAAc,EAAE;gBACnB,KAAK,CACH,2EAA2E,CAC5E,CAAC;gBACF,OAAO;aACR;YAGD,UAAU,CAAC,GAAG,EAAE;gBACd,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;YAEV,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;SACpB;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAKxE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,OAAO,sBAAsB,CAAC;SAC/B;QAED,IAAI,SAAS,CAAC,KAAK,EAAE;YACnB,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,CAAC;SACpC;QAED,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,OAAO,SAAS,CAAC,YAAY,KAAK,KAAK;gBACrC,CAAC,CAAC,mBAAmB;gBACrB,CAAC,CAAC,YAAY,CAAC;SAClB;QAED,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACtB,OAAO,WAAW,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SACtC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,eAAK,SAAS,EAAC,0BAA0B,aAEvC,KAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,QAAQ,IAAI,OAAO,IAAI,SAAS,CAAC,OAAO,EAClD,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C;wBACE,6BAA6B,EAAE,SAAS,CAAC,OAAO;wBAChD,2BAA2B,EAAE,SAAS,CAAC,KAAK;wBAC5C,6BAA6B,EAAE,SAAS,CAAC,OAAO;qBACjD,EACD,SAAS,CACV,EACD,KAAK,QACL,KAAK,EAAE,cAAc,EAAE,YAEtB,gBAAgB,EAAE,GACZ,EAGR,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,0BAA0B,YAChD,GAAG,EAAE,CAAC,CACL,8BACE,KAAC,IAAI,CAAC,MAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,4BAA4B,YAC1D,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,IAAI,OAAO,IAAI,SAAS,CAAC,OAAO,EAClD,SAAS,EAAC,8BAA8B,EACxC,KAAK,QACL,KAAK,EAAC,mBAAmB,YAEzB,KAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,GAAG,GAC/C,GACG,EAEd,KAAC,UAAU,IACT,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,+BAA+B,EACvC,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,+BAA+B,YAEvC,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC1C,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eAAK,SAAS,EAAC,2BAA2B,aACvC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,KAAC,IAAI,CAAC,IAAI,cACP,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACf,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,SAAS,CAAC,OAAO,EAC1B,MAAM,EAAE,MAAM,GACd,CACH,IARa,MAAM,CAAC,EAAE,CASb,CACb,CAAC,EACF,KAAC,YAAY,IACX,MAAM,EAAE;wDACN,EAAE,EAAE,UAAU;wDACd,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAAI,UAAU;wDAC3C,MAAM,EAAE,MAAM;wDACd,QAAQ,EAAE,QAAQ,CAAC,QAAQ;qDAC5B,EACD,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,SAAS,CAAC,OAAO,EAC1B,MAAM,EAAE,KAAK,GACb,EACF,KAAC,YAAY,IACX,MAAM,EAAE;wDACN,EAAE,EAAE,OAAO;wDACX,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,OAAO;wDACrC,MAAM,EAAE,OAAO;wDACf,QAAQ,EAAE,QAAQ,CAAC,QAAQ;qDAC5B,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,EAC1B,MAAM,EAAE,KAAK,GACb,IAEE,GACF,GACK,GACF,IACZ,CACJ,GACI,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyMenuItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CopyMenuItemProps } from '../types';
+declare const CopyMenuItem: React.FC<CopyMenuItemProps & {
+    active?: boolean;
+}>;
+export default CopyMenuItem;

package/esm/components/MemoriArtifactSystem/components/ArtifactActions/components/CopyMenuItem.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from 'classnames';
+import Copy from '../../../../icons/Copy';
+import Download from '../../../../icons/Download';
+import PrintIcon from '../../../../icons/Print';
+import Link from '../../../../icons/Link';
+const CopyMenuItem = ({ format, onClick, loading = false, disabled = false, active = false, }) => {
+    const handleClick = () => {
+        if (!disabled && !loading) {
+            onClick(format);
+        }
+    };
+    const getIcon = () => {
+        if (loading) {
+            return (_jsx("div", { className: "memori-copy-menu-item-loading", children: _jsx("div", { className: "memori-copy-menu-item-spinner" }) }));
+        }
+        switch (format.action) {
+            case 'pdf':
+                return _jsx(Download, { className: "memori-copy-menu-item-icon" });
+            case 'print':
+                return _jsx(PrintIcon, { className: "memori-copy-menu-item-icon" });
+            case 'link':
+                return _jsx(Link, { className: "memori-copy-menu-item-icon" });
+            default:
+                return _jsx(Copy, { className: "memori-copy-menu-item-icon" });
+        }
+    };
+    return (_jsx("button", { type: "button", className: cx('memori-copy-menu-item', {
+            'memori-copy-menu-item--loading': loading,
+            'memori-copy-menu-item--disabled': disabled,
+            'memori-copy-menu-item--pdf': format.action === 'pdf',
+            'memori-copy-menu-item--print': format.action === 'print',
+            'memori-copy-menu-item--active': active,
+        }), onClick: handleClick, disabled: disabled || loading, title: format.description, children: _jsxs("div", { className: "memori-copy-menu-item-content", children: [_jsx("div", { className: "memori-copy-menu-item-icon-wrapper", children: getIcon() }), _jsxs("div", { className: "memori-copy-menu-item-text", children: [_jsx("div", { className: "memori-copy-menu-item-label", children: format.label }), format.description && (_jsx("div", { className: "memori-copy-menu-item-description", children: format.description }))] }), format.isAsync && (_jsx("div", { className: "memori-copy-menu-item-async-indicator", children: _jsx("span", { className: "memori-copy-menu-item-async-badge", children: "PDF" }) }))] }) }));
+};
+export default CopyMenuItem;
+//# sourceMappingURL=CopyMenuItem.js.map