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

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

@@ -0,0 +1,817 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useMemo,useEffect,useCallback}from'react';import {Share,View,StyleSheet,ActivityIndicator,Pressable,Text,ScrollView,TextInput}from'react-native';import {Ionicons}from'@expo/vector-icons';import {useMutation}from'@apollo/client/index.js';import {useNavigation,StackActions}from'@react-navigation/native';import {useSafeAreaInsets}from'react-native-safe-area-context';import {NATIVE_NOTION_DUPLICATE_BLOCK}from'../notionDocuments.js';import {useNotionToast,TextPromptDialog,NotionToast}from'../NotionPageMenu.js';import {notionPalette}from'../notionTheme.js';import {ui,EmptyState}from'../notionUi.js';import {recordRecent}from'../notionRecents.js';import {rowTitle,CellEditorSheet}from'./DatabaseCells.js';import {TableLayout,ListLayout,GalleryLayout,BoardLayout}from'./DatabaseLayouts.js';import {ChartLayout,TimelineLayout,CalendarLayout}from'./DatabaseDateLayouts.js';import {FilterSheet,SortSheet,PropertiesSheet,PropertyEditorSheet,ViewOptionsSheet,NewViewSheet,ChoiceSheet}from'./DatabaseSheets.js';import {applyRowFilter,renameConditionProperty,dropConditionProperty,activeConditions}from'./databaseFilter.js';import {databaseCsv,planDatabaseCsvImport}from'./databaseCsvActions.js';import {makeCellGetter}from'./databaseFormula.js';import {rollupResolver}from'./databaseRollup.js';import {useRelationSource,RelationProvider}from'./relationSource.js';import {prefillForGroup}from'./databaseGroup.js';import {sortRows,renameSchemaProperty,renameRowPatch,renameSortProperty,changeSchemaPropertyType,convertCellValue,removeSchemaProperty,dropSortProperty,uniquePropertyName,addSchemaProperty,normalizeStatusOptions,groupRows,selectValueToCell}from'./databaseView.js';import {parseVisibleProperties,parseHiddenProperties,parseViewWidths,tableDisplayColumns,shownProperties,renameViewProperty,remapSettingsProperty,uniqueViewName,DEFAULT_VIEW_ID,serializeVisibleProperties,mergeViewSettings}from'./databaseViews.js';import {useNotionDatabase}from'./useNotionDatabase.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));
+var _a;
+let pickDocument = null;
+try {
+  pickDocument = (_a = require("expo-document-picker").getDocumentAsync) != null ? _a : null;
+} catch (e) {
+  pickDocument = null;
+}
+const VIEW_ICONS = {
+  table: "grid-outline",
+  board: "albums-outline",
+  calendar: "calendar-outline",
+  timeline: "git-commit-outline",
+  gallery: "images-outline",
+  list: "list-outline",
+  chart: "bar-chart-outline"
+};
+function NotionDatabaseView({
+  orgName,
+  blockId,
+  isDark
+}) {
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const palette = notionPalette(isDark);
+  const navigation = useNavigation();
+  const insets = useSafeAreaInsets();
+  const db = useNotionDatabase(blockId);
+  const {
+    toast,
+    show: showToast,
+    hide: hideToast
+  } = useNotionToast();
+  const [duplicateBlock] = useMutation(NATIVE_NOTION_DUPLICATE_BLOCK);
+  const [sheet, setSheet] = useState(null);
+  const [search, setSearch] = useState("");
+  const [searching, setSearching] = useState(false);
+  const [selecting, setSelecting] = useState(false);
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const [menuRow, setMenuRow] = useState(null);
+  const [menuView, setMenuView] = useState(null);
+  const [editing, setEditing] = useState(null);
+  const [editProperty, setEditProperty] = useState(null);
+  const [refreshing, setRefreshing] = useState(false);
+  const view = db.activeView;
+  const columns = db.columns;
+  const relations = useRelationSource(columns, blockId, db.rows, db.schema);
+  const getValue = useMemo(() => makeCellGetter(columns, /* @__PURE__ */ new Date(), rollupResolver(columns, relations)), [columns, relations]);
+  const workspaceId = (_b = (_a2 = db.block) == null ? void 0 : _a2.workspaceId) != null ? _b : null;
+  useEffect(() => {
+    if (workspaceId) recordRecent(workspaceId, {
+      id: blockId,
+      title: db.title,
+      icon: db.icon
+    });
+  }, [blockId, db.icon, db.title, workspaceId]);
+  const shownRows = useMemo(() => {
+    const filtered = applyRowFilter(db.rows, columns, {
+      search
+    }, view.conditions, {
+      getValue
+    });
+    return sortRows(filtered, view.sorts, columns, getValue);
+  }, [columns, db.rows, getValue, search, view.conditions, view.sorts]);
+  const visible = useMemo(() => parseVisibleProperties(view.properties, columns), [columns, view.properties]);
+  const hidden = useMemo(() => parseHiddenProperties(view.properties), [view.properties]);
+  const widths = useMemo(() => parseViewWidths(view.properties), [view.properties]);
+  const tableColumns = useMemo(() => tableDisplayColumns(columns, visible, widths, hidden), [columns, hidden, visible, widths]);
+  const visibleNames = useMemo(() => tableColumns.filter((c) => c.type !== "title").map((c) => c.name), [tableColumns]);
+  const cardProps = useMemo(() => shownProperties(columns, visible, {
+    exclude: view.groupBy ? [view.groupBy] : []
+  }), [columns, view.groupBy, visible]);
+  const nonTitleNames = useMemo(() => columns.filter((c) => c.type !== "title").map((c) => c.name), [columns]);
+  const thenOpen = useCallback((next) => {
+    setSheet(null);
+    setTimeout(() => setSheet(next), 450);
+  }, []);
+  const report = useCallback((err) => err && showToast({
+    message: err
+  }), [showToast]);
+  const changeView = useCallback((change) => db.changeView(view.id, change).then(report), [db, report, view.id]);
+  const changeSettings = (patch) => changeView({
+    settings: mergeViewSettings(view.settings, patch)
+  });
+  const setVisibleNames = (names) => changeView({
+    properties: serializeVisibleProperties(names, widths, nonTitleNames)
+  });
+  const openRow = useCallback((row) => navigation.dispatch(StackActions.push("MainStack.NotionPage", {
+    orgName,
+    blockId: row.id
+  })), [navigation, orgName]);
+  const addRow = useCallback(async (group, values) => {
+    const initial = __spreadValues({}, values);
+    if (group) {
+      const v = prefillForGroup(group.column, group.value);
+      if (v !== void 0) initial[group.column.name] = v;
+    }
+    const res = await db.addRow(initial);
+    if (res.error) showToast({
+      message: `Couldn't add a row. ${res.error}`
+    });
+    else if (res.id) {
+      const created = {
+        id: res.id};
+      const title = columns.find((c) => c.type === "title");
+      if (title) setEditing({
+        rowId: created.id,
+        column: title.name
+      });
+    }
+  }, [columns, db, showToast]);
+  const deleteRows = useCallback(async (ids) => {
+    if (!ids.length) return;
+    const {
+      deleted,
+      error
+    } = await db.deleteRows(ids);
+    setSelected(/* @__PURE__ */ new Set());
+    setSelecting(false);
+    if (error) showToast({
+      message: `Couldn't delete ${ids.length - deleted.length} row(s). ${error}`
+    });
+    else showToast({
+      message: deleted.length === 1 ? "Row deleted" : `${deleted.length} rows deleted`,
+      actionLabel: "Undo",
+      onAction: () => db.restoreRows(deleted)
+    });
+  }, [db, showToast]);
+  const duplicateRow = useCallback(async (row) => {
+    var _a3;
+    try {
+      await duplicateBlock({
+        variables: {
+          blockId: row.id,
+          includeChildren: true
+        },
+        errorPolicy: "none"
+      });
+      await db.reloadRows();
+      showToast({
+        message: "Row duplicated"
+      });
+    } catch (err) {
+      showToast({
+        message: `Couldn't duplicate. ${(_a3 = err == null ? void 0 : err.message) != null ? _a3 : ""}`
+      });
+    }
+  }, [db, duplicateBlock, showToast]);
+  const toggleCheckbox = useCallback((row, column) => {
+    var _a3;
+    return db.updateCell(row.id, column.name, !(((_a3 = row.properties) == null ? void 0 : _a3[column.name]) === true)).then(report);
+  }, [db, report]);
+  const forEachView = useCallback(async (fn) => {
+    for (const v of db.views) {
+      const change = fn(v);
+      if (change) await db.changeView(v.id, change);
+    }
+  }, [db]);
+  const renameProperty = useCallback(async (from, to) => {
+    const result = renameSchemaProperty(db.schema, from, to);
+    if (!result.ok) return result.error;
+    const all = await db.loadAll();
+    const err = await db.saveSchema(result.schema);
+    if (err) return err;
+    await Promise.allSettled(all.map((r) => {
+      const patch = renameRowPatch(r.properties, from, to);
+      return patch ? db.patchRow(r.id, patch) : null;
+    }));
+    await forEachView((v) => {
+      var _a3;
+      const layout = (_a3 = renameViewProperty(v, from, to)) != null ? _a3 : {};
+      const sorts = renameSortProperty(v.sorts, from, to);
+      const conditions = renameConditionProperty(v.conditions, from, to);
+      const change = __spreadValues(__spreadValues(__spreadValues({}, layout), JSON.stringify(sorts) !== JSON.stringify(v.sorts) ? {
+        sorts
+      } : {}), JSON.stringify(conditions) !== JSON.stringify(v.conditions) ? {
+        conditions
+      } : {});
+      return Object.keys(change).length ? change : null;
+    });
+    setEditProperty({
+      name: to
+    });
+    return null;
+  }, [db, forEachView]);
+  const changePropertyType = useCallback(async (name, type) => {
+    var _a3;
+    const before = db.schema[name];
+    const result = changeSchemaPropertyType(db.schema, name, type);
+    if (!result.ok) return result.error;
+    const all = await db.loadAll();
+    const err = await db.saveSchema(result.schema);
+    if (err) return err;
+    const fromType = String((_a3 = before == null ? void 0 : before.type) != null ? _a3 : "text");
+    await Promise.allSettled(all.map((r) => {
+      var _a4;
+      const value = (_a4 = r.properties) == null ? void 0 : _a4[name];
+      if (value === void 0) return null;
+      const next = convertCellValue(value, fromType, type);
+      return JSON.stringify(next) === JSON.stringify(value) ? null : db.patchRow(r.id, {
+        [name]: next
+      });
+    }));
+    return null;
+  }, [db]);
+  const deleteProperty = useCallback(async (name) => {
+    const result = removeSchemaProperty(db.schema, name);
+    if (!result.ok) {
+      showToast({
+        message: result.error
+      });
+      return;
+    }
+    const err = await db.saveSchema(result.schema);
+    if (err) {
+      showToast({
+        message: err
+      });
+      return;
+    }
+    setEditProperty(null);
+    await forEachView((v) => {
+      const sorts = dropSortProperty(v.sorts, name);
+      const conditions = dropConditionProperty(v.conditions, name);
+      const settings = remapSettingsProperty(v.settings, name, null);
+      const change = {};
+      if (sorts.length !== v.sorts.length) change.sorts = sorts;
+      if (conditions.length !== v.conditions.length) change.conditions = conditions;
+      if (settings) change.settings = settings;
+      if (v.groupBy === name) change.groupBy = null;
+      return Object.keys(change).length ? change : null;
+    });
+    showToast({
+      message: `Deleted \u201C${name}\u201D`
+    });
+  }, [db, forEachView, showToast]);
+  const createProperty = useCallback(
+    async (name, type) => {
+      const finalName = name || uniquePropertyName(db.schema);
+      const result = addSchemaProperty(db.schema, finalName, type);
+      if (!result.ok) return result.error;
+      const err = await db.saveSchema(result.schema);
+      if (err) return err;
+      if (visible) setVisibleNames([...visibleNames, finalName]);
+      return null;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [db, visible, visibleNames]
+  );
+  const exportCsv = useCallback(async () => {
+    const all = db.hasMore ? await db.loadAll() : db.rows;
+    const rows = sortRows(applyRowFilter(all, columns, {
+      search
+    }, view.conditions, {
+      getValue
+    }), view.sorts, columns, getValue);
+    const csv = databaseCsv(rows, tableColumns, getValue);
+    try {
+      await Share.share({
+        title: `${db.title || "Database"}.csv`,
+        message: csv
+      });
+    } catch (e) {
+    }
+  }, [columns, db, getValue, search, tableColumns, view.conditions, view.sorts]);
+  const importCsv = useCallback(async (text) => {
+    const plan = planDatabaseCsvImport(text, db.schema);
+    if (!plan.ok) {
+      showToast({
+        message: plan.error
+      });
+      return;
+    }
+    if (plan.schemaChanged) {
+      const err = await db.saveSchema(plan.schema);
+      if (err) {
+        showToast({
+          message: `Couldn't add the CSV columns. ${err}`
+        });
+        return;
+      }
+    }
+    showToast({
+      message: `Importing ${plan.rows.length} rows\u2026`
+    });
+    let created = 0;
+    for (const properties of plan.rows) {
+      const res = await db.addRow(properties);
+      if (res.id) created += 1;
+    }
+    showToast({
+      message: created === plan.rows.length ? `Imported ${created} ${created === 1 ? "row" : "rows"}` : `Imported ${created} of ${plan.rows.length} rows`
+    });
+  }, [db, showToast]);
+  const importCsvFile = useCallback(async () => {
+    var _a3, _b2;
+    if (!pickDocument) {
+      setSheet("pasteCsv");
+      return;
+    }
+    try {
+      const picked = await pickDocument({
+        type: ["text/csv", "text/comma-separated-values", "text/plain", "public.comma-separated-values-text"],
+        copyToCacheDirectory: true
+      });
+      const asset = picked.canceled ? null : (_a3 = picked.assets) == null ? void 0 : _a3[0];
+      if (!asset) return;
+      const text = await (await fetch(asset.uri)).text();
+      await importCsv(text);
+    } catch (err) {
+      showToast({
+        message: `Couldn't read that file. ${(_b2 = err == null ? void 0 : err.message) != null ? _b2 : ""}`.trim()
+      });
+    }
+  }, [importCsv, showToast]);
+  const groupColumn = view.groupBy ? columns.find((c) => c.name === view.groupBy) : void 0;
+  const moveTargets = useMemo(() => {
+    var _a3;
+    if (!groupColumn || groupColumn.type !== "select" && groupColumn.type !== "status") return [];
+    const options = groupColumn.type === "status" ? normalizeStatusOptions(groupColumn.options) : (_a3 = groupColumn.options) != null ? _a3 : [];
+    return groupRows([], groupColumn.name, options);
+  }, [groupColumn]);
+  const refresh = useCallback(async () => {
+    setRefreshing(true);
+    await db.refresh();
+    setRefreshing(false);
+  }, [db]);
+  const editingRow = editing ? (_c = db.rows.find((r) => r.id === editing.rowId)) != null ? _c : null : null;
+  const editingColumn = editing ? (_d = columns.find((c) => c.name === editing.column)) != null ? _d : null : null;
+  const propertyColumn = (editProperty == null ? void 0 : editProperty.name) ? (_e = columns.find((c) => c.name === editProperty.name)) != null ? _e : null : null;
+  const activeFilterCount = activeConditions(view.conditions, columns).length;
+  if (db.loading && !db.rows.length && !db.block) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.center, {
+      backgroundColor: palette.bg
+    }], children: /* @__PURE__ */ jsx(ActivityIndicator, { color: palette.textMuted }) });
+  }
+  if (db.error && !db.block) {
+    return /* @__PURE__ */ jsx(View, { style: [ui.flex, {
+      backgroundColor: palette.bg
+    }], children: /* @__PURE__ */ jsx(EmptyState, { palette, icon: "cloud-offline-outline", title: "Couldn't open this database", text: db.error, action: {
+      label: "Try again",
+      onPress: refresh
+    } }) });
+  }
+  const layoutProps = {
+    rows: shownRows,
+    columns: tableColumns,
+    allColumns: columns,
+    getValue,
+    groupBy: view.groupBy,
+    settings: view.settings,
+    isDark,
+    palette,
+    selecting,
+    selected,
+    onToggleSelect: (row) => setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(row.id)) next.delete(row.id);
+      else next.add(row.id);
+      return next;
+    }),
+    onOpenRow: openRow,
+    onRowMenu: (row) => {
+      setMenuRow(row);
+      setSheet("rowMenu");
+    },
+    onEditCell: (row, column) => setEditing({
+      rowId: row.id,
+      column: column.name
+    }),
+    onToggleCheckbox: toggleCheckbox,
+    onAddRow: addRow,
+    hasMore: db.hasMore,
+    loadingMore: db.loadingMore,
+    onLoadMore: db.loadMore,
+    refreshing,
+    onRefresh: refresh
+  };
+  const dateProps = __spreadProps(__spreadValues({}, layoutProps), {
+    rowProps: cardProps,
+    onChangeSettings: changeSettings,
+    onAddRowWith: (values) => addRow(void 0, values)
+  });
+  const body = () => {
+    switch (view.type) {
+      case "board":
+        return /* @__PURE__ */ jsx(BoardLayout, __spreadProps(__spreadValues({}, layoutProps), { cardProps }));
+      case "gallery":
+        return /* @__PURE__ */ jsx(GalleryLayout, __spreadProps(__spreadValues({}, layoutProps), { cardProps }));
+      case "list":
+        return /* @__PURE__ */ jsx(ListLayout, __spreadProps(__spreadValues({}, layoutProps), { rowProps: cardProps }));
+      case "table":
+        return /* @__PURE__ */ jsx(TableLayout, __spreadValues({}, layoutProps));
+      case "calendar":
+        return /* @__PURE__ */ jsx(CalendarLayout, __spreadValues({}, dateProps));
+      case "timeline":
+        return /* @__PURE__ */ jsx(TimelineLayout, __spreadValues({}, dateProps));
+      case "chart":
+        return /* @__PURE__ */ jsx(ChartLayout, __spreadValues({}, dateProps));
+      default:
+        return /* @__PURE__ */ jsx(TableLayout, __spreadValues({}, layoutProps));
+    }
+  };
+  const total = (_f = db.totalCount) != null ? _f : db.rows.length;
+  return /* @__PURE__ */ jsx(RelationProvider, { source: relations, children: /* @__PURE__ */ jsxs(View, { style: [ui.flex, {
+    backgroundColor: palette.bg
+  }], children: [
+    /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: "Rename database", onPress: () => setSheet("renameDb"), style: styles.titleRow, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.icon, children: db.icon || "\u{1F5C2}\uFE0F" }),
+      /* @__PURE__ */ jsxs(View, { style: ui.flex, children: [
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 2, style: [styles.title, {
+          color: db.title ? palette.text : palette.textFaint
+        }], children: db.title || "Untitled database" }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.meta, {
+          color: palette.textMuted
+        }], children: `${total} ${total === 1 ? "row" : "rows"}${shownRows.length !== db.rows.length ? ` \xB7 ${shownRows.length} shown` : ""}` })
+      ] }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Database actions", onPress: () => setSheet("dbMenu"), hitSlop: 8, style: [styles.more, {
+        backgroundColor: palette.fill
+      }], children: /* @__PURE__ */ jsx(Ionicons, { name: "ellipsis-horizontal", size: 18, color: palette.text }) })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.tabs, style: styles.tabsBar, children: [
+      db.views.map((v) => {
+        const on = v.id === view.id;
+        return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "tab", accessibilityState: {
+          selected: on
+        }, onPress: () => db.setActiveViewId(v.id), onLongPress: () => {
+          setMenuView(v);
+          setSheet("viewMenu");
+        }, style: [styles.tab, {
+          backgroundColor: on ? palette.card : "transparent"
+        }, on && styles.tabOn], children: [
+          /* @__PURE__ */ jsx(Ionicons, { name: VIEW_ICONS[v.type], size: 15, color: on ? palette.text : palette.textMuted }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.tabText, {
+            color: on ? palette.text : palette.textMuted
+          }], children: v.name })
+        ] }, v.id);
+      }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "New view", onPress: () => setSheet("newView"), style: styles.tab, children: /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 18, color: palette.textMuted }) })
+    ] }),
+    selecting ? /* @__PURE__ */ jsxs(View, { style: [styles.toolbar, {
+      borderBottomColor: palette.hairline
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.selCount, {
+        color: palette.text
+      }], children: `${selected.size} selected` }),
+      /* @__PURE__ */ jsx(View, { style: ui.flex }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: () => setSelected(selected.size === shownRows.length ? /* @__PURE__ */ new Set() : new Set(shownRows.map((r) => r.id))), style: [styles.tool, {
+        backgroundColor: palette.fill
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.toolText, {
+        color: palette.text
+      }], children: selected.size === shownRows.length ? "None" : "All" }) }),
+      /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", disabled: !selected.size, onPress: () => deleteRows([...selected]), style: [styles.tool, {
+        backgroundColor: palette.dangerSoft,
+        opacity: selected.size ? 1 : 0.5
+      }], children: [
+        /* @__PURE__ */ jsx(Ionicons, { name: "trash-outline", size: 16, color: palette.danger }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.toolText, {
+          color: palette.danger
+        }], children: "Delete" })
+      ] }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: () => {
+        setSelecting(false);
+        setSelected(/* @__PURE__ */ new Set());
+      }, style: styles.tool, children: /* @__PURE__ */ jsx(Text, { style: [styles.toolText, {
+        color: palette.primary
+      }], children: "Done" }) })
+    ] }) : /* @__PURE__ */ jsxs(View, { style: [styles.toolbarWrap, {
+      borderBottomColor: palette.hairline
+    }], children: [
+      /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.toolbar, children: [
+        /* @__PURE__ */ jsx(ToolButton, { palette, icon: "search", active: searching || Boolean(search), onPress: () => setSearching((s) => !s) }),
+        /* @__PURE__ */ jsx(ToolButton, { palette, icon: "filter", label: activeFilterCount ? `Filter \xB7 ${activeFilterCount}` : "Filter", active: activeFilterCount > 0, onPress: () => setSheet("filter") }),
+        /* @__PURE__ */ jsx(ToolButton, { palette, icon: "swap-vertical", label: view.sorts.length ? `Sort \xB7 ${view.sorts.length}` : "Sort", active: view.sorts.length > 0, onPress: () => setSheet("sort") }),
+        /* @__PURE__ */ jsx(ToolButton, { palette, icon: "eye-outline", label: "Properties", onPress: () => setSheet("properties") }),
+        /* @__PURE__ */ jsx(ToolButton, { palette, icon: "options-outline", label: "View", onPress: () => setSheet("options") }),
+        /* @__PURE__ */ jsx(ToolButton, { palette, icon: "checkmark-circle-outline", label: "Select", onPress: () => setSelecting(true) })
+      ] }),
+      /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: "New row", onPress: () => addRow(), style: [styles.newButton, {
+        backgroundColor: palette.primary
+      }], children: [
+        /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 18, color: palette.onPrimary }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.newText, {
+          color: palette.onPrimary
+        }], children: "New" })
+      ] })
+    ] }),
+    searching ? /* @__PURE__ */ jsxs(View, { style: [styles.search, {
+      backgroundColor: palette.fill
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: "search", size: 16, color: palette.textMuted }),
+      /* @__PURE__ */ jsx(TextInput, { value: search, onChangeText: setSearch, autoFocus: true, placeholder: "Search rows", placeholderTextColor: palette.textFaint, clearButtonMode: "while-editing", style: [styles.searchInput, {
+        color: palette.text
+      }] })
+    ] }) : null,
+    /* @__PURE__ */ jsx(View, { style: [ui.flex, {
+      paddingBottom: insets.bottom
+    }], children: db.rows.length || db.loading ? body() : /* @__PURE__ */ jsx(EmptyState, { palette, icon: "grid-outline", title: "No rows yet", text: "Add the first row to this database.", action: {
+      label: "New row",
+      onPress: () => addRow()
+    } }) }),
+    /* @__PURE__ */ jsx(FilterSheet, { visible: sheet === "filter", palette, columns, conditions: view.conditions, onChange: (conditions) => changeView({
+      conditions
+    }), onClose: () => setSheet(null) }),
+    /* @__PURE__ */ jsx(SortSheet, { visible: sheet === "sort", palette, columns, sorts: view.sorts, onChange: (sorts) => changeView({
+      sorts
+    }), onClose: () => setSheet(null) }),
+    /* @__PURE__ */ jsx(PropertiesSheet, { visible: sheet === "properties", palette, columns, visibleNames, onChangeVisible: setVisibleNames, onEdit: (c) => setEditProperty({
+      name: c.name
+    }), onAdd: () => setEditProperty({
+      name: null
+    }), onClose: () => {
+      setEditProperty(null);
+      setSheet(null);
+    }, children: /* @__PURE__ */ jsx(PropertyEditorSheet, { visible: editProperty !== null, palette, column: propertyColumn, isNew: (editProperty == null ? void 0 : editProperty.name) === null, calculation: propertyColumn ? (_g = view.settings.calculations) == null ? void 0 : _g[propertyColumn.name] : void 0, onClose: () => setEditProperty(null), onRename: (to) => propertyColumn ? renameProperty(propertyColumn.name, to) : Promise.resolve(null), onChangeType: (type) => propertyColumn ? changePropertyType(propertyColumn.name, type) : Promise.resolve(null), onDelete: () => propertyColumn && deleteProperty(propertyColumn.name), onCalculation: (kind) => {
+      var _a3;
+      if (!propertyColumn) return;
+      const calcs = __spreadValues({}, (_a3 = view.settings.calculations) != null ? _a3 : {});
+      if (kind === "none") delete calcs[propertyColumn.name];
+      else calcs[propertyColumn.name] = kind;
+      changeSettings({
+        calculations: Object.keys(calcs).length ? calcs : void 0
+      });
+    }, onCreate: createProperty }) }),
+    /* @__PURE__ */ jsx(ViewOptionsSheet, { visible: sheet === "options", palette, type: view.type, groupBy: view.groupBy, settings: view.settings, columns, onChangeType: (type) => changeView({
+      type
+    }), onChangeGroupBy: (groupBy) => changeView({
+      groupBy
+    }), onChangeSettings: changeSettings, onClose: () => setSheet(null) }),
+    /* @__PURE__ */ jsx(NewViewSheet, { visible: sheet === "newView", palette, columns, onCreate: (input) => {
+      var _a3;
+      return db.addView({
+        name: input.name,
+        type: input.type,
+        groupBy: (_a3 = input.groupBy) != null ? _a3 : null
+      });
+    }, onClose: () => setSheet(null) }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: sheet === "viewMenu", title: (_h = menuView == null ? void 0 : menuView.name) != null ? _h : "View", palette, choices: [{
+      value: "rename",
+      label: "Rename",
+      icon: "pencil-outline"
+    }, {
+      value: "duplicate",
+      label: "Duplicate",
+      icon: "copy-outline"
+    }, ...menuView && menuView.id !== DEFAULT_VIEW_ID && db.views.length > 1 ? [{
+      value: "delete",
+      label: "Delete view",
+      icon: "trash-outline"
+    }] : []], onClose: () => setSheet(null), onPick: async (action) => {
+      const target = menuView;
+      if (!target) return;
+      if (action === "rename") {
+        thenOpen("renameView");
+        return;
+      }
+      setSheet(null);
+      if (action === "duplicate") {
+        report(await db.duplicateView(target, uniqueViewName(db.views, target.name)));
+      } else if (action === "delete") {
+        report(await db.removeView(target.id));
+      }
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: sheet === "rowMenu", title: menuRow ? rowTitle(menuRow) || "Untitled" : "Row", palette, choices: [{
+      value: "open",
+      label: "Open",
+      icon: "open-outline"
+    }, {
+      value: "rename",
+      label: "Rename",
+      icon: "pencil-outline"
+    }, ...moveTargets.length ? [{
+      value: "move",
+      label: `Move to\u2026`,
+      icon: "swap-horizontal-outline"
+    }] : [], {
+      value: "duplicate",
+      label: "Duplicate",
+      icon: "copy-outline"
+    }, {
+      value: "select",
+      label: "Select",
+      icon: "checkmark-circle-outline"
+    }, {
+      value: "delete",
+      label: "Delete",
+      icon: "trash-outline"
+    }], onClose: () => setSheet(null), onPick: (action) => {
+      const row = menuRow;
+      if (!row) return;
+      if (action === "move") {
+        thenOpen("moveTo");
+        return;
+      }
+      setSheet(null);
+      if (action === "open") openRow(row);
+      else if (action === "rename") {
+        const title = columns.find((c) => c.type === "title");
+        if (title) setTimeout(() => setEditing({
+          rowId: row.id,
+          column: title.name
+        }), 350);
+      } else if (action === "duplicate") duplicateRow(row);
+      else if (action === "select") {
+        setSelecting(true);
+        setSelected(/* @__PURE__ */ new Set([row.id]));
+      } else if (action === "delete") deleteRows([row.id]);
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: sheet === "moveTo", title: "Move to", palette, value: menuRow && groupColumn ? (_k = (_j = (_i = menuRow.properties) == null ? void 0 : _i[groupColumn.name]) == null ? void 0 : _j.name) != null ? _k : null : null, choices: moveTargets.map((g) => {
+      var _a3;
+      return {
+        value: (_a3 = g.value) != null ? _a3 : "__none",
+        label: g.name
+      };
+    }), onClose: () => setSheet(null), onPick: (value) => {
+      setSheet(null);
+      if (!menuRow || !groupColumn) return;
+      db.updateCell(menuRow.id, groupColumn.name, value === "__none" ? null : selectValueToCell(value)).then(report);
+    } }),
+    /* @__PURE__ */ jsx(TextPromptDialog, { visible: sheet === "renameView", palette, title: "Rename view", initial: (_l = menuView == null ? void 0 : menuView.name) != null ? _l : "", confirmLabel: "Rename", onClose: () => setSheet(null), onConfirm: async (name) => {
+      if (!menuView) return;
+      const err = await db.changeView(menuView.id, {
+        name: name.trim()
+      });
+      if (err) throw new Error(err);
+    } }),
+    /* @__PURE__ */ jsx(TextPromptDialog, { visible: sheet === "renameDb", palette, title: "Rename database", initial: db.title, placeholder: "Untitled database", confirmLabel: "Rename", onClose: () => setSheet(null), onConfirm: async (name) => {
+      const err = await db.renameDatabase(name.trim());
+      if (err) throw new Error(err);
+      await db.refresh();
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: sheet === "dbMenu", title: db.title || "Database", palette, choices: [{
+      value: "rename",
+      label: "Rename",
+      icon: "pencil-outline"
+    }, {
+      value: "export",
+      label: "Export CSV",
+      icon: "share-outline"
+    }, ...pickDocument ? [{
+      value: "importFile",
+      label: "Import CSV file",
+      icon: "document-attach-outline"
+    }] : [], {
+      value: "paste",
+      label: "Paste CSV",
+      icon: "clipboard-outline"
+    }], onClose: () => setSheet(null), onPick: (action) => {
+      if (action === "rename" || action === "paste") {
+        thenOpen(action === "rename" ? "renameDb" : "pasteCsv");
+        return;
+      }
+      setSheet(null);
+      setTimeout(() => action === "export" ? exportCsv() : importCsvFile(), 450);
+    } }),
+    /* @__PURE__ */ jsx(TextPromptDialog, { visible: sheet === "pasteCsv", palette, title: "Import CSV", message: "Paste CSV with a header row. Columns that match a property fill it; new ones become properties.", placeholder: "Name,Status\nFirst task,Done", multiline: true, confirmLabel: "Import", onClose: () => setSheet(null), onConfirm: (text) => {
+      setSheet(null);
+      importCsv(text);
+    } }),
+    /* @__PURE__ */ jsx(CellEditorSheet, { visible: Boolean(editingRow && editingColumn), row: editingRow, column: editingColumn, schema: db.schema, getValue, isDark, palette, onClose: () => setEditing(null), onSave: (value) => editingRow && editingColumn ? db.updateCell(editingRow.id, editingColumn.name, value) : Promise.resolve(null), onSaveSchema: db.saveSchema }),
+    /* @__PURE__ */ jsx(NotionToast, { toast, palette, onHide: hideToast })
+  ] }) });
+}
+function ToolButton({
+  palette,
+  icon,
+  label,
+  active,
+  onPress
+}) {
+  return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: label != null ? label : icon, onPress, style: [styles.tool, {
+    backgroundColor: active ? palette.primarySoft : palette.fill
+  }], children: [
+    /* @__PURE__ */ jsx(Ionicons, { name: icon, size: 16, color: active ? palette.primary : palette.text }),
+    label ? /* @__PURE__ */ jsx(Text, { style: [styles.toolText, {
+      color: active ? palette.primary : palette.text
+    }], children: label }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  center: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  titleRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    paddingHorizontal: 16,
+    paddingTop: 14,
+    paddingBottom: 8
+  },
+  icon: {
+    fontSize: 30
+  },
+  more: {
+    width: 34,
+    height: 34,
+    borderRadius: 10,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "800",
+    letterSpacing: -0.3
+  },
+  meta: {
+    fontSize: 13,
+    marginTop: 2
+  },
+  tabsBar: {
+    flexGrow: 0
+  },
+  tabs: {
+    paddingHorizontal: 12,
+    gap: 4,
+    alignItems: "center",
+    paddingVertical: 4
+  },
+  tab: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 12,
+    height: 34,
+    borderRadius: 10
+  },
+  tabOn: {
+    shadowColor: "#000",
+    shadowOpacity: 0.06,
+    shadowRadius: 4,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    elevation: 1
+  },
+  tabText: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  toolbarWrap: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    paddingRight: 12
+  },
+  toolbar: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  tool: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 5,
+    paddingHorizontal: 11,
+    height: 34,
+    borderRadius: 10
+  },
+  toolText: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  newButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    paddingHorizontal: 12,
+    height: 34,
+    borderRadius: 10
+  },
+  newText: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  selCount: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  search: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginHorizontal: 12,
+    marginTop: 8,
+    paddingHorizontal: 12,
+    height: 40,
+    borderRadius: 12
+  },
+  searchInput: {
+    flex: 1,
+    fontSize: 16,
+    paddingVertical: 0
+  }
+});export{NotionDatabaseView};//# sourceMappingURL=NotionDatabaseView.js.map