rotion 0.0.2 → 0.0.3

package/dist/ui/esm/types/exporter/types.d.ts

@@ -153,28 +153,33 @@ export type EmbedBlockObjectResponseEx = EmbedBlockObjectResponse & {
         html: string;
     };
 };
-type TemplateMentionDateTemplateMentionResponse = {
+export type TemplateMentionDateTemplateMentionResponse = {
     type: "template_mention_date";
     template_mention_date: "today" | "now";
 };
-type TemplateMentionUserTemplateMentionResponse = {
+export type TemplateMentionUserTemplateMentionResponse = {
     type: "template_mention_user";
     template_mention_user: "me";
 };
-type TemplateMentionResponse = TemplateMentionDateTemplateMentionResponse | TemplateMentionUserTemplateMentionResponse;
-type LinkPreviewMentionResponse = {
+export type TemplateMentionResponse = TemplateMentionDateTemplateMentionResponse | TemplateMentionUserTemplateMentionResponse;
+export type LinkPreviewMentionResponse = {
     url: TextRequest;
 };
-type MentionEmoji = {
+export type MentionEmoji = {
     type: 'emoji';
     emoji: string;
 };
-type MentionExternalOrFile = {
+export type MentionExternalOrFile = {
     type: 'external' | 'file';
     src: string;
     url: string;
 };
-type MentionIcon = MentionEmoji | MentionExternalOrFile;
+export type MentionIcon = MentionEmoji | MentionExternalOrFile;
+export type PageOrDatabaseMention = {
+    id: IdRequest;
+    name: string;
+    icon: MentionIcon;
+};
 export type MentionRichTextItemResponseEx = MentionRichTextItemResponse & {
     mention: {
         type: "user";
@@ -190,18 +195,10 @@ export type MentionRichTextItemResponseEx = MentionRichTextItemResponse & {
         template_mention: TemplateMentionResponse;
     } | {
         type: "page";
-        page: {
-            id: IdRequest;
-            name: string;
-            icon: MentionIcon;
-        };
+        page: PageOrDatabaseMention;
     } | {
         type: "database";
-        database: {
-            id: IdRequest;
-            name: string;
-            icon: MentionIcon;
-        };
+        database: PageOrDatabaseMention;
     };
 };
 export type RichTextItemResponseEx = TextRichTextItemResponse | MentionRichTextItemResponseEx | EquationRichTextItemResponse;
@@ -494,3 +491,16 @@ export type QueryDatabaseResponseEx = QueryDatabaseResponse & {
 export type PersonUserObjectResponseEx = PersonUserObjectResponse & {
     avatar?: string;
 };
+export type Parent = {
+    type: "database_id";
+    database_id: string;
+} | {
+    type: "page_id";
+    page_id: string;
+} | {
+    type: "block_id";
+    block_id: string;
+} | {
+    type: "workspace";
+    workspace: true;
+};

package/dist/ui/esm/types/ui/components/Page/PageIcon/PageIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface PageIconProps {
-    name: 'figma' | 'slack' | 'github';
+    name: 'figma' | 'slack' | 'github' | 'link';
 }
 declare const PageIcon: ({ name }: PageIconProps) => React.JSX.Element;
 export default PageIcon;

package/dist/ui/esm/types/ui/components/Page/{TextBlock/RichText → RichText}/Equation/Equation.types.d.ts

@@ -1,4 +1,4 @@
-import type { EquationRichTextItemResponse } from '../../../../../../exporter';
+import type { EquationRichTextItemResponse } from '../../../../../exporter';
 import type { ReactNode } from 'react';
 export interface EquationProps {
     textObject: EquationRichTextItemResponse;

package/dist/ui/esm/types/ui/components/Page/{TextBlock/RichText → RichText}/LinkIfLinked/LinkIfLinked.types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { RichTextItemResponse } from '../../../../../../exporter';
+import type { RichTextItemResponse } from '../../../../../exporter';
 export interface TextLinkProps {
     textObject: RichTextItemResponse;
     key?: string;

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/DateMention/DateMention.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DateMentionProps } from './DateMention.types';
+declare const DateMention: ({ date, children }: DateMentionProps) => React.JSX.Element;
+export default DateMention;

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/DateMention/DateMention.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import { DateResponse } from '../../../../../../exporter';
+export interface DateMentionProps {
+    date: DateResponse;
+    children?: ReactNode;
+}

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/DateMention/index.d.ts

@@ -0,0 +1,2 @@
+import DateMention from './DateMention';
+export { DateMention };

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/LinkPreviewMemtion/LinkPreviewMention.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LinkPreviewMemtionProps } from './LinkPreviewMention.types';
+declare const LinkPreviewMention: ({ url, text, children }: LinkPreviewMemtionProps) => React.JSX.Element;
+export default LinkPreviewMention;

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/LinkPreviewMemtion/LinkPreviewMention.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface LinkPreviewMemtionProps {
+    url: string;
+    text: string;
+    children?: ReactNode;
+}

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/LinkPreviewMemtion/index.d.ts

@@ -0,0 +1,2 @@
+import LinkPreviewMention from './LinkPreviewMention';
+export { LinkPreviewMention };

package/dist/ui/{cjs/types/ui/components/Page/TextBlock → esm/types/ui/components/Page}/RichText/Mention/Mention.types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { MentionRichTextItemResponseEx } from '../../../../../../exporter';
+import type { MentionRichTextItemResponseEx } from '../../../../../exporter';
 export interface MentionProps {
     textObject?: MentionRichTextItemResponseEx;
     children?: ReactNode;

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/PageMention/PageMention.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PageMentionProps } from './PageMention.types';
+declare const PageMention: ({ mention, children }: PageMentionProps) => React.JSX.Element;
+export default PageMention;

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/PageMention/PageMention.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import { PageOrDatabaseMention } from '../../../../../../exporter';
+export interface PageMentionProps {
+    mention: PageOrDatabaseMention;
+    children?: ReactNode;
+}

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/PageMention/index.d.ts

@@ -0,0 +1,2 @@
+import PageMention from './PageMention';
+export { PageMention };

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/TemplateMention/TemplateMention.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TemplateMentionProps } from './TemplateMention.types';
+declare const TemplateMention: ({ text, children }: TemplateMentionProps) => React.JSX.Element;
+export default TemplateMention;

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/TemplateMention/TemplateMention.types.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export interface TemplateMentionProps {
+    text: string;
+    children?: ReactNode;
+}

package/dist/ui/esm/types/ui/components/Page/RichText/Mention/TemplateMention/index.d.ts

@@ -0,0 +1,2 @@
+import TemplateMention from './TemplateMention';
+export { TemplateMention };

package/dist/ui/{umd/types/ui/components/Page/TextBlock → esm/types/ui/components/Page}/RichText/RichText.types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { RichTextItemResponse, RichTextItemResponseEx } from '../../../../../exporter';
+import type { RichTextItemResponse, RichTextItemResponseEx } from '../../../../exporter';
 export interface RichTextProps {
     textObject?: RichTextItemResponseEx | RichTextItemResponse;
     key?: string;

package/dist/ui/esm/types/ui/components/Page/{TextBlock/RichText → RichText}/Text/Text.types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { TextRichTextItemResponse } from '../../../../../../exporter';
+import type { TextRichTextItemResponse } from '../../../../../exporter';
 export interface TextProps {
     textObject: TextRichTextItemResponse;
     children?: ReactNode;

package/dist/ui/esm/types/ui/components/index.d.ts

@@ -48,7 +48,7 @@ export * from './Page/TableBlock';
 export * from './Page/TableOfContentsBlock';
 export * from './Page/TemplateBlock';
 export * from './Page/TextBlock';
-export * from './Page/TextBlock/RichText';
+export * from './Page/RichText';
 export * from './Page/ToDoBlock';
 export * from './Page/ToggleBlock';
 export * from './Page/VideoBlock';

package/dist/ui/types.d.ts

@@ -141,6 +141,11 @@ type MentionExternalOrFile = {
     url: string;
 };
 type MentionIcon = MentionEmoji | MentionExternalOrFile;
+type PageOrDatabaseMention = {
+    id: IdRequest;
+    name: string;
+    icon: MentionIcon;
+};
 type MentionRichTextItemResponseEx = MentionRichTextItemResponse & {
     mention: {
         type: "user";
@@ -156,18 +161,10 @@ type MentionRichTextItemResponseEx = MentionRichTextItemResponse & {
         template_mention: TemplateMentionResponse;
     } | {
         type: "page";
-        page: {
-            id: IdRequest;
-            name: string;
-            icon: MentionIcon;
-        };
+        page: PageOrDatabaseMention;
     } | {
         type: "database";
-        database: {
-            id: IdRequest;
-            name: string;
-            icon: MentionIcon;
-        };
+        database: PageOrDatabaseMention;
     };
 };
 type RichTextItemResponseEx = TextRichTextItemResponse | MentionRichTextItemResponseEx | EquationRichTextItemResponse;
@@ -612,7 +609,7 @@ interface NumberedListBlocksProps {
 declare const NumberedListBlocks: ({ block, href, link, query }: NumberedListBlocksProps) => React.JSX.Element;
 
 interface PageIconProps {
-    name: 'figma' | 'slack' | 'github';
+    name: 'figma' | 'slack' | 'github' | 'link';
 }
 declare const PageIcon: ({ name }: PageIconProps) => React.JSX.Element;
 

package/dist/ui/umd/index.js

@@ -52,9 +52,22 @@
                 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 '';
@@ -99,48 +112,54 @@
         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);
         }
     };