@dxos/plugin-navtree 0.8.2-main.2f9c567 → 0.8.2-main.30e4dbb

package/dist/types/src/components/NavTreeItemAction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavTreeItemAction.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeItemAction.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,gBAAgB,EAAU,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,GAAG;IAC1D,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAaF,eAAO,MAAM,6BAA6B,oDAMvC,0BAA0B,sBAsB5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,4GAKrC,MAAM,GAAG;IAAE,MAAM,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,sBA0BnF,CAAC;AAEF,eAAO,MAAM,iBAAiB,wDAAyD,0BAA0B,sBAiBhH,CAAC"}

package/dist/types/src/components/NavTreeItemAction.stories.d.ts

@@ -1,41 +0,0 @@
-import '@dxos-theme';
-import { type NavTreeItemActionMenuProps } from './NavTreeItemAction';
-declare const _default: {
-    title: string;
-    component: ({ monolithic, menuActions, parent: node, ...props }: NavTreeItemActionMenuProps) => import("react").JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    args: {
-        icon: string;
-        parent: {
-            id: string;
-            type: string;
-            data: null;
-            properties: {
-                label: string;
-                icon: string;
-            };
-        };
-        menuActions: {
-            id: string;
-            type: string;
-            data: () => void;
-            properties: {
-                label: string;
-                icon: string;
-            };
-        }[];
-        label: string;
-        onAction: (action: Readonly<Omit<Readonly<{
-            id: string;
-            type: string;
-            cacheable?: string[];
-            properties: Readonly<Record<string, any>>;
-            data: import("@dxos/app-graph").ActionData;
-        }>, "properties"> & {
-            properties: Readonly<Record<string, any>>;
-        }>) => void;
-    };
-};
-export default _default;
-export declare const Default: {};
-//# sourceMappingURL=NavTreeItemAction.stories.d.ts.map

package/dist/types/src/components/NavTreeItemAction.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavTreeItemAction.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeItemAction.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAMrB,OAAO,EAAqB,KAAK,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BzF,wBAaE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}

package/dist/types/src/components/NavTreeItemColumns.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavTreeItemColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeItemColumns.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAQ9C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,kBAAkB,4DAAiD,uBAAuB,uBAwDrG,CAAC"}

package/dist/types/src/components/UserAccountAvatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserAccountAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/UserAccountAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAGtE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAiB9D,CAAC"}

package/dist/types/src/components/UserAccountAvatar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserAccountAvatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/UserAccountAvatar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,OAAO,UAAW,GAAG,sBAEjC,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAGxC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/src/stories/Graph.stories.d.ts

@@ -1,7 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react';
-import { StorybookNavTree } from './StorybookNavTree';
-export declare const Default: {};
-declare const meta: Meta<typeof StorybookNavTree>;
-export default meta;
-//# sourceMappingURL=Graph.stories.d.ts.map

package/dist/types/src/stories/Graph.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Graph.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Graph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAKrB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAW7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAiCtD,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAwEvC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/src/stories/StorybookNavTree.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { type NavTreeContextValue, type NavTreeProps } from '../components';
-export declare const StorybookNavTree: ({ getActions, loadDescendents, renderItemEnd, popoverAnchorId, getItems, getProps, isCurrent, canDrop, onSelect, isOpen, onOpenChange, ...props }: NavTreeProps & NavTreeContextValue) => React.JSX.Element;
-//# sourceMappingURL=StorybookNavTree.d.ts.map

package/dist/types/src/stories/StorybookNavTree.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StorybookNavTree.d.ts","sourceRoot":"","sources":["../../../../src/stories/StorybookNavTree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAA2B,KAAK,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGrG,eAAO,MAAM,gBAAgB,sJAa1B,YAAY,GAAG,mBAAmB,sBAwCpC,CAAC"}

package/src/components/NavTree.stories.tsx

@@ -1,107 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { extractInstruction, type Instruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
-import { type Meta } from '@storybook/react';
-import React, { useEffect } from 'react';
-
-import { isActionLike, type NodeArg } from '@dxos/app-graph';
-import { live, type Live } from '@dxos/live-object';
-import { faker } from '@dxos/random';
-import { isTreeData, type TreeData } from '@dxos/react-ui-list';
-import { Path } from '@dxos/react-ui-list';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { StorybookNavTree } from '../stories/StorybookNavTree';
-import { createTree, updateState } from '../testing';
-
-faker.seed(1234);
-
-const tree = live<NodeArg<any>>(createTree());
-const state = new Map<string, Live<{ open: boolean; current: boolean }>>();
-
-const meta: Meta<typeof StorybookNavTree> = {
-  title: 'plugins/plugin-navtree/NavTree',
-  component: StorybookNavTree,
-  decorators: [withTheme, withLayout({ tooltips: true })],
-  render: (args) => {
-    useEffect(() => {
-      return monitorForElements({
-        canMonitor: ({ source }) => isTreeData(source),
-        onDrop: ({ location, source }) => {
-          // Didn't drop on anything.
-          if (!location.current.dropTargets.length) {
-            return;
-          }
-
-          const target = location.current.dropTargets[0];
-          const instruction: Instruction | null = extractInstruction(target.data);
-          if (instruction !== null) {
-            updateState({
-              state: tree,
-              instruction,
-              source: source.data as TreeData,
-              target: target.data as TreeData,
-            });
-          }
-        },
-      });
-    }, []);
-
-    return <StorybookNavTree {...args} />;
-  },
-  args: {
-    id: tree.id,
-    getActions: (arg: NodeArg<any>) => ({
-      actions: arg.nodes?.filter((node) => isActionLike(node)) ?? [],
-      groupedActions: {},
-    }),
-    getItems: (testItem?: any) => {
-      return testItem?.nodes ?? tree.nodes ?? [];
-    },
-    getProps: (testItem: NodeArg<any>) => ({
-      id: testItem.id,
-      label: testItem.properties?.label ?? testItem.id,
-      icon: testItem.properties?.icon,
-      ...((testItem.nodes?.length ?? 0) > 0 && {
-        parentOf: testItem.nodes!.map(({ id }) => id),
-      }),
-    }),
-    isOpen: (_path: string[]) => {
-      const path = Path.create(..._path);
-      const value = state.get(path) ?? live({ open: false, current: false });
-      if (!state.has(path)) {
-        state.set(path, value);
-      }
-
-      return value.open;
-    },
-    isCurrent: (_path: string[]) => {
-      const path = Path.create(..._path);
-      const value = state.get(path) ?? live({ open: false, current: false });
-      if (!state.has(path)) {
-        state.set(path, value);
-      }
-
-      return value.current;
-    },
-    onOpenChange: ({ path: _path, open }) => {
-      const path = Path.create(..._path);
-      const object = state.get(path);
-      object!.open = open;
-    },
-    onSelect: ({ path: _path, current }) => {
-      const path = Path.create(..._path);
-      const object = state.get(path);
-      object!.current = current;
-    },
-  },
-};
-
-export default meta;
-
-export const Default = {};

package/src/stories/Graph.stories.tsx

@@ -1,130 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { extractInstruction, type Instruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
-import { batch } from '@preact/signals-core';
-import { type Meta } from '@storybook/react';
-import React, { useEffect } from 'react';
-
-import { Graph, ROOT_ID, type Node } from '@dxos/app-graph';
-import { registerSignalsRuntime } from '@dxos/echo-signals/react';
-import { live, type Live } from '@dxos/live-object';
-import { faker } from '@dxos/random';
-import { isTreeData, type PropsFromTreeItem } from '@dxos/react-ui-list';
-import { Path } from '@dxos/react-ui-list';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { StorybookNavTree } from './StorybookNavTree';
-import { getActions, getChildren } from '../util';
-
-faker.seed(3);
-registerSignalsRuntime();
-
-const createGraph = () => {
-  const graph = new Graph();
-
-  batch(() => {
-    (graph as any)._addNode({
-      id: ROOT_ID,
-      nodes: [...Array(2)].map((_, i) => ({
-        id: faker.string.hexadecimal({ length: 4 }).slice(2).toUpperCase(),
-        properties: { index: `a${i}`, label: faker.lorem.words(2), description: faker.lorem.sentence() },
-        nodes: [...Array(2)].map((_, j) => ({
-          id: faker.string.hexadecimal({ length: 4 }).slice(2).toUpperCase(),
-          properties: { index: `a${j}`, label: faker.lorem.words(2), description: faker.lorem.sentence() },
-          nodes: [...Array(2)].map((_, k) => ({
-            id: faker.string.hexadecimal({ length: 4 }).slice(2).toUpperCase(),
-            properties: { index: `a${k}`, label: faker.lorem.words(2), description: faker.lorem.sentence() },
-          })),
-        })),
-      })),
-    });
-  });
-
-  return graph;
-};
-
-const graph = createGraph();
-const state = new Map<string, Live<{ open: boolean; current: boolean }>>();
-
-export const Default = {};
-
-const meta: Meta<typeof StorybookNavTree> = {
-  title: 'plugins/plugin-navtree/Graph',
-  component: StorybookNavTree,
-  decorators: [withTheme, withLayout({ tooltips: true })],
-  render: (args) => {
-    useEffect(() => {
-      return monitorForElements({
-        canMonitor: ({ source }) => isTreeData(source.data),
-        onDrop: ({ location, source }) => {
-          // Didn't drop on anything.
-          if (!location.current.dropTargets.length) {
-            return;
-          }
-
-          const target = location.current.dropTargets[0];
-
-          const instruction: Instruction | null = extractInstruction(target.data);
-          if (instruction !== null) {
-            // TODO(wittjosiah): Implement drop logic.
-            console.log('update', instruction);
-          }
-        },
-      });
-    }, []);
-
-    return <StorybookNavTree {...args} />;
-  },
-  args: {
-    root: graph.root,
-    id: graph.root.id,
-    getActions: (node: Node) => getActions(graph, node),
-    getItems: (node?: Node) => graph.nodes(node ?? graph.root),
-    getProps: (node: Node, path: string[]) => {
-      const children = getChildren(graph, node, undefined, path);
-      const parentOf =
-        children.length > 0 ? children.map(({ id }) => id) : node.properties.role === 'branch' ? [] : undefined;
-      return {
-        id: node.id,
-        label: node.properties.label ?? node.id,
-        icon: node.properties.icon,
-        parentOf,
-      } satisfies PropsFromTreeItem;
-    },
-    isOpen: (_path: string[]) => {
-      const path = Path.create(..._path);
-      const value = state.get(path) ?? live({ open: false, current: false });
-      if (!state.has(path)) {
-        state.set(path, value);
-      }
-
-      return value.open;
-    },
-    isCurrent: (_path: string[]) => {
-      const path = Path.create(..._path);
-      const value = state.get(path) ?? live({ open: false, current: false });
-      if (!state.has(path)) {
-        state.set(path, value);
-      }
-
-      return value.current;
-    },
-    onOpenChange: ({ path: _path, open }) => {
-      const path = Path.create(..._path);
-      const object = state.get(path);
-      object!.open = open;
-    },
-    onSelect: ({ path: _path, current }) => {
-      const path = Path.create(..._path);
-      const object = state.get(path);
-      object!.current = current;
-    },
-  },
-};
-
-export default meta;

package/src/stories/StorybookNavTree.tsx

@@ -1,63 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useMemo, useState } from 'react';
-
-import { NavTree, NavTreeContext, type NavTreeContextValue, type NavTreeProps } from '../components';
-import { type NavTreeItemGraphNode } from '../types';
-
-export const StorybookNavTree = ({
-  getActions,
-  loadDescendents,
-  renderItemEnd,
-  popoverAnchorId,
-  getItems,
-  getProps,
-  isCurrent,
-  canDrop,
-  onSelect,
-  isOpen,
-  onOpenChange,
-  ...props
-}: NavTreeProps & NavTreeContextValue) => {
-  const [tab, setTab] = useState('never');
-
-  const contextValue = useMemo(
-    () => ({
-      tab,
-      onTabChange: (node: NavTreeItemGraphNode) => setTab(node.id),
-      getActions,
-      loadDescendents,
-      renderItemEnd,
-      popoverAnchorId,
-      getItems,
-      getProps,
-      isCurrent,
-      isOpen,
-      onOpenChange,
-      canDrop,
-      onSelect,
-    }),
-    [
-      tab,
-      setTab,
-      getActions,
-      loadDescendents,
-      renderItemEnd,
-      popoverAnchorId,
-      getItems,
-      getProps,
-      isCurrent,
-      isOpen,
-      onOpenChange,
-      canDrop,
-      onSelect,
-    ],
-  );
-  return (
-    <NavTreeContext.Provider value={contextValue}>
-      <NavTree {...props} />
-    </NavTreeContext.Provider>
-  );
-};