@caring-dev/react-notion-x 7.8.7 → 7.8.9

package/build/context-MVPVCXSf.d.ts

@@ -0,0 +1,138 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as types from 'notion-types';
+import { ExtendedRecordMap } from 'notion-types';
+import React__default from 'react';
+
+type MapPageUrlFn = (pageId: string, recordMap?: types.ExtendedRecordMap | undefined) => string;
+type MapImageUrlFn = (url: string | undefined, block: types.Block) => string | undefined;
+type SearchNotionFn = (params: types.SearchParams) => Promise<types.SearchResults>;
+type ComponentOverrideFn = (props: any, defaultValueFn: () => React__default.ReactNode) => any;
+interface NotionComponents {
+    Image: any;
+    Link: any;
+    PageLink: any;
+    Checkbox: React__default.FC<{
+        isChecked: boolean;
+        blockId?: string;
+    }>;
+    Code: any;
+    Equation: any;
+    Callout?: any;
+    Button?: React__default.ComponentType<{
+        blockId: string;
+        block: types.ButtonBlock;
+        className?: string;
+    }>;
+    Collection: any;
+    Property?: any;
+    propertyTextValue: ComponentOverrideFn;
+    propertySelectValue: ComponentOverrideFn;
+    propertyRelationValue: ComponentOverrideFn;
+    propertyFormulaValue: ComponentOverrideFn;
+    propertyTitleValue: ComponentOverrideFn;
+    propertyPersonValue: ComponentOverrideFn;
+    propertyFileValue: ComponentOverrideFn;
+    propertyCheckboxValue: ComponentOverrideFn;
+    propertyUrlValue: ComponentOverrideFn;
+    propertyEmailValue: ComponentOverrideFn;
+    propertyPhoneNumberValue: ComponentOverrideFn;
+    propertyNumberValue: ComponentOverrideFn;
+    propertyLastEditedTimeValue: ComponentOverrideFn;
+    propertyCreatedTimeValue: ComponentOverrideFn;
+    propertyDateValue: ComponentOverrideFn;
+    propertyAutoIncrementIdValue: ComponentOverrideFn;
+    Pdf: any;
+    Tweet: any;
+    Modal: any;
+    Embed: any;
+    Header: any;
+    nextImage?: any;
+    nextLegacyImage?: any;
+    nextLink?: any;
+}
+interface CollectionViewProps {
+    collection: types.Collection;
+    collectionView: types.CollectionView;
+    collectionData: types.CollectionQueryResult;
+    padding?: number;
+    width?: number;
+}
+interface CollectionCardProps {
+    collection: types.Collection;
+    block: types.PageBlock;
+    cover: types.CollectionCardCover;
+    coverSize: types.CollectionCardCoverSize;
+    coverAspect: types.CollectionCardCoverAspect;
+    properties?: Array<{
+        property: types.PropertyID;
+        visible: boolean;
+    }>;
+    className?: string;
+}
+interface CollectionGroupProps {
+    collection: types.Collection;
+    collectionViewComponent: React__default.ElementType;
+    collectionGroup: any;
+    hidden: boolean;
+    schema: any;
+    value: any;
+    summaryProps: any;
+    detailsProps: any;
+}
+
+interface NotionContext {
+    recordMap: ExtendedRecordMap;
+    components: NotionComponents;
+    mapPageUrl: MapPageUrlFn;
+    mapImageUrl: MapImageUrlFn;
+    searchNotion?: SearchNotionFn;
+    isShowingSearch?: boolean;
+    onHideSearch?: () => void;
+    rootPageId?: string;
+    rootDomain?: string;
+    fullPage: boolean;
+    darkMode: boolean;
+    previewImages: boolean;
+    forceCustomImages: boolean;
+    showCollectionViewDropdown: boolean;
+    showTableOfContents: boolean;
+    minTableOfContentsItems: number;
+    linkTableTitleProperties: boolean;
+    isLinkCollectionToUrlProperty: boolean;
+    defaultPageIcon?: string | null;
+    defaultPageCover?: string | null;
+    defaultPageCoverPosition?: number;
+    zoom: any;
+}
+interface PartialNotionContext {
+    recordMap?: ExtendedRecordMap;
+    components?: Partial<NotionComponents>;
+    mapPageUrl?: MapPageUrlFn;
+    mapImageUrl?: MapImageUrlFn;
+    searchNotion?: SearchNotionFn;
+    isShowingSearch?: boolean;
+    onHideSearch?: () => void;
+    rootPageId?: string;
+    rootDomain?: string;
+    fullPage?: boolean;
+    darkMode?: boolean;
+    previewImages?: boolean;
+    forceCustomImages?: boolean;
+    showCollectionViewDropdown?: boolean;
+    linkTableTitleProperties?: boolean;
+    isLinkCollectionToUrlProperty?: boolean;
+    showTableOfContents?: boolean;
+    minTableOfContentsItems?: number;
+    defaultPageIcon?: string | null;
+    defaultPageCover?: string | null;
+    defaultPageCoverPosition?: number;
+    zoom?: any;
+}
+declare function dummyLink({ href, rel, target, title, ...rest }: any): react_jsx_runtime.JSX.Element;
+declare function NotionContextProvider({ components: themeComponents, children, mapPageUrl, mapImageUrl, rootPageId, ...rest }: PartialNotionContext & {
+    children?: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const NotionContextConsumer: React__default.Consumer<NotionContext>;
+declare const useNotionContext: () => NotionContext;
+
+export { type ComponentOverrideFn as C, type MapPageUrlFn as M, type NotionContext as N, type PartialNotionContext as P, type SearchNotionFn as S, type NotionComponents as a, type MapImageUrlFn as b, NotionContextProvider as c, dummyLink as d, NotionContextConsumer as e, type CollectionViewProps as f, type CollectionCardProps as g, type CollectionGroupProps as h, useNotionContext as u };

package/build/index.d.ts

@@ -3,10 +3,16 @@ import * as types from 'notion-types';
 import { Block, Decoration, ExtendedRecordMap, BlockMap } from 'notion-types';
 import * as React from 'react';
 import React__default from 'react';
-import { S as SearchNotionFn, a as NotionComponents, M as MapPageUrlFn, b as MapImageUrlFn } from './context--HOSgWjH.js';
-export { g as CollectionCardProps, h as CollectionGroupProps, f as CollectionViewProps, C as ComponentOverrideFn, N as NotionContext, e as NotionContextConsumer, c as NotionContextProvider, P as PartialNotionContext, d as dummyLink, u as useNotionContext } from './context--HOSgWjH.js';
+import { S as SearchNotionFn, a as NotionComponents, M as MapPageUrlFn, b as MapImageUrlFn } from './context-MVPVCXSf.js';
+export { g as CollectionCardProps, h as CollectionGroupProps, f as CollectionViewProps, C as ComponentOverrideFn, N as NotionContext, e as NotionContextConsumer, c as NotionContextProvider, P as PartialNotionContext, d as dummyLink, u as useNotionContext } from './context-MVPVCXSf.js';
 export { formatDate, formatNotionDateTime, isUrl } from 'notion-utils';
 
+declare function Button({ block, blockId, className }: {
+    blockId: string;
+    block: types.ButtonBlock;
+    className?: string;
+}): react_jsx_runtime.JSX.Element | null;
+
 declare function Header({ block }: {
     block: types.CollectionViewPageBlock | types.PageBlock;
 }): react_jsx_runtime.JSX.Element;
@@ -91,4 +97,4 @@ declare const isBrowser = true;
 declare const getYoutubeId: (url: string) => string | null;
 declare const getUrlParams: (url: string) => Record<string, string> | undefined;
 
-export { Breadcrumbs, Header, MapImageUrlFn, MapPageUrlFn, NotionComponents, NotionRenderer, PageIcon, PageIconImpl, Search, SearchNotionFn, Text, cs, getHashFragmentValue, getListNestingLevel, getListNumber, getListStyle, getUrlParams, getYoutubeId, isBrowser };
+export { Breadcrumbs, Button, Header, MapImageUrlFn, MapPageUrlFn, NotionComponents, NotionRenderer, PageIcon, PageIconImpl, Search, SearchNotionFn, Text, cs, getHashFragmentValue, getListNestingLevel, getListNumber, getListStyle, getUrlParams, getYoutubeId, isBrowser };

package/build/index.js

@@ -176,6 +176,7 @@ var require_lodash = __commonJS({
 });
 
 // src/components/button.tsx
+import { getBlockValue as getBlockValue3 } from "notion-utils";
 import React16 from "react";
 
 // src/context.tsx
@@ -2317,7 +2318,7 @@ function Button({
     }
   };
   const executeAction = async () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j;
     const firstActionId = (_a2 = automation.action_ids) == null ? void 0 : _a2[0];
     if (!firstActionId) {
       console.warn("No actions defined for automation:", automationId);
@@ -2349,12 +2350,11 @@ function Button({
             if (typeof window !== "undefined" && "/api/webhook-proxy") {
               const pageBlockId = Object.keys(recordMap.block || {}).find(
                 (id) => {
-                  var _a3;
-                  const b = (_a3 = recordMap.block[id]) == null ? void 0 : _a3.value;
+                  const b = getBlockValue3(recordMap.block[id]);
                   return b && "type" in b && b.type === "page";
                 }
               );
-              const pageBlock = pageBlockId ? (_g = recordMap.block[pageBlockId]) == null ? void 0 : _g.value : null;
+              const pageBlock = pageBlockId ? getBlockValue3(recordMap.block[pageBlockId]) : null;
               if (!pageBlock) {
                 console.warn("No page block found for webhook payload");
                 return;
@@ -2383,13 +2383,13 @@ function Button({
                     object: "user",
                     id: pageBlock.last_edited_by_id || "unknown"
                   },
-                  cover: ((_h = pageBlock.format) == null ? void 0 : _h.page_cover) ? {
+                  cover: ((_g = pageBlock.format) == null ? void 0 : _g.page_cover) ? {
                     type: "external",
                     external: {
                       url: pageBlock.format.page_cover.startsWith("/") ? `https://www.notion.so${pageBlock.format.page_cover}` : pageBlock.format.page_cover
                     }
                   } : null,
-                  icon: ((_i = pageBlock.format) == null ? void 0 : _i.page_icon) ? {
+                  icon: ((_h = pageBlock.format) == null ? void 0 : _h.page_icon) ? {
                     type: "external",
                     external: { url: pageBlock.format.page_icon }
                   } : null,
@@ -2404,7 +2404,7 @@ function Button({
                     title: {
                       id: "title",
                       type: "title",
-                      title: ((_j = pageBlock.properties) == null ? void 0 : _j.title) ? pageBlock.properties.title.map((t) => {
+                      title: ((_i = pageBlock.properties) == null ? void 0 : _i.title) ? pageBlock.properties.title.map((t) => {
                         const text = typeof t === "string" ? t : t[0] || "";
                         return {
                           type: "text",
@@ -2431,7 +2431,7 @@ function Button({
               const headers = {
                 "Content-Type": "application/json"
               };
-              if ((_k = actionData.config) == null ? void 0 : _k.customHeaders) {
+              if ((_j = actionData.config) == null ? void 0 : _j.customHeaders) {
                 for (const header of actionData.config.customHeaders) {
                   headers[header.key] = header.value;
                 }
@@ -2495,7 +2495,7 @@ function getTextContent2(text) {
 // src/renderer.tsx
 import mediumZoom from "@fisch0920/medium-zoom";
 import "notion-types";
-import { getBlockValue as getBlockValue4 } from "notion-utils";
+import { getBlockValue as getBlockValue5, uuidToId as uuidToId3 } from "notion-utils";
 import * as React21 from "react";
 
 // src/block.tsx
@@ -2503,7 +2503,7 @@ import {
   getBlockCollectionId,
   getBlockIcon as getBlockIcon2,
   getBlockParentPage as getBlockParentPage2,
-  getBlockValue as getBlockValue3,
+  getBlockValue as getBlockValue4,
   getPageTableOfContents,
   getTextContent as getTextContent3,
   uuidToId as uuidToId2
@@ -2832,7 +2832,7 @@ function Block(props) {
         } = block.format || {};
         if (fullPage) {
           const properties = block.type === "page" ? block.properties : {
-            title: (_a = getBlockValue3(
+            title: (_a = getBlockValue4(
               recordMap.collection[getBlockCollectionId(block, recordMap)]
             )) == null ? void 0 : _a.name
           };
@@ -2903,7 +2903,10 @@ function Block(props) {
                           ),
                           pageHeader,
                           /* @__PURE__ */ jsx32("h1", { className: "notion-title", children: pageTitle != null ? pageTitle : /* @__PURE__ */ jsx32(Text, { value: properties == null ? void 0 : properties.title, block }) }),
-                          (block.type === "collection_view_page" || block.type === "page" && block.parent_table === "collection") && /* @__PURE__ */ jsx32(components.Collection, { block, ctx: ctx2 }),
+                          (block.type === "collection_view_page" || block.type === "page" && block.parent_table === "collection") && /* @__PURE__ */ jsxs14(Fragment6, { children: [
+                            typeof window !== "undefined" && console.log("[react-notion-x] Rendering Collection (page)", block.type),
+                            /* @__PURE__ */ jsx32(components.Collection, { block, ctx: ctx2 })
+                          ] }),
                           block.type !== "collection_view_page" && /* @__PURE__ */ jsxs14(
                             "div",
                             {
@@ -3074,7 +3077,7 @@ function Block(props) {
         }
       );
       let output = null;
-      const isTopLevel = block.type !== ((_j = getBlockValue3(recordMap.block[block.parent_id])) == null ? void 0 : _j.type);
+      const isTopLevel = block.type !== ((_j = getBlockValue4(recordMap.block[block.parent_id])) == null ? void 0 : _j.type);
       const start = getListNumber(block.id, recordMap.block);
       if (block.content) {
         const listItem = block.properties ? /* @__PURE__ */ jsx32("li", { children: /* @__PURE__ */ jsx32(Text, { value: block.properties.title, block }) }) : null;
@@ -3163,7 +3166,7 @@ function Block(props) {
     case "column": {
       const spacerWidth = `min(32px, 4vw)`;
       const ratio = ((_m = block.format) == null ? void 0 : _m.column_ratio) || 0.5;
-      const parent = getBlockValue3(recordMap.block[block.parent_id]);
+      const parent = getBlockValue4(recordMap.block[block.parent_id]);
       const columns = ((_n = parent == null ? void 0 : parent.content) == null ? void 0 : _n.length) || Math.max(2, Math.ceil(1 / ratio));
       const width = `calc((100% - (${columns - 1} * ${spacerWidth})) * ${ratio})`;
       const style = { width };
@@ -3191,6 +3194,9 @@ function Block(props) {
       );
     }
     case "collection_view":
+      if (typeof window !== "undefined") {
+        console.log("[react-notion-x] Rendering Collection (inline)", block.id);
+      }
       return /* @__PURE__ */ jsx32(components.Collection, { block, className: blockId, ctx: ctx2 });
     case "callout":
       if (components.Callout) {
@@ -3347,7 +3353,7 @@ function Block(props) {
       return /* @__PURE__ */ jsx32(SyncPointerBlock, { ...props, level: level + 1 });
     case "alias": {
       const blockPointerId = (_I = (_H = block == null ? void 0 : block.format) == null ? void 0 : _H.alias_pointer) == null ? void 0 : _I.id;
-      const linkedBlock = getBlockValue3(recordMap.block[blockPointerId]);
+      const linkedBlock = getBlockValue4(recordMap.block[blockPointerId]);
       if (!linkedBlock) {
         console.log('"alias" missing block', blockPointerId);
         return null;
@@ -3364,7 +3370,7 @@ function Block(props) {
     case "table":
       return /* @__PURE__ */ jsx32("table", { className: cs("notion-simple-table", blockId), children: /* @__PURE__ */ jsx32("tbody", { children }) });
     case "table_row": {
-      const tableBlock = getBlockValue3(
+      const tableBlock = getBlockValue4(
         recordMap.block[block.parent_id]
       );
       if (!tableBlock) {
@@ -3499,12 +3505,15 @@ function NotionBlockRenderer({
   ...props
 }) {
   var _a;
-  const { recordMap } = useNotionContext();
-  const id = blockId || Object.keys(recordMap.block)[0];
-  const block = getBlockValue4(recordMap.block[id]);
-  if (!block) {
+  const { recordMap, rootPageId } = useNotionContext();
+  const id = blockId || rootPageId && (recordMap.block[rootPageId] ? rootPageId : Object.keys(recordMap.block).find((k) => {
+    const b = getBlockValue5(recordMap.block[k]);
+    return b && uuidToId3(b.id) === uuidToId3(rootPageId);
+  })) || Object.keys(recordMap.block)[0];
+  const block = id ? getBlockValue5(recordMap.block[id]) : void 0;
+  if (!id || !block) {
     if (true) {
-      console.warn("missing block", blockId);
+      console.warn("missing block", blockId != null ? blockId : id);
     }
     return null;
   }