rotion 0.0.5 → 0.0.6

package/dist/ui/styles/page.css

@@ -103,6 +103,7 @@
 .notionate-blocks-breadcrumb-a:hover {
   color: #666;
   background-color: #fff;
+  cursor: pointer;
 }
 .notionate-blocks-breadcrumb-icon {
   vertical-align: middle;

package/dist/ui/umd/index.js

@@ -19317,27 +19317,41 @@
                 React.createElement(TextBlock, { tag: "span", block: block.bookmark.caption }))));
     };
 
+    function buildPathname(id, name, href) {
+        if (href === '/') {
+            return href;
+        }
+        var _a = getLinkPathAndLinkKey(href || ''), path = _a[0], slugKey = _a[1];
+        var file = '';
+        if (slugKey === 'id') {
+            file = id;
+        }
+        else {
+            file = encodeURIComponent(name.toLowerCase()).replace(/%20/g, '-');
+        }
+        return "".concat(path).concat(file);
+    }
     var BreadcrumbLink = function (_a) {
         var breadcrumb = _a.breadcrumb, link = _a.link, href = _a.href, query = _a.query, children = _a.children;
         var id = breadcrumb.id, name = breadcrumb.name;
-        var _b = getLinkPathAndLinkKey(href || ''), path = _b[0], slugKey = _b[1];
-        var file = slugKey === 'id' ? id : encodeURIComponent(name.toLowerCase()).replace(/%20/g, '-');
+        var pathname = buildPathname(id, name, href);
         if (link && href) {
             var Link = link;
-            return (React.createElement(Link, { className: "notionate-blocks-breadcrumb-a", href: { pathname: "".concat(path).concat(file), query: query } }, children));
+            return (React.createElement(Link, { className: "notionate-blocks-breadcrumb-a", href: { pathname: pathname, query: query } }, children));
         }
         if (href) {
-            return (React.createElement("a", { className: "notionate-blocks-breadcrumb-a", href: "".concat(path).concat(file).concat(queryToString(query)) }, children));
+            return (React.createElement("a", { className: "notionate-blocks-breadcrumb-a", href: "".concat(pathname).concat(queryToString(query)) }, children));
         }
         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(BreadcrumbLink, { key: "crumb-".concat(i), 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),
+        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 },
+                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" }, "/"))); })));
     };