@dxos/plugin-stack 0.8.2-main.12df754 → 0.8.2-main.30e4dbb
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/{StackMain-5XYKZNSZ.mjs → StackMain-EZX4UGLK.mjs} +6 -6
- package/dist/lib/browser/StackMain-EZX4UGLK.mjs.map +7 -0
- package/dist/lib/browser/{chunk-L34RFJ2L.mjs → chunk-XOUJQIK6.mjs} +10 -9
- package/dist/lib/browser/chunk-XOUJQIK6.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +2 -2
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/types/index.mjs +1 -1
- package/dist/lib/node/{StackMain-H4WIXKPU.cjs → StackMain-5CHONBAB.cjs} +12 -12
- package/dist/lib/node/StackMain-5CHONBAB.cjs.map +7 -0
- package/dist/lib/node/{chunk-6IPBX635.cjs → chunk-5QWZH22T.cjs} +12 -11
- package/dist/lib/node/chunk-5QWZH22T.cjs.map +7 -0
- package/dist/lib/node/index.cjs +3 -3
- package/dist/lib/node/index.cjs.map +2 -2
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/types/index.cjs +3 -3
- package/dist/lib/node/types/index.cjs.map +1 -1
- package/dist/lib/node-esm/{StackMain-3FXKR455.mjs → StackMain-7G5TMRVG.mjs} +6 -6
- package/dist/lib/node-esm/StackMain-7G5TMRVG.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-3ZYHKSIS.mjs → chunk-3R62SZZT.mjs} +10 -9
- package/dist/lib/node-esm/chunk-3R62SZZT.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +2 -2
- package/dist/lib/node-esm/index.mjs.map +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/types/index.mjs +1 -1
- package/dist/types/src/components/CaretDownUp.d.ts.map +1 -1
- package/dist/types/src/components/StackMain.d.ts.map +1 -1
- package/dist/types/src/components/StackSection.d.ts +2 -1
- package/dist/types/src/components/StackSection.d.ts.map +1 -1
- package/dist/types/src/components/StackSettings.d.ts.map +1 -1
- package/dist/types/src/types/stack.d.ts +11 -11
- package/dist/types/src/types/stack.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +2 -2
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +24 -22
- package/src/StackPlugin.tsx +2 -2
- package/src/components/StackMain.tsx +5 -6
- package/src/components/StackSection.tsx +5 -3
- package/src/types/stack.ts +7 -5
- package/src/types/types.ts +2 -2
- package/dist/lib/browser/StackMain-5XYKZNSZ.mjs.map +0 -7
- package/dist/lib/browser/chunk-L34RFJ2L.mjs.map +0 -7
- package/dist/lib/node/StackMain-H4WIXKPU.cjs.map +0 -7
- package/dist/lib/node/chunk-6IPBX635.cjs.map +0 -7
- package/dist/lib/node-esm/StackMain-3FXKR455.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-3ZYHKSIS.mjs.map +0 -7
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-stack",
|
|
3
|
-
"version": "0.8.2-main.
|
|
3
|
+
"version": "0.8.2-main.30e4dbb",
|
|
4
4
|
"description": "DXOS Surface plugin for Stack entities",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -36,24 +36,25 @@
|
|
|
36
36
|
"@fluentui/react-tabster": "^9.24.2",
|
|
37
37
|
"@preact/signals-core": "^1.6.0",
|
|
38
38
|
"@radix-ui/react-collapsible": "1.1.3",
|
|
39
|
+
"effect": "3.14.21",
|
|
39
40
|
"node-fetch": "^2.6.0",
|
|
40
41
|
"react-is": "~18.2.0",
|
|
41
|
-
"@dxos/
|
|
42
|
-
"@dxos/
|
|
43
|
-
"@dxos/
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/local-storage": "0.8.2-main.
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/plugin-
|
|
48
|
-
"@dxos/plugin-
|
|
49
|
-
"@dxos/
|
|
50
|
-
"@dxos/
|
|
51
|
-
"@dxos/
|
|
52
|
-
"@dxos/react-ui-attention": "0.8.2-main.
|
|
53
|
-
"@dxos/react-ui-form": "0.8.2-main.
|
|
54
|
-
"@dxos/
|
|
55
|
-
"@dxos/react-ui-
|
|
56
|
-
"@dxos/
|
|
42
|
+
"@dxos/app-framework": "0.8.2-main.30e4dbb",
|
|
43
|
+
"@dxos/async": "0.8.2-main.30e4dbb",
|
|
44
|
+
"@dxos/echo-schema": "0.8.2-main.30e4dbb",
|
|
45
|
+
"@dxos/invariant": "0.8.2-main.30e4dbb",
|
|
46
|
+
"@dxos/local-storage": "0.8.2-main.30e4dbb",
|
|
47
|
+
"@dxos/client": "0.8.2-main.30e4dbb",
|
|
48
|
+
"@dxos/plugin-client": "0.8.2-main.30e4dbb",
|
|
49
|
+
"@dxos/plugin-deck": "0.8.2-main.30e4dbb",
|
|
50
|
+
"@dxos/plugin-graph": "0.8.2-main.30e4dbb",
|
|
51
|
+
"@dxos/react-client": "0.8.2-main.30e4dbb",
|
|
52
|
+
"@dxos/plugin-space": "0.8.2-main.30e4dbb",
|
|
53
|
+
"@dxos/react-ui-attention": "0.8.2-main.30e4dbb",
|
|
54
|
+
"@dxos/react-ui-form": "0.8.2-main.30e4dbb",
|
|
55
|
+
"@dxos/react-ui-searchlist": "0.8.2-main.30e4dbb",
|
|
56
|
+
"@dxos/react-ui-stack": "0.8.2-main.30e4dbb",
|
|
57
|
+
"@dxos/util": "0.8.2-main.30e4dbb"
|
|
57
58
|
},
|
|
58
59
|
"devDependencies": {
|
|
59
60
|
"@babel/core": "^7.18.13",
|
|
@@ -63,16 +64,17 @@
|
|
|
63
64
|
"react": "~18.2.0",
|
|
64
65
|
"react-dom": "~18.2.0",
|
|
65
66
|
"vite": "5.4.7",
|
|
66
|
-
"@dxos/react-ui": "0.8.2-main.
|
|
67
|
-
"@dxos/react-ui-theme": "0.8.2-main.
|
|
68
|
-
"@dxos/storybook-utils": "0.8.2-main.
|
|
67
|
+
"@dxos/react-ui": "0.8.2-main.30e4dbb",
|
|
68
|
+
"@dxos/react-ui-theme": "0.8.2-main.30e4dbb",
|
|
69
|
+
"@dxos/storybook-utils": "0.8.2-main.30e4dbb"
|
|
69
70
|
},
|
|
70
71
|
"peerDependencies": {
|
|
71
72
|
"@phosphor-icons/react": "^2.1.5",
|
|
73
|
+
"effect": "^3.13.3",
|
|
72
74
|
"react": "~18.2.0",
|
|
73
75
|
"react-dom": "~18.2.0",
|
|
74
|
-
"@dxos/react-ui": "0.8.2-main.
|
|
75
|
-
"@dxos/react-ui-theme": "0.8.2-main.
|
|
76
|
+
"@dxos/react-ui": "0.8.2-main.30e4dbb",
|
|
77
|
+
"@dxos/react-ui-theme": "0.8.2-main.30e4dbb"
|
|
76
78
|
},
|
|
77
79
|
"publishConfig": {
|
|
78
80
|
"access": "public"
|
package/src/StackPlugin.tsx
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
|
|
7
7
|
import { Capabilities, contributes, createSurface, defineModule, definePlugin, Events } from '@dxos/app-framework';
|
|
8
|
-
import { type
|
|
8
|
+
import { type AnyLiveObject, fullyQualifiedId } from '@dxos/client/echo';
|
|
9
9
|
import { isInstanceOf } from '@dxos/echo-schema';
|
|
10
10
|
import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
|
|
11
11
|
import { CollectionType } from '@dxos/plugin-space/types';
|
|
@@ -29,7 +29,7 @@ export const StackPlugin = () =>
|
|
|
29
29
|
contributes(Capabilities.Metadata, {
|
|
30
30
|
id: SECTION_IDENTIFIER,
|
|
31
31
|
metadata: {
|
|
32
|
-
parse: (section: { object:
|
|
32
|
+
parse: (section: { object: AnyLiveObject<any> }, type: string) => {
|
|
33
33
|
switch (type) {
|
|
34
34
|
case 'node':
|
|
35
35
|
// TODO(wittjosiah): Remove cast.
|
|
@@ -13,9 +13,8 @@ import {
|
|
|
13
13
|
useCapabilities,
|
|
14
14
|
useIntentDispatcher,
|
|
15
15
|
} from '@dxos/app-framework';
|
|
16
|
-
import {
|
|
17
|
-
import { SpaceAction } from '@dxos/plugin-space/types';
|
|
18
|
-
import { type CollectionType } from '@dxos/plugin-space/types';
|
|
16
|
+
import { fullyQualifiedId, getTypename, isLiveObject, live, makeRef } from '@dxos/client/echo';
|
|
17
|
+
import { SpaceAction, type CollectionType } from '@dxos/plugin-space/types';
|
|
19
18
|
import { Button, toLocalizedString, useTranslation } from '@dxos/react-ui';
|
|
20
19
|
import { AttentionProvider } from '@dxos/react-ui-attention';
|
|
21
20
|
import { Stack } from '@dxos/react-ui-stack';
|
|
@@ -26,11 +25,11 @@ import { StackSection } from './StackSection';
|
|
|
26
25
|
import { STACK_PLUGIN } from '../meta';
|
|
27
26
|
import {
|
|
28
27
|
StackViewType,
|
|
28
|
+
type AddSectionPosition,
|
|
29
29
|
type CollapsedSections,
|
|
30
|
+
type StackSectionItem,
|
|
30
31
|
type StackSectionMetadata,
|
|
31
32
|
type StackSectionView,
|
|
32
|
-
type StackSectionItem,
|
|
33
|
-
type AddSectionPosition,
|
|
34
33
|
} from '../types';
|
|
35
34
|
|
|
36
35
|
type StackMainProps = {
|
|
@@ -60,7 +59,7 @@ const StackMain = ({ id, collection }: StackMainProps) => {
|
|
|
60
59
|
.map((object) => object.target)
|
|
61
60
|
.filter(isNonNullable)
|
|
62
61
|
.map((object) => {
|
|
63
|
-
const metadata = allMetadata.find((m) => m.id === (
|
|
62
|
+
const metadata = allMetadata.find((m) => m.id === (getTypename(object) ?? 'never'))
|
|
64
63
|
?.metadata as StackSectionMetadata;
|
|
65
64
|
const view = {
|
|
66
65
|
...stack.sections[object.id],
|
|
@@ -18,12 +18,14 @@ import { type StackSectionItem } from '../types';
|
|
|
18
18
|
|
|
19
19
|
const sectionActionDimensions = 'p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';
|
|
20
20
|
|
|
21
|
+
export type StackSectionProps = StackSectionItem;
|
|
22
|
+
|
|
21
23
|
export const StackSection = ({
|
|
22
24
|
id,
|
|
23
25
|
view,
|
|
24
26
|
object,
|
|
25
27
|
metadata: { icon = 'ph--placeholder--regular' },
|
|
26
|
-
}:
|
|
28
|
+
}: StackSectionProps) => {
|
|
27
29
|
const { t } = useTranslation(STACK_PLUGIN);
|
|
28
30
|
const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
|
|
29
31
|
const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
|
|
@@ -51,7 +53,7 @@ export const StackSection = ({
|
|
|
51
53
|
<DropdownMenu.Viewport>
|
|
52
54
|
{view.collapsed ? (
|
|
53
55
|
<DropdownMenu.Item onClick={() => onNavigate(id)} data-testid='section.navigate-to'>
|
|
54
|
-
<Icon icon='ph--arrow-
|
|
56
|
+
<Icon icon='ph--arrow-right--regular' size={5} />
|
|
55
57
|
<span className='mis-2 grow'>{t('navigate to section label')}</span>
|
|
56
58
|
</DropdownMenu.Item>
|
|
57
59
|
) : (
|
|
@@ -95,7 +97,7 @@ export const StackSection = ({
|
|
|
95
97
|
variant='ghost'
|
|
96
98
|
onClick={() => onNavigate(id)}
|
|
97
99
|
label={t('navigate to section label')}
|
|
98
|
-
icon='ph--arrow-
|
|
100
|
+
icon='ph--arrow-right--regular'
|
|
99
101
|
data-testid='section.navigate-to'
|
|
100
102
|
classNames={sectionActionDimensions}
|
|
101
103
|
/>
|
package/src/types/stack.ts
CHANGED
|
@@ -2,21 +2,23 @@
|
|
|
2
2
|
// Copyright 2024 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import {
|
|
5
|
+
import { Schema } from 'effect';
|
|
6
|
+
|
|
7
|
+
import { TypedObject } from '@dxos/echo-schema';
|
|
6
8
|
|
|
7
9
|
// All section metadata needs to be optional/have defaults.
|
|
8
10
|
// Any objects added to the collection will start with the section defaults.
|
|
9
11
|
// If an object is removed from the collection without removing the section metadata this is fine.
|
|
10
12
|
// Stack components should clean-up the superfluous data on future edits.
|
|
11
13
|
|
|
12
|
-
export const SectionSchema =
|
|
13
|
-
height:
|
|
14
|
+
export const SectionSchema = Schema.Struct({
|
|
15
|
+
height: Schema.optional(Schema.Number),
|
|
14
16
|
// Space for data that isn't stack-specific but is specific to this view instance.
|
|
15
17
|
// e.g. cover/fill for an image
|
|
16
|
-
custom:
|
|
18
|
+
custom: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.Any })),
|
|
17
19
|
});
|
|
18
20
|
|
|
19
21
|
// TODO(burdon): Should be just type/Stack?
|
|
20
22
|
export class StackViewType extends TypedObject({ typename: 'dxos.org/type/StackView', version: '0.1.0' })({
|
|
21
|
-
sections:
|
|
23
|
+
sections: Schema.mutable(Schema.Record({ key: Schema.String, value: SectionSchema })),
|
|
22
24
|
}) {}
|
package/src/types/types.ts
CHANGED
|
@@ -6,7 +6,7 @@ import { type IconProps } from '@phosphor-icons/react';
|
|
|
6
6
|
import { type FC } from 'react';
|
|
7
7
|
|
|
8
8
|
import { type CollectionType } from '@dxos/plugin-space/types';
|
|
9
|
-
import { type
|
|
9
|
+
import { type AnyLiveObject } from '@dxos/react-client/echo';
|
|
10
10
|
import { type Label } from '@dxos/react-ui';
|
|
11
11
|
import { type StackItemSize } from '@dxos/react-ui-stack';
|
|
12
12
|
|
|
@@ -40,7 +40,7 @@ export type StackSectionMetadata = {
|
|
|
40
40
|
|
|
41
41
|
export type StackSectionItem = {
|
|
42
42
|
id: string;
|
|
43
|
-
object:
|
|
43
|
+
object: AnyLiveObject<any>;
|
|
44
44
|
view: StackSectionView;
|
|
45
45
|
metadata: StackSectionMetadata;
|
|
46
46
|
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/StackMain.tsx", "../../../src/components/StackContext.tsx", "../../../src/components/StackSection.tsx", "../../../src/components/CaretDownUp.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plus } from '@phosphor-icons/react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n Capabilities,\n createIntent,\n LayoutAction,\n useAppGraph,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { live, getType, fullyQualifiedId, isLiveObject, makeRef } from '@dxos/client/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { Button, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { AttentionProvider } from '@dxos/react-ui-attention';\nimport { Stack } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { StackContext } from './StackContext';\nimport { StackSection } from './StackSection';\nimport { STACK_PLUGIN } from '../meta';\nimport {\n StackViewType,\n type CollapsedSections,\n type StackSectionMetadata,\n type StackSectionView,\n type StackSectionItem,\n type AddSectionPosition,\n} from '../types';\n\ntype StackMainProps = {\n id: string;\n collection: CollectionType;\n};\n\nconst StackMain = ({ id, collection }: StackMainProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const { graph } = useAppGraph();\n const { t } = useTranslation(STACK_PLUGIN);\n const allMetadata = useCapabilities(Capabilities.Metadata);\n const defaultStack = useMemo(() => live(StackViewType, { sections: {} }), [collection]);\n const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;\n const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});\n\n useEffect(() => {\n if (!collection.views[StackViewType.typename]) {\n collection.views[StackViewType.typename] = makeRef(stack);\n }\n }, [collection, stack]);\n\n const items =\n collection.objects\n // TODO(wittjosiah): Should the database handle this differently?\n // TODO(wittjosiah): Render placeholders for missing objects so they can be removed from the stack?\n .map((object) => object.target)\n .filter(isNonNullable)\n .map((object) => {\n const metadata = allMetadata.find((m) => m.id === (getType(object)?.objectId ?? 'never'))\n ?.metadata as StackSectionMetadata;\n const view = {\n ...stack.sections[object.id],\n collapsed: collapsedSections[fullyQualifiedId(object)],\n title:\n (object as any)?.title ?? toLocalizedString(graph.findNode(fullyQualifiedId(object))?.properties.label, t),\n } as StackSectionView;\n return { id: fullyQualifiedId(object), object, metadata, view } satisfies StackSectionItem;\n }) ?? [];\n\n const handleDelete = useCallback(\n async (id: string) => {\n const index = collection.objects\n .map((object) => object.target)\n .filter(isNonNullable)\n .findIndex((section) => fullyQualifiedId(section) === id);\n const object = collection.objects[index].target;\n if (isLiveObject(object)) {\n await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));\n\n // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.\n // delete stack.sections[Path.last(path)];\n }\n },\n [collection, dispatch],\n );\n\n const handleAdd = useCallback(\n async (id: string, position: AddSectionPosition) => {\n await dispatch?.(\n // TODO(wittjosiah): Use object creation dialog.\n createIntent(LayoutAction.UpdateDialog, {\n part: 'dialog',\n subject: `${STACK_PLUGIN}/AddSectionDialog`,\n options: {\n blockAlign: 'start',\n props: {\n path: id,\n position,\n collection,\n },\n },\n }),\n );\n },\n [collection, dispatch],\n );\n\n const handleNavigate = useCallback(\n async (id: string) => {\n await dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [id] }));\n },\n [dispatch],\n );\n\n const handleCollapse = useCallback(\n (id: string, collapsed: boolean) => setCollapsedSections((prev) => ({ ...prev, [id]: collapsed })),\n [],\n );\n\n const handleAddSection = useCallback(\n () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),\n [collection, dispatch],\n );\n\n return (\n <AttentionProvider id={id}>\n <StackContext.Provider\n value={{\n onCollapse: handleCollapse,\n onNavigate: handleNavigate,\n onDelete: handleDelete,\n onAdd: handleAdd,\n }}\n >\n <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack'>\n {items.map((item) => (\n <StackSection key={item.id} {...item} />\n ))}\n </Stack>\n\n <div role='none' className='flex mlb-2 pli-2 justify-center'>\n <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>\n <Plus />\n <span className='sr-only'>{t('add section label')}</span>\n </Button>\n </div>\n </StackContext.Provider>\n </AttentionProvider>\n );\n};\n\nexport default StackMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type AddSectionPosition } from '../types';\n\nexport type StackContextValue = {\n onCollapse: (id: string, collapsed: boolean) => void;\n onNavigate: (id: string) => Promise<void>;\n onDelete: (id: string) => Promise<void>;\n onAdd: (id: string, position: AddSectionPosition) => void;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n onCollapse: () => {},\n onNavigate: async () => {},\n onDelete: async () => {},\n onAdd: () => {},\n});\n\nexport const useStack = () => useContext(StackContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { DropdownMenu, Icon, useTranslation, IconButton } from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx, getSize, textBlockWidth } from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { useStack } from './StackContext';\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSectionItem } from '../types';\n\nconst sectionActionDimensions = 'p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport const StackSection = ({\n id,\n view,\n object,\n metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionItem) => {\n const { t } = useTranslation(STACK_PLUGIN);\n const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n const attendableAttrs = useAttendableAttributes(id);\n\n return (\n <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n <StackItem.Root item={{ id }} role='section' {...attendableAttrs} classNames='border-be border-separator'>\n <StackItem.Heading classNames='attention-surface border-ie !border-separator'>\n <span className='sr-only'>{view.title}</span>\n <div role='none' className='sticky -block-start-px bg-[--sticky-bg] p-1 is-full'>\n <DropdownMenu.Root\n {...{\n open: optionsMenuOpen,\n onOpenChange: setOptionsMenuOpen,\n }}\n >\n <DropdownMenu.Trigger asChild>\n <StackItem.SigilButton>\n <Icon icon={icon} size={5} classNames='transition-opacity' />\n </StackItem.SigilButton>\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content>\n <DropdownMenu.Viewport>\n {view.collapsed ? (\n <DropdownMenu.Item onClick={() => onNavigate(id)} data-testid='section.navigate-to'>\n <Icon icon='ph--arrow-square-out--regular' size={5} />\n <span className='mis-2 grow'>{t('navigate to section label')}</span>\n </DropdownMenu.Item>\n ) : (\n <CollapsiblePrimitive.Trigger asChild>\n <DropdownMenu.Item>\n <CaretDownUp className={getSize(5)} />\n <span className='mis-2 grow'>{t('collapse label')}</span>\n </DropdownMenu.Item>\n </CollapsiblePrimitive.Trigger>\n )}\n <DropdownMenu.Item onClick={() => onAdd(id, 'before')} data-testid='section.add-before'>\n <Icon icon='ph--arrow-line-up--regular' size={5} />\n <span className='mis-2 grow'>{t('add section before label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onAdd(id, 'after')} data-testid='section.add-after'>\n <Icon icon='ph--arrow-line-down--regular' size={5} />\n <span className='mis-2 grow'>{t('add section after label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onDelete(id)} data-testid='section.remove'>\n <Icon icon='ph--trash--regular' size={5} />\n <span className='mis-2 grow'>{t('remove section label')}</span>\n </DropdownMenu.Item>\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n {view.collapsed ? (\n <CollapsiblePrimitive.Trigger asChild>\n <IconButton\n iconOnly\n variant='ghost'\n label={t('expand label')}\n icon='ph--caret-up-down--regular'\n classNames={sectionActionDimensions}\n />\n </CollapsiblePrimitive.Trigger>\n ) : (\n <IconButton\n iconOnly\n variant='ghost'\n onClick={() => onNavigate(id)}\n label={t('navigate to section label')}\n icon='ph--arrow-square-out--regular'\n data-testid='section.navigate-to'\n classNames={sectionActionDimensions}\n />\n )}\n </div>\n </StackItem.Heading>\n <CollapsiblePrimitive.Content>\n <Surface role='section' data={{ subject: object }} limit={1} placeholder={<></>} />\n </CollapsiblePrimitive.Content>\n {view.collapsed && (\n <StackItem.Content classNames='attention-surface'>\n <h2 className={mx('flex items-center p-4 font-medium', textBlockWidth)}>{view.title}</h2>\n </StackItem.Content>\n )}\n </StackItem.Root>\n </CollapsiblePrimitive.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nexport const CaretDownUp = ({ children, ...props }: ComponentPropsWithoutRef<'svg'>) => {\n return (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n <rect width='256' height='256' fill='none' />\n <polyline\n points='80 224 128 176 176 224'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n <polyline\n points='80 32 128 80 176 32'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n {children}\n </svg>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Plus", "React", "useCallback", "useEffect", "useMemo", "useState", "Capabilities", "createIntent", "LayoutAction", "useAppGraph", "useCapabilities", "useIntentDispatcher", "live", "getType", "fullyQualifiedId", "isLiveObject", "makeRef", "SpaceAction", "Button", "toLocalizedString", "useTranslation", "AttentionProvider", "Stack", "isNonNullable", "createContext", "useContext", "StackContext", "createContext", "onCollapse", "onNavigate", "onDelete", "onAdd", "useStack", "useContext", "CollapsiblePrimitive", "React", "useState", "Surface", "DropdownMenu", "Icon", "useTranslation", "IconButton", "useAttendableAttributes", "StackItem", "mx", "getSize", "textBlockWidth", "React", "CaretDownUp", "children", "props", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "sectionActionDimensions", "StackSection", "id", "view", "object", "metadata", "icon", "t", "useTranslation", "STACK_PLUGIN", "onNavigate", "onAdd", "onCollapse", "onDelete", "useStack", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "attendableAttrs", "useAttendableAttributes", "React", "Root", "asChild", "open", "collapsed", "onOpenChange", "nextOpen", "StackItem", "item", "role", "classNames", "Heading", "span", "className", "title", "div", "DropdownMenu", "Trigger", "SigilButton", "Icon", "size", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "CaretDownUp", "getSize", "Arrow", "IconButton", "iconOnly", "variant", "label", "Surface", "data", "subject", "limit", "placeholder", "h2", "mx", "textBlockWidth", "StackMain", "id", "collection", "dispatchPromise", "dispatch", "useIntentDispatcher", "graph", "useAppGraph", "t", "useTranslation", "STACK_PLUGIN", "allMetadata", "useCapabilities", "Capabilities", "Metadata", "defaultStack", "useMemo", "live", "StackViewType", "sections", "stack", "views", "typename", "target", "collapsedSections", "setCollapsedSections", "useState", "useEffect", "makeRef", "items", "objects", "map", "object", "filter", "isNonNullable", "metadata", "find", "m", "getType", "objectId", "view", "collapsed", "fullyQualifiedId", "title", "toLocalizedString", "findNode", "properties", "label", "handleDelete", "useCallback", "index", "findIndex", "section", "isLiveObject", "createIntent", "SpaceAction", "RemoveObjects", "handleAdd", "position", "LayoutAction", "UpdateDialog", "part", "subject", "options", "blockAlign", "props", "path", "handleNavigate", "Open", "handleCollapse", "prev", "handleAddSection", "OpenCreateObject", "navigable", "React", "AttentionProvider", "StackContext", "Provider", "value", "onCollapse", "onNavigate", "onDelete", "onAdd", "Stack", "orientation", "size", "data-testid", "item", "StackSection", "key", "div", "role", "className", "Button", "classNames", "onClick", "Plus", "span"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types/stack.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { S, TypedObject } from '@dxos/echo-schema';\n\n// All section metadata needs to be optional/have defaults.\n// Any objects added to the collection will start with the section defaults.\n// If an object is removed from the collection without removing the section metadata this is fine.\n// Stack components should clean-up the superfluous data on future edits.\n\nexport const SectionSchema = S.Struct({\n height: S.optional(S.Number),\n // Space for data that isn't stack-specific but is specific to this view instance.\n // e.g. cover/fill for an image\n custom: S.optional(S.Record({ key: S.String, value: S.Any })),\n});\n\n// TODO(burdon): Should be just type/Stack?\nexport class StackViewType extends TypedObject({ typename: 'dxos.org/type/StackView', version: '0.1.0' })({\n sections: S.mutable(S.Record({ key: S.String, value: SectionSchema })),\n}) {}\n"],
|
|
5
|
-
"mappings": ";AAIA,SAASA,GAAGC,mBAAmB;AAOxB,IAAMC,gBAAgBC,EAAEC,OAAO;EACpCC,QAAQF,EAAEG,SAASH,EAAEI,MAAM;;;EAG3BC,QAAQL,EAAEG,SAASH,EAAEM,OAAO;IAAEC,KAAKP,EAAEQ;IAAQC,OAAOT,EAAEU;EAAI,CAAA,CAAA;AAC5D,CAAA;AAGO,IAAMC,gBAAN,cAA4BC,YAAY;EAAEC,UAAU;EAA2BC,SAAS;AAAQ,CAAA,EAAG;EACxGC,UAAUf,EAAEgB,QAAQhB,EAAEM,OAAO;IAAEC,KAAKP,EAAEQ;IAAQC,OAAOV;EAAc,CAAA,CAAA;AACrE,CAAA,EAAA;AAAI;",
|
|
6
|
-
"names": ["S", "TypedObject", "SectionSchema", "S", "Struct", "height", "optional", "Number", "custom", "Record", "key", "String", "value", "Any", "StackViewType", "TypedObject", "typename", "version", "sections", "mutable"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/StackMain.tsx", "../../../src/components/StackContext.tsx", "../../../src/components/StackSection.tsx", "../../../src/components/CaretDownUp.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plus } from '@phosphor-icons/react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n Capabilities,\n createIntent,\n LayoutAction,\n useAppGraph,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { live, getType, fullyQualifiedId, isLiveObject, makeRef } from '@dxos/client/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { Button, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { AttentionProvider } from '@dxos/react-ui-attention';\nimport { Stack } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { StackContext } from './StackContext';\nimport { StackSection } from './StackSection';\nimport { STACK_PLUGIN } from '../meta';\nimport {\n StackViewType,\n type CollapsedSections,\n type StackSectionMetadata,\n type StackSectionView,\n type StackSectionItem,\n type AddSectionPosition,\n} from '../types';\n\ntype StackMainProps = {\n id: string;\n collection: CollectionType;\n};\n\nconst StackMain = ({ id, collection }: StackMainProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const { graph } = useAppGraph();\n const { t } = useTranslation(STACK_PLUGIN);\n const allMetadata = useCapabilities(Capabilities.Metadata);\n const defaultStack = useMemo(() => live(StackViewType, { sections: {} }), [collection]);\n const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;\n const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});\n\n useEffect(() => {\n if (!collection.views[StackViewType.typename]) {\n collection.views[StackViewType.typename] = makeRef(stack);\n }\n }, [collection, stack]);\n\n const items =\n collection.objects\n // TODO(wittjosiah): Should the database handle this differently?\n // TODO(wittjosiah): Render placeholders for missing objects so they can be removed from the stack?\n .map((object) => object.target)\n .filter(isNonNullable)\n .map((object) => {\n const metadata = allMetadata.find((m) => m.id === (getType(object)?.objectId ?? 'never'))\n ?.metadata as StackSectionMetadata;\n const view = {\n ...stack.sections[object.id],\n collapsed: collapsedSections[fullyQualifiedId(object)],\n title:\n (object as any)?.title ?? toLocalizedString(graph.findNode(fullyQualifiedId(object))?.properties.label, t),\n } as StackSectionView;\n return { id: fullyQualifiedId(object), object, metadata, view } satisfies StackSectionItem;\n }) ?? [];\n\n const handleDelete = useCallback(\n async (id: string) => {\n const index = collection.objects\n .map((object) => object.target)\n .filter(isNonNullable)\n .findIndex((section) => fullyQualifiedId(section) === id);\n const object = collection.objects[index].target;\n if (isLiveObject(object)) {\n await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));\n\n // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.\n // delete stack.sections[Path.last(path)];\n }\n },\n [collection, dispatch],\n );\n\n const handleAdd = useCallback(\n async (id: string, position: AddSectionPosition) => {\n await dispatch?.(\n // TODO(wittjosiah): Use object creation dialog.\n createIntent(LayoutAction.UpdateDialog, {\n part: 'dialog',\n subject: `${STACK_PLUGIN}/AddSectionDialog`,\n options: {\n blockAlign: 'start',\n props: {\n path: id,\n position,\n collection,\n },\n },\n }),\n );\n },\n [collection, dispatch],\n );\n\n const handleNavigate = useCallback(\n async (id: string) => {\n await dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [id] }));\n },\n [dispatch],\n );\n\n const handleCollapse = useCallback(\n (id: string, collapsed: boolean) => setCollapsedSections((prev) => ({ ...prev, [id]: collapsed })),\n [],\n );\n\n const handleAddSection = useCallback(\n () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),\n [collection, dispatch],\n );\n\n return (\n <AttentionProvider id={id}>\n <StackContext.Provider\n value={{\n onCollapse: handleCollapse,\n onNavigate: handleNavigate,\n onDelete: handleDelete,\n onAdd: handleAdd,\n }}\n >\n <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack'>\n {items.map((item) => (\n <StackSection key={item.id} {...item} />\n ))}\n </Stack>\n\n <div role='none' className='flex mlb-2 pli-2 justify-center'>\n <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>\n <Plus />\n <span className='sr-only'>{t('add section label')}</span>\n </Button>\n </div>\n </StackContext.Provider>\n </AttentionProvider>\n );\n};\n\nexport default StackMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type AddSectionPosition } from '../types';\n\nexport type StackContextValue = {\n onCollapse: (id: string, collapsed: boolean) => void;\n onNavigate: (id: string) => Promise<void>;\n onDelete: (id: string) => Promise<void>;\n onAdd: (id: string, position: AddSectionPosition) => void;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n onCollapse: () => {},\n onNavigate: async () => {},\n onDelete: async () => {},\n onAdd: () => {},\n});\n\nexport const useStack = () => useContext(StackContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { DropdownMenu, Icon, useTranslation, IconButton } from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx, getSize, textBlockWidth } from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { useStack } from './StackContext';\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSectionItem } from '../types';\n\nconst sectionActionDimensions = 'p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport const StackSection = ({\n id,\n view,\n object,\n metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionItem) => {\n const { t } = useTranslation(STACK_PLUGIN);\n const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n const attendableAttrs = useAttendableAttributes(id);\n\n return (\n <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n <StackItem.Root item={{ id }} role='section' {...attendableAttrs} classNames='border-be border-separator'>\n <StackItem.Heading classNames='attention-surface border-ie !border-separator'>\n <span className='sr-only'>{view.title}</span>\n <div role='none' className='sticky -block-start-px bg-[--sticky-bg] p-1 is-full'>\n <DropdownMenu.Root\n {...{\n open: optionsMenuOpen,\n onOpenChange: setOptionsMenuOpen,\n }}\n >\n <DropdownMenu.Trigger asChild>\n <StackItem.SigilButton>\n <Icon icon={icon} size={5} classNames='transition-opacity' />\n </StackItem.SigilButton>\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content>\n <DropdownMenu.Viewport>\n {view.collapsed ? (\n <DropdownMenu.Item onClick={() => onNavigate(id)} data-testid='section.navigate-to'>\n <Icon icon='ph--arrow-square-out--regular' size={5} />\n <span className='mis-2 grow'>{t('navigate to section label')}</span>\n </DropdownMenu.Item>\n ) : (\n <CollapsiblePrimitive.Trigger asChild>\n <DropdownMenu.Item>\n <CaretDownUp className={getSize(5)} />\n <span className='mis-2 grow'>{t('collapse label')}</span>\n </DropdownMenu.Item>\n </CollapsiblePrimitive.Trigger>\n )}\n <DropdownMenu.Item onClick={() => onAdd(id, 'before')} data-testid='section.add-before'>\n <Icon icon='ph--arrow-line-up--regular' size={5} />\n <span className='mis-2 grow'>{t('add section before label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onAdd(id, 'after')} data-testid='section.add-after'>\n <Icon icon='ph--arrow-line-down--regular' size={5} />\n <span className='mis-2 grow'>{t('add section after label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onDelete(id)} data-testid='section.remove'>\n <Icon icon='ph--trash--regular' size={5} />\n <span className='mis-2 grow'>{t('remove section label')}</span>\n </DropdownMenu.Item>\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n {view.collapsed ? (\n <CollapsiblePrimitive.Trigger asChild>\n <IconButton\n iconOnly\n variant='ghost'\n label={t('expand label')}\n icon='ph--caret-up-down--regular'\n classNames={sectionActionDimensions}\n />\n </CollapsiblePrimitive.Trigger>\n ) : (\n <IconButton\n iconOnly\n variant='ghost'\n onClick={() => onNavigate(id)}\n label={t('navigate to section label')}\n icon='ph--arrow-square-out--regular'\n data-testid='section.navigate-to'\n classNames={sectionActionDimensions}\n />\n )}\n </div>\n </StackItem.Heading>\n <CollapsiblePrimitive.Content>\n <Surface role='section' data={{ subject: object }} limit={1} placeholder={<></>} />\n </CollapsiblePrimitive.Content>\n {view.collapsed && (\n <StackItem.Content classNames='attention-surface'>\n <h2 className={mx('flex items-center p-4 font-medium', textBlockWidth)}>{view.title}</h2>\n </StackItem.Content>\n )}\n </StackItem.Root>\n </CollapsiblePrimitive.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nexport const CaretDownUp = ({ children, ...props }: ComponentPropsWithoutRef<'svg'>) => {\n return (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n <rect width='256' height='256' fill='none' />\n <polyline\n points='80 224 128 176 176 224'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n <polyline\n points='80 32 128 80 176 32'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n {children}\n </svg>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["import_react", "import_app_framework", "import_react_ui", "import_react_ui_attention", "import_react_ui_stack", "StackContext", "createContext", "onCollapse", "onNavigate", "onDelete", "onAdd", "useStack", "useContext", "CaretDownUp", "children", "props", "React", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "sectionActionDimensions", "StackSection", "id", "view", "object", "metadata", "icon", "t", "useTranslation", "STACK_PLUGIN", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "attendableAttrs", "useAttendableAttributes", "Root", "asChild", "open", "collapsed", "onOpenChange", "nextOpen", "StackItem", "item", "role", "classNames", "Heading", "span", "className", "title", "div", "DropdownMenu", "Trigger", "SigilButton", "Icon", "size", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "getSize", "Arrow", "IconButton", "iconOnly", "variant", "label", "Surface", "data", "subject", "limit", "placeholder", "h2", "mx", "textBlockWidth", "StackMain", "collection", "dispatchPromise", "dispatch", "useIntentDispatcher", "graph", "useAppGraph", "allMetadata", "useCapabilities", "Capabilities", "Metadata", "defaultStack", "useMemo", "live", "StackViewType", "sections", "stack", "views", "typename", "target", "collapsedSections", "setCollapsedSections", "useEffect", "makeRef", "items", "objects", "map", "filter", "isNonNullable", "find", "m", "getType", "objectId", "fullyQualifiedId", "toLocalizedString", "findNode", "properties", "handleDelete", "useCallback", "index", "findIndex", "section", "isLiveObject", "createIntent", "SpaceAction", "RemoveObjects", "handleAdd", "position", "LayoutAction", "UpdateDialog", "part", "options", "blockAlign", "path", "handleNavigate", "Open", "handleCollapse", "prev", "handleAddSection", "OpenCreateObject", "navigable", "AttentionProvider", "Provider", "value", "Stack", "orientation", "key", "Button", "Plus"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types/stack.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { S, TypedObject } from '@dxos/echo-schema';\n\n// All section metadata needs to be optional/have defaults.\n// Any objects added to the collection will start with the section defaults.\n// If an object is removed from the collection without removing the section metadata this is fine.\n// Stack components should clean-up the superfluous data on future edits.\n\nexport const SectionSchema = S.Struct({\n height: S.optional(S.Number),\n // Space for data that isn't stack-specific but is specific to this view instance.\n // e.g. cover/fill for an image\n custom: S.optional(S.Record({ key: S.String, value: S.Any })),\n});\n\n// TODO(burdon): Should be just type/Stack?\nexport class StackViewType extends TypedObject({ typename: 'dxos.org/type/StackView', version: '0.1.0' })({\n sections: S.mutable(S.Record({ key: S.String, value: SectionSchema })),\n}) {}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAA+B;AAOxB,IAAMA,gBAAgBC,qBAAEC,OAAO;EACpCC,QAAQF,qBAAEG,SAASH,qBAAEI,MAAM;;;EAG3BC,QAAQL,qBAAEG,SAASH,qBAAEM,OAAO;IAAEC,KAAKP,qBAAEQ;IAAQC,OAAOT,qBAAEU;EAAI,CAAA,CAAA;AAC5D,CAAA;AAGO,IAAMC,gBAAN,kBAA4BC,gCAAY;EAAEC,UAAU;EAA2BC,SAAS;AAAQ,CAAA,EAAG;EACxGC,UAAUf,qBAAEgB,QAAQhB,qBAAEM,OAAO;IAAEC,KAAKP,qBAAEQ;IAAQC,OAAOV;EAAc,CAAA,CAAA;AACrE,CAAA,EAAA;AAAI;",
|
|
6
|
-
"names": ["SectionSchema", "S", "Struct", "height", "optional", "Number", "custom", "Record", "key", "String", "value", "Any", "StackViewType", "TypedObject", "typename", "version", "sections", "mutable"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/StackMain.tsx", "../../../src/components/StackContext.tsx", "../../../src/components/StackSection.tsx", "../../../src/components/CaretDownUp.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plus } from '@phosphor-icons/react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n Capabilities,\n createIntent,\n LayoutAction,\n useAppGraph,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { live, getType, fullyQualifiedId, isLiveObject, makeRef } from '@dxos/client/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { Button, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { AttentionProvider } from '@dxos/react-ui-attention';\nimport { Stack } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { StackContext } from './StackContext';\nimport { StackSection } from './StackSection';\nimport { STACK_PLUGIN } from '../meta';\nimport {\n StackViewType,\n type CollapsedSections,\n type StackSectionMetadata,\n type StackSectionView,\n type StackSectionItem,\n type AddSectionPosition,\n} from '../types';\n\ntype StackMainProps = {\n id: string;\n collection: CollectionType;\n};\n\nconst StackMain = ({ id, collection }: StackMainProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const { graph } = useAppGraph();\n const { t } = useTranslation(STACK_PLUGIN);\n const allMetadata = useCapabilities(Capabilities.Metadata);\n const defaultStack = useMemo(() => live(StackViewType, { sections: {} }), [collection]);\n const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;\n const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});\n\n useEffect(() => {\n if (!collection.views[StackViewType.typename]) {\n collection.views[StackViewType.typename] = makeRef(stack);\n }\n }, [collection, stack]);\n\n const items =\n collection.objects\n // TODO(wittjosiah): Should the database handle this differently?\n // TODO(wittjosiah): Render placeholders for missing objects so they can be removed from the stack?\n .map((object) => object.target)\n .filter(isNonNullable)\n .map((object) => {\n const metadata = allMetadata.find((m) => m.id === (getType(object)?.objectId ?? 'never'))\n ?.metadata as StackSectionMetadata;\n const view = {\n ...stack.sections[object.id],\n collapsed: collapsedSections[fullyQualifiedId(object)],\n title:\n (object as any)?.title ?? toLocalizedString(graph.findNode(fullyQualifiedId(object))?.properties.label, t),\n } as StackSectionView;\n return { id: fullyQualifiedId(object), object, metadata, view } satisfies StackSectionItem;\n }) ?? [];\n\n const handleDelete = useCallback(\n async (id: string) => {\n const index = collection.objects\n .map((object) => object.target)\n .filter(isNonNullable)\n .findIndex((section) => fullyQualifiedId(section) === id);\n const object = collection.objects[index].target;\n if (isLiveObject(object)) {\n await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));\n\n // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.\n // delete stack.sections[Path.last(path)];\n }\n },\n [collection, dispatch],\n );\n\n const handleAdd = useCallback(\n async (id: string, position: AddSectionPosition) => {\n await dispatch?.(\n // TODO(wittjosiah): Use object creation dialog.\n createIntent(LayoutAction.UpdateDialog, {\n part: 'dialog',\n subject: `${STACK_PLUGIN}/AddSectionDialog`,\n options: {\n blockAlign: 'start',\n props: {\n path: id,\n position,\n collection,\n },\n },\n }),\n );\n },\n [collection, dispatch],\n );\n\n const handleNavigate = useCallback(\n async (id: string) => {\n await dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [id] }));\n },\n [dispatch],\n );\n\n const handleCollapse = useCallback(\n (id: string, collapsed: boolean) => setCollapsedSections((prev) => ({ ...prev, [id]: collapsed })),\n [],\n );\n\n const handleAddSection = useCallback(\n () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),\n [collection, dispatch],\n );\n\n return (\n <AttentionProvider id={id}>\n <StackContext.Provider\n value={{\n onCollapse: handleCollapse,\n onNavigate: handleNavigate,\n onDelete: handleDelete,\n onAdd: handleAdd,\n }}\n >\n <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack'>\n {items.map((item) => (\n <StackSection key={item.id} {...item} />\n ))}\n </Stack>\n\n <div role='none' className='flex mlb-2 pli-2 justify-center'>\n <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>\n <Plus />\n <span className='sr-only'>{t('add section label')}</span>\n </Button>\n </div>\n </StackContext.Provider>\n </AttentionProvider>\n );\n};\n\nexport default StackMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type AddSectionPosition } from '../types';\n\nexport type StackContextValue = {\n onCollapse: (id: string, collapsed: boolean) => void;\n onNavigate: (id: string) => Promise<void>;\n onDelete: (id: string) => Promise<void>;\n onAdd: (id: string, position: AddSectionPosition) => void;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n onCollapse: () => {},\n onNavigate: async () => {},\n onDelete: async () => {},\n onAdd: () => {},\n});\n\nexport const useStack = () => useContext(StackContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { DropdownMenu, Icon, useTranslation, IconButton } from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx, getSize, textBlockWidth } from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { useStack } from './StackContext';\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSectionItem } from '../types';\n\nconst sectionActionDimensions = 'p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport const StackSection = ({\n id,\n view,\n object,\n metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionItem) => {\n const { t } = useTranslation(STACK_PLUGIN);\n const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n const attendableAttrs = useAttendableAttributes(id);\n\n return (\n <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n <StackItem.Root item={{ id }} role='section' {...attendableAttrs} classNames='border-be border-separator'>\n <StackItem.Heading classNames='attention-surface border-ie !border-separator'>\n <span className='sr-only'>{view.title}</span>\n <div role='none' className='sticky -block-start-px bg-[--sticky-bg] p-1 is-full'>\n <DropdownMenu.Root\n {...{\n open: optionsMenuOpen,\n onOpenChange: setOptionsMenuOpen,\n }}\n >\n <DropdownMenu.Trigger asChild>\n <StackItem.SigilButton>\n <Icon icon={icon} size={5} classNames='transition-opacity' />\n </StackItem.SigilButton>\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content>\n <DropdownMenu.Viewport>\n {view.collapsed ? (\n <DropdownMenu.Item onClick={() => onNavigate(id)} data-testid='section.navigate-to'>\n <Icon icon='ph--arrow-square-out--regular' size={5} />\n <span className='mis-2 grow'>{t('navigate to section label')}</span>\n </DropdownMenu.Item>\n ) : (\n <CollapsiblePrimitive.Trigger asChild>\n <DropdownMenu.Item>\n <CaretDownUp className={getSize(5)} />\n <span className='mis-2 grow'>{t('collapse label')}</span>\n </DropdownMenu.Item>\n </CollapsiblePrimitive.Trigger>\n )}\n <DropdownMenu.Item onClick={() => onAdd(id, 'before')} data-testid='section.add-before'>\n <Icon icon='ph--arrow-line-up--regular' size={5} />\n <span className='mis-2 grow'>{t('add section before label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onAdd(id, 'after')} data-testid='section.add-after'>\n <Icon icon='ph--arrow-line-down--regular' size={5} />\n <span className='mis-2 grow'>{t('add section after label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onDelete(id)} data-testid='section.remove'>\n <Icon icon='ph--trash--regular' size={5} />\n <span className='mis-2 grow'>{t('remove section label')}</span>\n </DropdownMenu.Item>\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n {view.collapsed ? (\n <CollapsiblePrimitive.Trigger asChild>\n <IconButton\n iconOnly\n variant='ghost'\n label={t('expand label')}\n icon='ph--caret-up-down--regular'\n classNames={sectionActionDimensions}\n />\n </CollapsiblePrimitive.Trigger>\n ) : (\n <IconButton\n iconOnly\n variant='ghost'\n onClick={() => onNavigate(id)}\n label={t('navigate to section label')}\n icon='ph--arrow-square-out--regular'\n data-testid='section.navigate-to'\n classNames={sectionActionDimensions}\n />\n )}\n </div>\n </StackItem.Heading>\n <CollapsiblePrimitive.Content>\n <Surface role='section' data={{ subject: object }} limit={1} placeholder={<></>} />\n </CollapsiblePrimitive.Content>\n {view.collapsed && (\n <StackItem.Content classNames='attention-surface'>\n <h2 className={mx('flex items-center p-4 font-medium', textBlockWidth)}>{view.title}</h2>\n </StackItem.Content>\n )}\n </StackItem.Root>\n </CollapsiblePrimitive.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nexport const CaretDownUp = ({ children, ...props }: ComponentPropsWithoutRef<'svg'>) => {\n return (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n <rect width='256' height='256' fill='none' />\n <polyline\n points='80 224 128 176 176 224'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n <polyline\n points='80 32 128 80 176 32'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n {children}\n </svg>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Plus", "React", "useCallback", "useEffect", "useMemo", "useState", "Capabilities", "createIntent", "LayoutAction", "useAppGraph", "useCapabilities", "useIntentDispatcher", "live", "getType", "fullyQualifiedId", "isLiveObject", "makeRef", "SpaceAction", "Button", "toLocalizedString", "useTranslation", "AttentionProvider", "Stack", "isNonNullable", "createContext", "useContext", "StackContext", "createContext", "onCollapse", "onNavigate", "onDelete", "onAdd", "useStack", "useContext", "CollapsiblePrimitive", "React", "useState", "Surface", "DropdownMenu", "Icon", "useTranslation", "IconButton", "useAttendableAttributes", "StackItem", "mx", "getSize", "textBlockWidth", "React", "CaretDownUp", "children", "props", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "sectionActionDimensions", "StackSection", "id", "view", "object", "metadata", "icon", "t", "useTranslation", "STACK_PLUGIN", "onNavigate", "onAdd", "onCollapse", "onDelete", "useStack", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "attendableAttrs", "useAttendableAttributes", "React", "Root", "asChild", "open", "collapsed", "onOpenChange", "nextOpen", "StackItem", "item", "role", "classNames", "Heading", "span", "className", "title", "div", "DropdownMenu", "Trigger", "SigilButton", "Icon", "size", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "CaretDownUp", "getSize", "Arrow", "IconButton", "iconOnly", "variant", "label", "Surface", "data", "subject", "limit", "placeholder", "h2", "mx", "textBlockWidth", "StackMain", "id", "collection", "dispatchPromise", "dispatch", "useIntentDispatcher", "graph", "useAppGraph", "t", "useTranslation", "STACK_PLUGIN", "allMetadata", "useCapabilities", "Capabilities", "Metadata", "defaultStack", "useMemo", "live", "StackViewType", "sections", "stack", "views", "typename", "target", "collapsedSections", "setCollapsedSections", "useState", "useEffect", "makeRef", "items", "objects", "map", "object", "filter", "isNonNullable", "metadata", "find", "m", "getType", "objectId", "view", "collapsed", "fullyQualifiedId", "title", "toLocalizedString", "findNode", "properties", "label", "handleDelete", "useCallback", "index", "findIndex", "section", "isLiveObject", "createIntent", "SpaceAction", "RemoveObjects", "handleAdd", "position", "LayoutAction", "UpdateDialog", "part", "subject", "options", "blockAlign", "props", "path", "handleNavigate", "Open", "handleCollapse", "prev", "handleAddSection", "OpenCreateObject", "navigable", "React", "AttentionProvider", "StackContext", "Provider", "value", "onCollapse", "onNavigate", "onDelete", "onAdd", "Stack", "orientation", "size", "data-testid", "item", "StackSection", "key", "div", "role", "className", "Button", "classNames", "onClick", "Plus", "span"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types/stack.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { S, TypedObject } from '@dxos/echo-schema';\n\n// All section metadata needs to be optional/have defaults.\n// Any objects added to the collection will start with the section defaults.\n// If an object is removed from the collection without removing the section metadata this is fine.\n// Stack components should clean-up the superfluous data on future edits.\n\nexport const SectionSchema = S.Struct({\n height: S.optional(S.Number),\n // Space for data that isn't stack-specific but is specific to this view instance.\n // e.g. cover/fill for an image\n custom: S.optional(S.Record({ key: S.String, value: S.Any })),\n});\n\n// TODO(burdon): Should be just type/Stack?\nexport class StackViewType extends TypedObject({ typename: 'dxos.org/type/StackView', version: '0.1.0' })({\n sections: S.mutable(S.Record({ key: S.String, value: SectionSchema })),\n}) {}\n"],
|
|
5
|
-
"mappings": ";;;AAIA,SAASA,GAAGC,mBAAmB;AAOxB,IAAMC,gBAAgBC,EAAEC,OAAO;EACpCC,QAAQF,EAAEG,SAASH,EAAEI,MAAM;;;EAG3BC,QAAQL,EAAEG,SAASH,EAAEM,OAAO;IAAEC,KAAKP,EAAEQ;IAAQC,OAAOT,EAAEU;EAAI,CAAA,CAAA;AAC5D,CAAA;AAGO,IAAMC,gBAAN,cAA4BC,YAAY;EAAEC,UAAU;EAA2BC,SAAS;AAAQ,CAAA,EAAG;EACxGC,UAAUf,EAAEgB,QAAQhB,EAAEM,OAAO;IAAEC,KAAKP,EAAEQ;IAAQC,OAAOV;EAAc,CAAA,CAAA;AACrE,CAAA,EAAA;AAAI;",
|
|
6
|
-
"names": ["S", "TypedObject", "SectionSchema", "S", "Struct", "height", "optional", "Number", "custom", "Record", "key", "String", "value", "Any", "StackViewType", "TypedObject", "typename", "version", "sections", "mutable"]
|
|
7
|
-
}
|