rotion 0.0.2 → 0.0.4

package/dist/ui/cjs/index.js

@@ -50,9 +50,22 @@ var PageIcon = function (_a) {
             return (React.createElement("svg", { className: "notionate-blocks-icons-github", version: "1.0", xmlns: "http://www.w3.org/2000/svg", width: "20px", height: "20px", viewBox: "0 0 200 200", preserveAspectRatio: "xMidYMid meet" },
                 React.createElement("g", { transform: "translate(0.000000,200.000000) scale(0.100000,-0.100000)", stroke: "none" },
                     React.createElement("path", { d: "M899 1910 c-314 -38 -586 -232 -720 -515 -63 -133 -80 -205 -86 -356 -6 -144 10 -245 57 -367 88 -226 287 -429 503 -512 110 -43 117 -38 117 88 l0 97 -98 0 c-89 0 -102 2 -138 26 -27 18 -49 46 -72 90 -37 74 -54 96 -99 127 -39 28 -42 49 -9 58 43 10 110 -28 155 -90 46 -61 71 -82 122 -96 45 -13 138 5 145 28 3 10 15 38 28 63 l22 46 -76 17 c-220 47 -330 188 -330 425 0 81 19 150 59 213 29 45 30 51 21 100 -10 52 -7 95 12 157 10 33 11 33 56 28 25 -3 82 -24 128 -47 l82 -42 59 13 c79 16 232 17 324 0 76 -13 76 -13 116 13 50 34 148 68 182 64 20 -2 28 -11 37 -43 15 -49 17 -135 4 -169 -8 -21 -4 -34 25 -76 45 -67 57 -116 57 -225 -2 -235 -118 -376 -344 -416 -64 -12 -67 -13 -52 -30 34 -38 43 -91 44 -256 0 -133 3 -164 16 -177 21 -22 25 -21 115 18 147 64 292 181 385 311 50 70 109 196 136 290 19 68 23 104 23 235 0 188 -13 248 -90 405 -92 185 -230 325 -411 415 -144 72 -349 108 -505 90z" }))));
+        case 'link':
+            return (React.createElement("svg", { className: "", version: "1.0", xmlns: "http://www.w3.org/2000/svg", width: "13px", height: "13px", viewBox: "0 0 13 13", role: "graphics-symbol" },
+                React.createElement("path", { d: "M6.30826 4.43292L1.76184 8.98454C1.76176 8.98462 1.76169 8.9847 1.76161 8.98477C1.76158 8.9848 1.76156 8.98482 1.76154 8.98484C1.46068 9.28584 1.25 9.6914 1.25 10.1565C1.25 10.6117 1.45865 11.0119 1.73417 11.2886C2.01014 11.5658 2.41107 11.7773 2.87078 11.7773C3.34169 11.7773 3.73758 11.5617 4.03477 11.2733L4.03482 11.2734L4.04244 11.2657L8.58864 6.72474V8.667C8.58864 9.51956 9.22729 10.2935 10.1521 10.2935C11.0528 10.2935 11.75 9.54534 11.75 8.66127V2.92671C11.75 2.48722 11.5981 2.06381 11.2838 1.74808C10.9689 1.43182 10.5446 1.27728 10.1006 1.27728H4.36028C3.46161 1.27728 2.72804 1.97749 2.72804 2.86942C2.72804 3.79734 3.51104 4.43292 4.35455 4.43292H6.30826Z", fill: "#3E3C38", stroke: "white", strokeWidth: "1.5" })));
     }
 };
 
+var PageMention = function (_a) {
+    var mention = _a.mention, children = _a.children;
+    return (React.createElement("span", { className: "notionate-blocks-text-mention-page" },
+        React.createElement("span", null,
+            mention.icon.type === 'emoji' ? mention.icon.emoji : React.createElement("img", { src: mention.icon.src, alt: "icon" }),
+            React.createElement(PageIcon, { name: 'link' })),
+        React.createElement("span", null, mention.name),
+        children));
+};
+
 function queryToString(q) {
     if (q === undefined) {
         return '';
@@ -97,48 +110,54 @@ function pathBasename(str) {
     return l.lastIndexOf('?') > 0 ? l.substring(0, l.lastIndexOf('?')) : l;
 }
 
+var LinkPreviewMention = function (_a) {
+    var url = _a.url, text = _a.text, children = _a.children;
+    return (React.createElement("span", { className: "notionate-blocks-text-mention" },
+        url.includes('github.com') && React.createElement(PageIcon, { name: 'github' }),
+        url.includes('slack.com') && React.createElement(PageIcon, { name: 'slack' }),
+        url.includes('figma.com') && React.createElement(PageIcon, { name: 'figma' }),
+        pathBasename(text),
+        children));
+};
+
+var DateMention = function (_a) {
+    var date = _a.date, children = _a.children;
+    var start = date.start, end = date.end, time_zone = date.time_zone;
+    return (React.createElement("span", { className: "notionate-blocks-text-mention-date" },
+        "@",
+        start,
+        end === null ? '' : " -> ".concat(end),
+        time_zone === null ? '' : "(".concat(time_zone, ")"),
+        children));
+};
+
+var TemplateMention = function (_a) {
+    var text = _a.text, children = _a.children;
+    return (React.createElement("span", null,
+        text,
+        children));
+};
+
 var Mention = function (_a) {
     var textObject = _a.textObject, children = _a.children;
     if (textObject === undefined) {
         return React.createElement(React.Fragment, null);
     }
-    var plain_text = textObject.plain_text;
-    var type = textObject.mention.type;
-    switch (type) {
+    switch (textObject.mention.type) {
         case 'user':
-            return UserMention({ children: children });
-        case 'date': {
-            console.log("unsupport mention type: ".concat(textObject.mention.type));
-            var _b = textObject.mention.date, start = _b.start, end = _b.end, time_zone = _b.time_zone;
-            return (React.createElement("span", { className: "notionate-blocks-text-mention-date" },
-                "@",
-                start,
-                end === null ? '' : " -> ".concat(end),
-                time_zone === null ? '' : "(".concat(time_zone, ")")));
-        }
-        case 'link_preview': {
-            var url = textObject.mention.link_preview.url;
-            return (React.createElement("span", { className: "notionate-blocks-text-mention" },
-                url.includes('github.com') && React.createElement(PageIcon, { name: 'github' }),
-                url.includes('slack.com') && React.createElement(PageIcon, { name: 'slack' }),
-                url.includes('figma.com') && React.createElement(PageIcon, { name: 'figma' }),
-                pathBasename(plain_text)));
-        }
-        case 'page': {
-            var page = textObject.mention.page;
-            return (React.createElement("span", { className: "notionate-blocks-text-mention-page" },
-                React.createElement("span", null, page.icon.type === 'emoji' ? page.icon.emoji : React.createElement("img", { src: page.icon.src, alt: "icon" })),
-                React.createElement("span", null, page.name)));
-        }
-        case 'database': {
-            var database = textObject.mention.database;
-            return (React.createElement("span", { className: "notionate-blocks-text-mention-database" },
-                React.createElement("span", null, database.icon.type === 'emoji' ? database.icon.emoji : React.createElement("img", { src: database.icon.src, alt: "icon" })),
-                React.createElement("span", null, database.name)));
-        }
+            return (React.createElement(UserMention, null, children));
+        case 'date':
+            return (React.createElement(DateMention, { date: textObject.mention.date }, children));
+        case 'link_preview':
+            return (React.createElement(LinkPreviewMention, { url: textObject.mention.link_preview.url, text: textObject.plain_text }, children));
+        case 'page':
+            return (React.createElement(PageMention, { mention: textObject.mention.page }, children));
+        case 'database':
+            return (React.createElement(PageMention, { mention: textObject.mention.database }, children));
         case 'template_mention':
+            return (React.createElement(TemplateMention, { text: textObject.plain_text }, children));
         default:
-            console.log("unsupport mention type: ".concat(textObject.mention.type));
+            console.log("unsupport mention: ".concat(textObject.mention));
             return React.createElement(React.Fragment, null);
     }
 };