@adminide-stack/yantra-mobile 12.0.129-alpha.0 → 12.0.129

package/lib/features/docs/DocBlockRow.js

@@ -0,0 +1,336 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {memo,useMemo,useState}from'react';import {Platform,View,Text,TextInput,StyleSheet,ScrollView}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Image}from'expo-image';import {themedStyles}from'../canvas/canvasTheme.js';import {SPACE,Pressable,RADIUS}from'../canvas/canvasUi.js';import {inlineToRuns,isObject,tableCellRuns}from'./blocks.js';import {BACKGROUND_COLORS,TEXT_COLORS}from'./docExport.js';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const MONO = Platform.select({
+  ios: "Menlo",
+  android: "monospace",
+  default: "monospace"
+});
+function runStyle(run, theme) {
+  const s = run.styles;
+  const decorations = [s.underline || run.href ? "underline" : "", s.strike ? "line-through" : ""].filter(Boolean).join(" ");
+  return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, s.bold ? {
+    fontWeight: "700"
+  } : null), s.italic ? {
+    fontStyle: "italic"
+  } : null), decorations ? {
+    textDecorationLine: decorations
+  } : null), s.code ? {
+    fontFamily: MONO,
+    backgroundColor: theme.muted
+  } : null), run.href ? {
+    color: theme.info
+  } : null), s.textColor && TEXT_COLORS[s.textColor] ? {
+    color: TEXT_COLORS[s.textColor]
+  } : null), s.backgroundColor && BACKGROUND_COLORS[s.backgroundColor] ? {
+    backgroundColor: BACKGROUND_COLORS[s.backgroundColor],
+    color: "#18181b"
+  } : null);
+}
+function Spans({
+  runs,
+  theme
+}) {
+  if (!runs.length) return null;
+  return /* @__PURE__ */ jsx(Text, { children: runs.map((run, i) => /* @__PURE__ */ jsx(Text, { style: runStyle(run, theme), children: run.text }, i)) });
+}
+const PLACEHOLDER = {
+  heading: "Heading",
+  bulletListItem: "List",
+  numberedListItem: "List",
+  checkListItem: "To-do",
+  quote: "Quote",
+  codeBlock: "Code"
+};
+function blockTextStyle(flat, styles) {
+  var _a, _b, _c, _d;
+  const {
+    block
+  } = flat;
+  const out = [styles.text];
+  if (block.type === "heading") {
+    const level = Number((_a = block.props) == null ? void 0 : _a.level);
+    out.push(level === 3 ? styles.h3 : level === 2 ? styles.h2 : styles.h1);
+  } else if (block.type === "quote") out.push(styles.quoteText);
+  else if (block.type === "codeBlock") out.push(styles.code);
+  if (block.type === "checkListItem" && ((_b = block.props) == null ? void 0 : _b.checked)) out.push(styles.checked);
+  const align = (_c = block.props) == null ? void 0 : _c.textAlignment;
+  if (align === "center" || align === "right" || align === "justify") out.push({
+    textAlign: align
+  });
+  const color = (_d = block.props) == null ? void 0 : _d.textColor;
+  if (typeof color === "string" && TEXT_COLORS[color]) out.push({
+    color: TEXT_COLORS[color]
+  });
+  return out;
+}
+function Gutter({
+  flat,
+  theme,
+  onToggleCheck
+}) {
+  var _a, _b;
+  const styles = makeStyles(theme);
+  const {
+    block
+  } = flat;
+  if (block.type === "bulletListItem") {
+    const glyph = ["\u2022", "\u25E6", "\u25AA"][flat.depth % 3];
+    return /* @__PURE__ */ jsx(Text, { style: [styles.marker, styles.text], children: glyph });
+  }
+  if (block.type === "numberedListItem") {
+    return /* @__PURE__ */ jsx(Text, { style: [styles.marker, styles.text, styles.number], children: `${(_a = flat.number) != null ? _a : 1}.` });
+  }
+  if (block.type === "checkListItem") {
+    const checked = Boolean((_b = block.props) == null ? void 0 : _b.checked);
+    return /* @__PURE__ */ jsx(Pressable, { onPress: onToggleCheck, hitSlop: 8, style: styles.checkWrap, accessibilityRole: "checkbox", accessibilityState: {
+      checked
+    }, accessibilityLabel: checked ? "Mark not done" : "Mark done", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: checked ? "checkbox-marked" : "checkbox-blank-outline", size: 20, color: checked ? theme.primaryText : theme.mutedForeground }) });
+  }
+  return null;
+}
+function ImageBlock({
+  flat,
+  selected,
+  width,
+  theme,
+  handlers
+}) {
+  var _a, _b, _c;
+  const styles = makeStyles(theme);
+  const {
+    block
+  } = flat;
+  const url = typeof ((_a = block.props) == null ? void 0 : _a.url) === "string" ? block.props.url : "";
+  const caption = typeof ((_b = block.props) == null ? void 0 : _b.caption) === "string" ? block.props.caption : "";
+  const [aspect, setAspect] = useState(4 / 3);
+  const preview = Number((_c = block.props) == null ? void 0 : _c.previewWidth);
+  const imgW = Math.min(width, preview > 0 ? preview : width);
+  return /* @__PURE__ */ jsxs(View, { style: [styles.media, selected && styles.selected], children: [
+    /* @__PURE__ */ jsx(Pressable, { onPress: () => handlers.onFocusBlock(block.id), accessibilityRole: "imagebutton", accessibilityLabel: "Picture", children: url ? /* @__PURE__ */ jsx(Image, { source: {
+      uri: url
+    }, style: {
+      width: imgW,
+      height: imgW / aspect,
+      alignSelf: "center",
+      borderRadius: RADIUS.sm
+    }, contentFit: "contain", onLoad: (e) => {
+      const {
+        width: w,
+        height: h
+      } = e.source;
+      if (w > 0 && h > 0) setAspect(w / h);
+    } }) : /* @__PURE__ */ jsx(View, { style: styles.mediaEmpty, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "image-outline", size: 28, color: theme.mutedForeground }) }) }),
+    /* @__PURE__ */ jsx(TextInput, { defaultValue: caption, onChangeText: (text) => handlers.onCaption(block.id, text), onFocus: () => handlers.onFocusBlock(block.id), placeholder: "Add a caption", placeholderTextColor: theme.mutedForeground, style: styles.caption })
+  ] });
+}
+function TableBlock({
+  flat,
+  selected,
+  theme,
+  handlers
+}) {
+  const styles = makeStyles(theme);
+  const {
+    block
+  } = flat;
+  const table = block.content;
+  const rows = isObject(table) && Array.isArray(table.rows) ? table.rows : [];
+  const headerRows = Number(table == null ? void 0 : table.headerRows) || 0;
+  return /* @__PURE__ */ jsx(ScrollView, { horizontal: true, style: [styles.tableScroll, selected && styles.selected], showsHorizontalScrollIndicator: false, keyboardShouldPersistTaps: "handled", children: /* @__PURE__ */ jsx(View, { style: styles.table, children: rows.map((row, r) => /* @__PURE__ */ jsx(View, { style: styles.tableRow, children: (Array.isArray(row == null ? void 0 : row.cells) ? row.cells : []).map((cell, c) => /* @__PURE__ */ jsx(TextInput, { multiline: true, scrollEnabled: false, defaultValue: tableCellRuns(cell).map((x) => x.text).join(""), onChangeText: (text) => handlers.onCellText(block.id, r, c, text), onFocus: () => handlers.onFocusBlock(block.id), style: [styles.cell, r < headerRows && styles.headerCell] }, c)) }, r)) }) });
+}
+function DocBlockRowImpl({
+  flat,
+  selected,
+  nonce,
+  width,
+  theme,
+  handlers
+}) {
+  var _a, _b;
+  const styles = makeStyles(theme);
+  const {
+    block,
+    depth
+  } = flat;
+  const runs = useMemo(() => inlineToRuns(block.content), [block.content]);
+  const indent = {
+    marginLeft: depth * SPACE.xl
+  };
+  if (block.type === "image") {
+    return /* @__PURE__ */ jsx(View, { style: indent, children: /* @__PURE__ */ jsx(ImageBlock, { flat, selected, width: width - depth * SPACE.xl, theme, handlers }) }, nonce);
+  }
+  if (block.type === "table") {
+    return /* @__PURE__ */ jsx(View, { style: indent, children: /* @__PURE__ */ jsx(TableBlock, { flat, selected, theme, handlers }) }, nonce);
+  }
+  const editable = ["paragraph", "heading", "bulletListItem", "numberedListItem", "checkListItem", "quote", "codeBlock"].includes(block.type);
+  if (!editable) {
+    return /* @__PURE__ */ jsxs(Pressable, { onPress: () => handlers.onFocusBlock(block.id), style: [styles.unknown, indent, selected && styles.selected], accessibilityRole: "button", accessibilityLabel: `${block.type} block, edit it on the web`, children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "puzzle-outline", size: 18, color: theme.mutedForeground }),
+      /* @__PURE__ */ jsx(Text, { style: styles.unknownText, numberOfLines: 2, children: `${block.type} block. It stays as it is here; edit it on the web.` })
+    ] });
+  }
+  const bg = (_a = block.props) == null ? void 0 : _a.backgroundColor;
+  const blockBg = typeof bg === "string" && BACKGROUND_COLORS[bg] ? {
+    backgroundColor: BACKGROUND_COLORS[bg]
+  } : null;
+  return /* @__PURE__ */ jsxs(View, { style: [styles.row, indent, block.type === "quote" && styles.quote, block.type === "codeBlock" && styles.codeWrap, block.type === "heading" && styles.headingRow, blockBg], children: [
+    /* @__PURE__ */ jsx(Gutter, { flat, theme, onToggleCheck: () => handlers.onToggleCheck(block.id) }),
+    /* @__PURE__ */ jsx(TextInput, { ref: (input) => handlers.registerInput(block.id, input), multiline: true, scrollEnabled: false, autoCorrect: block.type !== "codeBlock", autoCapitalize: block.type === "codeBlock" ? "none" : "sentences", spellCheck: block.type !== "codeBlock", onChangeText: (text) => handlers.onChangeText(block.id, text), onSelectionChange: (e) => handlers.onSelection(block.id, e.nativeEvent.selection.start, e.nativeEvent.selection.end), onFocus: () => handlers.onFocusBlock(block.id), onKeyPress: (e) => {
+      if (e.nativeEvent.key === "Backspace") handlers.onBackspace(block.id);
+    }, placeholder: selected ? (_b = PLACEHOLDER[block.type]) != null ? _b : "Type here" : void 0, placeholderTextColor: theme.mutedForeground, style: [blockTextStyle(flat, styles), styles.input], textAlignVertical: "top", children: /* @__PURE__ */ jsx(Spans, { runs, theme }) }, nonce)
+  ] });
+}
+const DocBlockRow = memo(DocBlockRowImpl);
+const makeStyles = themedStyles((t) => StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    paddingVertical: 2
+  },
+  headingRow: {
+    marginTop: SPACE.sm
+  },
+  input: {
+    flex: 1,
+    padding: 0,
+    paddingTop: 2,
+    paddingBottom: 2,
+    margin: 0,
+    minHeight: 26
+  },
+  text: {
+    color: t.foreground,
+    fontSize: 16,
+    lineHeight: 24
+  },
+  h1: {
+    fontSize: 28,
+    lineHeight: 34,
+    fontWeight: "700"
+  },
+  h2: {
+    fontSize: 22,
+    lineHeight: 28,
+    fontWeight: "700"
+  },
+  h3: {
+    fontSize: 18,
+    lineHeight: 24,
+    fontWeight: "600"
+  },
+  quoteText: {
+    color: t.inkSoft
+  },
+  code: {
+    fontFamily: MONO,
+    fontSize: 14,
+    lineHeight: 20
+  },
+  checked: {
+    color: t.mutedForeground,
+    textDecorationLine: "line-through"
+  },
+  quote: {
+    borderLeftWidth: 3,
+    borderLeftColor: t.borderStrong,
+    paddingLeft: SPACE.md
+  },
+  codeWrap: {
+    backgroundColor: t.muted,
+    borderRadius: RADIUS.sm,
+    padding: SPACE.md,
+    marginVertical: SPACE.xs
+  },
+  marker: {
+    width: 24,
+    textAlign: "center",
+    paddingTop: 2
+  },
+  number: {
+    fontVariant: ["tabular-nums"]
+  },
+  checkWrap: {
+    width: 26,
+    paddingTop: 4
+  },
+  media: {
+    marginVertical: SPACE.sm,
+    borderRadius: RADIUS.md,
+    padding: SPACE.xs
+  },
+  mediaEmpty: {
+    height: 140,
+    borderRadius: RADIUS.sm,
+    backgroundColor: t.muted,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  caption: {
+    color: t.mutedForeground,
+    fontSize: 13,
+    textAlign: "center",
+    paddingVertical: SPACE.xs
+  },
+  selected: {
+    borderWidth: 2,
+    borderColor: t.ring
+  },
+  tableScroll: {
+    flexGrow: 0,
+    marginVertical: SPACE.sm,
+    borderRadius: RADIUS.sm
+  },
+  table: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderLeftWidth: StyleSheet.hairlineWidth,
+    borderColor: t.borderStrong
+  },
+  tableRow: {
+    flexDirection: "row"
+  },
+  cell: {
+    width: 120,
+    minHeight: 36,
+    paddingHorizontal: SPACE.sm,
+    paddingVertical: SPACE.xs,
+    borderRightWidth: StyleSheet.hairlineWidth,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderColor: t.borderStrong,
+    color: t.foreground,
+    fontSize: 14
+  },
+  headerCell: {
+    backgroundColor: t.muted,
+    fontWeight: "600"
+  },
+  unknown: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.sm,
+    padding: SPACE.md,
+    marginVertical: SPACE.xs,
+    borderRadius: RADIUS.sm,
+    borderWidth: 1,
+    borderStyle: "dashed",
+    borderColor: t.borderStrong
+  },
+  unknownText: {
+    flex: 1,
+    color: t.mutedForeground,
+    fontSize: 13
+  }
+}));export{DocBlockRow,MONO,runStyle};//# sourceMappingURL=DocBlockRow.js.map

package/lib/features/docs/DocBlockRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocBlockRow.js","sources":["../../../src/features/docs/DocBlockRow.tsx"],"sourcesContent":["/**\n * One block of the native docs editor: a multiline TextInput styled by the\n * block's type, its inline marks drawn as nested Text spans (the TextInput's\n * children), with the list marker / checkbox / quote bar in a gutter. Images,\n * tables and block types native does not draw get their own rows.\n *\n * Memoised on the block object: tree edits keep untouched blocks' identity,\n * so typing re-renders only the block being typed into.\n */\nimport React, { memo, useMemo, useState } from 'react';\nimport { Platform, ScrollView, StyleSheet, Text, TextInput, View, type TextStyle } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Image } from 'expo-image';\nimport { themedStyles, type CanvasPalette } from '../canvas/canvasTheme';\nimport { Pressable, RADIUS, SPACE } from '../canvas/canvasUi';\nimport { inlineToRuns, isObject, tableCellRuns, type FlatBlock, type Run, type TableContent } from './blocks';\nimport { BACKGROUND_COLORS, TEXT_COLORS } from './docExport';\n\nexport const MONO = Platform.select({ ios: 'Menlo', android: 'monospace', default: 'monospace' });\n\nexport interface BlockRowHandlers {\n    registerInput: (id: string, input: TextInput | null) => void;\n    onChangeText: (id: string, text: string) => void;\n    onSelection: (id: string, start: number, end: number) => void;\n    onFocusBlock: (id: string) => void;\n    onBackspace: (id: string) => void;\n    onToggleCheck: (id: string) => void;\n    onCaption: (id: string, caption: string) => void;\n    onCellText: (id: string, row: number, col: number, text: string) => void;\n}\n\nexport interface DocBlockRowProps {\n    flat: FlatBlock;\n    selected: boolean;\n    /** Bumped when the input must be rebuilt (a line break the model removed, an undo). */\n    nonce: number;\n    width: number;\n    theme: CanvasPalette;\n    handlers: BlockRowHandlers;\n}\n\n/** The look of one run over its block's base style. */\nexport function runStyle(run: Run, theme: CanvasPalette): TextStyle {\n    const s = run.styles;\n    const decorations = [s.underline || run.href ? 'underline' : '', s.strike ? 'line-through' : '']\n        .filter(Boolean)\n        .join(' ');\n    return {\n        ...(s.bold ? { fontWeight: '700' as const } : null),\n        ...(s.italic ? { fontStyle: 'italic' as const } : null),\n        ...(decorations ? { textDecorationLine: decorations as TextStyle['textDecorationLine'] } : null),\n        ...(s.code ? { fontFamily: MONO, backgroundColor: theme.muted } : null),\n        ...(run.href ? { color: theme.info } : null),\n        ...(s.textColor && TEXT_COLORS[s.textColor] ? { color: TEXT_COLORS[s.textColor] } : null),\n        ...(s.backgroundColor && BACKGROUND_COLORS[s.backgroundColor]\n            ? { backgroundColor: BACKGROUND_COLORS[s.backgroundColor], color: '#18181b' }\n            : null),\n    };\n}\n\nfunction Spans({ runs, theme }: { runs: Run[]; theme: CanvasPalette }) {\n    if (!runs.length) return null;\n    return (\n        <Text>\n            {runs.map((run, i) => (\n                <Text key={i} style={runStyle(run, theme)}>\n                    {run.text}\n                </Text>\n            ))}\n        </Text>\n    );\n}\n\nconst PLACEHOLDER: Readonly<Record<string, string>> = {\n    heading: 'Heading',\n    bulletListItem: 'List',\n    numberedListItem: 'List',\n    checkListItem: 'To-do',\n    quote: 'Quote',\n    codeBlock: 'Code',\n};\n\nfunction blockTextStyle(flat: FlatBlock, styles: ReturnType<typeof makeStyles>): TextStyle[] {\n    const { block } = flat;\n    const out: TextStyle[] = [styles.text];\n    if (block.type === 'heading') {\n        const level = Number(block.props?.level);\n        out.push(level === 3 ? styles.h3 : level === 2 ? styles.h2 : styles.h1);\n    } else if (block.type === 'quote') out.push(styles.quoteText);\n    else if (block.type === 'codeBlock') out.push(styles.code);\n    if (block.type === 'checkListItem' && block.props?.checked) out.push(styles.checked);\n    const align = block.props?.textAlignment;\n    if (align === 'center' || align === 'right' || align === 'justify') out.push({ textAlign: align });\n    const color = block.props?.textColor;\n    if (typeof color === 'string' && TEXT_COLORS[color]) out.push({ color: TEXT_COLORS[color] });\n    return out;\n}\n\nfunction Gutter({ flat, theme, onToggleCheck }: { flat: FlatBlock; theme: CanvasPalette; onToggleCheck: () => void }) {\n    const styles = makeStyles(theme);\n    const { block } = flat;\n    if (block.type === 'bulletListItem') {\n        const glyph = ['•', '◦', '▪'][flat.depth % 3];\n        return <Text style={[styles.marker, styles.text]}>{glyph}</Text>;\n    }\n    if (block.type === 'numberedListItem') {\n        return <Text style={[styles.marker, styles.text, styles.number]}>{`${flat.number ?? 1}.`}</Text>;\n    }\n    if (block.type === 'checkListItem') {\n        const checked = Boolean(block.props?.checked);\n        return (\n            <Pressable\n                onPress={onToggleCheck}\n                hitSlop={8}\n                style={styles.checkWrap}\n                accessibilityRole=\"checkbox\"\n                accessibilityState={{ checked }}\n                accessibilityLabel={checked ? 'Mark not done' : 'Mark done'}\n            >\n                <MaterialCommunityIcons\n                    name={checked ? 'checkbox-marked' : 'checkbox-blank-outline'}\n                    size={20}\n                    color={checked ? theme.primaryText : theme.mutedForeground}\n                />\n            </Pressable>\n        );\n    }\n    return null;\n}\n\nfunction ImageBlock({ flat, selected, width, theme, handlers }: Omit<DocBlockRowProps, 'nonce'>) {\n    const styles = makeStyles(theme);\n    const { block } = flat;\n    const url = typeof block.props?.url === 'string' ? block.props.url : '';\n    const caption = typeof block.props?.caption === 'string' ? block.props.caption : '';\n    const [aspect, setAspect] = useState(4 / 3);\n    const preview = Number(block.props?.previewWidth);\n    const imgW = Math.min(width, preview > 0 ? preview : width);\n    return (\n        <View style={[styles.media, selected && styles.selected]}>\n            <Pressable\n                onPress={() => handlers.onFocusBlock(block.id)}\n                accessibilityRole=\"imagebutton\"\n                accessibilityLabel=\"Picture\"\n            >\n                {url ? (\n                    <Image\n                        source={{ uri: url }}\n                        style={{ width: imgW, height: imgW / aspect, alignSelf: 'center', borderRadius: RADIUS.sm }}\n                        contentFit=\"contain\"\n                        onLoad={(e) => {\n                            const { width: w, height: h } = e.source;\n                            if (w > 0 && h > 0) setAspect(w / h);\n                        }}\n                    />\n                ) : (\n                    <View style={styles.mediaEmpty}>\n                        <MaterialCommunityIcons name=\"image-outline\" size={28} color={theme.mutedForeground} />\n                    </View>\n                )}\n            </Pressable>\n            <TextInput\n                defaultValue={caption}\n                onChangeText={(text) => handlers.onCaption(block.id, text)}\n                onFocus={() => handlers.onFocusBlock(block.id)}\n                placeholder=\"Add a caption\"\n                placeholderTextColor={theme.mutedForeground}\n                style={styles.caption}\n            />\n        </View>\n    );\n}\n\nfunction TableBlock({ flat, selected, theme, handlers }: Omit<DocBlockRowProps, 'nonce' | 'width'>) {\n    const styles = makeStyles(theme);\n    const { block } = flat;\n    const table = block.content as TableContent | undefined;\n    const rows = isObject(table) && Array.isArray(table.rows) ? table.rows : [];\n    const headerRows = Number(table?.headerRows) || 0;\n    return (\n        <ScrollView\n            horizontal\n            style={[styles.tableScroll, selected && styles.selected]}\n            showsHorizontalScrollIndicator={false}\n            keyboardShouldPersistTaps=\"handled\"\n        >\n            <View style={styles.table}>\n                {rows.map((row, r) => (\n                    <View key={r} style={styles.tableRow}>\n                        {(Array.isArray(row?.cells) ? row.cells : []).map((cell, c) => (\n                            <TextInput\n                                key={c}\n                                multiline\n                                scrollEnabled={false}\n                                defaultValue={tableCellRuns(cell)\n                                    .map((x) => x.text)\n                                    .join('')}\n                                onChangeText={(text) => handlers.onCellText(block.id, r, c, text)}\n                                onFocus={() => handlers.onFocusBlock(block.id)}\n                                style={[styles.cell, r < headerRows && styles.headerCell]}\n                            />\n                        ))}\n                    </View>\n                ))}\n            </View>\n        </ScrollView>\n    );\n}\n\nfunction DocBlockRowImpl({ flat, selected, nonce, width, theme, handlers }: DocBlockRowProps) {\n    const styles = makeStyles(theme);\n    const { block, depth } = flat;\n    const runs = useMemo(() => inlineToRuns(block.content), [block.content]);\n    const indent = { marginLeft: depth * SPACE.xl };\n\n    if (block.type === 'image') {\n        return (\n            <View key={nonce} style={indent}>\n                <ImageBlock\n                    flat={flat}\n                    selected={selected}\n                    width={width - depth * SPACE.xl}\n                    theme={theme}\n                    handlers={handlers}\n                />\n            </View>\n        );\n    }\n    if (block.type === 'table') {\n        return (\n            <View key={nonce} style={indent}>\n                <TableBlock flat={flat} selected={selected} theme={theme} handlers={handlers} />\n            </View>\n        );\n    }\n    const editable = [\n        'paragraph',\n        'heading',\n        'bulletListItem',\n        'numberedListItem',\n        'checkListItem',\n        'quote',\n        'codeBlock',\n    ].includes(block.type);\n    if (!editable) {\n        // A web-only block: kept exactly as it came, shown as what it is.\n        return (\n            <Pressable\n                onPress={() => handlers.onFocusBlock(block.id)}\n                style={[styles.unknown, indent, selected && styles.selected]}\n                accessibilityRole=\"button\"\n                accessibilityLabel={`${block.type} block, edit it on the web`}\n            >\n                <MaterialCommunityIcons name=\"puzzle-outline\" size={18} color={theme.mutedForeground} />\n                <Text style={styles.unknownText} numberOfLines={2}>\n                    {`${block.type} block. It stays as it is here; edit it on the web.`}\n                </Text>\n            </Pressable>\n        );\n    }\n    const bg = block.props?.backgroundColor;\n    const blockBg = typeof bg === 'string' && BACKGROUND_COLORS[bg] ? { backgroundColor: BACKGROUND_COLORS[bg] } : null;\n    return (\n        <View\n            style={[\n                styles.row,\n                indent,\n                block.type === 'quote' && styles.quote,\n                block.type === 'codeBlock' && styles.codeWrap,\n                block.type === 'heading' && styles.headingRow,\n                blockBg,\n            ]}\n        >\n            <Gutter flat={flat} theme={theme} onToggleCheck={() => handlers.onToggleCheck(block.id)} />\n            <TextInput\n                key={nonce}\n                ref={(input) => handlers.registerInput(block.id, input)}\n                multiline\n                scrollEnabled={false}\n                autoCorrect={block.type !== 'codeBlock'}\n                autoCapitalize={block.type === 'codeBlock' ? 'none' : 'sentences'}\n                spellCheck={block.type !== 'codeBlock'}\n                onChangeText={(text) => handlers.onChangeText(block.id, text)}\n                onSelectionChange={(e) =>\n                    handlers.onSelection(block.id, e.nativeEvent.selection.start, e.nativeEvent.selection.end)\n                }\n                onFocus={() => handlers.onFocusBlock(block.id)}\n                onKeyPress={(e) => {\n                    if (e.nativeEvent.key === 'Backspace') handlers.onBackspace(block.id);\n                }}\n                placeholder={selected ? (PLACEHOLDER[block.type] ?? 'Type here') : undefined}\n                placeholderTextColor={theme.mutedForeground}\n                style={[blockTextStyle(flat, styles), styles.input]}\n                textAlignVertical=\"top\"\n            >\n                <Spans runs={runs} theme={theme} />\n            </TextInput>\n        </View>\n    );\n}\n\nexport const DocBlockRow = memo(DocBlockRowImpl);\n\nconst makeStyles = themedStyles((t: CanvasPalette) =>\n    StyleSheet.create({\n        row: { flexDirection: 'row', alignItems: 'flex-start', paddingVertical: 2 },\n        headingRow: { marginTop: SPACE.sm },\n        input: { flex: 1, padding: 0, paddingTop: 2, paddingBottom: 2, margin: 0, minHeight: 26 },\n        text: { color: t.foreground, fontSize: 16, lineHeight: 24 },\n        h1: { fontSize: 28, lineHeight: 34, fontWeight: '700' },\n        h2: { fontSize: 22, lineHeight: 28, fontWeight: '700' },\n        h3: { fontSize: 18, lineHeight: 24, fontWeight: '600' },\n        quoteText: { color: t.inkSoft },\n        code: { fontFamily: MONO, fontSize: 14, lineHeight: 20 },\n        checked: { color: t.mutedForeground, textDecorationLine: 'line-through' },\n        quote: { borderLeftWidth: 3, borderLeftColor: t.borderStrong, paddingLeft: SPACE.md },\n        codeWrap: { backgroundColor: t.muted, borderRadius: RADIUS.sm, padding: SPACE.md, marginVertical: SPACE.xs },\n        marker: { width: 24, textAlign: 'center', paddingTop: 2 },\n        number: { fontVariant: ['tabular-nums'] },\n        checkWrap: { width: 26, paddingTop: 4 },\n        media: { marginVertical: SPACE.sm, borderRadius: RADIUS.md, padding: SPACE.xs },\n        mediaEmpty: {\n            height: 140,\n            borderRadius: RADIUS.sm,\n            backgroundColor: t.muted,\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n        caption: { color: t.mutedForeground, fontSize: 13, textAlign: 'center', paddingVertical: SPACE.xs },\n        selected: { borderWidth: 2, borderColor: t.ring },\n        tableScroll: { flexGrow: 0, marginVertical: SPACE.sm, borderRadius: RADIUS.sm },\n        table: {\n            borderTopWidth: StyleSheet.hairlineWidth,\n            borderLeftWidth: StyleSheet.hairlineWidth,\n            borderColor: t.borderStrong,\n        },\n        tableRow: { flexDirection: 'row' },\n        cell: {\n            width: 120,\n            minHeight: 36,\n            paddingHorizontal: SPACE.sm,\n            paddingVertical: SPACE.xs,\n            borderRightWidth: StyleSheet.hairlineWidth,\n            borderBottomWidth: StyleSheet.hairlineWidth,\n            borderColor: t.borderStrong,\n            color: t.foreground,\n            fontSize: 14,\n        },\n        headerCell: { backgroundColor: t.muted, fontWeight: '600' },\n        unknown: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: SPACE.sm,\n            padding: SPACE.md,\n            marginVertical: SPACE.xs,\n            borderRadius: RADIUS.sm,\n            borderWidth: 1,\n            borderStyle: 'dashed',\n            borderColor: t.borderStrong,\n        },\n        unknownText: { flex: 1, color: t.mutedForeground, fontSize: 13 },\n    }),\n);\n"],"names":[],"mappings":"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"}