@ark-ui/react 2.1.0 → 2.2.0

package/tree-view/tree-view-branch-indicator.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const anatomy = require('@ark-ui/anatomy');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
@@ -15,12 +14,7 @@ const TreeViewBranchIndicator = react.forwardRef(
   (props, ref) => {
     const api = treeViewContext.useTreeViewContext();
     const branchProps = treeViewBranchContext.useTreeViewBranchContext();
-    const mergedProps = react$1.mergeProps(
-      api.getBranchProps(branchProps),
-      // TODO use api.getBranchIndicatorProps() when available
-      anatomy.treeViewAnatomy.build().branchIndicator.attrs,
-      props
-    );
+    const mergedProps = react$1.mergeProps(api.getBranchIndicatorProps(branchProps), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

package/tree-view/tree-view-branch-indicator.mjs

@@ -1,6 +1,5 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { treeViewAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
@@ -11,12 +10,7 @@ const TreeViewBranchIndicator = forwardRef(
   (props, ref) => {
     const api = useTreeViewContext();
     const branchProps = useTreeViewBranchContext();
-    const mergedProps = mergeProps(
-      api.getBranchProps(branchProps),
-      // TODO use api.getBranchIndicatorProps() when available
-      treeViewAnatomy.build().branchIndicator.attrs,
-      props
-    );
+    const mergedProps = mergeProps(api.getBranchIndicatorProps(branchProps), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

package/tree-view/tree-view-root.cjs

@@ -16,7 +16,8 @@ const TreeViewRoot = react.forwardRef((props, ref) => {
   const [useTreeViewProps, { children, ...localProps }] = createSplitProps.createSplitProps()(
     props,
     [
-      "defaultFocusedId",
+      "defaultExpandedIds",
+      "defaultSelectedIds",
       "dir",
       "expandedIds",
       "focusedId",

package/tree-view/tree-view-root.mjs

@@ -12,7 +12,8 @@ const TreeViewRoot = forwardRef((props, ref) => {
   const [useTreeViewProps, { children, ...localProps }] = createSplitProps()(
     props,
     [
-      "defaultFocusedId",
+      "defaultExpandedIds",
+      "defaultSelectedIds",
       "dir",
       "expandedIds",
       "focusedId",

package/tree-view/use-tree-view.cjs

@@ -32,12 +32,12 @@ const useTreeView = (props = {}) => {
   const initialContext = {
     id: react.useId(),
     getRootNode: environmentContext.useEnvironmentContext(),
-    focusedId: props.defaultFocusedId,
+    selectedIds: props.defaultSelectedIds,
+    expandedIds: props.defaultExpandedIds,
     ...props
   };
   const context = {
     ...initialContext,
-    focusedId: props.focusedId,
     onFocusChange: useEvent.useEvent(props.onFocusChange, { sync: true }),
     onExpandedChange: useEvent.useEvent(props.onExpandedChange),
     onSelectionChange: useEvent.useEvent(props.onSelectionChange)

package/tree-view/use-tree-view.d.ts

@@ -3,9 +3,13 @@ import * as treeView from '@zag-js/tree-view';
 import { type Optional } from '../types';
 export interface UseTreeViewProps extends Optional<treeView.Context, 'id'> {
     /**
-     * The initial focused index of the tree view.
+     * The initial selected ids of the tree view.
      */
-    defaultFocusedId?: treeView.Context['focusedId'];
+    defaultSelectedIds?: treeView.Context['selectedIds'];
+    /**
+     * The initial expanded ids of the tree view.
+     */
+    defaultExpandedIds?: treeView.Context['expandedIds'];
 }
 export interface UseTreeViewReturn extends treeView.Api<PropTypes> {
 }

package/tree-view/use-tree-view.mjs

@@ -9,12 +9,12 @@ const useTreeView = (props = {}) => {
   const initialContext = {
     id: useId(),
     getRootNode: useEnvironmentContext(),
-    focusedId: props.defaultFocusedId,
+    selectedIds: props.defaultSelectedIds,
+    expandedIds: props.defaultExpandedIds,
     ...props
   };
   const context = {
     ...initialContext,
-    focusedId: props.focusedId,
     onFocusChange: useEvent(props.onFocusChange, { sync: true }),
     onExpandedChange: useEvent(props.onExpandedChange),
     onSelectionChange: useEvent(props.onSelectionChange)

package/presence/presence-props-context.cjs

@@ -1,17 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createContext = require('../create-context.cjs');
-
-const [PresencePropsProvider, usePresencePropsContext] = createContext.createContext(
-  {
-    name: "PresencePropsContext",
-    hookName: "usePresencePropsContext",
-    providerName: "<PresencePropsProvider />"
-  }
-);
-
-exports.PresencePropsProvider = PresencePropsProvider;
-exports.usePresencePropsContext = usePresencePropsContext;

package/presence/presence-props-context.d.ts

@@ -1,6 +0,0 @@
-import { Provider } from 'react';
-/// <reference types="react" />
-import type { UsePresenceProps } from './use-presence';
-export interface PresencePropsContext extends UsePresenceProps {
-}
-export declare const PresencePropsProvider: Provider<PresencePropsContext>, usePresencePropsContext: () => PresencePropsContext;

package/presence/presence-props-context.mjs

@@ -1,12 +0,0 @@
-'use client';
-import { createContext } from '../create-context.mjs';
-
-const [PresencePropsProvider, usePresencePropsContext] = createContext(
-  {
-    name: "PresencePropsContext",
-    hookName: "usePresencePropsContext",
-    providerName: "<PresencePropsProvider />"
-  }
-);
-
-export { PresencePropsProvider, usePresencePropsContext };