@dxos/plugin-navtree 0.7.2 → 0.7.3-staging.0905f03
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +163 -178
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/NavTreePlugin.d.ts +1 -1
- package/dist/types/src/NavTreePlugin.d.ts.map +1 -1
- package/dist/types/src/components/NavTree.d.ts +3 -3
- package/dist/types/src/components/NavTree.d.ts.map +1 -1
- package/dist/types/src/components/NavTreeContainer.d.ts +1 -1
- package/dist/types/src/components/NavTreeContainer.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +0 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/testing/generator.d.ts +2 -2
- package/dist/types/src/testing/generator.d.ts.map +1 -1
- package/package.json +29 -28
- package/src/NavTreePlugin.tsx +13 -35
- package/src/components/NavTree.stories.tsx +1 -1
- package/src/components/NavTree.tsx +7 -7
- package/src/components/NavTreeContainer.tsx +35 -15
- package/src/components/index.ts +0 -1
- package/src/stories/Graph.stories.tsx +1 -1
- package/src/testing/generator.ts +6 -9
- package/dist/types/src/components/NavBarStart.d.ts +0 -7
- package/dist/types/src/components/NavBarStart.d.ts.map +0 -1
- package/src/components/NavBarStart.tsx +0 -46
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/plugins/plugin-navtree/src/meta.ts":{"bytes":1128,"imports":[],"format":"esm"},"packages/plugins/plugin-navtree/src/components/CommandsDialog.tsx":{"bytes":16433,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavBarStart.tsx":{"bytes":5777,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTreeItemAction.tsx":{"bytes":42901,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTree.tsx":{"bytes":14081,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/components/NavTreeItemAction.tsx","kind":"import-statement","original":"./NavTreeItemAction"},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTreeFooter.tsx":{"bytes":18328,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/util.ts":{"bytes":12786,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTreeContainer.tsx":{"bytes":30830,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/components/NavTree.tsx","kind":"import-statement","original":"./NavTree"},{"path":"packages/plugins/plugin-navtree/src/components/NavTreeFooter.tsx","kind":"import-statement","original":"./NavTreeFooter"},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-navtree/src/util.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTreeDocumentTitle.tsx":{"bytes":2287,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/HaloButton.tsx":{"bytes":4991,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/mesh","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NotchStart.tsx":{"bytes":3865,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client/meta","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability","kind":"import-statement","external":true},{"path":"@dxos/react-client/halo","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/components/HaloButton.tsx","kind":"import-statement","original":"./HaloButton"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/index.ts":{"bytes":1040,"imports":[{"path":"packages/plugins/plugin-navtree/src/components/CommandsDialog.tsx","kind":"import-statement","original":"./CommandsDialog"},{"path":"packages/plugins/plugin-navtree/src/components/NavBarStart.tsx","kind":"import-statement","original":"./NavBarStart"},{"path":"packages/plugins/plugin-navtree/src/components/NavTree.tsx","kind":"import-statement","original":"./NavTree"},{"path":"packages/plugins/plugin-navtree/src/components/NavTreeContainer.tsx","kind":"import-statement","original":"./NavTreeContainer"},{"path":"packages/plugins/plugin-navtree/src/components/NavTreeDocumentTitle.tsx","kind":"import-statement","original":"./NavTreeDocumentTitle"},{"path":"packages/plugins/plugin-navtree/src/components/NotchStart.tsx","kind":"import-statement","original":"./NotchStart"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/CommandsTrigger.tsx":{"bytes":3992,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/translations.ts":{"bytes":3150,"imports":[{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/NavTreePlugin.tsx":{"bytes":40805,"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-navtree/src/components/CommandsTrigger.tsx","kind":"import-statement","original":"./components/CommandsTrigger"},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-navtree/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-navtree/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/plugins/plugin-navtree/src/index.ts":{"bytes":875,"imports":[{"path":"packages/plugins/plugin-navtree/src/NavTreePlugin.tsx","kind":"import-statement","original":"./NavTreePlugin"},{"path":"packages/plugins/plugin-navtree/src/NavTreePlugin.tsx","kind":"import-statement","original":"./NavTreePlugin"},{"path":"packages/plugins/plugin-navtree/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-navtree/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":102320},"packages/plugins/plugin-navtree/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-navtree/dist/lib/browser/chunk-PSVCPL4T.mjs","kind":"import-statement"},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client/meta","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability","kind":"import-statement","external":true},{"path":"@dxos/react-client/halo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/mesh","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["NavTreePlugin","default","expandActions","expandChildren","expandChildrenAndActions","getActions","getChildren","getParent","getPersistenceParent","resolveMigrationOperation","sortActions"],"entryPoint":"packages/plugins/plugin-navtree/src/index.ts","inputs":{"packages/plugins/plugin-navtree/src/NavTreePlugin.tsx":{"bytesInOutput":9378},"packages/plugins/plugin-navtree/src/components/CommandsDialog.tsx":{"bytesInOutput":4002},"packages/plugins/plugin-navtree/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-navtree/src/components/NavBarStart.tsx":{"bytesInOutput":1447},"packages/plugins/plugin-navtree/src/components/NavTree.tsx":{"bytesInOutput":3404},"packages/plugins/plugin-navtree/src/components/NavTreeItemAction.tsx":{"bytesInOutput":9874},"packages/plugins/plugin-navtree/src/components/NavTreeContainer.tsx":{"bytesInOutput":7462},"packages/plugins/plugin-navtree/src/components/NavTreeFooter.tsx":{"bytesInOutput":5311},"packages/plugins/plugin-navtree/src/util.ts":{"bytesInOutput":2751},"packages/plugins/plugin-navtree/src/components/NavTreeDocumentTitle.tsx":{"bytesInOutput":456},"packages/plugins/plugin-navtree/src/components/NotchStart.tsx":{"bytesInOutput":879},"packages/plugins/plugin-navtree/src/components/HaloButton.tsx":{"bytesInOutput":1237},"packages/plugins/plugin-navtree/src/components/CommandsTrigger.tsx":{"bytesInOutput":990},"packages/plugins/plugin-navtree/src/translations.ts":{"bytesInOutput":879},"packages/plugins/plugin-navtree/src/index.ts":{"bytesInOutput":33}},"bytes":49616},"packages/plugins/plugin-navtree/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-navtree/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-navtree/dist/lib/browser/chunk-PSVCPL4T.mjs","kind":"import-statement"}],"exports":["KEY_BINDING","NAVTREE_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-navtree/src/meta.ts","inputs":{},"bytes":193},"packages/plugins/plugin-navtree/dist/lib/browser/chunk-PSVCPL4T.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":523},"packages/plugins/plugin-navtree/dist/lib/browser/chunk-PSVCPL4T.mjs":{"imports":[],"exports":["KEY_BINDING","NAVTREE_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-navtree/src/meta.ts":{"bytesInOutput":125}},"bytes":277}}}
|
|
1
|
+
{"inputs":{"packages/plugins/plugin-navtree/src/meta.ts":{"bytes":1128,"imports":[],"format":"esm"},"packages/plugins/plugin-navtree/src/components/CommandsDialog.tsx":{"bytes":16433,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTreeItemAction.tsx":{"bytes":42901,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTree.tsx":{"bytes":14049,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/components/NavTreeItemAction.tsx","kind":"import-statement","original":"./NavTreeItemAction"},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTreeFooter.tsx":{"bytes":18328,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/util.ts":{"bytes":12786,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTreeContainer.tsx":{"bytes":32746,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/components/NavTree.tsx","kind":"import-statement","original":"./NavTree"},{"path":"packages/plugins/plugin-navtree/src/components/NavTreeFooter.tsx","kind":"import-statement","original":"./NavTreeFooter"},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-navtree/src/util.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NavTreeDocumentTitle.tsx":{"bytes":2287,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/HaloButton.tsx":{"bytes":4991,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/mesh","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/NotchStart.tsx":{"bytes":3865,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client/meta","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability","kind":"import-statement","external":true},{"path":"@dxos/react-client/halo","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/components/HaloButton.tsx","kind":"import-statement","original":"./HaloButton"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/index.ts":{"bytes":941,"imports":[{"path":"packages/plugins/plugin-navtree/src/components/CommandsDialog.tsx","kind":"import-statement","original":"./CommandsDialog"},{"path":"packages/plugins/plugin-navtree/src/components/NavTree.tsx","kind":"import-statement","original":"./NavTree"},{"path":"packages/plugins/plugin-navtree/src/components/NavTreeContainer.tsx","kind":"import-statement","original":"./NavTreeContainer"},{"path":"packages/plugins/plugin-navtree/src/components/NavTreeDocumentTitle.tsx","kind":"import-statement","original":"./NavTreeDocumentTitle"},{"path":"packages/plugins/plugin-navtree/src/components/NotchStart.tsx","kind":"import-statement","original":"./NotchStart"}],"format":"esm"},"packages/plugins/plugin-navtree/src/components/CommandsTrigger.tsx":{"bytes":3992,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/translations.ts":{"bytes":3150,"imports":[{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-navtree/src/NavTreePlugin.tsx":{"bytes":39351,"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-navtree/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-navtree/src/components/CommandsTrigger.tsx","kind":"import-statement","original":"./components/CommandsTrigger"},{"path":"packages/plugins/plugin-navtree/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-navtree/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-navtree/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/plugins/plugin-navtree/src/index.ts":{"bytes":875,"imports":[{"path":"packages/plugins/plugin-navtree/src/NavTreePlugin.tsx","kind":"import-statement","original":"./NavTreePlugin"},{"path":"packages/plugins/plugin-navtree/src/NavTreePlugin.tsx","kind":"import-statement","original":"./NavTreePlugin"},{"path":"packages/plugins/plugin-navtree/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-navtree/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":99643},"packages/plugins/plugin-navtree/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-navtree/dist/lib/browser/chunk-PSVCPL4T.mjs","kind":"import-statement"},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-list","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client/meta","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability","kind":"import-statement","external":true},{"path":"@dxos/react-client/halo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/mesh","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["NavTreePlugin","default","expandActions","expandChildren","expandChildrenAndActions","getActions","getChildren","getParent","getPersistenceParent","resolveMigrationOperation","sortActions"],"entryPoint":"packages/plugins/plugin-navtree/src/index.ts","inputs":{"packages/plugins/plugin-navtree/src/NavTreePlugin.tsx":{"bytesInOutput":9013},"packages/plugins/plugin-navtree/src/components/CommandsDialog.tsx":{"bytesInOutput":4002},"packages/plugins/plugin-navtree/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-navtree/src/components/NavTree.tsx":{"bytesInOutput":3368},"packages/plugins/plugin-navtree/src/components/NavTreeItemAction.tsx":{"bytesInOutput":9874},"packages/plugins/plugin-navtree/src/components/NavTreeContainer.tsx":{"bytesInOutput":7993},"packages/plugins/plugin-navtree/src/components/NavTreeFooter.tsx":{"bytesInOutput":5311},"packages/plugins/plugin-navtree/src/util.ts":{"bytesInOutput":2751},"packages/plugins/plugin-navtree/src/components/NavTreeDocumentTitle.tsx":{"bytesInOutput":456},"packages/plugins/plugin-navtree/src/components/NotchStart.tsx":{"bytesInOutput":879},"packages/plugins/plugin-navtree/src/components/HaloButton.tsx":{"bytesInOutput":1237},"packages/plugins/plugin-navtree/src/components/CommandsTrigger.tsx":{"bytesInOutput":990},"packages/plugins/plugin-navtree/src/translations.ts":{"bytesInOutput":879},"packages/plugins/plugin-navtree/src/index.ts":{"bytesInOutput":33}},"bytes":48232},"packages/plugins/plugin-navtree/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-navtree/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-navtree/dist/lib/browser/chunk-PSVCPL4T.mjs","kind":"import-statement"}],"exports":["KEY_BINDING","NAVTREE_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-navtree/src/meta.ts","inputs":{},"bytes":193},"packages/plugins/plugin-navtree/dist/lib/browser/chunk-PSVCPL4T.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":523},"packages/plugins/plugin-navtree/dist/lib/browser/chunk-PSVCPL4T.mjs":{"imports":[],"exports":["KEY_BINDING","NAVTREE_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-navtree/src/meta.ts":{"bytesInOutput":125}},"bytes":277}}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type GraphBuilderProvides, type MetadataRecordsProvides, type PluginDefinition, type SurfaceProvides, type TranslationsProvides
|
|
1
|
+
import { type GraphBuilderProvides, type IntentResolverProvides, type MetadataRecordsProvides, type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';
|
|
2
2
|
export type NavTreePluginProvides = SurfaceProvides & MetadataRecordsProvides & GraphBuilderProvides & TranslationsProvides & IntentResolverProvides;
|
|
3
3
|
export declare const NavTreePlugin: () => PluginDefinition<NavTreePluginProvides>;
|
|
4
4
|
//# sourceMappingURL=NavTreePlugin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavTreePlugin.d.ts","sourceRoot":"","sources":["../../../src/NavTreePlugin.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,uBAAuB,
|
|
1
|
+
{"version":3,"file":"NavTreePlugin.d.ts","sourceRoot":"","sources":["../../../src/NavTreePlugin.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,sBAAsB,EAE3B,KAAK,uBAAuB,EAO5B,KAAK,gBAAgB,EAErB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAgB7B,MAAM,MAAM,qBAAqB,GAAG,eAAe,GACjD,uBAAuB,GACvB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,CAAC;AAuBzB,eAAO,MAAM,aAAa,QAAO,gBAAgB,CAAC,qBAAqB,CAkPtE,CAAC"}
|
|
@@ -4,8 +4,8 @@ import { type TreeProps } from '@dxos/react-ui-list';
|
|
|
4
4
|
import { type MaybePromise } from '@dxos/util';
|
|
5
5
|
import { type FlattenedActions, type NavTreeItemGraphNode } from '../types';
|
|
6
6
|
export declare const NAV_TREE_ITEM = "NavTreeItem";
|
|
7
|
-
export type NavTreeProps = Omit<TreeProps<NavTreeItemGraphNode>, 'draggable' | 'gridTemplateColumns' | 'renderColumns'> & Pick<NavTreeColumnsProps, 'getActions' | 'loadDescendents' | '
|
|
8
|
-
export declare const NavTree: ({ getActions, loadDescendents,
|
|
7
|
+
export type NavTreeProps = Omit<TreeProps<NavTreeItemGraphNode>, 'draggable' | 'gridTemplateColumns' | 'renderColumns'> & Pick<NavTreeColumnsProps, 'getActions' | 'loadDescendents' | 'renderItemEnd' | 'popoverAnchorId'>;
|
|
8
|
+
export declare const NavTree: ({ getActions, loadDescendents, renderItemEnd, popoverAnchorId, ...props }: NavTreeProps) => React.JSX.Element;
|
|
9
9
|
type NavTreeColumnsProps = {
|
|
10
10
|
path: string[];
|
|
11
11
|
node: Node;
|
|
@@ -13,7 +13,7 @@ type NavTreeColumnsProps = {
|
|
|
13
13
|
menuOpen: boolean;
|
|
14
14
|
setMenuOpen: (open: boolean) => void;
|
|
15
15
|
loadDescendents?: (node: Node) => MaybePromise<void>;
|
|
16
|
-
|
|
16
|
+
renderItemEnd?: FC<{
|
|
17
17
|
node: Node;
|
|
18
18
|
}>;
|
|
19
19
|
popoverAnchorId?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavTree.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAoC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAE5E,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,SAAS,CAAC,oBAAoB,CAAC,EAC/B,WAAW,GAAG,qBAAqB,GAAG,eAAe,CACtD,GACC,IAAI,CAAC,mBAAmB,EAAE,YAAY,GAAG,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"file":"NavTree.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAoC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAE5E,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,SAAS,CAAC,oBAAoB,CAAC,EAC/B,WAAW,GAAG,qBAAqB,GAAG,eAAe,CACtD,GACC,IAAI,CAAC,mBAAmB,EAAE,YAAY,GAAG,iBAAiB,GAAG,eAAe,GAAG,iBAAiB,CAAC,CAAC;AAEpG,eAAO,MAAM,OAAO,8EAA+E,YAAY,sBA2B9G,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,gBAAgB,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,EAAE,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC"}
|
|
@@ -4,5 +4,5 @@ export declare const NODE_TYPE = "dxos/app-graph/node";
|
|
|
4
4
|
export type NavTreeContainerProps = {
|
|
5
5
|
popoverAnchorId?: string;
|
|
6
6
|
} & Pick<NavTreeProps, 'isOpen' | 'isCurrent' | 'onOpenChange'>;
|
|
7
|
-
export declare const NavTreeContainer: React.MemoExoticComponent<({ popoverAnchorId, ...props }: NavTreeContainerProps) => React.JSX.Element>;
|
|
7
|
+
export declare const NavTreeContainer: React.MemoExoticComponent<({ isCurrent, popoverAnchorId, ...props }: NavTreeContainerProps) => React.JSX.Element>;
|
|
8
8
|
//# sourceMappingURL=NavTreeContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavTreeContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeContainer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AActE,eAAO,MAAM,SAAS,wBAAwB,CAAC;AAM/C,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"NavTreeContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeContainer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AActE,eAAO,MAAM,SAAS,wBAAwB,CAAC;AAM/C,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB,uEAAmD,qBAAqB,uBAmNnG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { S
|
|
2
|
-
|
|
1
|
+
import { S } from '@dxos/echo-schema';
|
|
2
|
+
import { type ReactiveObject } from '@dxos/live-object';
|
|
3
3
|
export type TestItem = {
|
|
4
4
|
id: string;
|
|
5
5
|
type: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../../src/testing/generator.ts"],"names":[],"mappings":"AAKA,OAAO,
|
|
1
|
+
{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../../src/testing/generator.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQhE,MAAM,MAAM,QAAQ,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE1E,KAAK,mBAAmB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,GAAG,CAAC;CACvB,CAAC;AAEF,KAAK,aAAa,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,IAAI;IAClD,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;CAAE,CAAC;AAW/D,eAAO,MAAM,MAAM,UAAgC,CAAC;AACpD,eAAO,MAAM,QAAQ,UAAkB,CAAC;AAExC,eAAO,MAAM,iBAAiB,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,CAAA;CAgCpE,CAAC;AAEF;;GAEG;AACH,qBAAa,mBAAmB;IAC9B,SAAgB,SAAS,EAAE,gBAAgB,CAAC;gBAEhC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAE;QAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,SAAS,CAAC,EAAE,gBAAgB,CAAA;KAAO;IASzF,IAAI,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAE5B;IAED,YAAY,CAAC,EAAE,KAAK,EAAE,GAAE;QAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;KAAO;IAMjD,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;CAGtE;AAeD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EtB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-navtree",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.3-staging.0905f03",
|
|
4
4
|
"description": "DXOS Surface plugin for a tree view visualization of the graph.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -35,26 +35,27 @@
|
|
|
35
35
|
"@preact/signals-core": "^1.6.0",
|
|
36
36
|
"@radix-ui/react-use-controllable-state": "^1.0.0",
|
|
37
37
|
"date-fns": "^3.3.1",
|
|
38
|
-
"@dxos/app-framework": "0.7.
|
|
39
|
-
"@dxos/
|
|
40
|
-
"@dxos/async": "0.7.
|
|
41
|
-
"@dxos/
|
|
42
|
-
"@dxos/
|
|
43
|
-
"@dxos/
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/
|
|
48
|
-
"@dxos/plugin-
|
|
49
|
-
"@dxos/plugin-graph": "0.7.
|
|
50
|
-
"@dxos/plugin-
|
|
51
|
-
"@dxos/
|
|
52
|
-
"@dxos/
|
|
53
|
-
"@dxos/react-
|
|
54
|
-
"@dxos/react-ui-
|
|
55
|
-
"@dxos/react-ui-stack": "0.7.
|
|
56
|
-
"@dxos/react-ui-mosaic": "0.7.
|
|
57
|
-
"@dxos/util": "0.7.
|
|
38
|
+
"@dxos/app-framework": "0.7.3-staging.0905f03",
|
|
39
|
+
"@dxos/debug": "0.7.3-staging.0905f03",
|
|
40
|
+
"@dxos/async": "0.7.3-staging.0905f03",
|
|
41
|
+
"@dxos/echo-schema": "0.7.3-staging.0905f03",
|
|
42
|
+
"@dxos/keyboard": "0.7.3-staging.0905f03",
|
|
43
|
+
"@dxos/app-graph": "0.7.3-staging.0905f03",
|
|
44
|
+
"@dxos/invariant": "0.7.3-staging.0905f03",
|
|
45
|
+
"@dxos/live-object": "0.7.3-staging.0905f03",
|
|
46
|
+
"@dxos/local-storage": "0.7.3-staging.0905f03",
|
|
47
|
+
"@dxos/log": "0.7.3-staging.0905f03",
|
|
48
|
+
"@dxos/plugin-client": "0.7.3-staging.0905f03",
|
|
49
|
+
"@dxos/plugin-graph": "0.7.3-staging.0905f03",
|
|
50
|
+
"@dxos/plugin-observability": "0.7.3-staging.0905f03",
|
|
51
|
+
"@dxos/protocols": "0.7.3-staging.0905f03",
|
|
52
|
+
"@dxos/plugin-theme": "0.7.3-staging.0905f03",
|
|
53
|
+
"@dxos/react-client": "0.7.3-staging.0905f03",
|
|
54
|
+
"@dxos/react-ui-list": "0.7.3-staging.0905f03",
|
|
55
|
+
"@dxos/react-ui-stack": "0.7.3-staging.0905f03",
|
|
56
|
+
"@dxos/react-ui-mosaic": "0.7.3-staging.0905f03",
|
|
57
|
+
"@dxos/util": "0.7.3-staging.0905f03",
|
|
58
|
+
"@dxos/react-ui-searchlist": "0.7.3-staging.0905f03"
|
|
58
59
|
},
|
|
59
60
|
"devDependencies": {
|
|
60
61
|
"@phosphor-icons/react": "^2.1.5",
|
|
@@ -63,18 +64,18 @@
|
|
|
63
64
|
"react": "~18.2.0",
|
|
64
65
|
"react-dom": "~18.2.0",
|
|
65
66
|
"vite": "5.4.7",
|
|
66
|
-
"@dxos/echo-signals": "0.7.
|
|
67
|
-
"@dxos/random": "0.7.
|
|
68
|
-
"@dxos/react-ui
|
|
69
|
-
"@dxos/
|
|
70
|
-
"@dxos/
|
|
67
|
+
"@dxos/echo-signals": "0.7.3-staging.0905f03",
|
|
68
|
+
"@dxos/random": "0.7.3-staging.0905f03",
|
|
69
|
+
"@dxos/react-ui": "0.7.3-staging.0905f03",
|
|
70
|
+
"@dxos/react-ui-theme": "0.7.3-staging.0905f03",
|
|
71
|
+
"@dxos/storybook-utils": "0.7.3-staging.0905f03"
|
|
71
72
|
},
|
|
72
73
|
"peerDependencies": {
|
|
73
74
|
"@phosphor-icons/react": "^2.1.5",
|
|
74
75
|
"react": "~18.2.0",
|
|
75
76
|
"react-dom": "~18.2.0",
|
|
76
|
-
"@dxos/react-ui": "0.7.
|
|
77
|
-
"@dxos/react-ui
|
|
77
|
+
"@dxos/react-ui-theme": "0.7.3-staging.0905f03",
|
|
78
|
+
"@dxos/react-ui": "0.7.3-staging.0905f03"
|
|
78
79
|
},
|
|
79
80
|
"publishConfig": {
|
|
80
81
|
"access": "public"
|
package/src/NavTreePlugin.tsx
CHANGED
|
@@ -7,37 +7,30 @@ import React from 'react';
|
|
|
7
7
|
|
|
8
8
|
import {
|
|
9
9
|
type GraphBuilderProvides,
|
|
10
|
-
|
|
11
|
-
type MetadataRecordsProvides,
|
|
12
|
-
type PluginDefinition,
|
|
13
|
-
type SurfaceProvides,
|
|
14
|
-
type TranslationsProvides,
|
|
15
|
-
type Plugin,
|
|
10
|
+
type GraphProvides,
|
|
16
11
|
type IntentResolverProvides,
|
|
17
|
-
parseIntentPlugin,
|
|
18
12
|
LayoutAction,
|
|
19
|
-
type
|
|
20
|
-
parseGraphPlugin,
|
|
13
|
+
type MetadataRecordsProvides,
|
|
21
14
|
NavigationAction,
|
|
22
|
-
|
|
15
|
+
parseGraphPlugin,
|
|
16
|
+
parseIntentPlugin,
|
|
23
17
|
parseLayoutPlugin,
|
|
18
|
+
parseNavigationPlugin,
|
|
19
|
+
type Plugin,
|
|
20
|
+
type PluginDefinition,
|
|
21
|
+
resolvePlugin,
|
|
22
|
+
type SurfaceProvides,
|
|
23
|
+
type TranslationsProvides,
|
|
24
24
|
} from '@dxos/app-framework';
|
|
25
25
|
import { createExtension, type Graph, isAction, isGraphNode, type Node } from '@dxos/app-graph';
|
|
26
26
|
import { type UnsubscribeCallback } from '@dxos/async';
|
|
27
|
-
import { create, type ReactiveObject } from '@dxos/echo-schema';
|
|
28
27
|
import { Keyboard } from '@dxos/keyboard';
|
|
28
|
+
import { create, type ReactiveObject } from '@dxos/live-object';
|
|
29
29
|
import { type TreeData } from '@dxos/react-ui-list';
|
|
30
30
|
import { Path } from '@dxos/react-ui-mosaic';
|
|
31
31
|
import { getHostPlatform } from '@dxos/util';
|
|
32
32
|
|
|
33
|
-
import {
|
|
34
|
-
CommandsDialogContent,
|
|
35
|
-
NODE_TYPE,
|
|
36
|
-
NavBarStart,
|
|
37
|
-
NavTreeContainer,
|
|
38
|
-
NavTreeDocumentTitle,
|
|
39
|
-
NotchStart,
|
|
40
|
-
} from './components';
|
|
33
|
+
import { CommandsDialogContent, NavTreeContainer, NavTreeDocumentTitle, NODE_TYPE, NotchStart } from './components';
|
|
41
34
|
import { CommandsTrigger } from './components/CommandsTrigger';
|
|
42
35
|
import meta, { KEY_BINDING, NAVTREE_PLUGIN } from './meta';
|
|
43
36
|
import translations from './translations';
|
|
@@ -66,7 +59,7 @@ const getInitialState = () => {
|
|
|
66
59
|
open: boolean;
|
|
67
60
|
current: boolean;
|
|
68
61
|
}>,
|
|
69
|
-
] => [key, create(value)],
|
|
62
|
+
] => [key, create({ open: value.open, current: false })],
|
|
70
63
|
);
|
|
71
64
|
} catch {}
|
|
72
65
|
};
|
|
@@ -242,21 +235,6 @@ export const NavTreePlugin = (): PluginDefinition<NavTreePluginProvides> => {
|
|
|
242
235
|
return <NavTreeDocumentTitle node={isGraphNode(data.activeNode) ? data.activeNode : undefined} />;
|
|
243
236
|
}
|
|
244
237
|
|
|
245
|
-
case 'navbar-start': {
|
|
246
|
-
if (data.activeNode) {
|
|
247
|
-
return {
|
|
248
|
-
node: (
|
|
249
|
-
<NavBarStart
|
|
250
|
-
activeNode={data.activeNode as Node}
|
|
251
|
-
popoverAnchorId={data.popoverAnchorId as string | undefined}
|
|
252
|
-
/>
|
|
253
|
-
),
|
|
254
|
-
disposition: 'hoist',
|
|
255
|
-
};
|
|
256
|
-
}
|
|
257
|
-
break;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
238
|
case 'notch-start':
|
|
261
239
|
return <NotchStart />;
|
|
262
240
|
|
|
@@ -10,7 +10,7 @@ import { type Meta } from '@storybook/react';
|
|
|
10
10
|
import React, { useEffect } from 'react';
|
|
11
11
|
|
|
12
12
|
import { isActionLike, type NodeArg } from '@dxos/app-graph';
|
|
13
|
-
import { create, type ReactiveObject } from '@dxos/
|
|
13
|
+
import { create, type ReactiveObject } from '@dxos/live-object';
|
|
14
14
|
import { faker } from '@dxos/random';
|
|
15
15
|
import { isTreeData, type TreeData } from '@dxos/react-ui-list';
|
|
16
16
|
import { Path } from '@dxos/react-ui-mosaic';
|
|
@@ -19,9 +19,9 @@ export type NavTreeProps = Omit<
|
|
|
19
19
|
TreeProps<NavTreeItemGraphNode>,
|
|
20
20
|
'draggable' | 'gridTemplateColumns' | 'renderColumns'
|
|
21
21
|
> &
|
|
22
|
-
Pick<NavTreeColumnsProps, 'getActions' | 'loadDescendents' | '
|
|
22
|
+
Pick<NavTreeColumnsProps, 'getActions' | 'loadDescendents' | 'renderItemEnd' | 'popoverAnchorId'>;
|
|
23
23
|
|
|
24
|
-
export const NavTree = ({ getActions, loadDescendents,
|
|
24
|
+
export const NavTree = ({ getActions, loadDescendents, renderItemEnd, popoverAnchorId, ...props }: NavTreeProps) => {
|
|
25
25
|
const renderColumns = useCallback<NonNullable<TreeProps<NavTreeItemGraphNode>['renderColumns']>>(
|
|
26
26
|
({ item, path, menuOpen, setMenuOpen }) => {
|
|
27
27
|
return (
|
|
@@ -32,12 +32,12 @@ export const NavTree = ({ getActions, loadDescendents, renderPresence, popoverAn
|
|
|
32
32
|
menuOpen={menuOpen}
|
|
33
33
|
setMenuOpen={setMenuOpen}
|
|
34
34
|
loadDescendents={loadDescendents}
|
|
35
|
-
|
|
35
|
+
renderItemEnd={renderItemEnd}
|
|
36
36
|
popoverAnchorId={popoverAnchorId}
|
|
37
37
|
/>
|
|
38
38
|
);
|
|
39
39
|
},
|
|
40
|
-
[
|
|
40
|
+
[renderItemEnd, popoverAnchorId, loadDescendents],
|
|
41
41
|
);
|
|
42
42
|
|
|
43
43
|
return (
|
|
@@ -57,7 +57,7 @@ type NavTreeColumnsProps = {
|
|
|
57
57
|
menuOpen: boolean;
|
|
58
58
|
setMenuOpen: (open: boolean) => void;
|
|
59
59
|
loadDescendents?: (node: Node) => MaybePromise<void>;
|
|
60
|
-
|
|
60
|
+
renderItemEnd?: FC<{ node: Node }>;
|
|
61
61
|
popoverAnchorId?: string;
|
|
62
62
|
};
|
|
63
63
|
|
|
@@ -68,7 +68,7 @@ const NavTreeColumns = ({
|
|
|
68
68
|
menuOpen,
|
|
69
69
|
setMenuOpen,
|
|
70
70
|
loadDescendents,
|
|
71
|
-
|
|
71
|
+
renderItemEnd: ItemEnd,
|
|
72
72
|
popoverAnchorId,
|
|
73
73
|
}: NavTreeColumnsProps) => {
|
|
74
74
|
const { t } = useTranslation(NAVTREE_PLUGIN);
|
|
@@ -130,7 +130,7 @@ const NavTreeColumns = ({
|
|
|
130
130
|
<Treegrid.Cell />
|
|
131
131
|
)}
|
|
132
132
|
</ActionRoot>
|
|
133
|
-
{
|
|
133
|
+
{ItemEnd && <ItemEnd node={node} />}
|
|
134
134
|
</>
|
|
135
135
|
);
|
|
136
136
|
};
|
|
@@ -7,7 +7,7 @@ import { extractInstruction, type Instruction } from '@atlaskit/pragmatic-drag-a
|
|
|
7
7
|
import { untracked } from '@preact/signals-core';
|
|
8
8
|
import React, { memo, useCallback, useEffect } from 'react';
|
|
9
9
|
|
|
10
|
-
import { NavigationAction, Surface, useIntentDispatcher } from '@dxos/app-framework';
|
|
10
|
+
import { LayoutAction, NavigationAction, Surface, useIntentDispatcher } from '@dxos/app-framework';
|
|
11
11
|
import { isAction, isActionLike, type Node } from '@dxos/app-graph';
|
|
12
12
|
import { useGraph } from '@dxos/plugin-graph';
|
|
13
13
|
import { isEchoObject, isSpace } from '@dxos/react-client/echo';
|
|
@@ -32,21 +32,22 @@ import {
|
|
|
32
32
|
// TODO(thure): Is NavTree truly authoritative in this regard?
|
|
33
33
|
export const NODE_TYPE = 'dxos/app-graph/node';
|
|
34
34
|
|
|
35
|
-
const
|
|
36
|
-
<Surface role='
|
|
35
|
+
const renderItemEnd = ({ node }: { node: Node }) => (
|
|
36
|
+
<Surface role='navtree-item-end' data={{ object: node.data, id: node.id }} />
|
|
37
37
|
);
|
|
38
38
|
|
|
39
39
|
export type NavTreeContainerProps = {
|
|
40
40
|
popoverAnchorId?: string;
|
|
41
41
|
} & Pick<NavTreeProps, 'isOpen' | 'isCurrent' | 'onOpenChange'>;
|
|
42
42
|
|
|
43
|
-
export const NavTreeContainer = memo(({ popoverAnchorId, ...props }: NavTreeContainerProps) => {
|
|
43
|
+
export const NavTreeContainer = memo(({ isCurrent, popoverAnchorId, ...props }: NavTreeContainerProps) => {
|
|
44
44
|
const { closeNavigationSidebar } = useSidebars(NAVTREE_PLUGIN);
|
|
45
45
|
const [isLg] = useMediaQuery('lg', { ssr: false });
|
|
46
46
|
const dispatch = useIntentDispatcher();
|
|
47
47
|
const { graph } = useGraph();
|
|
48
48
|
|
|
49
49
|
const getActions = useCallback((node: Node) => naturalGetActions(graph, node), [graph]);
|
|
50
|
+
|
|
50
51
|
const getItems = useCallback(
|
|
51
52
|
(node?: Node) => {
|
|
52
53
|
return graph.nodes(node ?? graph.root, {
|
|
@@ -61,6 +62,7 @@ export const NavTreeContainer = memo(({ popoverAnchorId, ...props }: NavTreeCont
|
|
|
61
62
|
},
|
|
62
63
|
[graph],
|
|
63
64
|
);
|
|
65
|
+
|
|
64
66
|
const getProps = useCallback(
|
|
65
67
|
(node: Node, path: string[]): PropsFromTreeItem => {
|
|
66
68
|
const children = getChildren(graph, node, undefined, path);
|
|
@@ -109,7 +111,7 @@ export const NavTreeContainer = memo(({ popoverAnchorId, ...props }: NavTreeCont
|
|
|
109
111
|
}, []);
|
|
110
112
|
|
|
111
113
|
const handleSelect = useCallback(
|
|
112
|
-
({ item: node }: { item: Node }) => {
|
|
114
|
+
({ item: node, path, option }: { item: Node; path: string[]; option: boolean }) => {
|
|
113
115
|
if (!node.data) {
|
|
114
116
|
return;
|
|
115
117
|
}
|
|
@@ -120,15 +122,31 @@ export const NavTreeContainer = memo(({ popoverAnchorId, ...props }: NavTreeCont
|
|
|
120
122
|
return;
|
|
121
123
|
}
|
|
122
124
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
125
|
+
const current = isCurrent(path, node);
|
|
126
|
+
if (!current) {
|
|
127
|
+
void dispatch({
|
|
128
|
+
action: NavigationAction.OPEN,
|
|
129
|
+
data: {
|
|
130
|
+
activeParts: {
|
|
131
|
+
main: [node.id],
|
|
132
|
+
},
|
|
129
133
|
},
|
|
130
|
-
}
|
|
131
|
-
})
|
|
134
|
+
});
|
|
135
|
+
} else if (option) {
|
|
136
|
+
void dispatch({
|
|
137
|
+
action: NavigationAction.CLOSE,
|
|
138
|
+
data: {
|
|
139
|
+
activeParts: {
|
|
140
|
+
main: [node.id],
|
|
141
|
+
},
|
|
142
|
+
},
|
|
143
|
+
});
|
|
144
|
+
} else {
|
|
145
|
+
void dispatch({
|
|
146
|
+
action: LayoutAction.SCROLL_INTO_VIEW,
|
|
147
|
+
data: { id: node.id },
|
|
148
|
+
});
|
|
149
|
+
}
|
|
132
150
|
|
|
133
151
|
const defaultAction = graph.actions(node).find((action) => action.properties?.disposition === 'default');
|
|
134
152
|
if (isAction(defaultAction)) {
|
|
@@ -139,7 +157,7 @@ export const NavTreeContainer = memo(({ popoverAnchorId, ...props }: NavTreeCont
|
|
|
139
157
|
closeNavigationSidebar();
|
|
140
158
|
}
|
|
141
159
|
},
|
|
142
|
-
[graph, dispatch, isLg, closeNavigationSidebar],
|
|
160
|
+
[graph, dispatch, isCurrent, isLg, closeNavigationSidebar],
|
|
143
161
|
);
|
|
144
162
|
|
|
145
163
|
// TODO(wittjosiah): Factor out hook.
|
|
@@ -207,6 +225,7 @@ export const NavTreeContainer = memo(({ popoverAnchorId, ...props }: NavTreeCont
|
|
|
207
225
|
role='none'
|
|
208
226
|
className='grid grid-cols-1 grid-rows-[var(--rail-size)_1fr_min-content] bs-full overflow-hidden'
|
|
209
227
|
>
|
|
228
|
+
{/* TODO(wittjosiah): Factor out surfaces to layout? */}
|
|
210
229
|
<div role='none' className='border-be border-separator'>
|
|
211
230
|
<Surface role='search-input' limit={1} />
|
|
212
231
|
</div>
|
|
@@ -218,8 +237,9 @@ export const NavTreeContainer = memo(({ popoverAnchorId, ...props }: NavTreeCont
|
|
|
218
237
|
getActions={getActions}
|
|
219
238
|
getItems={getItems}
|
|
220
239
|
getProps={getProps}
|
|
240
|
+
isCurrent={isCurrent}
|
|
221
241
|
loadDescendents={loadDescendents}
|
|
222
|
-
|
|
242
|
+
renderItemEnd={renderItemEnd}
|
|
223
243
|
popoverAnchorId={popoverAnchorId}
|
|
224
244
|
canDrop={canDrop}
|
|
225
245
|
onSelect={handleSelect}
|
package/src/components/index.ts
CHANGED
|
@@ -11,8 +11,8 @@ import { type Meta } from '@storybook/react';
|
|
|
11
11
|
import React, { useEffect } from 'react';
|
|
12
12
|
|
|
13
13
|
import { Graph, ROOT_ID, type Node } from '@dxos/app-graph';
|
|
14
|
-
import { create, type ReactiveObject } from '@dxos/echo-schema';
|
|
15
14
|
import { registerSignalsRuntime } from '@dxos/echo-signals/react';
|
|
15
|
+
import { create, type ReactiveObject } from '@dxos/live-object';
|
|
16
16
|
import { faker } from '@dxos/random';
|
|
17
17
|
import { isTreeData, type PropsFromTreeItem } from '@dxos/react-ui-list';
|
|
18
18
|
import { Path } from '@dxos/react-ui-mosaic';
|