@texonom/nreact 1.6.4 → 1.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/asset-wrapper-BjCXzGmC.js.map +1 -1
- package/build/block.d.ts.map +1 -1
- package/build/components/editable-text.d.ts +34 -10
- package/build/components/editable-text.d.ts.map +1 -1
- package/build/context.d.ts +0 -2
- package/build/context.d.ts.map +1 -1
- package/build/index.d.ts +1 -0
- package/build/index.d.ts.map +1 -1
- package/build/index.js +356 -195
- package/build/index.js.map +1 -1
- package/build/renderer.d.ts +0 -1
- package/build/renderer.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/styles.css +2 -12
package/build/index.js
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import { o as e, t } from "./rolldown-runtime-CEFd7nDs.js";
|
|
2
2
|
import { A as n, C as r, D as i, E as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, g as m, h, i as g, j as _, k as v, l as y, m as b, n as x, o as S, r as C, s as w, t as T, u as E, v as D, w as O, x as k, y as A } from "./asset-wrapper-BjCXzGmC.js";
|
|
3
|
-
import { n as ee, r as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { getBlockCollectionId as
|
|
3
|
+
import { n as ee, r as te, t as ne } from "./collection-column-title-Bw3sXBSk.js";
|
|
4
|
+
import j from "react";
|
|
5
|
+
import re from "@fisch0920/medium-zoom";
|
|
6
|
+
import { getBlockCollectionId as ie, getBlockIcon as ae, getBlockParentPage as M, getPageTableOfContents as N, getTextContent as P, isEditableInPlace as oe, parsePageId as F, uuidToId as I } from "@texonom/nutils";
|
|
7
7
|
//#region src/components/audio.tsx
|
|
8
|
-
var
|
|
8
|
+
var se = ({ block: e, className: t }) => {
|
|
9
9
|
var n;
|
|
10
10
|
let { recordMap: r } = w(), i = r.signed_urls[e.id] || ((n = e.properties) == null || (n = n.source) == null || (n = n[0]) == null ? void 0 : n[0]);
|
|
11
|
-
return /* @__PURE__ */
|
|
11
|
+
return /* @__PURE__ */ j.createElement("div", { className: `notion-audio ${t || ""}` }, /* @__PURE__ */ j.createElement("audio", {
|
|
12
12
|
controls: !0,
|
|
13
13
|
preload: "none",
|
|
14
14
|
src: i
|
|
15
15
|
}));
|
|
16
|
-
},
|
|
17
|
-
let { className: t } = e, n = v(e,
|
|
18
|
-
return /* @__PURE__ */
|
|
19
|
-
},
|
|
16
|
+
}, L = ["className"], ce = (e) => {
|
|
17
|
+
let { className: t } = e, n = v(e, L);
|
|
18
|
+
return /* @__PURE__ */ j.createElement("svg", _(_({ className: t }, n), {}, { viewBox: "0 0 30 30" }), /* @__PURE__ */ j.createElement("path", { d: "M22,8v12c0,3.866-3.134,7-7,7s-7-3.134-7-7V8c0-2.762,2.238-5,5-5s5,2.238,5,5v12c0,1.657-1.343,3-3,3s-3-1.343-3-3V8h-2v12c0,2.762,2.238,5,5,5s5-2.238,5-5V8c0-3.866-3.134-7-7-7S6,4.134,6,8v12c0,4.971,4.029,9,9,9s9-4.029,9-9V8H22z" }));
|
|
19
|
+
}, le = ({ block: e, className: t }) => {
|
|
20
20
|
var n, r, i;
|
|
21
21
|
let { components: a, recordMap: o } = w(), s = o.signed_urls[e.id] || ((n = e.properties) == null || (n = n.source) == null || (n = n[0]) == null ? void 0 : n[0]);
|
|
22
|
-
return /* @__PURE__ */
|
|
22
|
+
return /* @__PURE__ */ j.createElement("div", { className: `notion-file ${t || ""}` }, /* @__PURE__ */ j.createElement(a.Link, {
|
|
23
23
|
className: "notion-file-link",
|
|
24
24
|
href: s,
|
|
25
25
|
target: "_blank",
|
|
26
26
|
rel: "noopener noreferrer"
|
|
27
|
-
}, /* @__PURE__ */
|
|
27
|
+
}, /* @__PURE__ */ j.createElement(ce, { className: "notion-file-icon" }), /* @__PURE__ */ j.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ j.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ j.createElement(m, {
|
|
28
28
|
value: ((r = e.properties) == null ? void 0 : r.title) || [["File"]],
|
|
29
29
|
block: e
|
|
30
|
-
})), ((i = e.properties) == null ? void 0 : i.size) && /* @__PURE__ */
|
|
30
|
+
})), ((i = e.properties) == null ? void 0 : i.size) && /* @__PURE__ */ j.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ j.createElement(m, {
|
|
31
31
|
value: e.properties.size,
|
|
32
32
|
block: e
|
|
33
33
|
})))));
|
|
34
|
-
},
|
|
34
|
+
}, ue = ({ block: e, className: t }) => {
|
|
35
35
|
var n;
|
|
36
36
|
let { components: r, mapImageUrl: i } = w(), a = (n = e.format) == null ? void 0 : n.drive_properties;
|
|
37
37
|
if (!a) return null;
|
|
@@ -39,20 +39,20 @@ var ie = ({ block: e, className: t }) => {
|
|
|
39
39
|
try {
|
|
40
40
|
o = new URL(a.url).hostname;
|
|
41
41
|
} catch (e) {}
|
|
42
|
-
return /* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */ j.createElement("div", { className: `notion-google-drive ${t || ""}` }, /* @__PURE__ */ j.createElement(r.Link, {
|
|
43
43
|
className: "notion-google-drive-link",
|
|
44
44
|
href: a.url,
|
|
45
45
|
target: "_blank",
|
|
46
46
|
rel: "noopener noreferrer"
|
|
47
|
-
}, /* @__PURE__ */
|
|
47
|
+
}, /* @__PURE__ */ j.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ j.createElement(l, {
|
|
48
48
|
src: i(a.thumbnail, e),
|
|
49
49
|
alt: a.title || "Google Drive Document",
|
|
50
50
|
loading: "lazy"
|
|
51
|
-
})), /* @__PURE__ */
|
|
51
|
+
})), /* @__PURE__ */ j.createElement("div", { className: "notion-google-drive-body" }, a.title && /* @__PURE__ */ j.createElement("div", { className: "notion-google-drive-body-title" }, a.title), a.icon && o && /* @__PURE__ */ j.createElement("div", { className: "notion-google-drive-body-source" }, a.icon && /* @__PURE__ */ j.createElement("div", {
|
|
52
52
|
className: "notion-google-drive-body-source-icon",
|
|
53
53
|
style: { backgroundImage: `url(${a.icon})` }
|
|
54
|
-
}), o && /* @__PURE__ */
|
|
55
|
-
},
|
|
54
|
+
}), o && /* @__PURE__ */ j.createElement("div", { className: "notion-google-drive-body-source-domain" }, o)))));
|
|
55
|
+
}, de = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
|
|
56
56
|
var n = "Expected a function", r = NaN, i = /^\s+|\s+$/g, a = /^[-+]0x[0-9a-f]+$/i, o = /^0b[01]+$/i, s = /^0o[0-7]+$/i, c = parseInt, l = typeof global == "object" && global && global.Object === Object && global, u = typeof self == "object" && self && self.Object === Object && self, d = l || u || Function("return this")(), f = Object.prototype.toString, p = Math.max, m = Math.min, h = function() {
|
|
57
57
|
return d.Date.now();
|
|
58
58
|
};
|
|
@@ -131,8 +131,8 @@ var ie = ({ block: e, className: t }) => {
|
|
|
131
131
|
return n || s.test(e) ? c(e.slice(2), n ? 2 : 8) : a.test(e) ? r : +e;
|
|
132
132
|
}
|
|
133
133
|
t.exports = _;
|
|
134
|
-
})))(), 1),
|
|
135
|
-
let s =
|
|
134
|
+
})))(), 1), fe = ({ toc: e, activeSection: t, setActiveSection: n, pageAside: r, hasToc: i, hasAside: a, className: o }) => {
|
|
135
|
+
let s = j.useMemo(() => (0, de.default)(() => {
|
|
136
136
|
let e = document.getElementsByClassName("notion-h"), r = null, i = t;
|
|
137
137
|
for (let t = 0; t < e.length; ++t) {
|
|
138
138
|
let n = e[t];
|
|
@@ -144,19 +144,19 @@ var ie = ({ block: e, className: t }) => {
|
|
|
144
144
|
}
|
|
145
145
|
n(i);
|
|
146
146
|
}, 100), [n]);
|
|
147
|
-
return
|
|
147
|
+
return j.useEffect(() => {
|
|
148
148
|
if (i) return window.addEventListener("scroll", s), s(), () => {
|
|
149
149
|
window.removeEventListener("scroll", s);
|
|
150
150
|
};
|
|
151
|
-
}, [i, s]), a ? /* @__PURE__ */
|
|
152
|
-
let n =
|
|
153
|
-
return /* @__PURE__ */
|
|
151
|
+
}, [i, s]), a ? /* @__PURE__ */ j.createElement("aside", { className: `notion-aside ${o || ""}` }, i && /* @__PURE__ */ j.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ j.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ j.createElement("nav", { className: "notion-table-of-contents" }, e.map((e) => {
|
|
152
|
+
let n = I(e.id);
|
|
153
|
+
return /* @__PURE__ */ j.createElement("a", {
|
|
154
154
|
key: n,
|
|
155
155
|
href: `#${n}`,
|
|
156
156
|
className: `notion-table-of-contents-item
|
|
157
157
|
notion-table-of-contents-item-indent-level-${e.indentLevel}
|
|
158
158
|
${t === n && "notion-table-of-contents-active-item"}`
|
|
159
|
-
}, /* @__PURE__ */
|
|
159
|
+
}, /* @__PURE__ */ j.createElement("span", {
|
|
160
160
|
className: "notion-table-of-contents-item-body",
|
|
161
161
|
style: {
|
|
162
162
|
display: "inline-block",
|
|
@@ -164,129 +164,304 @@ var ie = ({ block: e, className: t }) => {
|
|
|
164
164
|
}
|
|
165
165
|
}, e.text));
|
|
166
166
|
}))), r) : null;
|
|
167
|
-
},
|
|
167
|
+
}, pe = ({ block: e, level: t }) => {
|
|
168
168
|
var n;
|
|
169
169
|
if (!e) return process.env.NODE_ENV !== "production" && console.warn("missing sync pointer block", e.id), null;
|
|
170
170
|
let r = e, i = r == null || (n = r.format) == null || (n = n.transclusion_reference_pointer) == null ? void 0 : n.id;
|
|
171
|
-
return i ? /* @__PURE__ */
|
|
171
|
+
return i ? /* @__PURE__ */ j.createElement(Z, {
|
|
172
172
|
key: i,
|
|
173
173
|
level: t,
|
|
174
174
|
blockId: i
|
|
175
175
|
}) : null;
|
|
176
|
-
},
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
176
|
+
}, R = /* @__PURE__ */ new Set([
|
|
177
|
+
"b",
|
|
178
|
+
"i",
|
|
179
|
+
"s",
|
|
180
|
+
"c",
|
|
181
|
+
"_",
|
|
182
|
+
"h"
|
|
183
|
+
]), z = (e, t) => (e[0] === "/" || !!t && e.includes(t)) && !!F(e.substring(1), { uuid: !0 });
|
|
184
|
+
function B(e, t) {
|
|
185
|
+
let [n, r] = e;
|
|
186
|
+
return !r || r.length === 0 ? n === "," : !r.every((e) => R.has(e[0]) || e[0] === "a" && typeof e[1] == "string" && !z(e[1], t));
|
|
187
|
+
}
|
|
188
|
+
var V = ({ title: e, block: t, holdsLine: n }) => {
|
|
189
|
+
let { rootDomain: r } = w();
|
|
190
|
+
return n ? /* @__PURE__ */ j.createElement("br", null) : /* @__PURE__ */ j.createElement(j.Fragment, null, e.map((e, n) => B(e, r) ? /* @__PURE__ */ j.createElement("span", {
|
|
191
|
+
key: n,
|
|
192
|
+
contentEditable: !1,
|
|
193
|
+
"data-segment": JSON.stringify(e)
|
|
194
|
+
}, /* @__PURE__ */ j.createElement(m, {
|
|
195
|
+
value: [e],
|
|
196
|
+
block: t
|
|
197
|
+
})) : /* @__PURE__ */ j.createElement(m, {
|
|
198
|
+
key: n,
|
|
199
|
+
value: [e],
|
|
200
|
+
block: t
|
|
201
|
+
})));
|
|
202
|
+
}, me = ({ block: e }) => {
|
|
203
|
+
var t, n, r, i;
|
|
204
|
+
let a = (t = (n = e.properties) == null ? void 0 : n.title) == null ? [] : t, o = a.length === 0 && (e.type === "text" && !e.properties && !((r = e.content) != null && r.length) || Array.isArray((i = e.properties) == null ? void 0 : i.title)), s = JSON.stringify(a), c = j.useRef(null), l = j.useRef({
|
|
205
|
+
json: s,
|
|
206
|
+
version: 0
|
|
207
|
+
});
|
|
208
|
+
if (l.current.json !== s) {
|
|
209
|
+
var u;
|
|
210
|
+
l.current = {
|
|
211
|
+
json: s,
|
|
212
|
+
version: ((u = c.current) == null ? void 0 : u.getAttribute("data-title")) === s ? l.current.version : l.current.version + 1
|
|
213
|
+
};
|
|
214
|
+
}
|
|
215
|
+
let { version: d } = l.current, f = j.useMemo(() => /* @__PURE__ */ j.createElement(V, {
|
|
216
|
+
title: a,
|
|
217
|
+
block: e,
|
|
218
|
+
holdsLine: o
|
|
219
|
+
}), [d]);
|
|
220
|
+
return /* @__PURE__ */ j.createElement("span", {
|
|
221
|
+
key: d,
|
|
222
|
+
ref: c,
|
|
184
223
|
className: "notion-text-editable",
|
|
185
|
-
|
|
186
|
-
"
|
|
224
|
+
"data-block-id": e.id,
|
|
225
|
+
"data-title": s,
|
|
187
226
|
contentEditable: !0,
|
|
188
227
|
suppressContentEditableWarning: !0,
|
|
189
|
-
spellCheck: !0
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
228
|
+
spellCheck: !0
|
|
229
|
+
}, f);
|
|
230
|
+
}, H = /* @__PURE__ */ new Set([
|
|
231
|
+
"default",
|
|
232
|
+
"gray",
|
|
233
|
+
"brown",
|
|
234
|
+
"orange",
|
|
235
|
+
"yellow",
|
|
236
|
+
"teal",
|
|
237
|
+
"green",
|
|
238
|
+
"blue",
|
|
239
|
+
"purple",
|
|
240
|
+
"pink",
|
|
241
|
+
"red"
|
|
242
|
+
]), U = (e) => {
|
|
243
|
+
if (!e.startsWith("notion-")) return;
|
|
244
|
+
let t = e.slice(7);
|
|
245
|
+
return H.has(t.replace(/_background$/, "")) ? t : void 0;
|
|
246
|
+
};
|
|
247
|
+
function he(e) {
|
|
248
|
+
switch (e.tagName) {
|
|
249
|
+
case "B":
|
|
250
|
+
case "STRONG": return ["b"];
|
|
251
|
+
case "EM":
|
|
252
|
+
case "I": return ["i"];
|
|
253
|
+
case "S":
|
|
254
|
+
case "STRIKE":
|
|
255
|
+
case "DEL": return ["s"];
|
|
256
|
+
case "CODE": return ["c"];
|
|
257
|
+
case "U": return ["_"];
|
|
258
|
+
case "A": {
|
|
259
|
+
let t = e.getAttribute("href");
|
|
260
|
+
return t ? ["a", t] : void 0;
|
|
193
261
|
}
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
262
|
+
case "SPAN":
|
|
263
|
+
if (e.classList.contains("notion-inline-underscore")) return ["_"];
|
|
264
|
+
for (let t of Array.from(e.classList)) {
|
|
265
|
+
let e = U(t);
|
|
266
|
+
if (e) return ["h", e];
|
|
267
|
+
}
|
|
268
|
+
return;
|
|
269
|
+
default: return;
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
var W = (e) => e.nodeType === Node.ELEMENT_NODE && e.dataset.segment !== void 0 ? e : void 0;
|
|
273
|
+
function G(e) {
|
|
274
|
+
let t = e;
|
|
275
|
+
for (; t.lastChild && !W(t);) t = t.lastChild;
|
|
276
|
+
return t !== e && t.nodeName === "BR" ? t : void 0;
|
|
277
|
+
}
|
|
278
|
+
function ge(e) {
|
|
279
|
+
let t = [], n = G(e), r = (e, n) => {
|
|
280
|
+
if (!e) return;
|
|
281
|
+
let r = t[t.length - 1];
|
|
282
|
+
r && "text" in r && JSON.stringify(r.formats) === JSON.stringify(n) ? r.text += e : t.push({
|
|
283
|
+
text: e,
|
|
284
|
+
formats: n
|
|
285
|
+
});
|
|
286
|
+
}, i = (e, a) => {
|
|
287
|
+
if (e.nodeType === Node.TEXT_NODE) {
|
|
288
|
+
r(e.data.replace(/ /g, " "), a);
|
|
289
|
+
return;
|
|
290
|
+
}
|
|
291
|
+
let o = W(e);
|
|
292
|
+
if (o) {
|
|
293
|
+
t.push({ island: JSON.parse(o.dataset.segment) });
|
|
294
|
+
return;
|
|
295
|
+
}
|
|
296
|
+
if (e.nodeType !== Node.ELEMENT_NODE) return;
|
|
297
|
+
let s = e;
|
|
298
|
+
if (s.tagName === "BR") {
|
|
299
|
+
s !== n && r("\n", a);
|
|
300
|
+
return;
|
|
301
|
+
}
|
|
302
|
+
(s.tagName === "DIV" || s.tagName === "P") && s.previousSibling && r("\n", a);
|
|
303
|
+
let c = he(s), l = c ? [...a, c] : a;
|
|
304
|
+
for (let e of Array.from(s.childNodes)) i(e, l);
|
|
305
|
+
};
|
|
306
|
+
for (let t of Array.from(e.childNodes)) i(t, []);
|
|
307
|
+
return t.map((e) => "island" in e ? e.island : e.formats.length > 0 ? [e.text, [...e.formats].reverse()] : [e.text]);
|
|
308
|
+
}
|
|
309
|
+
function K(e) {
|
|
310
|
+
let t = [], n = (e) => {
|
|
311
|
+
if (e.nodeType === Node.TEXT_NODE || W(e) || e.nodeName === "BR") t.push(e);
|
|
312
|
+
else if (e.nodeType === Node.ELEMENT_NODE) for (let t of Array.from(e.childNodes)) n(t);
|
|
313
|
+
};
|
|
314
|
+
for (let t of Array.from(e.childNodes)) n(t);
|
|
315
|
+
return t;
|
|
316
|
+
}
|
|
317
|
+
function q(e, t) {
|
|
318
|
+
if (e.nodeType === Node.TEXT_NODE) return e.data.length;
|
|
319
|
+
let n = W(e);
|
|
320
|
+
return n ? JSON.parse(n.dataset.segment)[0].length : e === t ? 0 : 1;
|
|
321
|
+
}
|
|
322
|
+
var J = (e) => Array.prototype.indexOf.call(e.parentNode.childNodes, e);
|
|
323
|
+
function _e(e, t, n) {
|
|
324
|
+
var r;
|
|
325
|
+
let i = (r = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement) == null ? void 0 : r.closest("[data-segment]");
|
|
326
|
+
i && i !== e && e.contains(i) && (t = i.parentNode, n = J(i) + 1);
|
|
327
|
+
let a = G(e), o = 0;
|
|
328
|
+
for (let r of K(e)) {
|
|
329
|
+
if (r === t) return o + Math.min(n, q(r, a));
|
|
330
|
+
let i = e.ownerDocument.createRange();
|
|
331
|
+
if (i.selectNode(r), !(i.comparePoint(t, n) > 0 || t === i.endContainer && n === i.endOffset)) return o;
|
|
332
|
+
o += q(r, a);
|
|
333
|
+
}
|
|
334
|
+
return o;
|
|
335
|
+
}
|
|
336
|
+
function Y(e, t) {
|
|
337
|
+
let n = G(e), r = Math.max(0, t), i;
|
|
338
|
+
for (let t of K(e)) {
|
|
339
|
+
let e = q(t, n);
|
|
340
|
+
if (t.nodeType === Node.TEXT_NODE) {
|
|
341
|
+
if (r <= e) return {
|
|
342
|
+
node: t,
|
|
343
|
+
offset: r
|
|
344
|
+
};
|
|
345
|
+
} else if (r === 0) return {
|
|
346
|
+
node: t.parentNode,
|
|
347
|
+
offset: J(t)
|
|
348
|
+
};
|
|
349
|
+
r -= e, t !== n && (i = t);
|
|
350
|
+
}
|
|
351
|
+
return i ? {
|
|
352
|
+
node: i.parentNode,
|
|
353
|
+
offset: J(i) + 1
|
|
354
|
+
} : {
|
|
355
|
+
node: e,
|
|
356
|
+
offset: 0
|
|
357
|
+
};
|
|
358
|
+
}
|
|
359
|
+
function ve(e, t, n = t) {
|
|
360
|
+
let r = e.ownerDocument.getSelection();
|
|
361
|
+
if (!r) return;
|
|
362
|
+
let i = Y(e, t), a = n === t ? i : Y(e, n), o = e.ownerDocument.createRange();
|
|
363
|
+
o.setStart(i.node, i.offset), o.setEnd(a.node, a.offset), r.removeAllRanges(), r.addRange(o);
|
|
364
|
+
}
|
|
365
|
+
//#endregion
|
|
366
|
+
//#region src/icons/link-icon.tsx
|
|
367
|
+
var ye = ["className"], be = (e) => {
|
|
368
|
+
let { className: t } = e, n = v(e, ye);
|
|
369
|
+
return /* @__PURE__ */ j.createElement("svg", _(_({ className: t }, n), {}, {
|
|
198
370
|
viewBox: "0 0 16 16",
|
|
199
371
|
width: "16",
|
|
200
372
|
height: "16"
|
|
201
|
-
}), /* @__PURE__ */
|
|
373
|
+
}), /* @__PURE__ */ j.createElement("path", {
|
|
202
374
|
fillRule: "evenodd",
|
|
203
375
|
d: "M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"
|
|
204
376
|
}));
|
|
205
|
-
},
|
|
206
|
-
let t = w(), { components: n, fullPage: r, recordMap: i, mapPageUrl: a, mapImageUrl: s, showTableOfContents: l, minTableOfContentsItems: u, defaultPageIcon: d, defaultPageCover: f, defaultPageCoverPosition: p, editable: h } = t, [g, v] =
|
|
377
|
+
}, xe = {}, Se = {}, X = (e) => {
|
|
378
|
+
let t = w(), { components: n, fullPage: r, recordMap: i, mapPageUrl: a, mapImageUrl: s, showTableOfContents: l, minTableOfContentsItems: u, defaultPageIcon: d, defaultPageCover: f, defaultPageCoverPosition: p, editable: h } = t, [g, v] = j.useState(null), { block: y, children: x, level: S, className: C, bodyClassName: E, header: O, footer: ee, pageHeader: te, pageFooter: ne, pageTitle: re, pageAside: F, pageCover: L, hideBlockId: ce, disableHeader: de } = e;
|
|
207
379
|
if (!y) return null;
|
|
208
380
|
if (S === 0 && y.type === "collection_view") {
|
|
209
381
|
let e = y;
|
|
210
382
|
e.type = "collection_view_page";
|
|
211
383
|
}
|
|
212
|
-
let
|
|
213
|
-
|
|
214
|
-
block: y
|
|
215
|
-
|
|
384
|
+
let R = ce ? "notion-block" : `notion-block-${I(y.id)}`, z = h && oe(y), B = () => {
|
|
385
|
+
var e;
|
|
386
|
+
return z ? /* @__PURE__ */ j.createElement(me, { block: y }) : /* @__PURE__ */ j.createElement(m, {
|
|
387
|
+
value: (e = y.properties) == null ? void 0 : e.title,
|
|
388
|
+
block: y
|
|
389
|
+
});
|
|
390
|
+
};
|
|
216
391
|
switch (y.type) {
|
|
217
392
|
case "collection_view_page":
|
|
218
393
|
case "page":
|
|
219
394
|
if (S === 0) {
|
|
220
395
|
let { page_icon: e = d, page_cover: a = f, page_cover_position: c = p, page_full_width: h, page_small_text: _ } = y.format || {};
|
|
221
396
|
if (r) {
|
|
222
|
-
var
|
|
223
|
-
let r = y.type === "page" ? y.properties : { title: (
|
|
224
|
-
p || (p =
|
|
225
|
-
let b = (
|
|
226
|
-
return /* @__PURE__ */
|
|
397
|
+
var V, H;
|
|
398
|
+
let r = y.type === "page" ? y.properties : { title: (V = i.collection[ie(y, i)]) == null || (V = V.value) == null ? void 0 : V.name }, f = `center ${(1 - (c || .5)) * 100}%`, p = Se[f];
|
|
399
|
+
p || (p = Se[f] = { objectPosition: f });
|
|
400
|
+
let b = (H = ae(y, i)) == null ? d : H, S = b && o(b), w = N(y, i), T = l && w.length >= u, D = (T || F) && !h, M = L || a;
|
|
401
|
+
return /* @__PURE__ */ j.createElement("div", { className: `notion notion-app ${R} ${C || ""}` }, /* @__PURE__ */ j.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ j.createElement("div", { className: "notion-frame" }, !de && /* @__PURE__ */ j.createElement(n.Header, { block: y }), O, /* @__PURE__ */ j.createElement("div", { className: "notion-page-scroller" }, M && (L || /* @__PURE__ */ j.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ j.createElement(k, {
|
|
227
402
|
src: s(a, y),
|
|
228
|
-
alt:
|
|
403
|
+
alt: P(r == null ? void 0 : r.title),
|
|
229
404
|
priority: !0,
|
|
230
405
|
className: "notion-page-cover",
|
|
231
406
|
style: p
|
|
232
|
-
}))), /* @__PURE__ */
|
|
233
|
-
${
|
|
407
|
+
}))), /* @__PURE__ */ j.createElement("main", { className: `notion-page
|
|
408
|
+
${M ? "notion-page-has-cover" : "notion-page-no-cover"}
|
|
234
409
|
${e ? "notion-page-has-icon" : "notion-page-no-icon"}
|
|
235
410
|
${S ? "notion-page-has-image-icon" : "notion-page-has-text-icon"}
|
|
236
411
|
notion-full-page
|
|
237
412
|
${h && "notion-full-width"}
|
|
238
413
|
${_ && "notion-small-text"}
|
|
239
|
-
${E}` }, e && /* @__PURE__ */
|
|
414
|
+
${E}` }, e && /* @__PURE__ */ j.createElement(A, {
|
|
240
415
|
block: y,
|
|
241
416
|
defaultIcon: d,
|
|
242
417
|
inline: !1
|
|
243
|
-
}),
|
|
418
|
+
}), te, /* @__PURE__ */ j.createElement("h1", { className: "notion-title" }, re == null ? /* @__PURE__ */ j.createElement(m, {
|
|
244
419
|
value: r == null ? void 0 : r.title,
|
|
245
420
|
block: y
|
|
246
|
-
}) :
|
|
421
|
+
}) : re), (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ j.createElement(n.Collection, {
|
|
247
422
|
block: y,
|
|
248
423
|
ctx: t
|
|
249
|
-
}), y.type !== "collection_view_page" && /* @__PURE__ */
|
|
424
|
+
}), y.type !== "collection_view_page" && /* @__PURE__ */ j.createElement("div", { className: `notion-page-content
|
|
250
425
|
${D && "notion-page-content-has-aside"}
|
|
251
|
-
${T && "notion-page-content-has-toc"}` }, /* @__PURE__ */
|
|
426
|
+
${T && "notion-page-content-has-toc"}` }, /* @__PURE__ */ j.createElement("article", { className: "notion-page-content-inner" }, x), D && /* @__PURE__ */ j.createElement(fe, {
|
|
252
427
|
toc: w,
|
|
253
428
|
activeSection: g,
|
|
254
429
|
setActiveSection: v,
|
|
255
430
|
hasToc: T,
|
|
256
431
|
hasAside: D,
|
|
257
|
-
pageAside:
|
|
258
|
-
})),
|
|
432
|
+
pageAside: F
|
|
433
|
+
})), ne), ee)));
|
|
259
434
|
}
|
|
260
|
-
return /* @__PURE__ */
|
|
435
|
+
return /* @__PURE__ */ j.createElement("main", { className: `notion
|
|
261
436
|
notion-page
|
|
262
437
|
${h && "notion-full-width"}
|
|
263
438
|
${_ && "notion-small-text"}
|
|
264
|
-
${
|
|
439
|
+
${R}
|
|
265
440
|
${C || ""}
|
|
266
|
-
${E}` }, /* @__PURE__ */
|
|
441
|
+
${E}` }, /* @__PURE__ */ j.createElement("div", { className: "notion-viewport" }), te, (y.type === "collection_view_page" || y.type === "page" && y.parent_table === "collection") && /* @__PURE__ */ j.createElement(n.Collection, {
|
|
267
442
|
block: y,
|
|
268
443
|
ctx: t
|
|
269
|
-
}), y.type !== "collection_view_page" && x,
|
|
444
|
+
}), y.type !== "collection_view_page" && x, ne);
|
|
270
445
|
}
|
|
271
446
|
{
|
|
272
|
-
var
|
|
273
|
-
let e = (
|
|
274
|
-
return /* @__PURE__ */
|
|
275
|
-
className: `notion-page-link ${e && `notion-${e}`} ${
|
|
447
|
+
var U;
|
|
448
|
+
let e = (U = y.format) == null ? void 0 : U.block_color;
|
|
449
|
+
return /* @__PURE__ */ j.createElement(n.PageLink, {
|
|
450
|
+
className: `notion-page-link ${e && `notion-${e}`} ${R}`,
|
|
276
451
|
href: a(y.id)
|
|
277
|
-
}, /* @__PURE__ */
|
|
452
|
+
}, /* @__PURE__ */ j.createElement(b, { block: y }));
|
|
278
453
|
}
|
|
279
454
|
case "header":
|
|
280
455
|
case "sub_header":
|
|
281
456
|
case "sub_sub_header": {
|
|
282
|
-
var
|
|
457
|
+
var he, W, G;
|
|
283
458
|
if (!y.properties) return null;
|
|
284
|
-
let e = (
|
|
459
|
+
let e = (he = y.format) == null ? void 0 : he.block_color, t = I(y.id), n = P(y.properties.title) || `Notion Header ${t}`, r = xe[y.id], a;
|
|
285
460
|
if (r === void 0) {
|
|
286
|
-
let e =
|
|
461
|
+
let e = M(y, i);
|
|
287
462
|
if (e) {
|
|
288
|
-
let t =
|
|
289
|
-
t && (r = t.indentLevel,
|
|
463
|
+
let t = N(e, i).find((e) => e.id === y.id);
|
|
464
|
+
t && (r = t.indentLevel, xe[y.id] = r);
|
|
290
465
|
}
|
|
291
466
|
}
|
|
292
467
|
r !== void 0 && (a = `notion-h-indent-${r}`);
|
|
@@ -295,45 +470,44 @@ var ie = ({ block: e, className: t }) => {
|
|
|
295
470
|
${c && "notion-h notion-h3"}
|
|
296
471
|
${e && `notion-${e}`}
|
|
297
472
|
${a},
|
|
298
|
-
${
|
|
473
|
+
${R}`, u = /* @__PURE__ */ j.createElement("span", null, /* @__PURE__ */ j.createElement("div", {
|
|
299
474
|
id: t,
|
|
300
475
|
className: "notion-header-anchor"
|
|
301
|
-
}), !((
|
|
476
|
+
}), !((W = y.format) != null && W.toggleable) && /* @__PURE__ */ j.createElement("a", {
|
|
302
477
|
className: "notion-hash-link",
|
|
303
478
|
href: `#${t}`,
|
|
304
479
|
title: n
|
|
305
|
-
}, /* @__PURE__ */
|
|
306
|
-
return d = o ? /* @__PURE__ */
|
|
480
|
+
}, /* @__PURE__ */ j.createElement(be, null)), /* @__PURE__ */ j.createElement("span", { className: "notion-h-title" }, B())), d = null;
|
|
481
|
+
return d = o ? /* @__PURE__ */ j.createElement("h2", {
|
|
307
482
|
className: l,
|
|
308
483
|
"data-id": t
|
|
309
|
-
}, u) : s ? /* @__PURE__ */
|
|
484
|
+
}, u) : s ? /* @__PURE__ */ j.createElement("h3", {
|
|
310
485
|
className: l,
|
|
311
486
|
"data-id": t
|
|
312
|
-
}, u) : /* @__PURE__ */
|
|
487
|
+
}, u) : /* @__PURE__ */ j.createElement("h4", {
|
|
313
488
|
className: l,
|
|
314
489
|
"data-id": t
|
|
315
|
-
}, u), (
|
|
490
|
+
}, u), (G = y.format) != null && G.toggleable ? /* @__PURE__ */ j.createElement("details", { className: `notion-toggle ${R}` }, /* @__PURE__ */ j.createElement("summary", null, d), /* @__PURE__ */ j.createElement("div", null, x)) : d;
|
|
316
491
|
}
|
|
317
|
-
case "divider": return /* @__PURE__ */
|
|
492
|
+
case "divider": return /* @__PURE__ */ j.createElement("hr", { className: `notion-hr ${R}` });
|
|
318
493
|
case "text": {
|
|
319
|
-
var
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
return /* @__PURE__ */ N.createElement("div", { className: `notion-text ${e && `notion-${e}`} ${W}` }, ((ge = y.properties) == null ? void 0 : ge.title) && G(), x && /* @__PURE__ */ N.createElement("div", { className: "notion-text-children" }, x));
|
|
494
|
+
var ge, K, q;
|
|
495
|
+
let e = !y.properties && !((ge = y.content) != null && ge.length), t = (K = y.format) == null ? void 0 : K.block_color, n = e ? `notion-blank ${R}` : `notion-text ${t && `notion-${t}`} ${R}`;
|
|
496
|
+
return z ? /* @__PURE__ */ j.createElement("div", { className: n }, B(), x && /* @__PURE__ */ j.createElement("div", { className: "notion-text-children" }, x)) : e ? /* @__PURE__ */ j.createElement("div", { className: n }, "\xA0") : /* @__PURE__ */ j.createElement("div", { className: n }, ((q = y.properties) == null ? void 0 : q.title) && B(), x && /* @__PURE__ */ j.createElement("div", { className: "notion-text-children" }, x));
|
|
323
497
|
}
|
|
324
498
|
case "bulleted_list":
|
|
325
499
|
case "numbered_list": {
|
|
326
|
-
var
|
|
327
|
-
let e = (e, t) => y.type === "bulleted_list" ? /* @__PURE__ */
|
|
500
|
+
var J;
|
|
501
|
+
let e = (e, t) => y.type === "bulleted_list" ? /* @__PURE__ */ j.createElement("ul", { className: `notion-list notion-list-disc ${R}` }, e) : /* @__PURE__ */ j.createElement("ol", {
|
|
328
502
|
start: t,
|
|
329
|
-
className: `notion-list notion-list-numbered ${
|
|
503
|
+
className: `notion-list notion-list-numbered ${R}`
|
|
330
504
|
}, e), t = null;
|
|
331
|
-
t = y.content ? /* @__PURE__ */
|
|
332
|
-
let n = y.type !== ((
|
|
505
|
+
t = y.content ? /* @__PURE__ */ j.createElement(j.Fragment, null, y.properties && /* @__PURE__ */ j.createElement("li", { "data-block-id": h ? y.id : void 0 }, B()), e(x)) : y.properties ? /* @__PURE__ */ j.createElement("li", { "data-block-id": h ? y.id : void 0 }, B()) : null;
|
|
506
|
+
let n = y.type !== ((J = i.block[y.parent_id]) == null || (J = J.value) == null ? void 0 : J.type), r = c(y.id, i.block);
|
|
333
507
|
return n ? e(t, r) : t;
|
|
334
508
|
}
|
|
335
|
-
case "embed": return /* @__PURE__ */
|
|
336
|
-
blockId:
|
|
509
|
+
case "embed": return /* @__PURE__ */ j.createElement(n.Embed, {
|
|
510
|
+
blockId: R,
|
|
337
511
|
block: y
|
|
338
512
|
});
|
|
339
513
|
case "tweet":
|
|
@@ -345,67 +519,64 @@ var ie = ({ block: e, className: t }) => {
|
|
|
345
519
|
case "excalidraw":
|
|
346
520
|
case "image":
|
|
347
521
|
case "gist":
|
|
348
|
-
case "video": return /* @__PURE__ */
|
|
349
|
-
blockId:
|
|
522
|
+
case "video": return /* @__PURE__ */ j.createElement(T, {
|
|
523
|
+
blockId: R,
|
|
350
524
|
block: y
|
|
351
525
|
});
|
|
352
526
|
case "drive":
|
|
353
527
|
var _e;
|
|
354
528
|
if (!((_e = y.format) != null && _e.drive_properties)) {
|
|
355
|
-
var
|
|
356
|
-
if ((
|
|
357
|
-
blockId:
|
|
529
|
+
var Y;
|
|
530
|
+
if ((Y = y.format) != null && Y.display_source) return /* @__PURE__ */ j.createElement(T, {
|
|
531
|
+
blockId: R,
|
|
358
532
|
block: y
|
|
359
533
|
});
|
|
360
534
|
}
|
|
361
|
-
return /* @__PURE__ */
|
|
535
|
+
return /* @__PURE__ */ j.createElement(ue, {
|
|
362
536
|
block: y,
|
|
363
|
-
className:
|
|
537
|
+
className: R
|
|
364
538
|
});
|
|
365
|
-
case "audio": return /* @__PURE__ */
|
|
539
|
+
case "audio": return /* @__PURE__ */ j.createElement(se, {
|
|
366
540
|
block: y,
|
|
367
|
-
className:
|
|
541
|
+
className: R
|
|
368
542
|
});
|
|
369
|
-
case "file": return /* @__PURE__ */
|
|
543
|
+
case "file": return /* @__PURE__ */ j.createElement(le, {
|
|
370
544
|
block: y,
|
|
371
|
-
className:
|
|
545
|
+
className: R
|
|
372
546
|
});
|
|
373
|
-
case "equation": return /* @__PURE__ */
|
|
547
|
+
case "equation": return /* @__PURE__ */ j.createElement(n.Equation, {
|
|
374
548
|
block: y,
|
|
375
549
|
inline: !1,
|
|
376
|
-
className:
|
|
550
|
+
className: R
|
|
377
551
|
});
|
|
378
|
-
case "code": return /* @__PURE__ */
|
|
379
|
-
case "column_list": return /* @__PURE__ */
|
|
552
|
+
case "code": return /* @__PURE__ */ j.createElement(n.Code, { block: y });
|
|
553
|
+
case "column_list": return /* @__PURE__ */ j.createElement("div", { className: `notion-row ${R}` }, x);
|
|
380
554
|
case "column": {
|
|
381
|
-
var
|
|
382
|
-
let e = ((
|
|
383
|
-
return /* @__PURE__ */
|
|
384
|
-
className: `notion-column ${
|
|
555
|
+
var ve, ye, X;
|
|
556
|
+
let e = ((ve = y.format) == null ? void 0 : ve.column_ratio) || .5, t = (ye = i.block[y.parent_id]) == null ? void 0 : ye.value, n = { width: `calc((100% - (${((t == null || (X = t.content) == null ? void 0 : X.length) || Math.max(2, Math.ceil(1 / e))) - 1} * min(32px, 4vw))) * ${e})` };
|
|
557
|
+
return /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement("div", {
|
|
558
|
+
className: `notion-column ${R}`,
|
|
385
559
|
style: n
|
|
386
|
-
}, x), /* @__PURE__ */
|
|
560
|
+
}, x), /* @__PURE__ */ j.createElement("div", { className: "notion-spacer" }));
|
|
387
561
|
}
|
|
388
562
|
case "quote": {
|
|
389
|
-
var
|
|
563
|
+
var Ce;
|
|
390
564
|
if (!y.properties) return null;
|
|
391
|
-
let e = (
|
|
392
|
-
return /* @__PURE__ */
|
|
393
|
-
value: y.properties.title,
|
|
394
|
-
block: y
|
|
395
|
-
})), x);
|
|
565
|
+
let e = (Ce = y.format) == null ? void 0 : Ce.block_color;
|
|
566
|
+
return /* @__PURE__ */ j.createElement("blockquote", { className: `notion-quote ${e && `notion-${e}`} ${R}` }, /* @__PURE__ */ j.createElement("div", null, B()), x);
|
|
396
567
|
}
|
|
397
|
-
case "collection_view": return /* @__PURE__ */
|
|
568
|
+
case "collection_view": return /* @__PURE__ */ j.createElement(n.Collection, {
|
|
398
569
|
block: y,
|
|
399
|
-
className:
|
|
570
|
+
className: R,
|
|
400
571
|
ctx: t
|
|
401
572
|
});
|
|
402
573
|
case "callout":
|
|
403
|
-
var
|
|
404
|
-
return n.Callout ? /* @__PURE__ */
|
|
574
|
+
var we, Te, Z;
|
|
575
|
+
return n.Callout ? /* @__PURE__ */ j.createElement(n.Callout, {
|
|
405
576
|
block: y,
|
|
406
|
-
className:
|
|
407
|
-
}) : /* @__PURE__ */
|
|
408
|
-
value: (
|
|
577
|
+
className: R
|
|
578
|
+
}) : /* @__PURE__ */ j.createElement("div", { className: `notion-callout ${((we = y.format) == null ? void 0 : we.block_color) && `notion-${(Te = y.format) == null ? void 0 : Te.block_color}_co`} ${R}` }, /* @__PURE__ */ j.createElement(A, { block: y }), /* @__PURE__ */ j.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ j.createElement(m, {
|
|
579
|
+
value: (Z = y.properties) == null ? void 0 : Z.title,
|
|
409
580
|
block: y
|
|
410
581
|
}), x));
|
|
411
582
|
case "bookmark": {
|
|
@@ -413,34 +584,34 @@ var ie = ({ block: e, className: t }) => {
|
|
|
413
584
|
if (!y.properties) return null;
|
|
414
585
|
let e = y.properties.link;
|
|
415
586
|
if (!e || !((Ee = e[0]) != null && Ee[0])) return null;
|
|
416
|
-
let t =
|
|
417
|
-
if (t || (t =
|
|
587
|
+
let t = P(y.properties.title);
|
|
588
|
+
if (t || (t = P(e)), t && t.startsWith("http")) try {
|
|
418
589
|
t = new URL(t).hostname;
|
|
419
590
|
} catch (e) {}
|
|
420
|
-
return /* @__PURE__ */
|
|
591
|
+
return /* @__PURE__ */ j.createElement("div", { className: "notion-row" }, /* @__PURE__ */ j.createElement(n.Link, {
|
|
421
592
|
target: "_blank",
|
|
422
593
|
rel: "noopener noreferrer",
|
|
423
|
-
className: `notion-bookmark ${(De = y.format) != null && De.block_color ? `notion-${y.format.block_color}` : ""} ${
|
|
594
|
+
className: `notion-bookmark ${(De = y.format) != null && De.block_color ? `notion-${y.format.block_color}` : ""} ${R}`,
|
|
424
595
|
href: e[0][0]
|
|
425
|
-
}, /* @__PURE__ */
|
|
596
|
+
}, /* @__PURE__ */ j.createElement("div", null, t && /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ j.createElement(m, {
|
|
426
597
|
value: [[t]],
|
|
427
598
|
block: y
|
|
428
|
-
})), ((Oe = y.properties) == null ? void 0 : Oe.description) && /* @__PURE__ */
|
|
599
|
+
})), ((Oe = y.properties) == null ? void 0 : Oe.description) && /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ j.createElement(m, {
|
|
429
600
|
value: (ke = y.properties) == null ? void 0 : ke.description,
|
|
430
601
|
block: y
|
|
431
|
-
})), /* @__PURE__ */
|
|
602
|
+
})), /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-link" }, ((Ae = y.format) == null ? void 0 : Ae.bookmark_icon) && /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ j.createElement(k, {
|
|
432
603
|
src: s((je = y.format) == null ? void 0 : je.bookmark_icon, y),
|
|
433
604
|
alt: t,
|
|
434
605
|
onError: (e) => {
|
|
435
606
|
let t = e.currentTarget.closest(".notion-bookmark-link-icon");
|
|
436
607
|
t && (t.style.display = "none");
|
|
437
608
|
}
|
|
438
|
-
})), /* @__PURE__ */
|
|
609
|
+
})), /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ j.createElement(m, {
|
|
439
610
|
value: e,
|
|
440
611
|
block: y
|
|
441
|
-
})))), ((Me = y.format) == null ? void 0 : Me.bookmark_cover) && /* @__PURE__ */
|
|
612
|
+
})))), ((Me = y.format) == null ? void 0 : Me.bookmark_cover) && /* @__PURE__ */ j.createElement("div", { className: "notion-bookmark-image" }, /* @__PURE__ */ j.createElement(k, {
|
|
442
613
|
src: s((Ne = y.format) == null ? void 0 : Ne.bookmark_cover, y).replace(/(\/\/i\.ytimg\.com\/.*?)maxresdefault/, "$1hqdefault"),
|
|
443
|
-
alt:
|
|
614
|
+
alt: P((Pe = y.properties) == null ? void 0 : Pe.title),
|
|
444
615
|
style: { objectFit: "cover" },
|
|
445
616
|
onError: (e) => {
|
|
446
617
|
let t = e.currentTarget.closest(".notion-bookmark-image");
|
|
@@ -448,22 +619,17 @@ var ie = ({ block: e, className: t }) => {
|
|
|
448
619
|
}
|
|
449
620
|
}))));
|
|
450
621
|
}
|
|
451
|
-
case "toggle":
|
|
452
|
-
var Fe;
|
|
453
|
-
return /* @__PURE__ */ N.createElement("details", { className: `notion-toggle ${W}` }, /* @__PURE__ */ N.createElement("summary", null, /* @__PURE__ */ N.createElement(m, {
|
|
454
|
-
value: (Fe = y.properties) == null ? void 0 : Fe.title,
|
|
455
|
-
block: y
|
|
456
|
-
})), /* @__PURE__ */ N.createElement("div", null, x));
|
|
622
|
+
case "toggle": return /* @__PURE__ */ j.createElement("details", { className: `notion-toggle ${R}` }, /* @__PURE__ */ j.createElement("summary", null, B()), /* @__PURE__ */ j.createElement("div", null, x));
|
|
457
623
|
case "table_of_contents": {
|
|
458
|
-
var
|
|
459
|
-
let e =
|
|
624
|
+
var Fe;
|
|
625
|
+
let e = M(y, i);
|
|
460
626
|
if (!e) return null;
|
|
461
|
-
let t =
|
|
462
|
-
return /* @__PURE__ */
|
|
627
|
+
let t = N(e, i), n = (Fe = y.format) == null ? void 0 : Fe.block_color;
|
|
628
|
+
return /* @__PURE__ */ j.createElement("div", { className: `notion-table-of-contents ${n && `notion-${n}`} ${R}` }, t.map((e) => /* @__PURE__ */ j.createElement("a", {
|
|
463
629
|
key: e.id,
|
|
464
|
-
href: `#${
|
|
630
|
+
href: `#${I(e.id)}`,
|
|
465
631
|
className: "notion-table-of-contents-item"
|
|
466
|
-
}, /* @__PURE__ */
|
|
632
|
+
}, /* @__PURE__ */ j.createElement("span", {
|
|
467
633
|
className: "notion-table-of-contents-item-body",
|
|
468
634
|
style: {
|
|
469
635
|
display: "inline-block",
|
|
@@ -472,53 +638,50 @@ var ie = ({ block: e, className: t }) => {
|
|
|
472
638
|
}, e.text))));
|
|
473
639
|
}
|
|
474
640
|
case "to_do": {
|
|
475
|
-
var
|
|
476
|
-
let e = ((
|
|
477
|
-
return /* @__PURE__ */
|
|
478
|
-
blockId:
|
|
641
|
+
var Q;
|
|
642
|
+
let e = ((Q = y.properties) == null || (Q = Q.checked) == null || (Q = Q[0]) == null ? void 0 : Q[0]) === "Yes";
|
|
643
|
+
return /* @__PURE__ */ j.createElement("div", { className: `notion-to-do ${R}` }, /* @__PURE__ */ j.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ j.createElement(n.Checkbox, {
|
|
644
|
+
blockId: R,
|
|
479
645
|
isChecked: e
|
|
480
|
-
}), /* @__PURE__ */
|
|
481
|
-
value: (Le = y.properties) == null ? void 0 : Le.title,
|
|
482
|
-
block: y
|
|
483
|
-
}))), /* @__PURE__ */ N.createElement("div", { className: "notion-to-do-children" }, x));
|
|
646
|
+
}), /* @__PURE__ */ j.createElement("div", { className: `notion-to-do-body ${e && "notion-to-do-checked"}` }, B())), /* @__PURE__ */ j.createElement("div", { className: "notion-to-do-children" }, x));
|
|
484
647
|
}
|
|
485
|
-
case "transclusion_container": return /* @__PURE__ */
|
|
486
|
-
case "transclusion_reference": return /* @__PURE__ */
|
|
648
|
+
case "transclusion_container": return /* @__PURE__ */ j.createElement("div", { className: `notion-sync-block ${R}` }, x);
|
|
649
|
+
case "transclusion_reference": return /* @__PURE__ */ j.createElement(pe, _({
|
|
487
650
|
block: y,
|
|
488
651
|
level: S + 1
|
|
489
652
|
}, e));
|
|
490
653
|
case "alias": {
|
|
491
|
-
var
|
|
492
|
-
let e = y == null || (
|
|
493
|
-
return t ? /* @__PURE__ */
|
|
654
|
+
var $, Ie;
|
|
655
|
+
let e = y == null || ($ = y.format) == null || ($ = $.alias_pointer) == null ? void 0 : $.id, t = (Ie = i.block[e]) == null ? void 0 : Ie.value;
|
|
656
|
+
return t ? /* @__PURE__ */ j.createElement(n.PageLink, {
|
|
494
657
|
className: `notion-page-link ${e}}`,
|
|
495
658
|
href: a(e)
|
|
496
|
-
}, /* @__PURE__ */
|
|
659
|
+
}, /* @__PURE__ */ j.createElement(b, { block: t })) : (console.debug("\"alias\" missing block", e), null);
|
|
497
660
|
}
|
|
498
|
-
case "table": return /* @__PURE__ */
|
|
661
|
+
case "table": return /* @__PURE__ */ j.createElement("table", { className: `notion-simple-table ${R}` }, /* @__PURE__ */ j.createElement("tbody", null, x));
|
|
499
662
|
case "table_row": {
|
|
500
|
-
var Re, ze, Be
|
|
501
|
-
let e = (
|
|
502
|
-
return !e || !t ? null : /* @__PURE__ */
|
|
663
|
+
var Le, Re, ze, Be;
|
|
664
|
+
let e = (Le = i.block[y.parent_id]) == null ? void 0 : Le.value, t = (Re = e.format) == null ? void 0 : Re.table_block_column_order, n = (ze = e.format) == null ? void 0 : ze.table_block_column_format, r = (Be = y.format) == null ? void 0 : Be.block_color;
|
|
665
|
+
return !e || !t ? null : /* @__PURE__ */ j.createElement("tr", { className: `notion-simple-table-row ${r && `notion-${r}`} ${R}` }, t.map((e) => {
|
|
503
666
|
var t, r, i;
|
|
504
667
|
let a = n == null || (t = n[e]) == null ? void 0 : t.color;
|
|
505
|
-
return /* @__PURE__ */
|
|
668
|
+
return /* @__PURE__ */ j.createElement("td", {
|
|
506
669
|
key: e,
|
|
507
670
|
className: a ? `notion-${a}` : "",
|
|
508
671
|
style: { width: (n == null || (r = n[e]) == null ? void 0 : r.width) || 120 }
|
|
509
|
-
}, /* @__PURE__ */
|
|
672
|
+
}, /* @__PURE__ */ j.createElement("div", { className: "notion-simple-table-cell" }, /* @__PURE__ */ j.createElement(m, {
|
|
510
673
|
value: ((i = y.properties) == null ? void 0 : i[e]) || [["ㅤ"]],
|
|
511
674
|
block: y
|
|
512
675
|
})));
|
|
513
676
|
}));
|
|
514
677
|
}
|
|
515
|
-
case "external_object_instance": return /* @__PURE__ */
|
|
678
|
+
case "external_object_instance": return /* @__PURE__ */ j.createElement(D, {
|
|
516
679
|
block: y,
|
|
517
|
-
className:
|
|
680
|
+
className: R
|
|
518
681
|
});
|
|
519
|
-
default: return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + y.type, JSON.stringify(y, null, 2)), /* @__PURE__ */
|
|
682
|
+
default: return process.env.NODE_ENV !== "production" && console.debug("Unsupported type " + y.type, JSON.stringify(y, null, 2)), /* @__PURE__ */ j.createElement("div", null);
|
|
520
683
|
}
|
|
521
|
-
},
|
|
684
|
+
}, Ce = [
|
|
522
685
|
"components",
|
|
523
686
|
"recordMap",
|
|
524
687
|
"mapPageUrl",
|
|
@@ -542,15 +705,14 @@ var ie = ({ block: e, className: t }) => {
|
|
|
542
705
|
"defaultPageIcon",
|
|
543
706
|
"defaultPageCover",
|
|
544
707
|
"defaultPageCoverPosition",
|
|
545
|
-
"editable"
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
let { components: t, recordMap: n, mapPageUrl: r, mapImageUrl: i, searchNotion: a, isShowingSearch: o, onHideSearch: s, fullPage: c, rootPageId: l, rootDomain: d, rootSpaceId: f, darkMode: p, previewImages: m, forceCustomImages: h, showCollectionViewDropdown: g, linkTableTitleProperties: _, isLinkCollectionToUrlProperty: y, isImageZoomable: b = !0, showTableOfContents: x, minTableOfContentsItems: S, defaultPageIcon: C, defaultPageCover: w, defaultPageCoverPosition: T, editable: E, onChangeBlock: D } = e, O = v(e, G), k = N.useMemo(() => typeof window < "u" && P({
|
|
708
|
+
"editable"
|
|
709
|
+
], we = ["level", "blockId"], Te = (e) => {
|
|
710
|
+
let { components: t, recordMap: n, mapPageUrl: r, mapImageUrl: i, searchNotion: a, isShowingSearch: o, onHideSearch: s, fullPage: c, rootPageId: l, rootDomain: d, rootSpaceId: f, darkMode: p, previewImages: m, forceCustomImages: h, showCollectionViewDropdown: g, linkTableTitleProperties: _, isLinkCollectionToUrlProperty: y, isImageZoomable: b = !0, showTableOfContents: x, minTableOfContentsItems: S, defaultPageIcon: C, defaultPageCover: w, defaultPageCoverPosition: T, editable: E } = e, D = v(e, Ce), O = j.useMemo(() => typeof window < "u" && re({
|
|
549
711
|
background: "rgba(0, 0, 0, 0.8)",
|
|
550
712
|
minZoomScale: 2,
|
|
551
|
-
margin:
|
|
713
|
+
margin: Ee()
|
|
552
714
|
}), []);
|
|
553
|
-
return /* @__PURE__ */
|
|
715
|
+
return /* @__PURE__ */ j.createElement(u, {
|
|
554
716
|
components: t,
|
|
555
717
|
recordMap: n,
|
|
556
718
|
mapPageUrl: r,
|
|
@@ -574,27 +736,26 @@ var ie = ({ block: e, className: t }) => {
|
|
|
574
736
|
defaultPageCover: w,
|
|
575
737
|
defaultPageCoverPosition: T,
|
|
576
738
|
editable: E,
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
}, J = (e) => {
|
|
739
|
+
zoom: b ? O : null
|
|
740
|
+
}, /* @__PURE__ */ j.createElement(Z, D));
|
|
741
|
+
}, Z = (e) => {
|
|
581
742
|
var t, n;
|
|
582
|
-
let { level: r = 0, blockId: i } = e, a = v(e,
|
|
583
|
-
return c ? /* @__PURE__ */
|
|
743
|
+
let { level: r = 0, blockId: i } = e, a = v(e, we), { recordMap: o } = w(), s = i || Object.keys(o.block)[0], c = (t = o.block[s]) == null ? void 0 : t.value;
|
|
744
|
+
return c ? /* @__PURE__ */ j.createElement(X, _({
|
|
584
745
|
key: s,
|
|
585
746
|
level: r,
|
|
586
747
|
block: c
|
|
587
|
-
}, a), c == null || (n = c.content) == null ? void 0 : n.map((e) => /* @__PURE__ */
|
|
748
|
+
}, a), c == null || (n = c.content) == null ? void 0 : n.map((e) => /* @__PURE__ */ j.createElement(Z, _({
|
|
588
749
|
key: e,
|
|
589
750
|
blockId: e,
|
|
590
751
|
level: r + 1
|
|
591
752
|
}, a)))) : (process.env.NODE_ENV !== "production" && console.warn("missing block", i), null);
|
|
592
753
|
};
|
|
593
|
-
function
|
|
754
|
+
function Ee() {
|
|
594
755
|
let e = window.innerWidth;
|
|
595
756
|
return e < 500 ? 8 : e < 800 ? 20 : e < 1280 ? 30 : e < 1600 ? 40 : e < 1920 ? 48 : 72;
|
|
596
757
|
}
|
|
597
758
|
//#endregion
|
|
598
|
-
export { x as Asset, T as AssetWrapper,
|
|
759
|
+
export { x as Asset, T as AssetWrapper, se as Audio, X as Block, f as Breadcrumbs, n as Checkbox, ne as CollectionColumnTitle, D as EOI, me as EditableText, le as File, ue as GoogleDrive, l as GracefulImage, y as Header, C as LiteYouTubeEmbed, Z as NotionBlockRenderer, g as NotionContextConsumer, u as NotionContextProvider, Te as NotionRenderer, fe as PageAside, A as PageIcon, d as PageIconImpl, b as PageTitle, h as PageTitleImpl, ee as PropertyIcon, E as Search, p as SearchDialog, pe as SyncPointerBlock, m as Text, S as dummyLink, s as formatDate, r as formatNotionDateTime, O as getHashFragmentValue, c as getListNumber, a as getYoutubeId, te as iconMap, i as isBrowser, B as isTitleIsland, o as isUrl, ge as readTitle, ve as selectTitle, _e as titleOffset, Y as titlePosition, w as useNotionContext };
|
|
599
760
|
|
|
600
761
|
//# sourceMappingURL=index.js.map
|