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

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

@@ -0,0 +1,791 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useEffect,useMemo}from'react';import {View,StyleSheet,Text,Pressable,TextInput,Switch,Modal,ScrollView}from'react-native';import {Ionicons}from'@expo/vector-icons';import {ui,SheetHeader}from'../notionUi.js';import {isOrMode,setFilterMode,newCondition,operatorInfo,RELATIVE_DATES,operatorsFor}from'./databaseFilter.js';import {kindsFor,CALC_LABELS}from'./databaseCalc.js';import {isTableGroupable}from'./databaseGroup.js';import {propertyTypeLabel,PROPERTY_TYPES,normalizeStatusOptions}from'./databaseView.js';import {layoutPropertyCandidates,readCardLayout,VIEW_TYPES,CARD_SIZES,buildNewView}from'./databaseViews.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const PROPERTY_ICONS = {
+  title: "text-outline",
+  text: "reorder-three-outline",
+  number: "calculator-outline",
+  select: "chevron-down-circle-outline",
+  status: "ellipse-outline",
+  multi_select: "list-outline",
+  date: "calendar-outline",
+  checkbox: "checkbox-outline",
+  url: "link-outline",
+  email: "at-outline",
+  phone: "call-outline",
+  person: "person-outline",
+  files: "attach-outline",
+  relation: "git-network-outline",
+  formula: "flask-outline",
+  rollup: "search-outline",
+  created_time: "time-outline",
+  last_edited_time: "time-outline",
+  created_by: "person-circle-outline",
+  last_edited_by: "person-circle-outline",
+  unique_id: "key-outline",
+  button: "radio-button-on-outline",
+  connector: "flash-outline"
+};
+function propertyIcon(type) {
+  var _a;
+  return (_a = PROPERTY_ICONS[type]) != null ? _a : "reorder-three-outline";
+}
+function Sheet({
+  visible,
+  title,
+  palette,
+  onClose,
+  left,
+  children
+}) {
+  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, onDone: onClose, palette, left }),
+    /* @__PURE__ */ jsx(ScrollView, { contentContainerStyle: styles.content, keyboardShouldPersistTaps: "handled", children })
+  ] }) });
+}
+function Row({
+  palette,
+  icon,
+  label,
+  detail,
+  onPress,
+  right,
+  danger,
+  first,
+  last
+}) {
+  return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: onPress ? "button" : void 0, onPress, disabled: !onPress, style: ({
+    pressed
+  }) => [styles.row, {
+    backgroundColor: pressed ? palette.pressed : palette.card
+  }, first && styles.first, last && styles.last], children: [
+    icon ? /* @__PURE__ */ jsx(Ionicons, { name: icon, size: 18, color: danger ? palette.danger : palette.textMuted }) : null,
+    /* @__PURE__ */ jsxs(View, { style: [styles.rowBody, !last && {
+      borderBottomColor: palette.hairline
+    }, !last && ui.hairline], children: [
+      /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.rowLabel, {
+        color: danger ? palette.danger : palette.text
+      }], children: label }),
+      detail ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.rowDetail, {
+        color: palette.textMuted
+      }], children: detail }) : null,
+      right,
+      onPress && !right ? /* @__PURE__ */ jsx(Ionicons, { name: "chevron-forward", size: 16, color: palette.textFaint }) : null
+    ] })
+  ] });
+}
+function Label({
+  palette,
+  children
+}) {
+  return /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+    color: palette.textMuted
+  }], children });
+}
+function Chips({
+  palette,
+  options,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(View, { style: styles.chips, children: options.map((o) => {
+    const on = o.value === value;
+    return /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityState: {
+      selected: on
+    }, onPress: () => onChange(o.value), style: [styles.chip, {
+      backgroundColor: on ? palette.primary : palette.fill
+    }], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipText, {
+      color: on ? palette.onPrimary : palette.text
+    }], children: o.label }) }, o.value);
+  }) });
+}
+function ChoiceSheet({
+  visible,
+  title,
+  palette,
+  choices,
+  value,
+  onPick,
+  onClose
+}) {
+  return /* @__PURE__ */ jsx(Sheet, { visible, title, palette, onClose, children: /* @__PURE__ */ jsx(View, { children: choices.map((c, i) => /* @__PURE__ */ jsx(Row, { palette, icon: c.icon, label: c.label, detail: c.detail, first: i === 0, last: i === choices.length - 1, onPress: () => onPick(c.value), right: c.value === value ? /* @__PURE__ */ jsx(Ionicons, { name: "checkmark", size: 20, color: palette.primary }) : /* @__PURE__ */ jsx(View, {}) }, c.value)) }) });
+}
+function ConditionEditor({
+  cond,
+  column,
+  columns,
+  palette,
+  onChange,
+  onRemove
+}) {
+  var _a, _b, _c, _d, _e;
+  const [picker, setPicker] = useState(null);
+  const type = (_a = column == null ? void 0 : column.type) != null ? _a : "text";
+  const info = operatorInfo(type, cond.operator);
+  const options = column ? column.type === "status" ? normalizeStatusOptions(column.options) : (_b = column.options) != null ? _b : [] : [];
+  const values = Array.isArray(cond.value) ? cond.value : cond.value != null ? [String(cond.value)] : [];
+  return /* @__PURE__ */ jsxs(View, { style: [styles.condition, {
+    backgroundColor: palette.card
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.conditionHead, children: [
+      /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => setPicker("property"), style: [styles.select, {
+        backgroundColor: palette.fill
+      }], children: [
+        /* @__PURE__ */ jsx(Ionicons, { name: propertyIcon(type), size: 15, color: palette.textMuted }),
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.selectText, {
+          color: palette.text
+        }], children: (_c = column == null ? void 0 : column.name) != null ? _c : cond.property })
+      ] }),
+      /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => setPicker("operator"), style: [styles.select, {
+        backgroundColor: palette.fill
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.selectText, {
+          color: palette.text
+        }], children: (_d = info == null ? void 0 : info.label) != null ? _d : cond.operator }),
+        /* @__PURE__ */ jsx(Ionicons, { name: "chevron-down", size: 14, color: palette.textMuted })
+      ] }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Remove filter", onPress: onRemove, hitSlop: 8, children: /* @__PURE__ */ jsx(Ionicons, { name: "trash-outline", size: 18, color: palette.danger }) })
+    ] }),
+    (info == null ? void 0 : info.input) === "text" || (info == null ? void 0 : info.input) === "number" || (info == null ? void 0 : info.input) === "days" || (info == null ? void 0 : info.input) === "date" ? /* @__PURE__ */ jsx(TextInput, { value: cond.value == null ? "" : String(cond.value), onChangeText: (v) => onChange(__spreadProps(__spreadValues({}, cond), {
+      value: info.input === "number" || info.input === "days" ? v.trim() === "" ? null : v : v
+    })), placeholder: info.input === "date" ? "YYYY-MM-DD" : info.input === "days" ? "Days" : "Value", placeholderTextColor: palette.textFaint, keyboardType: info.input === "text" ? "default" : "numbers-and-punctuation", autoCapitalize: "none", style: [styles.input, {
+      color: palette.text,
+      backgroundColor: palette.fill
+    }] }) : null,
+    (info == null ? void 0 : info.input) === "relative" ? /* @__PURE__ */ jsx(Chips, { palette, options: RELATIVE_DATES.map((d) => ({
+      value: d.value,
+      label: d.label
+    })), value: typeof cond.value === "string" ? cond.value : null, onChange: (v) => onChange(__spreadProps(__spreadValues({}, cond), {
+      value: v
+    })) }) : null,
+    (info == null ? void 0 : info.input) === "option" || (info == null ? void 0 : info.input) === "options" ? /* @__PURE__ */ jsx(Chips, { palette, options: options.map((o) => ({
+      value: o.name,
+      label: o.name
+    })), value: info.input === "option" ? (_e = values[0]) != null ? _e : null : null, onChange: (name) => {
+      if (info.input === "option") onChange(__spreadProps(__spreadValues({}, cond), {
+        value: name
+      }));
+      else {
+        const next = values.includes(name) ? values.filter((v) => v !== name) : [...values, name];
+        onChange(__spreadProps(__spreadValues({}, cond), {
+          value: next
+        }));
+      }
+    } }) : null,
+    (info == null ? void 0 : info.input) === "options" && values.length ? /* @__PURE__ */ jsx(Text, { style: [styles.hint, {
+      color: palette.textMuted
+    }], children: values.join(", ") }) : null,
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: picker === "property", title: "Property", palette, value: cond.property, choices: columns.map((c) => ({
+      value: c.name,
+      label: c.name,
+      icon: propertyIcon(c.type)
+    })), onClose: () => setPicker(null), onPick: (name) => {
+      setPicker(null);
+      const next = columns.find((c) => c.name === name);
+      if (next) onChange(__spreadProps(__spreadValues({}, newCondition(next)), {
+        id: cond.id,
+        conj: cond.conj
+      }));
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: picker === "operator", title: "Condition", palette, value: cond.operator, choices: operatorsFor(type).map((o) => ({
+      value: o.op,
+      label: o.label
+    })), onClose: () => setPicker(null), onPick: (op) => {
+      setPicker(null);
+      const nextInfo = operatorInfo(type, op);
+      const keep = (nextInfo == null ? void 0 : nextInfo.input) === (info == null ? void 0 : info.input);
+      onChange(__spreadProps(__spreadValues({}, cond), {
+        operator: op,
+        value: keep ? cond.value : null
+      }));
+    } })
+  ] });
+}
+function FilterSheet({
+  visible,
+  palette,
+  columns,
+  conditions,
+  onChange,
+  onClose
+}) {
+  const [adding, setAdding] = useState(false);
+  const orMode = isOrMode(conditions);
+  const filterable = columns.filter((c) => c.type !== "button");
+  return /* @__PURE__ */ jsxs(Sheet, { visible, title: "Filter", palette, onClose, left: conditions.length ? {
+    label: "Clear",
+    onPress: () => onChange([])
+  } : void 0, children: [
+    conditions.length > 1 ? /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+      /* @__PURE__ */ jsx(Label, { palette, children: "Rows must match" }),
+      /* @__PURE__ */ jsx(Chips, { palette, options: [{
+        value: "and",
+        label: "All filters"
+      }, {
+        value: "or",
+        label: "Any filter"
+      }], value: orMode ? "or" : "and", onChange: (m) => onChange(setFilterMode(conditions, m)) })
+    ] }) : null,
+    conditions.map((cond) => /* @__PURE__ */ jsx(ConditionEditor, { cond, column: columns.find((c) => c.name === cond.property), columns: filterable, palette, onChange: (next) => onChange(conditions.map((c) => c.id === cond.id ? next : c)), onRemove: () => onChange(conditions.filter((c) => c.id !== cond.id)) }, cond.id)),
+    !conditions.length ? /* @__PURE__ */ jsx(Text, { style: [styles.empty, {
+      color: palette.textMuted
+    }], children: "No filters. Add one to show only the rows that match." }) : null,
+    /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => setAdding(true), style: [styles.add, {
+      backgroundColor: palette.primarySoft
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 18, color: palette.primary }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.addText, {
+        color: palette.primary
+      }], children: "Add a filter" })
+    ] }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: adding, title: "Filter by", palette, choices: filterable.map((c) => ({
+      value: c.name,
+      label: c.name,
+      icon: propertyIcon(c.type)
+    })), onClose: () => setAdding(false), onPick: (name) => {
+      setAdding(false);
+      const column = filterable.find((c) => c.name === name);
+      if (!column) return;
+      const cond = newCondition(column);
+      onChange([...conditions, orMode ? __spreadProps(__spreadValues({}, cond), {
+        conj: "or"
+      }) : cond]);
+    } })
+  ] });
+}
+function SortSheet({
+  visible,
+  palette,
+  columns,
+  sorts,
+  onChange,
+  onClose
+}) {
+  const [adding, setAdding] = useState(false);
+  const free = columns.filter((c) => !sorts.some((s) => s.property === c.name) && c.type !== "button");
+  const move = (i, d) => {
+    const j = i + d;
+    if (j < 0 || j >= sorts.length) return;
+    const next = [...sorts];
+    [next[i], next[j]] = [next[j], next[i]];
+    onChange(next);
+  };
+  return /* @__PURE__ */ jsxs(Sheet, { visible, title: "Sort", palette, onClose, left: sorts.length ? {
+    label: "Clear",
+    onPress: () => onChange([])
+  } : void 0, children: [
+    sorts.map((s, i) => {
+      var _a;
+      const column = columns.find((c) => c.name === s.property);
+      return /* @__PURE__ */ jsxs(View, { style: [styles.condition, {
+        backgroundColor: palette.card
+      }], children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.conditionHead, children: [
+          /* @__PURE__ */ jsx(Ionicons, { name: propertyIcon((_a = column == null ? void 0 : column.type) != null ? _a : "text"), size: 16, color: palette.textMuted }),
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.rowLabel, ui.flex, {
+            color: palette.text
+          }], children: s.property }),
+          /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: "Move up", onPress: () => move(i, -1), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "arrow-up", size: 18, color: i ? palette.textMuted : palette.textFaint }) }),
+          /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: "Move down", onPress: () => move(i, 1), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "arrow-down", size: 18, color: i < sorts.length - 1 ? palette.textMuted : palette.textFaint }) }),
+          /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: "Remove sort", onPress: () => onChange(sorts.filter((x) => x.property !== s.property)), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "trash-outline", size: 18, color: palette.danger }) })
+        ] }),
+        /* @__PURE__ */ jsx(Chips, { palette, options: [{
+          value: "ascending",
+          label: "Ascending"
+        }, {
+          value: "descending",
+          label: "Descending"
+        }], value: s.direction, onChange: (direction) => onChange(sorts.map((x) => x.property === s.property ? __spreadProps(__spreadValues({}, x), {
+          direction
+        }) : x)) })
+      ] }, s.property);
+    }),
+    !sorts.length ? /* @__PURE__ */ jsx(Text, { style: [styles.empty, {
+      color: palette.textMuted
+    }], children: "Rows show in the order they were added." }) : null,
+    free.length ? /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => setAdding(true), style: [styles.add, {
+      backgroundColor: palette.primarySoft
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 18, color: palette.primary }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.addText, {
+        color: palette.primary
+      }], children: "Add a sort" })
+    ] }) : null,
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: adding, title: "Sort by", palette, choices: free.map((c) => ({
+      value: c.name,
+      label: c.name,
+      icon: propertyIcon(c.type)
+    })), onClose: () => setAdding(false), onPick: (name) => {
+      setAdding(false);
+      onChange([...sorts, {
+        property: name,
+        direction: "ascending"
+      }]);
+    } })
+  ] });
+}
+function PropertiesSheet({
+  visible,
+  palette,
+  columns,
+  visibleNames,
+  onChangeVisible,
+  onEdit,
+  onAdd,
+  onClose,
+  children
+}) {
+  const title = columns.find((c) => c.type === "title");
+  const shown = visibleNames.map((n) => columns.find((c) => c.name === n)).filter((c) => !!c);
+  const hidden = columns.filter((c) => c.type !== "title" && !visibleNames.includes(c.name));
+  const move = (name, d) => {
+    const i = visibleNames.indexOf(name);
+    const j = i + d;
+    if (i < 0 || j < 0 || j >= visibleNames.length) return;
+    const next = [...visibleNames];
+    [next[i], next[j]] = [next[j], next[i]];
+    onChangeVisible(next);
+  };
+  return /* @__PURE__ */ jsxs(Sheet, { visible, title: "Properties", palette, onClose, children: [
+    title ? /* @__PURE__ */ jsx(View, { style: styles.block, children: /* @__PURE__ */ jsx(Row, { palette, icon: propertyIcon("title"), label: title.name, detail: "Title", first: true, last: true, onPress: () => onEdit(title) }) }) : null,
+    /* @__PURE__ */ jsx(Label, { palette, children: "Shown in this view" }),
+    /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+      shown.map((c, i) => /* @__PURE__ */ jsx(Row, { palette, icon: propertyIcon(c.type), label: c.name, first: i === 0, last: i === shown.length - 1, onPress: () => onEdit(c), right: /* @__PURE__ */ jsxs(View, { style: styles.rowActions, children: [
+        /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: `Move ${c.name} up`, onPress: () => move(c.name, -1), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "arrow-up", size: 17, color: palette.textMuted }) }),
+        /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: `Move ${c.name} down`, onPress: () => move(c.name, 1), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "arrow-down", size: 17, color: palette.textMuted }) }),
+        /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: `Hide ${c.name}`, onPress: () => onChangeVisible(visibleNames.filter((n) => n !== c.name)), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "eye", size: 19, color: palette.primary }) })
+      ] }) }, c.name)),
+      !shown.length ? /* @__PURE__ */ jsx(Text, { style: [styles.empty, {
+        color: palette.textMuted
+      }], children: "Only the title is shown." }) : null
+    ] }),
+    hidden.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Label, { palette, children: "Hidden" }),
+      /* @__PURE__ */ jsx(View, { style: styles.block, children: hidden.map((c, i) => /* @__PURE__ */ jsx(Row, { palette, icon: propertyIcon(c.type), label: c.name, first: i === 0, last: i === hidden.length - 1, onPress: () => onEdit(c), right: /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: `Show ${c.name}`, onPress: () => onChangeVisible([...visibleNames, c.name]), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "eye-off-outline", size: 19, color: palette.textFaint }) }) }, c.name)) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: onAdd, style: [styles.add, {
+      backgroundColor: palette.primarySoft
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 18, color: palette.primary }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.addText, {
+        color: palette.primary
+      }], children: "New property" })
+    ] }),
+    children
+  ] });
+}
+const EDITABLE_TYPES = PROPERTY_TYPES.filter((t) => t.type !== "connector" && t.type !== "button");
+function PropertyEditorSheet({
+  visible,
+  palette,
+  column,
+  isNew,
+  calculation,
+  onClose,
+  onRename,
+  onChangeType,
+  onDelete,
+  onCalculation,
+  onCreate
+}) {
+  var _a, _b;
+  const [name, setName] = useState("");
+  const [type, setType] = useState("text");
+  const [picker, setPicker] = useState(null);
+  const [error, setError] = useState(null);
+  const [busy, setBusy] = useState(false);
+  useEffect(() => {
+    var _a2, _b2;
+    if (!visible) return;
+    setName((_a2 = column == null ? void 0 : column.name) != null ? _a2 : "");
+    setType((_b2 = column == null ? void 0 : column.type) != null ? _b2 : "text");
+    setError(null);
+  }, [visible, column]);
+  const isTitle = (column == null ? void 0 : column.type) === "title";
+  const run = async (fn, close = false) => {
+    setBusy(true);
+    setError(null);
+    const err = await fn();
+    setBusy(false);
+    if (err) setError(err);
+    else if (close) onClose();
+  };
+  const kinds = column ? kindsFor(column.type) : [];
+  return /* @__PURE__ */ jsxs(Sheet, { visible, title: isNew ? "New property" : "Edit property", palette, onClose, left: isNew ? {
+    label: "Add",
+    disabled: busy || !name.trim(),
+    onPress: () => run(() => onCreate(name.trim(), type), true)
+  } : void 0, children: [
+    /* @__PURE__ */ jsx(Label, { palette, children: "Name" }),
+    /* @__PURE__ */ jsx(TextInput, { value: name, onChangeText: setName, autoFocus: isNew, placeholder: "Property name", placeholderTextColor: palette.textFaint, returnKeyType: "done", onEndEditing: () => {
+      if (!isNew && column && name.trim() && name.trim() !== column.name) {
+        run(() => onRename(name.trim()));
+      }
+    }, style: [styles.input, {
+      color: palette.text,
+      backgroundColor: palette.fill
+    }] }),
+    error ? /* @__PURE__ */ jsx(Text, { style: [styles.error, {
+      color: palette.danger
+    }], children: error }) : null,
+    /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+      /* @__PURE__ */ jsx(Row, { palette, icon: propertyIcon(type), label: "Type", detail: propertyTypeLabel(type), first: true, last: isNew || !kinds.length, onPress: isTitle ? void 0 : () => setPicker("type") }),
+      !isNew && kinds.length ? /* @__PURE__ */ jsx(Row, { palette, icon: "stats-chart-outline", label: "Calculate", detail: calculation ? (_b = (_a = CALC_LABELS[calculation]) == null ? void 0 : _a.menu) != null ? _b : "None" : "None", last: true, onPress: () => setPicker("calc") }) : null
+    ] }),
+    !isNew && !isTitle ? /* @__PURE__ */ jsx(View, { style: styles.block, children: /* @__PURE__ */ jsx(Row, { palette, icon: "trash-outline", label: "Delete property", danger: true, first: true, last: true, onPress: onDelete }) }) : null,
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: picker === "type", title: "Type", palette, value: type, choices: EDITABLE_TYPES.map((t) => ({
+      value: t.type,
+      label: t.label,
+      icon: propertyIcon(t.type)
+    })), onClose: () => setPicker(null), onPick: (t) => {
+      setPicker(null);
+      setType(t);
+      if (!isNew && column && t !== column.type) run(() => onChangeType(t));
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: picker === "calc", title: "Calculate", palette, value: calculation != null ? calculation : "none", choices: ["none", ...kinds.filter((k) => k !== "none")].map((k) => {
+      var _a2, _b2;
+      return {
+        value: k,
+        label: (_b2 = (_a2 = CALC_LABELS[k]) == null ? void 0 : _a2.menu) != null ? _b2 : k
+      };
+    }), onClose: () => setPicker(null), onPick: (k) => {
+      setPicker(null);
+      onCalculation(k);
+    } })
+  ] });
+}
+function ViewOptionsSheet({
+  visible,
+  palette,
+  type,
+  groupBy,
+  settings,
+  columns,
+  onChangeType,
+  onChangeGroupBy,
+  onChangeSettings,
+  onClose
+}) {
+  var _a, _b;
+  const [picker, setPicker] = useState(null);
+  const groupCandidates = useMemo(() => {
+    if (type === "board" || type === "calendar" || type === "timeline") {
+      return layoutPropertyCandidates(type, columns);
+    }
+    if (type === "table" || type === "list") return columns.filter((c) => c.type !== "title" && isTableGroupable(c));
+    return [];
+  }, [columns, type]);
+  const card = readCardLayout(settings, {
+    cover: true
+  });
+  const fileColumns = columns.filter((c) => c.type === "files");
+  const groupLabel = type === "calendar" || type === "timeline" ? "Date property" : type === "board" ? "Group by" : "Group";
+  return /* @__PURE__ */ jsxs(Sheet, { visible, title: "View options", palette, onClose, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+      /* @__PURE__ */ jsx(Row, { palette, icon: "grid-outline", label: "Layout", detail: (_a = VIEW_TYPES.find((v) => v.type === type)) == null ? void 0 : _a.label, first: true, last: !groupCandidates.length && type !== "board", onPress: () => setPicker("layout") }),
+      groupCandidates.length || type === "board" ? /* @__PURE__ */ jsx(Row, { palette, icon: "albums-outline", label: groupLabel, detail: groupBy != null ? groupBy : "None", last: true, onPress: () => setPicker("group") }) : null
+    ] }),
+    type === "board" || (type === "table" || type === "list") && groupBy ? /* @__PURE__ */ jsx(View, { style: styles.block, children: /* @__PURE__ */ jsx(Row, { palette, icon: "eye-off-outline", label: "Hide empty groups", first: true, last: true, right: /* @__PURE__ */ jsx(Switch, { value: Boolean(settings.hideEmptyGroups), onValueChange: (v) => onChangeSettings({
+      hideEmptyGroups: v || void 0
+    }) }) }) }) : null,
+    type === "table" ? /* @__PURE__ */ jsx(View, { style: styles.block, children: /* @__PURE__ */ jsx(Row, { palette, icon: "return-down-forward-outline", label: "Wrap all columns", first: true, last: true, right: /* @__PURE__ */ jsx(Switch, { value: Boolean(settings.wrap), onValueChange: (v) => onChangeSettings({
+      wrap: v || void 0
+    }) }) }) }) : null,
+    type === "gallery" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Label, { palette, children: "Card size" }),
+      /* @__PURE__ */ jsx(Chips, { palette, options: CARD_SIZES.map((c) => ({
+        value: c.size,
+        label: c.label
+      })), value: card.size, onChange: (size) => onChangeSettings({
+        cardSize: size
+      }) }),
+      /* @__PURE__ */ jsx(View, { style: [styles.block, styles.spaced], children: /* @__PURE__ */ jsx(Row, { palette, icon: "image-outline", label: "Card preview", detail: card.coverSource === "auto" ? "Page cover or first image" : card.coverSource === "cover" ? "Page cover" : card.coverSource === "none" ? "None" : card.coverSource, first: true, last: true, onPress: () => setPicker("cover") }) })
+    ] }) : null,
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: picker === "layout", title: "Layout", palette, value: type, choices: VIEW_TYPES.map((v) => ({
+      value: v.type,
+      label: v.label,
+      detail: v.hint
+    })), onClose: () => setPicker(null), onPick: (t) => {
+      setPicker(null);
+      onChangeType(t);
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: picker === "group", title: groupLabel, palette, value: groupBy != null ? groupBy : "__none", choices: [...type === "calendar" || type === "timeline" ? [] : [{
+      value: "__none",
+      label: "None"
+    }], ...groupCandidates.map((c) => ({
+      value: c.name,
+      label: c.name,
+      icon: propertyIcon(c.type)
+    }))], onClose: () => setPicker(null), onPick: (name) => {
+      setPicker(null);
+      onChangeGroupBy(name === "__none" ? null : name);
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: picker === "cover", title: "Card preview", palette, value: (_b = card.coverSource) != null ? _b : "auto", choices: [{
+      value: "auto",
+      label: "Page cover or first image"
+    }, {
+      value: "cover",
+      label: "Page cover"
+    }, ...fileColumns.map((c) => ({
+      value: c.name,
+      label: c.name,
+      icon: propertyIcon("files")
+    })), {
+      value: "none",
+      label: "None"
+    }], onClose: () => setPicker(null), onPick: (source) => {
+      setPicker(null);
+      onChangeSettings({
+        cardCoverSource: source,
+        cardCover: source !== "none"
+      });
+    } })
+  ] });
+}
+function NewViewSheet({
+  visible,
+  palette,
+  columns,
+  onCreate,
+  onClose
+}) {
+  var _a, _b, _c, _d;
+  const [type, setType] = useState("table");
+  const [name, setName] = useState("");
+  const [layoutProperty, setLayoutProperty] = useState(null);
+  const [error, setError] = useState(null);
+  const [busy, setBusy] = useState(false);
+  useEffect(() => {
+    if (!visible) return;
+    setType("table");
+    setName("");
+    setLayoutProperty(null);
+    setError(null);
+  }, [visible]);
+  const candidates = layoutPropertyCandidates(type, columns);
+  const label = (_b = (_a = VIEW_TYPES.find((v) => v.type === type)) == null ? void 0 : _a.label) != null ? _b : "Table";
+  const submit = async () => {
+    const result = buildNewView({
+      type,
+      name: name.trim() || label,
+      layoutProperty
+    }, columns);
+    if (!result.ok) {
+      setError(result.error);
+      return;
+    }
+    setBusy(true);
+    const err = await onCreate(result.input);
+    setBusy(false);
+    if (err) setError(err);
+    else onClose();
+  };
+  return /* @__PURE__ */ jsxs(Sheet, { visible, title: "New view", palette, onClose, left: {
+    label: "Create",
+    onPress: submit,
+    disabled: busy
+  }, children: [
+    /* @__PURE__ */ jsx(Label, { palette, children: "Name" }),
+    /* @__PURE__ */ jsx(TextInput, { value: name, onChangeText: setName, placeholder: label, placeholderTextColor: palette.textFaint, style: [styles.input, {
+      color: palette.text,
+      backgroundColor: palette.fill
+    }] }),
+    /* @__PURE__ */ jsx(Label, { palette, children: "Layout" }),
+    /* @__PURE__ */ jsx(View, { style: styles.grid, children: VIEW_TYPES.map((v) => {
+      const on = v.type === type;
+      return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityState: {
+        selected: on
+      }, onPress: () => {
+        setType(v.type);
+        setLayoutProperty(null);
+        setError(null);
+      }, style: [styles.tile, {
+        backgroundColor: on ? palette.primarySoft : palette.card,
+        borderColor: on ? palette.primary : palette.hairline
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.glyph, {
+          color: on ? palette.primary : palette.textMuted
+        }], children: v.glyph }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.tileLabel, {
+          color: palette.text
+        }], children: v.label }),
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 2, style: [styles.tileHint, {
+          color: palette.textMuted
+        }], children: v.hint })
+      ] }, v.type);
+    }) }),
+    candidates.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Label, { palette, children: type === "board" ? "Group by" : "Date property" }),
+      /* @__PURE__ */ jsx(Chips, { palette, options: candidates.map((c) => ({
+        value: c.name,
+        label: c.name
+      })), value: (_d = layoutProperty != null ? layoutProperty : (_c = candidates[0]) == null ? void 0 : _c.name) != null ? _d : null, onChange: setLayoutProperty })
+    ] }) : null,
+    error ? /* @__PURE__ */ jsx(Text, { style: [styles.error, {
+      color: palette.danger
+    }], children: error }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  content: {
+    padding: 16,
+    paddingBottom: 48,
+    gap: 10
+  },
+  block: {
+    marginBottom: 8
+  },
+  spaced: {
+    marginTop: 8
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: "600",
+    marginTop: 6,
+    textTransform: "uppercase",
+    letterSpacing: 0.4
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 14,
+    gap: 12
+  },
+  first: {
+    borderTopLeftRadius: 14,
+    borderTopRightRadius: 14
+  },
+  last: {
+    borderBottomLeftRadius: 14,
+    borderBottomRightRadius: 14
+  },
+  rowBody: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    minHeight: 50,
+    paddingRight: 14
+  },
+  rowLabel: {
+    flex: 1,
+    fontSize: 16
+  },
+  rowDetail: {
+    fontSize: 15,
+    maxWidth: "50%"
+  },
+  rowActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 14
+  },
+  chips: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8
+  },
+  chip: {
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: 999
+  },
+  chipText: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  condition: {
+    borderRadius: 14,
+    padding: 12,
+    gap: 10
+  },
+  conditionHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  select: {
+    flexShrink: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 10,
+    height: 36,
+    borderRadius: 10
+  },
+  selectText: {
+    fontSize: 15,
+    flexShrink: 1
+  },
+  input: {
+    minHeight: 44,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    fontSize: 16
+  },
+  hint: {
+    fontSize: 13
+  },
+  empty: {
+    fontSize: 14,
+    paddingVertical: 8
+  },
+  add: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6,
+    height: 46,
+    borderRadius: 12,
+    marginTop: 4
+  },
+  addText: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  error: {
+    fontSize: 13
+  },
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 10
+  },
+  tile: {
+    width: "31%",
+    flexGrow: 1,
+    padding: 12,
+    borderRadius: 14,
+    borderWidth: 1,
+    gap: 4
+  },
+  glyph: {
+    fontSize: 22
+  },
+  tileLabel: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  tileHint: {
+    fontSize: 12,
+    lineHeight: 16
+  }
+});export{ChoiceSheet,FilterSheet,NewViewSheet,PROPERTY_ICONS,PropertiesSheet,PropertyEditorSheet,SortSheet,ViewOptionsSheet,propertyIcon};//# sourceMappingURL=DatabaseSheets.js.map