@dxos/react-ui-attention 0.9.0 → 0.9.1-staging.ee54ba693a

package/dist/lib/browser/types/index.mjs

@@ -1,8 +1,12 @@
 import {
   AttentionManager,
-  SelectionManager,
+  LocalBackend,
+  MemoryBackend,
   SelectionSchema,
+  ViewStateManager,
+  createDefaultBackends,
   defaultSelection,
+  defineViewState,
   expandAttendableId,
   getAttendables,
   getLinkedVariant,
@@ -10,13 +14,20 @@ import {
   getSegmentId,
   getSelectionSet,
   isLinkedSegment,
-  linkedSegment
-} from "../chunk-D2BLVJ6Z.mjs";
+  linkedSegment,
+  resolveSelection,
+  selectionAspect,
+  toggleSelection
+} from "../chunk-4HYAJ4IO.mjs";
 export {
   AttentionManager,
-  SelectionManager,
+  LocalBackend,
+  MemoryBackend,
   SelectionSchema,
+  ViewStateManager,
+  createDefaultBackends,
   defaultSelection,
+  defineViewState,
   expandAttendableId,
   getAttendables,
   getLinkedVariant,
@@ -24,6 +35,9 @@ export {
   getSegmentId,
   getSelectionSet,
   isLinkedSegment,
-  linkedSegment
+  linkedSegment,
+  resolveSelection,
+  selectionAspect,
+  toggleSelection
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/{chunk-ZTUVSH4P.mjs → chunk-DLBZMHST.mjs}

@@ -1,10 +1,13 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   AttentionManager,
-  SelectionManager,
-  defaultSelection,
-  getAttendables
-} from "./chunk-6INLBC62.mjs";
+  ViewStateManager,
+  createDefaultBackends,
+  getAttendables,
+  resolveSelection,
+  selectionAspect,
+  toggleSelection
+} from "./chunk-HWN7KJDX.mjs";
 
 // src/components/AttentionProvider/AttentionProvider.tsx
 import { RegistryContext } from "@effect-atom/atom-react";
@@ -118,127 +121,102 @@ var AttendableContainer = /* @__PURE__ */ forwardRef(({ id, classNames, children
   }, children);
 });
 
-// src/components/SelectionProvider/SelectionProvider.tsx
+// src/components/ViewStateProvider/ViewStateProvider.tsx
 import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
 import { createContext as createContext2 } from "@radix-ui/react-context";
-import * as Match from "effect/Match";
-import React2, { useCallback as useCallback2, useContext as useContext2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import React2, { useContext as useContext2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { invariant } from "@dxos/invariant";
 import { useDefaultValue as useDefaultValue2 } from "@dxos/react-hooks";
-var SELECTION_NAME = "Selection";
-var [SelectionContextProvider, useSelectionContext] = createContext2(SELECTION_NAME, {
-  selection: void 0
+var __dxlog_file2 = "/__w/dxos/dxos/packages/ui/react-ui-attention/src/components/ViewStateProvider/ViewStateProvider.tsx";
+var VIEW_STATE_NAME = "ViewState";
+var [ViewStateContextProvider, useViewStateContext] = createContext2(VIEW_STATE_NAME, {
+  manager: void 0
 });
-var SelectionProvider = ({ children, selection: selectionProp }) => {
+var ViewStateProvider = ({ children, manager: managerProp }) => {
   const registry = useContext2(RegistryContext2);
-  const selection = useDefaultValue2(selectionProp, () => new SelectionManager(registry));
-  return /* @__PURE__ */ React2.createElement(SelectionContextProvider, {
-    selection
+  const manager = useDefaultValue2(managerProp, () => new ViewStateManager({
+    registry,
+    backends: createDefaultBackends(registry)
+  }));
+  return /* @__PURE__ */ React2.createElement(ViewStateContextProvider, {
+    manager
   }, children);
 };
-var useSelectionManager = () => {
-  const { selection } = useSelectionContext(SELECTION_NAME);
-  return selection;
+var useViewStateManager = () => {
+  const { manager } = useViewStateContext(VIEW_STATE_NAME);
+  invariant(manager, "useViewStateManager() requires a ViewStateProvider ancestor.", { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 29, S: void 0, A: ["manager", "'useViewStateManager() requires a ViewStateProvider ancestor.'"] });
+  return manager;
 };
-var getDefaultResult = (mode) => {
-  return Match.type().pipe(Match.when({
-    mode: "single"
-  }, (selection) => selection.id), Match.when({
-    mode: "multi"
-  }, (selection) => selection.ids), Match.when({
-    mode: "range"
-  }, (selection) => selection.from && selection.to ? {
-    from: selection.from,
-    to: selection.to
-  } : void 0), Match.when({
-    mode: "multi-range"
-  }, (selection) => selection.ranges), Match.exhaustive)(defaultSelection(mode));
+var useViewStateManagerOptional = () => {
+  const { manager } = useViewStateContext(VIEW_STATE_NAME);
+  return manager;
 };
-var useSelected = (contextId, mode = "multi") => {
-  const { selection } = useSelectionContext(SELECTION_NAME);
-  const [state, setState] = useState2(() => contextId && selection ? selection.getSelected(contextId, mode) : getDefaultResult(mode));
+var useViewState = (aspect, contextId) => {
+  const { manager } = useViewStateContext(VIEW_STATE_NAME);
+  const [value, setValue] = useState2(() => contextId && manager ? manager.get(aspect, contextId) : aspect.defaultValue());
   useEffect2(() => {
-    if (!contextId || !selection) {
-      setState(getDefaultResult(mode));
+    if (!contextId || !manager) {
+      setValue(aspect.defaultValue());
       return;
     }
-    setState(selection.getSelected(contextId, mode));
-    return selection.subscribe(() => {
-      setState(selection.getSelected(contextId, mode));
-    });
+    setValue(manager.get(aspect, contextId));
+    return manager.subscribe(aspect, contextId, setValue);
   }, [
-    selection,
-    contextId,
-    mode
+    manager,
+    aspect,
+    contextId
   ]);
-  return state;
+  return value;
 };
-var useSelectionActions = (contextIds) => {
-  const stableContextIds = useMemo2(() => contextIds, [
-    JSON.stringify(contextIds)
-  ]);
-  const { selection } = useSelectionContext(SELECTION_NAME);
-  const singleSelect = useCallback2((id) => {
-    if (!selection) {
-      return;
+var useViewStateActions = (aspect, contextId) => {
+  const { manager } = useViewStateContext(VIEW_STATE_NAME);
+  return useMemo2(() => ({
+    set: (value) => {
+      if (contextId) {
+        manager?.set(aspect, contextId, value);
+      }
+    },
+    update: (fn) => {
+      if (contextId) {
+        manager?.update(aspect, contextId, fn);
+      }
+    },
+    clear: () => {
+      if (contextId) {
+        manager?.set(aspect, contextId, aspect.defaultValue());
+      }
     }
-    for (const contextId of stableContextIds) {
-      selection.updateSingle(contextId, id);
-    }
-  }, [
-    selection,
-    stableContextIds
+  }), [
+    manager,
+    aspect,
+    contextId
   ]);
-  const multiSelect = useCallback2((ids) => {
-    if (!selection) {
-      return;
-    }
-    for (const contextId of stableContextIds) {
-      selection.updateMulti(contextId, ids);
-    }
-  }, [
-    selection,
-    stableContextIds
-  ]);
-  const rangeSelect = useCallback2((from, to) => {
-    if (!selection) {
-      return;
-    }
-    for (const contextId of stableContextIds) {
-      selection.updateRange(contextId, from, to);
-    }
-  }, [
-    selection,
-    stableContextIds
-  ]);
-  const toggle = useCallback2((id) => {
-    if (!selection) {
-      return;
-    }
-    for (const contextId of stableContextIds) {
-      selection.toggleSelection(contextId, id);
-    }
-  }, [
-    selection,
-    stableContextIds
-  ]);
-  const clear = useCallback2(() => {
-    if (!selection) {
-      return;
-    }
-    for (const contextId of stableContextIds) {
-      selection.clearSelection(contextId);
-    }
-  }, [
-    selection,
-    stableContextIds
-  ]);
-  return {
-    singleSelect,
-    multiSelect,
-    rangeSelect,
-    toggle,
+};
+var useSelection = (contextId, mode = "multi") => resolveSelection(useViewState(selectionAspect, contextId), mode);
+var useSelectionActions = (contextId) => {
+  const { update, clear } = useViewStateActions(selectionAspect, contextId);
+  return useMemo2(() => ({
+    single: (id) => update(() => ({
+      mode: "single",
+      id
+    })),
+    multi: (ids) => update(() => ({
+      mode: "multi",
+      ids: [
+        ...ids
+      ]
+    })),
+    range: (from, to) => update(() => ({
+      mode: "range",
+      from,
+      to
+    })),
+    toggle: (id) => update((prev) => toggleSelection(prev, id)),
+    clear
+  }), [
+    update,
     clear
-  };
+  ]);
 };
 
 export {
@@ -248,9 +226,12 @@ export {
   useAttentionAttributes,
   RootAttentionProvider,
   AttendableContainer,
-  SelectionProvider,
-  useSelectionManager,
-  useSelected,
+  ViewStateProvider,
+  useViewStateManager,
+  useViewStateManagerOptional,
+  useViewState,
+  useViewStateActions,
+  useSelection,
   useSelectionActions
 };
-//# sourceMappingURL=chunk-ZTUVSH4P.mjs.map
+//# sourceMappingURL=chunk-DLBZMHST.mjs.map

package/dist/lib/node-esm/chunk-DLBZMHST.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AttentionProvider/AttentionProvider.tsx", "../../../src/components/ViewStateProvider/ViewStateProvider.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n  type ComponentPropsWithRef,\n  type FocusEvent,\n  type PropsWithChildren,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { log } from '@dxos/log';\nimport { useDefaultValue } from '@dxos/react-hooks';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { type Attention, AttentionManager, getAttendables } from '../../attention';\n\nconst ATTENTION_NAME = 'Attention';\nconst ATTENDABLE_ATTRIBUTE = 'data-attendable-id';\nconst ATTENTION_SOURCE_ATTRIBUTE = 'data-w-attention-source';\n\ntype AttentionContextValue = {\n  attention: AttentionManager;\n};\n\nconst [AttentionContextProvider, useAttentionContext] = createContext<AttentionContextValue>(ATTENTION_NAME, {\n  attention: undefined as unknown as AttentionManager,\n});\n\nconst UNKNOWN_ATTENDABLE = { hasAttention: false, isAncestor: false, isRelated: false } as Attention;\n\n/**\n * Subscribe to the attention state for a qualified graph ID.\n */\n// TODO(burdon): Unify with seleciton and change to contextId?\nconst useAttention = (attendableId?: string): Attention => {\n  const { attention } = useAttentionContext(ATTENTION_NAME);\n  const [state, setState] = useState<Attention>(UNKNOWN_ATTENDABLE);\n  useEffect(() => {\n    if (!attendableId || !attention) {\n      setState(UNKNOWN_ATTENDABLE);\n      return;\n    }\n\n    const currentState = attention.get(attendableId);\n    setState(currentState);\n\n    return attention.subscribe(attendableId, (newState) => {\n      setState(newState);\n    });\n  }, [attention, attendableId]);\n\n  return state;\n};\n\nconst useAttended = () => {\n  const { attention } = useAttentionContext(ATTENTION_NAME);\n  const [current, setCurrent] = useState<readonly string[]>([]);\n  useEffect(() => {\n    if (!attention) {\n      return;\n    }\n\n    setCurrent(attention.getCurrent());\n\n    return attention.subscribeCurrent((newCurrent) => {\n      setCurrent(newCurrent);\n    });\n  }, [attention]);\n\n  return current;\n};\n\n/**\n * Computes HTML element attributes to apply so the attention system can detect changes.\n */\nconst useAttentionAttributes = (attendableId?: string) => {\n  const { hasAttention } = useAttention(attendableId);\n  return useMemo(() => {\n    const attributes: Record<string, string | undefined> = { [ATTENDABLE_ATTRIBUTE]: attendableId };\n    if (hasAttention) {\n      attributes[ATTENTION_SOURCE_ATTRIBUTE] = 'true';\n    }\n\n    return attributes;\n  }, [attendableId, hasAttention]);\n};\n\ntype RootAttentionProviderProps = PropsWithChildren<{\n  attention?: AttentionManager;\n  onChange?: (nextAttended: string[]) => void;\n}>;\n\nconst RootAttentionProvider = ({ children, attention: propsAttention, onChange }: RootAttentionProviderProps) => {\n  const registry = useContext(RegistryContext);\n  const attention = useDefaultValue(propsAttention, () => new AttentionManager(registry));\n\n  const handleFocus = useCallback(\n    (event: FocusEvent) => {\n      // NOTE(thure): Use the following to debug focus movement across the app:\n      log('focus', { related: event.relatedTarget, target: event.target });\n\n      const selector = [\n        '[data-attendable-id]',\n        ...Array.from(document.querySelectorAll('[aria-controls]')).map(\n          (el) => `[id=\"${el.getAttribute('aria-controls')}\"]`,\n        ),\n      ].join(',');\n      const prev = attention.getCurrent();\n      const next = getAttendables(selector, event.target);\n      // TODO(wittjosiah): Not allowing empty state means that the attended item is not strictly guaranteed to be in the DOM.\n      //   Currently this depends on the deck in order to ensure that when the attended item is removed something else is attended.\n      // Only update state if the result is different and not empty.\n      if (next.length > 0 && (prev.length !== next.length || !!prev.find((id, index) => next[index] !== id))) {\n        attention.update(next);\n        onChange?.(next);\n      }\n    },\n    [attention, onChange],\n  );\n\n  return (\n    <AttentionContextProvider attention={attention}>\n      <div className='contents' onFocusCapture={handleFocus}>\n        {children}\n      </div>\n    </AttentionContextProvider>\n  );\n};\n\nexport type AttendableContainerProps = ThemedClassName<\n  ComponentPropsWithRef<'div'> & { id: string; asChild?: boolean }\n>;\n\n/**\n * Note that DeckPlugin and StackPlugin both handle attention on their own,\n * and when rendering content in those cases it is not necessary to also render an `AttendableContainer`.\n * This component is primarily for Storybook stories and other testing scenarios,\n * or the rare cases where an attendable entity is rendered outside of either of those plugins.\n */\nconst AttendableContainer = forwardRef<HTMLDivElement, AttendableContainerProps>(\n  ({ id, classNames, children, asChild, ...props }, forwardedRef) => {\n    const attentionAttrs = useAttentionAttributes(id);\n    const Comp = asChild ? Slot : Primitive.div;\n    return (\n      <Comp\n        role='none'\n        {...props}\n        {...attentionAttrs}\n        className={mx('dx-attention-surface', props.tabIndex === 0 && 'dx-focus-ring-inset-over-all', classNames)}\n        ref={forwardedRef}\n      >\n        {children}\n      </Comp>\n    );\n  },\n);\n\nexport {\n  AttendableContainer,\n  RootAttentionProvider,\n  useAttended,\n  useAttention,\n  useAttentionAttributes,\n  useAttentionContext,\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useContext, useEffect, useMemo, useState } from 'react';\n\nimport { invariant } from '@dxos/invariant';\nimport { useDefaultValue } from '@dxos/react-hooks';\n\nimport {\n  type SelectionMode,\n  type SelectionResult,\n  resolveSelection,\n  selectionAspect,\n  toggleSelection,\n} from '../../selection';\nimport { type AspectDef, ViewStateManager, createDefaultBackends } from '../../view-state';\n\nconst VIEW_STATE_NAME = 'ViewState';\n\ntype ViewStateContextValue = { manager?: ViewStateManager };\n\n// Default value lets consumers render outside a provider (isolated stories/tests) without throwing;\n// `manager` reads as `undefined` and hooks fall back to aspect defaults / no-op actions.\nconst [ViewStateContextProvider, useViewStateContext] = createContext<ViewStateContextValue>(VIEW_STATE_NAME, {\n  manager: undefined,\n});\n\n/** Provides the per-context UI state manager. Replaces the former `SelectionProvider`. */\nexport const ViewStateProvider = ({\n  children,\n  manager: managerProp,\n}: PropsWithChildren<{ manager?: ViewStateManager }>) => {\n  const registry = useContext(RegistryContext);\n  const manager = useDefaultValue(\n    managerProp,\n    () => new ViewStateManager({ registry, backends: createDefaultBackends(registry) }),\n  );\n  return <ViewStateContextProvider manager={manager}>{children}</ViewStateContextProvider>;\n};\n\n/** Access the underlying ViewStateManager from context. Throws when used outside a `ViewStateProvider`. */\nexport const useViewStateManager = (): ViewStateManager => {\n  const { manager } = useViewStateContext(VIEW_STATE_NAME);\n  invariant(manager, 'useViewStateManager() requires a ViewStateProvider ancestor.');\n  return manager;\n};\n\n/** Access the ViewStateManager if a provider is present; `undefined` otherwise (e.g. isolated stories/tests). */\nexport const useViewStateManagerOptional = (): ViewStateManager | undefined => {\n  const { manager } = useViewStateContext(VIEW_STATE_NAME);\n  return manager;\n};\n\n/** Reactive read of an aspect value for a context; yields the aspect default when unset or unprovided. */\nexport const useViewState = <T,>(aspect: AspectDef<T>, contextId?: string): T => {\n  const { manager } = useViewStateContext(VIEW_STATE_NAME);\n  const [value, setValue] = useState<T>(() =>\n    contextId && manager ? manager.get(aspect, contextId) : aspect.defaultValue(),\n  );\n  useEffect(() => {\n    if (!contextId || !manager) {\n      setValue(aspect.defaultValue());\n      return;\n    }\n    setValue(manager.get(aspect, contextId));\n    return manager.subscribe(aspect, contextId, setValue);\n  }, [manager, aspect, contextId]);\n  return value;\n};\n\nexport type UseViewStateActions<T> = {\n  set: (value: T) => void;\n  update: (fn: (prev: T) => T) => void;\n  clear: () => void;\n};\n\nexport const useViewStateActions = <T,>(aspect: AspectDef<T>, contextId?: string): UseViewStateActions<T> => {\n  const { manager } = useViewStateContext(VIEW_STATE_NAME);\n  return useMemo<UseViewStateActions<T>>(\n    () => ({\n      set: (value) => {\n        if (contextId) {\n          manager?.set(aspect, contextId, value);\n        }\n      },\n      update: (fn) => {\n        if (contextId) {\n          manager?.update(aspect, contextId, fn);\n        }\n      },\n      clear: () => {\n        if (contextId) {\n          manager?.set(aspect, contextId, aspect.defaultValue());\n        }\n      },\n    }),\n    [manager, aspect, contextId],\n  );\n};\n\n/** Resolved selection value for `contextId` in the requested `mode` (default `multi`). */\nexport const useSelection = <T extends SelectionMode>(contextId?: string, mode: T = 'multi' as T): SelectionResult<T> =>\n  resolveSelection(useViewState(selectionAspect, contextId), mode);\n\nexport type UseSelectionActions = {\n  single: (id: string) => void;\n  multi: (ids: string[]) => void;\n  range: (from: string, to: string) => void;\n  toggle: (id: string) => void;\n  clear: () => void;\n};\n\n/** Selection mutators for a single context, built on the generic ViewState actions. */\nexport const useSelectionActions = (contextId?: string): UseSelectionActions => {\n  const { update, clear } = useViewStateActions(selectionAspect, contextId);\n  return useMemo<UseSelectionActions>(\n    () => ({\n      single: (id) => update(() => ({ mode: 'single', id })),\n      multi: (ids) => update(() => ({ mode: 'multi', ids: [...ids] })),\n      range: (from, to) => update(() => ({ mode: 'range', from, to })),\n      toggle: (id) => update((prev) => toggleSelection(prev, id)),\n      clear,\n    }),\n    [update, clear],\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["RegistryContext", "createContext", "Primitive", "Slot", "React", "forwardRef", "useCallback", "useContext", "useEffect", "useMemo", "useState", "log", "useDefaultValue", "mx", "ATTENTION_NAME", "ATTENTION_SOURCE_ATTRIBUTE", "AttentionContextProvider", "attention", "undefined", "UNKNOWN_ATTENDABLE", "isAncestor", "isRelated", "setState", "useState", "useEffect", "attendableId", "subscribe", "newState", "useAttended", "setCurrent", "newCurrent", "attributes", "ATTENDABLE_ATTRIBUTE", "hasAttention", "useDefaultValue", "propsAttention", "AttentionManager", "registry", "handleFocus", "useCallback", "event", "log", "target", "selector", "join", "prev", "getCurrent", "next", "onChange", "div", "className", "onFocusCapture", "children", "Comp", "role", "attentionAttrs", "ref", "AttendableContainer", "RegistryContext", "createContext", "React", "useContext", "useEffect", "useMemo", "useState", "invariant", "useDefaultValue", "__dxlog_file", "VIEW_STATE_NAME", "createContext", "registry", "backends", "createDefaultBackends", "ViewStateContextProvider", "manager", "children", "defaultValue", "useEffect", "contextId", "setValue", "useMemo", "set", "value", "update", "clear", "aspect", "single", "mode", "id", "ids", "from", "to"]
+}