@adminide-stack/yantra-mobile 12.0.141-alpha.1 → 12.0.141

package/lib/features/notion/database/DatabaseCells.js

@@ -0,0 +1,554 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect,useMemo}from'react';import {Modal,View,Text,StyleSheet,TextInput,Pressable,FlatList,Switch,ScrollView,ActivityIndicator,Platform}from'react-native';import {Ionicons}from'@expo/vector-icons';import {useApolloClient}from'@apollo/client/index.js';import {NATIVE_NOTION_QUERY_DATABASE}from'../notionDocuments.js';import {textColorOf,washColorOf}from'../notionRichText.js';import {ui,SheetHeader}from'../notionUi.js';import {serverErrorText}from'../notionPageActions.js';import {richTextToPlain,cellToEditorString,dateRangeValue,normalizeStatusOptions,isComputedType,cellDisplayText,propertyTypeLabel,multiSelectNames,selectName,toggleMultiSelect,selectValueToCell,serializeDateRange,relationIds,toggleRelation,filesValue,editorStringToCell,addSchemaOption}from'./databaseView.js';import {formatUniqueId}from'./uniqueId.js';import {useRelationTitles}from'./relationSource.js';import {databaseTitle}from'./useNotionDatabase.js';var _a;
+function optionColors(color, isDark, palette) {
+  var _a2, _b;
+  const key = color && color !== "default" ? color : "gray";
+  return {
+    bg: (_a2 = washColorOf(key, isDark)) != null ? _a2 : palette.fill,
+    fg: (_b = textColorOf(key, isDark)) != null ? _b : palette.text
+  };
+}
+function OptionChip({
+  name,
+  color,
+  isDark,
+  palette
+}) {
+  const c = optionColors(color, isDark, palette);
+  return /* @__PURE__ */ jsx(View, { style: [styles.chip, {
+    backgroundColor: c.bg
+  }], children: /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.chipText, {
+    color: c.fg
+  }], children: name }) });
+}
+function optionColorOf(column, name) {
+  var _a2, _b;
+  return (_b = (_a2 = column.options) == null ? void 0 : _a2.find((o) => o.name === name)) == null ? void 0 : _b.color;
+}
+const IMAGE_EXT = /\.(png|jpe?g|gif|webp|avif|heic|svg)(\?|#|$)/i;
+function rowCoverUrl(properties, columns, source = "auto") {
+  var _a2, _b, _c, _d, _e;
+  if (source === "none") return null;
+  const pool = source !== "auto" && source !== "cover" ? columns.filter((c) => c.name === source) : columns;
+  const cover = source === "auto" || source === "cover" ? properties == null ? void 0 : properties.cover : null;
+  const fromCover = typeof cover === "string" ? cover : (_e = (_d = (_b = cover == null ? void 0 : cover.url) != null ? _b : (_a2 = cover == null ? void 0 : cover.external) == null ? void 0 : _a2.url) != null ? _d : (_c = cover == null ? void 0 : cover.file) == null ? void 0 : _c.url) != null ? _e : null;
+  if (typeof fromCover === "string" && /^https?:/i.test(fromCover)) return fromCover;
+  if (source === "cover") return null;
+  for (const c of pool) {
+    if (c.type !== "files") continue;
+    for (const f of filesValue(properties == null ? void 0 : properties[c.name])) {
+      if (IMAGE_EXT.test(f.url)) return /^https?:/i.test(f.url) ? f.url : `https://${f.url}`;
+    }
+  }
+  return null;
+}
+function rowTitle(row) {
+  var _a2;
+  return databaseTitle(row.properties) || richTextToPlain((_a2 = row.properties) == null ? void 0 : _a2.title);
+}
+function CellValue({
+  row,
+  column,
+  getValue,
+  isDark,
+  palette,
+  onToggleCheckbox,
+  wrap
+}) {
+  const value = getValue(row, column);
+  const relations = useRelationTitles();
+  switch (column.type) {
+    case "relation": {
+      const ids = relationIds(value);
+      if (!ids.length) return null;
+      const titles = ids.map((id) => column.databaseId && (relations == null ? void 0 : relations.titleOf(column.databaseId, id)) || "Untitled");
+      return /* @__PURE__ */ jsx(View, { style: [styles.chips, !wrap && styles.chipsInline], children: titles.map((t, i) => /* @__PURE__ */ jsxs(View, { style: [styles.relation, {
+        borderBottomColor: palette.textFaint
+      }], children: [
+        /* @__PURE__ */ jsx(Ionicons, { name: "document-text-outline", size: 13, color: palette.textMuted }),
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.value, {
+          color: palette.text
+        }], children: t })
+      ] }, `${ids[i]}`)) });
+    }
+    case "unique_id": {
+      const text = formatUniqueId(value, column.uniquePrefix);
+      return text ? /* @__PURE__ */ jsx(Text, { style: [styles.value, styles.number, {
+        color: palette.textMuted
+      }], children: text }) : null;
+    }
+    case "title": {
+      const text = rowTitle(row);
+      return /* @__PURE__ */ jsx(Text, { numberOfLines: wrap ? void 0 : 1, style: [styles.title, {
+        color: text ? palette.text : palette.textFaint
+      }], children: text || "Untitled" });
+    }
+    case "checkbox": {
+      const on = value === true;
+      return /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "checkbox", accessibilityState: {
+        checked: on
+      }, accessibilityLabel: column.name, onPress: onToggleCheckbox, disabled: !onToggleCheckbox, hitSlop: 8, children: /* @__PURE__ */ jsx(Ionicons, { name: on ? "checkbox" : "square-outline", size: 20, color: on ? palette.primary : palette.textMuted }) });
+    }
+    case "select":
+    case "status": {
+      const name = selectName(value);
+      return name ? /* @__PURE__ */ jsx(OptionChip, { name, color: optionColorOf(column, name), isDark, palette }) : null;
+    }
+    case "multi_select": {
+      const names = multiSelectNames(value);
+      if (!names.length) return null;
+      return /* @__PURE__ */ jsx(View, { style: [styles.chips, !wrap && styles.chipsInline], children: names.map((n) => /* @__PURE__ */ jsx(OptionChip, { name: n, color: optionColorOf(column, n), isDark, palette }, n)) });
+    }
+    default: {
+      const text = cellDisplayText(value, column.type);
+      if (!text) return null;
+      const link = column.type === "url" || column.type === "email" || column.type === "phone";
+      return /* @__PURE__ */ jsx(Text, { numberOfLines: wrap ? void 0 : 1, style: [styles.value, {
+        color: link ? palette.primary : palette.text
+      }, column.type === "number" && styles.number], children: text });
+    }
+  }
+}
+let HostDatePicker = null;
+try {
+  HostDatePicker = (_a = require("@react-native-community/datetimepicker").default) != null ? _a : null;
+} catch (e) {
+  HostDatePicker = null;
+}
+const pad = (n) => String(n).padStart(2, "0");
+const ymdOf = (d) => `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+function dateOfYmd(day) {
+  const m = day ? /^(\d{4})-(\d{2})-(\d{2})/.exec(day) : null;
+  return m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]), 12) : /* @__PURE__ */ new Date();
+}
+function DayField({
+  label,
+  day,
+  isDark,
+  palette,
+  onChange
+}) {
+  const [open, setOpen] = useState(false);
+  const [typed, setTyped] = useState(day != null ? day : "");
+  useEffect(() => setTyped(day != null ? day : ""), [day]);
+  if (!HostDatePicker) {
+    return /* @__PURE__ */ jsxs(View, { style: styles.field, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.fieldLabel, {
+        color: palette.textMuted
+      }], children: label }),
+      /* @__PURE__ */ jsx(TextInput, { value: typed, onChangeText: setTyped, onEndEditing: () => onChange(/^\d{4}-\d{2}-\d{2}$/.test(typed.trim()) ? typed.trim() : null), placeholder: "YYYY-MM-DD", placeholderTextColor: palette.textFaint, keyboardType: "numbers-and-punctuation", style: [styles.input, {
+        color: palette.text,
+        backgroundColor: palette.fill
+      }] })
+    ] });
+  }
+  const Picker = HostDatePicker;
+  if (Platform.OS === "ios") {
+    return /* @__PURE__ */ jsxs(View, { style: styles.field, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.fieldLabel, {
+        color: palette.textMuted
+      }], children: label }),
+      /* @__PURE__ */ jsx(Picker, { value: dateOfYmd(day), mode: "date", display: "inline", themeVariant: isDark ? "dark" : "light", accentColor: palette.primary, onChange: (_, d) => d && onChange(ymdOf(d)) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(View, { style: styles.field, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.fieldLabel, {
+      color: palette.textMuted
+    }], children: label }),
+    /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => setOpen(true), style: [styles.input, styles.inputRow, {
+      backgroundColor: palette.fill
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: {
+        color: day ? palette.text : palette.textFaint,
+        fontSize: 16
+      }, children: day ? cellDisplayText(day, "date") : "Pick a day" }),
+      /* @__PURE__ */ jsx(Ionicons, { name: "calendar-outline", size: 18, color: palette.textMuted })
+    ] }),
+    open ? /* @__PURE__ */ jsx(Picker, { value: dateOfYmd(day), mode: "date", onChange: (event, d) => {
+      setOpen(false);
+      if (event.type !== "dismissed" && d) onChange(ymdOf(d));
+    } }) : null
+  ] });
+}
+function useRelationTargets(databaseId, enabled) {
+  const client = useApolloClient();
+  const [rows, setRows] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!enabled || !databaseId) return;
+    let live = true;
+    setLoading(true);
+    setError(null);
+    client.query({
+      query: NATIVE_NOTION_QUERY_DATABASE,
+      variables: {
+        input: {
+          databaseId,
+          pageSize: 200
+        }
+      },
+      fetchPolicy: "network-only"
+    }).then((res) => {
+      var _a2, _b, _c;
+      if (!live) return;
+      const results = (_c = (_b = (_a2 = res.data) == null ? void 0 : _a2.queryDatabase) == null ? void 0 : _b.results) != null ? _c : [];
+      setRows(results.map((r) => ({
+        id: r.id,
+        title: databaseTitle(r.properties) || "Untitled"
+      })));
+    }).catch((err) => live && setError(serverErrorText(err))).finally(() => live && setLoading(false));
+    return () => {
+      live = false;
+    };
+  }, [client, databaseId, enabled]);
+  return {
+    rows,
+    loading,
+    error
+  };
+}
+const TEXT_INPUT_TYPES = /* @__PURE__ */ new Set(["title", "text", "number", "url", "email", "phone", "person", "files"]);
+function CellEditorSheet({
+  visible,
+  row,
+  column,
+  schema,
+  getValue,
+  isDark,
+  palette,
+  onClose,
+  onSave,
+  onSaveSchema
+}) {
+  var _a2, _b, _c;
+  const type = (_a2 = column == null ? void 0 : column.type) != null ? _a2 : "text";
+  const value = row && column ? getValue(row, column) : null;
+  const stored = row && column ? (_b = row.properties) == null ? void 0 : _b[column.name] : null;
+  const [text, setText] = useState("");
+  const [query, setQuery] = useState("");
+  const [error, setError] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const [hasEnd, setHasEnd] = useState(false);
+  const relation = useRelationTargets(column == null ? void 0 : column.databaseId, visible && type === "relation");
+  useEffect(() => {
+    var _a3;
+    if (!visible || !column) return;
+    setText(cellToEditorString(stored, type));
+    setQuery("");
+    setError(null);
+    setHasEnd(Boolean((_a3 = dateRangeValue(stored)) == null ? void 0 : _a3.end));
+  }, [visible, column == null ? void 0 : column.name, row == null ? void 0 : row.id]);
+  const options = useMemo(() => {
+    var _a3;
+    const list = (_a3 = column == null ? void 0 : column.options) != null ? _a3 : [];
+    return type === "status" ? normalizeStatusOptions(list) : list;
+  }, [column == null ? void 0 : column.options, type]);
+  const save = async (next) => {
+    setBusy(true);
+    setError(null);
+    const err = await onSave(next);
+    setBusy(false);
+    if (err) setError(err);
+    return err;
+  };
+  const saveText = async () => {
+    if (!column) return;
+    const parsed = editorStringToCell(text, type, stored);
+    if (!parsed.ok) {
+      setError(parsed.error);
+      return;
+    }
+    if (!await save(parsed.value)) onClose();
+  };
+  const createOption = async (name) => {
+    if (!column) return;
+    const result = addSchemaOption(schema, column.name, name);
+    if (!result.ok) {
+      setError(result.error);
+      return;
+    }
+    setBusy(true);
+    const err = await onSaveSchema(result.schema);
+    setBusy(false);
+    if (err) {
+      setError(err);
+      return;
+    }
+    setQuery("");
+    if (type === "multi_select") await save(toggleMultiSelect(stored, name));
+    else if (!await save(selectValueToCell(name))) onClose();
+  };
+  const renderBody = () => {
+    var _a3, _b2;
+    if (!column || !row) return null;
+    if (isComputedType(type)) {
+      return /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.readOnly, {
+          color: palette.text
+        }], children: cellDisplayText(value, type) || "Empty" }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.hint, {
+          color: palette.textMuted
+        }], children: `${propertyTypeLabel(type)} values are computed and can't be edited.` })
+      ] });
+    }
+    if (TEXT_INPUT_TYPES.has(type)) {
+      const multiline = type === "title" || type === "text";
+      return /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+        /* @__PURE__ */ jsx(TextInput, { value: text, onChangeText: setText, autoFocus: true, multiline, placeholder: type === "person" || type === "files" ? "Separate entries with commas" : "Empty", placeholderTextColor: palette.textFaint, keyboardType: type === "number" ? "decimal-pad" : type === "email" ? "email-address" : type === "phone" ? "phone-pad" : type === "url" ? "url" : "default", autoCapitalize: type === "url" || type === "email" ? "none" : "sentences", returnKeyType: multiline ? "default" : "done", onSubmitEditing: multiline ? void 0 : saveText, style: [styles.input, multiline && styles.inputMultiline, {
+          color: palette.text,
+          backgroundColor: palette.fill
+        }] }),
+        /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: saveText, disabled: busy, style: [styles.primary, {
+          backgroundColor: palette.primary,
+          opacity: busy ? 0.6 : 1
+        }], children: /* @__PURE__ */ jsx(Text, { style: [styles.primaryText, {
+          color: palette.onPrimary
+        }], children: "Save" }) })
+      ] });
+    }
+    if (type === "select" || type === "status" || type === "multi_select") {
+      const multi = type === "multi_select";
+      const chosen = multi ? multiSelectNames(stored) : [selectName(stored)].filter(Boolean);
+      const q = query.trim();
+      const shown = q ? options.filter((o) => o.name.toLowerCase().includes(q.toLowerCase())) : options;
+      const exact = options.some((o) => o.name.toLowerCase() === q.toLowerCase());
+      return /* @__PURE__ */ jsx(FlatList, { data: shown, keyExtractor: (o) => o.name, keyboardShouldPersistTaps: "handled", contentContainerStyle: styles.body, ListHeaderComponent: /* @__PURE__ */ jsxs(View, { style: styles.listHead, children: [
+        /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: type === "status" ? "Search status" : "Search or create an option", placeholderTextColor: palette.textFaint, autoCorrect: false, style: [styles.input, {
+          color: palette.text,
+          backgroundColor: palette.fill
+        }] }),
+        q && !exact && type !== "status" ? /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => createOption(q), style: [styles.optionRow, {
+          backgroundColor: palette.card
+        }], children: [
+          /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 18, color: palette.primary }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.optionLabel, {
+            color: palette.text
+          }], children: "Create" }),
+          /* @__PURE__ */ jsx(OptionChip, { name: q, isDark, palette })
+        ] }) : null,
+        chosen.length ? /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: async () => {
+          if (!await save(multi ? [] : null)) onClose();
+        }, style: styles.clear, children: /* @__PURE__ */ jsx(Text, { style: {
+          color: palette.danger,
+          fontSize: 15
+        }, children: "Clear" }) }) : null
+      ] }), renderItem: ({
+        item
+      }) => {
+        const on = chosen.includes(item.name);
+        return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityState: {
+          selected: on
+        }, onPress: async () => {
+          if (multi) await save(toggleMultiSelect(stored, item.name));
+          else if (!await save(on ? null : selectValueToCell(item.name))) onClose();
+        }, style: ({
+          pressed
+        }) => [styles.optionRow, {
+          backgroundColor: pressed ? palette.pressed : palette.card
+        }], children: [
+          /* @__PURE__ */ jsx(OptionChip, { name: item.name, color: item.color, isDark, palette }),
+          /* @__PURE__ */ jsx(View, { style: ui.flex }),
+          on ? /* @__PURE__ */ jsx(Ionicons, { name: "checkmark", size: 20, color: palette.primary }) : null
+        ] });
+      } });
+    }
+    if (type === "checkbox") {
+      return /* @__PURE__ */ jsxs(View, { style: [styles.body, styles.switchRow], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.optionLabel, {
+          color: palette.text
+        }], children: column.name }),
+        /* @__PURE__ */ jsx(Switch, { value: stored === true, onValueChange: (v) => save(v) })
+      ] });
+    }
+    if (type === "date") {
+      const range = dateRangeValue(stored);
+      const start = (_a3 = range == null ? void 0 : range.start) != null ? _a3 : null;
+      const end = (_b2 = range == null ? void 0 : range.end) != null ? _b2 : null;
+      return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.body, keyboardShouldPersistTaps: "handled", children: [
+        /* @__PURE__ */ jsx(DayField, { label: "Date", day: start, isDark, palette, onChange: (d) => save(serializeDateRange(d, hasEnd ? end : null, stored)) }),
+        /* @__PURE__ */ jsxs(View, { style: styles.switchRow, children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.optionLabel, {
+            color: palette.text
+          }], children: "End date" }),
+          /* @__PURE__ */ jsx(Switch, { value: hasEnd, onValueChange: (on) => {
+            setHasEnd(on);
+            if (!on && end) save(serializeDateRange(start, null, stored));
+          } })
+        ] }),
+        hasEnd ? /* @__PURE__ */ jsx(DayField, { label: "End", day: end, isDark, palette, onChange: (d) => start && save(serializeDateRange(start, d, stored)) }) : null,
+        start ? /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: async () => {
+          if (!await save(null)) onClose();
+        }, style: styles.clear, children: /* @__PURE__ */ jsx(Text, { style: {
+          color: palette.danger,
+          fontSize: 15
+        }, children: "Clear date" }) }) : null
+      ] });
+    }
+    if (type === "relation") {
+      const ids = relationIds(stored);
+      const q = query.trim().toLowerCase();
+      const shown = q ? relation.rows.filter((r) => r.title.toLowerCase().includes(q)) : relation.rows;
+      if (!column.databaseId) {
+        return /* @__PURE__ */ jsx(View, { style: styles.body, children: /* @__PURE__ */ jsx(Text, { style: [styles.hint, {
+          color: palette.textMuted
+        }], children: "This relation has no target database yet." }) });
+      }
+      return /* @__PURE__ */ jsx(FlatList, { data: shown, keyExtractor: (r) => r.id, keyboardShouldPersistTaps: "handled", contentContainerStyle: styles.body, ListHeaderComponent: /* @__PURE__ */ jsxs(View, { style: styles.listHead, children: [
+        /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search pages", placeholderTextColor: palette.textFaint, style: [styles.input, {
+          color: palette.text,
+          backgroundColor: palette.fill
+        }] }),
+        relation.loading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: palette.textMuted }) : null,
+        relation.error ? /* @__PURE__ */ jsx(Text, { style: {
+          color: palette.danger
+        }, children: relation.error }) : null
+      ] }), renderItem: ({
+        item
+      }) => {
+        const on = ids.includes(item.id);
+        return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityState: {
+          selected: on
+        }, onPress: () => {
+          const next = column.relationLimit === 1 ? on ? [] : [{
+            id: item.id
+          }] : toggleRelation(stored, item.id);
+          save(next);
+        }, style: ({
+          pressed
+        }) => [styles.optionRow, {
+          backgroundColor: pressed ? palette.pressed : palette.card
+        }], children: [
+          /* @__PURE__ */ jsx(Ionicons, { name: "document-text-outline", size: 18, color: palette.textMuted }),
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.optionLabel, ui.flex, {
+            color: palette.text
+          }], children: item.title }),
+          on ? /* @__PURE__ */ jsx(Ionicons, { name: "checkmark", size: 20, color: palette.primary }) : null
+        ] });
+      } });
+    }
+    return /* @__PURE__ */ jsx(View, { style: styles.body, children: /* @__PURE__ */ jsx(Text, { style: [styles.readOnly, {
+      color: palette.text
+    }], children: cellDisplayText(value, type) || "Empty" }) });
+  };
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(View, { style: [ui.flex, {
+    backgroundColor: palette.bg
+  }], children: [
+    /* @__PURE__ */ jsx(SheetHeader, { title: (_c = column == null ? void 0 : column.name) != null ? _c : "", onDone: onClose, palette }),
+    error ? /* @__PURE__ */ jsx(Text, { style: [styles.error, {
+      color: palette.danger
+    }], children: error }) : null,
+    renderBody()
+  ] }) });
+}
+const styles = StyleSheet.create({
+  chip: {
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 6,
+    maxWidth: 180,
+    alignSelf: "flex-start"
+  },
+  chipText: {
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  chips: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 4
+  },
+  chipsInline: {
+    flexWrap: "nowrap",
+    overflow: "hidden"
+  },
+  relation: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 3,
+    maxWidth: 180,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  value: {
+    fontSize: 14
+  },
+  number: {
+    fontVariant: ["tabular-nums"]
+  },
+  body: {
+    padding: 16,
+    gap: 10
+  },
+  listHead: {
+    gap: 10,
+    marginBottom: 6
+  },
+  input: {
+    minHeight: 44,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 16
+  },
+  inputMultiline: {
+    minHeight: 120,
+    textAlignVertical: "top"
+  },
+  inputRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  primary: {
+    height: 46,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  primaryText: {
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  optionRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    minHeight: 48,
+    paddingHorizontal: 12,
+    borderRadius: 12,
+    marginBottom: 6
+  },
+  optionLabel: {
+    fontSize: 15
+  },
+  clear: {
+    alignSelf: "flex-start",
+    paddingVertical: 6
+  },
+  switchRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  readOnly: {
+    fontSize: 16
+  },
+  hint: {
+    fontSize: 13
+  },
+  error: {
+    paddingHorizontal: 16,
+    paddingTop: 10,
+    fontSize: 13
+  },
+  field: {
+    gap: 6
+  },
+  fieldLabel: {
+    fontSize: 13,
+    fontWeight: "600"
+  }
+});export{CellEditorSheet,CellValue,OptionChip,optionColors,rowCoverUrl,rowTitle};//# sourceMappingURL=DatabaseCells.js.map