rotion 0.0.6 → 0.0.8

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

@@ -7,6 +7,7 @@ export declare const docRoot: string;
 export declare const imageDir: string;
 export declare const timeout: number;
 export declare const webpQuality: number;
+export declare const debug: boolean;
 export declare const httpOptions: {
     timeout: number;
     headers: {

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

@@ -1,4 +1,5 @@
 import React from 'react';
-import type { BreadcrumbBlockProps } from './BreadcrumbBlock.types';
+import type { BreadcrumbBlockProps, BreadcrumbsProps } from './BreadcrumbBlock.types';
+export declare const Breadcrumbs: ({ list, link, hrefs, query }: BreadcrumbsProps) => React.JSX.Element;
 declare const BreadcrumbBlock: ({ block, link, hrefs, query }: BreadcrumbBlockProps) => React.JSX.Element;
 export default BreadcrumbBlock;

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

@@ -10,6 +10,12 @@ export interface BreadcrumbLinkProps {
     query?: ParsedUrlQueryInput;
     children?: ReactNode;
 }
+export interface BreadcrumbsProps {
+    list: Breadcrumb[];
+    link?: Link;
+    hrefs?: string[];
+    query?: ParsedUrlQueryInput;
+}
 export interface BreadcrumbBlockProps {
     block: BreadcrumbBlockObjectResponseEx;
     link?: Link;

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

@@ -1,2 +1,2 @@
-import BreadcrumbBlock from './BreadcrumbBlock';
-export { BreadcrumbBlock };
+import BreadcrumbBlock, { Breadcrumbs } from './BreadcrumbBlock';
+export { BreadcrumbBlock, Breadcrumbs };

package/dist/ui/styles/notionate-dark.css

@@ -90,6 +90,13 @@
     background-color: rgba(255, 255, 255, 0.055);
   }
 
+  .notionate-blocks-breadcrumb-a {
+    color: #ddd;
+  }
+  .notionate-blocks-breadcrumb-a:hover {
+    background-color: rgb(37, 37, 37);
+  }
+
   .notionate-blocks-callout {
     background-color: rgb(37, 37, 37);
   }

package/dist/ui/styles/page.css

@@ -90,9 +90,6 @@
 }
 
 /* breadcrumb */
-.notionate-blocks-breadcrumb {
-  padding-left: .5rem;
-}
 .notionate-blocks-breadcrumb-a {
   text-decoration: none;
   color: #333;
@@ -101,8 +98,7 @@
   border-radius: 4px;
 }
 .notionate-blocks-breadcrumb-a:hover {
-  color: #666;
-  background-color: #fff;
+  background-color: rgba(55, 53, 47, 0.08);
   cursor: pointer;
 }
 .notionate-blocks-breadcrumb-icon {

package/dist/ui/types.d.ts

@@ -530,6 +530,12 @@ interface BookmarkBlockProps {
 
 declare const BookmarkBlock: ({ block }: BookmarkBlockProps) => React.JSX.Element;
 
+interface BreadcrumbsProps {
+    list: Breadcrumb[];
+    link?: Link;
+    hrefs?: string[];
+    query?: ParsedUrlQueryInput;
+}
 interface BreadcrumbBlockProps {
     block: BreadcrumbBlockObjectResponseEx;
     link?: Link;
@@ -537,6 +543,7 @@ interface BreadcrumbBlockProps {
     query?: ParsedUrlQueryInput;
 }
 
+declare const Breadcrumbs: ({ list, link, hrefs, query }: BreadcrumbsProps) => React.JSX.Element;
 declare const BreadcrumbBlock: ({ block, link, hrefs, query }: BreadcrumbBlockProps) => React.JSX.Element;
 
 interface BulletedListBlocksProps {
@@ -716,4 +723,4 @@ declare function UsePagination<T>(pages: T[], perPage: number): {
 declare function BuildPlainTextByPage(blocks: ListBlockChildrenResponseEx): string;
 declare function pathBasename(str: string): string;
 
-export { BookmarkBlock, BreadcrumbBlock, BuildPlainTextByPage, BulletedListBlocks, CalloutBlock, ChildDatabaseBlock, ChildPageBlock, CodeBlock, ColumnListBlock, EmbedBlock, EquationBlock, type ExternalModules, FileBlock, Gallery, GalleryCard, GalleryCheckboxField, GalleryDateField, GalleryMultiSelectField, GalleryNumberField, GalleryRichTextField, GalleryTitleField, GalleryUrlField, ImageBlock, type Link, LinkPreviewBlock, List, ListBlock, ListCheckboxField, ListDateField, ListMultiSelectField, ListNumberField, ListRichTextField, ListTitleField, ListUrlField, NumberedListBlocks, Page, PageIcon, PdfBlock, RichText, SyncedBlock, Table, TableBlock, TableCheckboxField, TableDateField, TableIcon, TableMultiSelectField, TableNumberField, TableOfContentsBlock, TableRichTextField, TableSelectField, TableTitleField, TableUrlField, TemplateBlock, TextBlock, ToDoBlock, ToggleBlock, UsePagination, VideoBlock, getLinkPathAndLinkKey, pathBasename, queryToString };
+export { BookmarkBlock, BreadcrumbBlock, Breadcrumbs, BuildPlainTextByPage, BulletedListBlocks, CalloutBlock, ChildDatabaseBlock, ChildPageBlock, CodeBlock, ColumnListBlock, EmbedBlock, EquationBlock, type ExternalModules, FileBlock, Gallery, GalleryCard, GalleryCheckboxField, GalleryDateField, GalleryMultiSelectField, GalleryNumberField, GalleryRichTextField, GalleryTitleField, GalleryUrlField, ImageBlock, type Link, LinkPreviewBlock, List, ListBlock, ListCheckboxField, ListDateField, ListMultiSelectField, ListNumberField, ListRichTextField, ListTitleField, ListUrlField, NumberedListBlocks, Page, PageIcon, PdfBlock, RichText, SyncedBlock, Table, TableBlock, TableCheckboxField, TableDateField, TableIcon, TableMultiSelectField, TableNumberField, TableOfContentsBlock, TableRichTextField, TableSelectField, TableTitleField, TableUrlField, TemplateBlock, TextBlock, ToDoBlock, ToggleBlock, UsePagination, VideoBlock, getLinkPathAndLinkKey, pathBasename, queryToString };

package/dist/ui/umd/index.js

@@ -19344,16 +19344,20 @@
         }
         return (React.createElement("span", { className: "notionate-blocks-breadcrumb-a" }, children));
     };
-    var BreadcrumbBlock = function (_a) {
-        var block = _a.block, link = _a.link, hrefs = _a.hrefs, query = _a.query;
-        var max = block.list.length;
-        return (React.createElement("div", { className: "notionate-blocks-breadcrumb" }, block.list.map(function (v, i) { return (React.createElement(React.Fragment, null,
-            React.createElement(BreadcrumbLink, { key: "crumb-".concat(i), breadcrumb: v, href: hrefs === undefined ? undefined : hrefs[i], link: link, query: query },
+    var Breadcrumbs = function (_a) {
+        var list = _a.list, link = _a.link, hrefs = _a.hrefs, query = _a.query;
+        var max = list.length;
+        return (React.createElement("div", { className: "notionate-blocks-breadcrumb" }, list.map(function (v, i) { return (React.createElement("span", { key: "crumb-".concat(i) },
+            React.createElement(BreadcrumbLink, { breadcrumb: v, href: hrefs === undefined ? undefined : hrefs[i], link: link, query: query },
                 v.icon.type === 'emoji' && React.createElement("span", { className: "notionate-blocks-breadcrumb-emoji" }, v.icon.emoji),
                 v.icon.type !== 'emoji' && React.createElement("img", { className: "notionate-blocks-breadcrumb-icon", src: v.icon.src, width: 20, height: 20, alt: v.name }),
                 React.createElement("span", { className: "notionate-blocks-breadcrumb-title" }, v.name)),
             i + 1 < max && React.createElement("span", { className: "notionate-blocks-breadcrumb-slash" }, "/"))); })));
     };
+    var BreadcrumbBlock = function (_a) {
+        var block = _a.block, link = _a.link, hrefs = _a.hrefs, query = _a.query;
+        return React.createElement(Breadcrumbs, { list: block.list, link: link, hrefs: hrefs, query: query });
+    };
 
     var BulletedListBlocks = function (_a) {
         var _b;
@@ -19872,7 +19876,6 @@
             case 'callout':
                 return React.createElement(CalloutBlock, { block: block, key: block.id });
             case 'child_database':
-                console.log("debug: ".concat(block.type), block);
                 return React.createElement(ChildDatabaseBlock, { block: block, href: href, link: link, query: query, key: block.id });
             case 'child_page':
                 return React.createElement(ChildPageBlock, { block: block, href: href, link: link, key: block.id });
@@ -19985,6 +19988,7 @@
 
     exports.BookmarkBlock = BookmarkBlock;
     exports.BreadcrumbBlock = BreadcrumbBlock;
+    exports.Breadcrumbs = Breadcrumbs;
     exports.BuildPlainTextByPage = BuildPlainTextByPage;
     exports.BulletedListBlocks = BulletedListBlocks;
     exports.CalloutBlock = CalloutBlock;