@ankhorage/zora 22.1.4 → 23.1.0

package/web-dist/components/tree-item/TreeItem.js

@@ -1,39 +1,51 @@
 'use client';
-import"../../chunks/Accordion-7hn324r1.js";
-import"../../chunks/Accordion-vq462y0x.js";
 import"../../chunks/Accordion-x5ny2aax.js";
+import {
+  require_cjs
+} from "../../chunks/Accordion-7hn324r1.js";
+import {
+  Pressable
+} from "../../chunks/Accordion-cdppbyad.js";
+import"../../chunks/Accordion-vq462y0x.js";
 import"../../chunks/Accordion-r1epjp5y.js";
-import"../../chunks/Accordion-cdppbyad.js";
-import"../../chunks/Accordion-bsy1jrak.js";
+import"../../chunks/Accordion-ff583p4q.js";
 import {
   IconButton2
-} from "../../chunks/Accordion-nc5gnvnb.js";
+} from "../../chunks/Accordion-yms7x22j.js";
 import"../../chunks/Accordion-kcx57mk5.js";
 import {
   withZoraThemeScope
-} from "../../chunks/Accordion-k3bc4kad.js";
+} from "../../chunks/Accordion-13y3zx87.js";
 import {
   View2
-} from "../../chunks/Accordion-j2aw3d5b.js";
+} from "../../chunks/Accordion-01e56hb5.js";
 import {
   Icon2
-} from "../../chunks/Accordion-1cgz6f8t.js";
-import"../../chunks/Accordion-ycmg06sq.js";
+} from "../../chunks/Accordion-x4rjd7yn.js";
+import"../../chunks/Accordion-46vwm9xv.js";
 import {
   ListItem2
-} from "../../chunks/Accordion-pnvt10cv.js";
-import"../../chunks/Accordion-45ej9brb.js";
+} from "../../chunks/Accordion-rnjt5z4y.js";
+import"../../chunks/Accordion-tyqds4zr.js";
+import"../../chunks/Accordion-q0st659f.js";
 import {
   toggleExpandedIds
 } from "../../chunks/Accordion-52fg6h9t.js";
+import {
+  resolveSelectionEventIntent
+} from "../../chunks/Accordion-5df6cgyf.js";
 import"../../chunks/Accordion-61e19g3e.js";
+import"../../chunks/Accordion-ys214jt5.js";
 import"../../chunks/Accordion-e1nn8m46.js";
 import"../../chunks/Accordion-7zfskq1s.js";
-import"../../chunks/Accordion-ys214jt5.js";
 import"../../chunks/Accordion-rgyg9bw8.js";
 import"../../chunks/Accordion-fre84yaq.js";
+import {
+  __toESM
+} from "../../chunks/Accordion-9qvmwkxe.js";
 
 // src/features/tree-view/adapters/inbound/TreeItem.tsx
+var import_react_native = __toESM(require_cjs(), 1);
 import { jsx, jsxs } from "react/jsx-runtime";
 function TreeItemInner({
   themeId: _themeId,
@@ -41,7 +53,7 @@ function TreeItemInner({
   node,
   depth,
   expansionIndicator,
-  selectedId,
+  selectedIds,
   expandedIds,
   onSelect,
   onToggleExpand,
@@ -51,7 +63,7 @@ function TreeItemInner({
 }) {
   const hasChildren = node.children !== undefined && node.children.length > 0;
   const isExpanded = expandedIds.includes(node.id);
-  const isSelected = selectedId === node.id;
+  const isSelected = selectedIds.includes(node.id);
   const renderContent = () => {
     if (renderItem) {
       return renderItem({
@@ -73,11 +85,19 @@ function TreeItemInner({
       selected: isSelected,
       trailing: node.actions
     };
-    return onSelect === undefined ? /* @__PURE__ */ jsx(ListItem2, {
-      ...listItemProps
-    }) : /* @__PURE__ */ jsx(ListItem2, {
-      ...listItemProps,
-      onPress: () => onSelect(node.id)
+    if (onSelect === undefined)
+      return /* @__PURE__ */ jsx(ListItem2, {
+        ...listItemProps
+      });
+    return /* @__PURE__ */ jsx(Pressable, {
+      accessibilityRole: "button",
+      accessibilityState: { disabled: node.disabled, selected: isSelected },
+      disabled: node.disabled,
+      interactionPolicy,
+      onPress: (event) => onSelect(node.id, resolveSelectionEventIntent(event, import_react_native.Platform.OS === "web" ? "pointer" : "touch")),
+      children: /* @__PURE__ */ jsx(ListItem2, {
+        ...listItemProps
+      })
     });
   };
   return /* @__PURE__ */ jsxs(View2, {
@@ -122,7 +142,7 @@ function TreeItemInner({
           onSelect,
           onToggleExpand,
           renderItem,
-          selectedId
+          selectedIds
         }, child.id))
       }) : null
     ]
@@ -136,7 +156,7 @@ function TreeViewInner({
   themeId: _themeId,
   mode: _mode,
   nodes,
-  selectedId,
+  selectedIds = [],
   expandedIds: controlledExpandedIds,
   defaultExpandedIds,
   onSelect,
@@ -153,9 +173,8 @@ function TreeViewInner({
     if (interactionPolicy === "passive")
       return;
     const nextExpandedIds = toggleExpandedIds(expandedIds, id);
-    if (!isControlled) {
+    if (!isControlled)
       setInternalExpandedIds(nextExpandedIds);
-    }
     onExpandedChange?.(nextExpandedIds);
   };
   return /* @__PURE__ */ jsx2(View2, {
@@ -169,7 +188,7 @@ function TreeViewInner({
       onSelect,
       onToggleExpand: handleToggleExpand,
       renderItem,
-      selectedId,
+      selectedIds,
       interactionPolicy
     }, node.id))
   });

package/web-dist/components/tree-view/TreeView.d.ts

@@ -1,3 +1,4 @@
+import type { SelectionIntent } from '@ankhorage/utility/selection';
 import React from 'react';
 export interface TreeItemNode<TId extends string = string> {
     readonly id: TId;
@@ -17,10 +18,10 @@ export interface TreeItemRenderProps<TId extends string = string> {
 }
 export interface TreeViewProps<TId extends string = string> {
     readonly nodes: readonly TreeItemNode<TId>[];
-    readonly selectedId?: TId;
+    readonly selectedIds?: readonly TId[];
     readonly expandedIds?: readonly TId[];
     readonly defaultExpandedIds?: readonly TId[];
-    readonly onSelect?: (id: TId) => void;
+    readonly onSelect?: (id: TId, intent: SelectionIntent) => void;
     readonly onExpandedChange?: (ids: readonly TId[]) => void;
     readonly renderItem?: (props: TreeItemRenderProps<TId>) => React.ReactNode;
     readonly expansionIndicator?: 'chevron' | 'folder';
@@ -33,5 +34,5 @@ export interface TreeViewProps<TId extends string = string> {
  * expansionIndicator Use `chevron` beside custom node icons, or `folder` (default) for
  * built-in folder/file indicators. Expansion is leading and independent from row selection.
  */
-export declare function TreeView<TId extends string = string>({ nodes, selectedId, expandedIds: controlledExpandedIds, defaultExpandedIds, onSelect, onExpandedChange, renderItem, expansionIndicator, className, style, ariaLabel, }: TreeViewProps<TId>): React.JSX.Element;
+export declare function TreeView<TId extends string = string>({ nodes, selectedIds, expandedIds: controlledExpandedIds, defaultExpandedIds, onSelect, onExpandedChange, renderItem, expansionIndicator, className, style, ariaLabel, }: TreeViewProps<TId>): React.JSX.Element;
 //# sourceMappingURL=TreeView.d.ts.map

package/web-dist/components/tree-view/TreeView.js

@@ -2,6 +2,9 @@
 import {
   toggleExpandedIds
 } from "../../chunks/Accordion-52fg6h9t.js";
+import {
+  resolveSelectionEventIntent
+} from "../../chunks/Accordion-5df6cgyf.js";
 
 // src/features/tree-view/adapters/inbound/web-artifact/TreeView.tsx
 import React2 from "react";
@@ -42,7 +45,7 @@ function TreeItemRow(props) {
   const { node } = props;
   const hasChildren = node.children !== undefined && node.children.length > 0;
   const expanded = props.expandedIds.includes(node.id);
-  const selected = props.selectedId === node.id;
+  const selected = props.selectedIds.includes(node.id);
   const content = props.renderItem?.({
     node,
     depth: props.depth,
@@ -59,7 +62,8 @@ function TreeItemRow(props) {
         "aria-disabled": node.disabled === true ? true : undefined,
         "aria-expanded": hasChildren ? expanded : undefined,
         "aria-selected": selected,
-        onClick: () => selectNode(props),
+        onPointerUp: (event) => selectNode(event, props),
+        onClick: (event) => selectNodeFromSyntheticClick(event, props),
         onKeyDown: (event) => selectNodeFromKeyboard(event, props),
         role: "treeitem",
         tabIndex: node.disabled || props.onSelect === undefined ? undefined : 0,
@@ -112,6 +116,7 @@ function TreeItemActions({ actions }) {
     return null;
   return /* @__PURE__ */ jsx2("span", {
     onClick: (event) => event.stopPropagation(),
+    onPointerUp: (event) => event.stopPropagation(),
     onKeyDown: (event) => event.stopPropagation(),
     style: INLINE_STYLE,
     children: actions
@@ -133,6 +138,7 @@ function TreeItemExpander(props) {
     "aria-label": props.expanded ? "Collapse" : "Expand",
     disabled: props.disabled,
     onKeyDown: (event) => event.stopPropagation(),
+    onPointerUp: (event) => event.stopPropagation(),
     onClick: (event) => {
       event.stopPropagation();
       props.onToggleExpand(props.nodeId);
@@ -153,15 +159,21 @@ function TreeItemChildren(props) {
     }))
   });
 }
-function selectNode(props) {
-  if (!props.node.disabled)
-    props.onSelect?.(props.node.id);
+function selectNode(event, props) {
+  if (props.node.disabled)
+    return;
+  props.onSelect?.(props.node.id, resolveSelectionEventIntent(event, "pointer"));
+}
+function selectNodeFromSyntheticClick(event, props) {
+  if (event.detail !== 0 || props.node.disabled)
+    return;
+  props.onSelect?.(props.node.id, resolveSelectionEventIntent(event, "keyboard"));
 }
 function selectNodeFromKeyboard(event, props) {
   if (props.node.disabled || event.key !== "Enter" && event.key !== " ")
     return;
   event.preventDefault();
-  props.onSelect?.(props.node.id);
+  props.onSelect?.(props.node.id, resolveSelectionEventIntent(event, "keyboard"));
 }
 function createRowStyle(depth, selected, disabled, selectable) {
   return {
@@ -217,7 +229,7 @@ var EXPANDER_STYLE = {
 import { jsx as jsx3 } from "react/jsx-runtime";
 function TreeView({
   nodes,
-  selectedId,
+  selectedIds = [],
   expandedIds: controlledExpandedIds,
   defaultExpandedIds,
   onSelect,
@@ -238,10 +250,11 @@ function TreeView({
       setInternalExpandedIds(nextExpandedIds);
     onExpandedChange?.(nextExpandedIds);
   }, [expandedIds, isControlled, onExpandedChange]);
-  useSelectedTreeItemReveal(rootRef, selectedId, expandedIds);
+  useSelectedTreeItemReveal(rootRef, selectedIds, expandedIds);
   return /* @__PURE__ */ jsx3("div", {
     ref: rootRef,
     "aria-label": ariaLabel,
+    "aria-multiselectable": "true",
     className,
     role: "tree",
     style: { ...TREE_STYLE, ...style },
@@ -253,17 +266,17 @@ function TreeView({
       onSelect,
       onToggleExpand: handleToggleExpand,
       renderItem,
-      selectedId
+      selectedIds
     }, node.id))
   });
 }
-function useSelectedTreeItemReveal(rootRef, selectedId, expandedIds) {
+function useSelectedTreeItemReveal(rootRef, selectedIds, expandedIds) {
   React2.useEffect(() => {
-    if (selectedId === undefined)
+    if (selectedIds.length === 0)
       return;
     const root = rootRef.current;
     root?.querySelector('[role="treeitem"][aria-selected="true"]')?.scrollIntoView({ block: "nearest", inline: "nearest" });
-  }, [expandedIds, rootRef, selectedId]);
+  }, [expandedIds, rootRef, selectedIds]);
 }
 var TREE_STYLE = {
   display: "flex",

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

@@ -4,46 +4,46 @@ import"../../chunks/Accordion-vq462y0x.js";
 import"../../chunks/Accordion-x5ny2aax.js";
 import"../../chunks/Accordion-r1epjp5y.js";
 import"../../chunks/Accordion-cdppbyad.js";
-import"../../chunks/Accordion-bsy1jrak.js";
+import"../../chunks/Accordion-ff583p4q.js";
 import {
   Button2
-} from "../../chunks/Accordion-nc5gnvnb.js";
+} from "../../chunks/Accordion-yms7x22j.js";
 import"../../chunks/Accordion-kcx57mk5.js";
 import {
   withZoraThemeScope
-} from "../../chunks/Accordion-k3bc4kad.js";
+} from "../../chunks/Accordion-13y3zx87.js";
 import {
   View2
-} from "../../chunks/Accordion-j2aw3d5b.js";
+} from "../../chunks/Accordion-01e56hb5.js";
 import"../../chunks/Accordion-6zb9d92y.js";
 import"../../chunks/Accordion-w6n8e1ff.js";
 import"../../chunks/Accordion-99cj85ez.js";
 import"../../chunks/Accordion-13b6y37e.js";
 import {
   Dialog2
-} from "../../chunks/Accordion-nn38n7q4.js";
+} from "../../chunks/Accordion-4r9a9qny.js";
 import {
-  Text2
-} from "../../chunks/Accordion-ycmg06sq.js";
-import"../../chunks/Accordion-yz7b7njb.js";
-import"../../chunks/Accordion-zx0jc0kg.js";
+  Text3
+} from "../../chunks/Accordion-46vwm9xv.js";
+import"../../chunks/Accordion-ejy7gr0a.js";
+import"../../chunks/Accordion-qb8ppq9t.js";
 import {
   Field2
-} from "../../chunks/Accordion-v1dtv6v0.js";
+} from "../../chunks/Accordion-5pskbqss.js";
 import {
   Icon2
-} from "../../chunks/Accordion-1cgz6f8t.js";
+} from "../../chunks/Accordion-x4rjd7yn.js";
 import {
   Image2
-} from "../../chunks/Accordion-cecn51ry.js";
+} from "../../chunks/Accordion-17pht8jd.js";
 import {
   Progress2
-} from "../../chunks/Accordion-9rnepkvk.js";
+} from "../../chunks/Accordion-rev0zb75.js";
 import"../../chunks/Accordion-eqvdv7tt.js";
 import"../../chunks/Accordion-61e19g3e.js";
+import"../../chunks/Accordion-ys214jt5.js";
 import"../../chunks/Accordion-e1nn8m46.js";
 import"../../chunks/Accordion-7zfskq1s.js";
-import"../../chunks/Accordion-ys214jt5.js";
 import"../../chunks/Accordion-rgyg9bw8.js";
 import"../../chunks/Accordion-fre84yaq.js";
 
@@ -353,7 +353,7 @@ function UploaderInner({
             resolvedAccept || maxSizeBytes ? /* @__PURE__ */ jsxs(View2, {
               gap: "xs",
               children: [
-                resolvedAccept ? /* @__PURE__ */ jsxs(Text2, {
+                resolvedAccept ? /* @__PURE__ */ jsxs(Text3, {
                   emphasis: "muted",
                   variant: "caption",
                   children: [
@@ -361,7 +361,7 @@ function UploaderInner({
                     resolvedAccept
                   ]
                 }) : null,
-                maxSizeBytes ? /* @__PURE__ */ jsxs(Text2, {
+                maxSizeBytes ? /* @__PURE__ */ jsxs(Text3, {
                   emphasis: "muted",
                   variant: "caption",
                   children: [
@@ -374,7 +374,7 @@ function UploaderInner({
             uploading ? /* @__PURE__ */ jsxs(View2, {
               gap: "xs",
               children: [
-                /* @__PURE__ */ jsx(Text2, {
+                /* @__PURE__ */ jsx(Text3, {
                   emphasis: "muted",
                   variant: "caption",
                   children: "Uploading…"
@@ -477,12 +477,12 @@ function UploadPresentation({
         /* @__PURE__ */ jsxs(View2, {
           gap: "xs",
           children: [
-            /* @__PURE__ */ jsx(Text2, {
+            /* @__PURE__ */ jsx(Text3, {
               variant: "label",
               weight: "semiBold",
               children: asset?.fileName ?? "No file selected"
             }),
-            asset?.contentType ? /* @__PURE__ */ jsx(Text2, {
+            asset?.contentType ? /* @__PURE__ */ jsx(Text3, {
               emphasis: "muted",
               variant: "caption",
               children: asset.contentType

package/web-dist/components/view/View.js

@@ -1,7 +1,7 @@
 'use client';
 import"../../chunks/Accordion-kcx57mk5.js";
 import"../../chunks/Accordion-7hn324r1.js";
-import"../../chunks/Accordion-k3bc4kad.js";
+import"../../chunks/Accordion-13y3zx87.js";
 import"../../chunks/Accordion-x5ny2aax.js";
 import"../../chunks/Accordion-r1epjp5y.js";
 import {
@@ -11,7 +11,7 @@ import {
   Grid2,
   ScrollView2,
   Screen2
-} from "../../chunks/Accordion-j2aw3d5b.js";
+} from "../../chunks/Accordion-01e56hb5.js";
 import"../../chunks/Accordion-rgyg9bw8.js";
 import"../../chunks/Accordion-fre84yaq.js";
 export {