@btndprojects/loam-ui-native 0.1.1 → 0.3.1

package/dist/chunk-CHPX4MFI.js

@@ -0,0 +1,239 @@
+import { Checkbox } from './chunk-KNILMM4H.js';
+import { IconTile } from './chunk-XBXUBBJZ.js';
+import { Alert } from './chunk-Z7I4ZSO6.js';
+import { Dialog, DialogFooter } from './chunk-AQ5FIG74.js';
+import { Button } from './chunk-5DTKORLI.js';
+import { Text } from './chunk-L4D5LHCH.js';
+import { Badge } from './chunk-LGNTP5XA.js';
+import { useLabels } from './chunk-APCWFOZW.js';
+import { __export, __reExport } from './chunk-I2KLQ2HA.js';
+import * as React2 from 'react';
+import * as loam_file_manager_core_star from '@btndprojects/loam-file-manager-core';
+import { resolveFileManagerLabels, newerSide, formatFileSize, formatFileExactTime, FILE_CATEGORY_ICON, fileCategory } from '@btndprojects/loam-file-manager-core';
+import { View, Platform } from 'react-native';
+import { createStyleSheet, useLoamTheme, useStyles } from '@btndprojects/loam-theme-native';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/file-manager/file-manager-labels.ts
+var file_manager_labels_exports = {};
+__export(file_manager_labels_exports, {
+  useFileManagerLabels: () => useFileManagerLabels
+});
+__reExport(file_manager_labels_exports, loam_file_manager_core_star);
+var NO_DEFAULTS = {};
+function useFileManagerLabels(own) {
+  const provided = useLabels("fileManager", NO_DEFAULTS);
+  return React2.useMemo(
+    () => resolveFileManagerLabels({
+      ...provided,
+      ...own,
+      sortKey: { ...provided.sortKey, ...own?.sortKey },
+      category: { ...provided.category, ...own?.category },
+      nameError: { ...provided.nameError, ...own?.nameError }
+    }),
+    [provided, own]
+  );
+}
+var isPromise = (value) => typeof value?.then === "function";
+function resolvePlatform(explicit, themed) {
+  if (explicit) return explicit;
+  if (Platform.OS === "ios") return "ios";
+  if (Platform.OS === "android") return "android";
+  return themed === "Android" ? "android" : "ios";
+}
+function ConflictRow({
+  entry,
+  origin,
+  newer,
+  labels,
+  os
+}) {
+  const { styles: s } = useStyles(sheet);
+  const meta = [
+    entry.type === "file" && entry.size !== void 0 ? formatFileSize(entry.size) : "",
+    entry.modifiedAt !== void 0 ? formatFileExactTime(entry.modifiedAt) : ""
+  ].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs(View, { style: s.row, children: [
+    /* @__PURE__ */ jsx(
+      IconTile,
+      {
+        icon: FILE_CATEGORY_ICON[fileCategory(entry)],
+        tone: entry.type === "folder" ? "accent" : "neutral",
+        size: "md"
+      }
+    ),
+    /* @__PURE__ */ jsxs(View, { style: s.rowText, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "overline", tone: "secondary", platform: os, children: origin }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          variant: "subheadline",
+          platform: os,
+          style: s.name,
+          numberOfLines: 1,
+          ellipsizeMode: "middle",
+          children: entry.name
+        }
+      ),
+      meta ? /* @__PURE__ */ jsx(Text, { variant: "caption1", tone: "secondary", platform: os, style: s.meta, children: meta }) : null
+    ] }),
+    newer ? /* @__PURE__ */ jsx(Badge, { variant: "info", size: "sm", children: labels.newer }) : null
+  ] });
+}
+function NameConflictDialog({
+  open,
+  onClose,
+  existing,
+  incoming,
+  existingOrigin,
+  incomingOrigin,
+  index,
+  total,
+  onResolve,
+  cannotReplace,
+  labels: labelsProp,
+  platform,
+  motion
+}) {
+  const theme = useLoamTheme();
+  const { styles: s } = useStyles(sheet);
+  const labels = useFileManagerLabels(labelsProp);
+  const os = resolvePlatform(platform, theme.platform);
+  const [failed, setFailed] = React2.useState(null);
+  const [pending, setPending] = React2.useState(null);
+  const [all, setAll] = React2.useState(false);
+  const mounted = React2.useRef(true);
+  React2.useEffect(
+    () => () => {
+      mounted.current = false;
+    },
+    []
+  );
+  React2.useEffect(() => {
+    if (open) setFailed(null);
+  }, [open, existing, incoming]);
+  const folder = existing.type === "folder" && incoming.type === "folder";
+  const remaining = index !== void 0 && total !== void 0 ? total - index : 0;
+  const newer = newerSide(existing.modifiedAt, incoming.modifiedAt);
+  const replaceReason = cannotReplace ?? (existing.locked ? labels.cannotReplaceLocked : void 0);
+  const resolve = (choice) => () => {
+    if (pending) return;
+    setFailed(null);
+    const result = onResolve(choice, remaining > 0 && all);
+    if (!isPromise(result)) return;
+    setPending(choice);
+    result.then(
+      () => {
+        if (mounted.current) setPending(null);
+      },
+      () => {
+        if (!mounted.current) return;
+        setPending(null);
+        setFailed(choice);
+      }
+    );
+  };
+  const choices = folder ? [
+    { choice: "skip", label: labels.skip },
+    { choice: "replace", label: labels.replace },
+    { choice: "merge", label: labels.merge, primary: true }
+  ] : [
+    { choice: "skip", label: labels.skip },
+    { choice: "keep-both", label: labels.keepBoth },
+    { choice: "replace", label: labels.replace, primary: true }
+  ];
+  const button = (c) => {
+    const blocked = c.choice === "replace" && !!replaceReason;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: os === "android" ? "ghost" : c.primary ? "primary" : "outline",
+        size: os === "ios" ? "lg" : "md",
+        fullWidth: os === "ios",
+        disabled: blocked,
+        loading: pending === c.choice,
+        onPress: resolve(c.choice),
+        children: c.label
+      },
+      c.choice
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose: () => {
+        if (!pending) onClose();
+      },
+      platform: os,
+      title: labels.conflictTitle(existing.name, folder),
+      description: labels.conflictDescription(folder),
+      motion,
+      children: [
+        /* @__PURE__ */ jsxs(View, { style: s.body, children: [
+          index !== void 0 && total !== void 0 && total > 1 ? /* @__PURE__ */ jsx(Text, { variant: "overline", tone: "secondary", platform: os, children: labels.conflictCounter(index, total) }) : null,
+          /* @__PURE__ */ jsxs(View, { style: s.compare, children: [
+            /* @__PURE__ */ jsx(
+              ConflictRow,
+              {
+                entry: existing,
+                origin: existingOrigin ?? labels.conflictExisting,
+                newer: newer === "a",
+                labels,
+                os
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ConflictRow,
+              {
+                entry: incoming,
+                origin: incomingOrigin ?? labels.conflictIncoming,
+                newer: newer === "b",
+                labels,
+                os
+              }
+            )
+          ] }),
+          folder ? /* @__PURE__ */ jsx(Text, { variant: "footnote", tone: "secondary", platform: os, children: labels.folderConsequence }) : null,
+          replaceReason ? /* @__PURE__ */ jsx(Text, { variant: "footnote", tone: "secondary", platform: os, children: replaceReason }) : null,
+          failed ? /* @__PURE__ */ jsx(
+            Alert,
+            {
+              tone: "danger",
+              size: "compact",
+              title: labels.failed(choices.find((c) => c.choice === failed)?.label ?? ""),
+              action: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onPress: resolve(failed), children: labels.tryAgain })
+            }
+          ) : null,
+          remaining > 0 ? /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              size: "sm",
+              platform: os,
+              label: labels.applyToAll(remaining),
+              checked: all,
+              onCheckedChange: setAll
+            }
+          ) : null
+        ] }),
+        os === "android" ? /* @__PURE__ */ jsx(View, { style: s.androidActions, children: choices.map(button) }) : /* @__PURE__ */ jsx(DialogFooter, { children: choices.map(button) })
+      ]
+    }
+  );
+}
+var sheet = createStyleSheet((theme) => ({
+  body: { gap: theme.space.s3 },
+  compare: {
+    gap: theme.space.s3,
+    padding: theme.space.s3,
+    borderRadius: theme.radius.md,
+    backgroundColor: theme.color.surface2
+  },
+  row: { flexDirection: "row", alignItems: "center", gap: theme.space.s3 },
+  rowText: { flex: 1, minWidth: 0, gap: theme.space[2] },
+  name: { fontWeight: theme.type.headline.fontWeight, color: theme.color.text },
+  meta: { fontVariant: ["tabular-nums"] },
+  androidActions: { alignItems: "flex-end", gap: theme.space.s1, marginTop: theme.space.s2 }
+}));
+
+export { NameConflictDialog, file_manager_labels_exports, useFileManagerLabels };