@texonom/nreact 1.3.1 → 1.4.0

package/build/{chunk-HJGIONX2.js → chunk-72RHNPWF.js}

@@ -5,7 +5,7 @@ import {
   __spreadProps,
   __spreadValues,
   __toESM
-} from "./chunk-723T62SD.js";
+} from "./chunk-C6BUIPAM.js";
 
 // ../../node_modules/.pnpm/lodash.throttle@4.1.1/node_modules/lodash.throttle/index.js
 var require_lodash = __commonJS({
@@ -170,8 +170,7 @@ var Checkbox = ({ isChecked }) => {
   let content = null;
   if (isChecked)
     content = /* @__PURE__ */ React2.createElement("div", { className: "notion-property-checkbox-checked" }, /* @__PURE__ */ React2.createElement(check_default, null));
-  else
-    content = /* @__PURE__ */ React2.createElement("div", { className: "notion-property-checkbox-unchecked" });
+  else content = /* @__PURE__ */ React2.createElement("div", { className: "notion-property-checkbox-unchecked" });
   return /* @__PURE__ */ React2.createElement("span", { className: "notion-property notion-property-checkbox" }, content);
 };
 
@@ -193,8 +192,7 @@ var groupBlockContent = (blockMap) => {
           lastType = blockType;
           output[index] = [];
         }
-        if (index > -1)
-          output[index].push(blockId);
+        if (index > -1) output[index].push(blockId);
       });
     lastType = void 0;
   });
@@ -203,8 +201,7 @@ var groupBlockContent = (blockMap) => {
 var getListNumber = (blockId, blockMap) => {
   const groups = groupBlockContent(blockMap);
   const group = groups.find((g) => g.includes(blockId));
-  if (!group)
-    return;
+  if (!group) return;
   return group.indexOf(blockId) + 1;
 };
 var getHashFragmentValue = (url) => {
@@ -221,12 +218,10 @@ var youtubeDomains = /* @__PURE__ */ new Set([
 var getYoutubeId = (url) => {
   try {
     const { hostname } = new URL(url);
-    if (!youtubeDomains.has(hostname))
-      return null;
+    if (!youtubeDomains.has(hostname)) return null;
     const regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/i;
     const match = url.match(regExp);
-    if (match && match[2].length == 11)
-      return match[2];
+    if (match && match[2].length == 11) return match[2];
   } catch (e) {
   }
   return null;
@@ -260,16 +255,14 @@ var LazyImage = (_a) => {
   const onLoad = React3.useCallback(
     (e) => {
       if (zoomable && (e.target.src || e.target.srcset)) {
-        if (zoomRef.current)
-          zoomRef.current.attach(e.target);
+        if (zoomRef.current) zoomRef.current.attach(e.target);
       }
     },
     [zoomRef, zoomable]
   );
   const attachZoom = React3.useCallback(
     (image) => {
-      if (zoomRef.current && image)
-        zoomRef.current.attach(image);
+      if (zoomRef.current && image) zoomRef.current.attach(image);
     },
     [zoomRef]
   );
@@ -347,13 +340,11 @@ var LiteYouTubeEmbed = ({
   const [iframeInitialized, setIframeInitialized] = React4.useState(defaultPlay);
   const [isIframeLoaded, setIsIframeLoaded] = React4.useState(false);
   const warmConnections = React4.useCallback(() => {
-    if (isPreconnected)
-      return;
+    if (isPreconnected) return;
     setIsPreconnected(true);
   }, [isPreconnected]);
   const onLoadIframe = React4.useCallback(() => {
-    if (iframeInitialized)
-      return;
+    if (iframeInitialized) return;
     setIframeInitialized(true);
   }, [iframeInitialized]);
   const onIframeLoaded = React4.useCallback(() => {
@@ -407,8 +398,7 @@ var supportedAssetTypes = [
 var Asset = ({ block, zoomable = true, children }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const { recordMap, mapImageUrl, components } = useNotionContext();
-  if (!block || !supportedAssetTypes.includes(block.type))
-    return null;
+  if (!block || !supportedAssetTypes.includes(block.type)) return null;
   const style = {
     position: "relative",
     display: "flex",
@@ -422,17 +412,12 @@ var Asset = ({ block, zoomable = true, children }) => {
   if (block.format) {
     const { block_aspect_ratio, block_height, block_width, block_full_width, block_page_width, block_preserve_scale } = block.format;
     if (block_full_width || block_page_width) {
-      if (block_full_width)
-        style.width = "100vw";
-      else
-        style.width = "100%";
+      if (block_full_width) style.width = "100vw";
+      else style.width = "100%";
       if (block.type === "video") {
-        if (block_height)
-          style.height = block_height;
-        else if (block_aspect_ratio)
-          style.paddingBottom = `${block_aspect_ratio * 100}%`;
-        else if (block_preserve_scale)
-          style.objectFit = "contain";
+        if (block_height) style.height = block_height;
+        else if (block_aspect_ratio) style.paddingBottom = `${block_aspect_ratio * 100}%`;
+        else if (block_preserve_scale) style.objectFit = "contain";
       } else if (block_aspect_ratio && block.type !== "image") {
         style.paddingBottom = `${block_aspect_ratio * 100}%`;
       } else if (block_height) {
@@ -460,32 +445,25 @@ var Asset = ({ block, zoomable = true, children }) => {
           break;
         }
       }
-      if (block_width)
-        style.width = block_width;
+      if (block_width) style.width = block_width;
       if (block_preserve_scale && block.type !== "image") {
         style.paddingBottom = "50%";
         style.minHeight = 100;
       } else {
-        if (block_height && block.type !== "image")
-          style.height = block_height;
+        if (block_height && block.type !== "image") style.height = block_height;
       }
     }
-    if (block.type === "image")
-      assetStyle.objectFit = "cover";
-    else if (block_preserve_scale)
-      assetStyle.objectFit = "contain";
+    if (block.type === "image") assetStyle.objectFit = "cover";
+    else if (block_preserve_scale) assetStyle.objectFit = "contain";
   }
   let source = ((_b = recordMap.signed_urls) == null ? void 0 : _b[block.id]) || ((_e = (_d = (_c = block.properties) == null ? void 0 : _c.source) == null ? void 0 : _d[0]) == null ? void 0 : _e[0]);
   let content = null;
-  if (!source)
-    return null;
+  if (!source) return null;
   if (block.type === "tweet") {
     const src = source;
-    if (!src)
-      return null;
+    if (!src) return null;
     const id = src.split("?")[0].split("/").pop();
-    if (!id)
-      return null;
+    if (!id) return null;
     content = /* @__PURE__ */ React5.createElement(
       "div",
       {
@@ -502,10 +480,8 @@ var Asset = ({ block, zoomable = true, children }) => {
     style.overflow = "auto";
     style.background = "rgb(226, 226, 226)";
     style.display = "block";
-    if (!style.padding)
-      style.padding = "8px 16px";
-    if (!isServer)
-      content = /* @__PURE__ */ React5.createElement(components.Pdf, { file: source });
+    if (!style.padding) style.padding = "8px 16px";
+    if (!isServer) content = /* @__PURE__ */ React5.createElement(components.Pdf, { file: source });
   } else if (block.type === "embed" || block.type === "video" || block.type === "figma" || block.type === "typeform" || block.type === "gist" || block.type === "maps" || block.type === "excalidraw" || block.type === "codepen" || block.type === "drive") {
     if (block.type === "video" && source && source.indexOf("youtube") < 0 && source.indexOf("youtu.be") < 0 && source.indexOf("vimeo") < 0 && source.indexOf("wistia") < 0 && source.indexOf("loom") < 0 && source.indexOf("videoask") < 0 && source.indexOf("getcloudapp") < 0) {
       style.paddingBottom = void 0;
@@ -517,8 +493,7 @@ var Asset = ({ block, zoomable = true, children }) => {
         if (youtubeVideoId) {
           content = /* @__PURE__ */ React5.createElement(LiteYouTubeEmbed, { id: youtubeVideoId, style: assetStyle, className: "notion-asset-object-fit" });
         } else if (block.type === "gist") {
-          if (!src.endsWith(".pibb"))
-            src = `${src}.pibb`;
+          if (!src.endsWith(".pibb")) src = `${src}.pibb`;
           assetStyle.width = "100%";
           style.paddingBottom = "50%";
           content = /* @__PURE__ */ React5.createElement(
@@ -551,8 +526,7 @@ var Asset = ({ block, zoomable = true, children }) => {
       }
     }
   } else if (block.type === "image") {
-    if (source.includes("file.notion.so"))
-      source = (_i = (_h = (_g = block.properties) == null ? void 0 : _g.source) == null ? void 0 : _h[0]) == null ? void 0 : _i[0];
+    if (source.includes("file.notion.so")) source = (_i = (_h = (_g = block.properties) == null ? void 0 : _g.source) == null ? void 0 : _h[0]) == null ? void 0 : _i[0];
     const src = mapImageUrl(source, block);
     const caption = getTextContent((_j = block.properties) == null ? void 0 : _j.caption);
     const alt = caption || "notion image";
@@ -586,8 +560,7 @@ var EOI = ({ block, inline, className }) => {
   var _a, _b, _c;
   const { components } = useNotionContext();
   const { original_url, attributes, domain } = (block == null ? void 0 : block.format) || {};
-  if (!original_url || !attributes)
-    return null;
+  if (!original_url || !attributes) return null;
   const title = (_a = attributes.find((attr) => attr.id === "title")) == null ? void 0 : _a.values[0];
   let owner = (_b = attributes.find((attr) => attr.id === "owner")) == null ? void 0 : _b.values[0];
   const lastUpdatedAt = (_c = attributes.find((attr) => attr.id === "updated_at")) == null ? void 0 : _c.values[0];
@@ -623,10 +596,8 @@ var EOI = ({ block, inline, className }) => {
 import React8 from "react";
 import { Img } from "react-image";
 var GracefulImage = (props) => {
-  if (isBrowser)
-    return /* @__PURE__ */ React8.createElement(Img, __spreadValues({}, props));
-  else
-    return /* @__PURE__ */ React8.createElement("img", __spreadValues({}, props));
+  if (isBrowser) return /* @__PURE__ */ React8.createElement(Img, __spreadValues({}, props));
+  else return /* @__PURE__ */ React8.createElement("img", __spreadValues({}, props));
 };
 
 // src/components/page-title.tsx
@@ -636,17 +607,14 @@ var PageTitleImpl = (_a) => {
   var _b = _a, { block, className, defaultIcon } = _b, rest = __objRest(_b, ["block", "className", "defaultIcon"]);
   var _a2, _b2;
   const { recordMap } = useNotionContext();
-  if (!block)
-    return null;
+  if (!block) return null;
   if (block.type === "collection_view_page" || block.type === "collection_view") {
     const title = getBlockTitle(block, recordMap);
-    if (!title)
-      return null;
+    if (!title) return null;
     const titleDecoration = [[title]];
     return /* @__PURE__ */ React9.createElement("span", __spreadValues({ className: `notion-page-title ${className || ""}` }, rest), /* @__PURE__ */ React9.createElement(PageIcon, { block, defaultIcon, className: "notion-page-title-icon" }), /* @__PURE__ */ React9.createElement("span", { className: "notion-page-title-text" }, /* @__PURE__ */ React9.createElement(Text, { value: titleDecoration, block })));
   }
-  if (!((_a2 = block.properties) == null ? void 0 : _a2.title))
-    return null;
+  if (!((_a2 = block.properties) == null ? void 0 : _a2.title)) return null;
   return /* @__PURE__ */ React9.createElement("span", __spreadValues({ className: `notion-page-title ${className || ""}` }, rest), /* @__PURE__ */ React9.createElement(PageIcon, { block, defaultIcon, className: "notion-page-title-icon" }), /* @__PURE__ */ React9.createElement("span", { className: "notion-page-title-text" }, /* @__PURE__ */ React9.createElement(Text, { value: (_b2 = block.properties) == null ? void 0 : _b2.title, block })));
 };
 var PageTitle = React9.memo(PageTitleImpl);
@@ -657,10 +625,8 @@ var Text = ({ value, block, linkProps, linkProtocol }) => {
   return /* @__PURE__ */ React10.createElement(React10.Fragment, null, value == null ? void 0 : value.map((deco, index) => {
     const [text, decorations] = deco;
     if (!decorations)
-      if (text === ",")
-        return /* @__PURE__ */ React10.createElement("span", { key: index, style: { padding: "0.5em" } });
-      else
-        return /* @__PURE__ */ React10.createElement(React10.Fragment, { key: index }, text);
+      if (text === ",") return /* @__PURE__ */ React10.createElement("span", { key: index, style: { padding: "0.5em" } });
+      else return /* @__PURE__ */ React10.createElement(React10.Fragment, { key: index }, text);
     const formatted = decorations.reduce(
       (element, decorator) => {
         var _a, _b, _c, _d, _e;
@@ -732,6 +698,7 @@ var Text = ({ value, block, linkProps, linkProtocol }) => {
             return /* @__PURE__ */ React10.createElement(components.Equation, { math: decorator[1], inline: true });
           case "m":
             return element;
+          //still need to return the base element
           case "a": {
             const v = decorator[1];
             const pathname = v.substring(1);
@@ -750,6 +717,7 @@ var Text = ({ value, block, linkProps, linkProtocol }) => {
               );
             }
           }
+          // Date
           case "d": {
             const v = decorator[1];
             const type = v == null ? void 0 : v.type;
@@ -764,6 +732,7 @@ var Text = ({ value, block, linkProps, linkProtocol }) => {
               return element;
             }
           }
+          // User
           case "u": {
             const userId = decorator[1];
             const user = (_d = recordMap.notion_user[userId]) == null ? void 0 : _d.value;
@@ -789,8 +758,7 @@ var Text = ({ value, block, linkProps, linkProtocol }) => {
             return /* @__PURE__ */ React10.createElement(EOI, { block: externalObjectInstance, inline: true });
           }
           default:
-            if (true)
-              console.debug("unsupported text format", decorator);
+            if (true) console.debug("unsupported text format", decorator);
             return element;
         }
       },
@@ -812,8 +780,7 @@ var AssetWrapper = ({ blockId, block }) => {
     if (caption) {
       const id = parsePageId2(caption, { uuid: true });
       const isPage = caption.charAt(0) === "/" && id;
-      if (isPage || isValidURL(caption))
-        isURL = true;
+      if (isPage || isValidURL(caption)) isURL = true;
     }
   }
   const figure = /* @__PURE__ */ React11.createElement(
@@ -901,8 +868,7 @@ var SearchDialog = class extends React15.Component {
       searchError: null
     };
     this._onAfterOpen = () => {
-      if (this._inputRef.current)
-        this._inputRef.current.focus();
+      if (this._inputRef.current) this._inputRef.current.focus();
     };
     this._onChangeQuery = (e) => {
       const query = e.target.value;
@@ -946,19 +912,16 @@ var SearchDialog = class extends React15.Component {
         const results = searchResult.results.map((result2) => {
           var _a, _b;
           const block = (_a = searchResult.recordMap.block[result2.id]) == null ? void 0 : _a.value;
-          if (!block)
-            return;
+          if (!block) return;
           const title = getBlockTitle2(block, searchResult.recordMap);
-          if (!title)
-            return;
+          if (!title) return;
           result2.title = title;
           result2.block = block;
           result2.recordMap = searchResult.recordMap;
           result2.page = getBlockParentPage(block, searchResult.recordMap, {
             inclusive: true
           }) || block;
-          if (!result2.page.id)
-            return;
+          if (!result2.page.id) return;
           if ((_b = result2.highlight) == null ? void 0 : _b.text)
             result2.highlight.html = result2.highlight.text.replace(/<gzkNfoUU>/gi, "<b>").replace(/<\/gzkNfoUU>/gi, "</b>");
           return result2;
@@ -971,8 +934,7 @@ var SearchDialog = class extends React15.Component {
         );
         searchResult.results = Object.values(searchResultsMap);
       }
-      if (this.state.query === query)
-        this.setState({ isLoading: false, searchResult, searchError });
+      if (this.state.query === query) this.setState({ isLoading: false, searchResult, searchError });
     });
     this._inputRef = React15.createRef();
   }
@@ -1039,21 +1001,17 @@ var Breadcrumbs = ({ block, rootOnly = false }) => {
   const { recordMap, mapPageUrl, components } = useNotionContext();
   const breadcrumbs = React16.useMemo(() => {
     const breadcrumbs2 = getPageBreadcrumbs(recordMap, block.id);
-    if (rootOnly)
-      return [breadcrumbs2[0]].filter(Boolean);
+    if (rootOnly) return [breadcrumbs2[0]].filter(Boolean);
     return breadcrumbs2;
   }, [recordMap, block.id, rootOnly]);
   return /* @__PURE__ */ React16.createElement("div", { className: "breadcrumbs", key: "breadcrumbs" }, breadcrumbs.map((breadcrumb, index) => {
-    if (!breadcrumb)
-      return null;
+    if (!breadcrumb) return null;
     const pageLinkProps = {};
     const componentMap = {
       pageLink: components.PageLink
     };
-    if (breadcrumb.active)
-      componentMap.pageLink = (props) => /* @__PURE__ */ React16.createElement("div", __spreadValues({}, props));
-    else
-      pageLinkProps.href = mapPageUrl(breadcrumb.pageId);
+    if (breadcrumb.active) componentMap.pageLink = (props) => /* @__PURE__ */ React16.createElement("div", __spreadValues({}, props));
+    else pageLinkProps.href = mapPageUrl(breadcrumb.pageId);
     return /* @__PURE__ */ React16.createElement(React16.Fragment, { key: breadcrumb.pageId }, /* @__PURE__ */ React16.createElement(componentMap.pageLink, __spreadValues({ className: `breadcrumb ${breadcrumb.active && "active"}` }, pageLinkProps), breadcrumb.icon && /* @__PURE__ */ React16.createElement(PageIcon, { className: "icon", block: breadcrumb.block }), breadcrumb.title && /* @__PURE__ */ React16.createElement("span", { className: "title" }, breadcrumb.title)), index < breadcrumbs.length - 1 && /* @__PURE__ */ React16.createElement("span", { className: "spacer" }, "/"));
   }));
 };
@@ -1069,8 +1027,7 @@ var Search = ({ block, search, title = "Search" }) => {
   }, []);
   const onCloseSearch = React16.useCallback(() => {
     setIsSearchOpen(false);
-    if (onHideSearch)
-      onHideSearch();
+    if (onHideSearch) onHideSearch();
   }, [onHideSearch]);
   useHotkeys("cmd+p", (event) => {
     onOpenSearch();
@@ -1116,8 +1073,7 @@ var wrapNextImage = (NextImage) => {
       "style",
       "layout"
     ]);
-    if (!layout)
-      layout = width && height ? "intrinsic" : "fill";
+    if (!layout) layout = width && height ? "intrinsic" : "fill";
     return /* @__PURE__ */ React17.createElement(
       NextImage,
       __spreadValues({
@@ -1245,20 +1201,14 @@ var NotionContextProvider = (_a) => {
     "mapImageUrl",
     "rootPageId"
   ]);
-  for (const key of Object.keys(rest))
-    if (rest[key] === void 0)
-      delete rest[key];
+  for (const key of Object.keys(rest)) if (rest[key] === void 0) delete rest[key];
   const wrappedThemeComponents = React18.useMemo(
     () => __spreadValues({}, themeComponents),
     [themeComponents]
   );
-  if (wrappedThemeComponents.nextImage)
-    wrappedThemeComponents.Image = wrapNextImage(themeComponents.nextImage);
-  if (wrappedThemeComponents.nextLink)
-    wrappedThemeComponents.nextLink = wrapNextLink(themeComponents.nextLink);
-  for (const key of Object.keys(wrappedThemeComponents))
-    if (!wrappedThemeComponents[key])
-      delete wrappedThemeComponents[key];
+  if (wrappedThemeComponents.nextImage) wrappedThemeComponents.Image = wrapNextImage(themeComponents.nextImage);
+  if (wrappedThemeComponents.nextLink) wrappedThemeComponents.nextLink = wrapNextLink(themeComponents.nextLink);
+  for (const key of Object.keys(wrappedThemeComponents)) if (!wrappedThemeComponents[key]) delete wrappedThemeComponents[key];
   const value = React18.useMemo(
     () => __spreadProps(__spreadValues(__spreadValues({}, defaultNotionContext), rest), {
       rootPageId,
@@ -1311,8 +1261,7 @@ var PageIconImpl = ({ block, className, inline = true, hideDefaultIcon = false,
       content = /* @__PURE__ */ React20.createElement("span", { className: `${className || ""} notion-page-icon`, role: "img", "aria-label": icon }, icon);
     }
   }
-  if (!content)
-    return null;
+  if (!content) return null;
   return /* @__PURE__ */ React20.createElement(
     "div",
     {

package/build/{chunk-LB5ZQ7L5.js → chunk-P7HX4BAT.js}

@@ -1,7 +1,7 @@
 import {
   __objRest,
   __spreadValues
-} from "./chunk-723T62SD.js";
+} from "./chunk-C6BUIPAM.js";
 
 // src/icons/type-checkbox.tsx
 import React from "react";
@@ -139,8 +139,7 @@ var iconMap = {
 var PropertyIcon = (_a) => {
   var _b = _a, { type } = _b, rest = __objRest(_b, ["type"]);
   const icon = iconMap[type];
-  if (!icon)
-    return null;
+  if (!icon) return null;
   return icon(rest);
 };