@zjlab-fe/data-hub-ui 0.21.7 → 0.23.0

package/es/components/notion-editor/index.scss.js

@@ -0,0 +1,421 @@
+var style = document.createElement('style');
+style.textContent = `.data-hub-ui-blocknote-editor-wrapper {
+  position: relative;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) var(--blocknote-toc-width, 240px);
+  gap: 24px;
+  align-items: start;
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 0 48px;
+  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+}
+.data-hub-ui-blocknote-editor-wrapper div,
+.data-hub-ui-blocknote-editor-wrapper ul,
+.data-hub-ui-blocknote-editor-wrapper ol,
+.data-hub-ui-blocknote-editor-wrapper main,
+.data-hub-ui-blocknote-editor-wrapper nav {
+  scrollbar-width: thin;
+  scrollbar-color: #eaeaea transparent;
+}
+.data-hub-ui-blocknote-editor-wrapper.is-toc-collapsed {
+  --blocknote-toc-width: 42px;
+}
+.data-hub-ui-blocknote-toc {
+  position: sticky;
+  top: 10px;
+  display: flex;
+  flex-direction: column;
+  width: 240px;
+  max-height: 560px;
+  overflow: hidden;
+  color: #334155;
+  font-size: 13px;
+}
+.data-hub-ui-blocknote-toc.is-collapsed {
+  width: 42px;
+}
+.data-hub-ui-blocknote-toc__toggle {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 32px;
+  padding: 0 10px;
+  color: #475569;
+  font: inherit;
+  font-weight: 600;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
+}
+.data-hub-ui-blocknote-toc__toggle:hover {
+  color: #2563eb;
+  background: #f3f8ff;
+  border-color: #bfdbfe;
+}
+.data-hub-ui-blocknote-toc.is-collapsed .data-hub-ui-blocknote-toc__toggle {
+  justify-content: center;
+  padding: 0;
+}
+.data-hub-ui-blocknote-toc.is-collapsed .data-hub-ui-blocknote-toc__toggle > span:first-child {
+  display: none;
+}
+.data-hub-ui-blocknote-toc__toggle-icon {
+  color: #94a3b8;
+  font-size: 18px;
+  line-height: 1;
+}
+.data-hub-ui-blocknote-toc__list {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  gap: 2px;
+  min-height: 0;
+  max-height: 516px;
+  margin-top: 8px;
+  padding: 4px 0 4px 8px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  border-left: 1px solid #e2e8f0;
+}
+.data-hub-ui-blocknote-toc__item {
+  display: block;
+  flex-shrink: 0;
+  width: 100%;
+  padding: 5px 8px 5px calc((var(--toc-level) - 1) * 10px + 8px);
+  overflow: hidden;
+  color: #64748b;
+  font: inherit;
+  line-height: 1.45;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: color 0.15s ease, background 0.15s ease;
+}
+.data-hub-ui-blocknote-toc__item:hover {
+  color: #2563eb;
+  background: #eff6ff;
+}
+@media (max-width: 960px) {
+  .data-hub-ui-blocknote-editor-wrapper {
+    display: block;
+    padding: 16px 24px;
+  }
+  .data-hub-ui-blocknote-toc {
+    position: sticky;
+    top: 0;
+    right: auto;
+    width: 100%;
+    max-height: none;
+    margin-bottom: 12px;
+    background: #ffffff;
+  }
+  .data-hub-ui-blocknote-toc.is-collapsed {
+    width: 42px;
+  }
+  .data-hub-ui-blocknote-toc__list {
+    max-height: 220px;
+  }
+}
+.data-hub-ui-blocknote-editor .bn-editor {
+  padding: 12px 0;
+  min-height: 200px;
+  outline: none;
+  color: #37352f;
+  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+  font-size: 16px;
+  line-height: 1.72;
+}
+.data-hub-ui-blocknote-editor .bn-block-content {
+  color: inherit;
+}
+.data-hub-ui-blocknote-editor .bn-inline-content {
+  line-height: inherit;
+}
+.data-hub-ui-blocknote-editor p {
+  margin: 0;
+}
+.data-hub-ui-blocknote-editor h1 {
+  margin: 0;
+  color: #2f2e2a;
+  font-size: 30px;
+  font-weight: 700;
+  line-height: 1.25;
+}
+.data-hub-ui-blocknote-editor h2 {
+  margin: 0;
+  color: #2f2e2a;
+  font-size: 24px;
+  font-weight: 650;
+  line-height: 1.3;
+}
+.data-hub-ui-blocknote-editor h3 {
+  margin: 0;
+  color: #2f2e2a;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.35;
+}
+.data-hub-ui-blocknote-editor h4 {
+  margin: 0;
+  color: #37352f;
+  font-size: 17px;
+  font-weight: 600;
+  line-height: 1.45;
+}
+.data-hub-ui-blocknote-editor h5 {
+  margin: 0;
+  color: #37352f;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.5;
+}
+.data-hub-ui-blocknote-editor h6 {
+  margin: 0;
+  color: #6f6e69;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.5;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=heading] {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=heading]:has(h1) {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=heading]:has(h2) {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=heading]:has(h3) {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.data-hub-ui-blocknote-editor .bn-side-menu[data-block-type=heading][data-level="1"] {
+  height: 66px;
+}
+.data-hub-ui-blocknote-editor .bn-side-menu[data-block-type=heading][data-level="2"] {
+  height: 54px;
+}
+.data-hub-ui-blocknote-editor .bn-side-menu[data-block-type=heading][data-level="3"] {
+  height: 40px;
+}
+.data-hub-ui-blocknote-editor .bn-side-menu[data-block-type=heading][data-level="4"],
+.data-hub-ui-blocknote-editor .bn-side-menu[data-block-type=heading][data-level="5"],
+.data-hub-ui-blocknote-editor .bn-side-menu[data-block-type=heading][data-level="6"] {
+  height: 30px;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=quote] {
+  background: #f3f8ff;
+  margin: 0.75em 0;
+  padding: 8px 0;
+  border-left: 3px solid #2f80ed;
+  border-radius: 0 6px 6px 0;
+}
+.data-hub-ui-blocknote-editor blockquote {
+  font-style: normal;
+  padding: 0 12px;
+  color: #334155;
+  border-left: 0;
+}
+.data-hub-ui-blocknote-editor blockquote p,
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=quote] p {
+  margin: 0;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=bulletListItem],
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=numberedListItem],
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=checkListItem],
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=toggleListItem] {
+  margin: 2px 0;
+  line-height: 1.68;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=bulletListItem] .bn-inline-content,
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=numberedListItem] .bn-inline-content,
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=checkListItem] .bn-inline-content,
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=toggleListItem] .bn-inline-content {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+.data-hub-ui-blocknote-editor ul,
+.data-hub-ui-blocknote-editor ol {
+  margin: 0.45em 0;
+  padding-left: 1.5em;
+}
+.data-hub-ui-blocknote-editor li {
+  margin: 0.25em 0;
+  padding-left: 0.15em;
+}
+.data-hub-ui-blocknote-editor li > ul,
+.data-hub-ui-blocknote-editor li > ol {
+  margin: 0.25em 0;
+  padding-left: 1.45em;
+}
+.data-hub-ui-blocknote-editor input[type=checkbox] {
+  accent-color: #37352f;
+}
+.data-hub-ui-blocknote-editor .bn-inline-content code {
+  background: #f1f5f9;
+  color: #e11d48;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-family: "JetBrains Mono", "Fira Code", "Consolas", monospace;
+  font-size: 0.9em;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=table] {
+  overflow-x: auto;
+  margin: 0.75em 0;
+}
+.data-hub-ui-blocknote-editor table tr:first-child {
+  background-color: #f1f5f9;
+}
+.data-hub-ui-blocknote-editor table tr:first-child td {
+  font-weight: 600;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=table] table,
+.data-hub-ui-blocknote-editor table {
+  width: 100%;
+  min-width: 520px;
+  border: 1px solid #e6e6e3;
+  border-collapse: collapse;
+  border-spacing: 0;
+  color: #37352f;
+  font-size: 15px;
+  line-height: 1.55;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=table] th,
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=table] td,
+.data-hub-ui-blocknote-editor th,
+.data-hub-ui-blocknote-editor td {
+  min-width: 120px;
+  padding: 8px 12px;
+  border: 1px solid #e6e6e3;
+  text-align: left;
+  vertical-align: top;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=table] th,
+.data-hub-ui-blocknote-editor th {
+  color: #37352f;
+  background: #f7f7f5;
+  font-weight: 600;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=table] tr:hover td,
+.data-hub-ui-blocknote-editor table tr:hover td {
+  background: #fbfbfa;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=codeBlock] {
+  position: relative;
+  background: #ffffff;
+  border: 1px solid #e6e6e3;
+  border-radius: 6px;
+  margin: 0.75em 0;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=codeBlock] > div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=codeBlock] > div > select {
+  outline: none;
+  -moz-appearance: none;
+       appearance: none;
+  -webkit-appearance: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  border: none;
+  cursor: pointer;
+  background: transparent;
+  padding: 4px 20px 4px 8px;
+  font-size: 0.75em;
+  color: #787774;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 4px center;
+  background-size: 12px;
+  border-radius: 4px;
+  top: 0;
+  left: 0;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=codeBlock] > div > select > option {
+  color: #37352f;
+  background: #ffffff;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=codeBlock]:hover > div > select,
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=codeBlock] > div > select:focus {
+  opacity: 1;
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=codeBlock] > pre {
+  margin: 0;
+  padding: 16px;
+  padding-top: 22px;
+  overflow-x: auto;
+  color: #37352f;
+  font-size: 0.86em;
+  line-height: 1.6;
+  -moz-tab-size: 2;
+    -o-tab-size: 2;
+       tab-size: 2;
+}
+.data-hub-ui-blocknote-editor .bn-block-content[data-content-type=codeBlock] > pre > code {
+  font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", Consolas, monospace;
+  white-space: pre;
+}
+.data-hub-ui-custom-file-block {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 14px;
+  margin: 0.5em 0;
+  background: #f9fafb;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.15s;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.data-hub-ui-custom-file-block:hover {
+  background: #f3f4f6;
+}
+.data-hub-ui-custom-file-block__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  background: #6366f1;
+  border-radius: 6px;
+  color: white;
+  font-size: 16px;
+  flex-shrink: 0;
+}
+.data-hub-ui-custom-file-block__info {
+  flex: 1;
+  min-width: 0;
+}
+.data-hub-ui-custom-file-block__name {
+  font-size: 14px;
+  font-weight: 500;
+  color: #374151;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}`;
+document.head.appendChild(style);

package/es/components/notion-editor/parseMarkdown.js

@@ -0,0 +1,184 @@
+import { __awaiter } from 'tslib';
+import { v4 } from 'uuid';
+
+/** 正则匹配围栏代码块 */
+const FENCED_CODE_REGEX = /```(\w*)\r?\n([\s\S]*?)```/g;
+/** 正则匹配 HTML 图片标签 */
+const HTML_IMG_REGEX = /<img\b[^>]*\bsrc=(["'])(.*?)\1[^>]*\/?>/gi;
+/** 无序列表项标记 */
+const UNORDERED_LIST_REGEX = /^[-*+]\s+/;
+/** 有序列表项标记：1. 或 1) */
+const ORDERED_LIST_REGEX = /^\d+[.)]\s+/;
+/**
+ * 将纯文本分割成段落，对每个段落判断是否属于列表块。
+ * 相邻的同类型列表行合并为一个列表块。
+ */
+function parsePastedMarkdown(text, parseMarkdown, uploadImageByUrl) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // 1) 先提取围栏代码块，并将代码块文本替换为占位符
+        const segments = [];
+        const placeholderText = text.replace(FENCED_CODE_REGEX, (_match, lang, code) => {
+            segments.push({ type: 'code', lang: lang || 'text', code });
+            return `\n__CODE_BLOCK_${segments.length - 1}__\n`;
+        });
+        const imageSegments = [];
+        const markdownText = placeholderText.replace(HTML_IMG_REGEX, (match, _quote, src) => {
+            imageSegments.push({ src, raw: match });
+            return `\n__IMAGE_BLOCK_${imageSegments.length - 1}__\n`;
+        });
+        // 2) 解析非代码块部分（逐行处理列表）
+        const lines = markdownText.split(/\r?\n/);
+        const nonListBlocks = [];
+        let listBuffer = null;
+        function flushList() {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                if (!listBuffer)
+                    return;
+                const currentList = listBuffer;
+                listBuffer = null;
+                const blockType = currentList.type === 'bullet' ? 'bulletListItem' : 'numberedListItem';
+                for (const item of currentList.items) {
+                    // 去掉列表标记（- / * / 1. 等）
+                    const text = item.replace(currentList.type === 'bullet' ? UNORDERED_LIST_REGEX : ORDERED_LIST_REGEX, '');
+                    const parsedBlocks = yield parseMarkdown(text);
+                    const parsedContent = (_a = parsedBlocks.find((block) => Array.isArray(block.content))) === null || _a === void 0 ? void 0 : _a.content;
+                    const inlineContent = Array.isArray(parsedContent) ? parsedContent : undefined;
+                    nonListBlocks.push({
+                        id: v4(),
+                        type: blockType,
+                        props: {
+                            textAlignment: 'left',
+                            backgroundColor: 'default',
+                            textColor: 'default',
+                        },
+                        content: inlineContent && inlineContent.length > 0
+                            ? inlineContent
+                            : [{ type: 'text', text, styles: {} }],
+                        children: [],
+                    });
+                }
+            });
+        }
+        for (const rawLine of lines) {
+            // 检查是否是代码块占位符
+            const codeMatch = rawLine.match(/^__CODE_BLOCK_(\d+)__$/);
+            if (codeMatch) {
+                yield flushList();
+                const idx = parseInt(codeMatch[1], 10);
+                if (segments[idx]) {
+                    nonListBlocks.push({
+                        id: v4(),
+                        type: 'codeBlock',
+                        props: { language: segments[idx].lang },
+                        content: segments[idx].code,
+                        children: [],
+                    });
+                }
+                continue;
+            }
+            const imageMatch = rawLine.match(/^__IMAGE_BLOCK_(\d+)__$/);
+            if (imageMatch) {
+                yield flushList();
+                const idx = parseInt(imageMatch[1], 10);
+                const image = imageSegments[idx];
+                let uploadedUrl = '';
+                if (image) {
+                    if (!uploadImageByUrl) {
+                        uploadedUrl = image.src;
+                    }
+                    else {
+                        try {
+                            uploadedUrl = yield uploadImageByUrl(image.src);
+                        }
+                        catch (_a) {
+                            // 上传失败则使用原 URL
+                            uploadedUrl = image.src;
+                        }
+                    }
+                }
+                if (uploadedUrl) {
+                    nonListBlocks.push({
+                        id: v4(),
+                        type: 'image',
+                        props: {
+                            textAlignment: 'left',
+                            backgroundColor: 'default',
+                            name: image.src.split('/').pop() || '',
+                            url: uploadedUrl,
+                            caption: '',
+                            showPreview: true,
+                        },
+                        children: [],
+                    });
+                }
+                else if (image) {
+                    nonListBlocks.push({ _raw: image.raw });
+                }
+                continue;
+            }
+            const isUnordered = UNORDERED_LIST_REGEX.test(rawLine);
+            const isOrdered = ORDERED_LIST_REGEX.test(rawLine);
+            if (isUnordered) {
+                if (listBuffer && listBuffer.type === 'bullet') {
+                    listBuffer.items.push(rawLine);
+                }
+                else {
+                    yield flushList();
+                    listBuffer = { type: 'bullet', items: [rawLine] };
+                }
+            }
+            else if (isOrdered) {
+                if (listBuffer && listBuffer.type === 'ordered') {
+                    listBuffer.items.push(rawLine);
+                }
+                else {
+                    yield flushList();
+                    listBuffer = { type: 'ordered', items: [rawLine] };
+                }
+            }
+            else {
+                yield flushList();
+                // 普通行，累积到待解析文本
+                nonListBlocks.push({ _raw: rawLine });
+            }
+        }
+        yield flushList();
+        // 3) 将非列表/非代码块的文本合并，通过标准 Markdown 解析
+        const rawParts = [];
+        const result = [];
+        for (const b of nonListBlocks) {
+            if ('_raw' in b) {
+                rawParts.push(b._raw);
+            }
+            else {
+                // 先 flush 累积的原始文本
+                if (rawParts.length > 0) {
+                    const md = rawParts.join('\n').trim();
+                    if (md) {
+                        const mdBlocks = yield parseMarkdown(md);
+                        result.push(...mdBlocks);
+                    }
+                    rawParts.length = 0;
+                }
+                result.push(b);
+            }
+        }
+        // 剩余原始文本
+        if (rawParts.length > 0) {
+            const md = rawParts.join('\n').trim();
+            if (md) {
+                const mdBlocks = yield parseMarkdown(md);
+                result.push(...mdBlocks);
+            }
+        }
+        // 4) 如果完全没有解析出任何内容，整体走一次标准解析
+        if (result.length === 0) {
+            const mdBlocks = yield parseMarkdown(text);
+            result.push(...mdBlocks);
+        }
+        return result;
+    });
+}
+
+export { parsePastedMarkdown };

package/es/components/operator-chain/components/AddButton.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { Divider, Dropdown, Tooltip } from 'antd';
+import { PlusCircleOutlined } from '@ant-design/icons';
+import { "divider-block" as divider_block, "card-divider" as card_divider } from '../index.module.scss.js';
+import VirtualDropdown from './VirtualDropdown.js';
+
+function AddButton({ menu, isEdit, onClick }) {
+    return (jsx("div", { className: divider_block, children: jsx(Divider, { className: card_divider, style: {
+                borderColor: '#1775FE',
+                margin: '0',
+                padding: '0 10px 0 10px',
+            }, children: jsx(Dropdown, { popupRender: () => jsx(VirtualDropdown, { menu: menu || [], onItemClick: onClick }), trigger: ['click'], children: jsx(Tooltip, { placement: "topLeft", title: '添加算子', children: jsx("span", { onClick: (e) => e.preventDefault(), style: {
+                            color: '#1775FE',
+                            cursor: isEdit ? 'pointer' : 'not-allowed',
+                            height: '16px',
+                            width: '16px',
+                        }, children: jsx(PlusCircleOutlined, {}) }) }) }) }) }));
+}
+
+export { AddButton as default };

package/es/components/operator-chain/components/IOCard.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import { iocard, "iocard-body" as iocard_body, active } from '../index.module.scss.js';
+
+function IOCard({ isActive, onClick, id }) {
+    return (jsx("div", { className: iocard, children: jsx("div", { className: `${iocard_body}  ${isActive ? active : ''}`, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(id || ''), children: jsx("div", { children: id === 'IMPORT' ? '输入数据集' : '输出数据集' }) }) }));
+}
+
+export { IOCard as default };

package/es/components/operator-chain/components/SingleCard.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { DeleteOutlined } from '@ant-design/icons';
+import { "card-body" as card_body, active, "card-title" as card_title, "delete-btn-container" as delete_btn_container, "card-description" as card_description } from '../index.module.scss.js';
+
+function SingleCard({ isEdit, isActive, onClick, onDelete, title, description, id }) {
+    return (jsxs("div", { className: `${card_body} ${isActive ? active : ''}`, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(id || ''), children: [jsxs("div", { className: card_title, children: [title, isEdit && (jsx("div", { className: delete_btn_container, onClick: (e) => {
+                            e.stopPropagation();
+                            onDelete === null || onDelete === void 0 ? void 0 : onDelete(id || '');
+                        }, children: jsx(DeleteOutlined, {}) }))] }), jsx("div", { className: card_description, title: description, children: description })] }));
+}
+
+export { SingleCard as default };