@texonom/nreact 1.5.2 → 1.5.4

package/build/third-party/collection.js

@@ -9,7 +9,7 @@ var Lt = (a, e, t) => e in a ? Ma(a, e, { enumerable: !0, configurable: !0, writ
     for (var t of ce(e))
       jt.call(e, t) && Lt(a, t, e[t]);
   return a;
-}, F = (a, e) => wa(a, Da(e));
+}, j = (a, e) => wa(a, Da(e));
 var te = (a, e) => {
   var t = {};
   for (var n in a)
@@ -22,7 +22,7 @@ var te = (a, e) => {
 import f from "react";
 import { getTextContent as St, getDateValue as Ta, formatDate as $t, getBlockCollectionId as Oa, getBlockParentPage as Ea } from "@texonom/nutils";
 import { useLocalStorage as qa, useWindowSize as Ca } from "react-use";
-import { u as B, T as j, P as Pa, G as Ra, C as ka, L as Ct, N as kt, d as Sa, a as Ia } from "../asset-wrapper-CaHInqoM.js";
+import { u as B, T as F, P as Pa, G as Ra, C as ka, L as Ct, N as kt, d as Sa, a as Ia } from "../asset-wrapper-CaHInqoM.js";
 import { C as sa } from "../collection-column-title-l4hmVo49.js";
 import { g as A } from "../_commonjsHelpers-bAxELxBV.js";
 function Na(a) {
@@ -2600,7 +2600,7 @@ function nu(a, e) {
     case "day":
       return Dn(M(t[0], e));
     case "end":
-      return M(t[0], F(R({}, e), { endDate: !0 }));
+      return M(t[0], j(R({}, e), { endDate: !0 }));
     case "formatDate": {
       const n = M(t[0], e), o = M(t[1], e).replace("dddd", "eeee");
       return Mt(n, o);
@@ -2616,7 +2616,7 @@ function nu(a, e) {
     case "now":
       return /* @__PURE__ */ new Date();
     case "start":
-      return M(t[0], F(R({}, e), { endDate: !1 }));
+      return M(t[0], j(R({}, e), { endDate: !1 }));
     case "timestamp":
       return M(t[0], e).getTime();
     case "year":
@@ -2631,12 +2631,12 @@ const J = (a) => {
 }, uu = (a) => {
   const { components: e, mapImageUrl: t, mapPageUrl: n } = B(), { schema: o, data: i, block: s, collection: r, inline: u = !1, linkToTitlePage: l = !0 } = a, d = f.useMemo(
     () => function() {
-      return /* @__PURE__ */ f.createElement(j, { value: i, block: s });
+      return /* @__PURE__ */ f.createElement(F, { value: i, block: s });
     },
     [s, i]
   ), c = f.useMemo(
     () => function() {
-      return /* @__PURE__ */ f.createElement(j, { value: i, block: s });
+      return /* @__PURE__ */ f.createElement(F, { value: i, block: s });
     },
     [s, i]
   ), p = f.useMemo(
@@ -2655,17 +2655,17 @@ const J = (a) => {
     [s == null ? void 0 : s.properties, r == null ? void 0 : r.schema, o]
   ), _ = f.useMemo(
     () => function() {
-      return /* @__PURE__ */ f.createElement(j, { value: i, block: s });
+      return /* @__PURE__ */ f.createElement(F, { value: i, block: s });
     },
     [s, i]
   ), x = f.useMemo(
     () => function() {
-      return s && l ? /* @__PURE__ */ f.createElement(e.PageLink, { className: "notion-page-link", href: n(s.id) }, /* @__PURE__ */ f.createElement(Pa, { block: s })) : /* @__PURE__ */ f.createElement(j, { value: i, block: s });
+      return s && l ? /* @__PURE__ */ f.createElement(e.PageLink, { className: "notion-page-link", href: n(s.id) }, /* @__PURE__ */ f.createElement(Pa, { block: s })) : /* @__PURE__ */ f.createElement(F, { value: i, block: s });
     },
     [s, e, i, l, n]
   ), w = f.useMemo(
     () => function() {
-      return /* @__PURE__ */ f.createElement("span", null, /* @__PURE__ */ f.createElement(j, { block: s, value: [["‣", [["u", s.created_by_id]]]] }));
+      return /* @__PURE__ */ f.createElement("span", null, /* @__PURE__ */ f.createElement(F, { block: s, value: [["‣", [["u", s.created_by_id]]]] }));
     },
     [s]
   ), y = f.useMemo(
@@ -2699,7 +2699,7 @@ const J = (a) => {
         } catch (P) {
         }
       return /* @__PURE__ */ f.createElement(
-        j,
+        F,
         {
           value: E,
           block: s,
@@ -2714,12 +2714,12 @@ const J = (a) => {
     [s, i, u]
   ), v = f.useMemo(
     () => function() {
-      return /* @__PURE__ */ f.createElement(j, { value: i, linkProtocol: "mailto", block: s });
+      return /* @__PURE__ */ f.createElement(F, { value: i, linkProtocol: "mailto", block: s });
     },
     [s, i]
   ), h = f.useMemo(
     () => function() {
-      return /* @__PURE__ */ f.createElement(j, { value: i, linkProtocol: "tel", block: s });
+      return /* @__PURE__ */ f.createElement(F, { value: i, linkProtocol: "tel", block: s });
     },
     [s, i]
   ), b = f.useMemo(
@@ -2727,7 +2727,7 @@ const J = (a) => {
       const E = parseFloat(i[0][0] || "0");
       let P = "";
       if (isNaN(E))
-        return /* @__PURE__ */ f.createElement(j, { value: i, block: s });
+        return /* @__PURE__ */ f.createElement(F, { value: i, block: s });
       switch (o.number_format) {
         case "number_with_commas":
           P = X()(E);
@@ -2757,23 +2757,24 @@ const J = (a) => {
           P = X({ prefix: "CN¥", round: 2, padRight: 2 })(E);
           break;
         default:
-          return /* @__PURE__ */ f.createElement(j, { value: i, block: s });
+          return /* @__PURE__ */ f.createElement(F, { value: i, block: s });
       }
-      return /* @__PURE__ */ f.createElement(j, { value: [[P]], block: s });
+      return /* @__PURE__ */ f.createElement(F, { value: [[P]], block: s });
     },
     [s, i, o]
   ), D = f.useMemo(
     () => function() {
-      return /* @__PURE__ */ f.createElement(j, { block: s, value: [[$t(s == null ? void 0 : s.created_time, { month: "short" })]] });
+      return /* @__PURE__ */ f.createElement(F, { block: s, value: [[$t(s == null ? void 0 : s.created_time, { month: "short" })]] });
     },
     [s]
   ), O = f.useMemo(
     () => function() {
-      return /* @__PURE__ */ f.createElement(j, { block: s, value: [[$t(s == null ? void 0 : s.last_edited_time, { month: "short" })]] });
+      return /* @__PURE__ */ f.createElement(F, { block: s, value: [[$t(s == null ? void 0 : s.last_edited_time, { month: "short" })]] });
     },
     [s]
   );
-  if (!o) return null;
+  if (!o)
+    return i ? /* @__PURE__ */ f.createElement(F, { value: i, block: s }) : null;
   let k = null;
   if (i || o.type === "checkbox" || o.type === "title" || o.type === "formula" || o.type === "created_by" || o.type === "last_edited_by" || o.type === "created_time" || o.type === "last_edited_time")
     switch (o.type) {
@@ -2793,7 +2794,7 @@ const J = (a) => {
           var G;
           const L = (G = o.options) == null ? void 0 : G.find((Z) => E === Z.value), $ = L == null ? void 0 : L.color;
           return e.propertySelectValue(
-            F(R({}, a), {
+            j(R({}, a), {
               key: P,
               value: E,
               option: L,
@@ -2844,11 +2845,11 @@ const J = (a) => {
         k = e.propertyDateValue(a, d);
         break;
       default:
-        k = /* @__PURE__ */ f.createElement(j, { value: i, block: s });
+        k = /* @__PURE__ */ f.createElement(F, { value: i, block: s });
         break;
     }
   const W = o.type === "title";
-  return /* @__PURE__ */ f.createElement("span", { className: `notion-property notion-property-${o.type}` }, W ? null : /* @__PURE__ */ f.createElement("div", { style: { marginRight: "1em", display: "inline" } }, /* @__PURE__ */ f.createElement(j, { block: s, value: [[o.name, [["h", "gray"]]]] }), " "), k);
+  return /* @__PURE__ */ f.createElement("span", { className: `notion-property notion-property-${o.type}` }, W ? null : /* @__PURE__ */ f.createElement("div", { style: { marginRight: "1em", display: "inline" } }, /* @__PURE__ */ f.createElement(F, { block: s, value: [[o.name, [["h", "gray"]]]] }), " "), k);
 }, iu = f.memo(uu), ou = ({ block: a, pageHeader: e = !1, className: t }) => {
   var u, l, d, c;
   const { recordMap: n } = B(), o = a.parent_id, i = (u = n.collection[o]) == null ? void 0 : u.value, s = i == null ? void 0 : i.schema;
@@ -2861,7 +2862,7 @@ const J = (a) => {
     }
   )), (d = i.format) != null && d.collection_page_properties) {
     const p = (c = i.format) == null ? void 0 : c.collection_page_properties.reduce(
-      (_, x, w) => F(R({}, _), {
+      (_, x, w) => j(R({}, _), {
         [x.property]: w
       }),
       {}
@@ -2886,7 +2887,7 @@ const J = (a) => {
   })));
 }, su = (a) => {
   const n = a, { className: e } = n, t = te(n, ["className"]);
-  return /* @__PURE__ */ f.createElement("svg", F(R({ className: e }, t), { viewBox: "0 0 14 14", width: "14" }), /* @__PURE__ */ f.createElement("path", { d: "M11.0918,0 C11.5383,0 11.9307,0.295898 12.0533,0.725586 L13.9615,7.40332 C13.9871,7.49316 14,7.58594 14,7.67871 L14,13 C14,13.5527 13.5522,14 13,14 L1,14 C0.447754,14 0,13.5527 0,13 L0,7.67871 C0,7.58594 0.0129395,7.49316 0.0384521,7.40332 L1.94666,0.725586 C2.06934,0.295898 2.46167,0 2.9082,0 L11.0918,0 Z M4.27271,1.5 C3.83728,1.5 3.45178,1.78223 3.31982,2.19727 L1.91455,6.61328 C1.70947,7.25879 2.1908,7.91699 2.86755,7.91699 L4.70837,7.91699 C4.70837,8.93652 5.16663,10.168 7,10.168 C8.83337,10.168 9.29163,8.93652 9.29163,7.91699 L11.1478,7.89355 C11.8201,7.88477 12.2927,7.22852 12.0876,6.58887 L10.681,2.19531 C10.5485,1.78125 10.1635,1.5 9.72864,1.5 L4.27271,1.5 Z" }));
+  return /* @__PURE__ */ f.createElement("svg", j(R({ className: e }, t), { viewBox: "0 0 14 14", width: "14" }), /* @__PURE__ */ f.createElement("path", { d: "M11.0918,0 C11.5383,0 11.9307,0.295898 12.0533,0.725586 L13.9615,7.40332 C13.9871,7.49316 14,7.58594 14,7.67871 L14,13 C14,13.5527 13.5522,14 13,14 L1,14 C0.447754,14 0,13.5527 0,13 L0,7.67871 C0,7.58594 0.0129395,7.49316 0.0384521,7.40332 L1.94666,0.725586 C2.06934,0.295898 2.46167,0 2.9082,0 L11.0918,0 Z M4.27271,1.5 C3.83728,1.5 3.45178,1.78223 3.31982,2.19727 L1.91455,6.61328 C1.70947,7.25879 2.1908,7.91699 2.86755,7.91699 L4.70837,7.91699 C4.70837,8.93652 5.16663,10.168 7,10.168 C8.83337,10.168 9.29163,8.93652 9.29163,7.91699 L11.1478,7.89355 C11.8201,7.88477 12.2927,7.22852 12.0876,6.58887 L10.681,2.19531 C10.5485,1.78125 10.1635,1.5 9.72864,1.5 L4.27271,1.5 Z" }));
 }, ga = (u) => {
   var l = u, {
     collection: a,
@@ -2996,8 +2997,8 @@ const J = (a) => {
   })));
   return /* @__PURE__ */ f.createElement(
     kt,
-    F(R({}, d), {
-      components: F(R({}, d.components), {
+    j(R({}, d), {
+      components: j(R({}, d.components), {
         // Disable <a> tabs in all child components so we don't create invalid DOM
         // trees with stacked <a> tags.
         PageLink: Sa
@@ -3072,7 +3073,7 @@ const lu = ({
   var i;
   return ((i = e == null ? void 0 : e.format) == null ? void 0 : i.collection_group_by) ? Ot(a, e, t, n).map((r, u) => /* @__PURE__ */ f.createElement(
     Tt,
-    F(R({
+    j(R({
       key: u
     }, r), {
       summaryProps: {
@@ -3128,7 +3129,7 @@ function aa({ collectionView: a, collectionData: e, collection: t, padding: n })
 const du = [], fu = ({ collection: a, collectionView: e, collectionData: t }) => {
   var i, s, r, u, l;
   if ((i = e == null ? void 0 : e.format) == null ? void 0 : i.collection_group_by)
-    return Ot(a, e, t).map((c, p) => /* @__PURE__ */ f.createElement(Tt, F(R({ key: p }, c), { collectionViewComponent: na })));
+    return Ot(a, e, t).map((c, p) => /* @__PURE__ */ f.createElement(Tt, j(R({ key: p }, c), { collectionViewComponent: na })));
   const o = ((l = (u = (s = t.collection_group_results) == null ? void 0 : s.blockIds) != null ? u : (r = t["results:relation:uncategorized"]) == null ? void 0 : r.blockIds) != null ? l : t.blockIds) || du;
   return /* @__PURE__ */ f.createElement(na, { collectionView: e, collection: a, blockIds: o });
 };
@@ -3158,7 +3159,7 @@ function na({ blockIds: a, collectionView: e, collection: t }) {
 const cu = [], vu = ({ collection: a, collectionView: e, collectionData: t }) => {
   var i, s, r;
   if ((i = e == null ? void 0 : e.format) == null ? void 0 : i.collection_group_by)
-    return Ot(a, e, t).map((l, d) => /* @__PURE__ */ f.createElement(Tt, F(R({ key: d }, l), { collectionViewComponent: ua })));
+    return Ot(a, e, t).map((l, d) => /* @__PURE__ */ f.createElement(Tt, j(R({ key: d }, l), { collectionViewComponent: ua })));
   const o = ((r = (s = t.collection_group_results) == null ? void 0 : s.blockIds) != null ? r : t.blockIds) || cu;
   return /* @__PURE__ */ f.createElement(ua, { blockIds: o, collection: a, collectionView: e });
 };
@@ -3187,10 +3188,10 @@ const mu = [], hu = ({
   if ((r = e == null ? void 0 : e.format) == null ? void 0 : r.collection_group_by)
     return Ot(a, e, t, n, o).map((c, p) => /* @__PURE__ */ f.createElement(
       Tt,
-      F(R({
+      j(R({
         key: p
       }, c), {
-        collectionViewComponent: (_) => /* @__PURE__ */ f.createElement(ia, F(R({}, _), { padding: n, width: o })),
+        collectionViewComponent: (_) => /* @__PURE__ */ f.createElement(ia, j(R({}, _), { padding: n, width: o })),
         summaryProps: {
           style: {
             paddingLeft: n,
@@ -3280,7 +3281,7 @@ const pu = (a) => {
     collectionViewId: u
   }), c = s && o.find((S) => S === l.collectionViewId) || u, p = f.useCallback(
     (S) => {
-      console.debug("change collection view", S), d(F(R({}, l), {
+      console.debug("change collection view", S), d(j(R({}, l), {
         collectionViewId: S
       }));
     },
@@ -3316,7 +3317,7 @@ const pu = (a) => {
       recordMap: t
     }), null;
   const h = St(x.name).trim(), b = ((W = w.format) == null ? void 0 : W.hide_linked_collection_name) !== !0 && h;
-  return x.icon && (a.format = F(R({}, a.format), {
+  return x.icon && (a.format = j(R({}, a.format), {
     page_icon: x.icon
   })), /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("div", null, /* @__PURE__ */ f.createElement("div", null, o.length > 1 && n && /* @__PURE__ */ f.createElement(_u, { collectionViewId: c, viewIds: o, onChangeView: p })), b && /* @__PURE__ */ f.createElement("div", { className: "notion-collection-header" }, /* @__PURE__ */ f.createElement("div", { className: "notion-collection-header-title" }, /* @__PURE__ */ f.createElement(Ia, { block: a, className: "notion-page-title-icon", hideDefaultIcon: !0 }), h))), /* @__PURE__ */ f.createElement("div", { className: `notion-collection ${e || ""}` }, /* @__PURE__ */ f.createElement(
     gu,