@ankhorage/zora 25.0.0 → 25.1.0

package/web-dist/chunks/Accordion-fmn31fgf.js

@@ -0,0 +1,321 @@
+'use client';
+import {
+  TileGrid2
+} from "./Accordion-54k0ncs3.js";
+import {
+  withZoraThemeScope
+} from "./Accordion-42jfy1a1.js";
+import {
+  Icon2
+} from "./Accordion-bb8y34wh.js";
+import {
+  Image2
+} from "./Accordion-mej71qnw.js";
+import {
+  Text3
+} from "./Accordion-afmybp67.js";
+import {
+  applySelectionIntent
+} from "./Accordion-n4et7etk.js";
+import {
+  useZoraTheme2
+} from "./Accordion-srjya6dz.js";
+import {
+  require_cjs
+} from "./Accordion-xgpzh4wq.js";
+import {
+  __toESM
+} from "./Accordion-nh0cs9hq.js";
+
+// src/features/explorer/adapters/inbound/Explorer.tsx
+var import_react_native = __toESM(require_cjs(), 1);
+import React2 from "react";
+
+// src/features/explorer/application/resolveExplorerSelection.ts
+function resolveExplorerSelection(orderedIds, currentIds, targetId, anchorId, intent, mode) {
+  const targetIndex = orderedIds.indexOf(targetId);
+  if (targetIndex < 0)
+    return currentIds;
+  if (mode === "single" || intent === "replace")
+    return applySelectionIntent(currentIds, targetId, "replace");
+  if (intent === "toggle") {
+    return applySelectionIntent(currentIds, targetId, "toggle");
+  }
+  const anchorIndex = anchorId === null ? -1 : orderedIds.indexOf(anchorId);
+  if (anchorIndex < 0)
+    return [targetId];
+  const start = Math.min(anchorIndex, targetIndex);
+  const end = Math.max(anchorIndex, targetIndex);
+  return orderedIds.slice(start, end + 1);
+}
+
+// src/features/explorer/adapters/inbound/ExplorerKeyboardProxy.web.tsx
+import { jsx } from "react/jsx-runtime";
+function ExplorerKeyboardProxy({ children, onKeyDown }) {
+  return /* @__PURE__ */ jsx("div", {
+    onKeyDown: (event) => {
+      if (onKeyDown(event.key, event.shiftKey))
+        event.preventDefault();
+    },
+    style: { display: "flex", flex: 1 },
+    children
+  });
+}
+
+// src/features/explorer/adapters/inbound/useExplorerKeyboardFocus.ts
+import React from "react";
+
+// src/features/explorer/application/getExplorerNextFocusId.ts
+function getExplorerNextFocusId(ids, currentId, key, columns, disabledIds = new Set) {
+  const delta = resolveFocusDelta(key, columns);
+  if (delta === null || ids.length === 0)
+    return null;
+  const firstIndex = ids.findIndex((id) => !disabledIds.has(id));
+  if (firstIndex < 0)
+    return null;
+  const currentIndex = Math.max(firstIndex, ids.indexOf(currentId ?? ""));
+  const candidateIndex = delta === Number.NEGATIVE_INFINITY ? 0 : delta === Number.POSITIVE_INFINITY ? ids.length - 1 : Math.max(0, Math.min(ids.length - 1, currentIndex + delta));
+  const direction = delta === Number.NEGATIVE_INFINITY ? 1 : delta === Number.POSITIVE_INFINITY ? -1 : Math.sign(delta);
+  for (let index = candidateIndex;index >= 0 && index < ids.length; index += direction) {
+    const candidate = ids.at(index);
+    if (candidate !== undefined && !disabledIds.has(candidate))
+      return candidate;
+  }
+  const current = ids.at(currentIndex);
+  return current !== undefined && !disabledIds.has(current) ? current : ids.at(firstIndex) ?? null;
+}
+function resolveFocusDelta(key, columns) {
+  const rowSize = Math.max(1, Math.floor(columns));
+  switch (key) {
+    case "ArrowLeft":
+      return -1;
+    case "ArrowRight":
+      return 1;
+    case "ArrowUp":
+      return -rowSize;
+    case "ArrowDown":
+      return rowSize;
+    case "Home":
+      return Number.NEGATIVE_INFINITY;
+    case "End":
+      return Number.POSITIVE_INFINITY;
+    default:
+      return null;
+  }
+}
+
+// src/features/explorer/adapters/inbound/useExplorerKeyboardFocus.ts
+function useExplorerKeyboardFocus(items, columns, disabled, visibleIds, onNavigate) {
+  const [focusedId, setFocusedId] = React.useState(null);
+  const focusedRef = React.useRef(null);
+  const pendingFocusRef = React.useRef(null);
+  const tileRefs = React.useRef(new Map);
+  const ids = React.useMemo(() => items.map(({ id }) => id), [items]);
+  const idSet = React.useMemo(() => new Set(ids), [ids]);
+  const disabledIds = React.useMemo(() => new Set(items.filter((item) => item.disabled).map(({ id }) => id)), [items]);
+  const visibleEligibleIds = visibleIds.filter((id) => idSet.has(id) && !disabledIds.has(id));
+  const tabStopId = focusedId !== null && visibleEligibleIds.includes(focusedId) ? focusedId : visibleEligibleIds[0] ?? ids.find((id) => !disabledIds.has(id));
+  const onFocus = React.useCallback((id) => {
+    pendingFocusRef.current = null;
+    focusedRef.current = id;
+    setFocusedId(id);
+  }, []);
+  const registerTile = React.useCallback((id, node) => {
+    if (node === null) {
+      tileRefs.current.delete(id);
+      return;
+    }
+    tileRefs.current.set(id, node);
+    if (pendingFocusRef.current === id) {
+      pendingFocusRef.current = null;
+      node.focus();
+    }
+  }, []);
+  const onKeyDown = React.useCallback((id, key, shiftKey) => {
+    if (disabled)
+      return false;
+    if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(key))
+      return false;
+    const originId = focusedRef.current ?? id;
+    const nextId = getExplorerNextFocusId(ids, originId, key, columns, disabledIds);
+    if (nextId === null || nextId === originId)
+      return true;
+    focusedRef.current = nextId;
+    pendingFocusRef.current = nextId;
+    setFocusedId(nextId);
+    onNavigate(nextId, originId, shiftKey);
+    const mounted = tileRefs.current.get(nextId);
+    if (mounted) {
+      pendingFocusRef.current = null;
+      mounted.focus();
+    }
+    return true;
+  }, [columns, disabled, disabledIds, ids, onNavigate]);
+  return { focusedId, tabStopId, onFocus, onKeyDown, registerTile };
+}
+
+// src/features/explorer/adapters/inbound/Explorer.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Explorer2 = withZoraThemeScope(ExplorerInner);
+function ExplorerInner({
+  items,
+  selectedIds,
+  defaultSelectedIds = [],
+  selectionMode = "single",
+  onSelectionChange,
+  onActivate,
+  width,
+  height,
+  tileSize = 120,
+  zoom = 1,
+  loading = false,
+  errorText,
+  emptyText = "No items",
+  disabled = false,
+  readOnly = false,
+  interactionPolicy,
+  testID
+}) {
+  const { theme } = useZoraTheme2();
+  const [internalSelectedIds, setInternalSelectedIds] = React2.useState(defaultSelectedIds);
+  const anchorId = React2.useRef(null);
+  const [columns, setColumns] = React2.useState(1);
+  const [visibleIds, setVisibleIds] = React2.useState([]);
+  const effectiveSelectedIds = selectedIds ?? internalSelectedIds;
+  const itemLookup = React2.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+  const ids = React2.useMemo(() => items.filter((item) => !item.disabled).map((item) => item.id), [items]);
+  const selected = new Set(effectiveSelectedIds);
+  const passive = interactionPolicy === "passive" || disabled || readOnly;
+  const select = (item, intent) => {
+    if (passive || item.disabled)
+      return;
+    const next = resolveExplorerSelection(ids, effectiveSelectedIds, item.id, anchorId.current, intent, selectionMode);
+    if (intent !== "range")
+      anchorId.current = item.id;
+    if (selectedIds === undefined)
+      setInternalSelectedIds(next);
+    onSelectionChange?.({ selectedIds: next });
+  };
+  const keyboard = useExplorerKeyboardFocus(items, columns, passive, visibleIds, (targetId, originId, shiftKey) => {
+    if (!shiftKey)
+      return;
+    anchorId.current ??= originId;
+    const nextItem = itemLookup.get(targetId);
+    if (nextItem)
+      select(nextItem, "range");
+  });
+  const renderTile = (tile) => {
+    const item = itemLookup.get(tile.id);
+    if (!item)
+      return null;
+    const isSelected = selected.has(item.id);
+    const canInteract = !passive && !item.disabled;
+    return /* @__PURE__ */ jsx2(ExplorerKeyboardProxy, {
+      onKeyDown: (key, shiftKey) => keyboard.onKeyDown(item.id, key, shiftKey),
+      children: /* @__PURE__ */ jsxs(import_react_native.Pressable, {
+        accessibilityLabel: item.name,
+        accessibilityRole: "button",
+        accessibilityState: { selected: isSelected, disabled: !canInteract },
+        disabled: !canInteract,
+        focusable: canInteract && (import_react_native.Platform.OS !== "web" || item.id === keyboard.tabStopId),
+        onFocus: () => keyboard.onFocus(item.id),
+        onLongPress: () => select(item, "toggle"),
+        onPress: (event) => {
+          const intent = resolveExplorerPressIntent(event.nativeEvent);
+          select(item, intent);
+          if (selectionMode === "single" && intent === "replace") {
+            onActivate?.({ id: item.id });
+          }
+        },
+        style: {
+          flex: 1,
+          overflow: "hidden",
+          borderRadius: 8,
+          borderWidth: isSelected ? 2 : 1,
+          borderColor: isSelected ? theme.colors.primary : theme.semantics.neutral.divider,
+          backgroundColor: theme.semantics.neutral.surface,
+          padding: 8,
+          gap: 4
+        },
+        ref: (node) => keyboard.registerTile(item.id, node),
+        testID: `explorer-item-${item.id}`,
+        children: [
+          /* @__PURE__ */ jsx2(import_react_native.View, {
+            style: { flex: 1, alignItems: "center", justifyContent: "center" },
+            children: item.thumbnailUri ? /* @__PURE__ */ jsx2(Image2, {
+              accessibilityLabel: item.name,
+              aspectRatio: 1,
+              source: item.thumbnailUri,
+              width: "100%"
+            }) : /* @__PURE__ */ jsx2(Icon2, {
+              name: item.kind === "folder" ? "folder-outline" : "document-outline",
+              size: 32
+            })
+          }),
+          /* @__PURE__ */ jsx2(Text3, {
+            numberOfLines: 1,
+            variant: "caption",
+            children: item.name
+          })
+        ]
+      })
+    });
+  };
+  if (errorText)
+    return /* @__PURE__ */ jsx2(Text3, {
+      testID,
+      children: errorText
+    });
+  if (loading)
+    return /* @__PURE__ */ jsx2(Text3, {
+      testID,
+      children: "Loading…"
+    });
+  if (items.length === 0)
+    return /* @__PURE__ */ jsx2(Text3, {
+      testID,
+      children: emptyText
+    });
+  return /* @__PURE__ */ jsx2(TileGrid2, {
+    focusedItemId: keyboard.focusedId ?? undefined,
+    height,
+    interactionPolicy,
+    onColumnsChange: setColumns,
+    onVisibleItemIdsChange: setVisibleIds,
+    items,
+    renderItem: renderTile,
+    testID,
+    tileSize,
+    width,
+    zoom
+  });
+}
+function resolveExplorerPressIntent(event) {
+  if (typeof event !== "object" || event === null)
+    return "replace";
+  if ("shiftKey" in event && event.shiftKey === true)
+    return "range";
+  if ("ctrlKey" in event && event.ctrlKey === true)
+    return "toggle";
+  if ("metaKey" in event && event.metaKey === true)
+    return "toggle";
+  return "replace";
+}
+
+// src/features/explorer/adapters/inbound/FileExplorer.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function FileExplorer2(props) {
+  return /* @__PURE__ */ jsx3(Explorer2, {
+    ...props
+  });
+}
+
+// src/features/explorer/adapters/inbound/MediaExplorer.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function MediaExplorer2(props) {
+  return /* @__PURE__ */ jsx4(Explorer2, {
+    ...props,
+    items: props.items.filter((item) => item.kind === "image" || item.kind === "video" || item.kind === "audio")
+  });
+}
+export { Explorer2, FileExplorer2, MediaExplorer2 };

package/web-dist/components/explorer/Explorer.js

@@ -1,5 +1,5 @@
 'use client';
-import"../../chunks/Accordion-8m8p9wpw.js";
+import"../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-bfzeab9x.js";
 import"../../chunks/Accordion-6wrr910w.js";
 import"../../chunks/Accordion-8f0nekwe.js";
@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-2gvs3frs.js";
+} from "../../chunks/Accordion-fmn31fgf.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

package/web-dist/components/file-explorer/FileExplorer.js

@@ -1,5 +1,5 @@
 'use client';
-import"../../chunks/Accordion-8m8p9wpw.js";
+import"../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-bfzeab9x.js";
 import"../../chunks/Accordion-6wrr910w.js";
 import"../../chunks/Accordion-8f0nekwe.js";
@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-2gvs3frs.js";
+} from "../../chunks/Accordion-fmn31fgf.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

package/web-dist/components/grid-view/GridView.js

@@ -2,7 +2,7 @@
 import {
   GridView2,
   TileGrid2
-} from "../../chunks/Accordion-8m8p9wpw.js";
+} from "../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-xgpzh4wq.js";
 export {
   GridView2 as GridView,

package/web-dist/components/media-explorer/MediaExplorer.js

@@ -1,5 +1,5 @@
 'use client';
-import"../../chunks/Accordion-8m8p9wpw.js";
+import"../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-bfzeab9x.js";
 import"../../chunks/Accordion-6wrr910w.js";
 import"../../chunks/Accordion-8f0nekwe.js";
@@ -14,7 +14,7 @@ import {
   Explorer2,
   FileExplorer2,
   MediaExplorer2
-} from "../../chunks/Accordion-2gvs3frs.js";
+} from "../../chunks/Accordion-fmn31fgf.js";
 import"../../chunks/Accordion-bff0p3x4.js";
 import"../../chunks/Accordion-srjya6dz.js";
 import"../../chunks/Accordion-184r2r82.js";

package/web-dist/components/tile-grid/TileGrid.js

@@ -2,7 +2,7 @@
 import {
   GridView2,
   TileGrid2
-} from "../../chunks/Accordion-8m8p9wpw.js";
+} from "../../chunks/Accordion-54k0ncs3.js";
 import"../../chunks/Accordion-xgpzh4wq.js";
 export {
   GridView2 as GridView,

package/web-dist/components/uploader/Uploader.js

@@ -25,7 +25,7 @@ import {
 import {
   Text3
 } from "../../chunks/Accordion-afmybp67.js";
-import"../../chunks/Accordion-8m8p9wpw.js";
+import"../../chunks/Accordion-54k0ncs3.js";
 import {
   Icon2
 } from "../../chunks/Accordion-bb8y34wh.js";
@@ -34,7 +34,7 @@ import {
 } from "../../chunks/Accordion-mej71qnw.js";
 import {
   Explorer2
-} from "../../chunks/Accordion-2gvs3frs.js";
+} from "../../chunks/Accordion-fmn31fgf.js";
 import"../../chunks/Accordion-ndf3jqhb.js";
 import"../../chunks/Accordion-45nc4bte.js";
 import {

package/web-dist/manifest.json

@@ -1224,18 +1224,18 @@
         "components/explorer/index.d.ts",
         "chunks/Accordion-09qs8gt1.js",
         "chunks/Accordion-184r2r82.js",
-        "chunks/Accordion-2gvs3frs.js",
         "chunks/Accordion-42jfy1a1.js",
+        "chunks/Accordion-54k0ncs3.js",
         "chunks/Accordion-59pa0677.js",
         "chunks/Accordion-6a2hscrx.js",
         "chunks/Accordion-6wrr910w.js",
         "chunks/Accordion-8f0nekwe.js",
-        "chunks/Accordion-8m8p9wpw.js",
         "chunks/Accordion-afmybp67.js",
         "chunks/Accordion-bb8y34wh.js",
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
         "chunks/Accordion-f0jsd9f9.js",
+        "chunks/Accordion-fmn31fgf.js",
         "chunks/Accordion-fre84yaq.js",
         "chunks/Accordion-mej71qnw.js",
         "chunks/Accordion-n4et7etk.js",
@@ -1289,18 +1289,18 @@
         "components/file-explorer/index.d.ts",
         "chunks/Accordion-09qs8gt1.js",
         "chunks/Accordion-184r2r82.js",
-        "chunks/Accordion-2gvs3frs.js",
         "chunks/Accordion-42jfy1a1.js",
+        "chunks/Accordion-54k0ncs3.js",
         "chunks/Accordion-59pa0677.js",
         "chunks/Accordion-6a2hscrx.js",
         "chunks/Accordion-6wrr910w.js",
         "chunks/Accordion-8f0nekwe.js",
-        "chunks/Accordion-8m8p9wpw.js",
         "chunks/Accordion-afmybp67.js",
         "chunks/Accordion-bb8y34wh.js",
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
         "chunks/Accordion-f0jsd9f9.js",
+        "chunks/Accordion-fmn31fgf.js",
         "chunks/Accordion-fre84yaq.js",
         "chunks/Accordion-mej71qnw.js",
         "chunks/Accordion-n4et7etk.js",
@@ -1730,7 +1730,7 @@
         "components/grid-view/GridView.d.ts",
         "components/grid-view/index.js",
         "components/grid-view/index.d.ts",
-        "chunks/Accordion-8m8p9wpw.js",
+        "chunks/Accordion-54k0ncs3.js",
         "chunks/Accordion-nh0cs9hq.js",
         "chunks/Accordion-xgpzh4wq.js"
       ],
@@ -2056,18 +2056,18 @@
         "components/media-explorer/index.d.ts",
         "chunks/Accordion-09qs8gt1.js",
         "chunks/Accordion-184r2r82.js",
-        "chunks/Accordion-2gvs3frs.js",
         "chunks/Accordion-42jfy1a1.js",
+        "chunks/Accordion-54k0ncs3.js",
         "chunks/Accordion-59pa0677.js",
         "chunks/Accordion-6a2hscrx.js",
         "chunks/Accordion-6wrr910w.js",
         "chunks/Accordion-8f0nekwe.js",
-        "chunks/Accordion-8m8p9wpw.js",
         "chunks/Accordion-afmybp67.js",
         "chunks/Accordion-bb8y34wh.js",
         "chunks/Accordion-bff0p3x4.js",
         "chunks/Accordion-bfzeab9x.js",
         "chunks/Accordion-f0jsd9f9.js",
+        "chunks/Accordion-fmn31fgf.js",
         "chunks/Accordion-fre84yaq.js",
         "chunks/Accordion-mej71qnw.js",
         "chunks/Accordion-n4et7etk.js",
@@ -3603,7 +3603,7 @@
         "components/tile-grid/TileGrid.d.ts",
         "components/tile-grid/index.js",
         "components/tile-grid/index.d.ts",
-        "chunks/Accordion-8m8p9wpw.js",
+        "chunks/Accordion-54k0ncs3.js",
         "chunks/Accordion-nh0cs9hq.js",
         "chunks/Accordion-xgpzh4wq.js"
       ],
@@ -3849,17 +3849,16 @@
         "chunks/Accordion-09qs8gt1.js",
         "chunks/Accordion-0gfsj9qh.js",
         "chunks/Accordion-184r2r82.js",
-        "chunks/Accordion-2gvs3frs.js",
         "chunks/Accordion-2nesr9cv.js",
         "chunks/Accordion-42jfy1a1.js",
         "chunks/Accordion-45nc4bte.js",
+        "chunks/Accordion-54k0ncs3.js",
         "chunks/Accordion-59pa0677.js",
         "chunks/Accordion-61e19g3e.js",
         "chunks/Accordion-6a2hscrx.js",
         "chunks/Accordion-6wrr910w.js",
         "chunks/Accordion-6zb9d92y.js",
         "chunks/Accordion-8f0nekwe.js",
-        "chunks/Accordion-8m8p9wpw.js",
         "chunks/Accordion-afmybp67.js",
         "chunks/Accordion-bb8y34wh.js",
         "chunks/Accordion-be2yhfqz.js",
@@ -3868,6 +3867,7 @@
         "chunks/Accordion-eqvdv7tt.js",
         "chunks/Accordion-f0jsd9f9.js",
         "chunks/Accordion-fkc50r9z.js",
+        "chunks/Accordion-fmn31fgf.js",
         "chunks/Accordion-fre84yaq.js",
         "chunks/Accordion-mej71qnw.js",
         "chunks/Accordion-mh67wb34.js",