@dxos/react-ui-attention 0.10.0 → 0.11.1

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

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

@@ -1,237 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  AttentionManager,
-  ViewStateManager,
-  createDefaultBackends,
-  getAttendables,
-  resolveSelection,
-  selectionAspect,
-  toggleSelection
-} from "./chunk-HWN7KJDX.mjs";
-
-// src/components/AttentionProvider/AttentionProvider.tsx
-import { RegistryContext } from "@effect-atom/atom-react";
-import { createContext } from "@radix-ui/react-context";
-import { Primitive } from "@radix-ui/react-primitive";
-import { Slot } from "@radix-ui/react-slot";
-import React, { forwardRef, useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { log } from "@dxos/log";
-import { useDefaultValue } from "@dxos/react-hooks";
-import { mx } from "@dxos/ui-theme";
-var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-attention/src/components/AttentionProvider/AttentionProvider.tsx";
-var ATTENTION_NAME = "Attention";
-var ATTENDABLE_ATTRIBUTE = "data-attendable-id";
-var ATTENTION_SOURCE_ATTRIBUTE = "data-w-attention-source";
-var [AttentionContextProvider, useAttentionContext] = createContext(ATTENTION_NAME, {
-  attention: void 0
-});
-var UNKNOWN_ATTENDABLE = {
-  hasAttention: false,
-  isAncestor: false,
-  isRelated: false
-};
-var useAttention = (attendableId) => {
-  const { attention } = useAttentionContext(ATTENTION_NAME);
-  const [state, setState] = useState(UNKNOWN_ATTENDABLE);
-  useEffect(() => {
-    if (!attendableId || !attention) {
-      setState(UNKNOWN_ATTENDABLE);
-      return;
-    }
-    const currentState = attention.get(attendableId);
-    setState(currentState);
-    return attention.subscribe(attendableId, (newState) => {
-      setState(newState);
-    });
-  }, [
-    attention,
-    attendableId
-  ]);
-  return state;
-};
-var useAttended = () => {
-  const { attention } = useAttentionContext(ATTENTION_NAME);
-  const [current, setCurrent] = useState([]);
-  useEffect(() => {
-    if (!attention) {
-      return;
-    }
-    setCurrent(attention.getCurrent());
-    return attention.subscribeCurrent((newCurrent) => {
-      setCurrent(newCurrent);
-    });
-  }, [
-    attention
-  ]);
-  return current;
-};
-var useAttentionAttributes = (attendableId) => {
-  const { hasAttention } = useAttention(attendableId);
-  return useMemo(() => {
-    const attributes = {
-      [ATTENDABLE_ATTRIBUTE]: attendableId
-    };
-    if (hasAttention) {
-      attributes[ATTENTION_SOURCE_ATTRIBUTE] = "true";
-    }
-    return attributes;
-  }, [
-    attendableId,
-    hasAttention
-  ]);
-};
-var RootAttentionProvider = ({ children, attention: propsAttention, onChange }) => {
-  const registry = useContext(RegistryContext);
-  const attention = useDefaultValue(propsAttention, () => new AttentionManager(registry));
-  const handleFocus = useCallback((event) => {
-    log("focus", {
-      related: event.relatedTarget,
-      target: event.target
-    }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 84, S: void 0 });
-    const selector = [
-      "[data-attendable-id]",
-      ...Array.from(document.querySelectorAll("[aria-controls]")).map((el) => `[id="${el.getAttribute("aria-controls")}"]`)
-    ].join(",");
-    const prev = attention.getCurrent();
-    const next = getAttendables(selector, event.target);
-    if (next.length > 0 && (prev.length !== next.length || !!prev.find((id, index) => next[index] !== id))) {
-      attention.update(next);
-      onChange?.(next);
-    }
-  }, [
-    attention,
-    onChange
-  ]);
-  return /* @__PURE__ */ React.createElement(AttentionContextProvider, {
-    attention
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "contents",
-    onFocusCapture: handleFocus
-  }, children));
-};
-var AttendableContainer = /* @__PURE__ */ forwardRef(({ id, classNames, children, asChild, ...props }, forwardedRef) => {
-  const attentionAttrs = useAttentionAttributes(id);
-  const Comp = asChild ? Slot : Primitive.div;
-  return /* @__PURE__ */ React.createElement(Comp, {
-    role: "none",
-    ...props,
-    ...attentionAttrs,
-    className: mx("dx-attention-surface", props.tabIndex === 0 && "dx-focus-ring-inset-over-all", classNames),
-    ref: forwardedRef
-  }, children);
-});
-
-// src/components/ViewStateProvider/ViewStateProvider.tsx
-import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
-import { createContext as createContext2 } from "@radix-ui/react-context";
-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 __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 ViewStateProvider = ({ children, manager: managerProp }) => {
-  const registry = useContext2(RegistryContext2);
-  const manager = useDefaultValue2(managerProp, () => new ViewStateManager({
-    registry,
-    backends: createDefaultBackends(registry)
-  }));
-  return /* @__PURE__ */ React2.createElement(ViewStateContextProvider, {
-    manager
-  }, children);
-};
-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 useViewStateManagerOptional = () => {
-  const { manager } = useViewStateContext(VIEW_STATE_NAME);
-  return manager;
-};
-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 || !manager) {
-      setValue(aspect.defaultValue());
-      return;
-    }
-    setValue(manager.get(aspect, contextId));
-    return manager.subscribe(aspect, contextId, setValue);
-  }, [
-    manager,
-    aspect,
-    contextId
-  ]);
-  return value;
-};
-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());
-      }
-    }
-  }), [
-    manager,
-    aspect,
-    contextId
-  ]);
-};
-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 {
-  useAttentionContext,
-  useAttention,
-  useAttended,
-  useAttentionAttributes,
-  RootAttentionProvider,
-  AttendableContainer,
-  ViewStateProvider,
-  useViewStateManager,
-  useViewStateManagerOptional,
-  useViewState,
-  useViewStateActions,
-  useSelection,
-  useSelectionActions
-};
-//# sourceMappingURL=chunk-DLBZMHST.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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"]
-}