@dxos/plugin-stack 0.8.3-main.7f5a14c → 0.8.3-staging.0fa589b
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-D3THNRPH.mjs → StackMain-VQUBQKYP.mjs} +14 -32
- package/dist/lib/browser/StackMain-VQUBQKYP.mjs.map +7 -0
- package/dist/lib/browser/{chunk-UF4CMZKP.mjs → chunk-KBJKTX5V.mjs} +1 -1
- package/dist/lib/browser/{chunk-UF4CMZKP.mjs.map → chunk-KBJKTX5V.mjs.map} +2 -2
- package/dist/lib/browser/index.mjs +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-RNCSU2G3.mjs → react-surface-7NC5QPP4.mjs} +4 -4
- package/dist/lib/browser/react-surface-7NC5QPP4.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +1 -1
- package/dist/lib/node/{StackMain-O7NNLFBY.cjs → StackMain-33HO2PMZ.cjs} +14 -30
- package/dist/lib/node/StackMain-33HO2PMZ.cjs.map +7 -0
- package/dist/lib/node/{chunk-ZWMKCTSL.cjs → chunk-R6Q5AF3V.cjs} +4 -4
- package/dist/lib/node/{chunk-ZWMKCTSL.cjs.map → chunk-R6Q5AF3V.cjs.map} +2 -2
- package/dist/lib/node/index.cjs +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/{react-surface-6M7BZ4T5.cjs → react-surface-BUYFGQTR.cjs} +7 -7
- package/dist/lib/node/react-surface-BUYFGQTR.cjs.map +7 -0
- 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-A5NH7S4S.mjs → StackMain-7L5JME2D.mjs} +14 -32
- package/dist/lib/node-esm/StackMain-7L5JME2D.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-7PFDCQG4.mjs → chunk-KEWNJDTP.mjs} +1 -1
- package/dist/lib/node-esm/{chunk-7PFDCQG4.mjs.map → chunk-KEWNJDTP.mjs.map} +2 -2
- package/dist/lib/node-esm/index.mjs +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-LFDJS446.mjs → react-surface-2ODZHHA7.mjs} +4 -4
- package/dist/lib/node-esm/react-surface-2ODZHHA7.mjs.map +7 -0
- package/dist/lib/node-esm/types/index.mjs +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/StackMain.d.ts +2 -2
- package/dist/types/src/components/StackMain.d.ts.map +1 -1
- package/dist/types/src/components/StackSection.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -1
- 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/package.json +24 -23
- package/src/capabilities/react-surface.tsx +3 -2
- package/src/components/StackMain.tsx +14 -13
- package/src/components/StackSection.tsx +6 -5
- package/src/types/stack.ts +1 -0
- package/src/types/types.ts +2 -2
- package/dist/lib/browser/StackMain-D3THNRPH.mjs.map +0 -7
- package/dist/lib/browser/react-surface-RNCSU2G3.mjs.map +0 -7
- package/dist/lib/node/StackMain-O7NNLFBY.cjs.map +0 -7
- package/dist/lib/node/react-surface-6M7BZ4T5.cjs.map +0 -7
- package/dist/lib/node-esm/StackMain-A5NH7S4S.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-LFDJS446.mjs.map +0 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/types/stack.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAShC,eAAO,MAAM,aAAa;;;EAKxB,CAAC;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/types/stack.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAShC,eAAO,MAAM,aAAa;;;EAKxB,CAAC;;;;;;;;;;;;AAGH,qBAAa,aAAc,SAAQ,kBAKjC;CAAG"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { type IconProps } from '@phosphor-icons/react';
|
|
2
2
|
import { type FC } from 'react';
|
|
3
3
|
import { type Obj } from '@dxos/echo';
|
|
4
|
-
import { type CollectionType } from '@dxos/plugin-space/types';
|
|
5
4
|
import { type Label } from '@dxos/react-ui';
|
|
6
5
|
import { type StackItemSize } from '@dxos/react-ui-stack';
|
|
6
|
+
import { type DataType } from '@dxos/schema';
|
|
7
7
|
export type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';
|
|
8
8
|
export type CollapsedSections = Record<string, boolean>;
|
|
9
|
-
export type CollectionItem =
|
|
9
|
+
export type CollectionItem = DataType.Collection['objects'][number];
|
|
10
10
|
export type StackSectionView = {
|
|
11
11
|
title?: string;
|
|
12
12
|
size?: StackItemSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/E,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,kBAAkB,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC;IAChB,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,oBAAoB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-stack",
|
|
3
|
-
"version": "0.8.3-
|
|
3
|
+
"version": "0.8.3-staging.0fa589b",
|
|
4
4
|
"description": "DXOS Surface plugin for Stack entities",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -40,23 +40,24 @@
|
|
|
40
40
|
"effect": "3.14.21",
|
|
41
41
|
"node-fetch": "^2.6.0",
|
|
42
42
|
"react-is": "~18.2.0",
|
|
43
|
-
"@dxos/app-framework": "0.8.3-
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/
|
|
48
|
-
"@dxos/
|
|
49
|
-
"@dxos/local-storage": "0.8.3-
|
|
50
|
-
"@dxos/plugin-
|
|
51
|
-
"@dxos/plugin-
|
|
52
|
-
"@dxos/plugin-deck": "0.8.3-
|
|
53
|
-
"@dxos/plugin-space": "0.8.3-
|
|
54
|
-
"@dxos/react-client": "0.8.3-
|
|
55
|
-
"@dxos/react-ui-attention": "0.8.3-
|
|
56
|
-
"@dxos/react-ui-
|
|
57
|
-
"@dxos/react-ui-
|
|
58
|
-
"@dxos/
|
|
59
|
-
"@dxos/
|
|
43
|
+
"@dxos/app-framework": "0.8.3-staging.0fa589b",
|
|
44
|
+
"@dxos/async": "0.8.3-staging.0fa589b",
|
|
45
|
+
"@dxos/echo": "0.8.3-staging.0fa589b",
|
|
46
|
+
"@dxos/client": "0.8.3-staging.0fa589b",
|
|
47
|
+
"@dxos/echo-schema": "0.8.3-staging.0fa589b",
|
|
48
|
+
"@dxos/invariant": "0.8.3-staging.0fa589b",
|
|
49
|
+
"@dxos/local-storage": "0.8.3-staging.0fa589b",
|
|
50
|
+
"@dxos/plugin-client": "0.8.3-staging.0fa589b",
|
|
51
|
+
"@dxos/plugin-graph": "0.8.3-staging.0fa589b",
|
|
52
|
+
"@dxos/plugin-deck": "0.8.3-staging.0fa589b",
|
|
53
|
+
"@dxos/plugin-space": "0.8.3-staging.0fa589b",
|
|
54
|
+
"@dxos/react-client": "0.8.3-staging.0fa589b",
|
|
55
|
+
"@dxos/react-ui-attention": "0.8.3-staging.0fa589b",
|
|
56
|
+
"@dxos/react-ui-searchlist": "0.8.3-staging.0fa589b",
|
|
57
|
+
"@dxos/react-ui-form": "0.8.3-staging.0fa589b",
|
|
58
|
+
"@dxos/react-ui-stack": "0.8.3-staging.0fa589b",
|
|
59
|
+
"@dxos/schema": "0.8.3-staging.0fa589b",
|
|
60
|
+
"@dxos/util": "0.8.3-staging.0fa589b"
|
|
60
61
|
},
|
|
61
62
|
"devDependencies": {
|
|
62
63
|
"@babel/core": "^7.18.13",
|
|
@@ -66,17 +67,17 @@
|
|
|
66
67
|
"react": "~18.2.0",
|
|
67
68
|
"react-dom": "~18.2.0",
|
|
68
69
|
"vite": "5.4.7",
|
|
69
|
-
"@dxos/react-ui": "0.8.3-
|
|
70
|
-
"@dxos/
|
|
71
|
-
"@dxos/
|
|
70
|
+
"@dxos/react-ui": "0.8.3-staging.0fa589b",
|
|
71
|
+
"@dxos/storybook-utils": "0.8.3-staging.0fa589b",
|
|
72
|
+
"@dxos/react-ui-theme": "0.8.3-staging.0fa589b"
|
|
72
73
|
},
|
|
73
74
|
"peerDependencies": {
|
|
74
75
|
"@phosphor-icons/react": "^2.1.5",
|
|
75
76
|
"effect": "^3.13.3",
|
|
76
77
|
"react": "~18.2.0",
|
|
77
78
|
"react-dom": "~18.2.0",
|
|
78
|
-
"@dxos/react-ui": "0.8.3-
|
|
79
|
-
"@dxos/react-ui-theme": "0.8.3-
|
|
79
|
+
"@dxos/react-ui": "0.8.3-staging.0fa589b",
|
|
80
|
+
"@dxos/react-ui-theme": "0.8.3-staging.0fa589b"
|
|
80
81
|
},
|
|
81
82
|
"publishConfig": {
|
|
82
83
|
"access": "public"
|
|
@@ -6,8 +6,8 @@ import React from 'react';
|
|
|
6
6
|
|
|
7
7
|
import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
|
|
8
8
|
import { Obj } from '@dxos/echo';
|
|
9
|
-
import { CollectionType } from '@dxos/plugin-space/types';
|
|
10
9
|
import { fullyQualifiedId } from '@dxos/react-client/echo';
|
|
10
|
+
import { DataType } from '@dxos/schema';
|
|
11
11
|
|
|
12
12
|
import { StackMain } from '../components';
|
|
13
13
|
import { STACK_PLUGIN } from '../meta';
|
|
@@ -18,7 +18,8 @@ export default () =>
|
|
|
18
18
|
createSurface({
|
|
19
19
|
id: `${STACK_PLUGIN}/article`,
|
|
20
20
|
role: 'article',
|
|
21
|
-
filter: (data): data is { id?: string; subject:
|
|
21
|
+
filter: (data): data is { id?: string; subject: DataType.Collection } =>
|
|
22
|
+
Obj.instanceOf(DataType.Collection, data.subject),
|
|
22
23
|
component: ({ data }) => {
|
|
23
24
|
// This allows the id to be overridden by the surface for situations where the id of the collection
|
|
24
25
|
// is not the same as the id of what is being represented (e.g., a space with a root collection).
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
import { Plus } from '@phosphor-icons/react';
|
|
6
6
|
import { Option } from 'effect';
|
|
7
|
-
import React, { useCallback,
|
|
7
|
+
import React, { useCallback, useState } from 'react';
|
|
8
8
|
|
|
9
9
|
import {
|
|
10
10
|
Capabilities,
|
|
@@ -15,18 +15,18 @@ import {
|
|
|
15
15
|
useIntentDispatcher,
|
|
16
16
|
} from '@dxos/app-framework';
|
|
17
17
|
import { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';
|
|
18
|
-
import { Obj
|
|
19
|
-
import { SpaceAction
|
|
18
|
+
import { Obj } from '@dxos/echo';
|
|
19
|
+
import { SpaceAction } from '@dxos/plugin-space/types';
|
|
20
20
|
import { Button, toLocalizedString, useTranslation } from '@dxos/react-ui';
|
|
21
21
|
import { AttentionProvider } from '@dxos/react-ui-attention';
|
|
22
22
|
import { Stack } from '@dxos/react-ui-stack';
|
|
23
|
+
import { type DataType } from '@dxos/schema';
|
|
23
24
|
import { isNonNullable } from '@dxos/util';
|
|
24
25
|
|
|
25
26
|
import { StackContext } from './StackContext';
|
|
26
27
|
import { StackSection } from './StackSection';
|
|
27
28
|
import { STACK_PLUGIN } from '../meta';
|
|
28
29
|
import {
|
|
29
|
-
StackViewType,
|
|
30
30
|
type AddSectionPosition,
|
|
31
31
|
type CollapsedSections,
|
|
32
32
|
type StackSectionItem,
|
|
@@ -36,7 +36,7 @@ import {
|
|
|
36
36
|
|
|
37
37
|
type StackMainProps = {
|
|
38
38
|
id: string;
|
|
39
|
-
collection:
|
|
39
|
+
collection: DataType.Collection;
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
const StackMain = ({ id, collection }: StackMainProps) => {
|
|
@@ -44,15 +44,16 @@ const StackMain = ({ id, collection }: StackMainProps) => {
|
|
|
44
44
|
const { graph } = useAppGraph();
|
|
45
45
|
const { t } = useTranslation(STACK_PLUGIN);
|
|
46
46
|
const allMetadata = useCapabilities(Capabilities.Metadata);
|
|
47
|
-
const defaultStack = useMemo(() => Obj.make(StackViewType, { sections: {} }), [collection]);
|
|
48
|
-
const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;
|
|
49
47
|
const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});
|
|
50
48
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
49
|
+
// TODO(wittjosiah): Re-implement stack views with relations.
|
|
50
|
+
// const defaultStack = useMemo(() => Obj.make(StackViewType, { sections: {} }), [collection]);
|
|
51
|
+
// const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;
|
|
52
|
+
// useEffect(() => {
|
|
53
|
+
// if (!collection.views[StackViewType.typename]) {
|
|
54
|
+
// collection.views[StackViewType.typename] = Ref.make(stack);
|
|
55
|
+
// }
|
|
56
|
+
// }, [collection, stack]);
|
|
56
57
|
|
|
57
58
|
const items =
|
|
58
59
|
collection.objects
|
|
@@ -64,7 +65,7 @@ const StackMain = ({ id, collection }: StackMainProps) => {
|
|
|
64
65
|
const metadata = allMetadata.find((m) => m.id === (Obj.getTypename(object) ?? 'never'))
|
|
65
66
|
?.metadata as StackSectionMetadata;
|
|
66
67
|
const view = {
|
|
67
|
-
...stack.sections[object.id],
|
|
68
|
+
// ...stack.sections[object.id],
|
|
68
69
|
collapsed: collapsedSections[fullyQualifiedId(object)],
|
|
69
70
|
title:
|
|
70
71
|
(object as any)?.title ??
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
//
|
|
4
4
|
|
|
5
5
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
6
|
-
import React, { useState } from 'react';
|
|
6
|
+
import React, { useMemo, useState } from 'react';
|
|
7
7
|
|
|
8
8
|
import { Surface } from '@dxos/app-framework';
|
|
9
9
|
import { DropdownMenu, Icon, useTranslation, IconButton } from '@dxos/react-ui';
|
|
@@ -30,13 +30,14 @@ export const StackSection = ({
|
|
|
30
30
|
const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
|
|
31
31
|
const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
|
|
32
32
|
const attentionAttrs = useAttentionAttributes(id);
|
|
33
|
+
const stackItem = useMemo(() => ({ id }), [id]);
|
|
33
34
|
|
|
34
35
|
return (
|
|
35
36
|
<CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>
|
|
36
|
-
<StackItem.Root item={
|
|
37
|
-
<StackItem.Heading classNames='attention-surface
|
|
37
|
+
<StackItem.Root item={stackItem} role='section' {...attentionAttrs}>
|
|
38
|
+
<StackItem.Heading classNames='attention-surface'>
|
|
38
39
|
<span className='sr-only'>{view.title}</span>
|
|
39
|
-
<
|
|
40
|
+
<StackItem.HeadingStickyContent>
|
|
40
41
|
<DropdownMenu.Root
|
|
41
42
|
{...{
|
|
42
43
|
open: optionsMenuOpen,
|
|
@@ -102,7 +103,7 @@ export const StackSection = ({
|
|
|
102
103
|
classNames={sectionActionDimensions}
|
|
103
104
|
/>
|
|
104
105
|
)}
|
|
105
|
-
</
|
|
106
|
+
</StackItem.HeadingStickyContent>
|
|
106
107
|
</StackItem.Heading>
|
|
107
108
|
<CollapsiblePrimitive.Content>
|
|
108
109
|
<Surface role='section' data={{ subject: object }} limit={1} placeholder={<></>} />
|
package/src/types/stack.ts
CHANGED
|
@@ -18,6 +18,7 @@ export const SectionSchema = Schema.Struct({
|
|
|
18
18
|
custom: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.Any })),
|
|
19
19
|
});
|
|
20
20
|
|
|
21
|
+
// TODO(wittjosiah): This needs a relation to be connected to a stack.
|
|
21
22
|
export class StackViewType extends TypedObject({
|
|
22
23
|
typename: 'dxos.org/type/StackView',
|
|
23
24
|
version: '0.1.0',
|
package/src/types/types.ts
CHANGED
|
@@ -6,15 +6,15 @@ import { type IconProps } from '@phosphor-icons/react';
|
|
|
6
6
|
import { type FC } from 'react';
|
|
7
7
|
|
|
8
8
|
import { type Obj } from '@dxos/echo';
|
|
9
|
-
import { type CollectionType } from '@dxos/plugin-space/types';
|
|
10
9
|
import { type Label } from '@dxos/react-ui';
|
|
11
10
|
import { type StackItemSize } from '@dxos/react-ui-stack';
|
|
11
|
+
import { type DataType } from '@dxos/schema';
|
|
12
12
|
|
|
13
13
|
export type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';
|
|
14
14
|
|
|
15
15
|
export type CollapsedSections = Record<string, boolean>;
|
|
16
16
|
|
|
17
|
-
export type CollectionItem =
|
|
17
|
+
export type CollectionItem = DataType.Collection['objects'][number];
|
|
18
18
|
|
|
19
19
|
export type StackSectionView = {
|
|
20
20
|
title?: string;
|
|
@@ -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 { Option } from 'effect';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n Capabilities,\n LayoutAction,\n createIntent,\n useAppGraph,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';\nimport { Obj, Ref } from '@dxos/echo';\nimport { SpaceAction, 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 AddSectionPosition,\n type CollapsedSections,\n type StackSectionItem,\n type StackSectionMetadata,\n type StackSectionView,\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(() => Obj.make(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] = Ref.make(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 === (Obj.getTypename(object) ?? '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 ??\n // TODO(wittjosiah): `getNode` is not reactive.\n toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.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 { useAttentionAttributes } 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 type StackSectionProps = StackSectionItem;\n\nexport const StackSection = ({\n id,\n view,\n object,\n metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionProps) => {\n const { t } = useTranslation(STACK_PLUGIN);\n const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n const attentionAttrs = useAttentionAttributes(id);\n\n return (\n <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n <StackItem.Root item={{ id }} role='section' {...attentionAttrs} 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-right--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-right--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", "Option", "React", "useCallback", "useEffect", "useMemo", "useState", "Capabilities", "LayoutAction", "createIntent", "useAppGraph", "useCapabilities", "useIntentDispatcher", "fullyQualifiedId", "isLiveObject", "Obj", "Ref", "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", "useAttentionAttributes", "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", "attentionAttrs", "useAttentionAttributes", "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", "Obj", "make", "StackViewType", "sections", "stack", "views", "typename", "target", "collapsedSections", "setCollapsedSections", "useState", "useEffect", "Ref", "items", "objects", "map", "object", "filter", "isNonNullable", "metadata", "find", "m", "getTypename", "view", "collapsed", "fullyQualifiedId", "title", "toLocalizedString", "getNode", "pipe", "Option", "getOrNull", "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/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\n\nimport { StackMain } from '../components';\nimport { STACK_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(\n Capabilities.ReactSurface,\n createSurface({\n id: `${STACK_PLUGIN}/article`,\n role: 'article',\n filter: (data): data is { id?: string; subject: CollectionType } => Obj.instanceOf(CollectionType, data.subject),\n component: ({ data }) => {\n // This allows the id to be overridden by the surface for situations where the id of the collection\n // is not the same as the id of what is being represented (e.g., a space with a root collection).\n const id = typeof data.id === 'string' ? data.id : undefined;\n return (\n <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />\n </div>\n );\n },\n }),\n );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n const { t } = useTranslation(STACK_PLUGIN);\n\n return (\n <DeprecatedFormContainer>\n <DeprecatedFormInput label={t('settings separation label')}>\n <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n </DeprecatedFormInput>\n </DeprecatedFormContainer>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,sBAAsB;AAC/B,SAASC,wBAAwB;;;ACLjC,SAASC,YAAY;;;;ACArB,OAAOC,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,yBAAyBC,2BAA2B;;;ADDtD,IAAMC,YAAYC,KAAK,MAAM,OAAO,0BAAA,CAAA;;;ADQ3C,IAAA,wBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,YAAAA;EACPC,MAAM;EACNC,QAAQ,CAACC,SAA2DC,IAAIC,WAAWC,gBAAgBH,KAAKI,OAAO;EAC/GC,WAAW,CAAC,EAAEL,KAAI,MAAE;AAGlB,UAAMJ,KAAK,OAAOI,KAAKJ,OAAO,WAAWI,KAAKJ,KAAKU;AACnD,WACE,gBAAAC,OAAA,cAACC,OAAAA;MAAIV,MAAK;MAAOW,WAAU;MAAgBC,OAAO;QAAEC,SAAS;MAAS;OACpE,gBAAAJ,OAAA,cAACK,WAAAA;MAAUhB,IAAIA,MAAMiB,iBAAiBb,KAAKI,OAAO;MAAGU,YAAYd,KAAKI;;EAG5E;AACF,CAAA,CAAA;",
|
|
6
|
-
"names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "CollectionType", "fullyQualifiedId", "lazy", "React", "Input", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "StackMain", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "STACK_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "CollectionType", "subject", "component", "undefined", "React", "div", "className", "style", "contain", "StackMain", "fullyQualifiedId", "collection"]
|
|
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 { Option } from 'effect';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n Capabilities,\n LayoutAction,\n createIntent,\n useAppGraph,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';\nimport { Obj, Ref } from '@dxos/echo';\nimport { SpaceAction, 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 AddSectionPosition,\n type CollapsedSections,\n type StackSectionItem,\n type StackSectionMetadata,\n type StackSectionView,\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(() => Obj.make(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] = Ref.make(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 === (Obj.getTypename(object) ?? '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 ??\n // TODO(wittjosiah): `getNode` is not reactive.\n toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.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 { useAttentionAttributes } 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 type StackSectionProps = StackSectionItem;\n\nexport const StackSection = ({\n id,\n view,\n object,\n metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionProps) => {\n const { t } = useTranslation(STACK_PLUGIN);\n const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n const attentionAttrs = useAttentionAttributes(id);\n\n return (\n <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n <StackItem.Root item={{ id }} role='section' {...attentionAttrs} 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-right--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-right--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_echo", "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", "attentionAttrs", "useAttentionAttributes", "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", "Obj", "make", "StackViewType", "sections", "stack", "views", "typename", "target", "collapsedSections", "setCollapsedSections", "useEffect", "Ref", "items", "objects", "map", "filter", "isNonNullable", "find", "m", "getTypename", "fullyQualifiedId", "toLocalizedString", "getNode", "pipe", "Option", "getOrNull", "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/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\n\nimport { StackMain } from '../components';\nimport { STACK_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(\n Capabilities.ReactSurface,\n createSurface({\n id: `${STACK_PLUGIN}/article`,\n role: 'article',\n filter: (data): data is { id?: string; subject: CollectionType } => Obj.instanceOf(CollectionType, data.subject),\n component: ({ data }) => {\n // This allows the id to be overridden by the surface for situations where the id of the collection\n // is not the same as the id of what is being represented (e.g., a space with a root collection).\n const id = typeof data.id === 'string' ? data.id : undefined;\n return (\n <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />\n </div>\n );\n },\n }),\n );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n const { t } = useTranslation(STACK_PLUGIN);\n\n return (\n <DeprecatedFormContainer>\n <DeprecatedFormInput label={t('settings separation label')}>\n <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n </DeprecatedFormInput>\n </DeprecatedFormContainer>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAyD;AACzD,kBAAoB;AACpB,mBAA+B;AAC/B,IAAAA,eAAiC;ACLjC,IAAAC,gBAAqB;;ACArB,IAAAA,gBAAkB;AAElB,sBAAsC;AACtC,2BAA6D;ADDtD,IAAMC,gBAAYC,oBAAK,MAAM,OAAO,0BAAA,CAAA;ADQ3C,IAAA,wBAAe,UACbC,kCACEC,kCAAaC,kBACbC,oCAAc;EACZC,IAAI,GAAGC,kCAAAA;EACPC,MAAM;EACNC,QAAQ,CAACC,SAA2DC,gBAAIC,WAAWC,6BAAgBH,KAAKI,OAAO;EAC/GC,WAAW,CAAC,EAAEL,KAAI,MAAE;AAGlB,UAAMJ,KAAK,OAAOI,KAAKJ,OAAO,WAAWI,KAAKJ,KAAKU;AACnD,WACEC,6BAAAA,QAAA,cAACC,OAAAA;MAAIV,MAAK;MAAOW,WAAU;MAAgBC,OAAO;QAAEC,SAAS;MAAS;OACpEJ,6BAAAA,QAAA,cAACjB,WAAAA;MAAUM,IAAIA,UAAMgB,+BAAiBZ,KAAKI,OAAO;MAAGS,YAAYb,KAAKI;;EAG5E;AACF,CAAA,CAAA;",
|
|
6
|
-
"names": ["import_echo", "import_react", "StackMain", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "STACK_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "CollectionType", "subject", "component", "undefined", "React", "div", "className", "style", "contain", "fullyQualifiedId", "collection"]
|
|
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 { Option } from 'effect';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n Capabilities,\n LayoutAction,\n createIntent,\n useAppGraph,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';\nimport { Obj, Ref } from '@dxos/echo';\nimport { SpaceAction, 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 AddSectionPosition,\n type CollapsedSections,\n type StackSectionItem,\n type StackSectionMetadata,\n type StackSectionView,\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(() => Obj.make(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] = Ref.make(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 === (Obj.getTypename(object) ?? '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 ??\n // TODO(wittjosiah): `getNode` is not reactive.\n toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.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 { useAttentionAttributes } 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 type StackSectionProps = StackSectionItem;\n\nexport const StackSection = ({\n id,\n view,\n object,\n metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionProps) => {\n const { t } = useTranslation(STACK_PLUGIN);\n const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n const attentionAttrs = useAttentionAttributes(id);\n\n return (\n <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n <StackItem.Root item={{ id }} role='section' {...attentionAttrs} 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-right--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-right--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", "Option", "React", "useCallback", "useEffect", "useMemo", "useState", "Capabilities", "LayoutAction", "createIntent", "useAppGraph", "useCapabilities", "useIntentDispatcher", "fullyQualifiedId", "isLiveObject", "Obj", "Ref", "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", "useAttentionAttributes", "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", "attentionAttrs", "useAttentionAttributes", "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", "Obj", "make", "StackViewType", "sections", "stack", "views", "typename", "target", "collapsedSections", "setCollapsedSections", "useState", "useEffect", "Ref", "items", "objects", "map", "object", "filter", "isNonNullable", "metadata", "find", "m", "getTypename", "view", "collapsed", "fullyQualifiedId", "title", "toLocalizedString", "getNode", "pipe", "Option", "getOrNull", "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/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\n\nimport { StackMain } from '../components';\nimport { STACK_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(\n Capabilities.ReactSurface,\n createSurface({\n id: `${STACK_PLUGIN}/article`,\n role: 'article',\n filter: (data): data is { id?: string; subject: CollectionType } => Obj.instanceOf(CollectionType, data.subject),\n component: ({ data }) => {\n // This allows the id to be overridden by the surface for situations where the id of the collection\n // is not the same as the id of what is being represented (e.g., a space with a root collection).\n const id = typeof data.id === 'string' ? data.id : undefined;\n return (\n <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />\n </div>\n );\n },\n }),\n );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n const { t } = useTranslation(STACK_PLUGIN);\n\n return (\n <DeprecatedFormContainer>\n <DeprecatedFormInput label={t('settings separation label')}>\n <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n </DeprecatedFormInput>\n </DeprecatedFormContainer>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,sBAAsB;AAC/B,SAASC,wBAAwB;;;ACLjC,SAASC,YAAY;;;;ACArB,OAAOC,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,yBAAyBC,2BAA2B;;;ADDtD,IAAMC,YAAYC,KAAK,MAAM,OAAO,0BAAA,CAAA;;;ADQ3C,IAAA,wBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,YAAAA;EACPC,MAAM;EACNC,QAAQ,CAACC,SAA2DC,IAAIC,WAAWC,gBAAgBH,KAAKI,OAAO;EAC/GC,WAAW,CAAC,EAAEL,KAAI,MAAE;AAGlB,UAAMJ,KAAK,OAAOI,KAAKJ,OAAO,WAAWI,KAAKJ,KAAKU;AACnD,WACE,gBAAAC,OAAA,cAACC,OAAAA;MAAIV,MAAK;MAAOW,WAAU;MAAgBC,OAAO;QAAEC,SAAS;MAAS;OACpE,gBAAAJ,OAAA,cAACK,WAAAA;MAAUhB,IAAIA,MAAMiB,iBAAiBb,KAAKI,OAAO;MAAGU,YAAYd,KAAKI;;EAG5E;AACF,CAAA,CAAA;",
|
|
6
|
-
"names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "CollectionType", "fullyQualifiedId", "lazy", "React", "Input", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "StackMain", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "STACK_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "CollectionType", "subject", "component", "undefined", "React", "div", "className", "style", "contain", "StackMain", "fullyQualifiedId", "collection"]
|
|
7
|
-
}
|