@dxos/plugin-navtree 0.7.2 → 0.7.3-staging.0905f03

package/src/testing/generator.ts

@@ -3,18 +3,14 @@
 //
 
 import { type NodeArg } from '@dxos/app-graph';
-import { create, S, type ReactiveObject, TypedObject } from '@dxos/echo-schema';
+import { S, TypedObject } from '@dxos/echo-schema';
+import { create, type ReactiveObject } from '@dxos/live-object';
 import { faker } from '@dxos/random';
+import { range } from '@dxos/util';
 
 // TODO(burdon): Reconcile with @dxos/plugin-debug, @dxos/react-ui/testing.
 // TODO(burdon): Bug when adding stale objects to space (e.g., static objects already added in previous story invocation).
 
-// TODO(burdon): Util.
-export const range = <T>(fn: (i: number) => T | undefined, length: number): T[] =>
-  Array.from({ length })
-    .map((_, i) => fn(i))
-    .filter(Boolean) as T[];
-
 // TODO(burdon): Commit to using ECHO to generate all test data? Or convert from raw data?
 export type TestItem = { id: string; type: string } & Record<string, any>;
 
@@ -60,12 +56,13 @@ export const defaultGenerators: { [type: string]: ObjectDataGenerator } = {
 
   project: {
     createSchema: () =>
-      class ProjectType extends TypedObject({ typename: 'dxos.test.Project', version: '0.1.0' })({
+      class ProjectType extends TypedObject({ typename: 'example.com/type/Project', version: '0.1.0' })({
         title: S.String,
         repo: S.String,
         status: S.String,
         priority: S.Number,
       }) {},
+
     createData: () => ({
       title: faker.commerce.productName(),
       repo: faker.datatype.boolean({ probability: 0.3 }) ? faker.internet.url() : undefined,
@@ -101,7 +98,7 @@ export class TestObjectGenerator {
   }
 
   createObjects({ types, length }: { types?: string[]; length: number }) {
-    return range(() => this.createObject({ types }), length);
+    return range(length, () => this.createObject({ types }));
   }
 }
 

package/dist/types/src/components/NavBarStart.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type Node } from '@dxos/app-graph';
-export declare const NavBarStart: ({ activeNode, popoverAnchorId }: {
-    activeNode: Node;
-    popoverAnchorId?: string;
-}) => React.JSX.Element;
-//# sourceMappingURL=NavBarStart.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavBarStart.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBarStart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAQtD,eAAO,MAAM,WAAW,oCAAqC;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,sBA+B1G,CAAC"}

package/src/components/NavBarStart.tsx

@@ -1,46 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { Fragment } from 'react';
-
-import { getGraph, type Node } from '@dxos/app-graph';
-import { Popover, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { StackItem } from '@dxos/react-ui-stack';
-
-import { KEY_BINDING, NAVTREE_PLUGIN } from '../meta';
-
-const TREE_ITEM_MAIN_HEADING = 'TreeItemMainHeading';
-
-export const NavBarStart = ({ activeNode, popoverAnchorId }: { activeNode: Node; popoverAnchorId?: string }) => {
-  const { t } = useTranslation(NAVTREE_PLUGIN);
-
-  const ActionRoot =
-    popoverAnchorId === `dxos.org/ui/${TREE_ITEM_MAIN_HEADING}/${activeNode.id}` ||
-    popoverAnchorId === `dxos.org/ui/${KEY_BINDING}/${activeNode.id}`
-      ? Popover.Anchor
-      : Fragment;
-
-  const graph = getGraph(activeNode);
-  const actions = graph.actions(activeNode);
-  const label = toLocalizedString(activeNode.properties?.label, t);
-
-  const menuTriggerLabel = t('node actions menu invoker label');
-
-  return (
-    <>
-      <ActionRoot>
-        <StackItem.Sigil
-          icon={activeNode.properties?.icon ?? 'ph--dots-three-vertical--regular'}
-          attendableId={activeNode.id}
-          triggerLabel={menuTriggerLabel}
-          actions={[actions]}
-          onAction={(action) =>
-            typeof action.data === 'function' && action.data({ node: action as Node, caller: TREE_ITEM_MAIN_HEADING })
-          }
-        />
-      </ActionRoot>
-      <StackItem.HeadingLabel attendableId={activeNode.id}>{label}</StackItem.HeadingLabel>
-    </>
-  );
-};