@dxos/react-ui-mosaic 0.6.1-main.ff751ec → 0.6.1-next.f8e935e
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/types/src/testing/index.d.ts +0 -1
- package/dist/types/src/testing/index.d.ts.map +1 -1
- package/dist/types/src/views/Demo/Demo.stories.d.ts +1 -1
- package/dist/types/src/views/Demo/Demo.stories.d.ts.map +1 -1
- package/dist/types/src/views/Demo/Echo.stories.d.ts +1 -1
- package/dist/types/src/views/Grid/Grid.stories.d.ts +1 -1
- package/dist/types/src/views/Grid/Grid.stories.d.ts.map +1 -1
- package/dist/types/src/views/Kanban/Echo.stories.d.ts +1 -1
- package/dist/types/src/views/Kanban/Echo.stories.d.ts.map +1 -1
- package/dist/types/src/views/Kanban/Kanban.stories.d.ts +1 -1
- package/dist/types/src/views/Kanban/Kanban.stories.d.ts.map +1 -1
- package/dist/types/src/views/Stack/Columns.stories.d.ts +1 -1
- package/dist/types/src/views/Stack/Columns.stories.d.ts.map +1 -1
- package/dist/types/src/views/Stack/Stack.stories.d.ts +1 -1
- package/dist/types/src/views/Stack/Stack.stories.d.ts.map +1 -1
- package/dist/types/src/views/Tree/Graph.stories.d.ts +1 -1
- package/dist/types/src/views/Tree/Tree.stories.d.ts +1 -1
- package/dist/types/src/views/Tree/Tree.stories.d.ts.map +1 -1
- package/package.json +16 -16
- package/src/testing/index.ts +0 -1
- package/src/views/Demo/Demo.stories.tsx +2 -1
- package/src/views/Demo/Echo.stories.tsx +2 -2
- package/src/views/Grid/Grid.stories.tsx +2 -1
- package/src/views/Kanban/Echo.stories.tsx +1 -2
- package/src/views/Kanban/Kanban.stories.tsx +2 -1
- package/src/views/Stack/Columns.stories.tsx +2 -1
- package/src/views/Stack/Stack.stories.tsx +2 -1
- package/src/views/Tree/Graph.stories.tsx +1 -1
- package/src/views/Tree/Tree.stories.tsx +2 -1
- package/dist/types/src/testing/decorators.d.ts +0 -4
- package/dist/types/src/testing/decorators.d.ts.map +0 -1
- package/src/testing/decorators.tsx +0 -21
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAE5B,cAAc,SAAS,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import '@dxosTheme';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
decorators: (import("@storybook/
|
|
5
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Demo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Demo/Demo.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Demo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Demo/Demo.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;;;;;;;;AAiBpB,wBAME;AAKF,eAAO,MAAM,OAAO,mBAenB,CAAC;AAEF,eAAO,MAAM,IAAI,mBAehB,CAAC;AAEF,eAAO,MAAM,MAAM,mBAelB,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
4
|
render: () => JSX.Element;
|
|
5
|
-
decorators: (import("@storybook/
|
|
5
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
8
|
//# sourceMappingURL=Echo.stories.d.ts.map
|
|
@@ -4,7 +4,7 @@ declare const _default: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: ({ id, items, layout, options: opts, margin, square, debug, selected: controlledSelected, Component, classNames, onDrop, onOver, onSelect, onCreate, onAction, }: import("./Grid").GridProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
|
|
6
6
|
render: () => JSX.Element;
|
|
7
|
-
decorators: (import("@storybook/
|
|
7
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
8
8
|
parameters: {
|
|
9
9
|
layout: string;
|
|
10
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Grid/Grid.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Grid/Grid.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;;;;;;;;;;AA8BpB,wBAeE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}
|
|
@@ -3,7 +3,7 @@ declare const _default: {
|
|
|
3
3
|
title: string;
|
|
4
4
|
component: ({ id, columns, Component: TileComponent, debug, onDrop, }: import("./Kanban").KanbanProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
|
|
5
5
|
render: () => JSX.Element;
|
|
6
|
-
decorators: (import("@storybook/
|
|
6
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Echo.stories.tsx"],"names":[],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Echo.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAmCA,wBAgCE;AAEF,eAAO,MAAM,IAAI,IAAK,CAAC"}
|
|
@@ -5,7 +5,7 @@ declare const _default: {
|
|
|
5
5
|
title: string;
|
|
6
6
|
component: ({ id, columns, Component: TileComponent, debug, onDrop, }: import("./Kanban").KanbanProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
|
|
7
7
|
render: (args: DemoKanbanProps) => JSX.Element;
|
|
8
|
-
decorators: (import("@storybook/
|
|
8
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
9
9
|
parameters: {
|
|
10
10
|
layout: string;
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Kanban.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Kanban.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Kanban.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Kanban.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AASpB,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;;;;mBAS5C,eAAe;;;;;;AAHhC,wBAeE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}
|
|
@@ -5,7 +5,7 @@ declare const _default: {
|
|
|
5
5
|
title: string;
|
|
6
6
|
component: ({ id, Component, onOver, onDrop, items, direction, debug, }: import("./Stack").StackProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
|
|
7
7
|
render: (args: DemoStackProps) => JSX.Element;
|
|
8
|
-
decorators: (import("@storybook/
|
|
8
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
9
9
|
parameters: {
|
|
10
10
|
layout: string;
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Columns.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/Columns.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Columns.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/Columns.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AASpB,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;;;;mBAS1C,cAAc;;;;;;AAH/B,wBAoBE;AAEF,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAC;AAGF,eAAO,MAAM,IAAI;;;;;;CAMhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC"}
|
|
@@ -8,7 +8,7 @@ declare const _default: {
|
|
|
8
8
|
types: string[];
|
|
9
9
|
count: number;
|
|
10
10
|
}) => JSX.Element;
|
|
11
|
-
decorators: (import("@storybook/
|
|
11
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
12
12
|
parameters: {
|
|
13
13
|
layout: string;
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/Stack.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/Stack.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAQpB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;;;;mBAWvC,UAAU,GAAG;QACjB,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf;;;;;;AAPL,wBAoBE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}
|
|
@@ -3,7 +3,7 @@ import '@dxosTheme';
|
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: ({ id, Component, onOver, onDrop, items, debug }: import("./Tree").TreeProps<import("./Tree").TreeData>) => JSX.Element;
|
|
6
|
-
decorators: (import("@storybook/
|
|
6
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
|
9
9
|
};
|
|
@@ -5,7 +5,7 @@ declare const _default: {
|
|
|
5
5
|
title: string;
|
|
6
6
|
component: ({ id, Component, onOver, onDrop, items, debug }: import("./Tree").TreeProps<import("./Tree").TreeData>) => JSX.Element;
|
|
7
7
|
render: (args: DemoTreeProps) => JSX.Element;
|
|
8
|
-
decorators: (import("@storybook/
|
|
8
|
+
decorators: (import("@storybook/react/*").Decorator | import("@storybook/csf").DecoratorFunction<import("@storybook/react/*").ReactRenderer>)[];
|
|
9
9
|
parameters: {
|
|
10
10
|
layout: string;
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Tree/Tree.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Tree/Tree.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AASpB,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;;;;mBA8DxC,aAAa;;;;;;AAH9B,wBAeE;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAEnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAEhB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-ui-mosaic",
|
|
3
|
-
"version": "0.6.1-
|
|
3
|
+
"version": "0.6.1-next.f8e935e",
|
|
4
4
|
"description": "An intermediate interface for drag-and-drop interactions.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -24,15 +24,15 @@
|
|
|
24
24
|
"lodash.defaultsdeep": "^4.6.1",
|
|
25
25
|
"lodash.pick": "^4.4.0",
|
|
26
26
|
"react-resize-detector": "^7.1.2",
|
|
27
|
-
"@dxos/
|
|
28
|
-
"@dxos/
|
|
29
|
-
"@dxos/keys": "0.6.1-
|
|
30
|
-
"@dxos/log": "0.6.1-
|
|
31
|
-
"@dxos/react-ui": "0.6.1-
|
|
32
|
-
"@dxos/react-ui-
|
|
33
|
-
"@dxos/react-ui-
|
|
34
|
-
"@dxos/
|
|
35
|
-
"@dxos/
|
|
27
|
+
"@dxos/debug": "0.6.1-next.f8e935e",
|
|
28
|
+
"@dxos/invariant": "0.6.1-next.f8e935e",
|
|
29
|
+
"@dxos/keys": "0.6.1-next.f8e935e",
|
|
30
|
+
"@dxos/log": "0.6.1-next.f8e935e",
|
|
31
|
+
"@dxos/react-ui-card": "0.6.1-next.f8e935e",
|
|
32
|
+
"@dxos/react-ui-theme": "0.6.1-next.f8e935e",
|
|
33
|
+
"@dxos/react-ui-types": "0.6.1-next.f8e935e",
|
|
34
|
+
"@dxos/util": "0.6.1-next.f8e935e",
|
|
35
|
+
"@dxos/react-ui": "0.6.1-next.f8e935e"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@phosphor-icons/react": "^2.1.5",
|
|
@@ -45,12 +45,12 @@
|
|
|
45
45
|
"react": "^18.2.0",
|
|
46
46
|
"react-dom": "^18.2.0",
|
|
47
47
|
"vite": "^5.2.9",
|
|
48
|
-
"@dxos/app-graph": "0.6.1-
|
|
49
|
-
"@dxos/echo-schema": "0.6.1-
|
|
50
|
-
"@dxos/gem-core": "0.6.1-
|
|
51
|
-
"@dxos/random": "0.6.1-
|
|
52
|
-
"@dxos/
|
|
53
|
-
"@dxos/
|
|
48
|
+
"@dxos/app-graph": "0.6.1-next.f8e935e",
|
|
49
|
+
"@dxos/echo-schema": "0.6.1-next.f8e935e",
|
|
50
|
+
"@dxos/gem-core": "0.6.1-next.f8e935e",
|
|
51
|
+
"@dxos/random": "0.6.1-next.f8e935e",
|
|
52
|
+
"@dxos/react-client": "0.6.1-next.f8e935e",
|
|
53
|
+
"@dxos/storybook-utils": "0.6.1-next.f8e935e"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"@phosphor-icons/react": "^2.1.5",
|
package/src/testing/index.ts
CHANGED
|
@@ -7,10 +7,11 @@ import '@dxosTheme';
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
|
|
9
9
|
import { faker } from '@dxos/random';
|
|
10
|
+
import { FullscreenDecorator } from '@dxos/react-client/testing';
|
|
10
11
|
import { withTheme } from '@dxos/storybook-utils';
|
|
11
12
|
|
|
12
13
|
import { Mosaic } from '../../mosaic';
|
|
13
|
-
import { ComplexCard,
|
|
14
|
+
import { ComplexCard, SimpleCard } from '../../testing';
|
|
14
15
|
import { DemoGrid } from '../Grid/testing';
|
|
15
16
|
import { DemoKanban } from '../Kanban/testing';
|
|
16
17
|
import { DemoStack } from '../Stack/testing';
|
|
@@ -7,11 +7,11 @@ import React, { type FC } from 'react';
|
|
|
7
7
|
import { faker } from '@dxos/random';
|
|
8
8
|
import { type PublicKey } from '@dxos/react-client';
|
|
9
9
|
import { create } from '@dxos/react-client/echo';
|
|
10
|
-
import { ClientRepeater } from '@dxos/react-client/testing';
|
|
10
|
+
import { ClientRepeater, FullscreenDecorator } from '@dxos/react-client/testing';
|
|
11
11
|
import { withTheme } from '@dxos/storybook-utils';
|
|
12
12
|
|
|
13
13
|
import { Mosaic } from '../../mosaic';
|
|
14
|
-
import {
|
|
14
|
+
import { TestObjectGenerator, range, Status, Priority } from '../../testing';
|
|
15
15
|
|
|
16
16
|
// import { EchoKanban } from '../Kanban/testing';
|
|
17
17
|
// import { GraphTree } from '../Tree/testing';
|
|
@@ -7,12 +7,13 @@ import '@dxosTheme';
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
|
|
9
9
|
import { faker } from '@dxos/random';
|
|
10
|
+
import { FullscreenDecorator } from '@dxos/react-client/testing';
|
|
10
11
|
import { withTheme } from '@dxos/storybook-utils';
|
|
11
12
|
|
|
12
13
|
import { Grid, type GridLayout } from './Grid';
|
|
13
14
|
import { DemoGrid } from './testing';
|
|
14
15
|
import { Mosaic } from '../../mosaic';
|
|
15
|
-
import {
|
|
16
|
+
import { TestObjectGenerator } from '../../testing';
|
|
16
17
|
|
|
17
18
|
faker.seed(99);
|
|
18
19
|
|
|
@@ -6,13 +6,12 @@ import React from 'react';
|
|
|
6
6
|
|
|
7
7
|
import { type PublicKey } from '@dxos/react-client';
|
|
8
8
|
// import { Expando } from '@dxos/react-client/echo';
|
|
9
|
-
import { ClientRepeater } from '@dxos/react-client/testing';
|
|
9
|
+
import { ClientRepeater, FullscreenDecorator } from '@dxos/react-client/testing';
|
|
10
10
|
import { withTheme } from '@dxos/storybook-utils';
|
|
11
11
|
|
|
12
12
|
import { Kanban } from './Kanban';
|
|
13
13
|
// import { EchoKanban, columnValues } from './testing';
|
|
14
14
|
import { Mosaic } from '../../mosaic';
|
|
15
|
-
import { FullscreenDecorator /* TestObjectGenerator, range */ } from '../../testing';
|
|
16
15
|
|
|
17
16
|
// const generator = new TestObjectGenerator();
|
|
18
17
|
|
|
@@ -7,12 +7,13 @@ import '@dxosTheme';
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
|
|
9
9
|
import { faker } from '@dxos/random';
|
|
10
|
+
import { FullscreenDecorator } from '@dxos/react-client/testing';
|
|
10
11
|
import { withTheme } from '@dxos/storybook-utils';
|
|
11
12
|
|
|
12
13
|
import { Kanban } from './Kanban';
|
|
13
14
|
import { DemoKanban, type DemoKanbanProps } from './testing';
|
|
14
15
|
import { Mosaic } from '../../mosaic';
|
|
15
|
-
import { ComplexCard,
|
|
16
|
+
import { ComplexCard, SimpleCard } from '../../testing';
|
|
16
17
|
|
|
17
18
|
faker.seed(3);
|
|
18
19
|
|
|
@@ -7,12 +7,13 @@ import '@dxosTheme';
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
|
|
9
9
|
import { faker } from '@dxos/random';
|
|
10
|
+
import { FullscreenDecorator } from '@dxos/react-client/testing';
|
|
10
11
|
import { withTheme } from '@dxos/storybook-utils';
|
|
11
12
|
|
|
12
13
|
import { Stack } from './Stack';
|
|
13
14
|
import { DemoStack, type DemoStackProps } from './testing';
|
|
14
15
|
import { Mosaic } from '../../mosaic';
|
|
15
|
-
import {
|
|
16
|
+
import { SimpleCard } from '../../testing';
|
|
16
17
|
|
|
17
18
|
faker.seed(3);
|
|
18
19
|
|
|
@@ -7,12 +7,13 @@ import '@dxosTheme';
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
|
|
9
9
|
import { faker } from '@dxos/random';
|
|
10
|
+
import { FullscreenDecorator } from '@dxos/react-client/testing';
|
|
10
11
|
import { withTheme } from '@dxos/storybook-utils';
|
|
11
12
|
|
|
12
13
|
import { Stack, type StackProps } from './Stack';
|
|
13
14
|
import { DemoStack } from './testing';
|
|
14
15
|
import { Mosaic } from '../../mosaic';
|
|
15
|
-
import { ComplexCard,
|
|
16
|
+
import { ComplexCard, SimpleCard } from '../../testing';
|
|
16
17
|
|
|
17
18
|
faker.seed(3);
|
|
18
19
|
|
|
@@ -7,12 +7,12 @@ import '@dxosTheme';
|
|
|
7
7
|
// import React from 'react';
|
|
8
8
|
|
|
9
9
|
import { faker } from '@dxos/random';
|
|
10
|
+
import { FullscreenDecorator } from '@dxos/react-client/testing';
|
|
10
11
|
import { withTheme } from '@dxos/storybook-utils';
|
|
11
12
|
|
|
12
13
|
import { Tree } from './Tree';
|
|
13
14
|
// import { GraphTree } from './testing';
|
|
14
15
|
// import { Mosaic } from '../../mosaic';
|
|
15
|
-
import { FullscreenDecorator } from '../../testing';
|
|
16
16
|
|
|
17
17
|
faker.seed(3);
|
|
18
18
|
|
|
@@ -7,12 +7,13 @@ import '@dxosTheme';
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
|
|
9
9
|
import { faker } from '@dxos/random';
|
|
10
|
+
import { FullscreenDecorator } from '@dxos/react-client/testing';
|
|
10
11
|
import { withTheme } from '@dxos/storybook-utils';
|
|
11
12
|
|
|
12
13
|
import { Tree } from './Tree';
|
|
13
14
|
import { DemoTree, type DemoTreeProps } from './testing';
|
|
14
15
|
import { Mosaic } from '../../mosaic';
|
|
15
|
-
import {
|
|
16
|
+
import { TestObjectGenerator } from '../../testing';
|
|
16
17
|
|
|
17
18
|
faker.seed(3);
|
|
18
19
|
const generator = new TestObjectGenerator({ types: ['document', 'image'] });
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../../src/testing/decorators.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMtD,eAAO,MAAM,mBAAmB,eAAgB,MAAM,KAAG,kBAAkB,aAAa,CASvF,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import { type DecoratorFunction } from '@storybook/csf';
|
|
6
|
-
import { type ReactRenderer } from '@storybook/react';
|
|
7
|
-
import React from 'react';
|
|
8
|
-
|
|
9
|
-
import { DensityProvider } from '@dxos/react-ui';
|
|
10
|
-
import { mx } from '@dxos/react-ui-theme';
|
|
11
|
-
|
|
12
|
-
export const FullscreenDecorator = (className?: string): DecoratorFunction<ReactRenderer> => {
|
|
13
|
-
return (Story) => (
|
|
14
|
-
<div className={mx('flex fixed inset-0 overflow-hidden', className)}>
|
|
15
|
-
{/* TODO(burdon): Remove DensityProvider from generic decorator. */}
|
|
16
|
-
<DensityProvider density='fine'>
|
|
17
|
-
<Story />
|
|
18
|
-
</DensityProvider>
|
|
19
|
-
</div>
|
|
20
|
-
);
|
|
21
|
-
};
|