@dxos/react-ui-mosaic 0.3.9-next.8ad58eb → 0.3.10-main.04816d3

package/dist/types/src/views/Demo/Echo.stories.d.ts

@@ -1,10 +1,6 @@
-import React from 'react';
-import { type PublicKey } from '@dxos/react-client';
 declare const _default: {
     title: string;
-    render: React.FC<{
-        spaceKey: PublicKey;
-    }>;
+    render: () => JSX.Element;
     decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];
 };
 export default _default;

package/dist/types/src/views/Demo/Echo.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Demo/Echo.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;;;;;;;;AAoCpD,wBA4BE;AAIF,eAAO,MAAM,IAAI,IAAK,CAAC"}
+{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Demo/Echo.stories.tsx"],"names":[],"mappings":";;;;;AA2CA,wBA4BE;AAIF,eAAO,MAAM,IAAI,IAAK,CAAC"}

package/dist/types/src/views/Kanban/Echo.stories.d.ts

@@ -1,13 +1,8 @@
 /// <reference types="react" />
-import { type PublicKey } from '@dxos/react-client';
 declare const _default: {
     title: string;
     component: ({ id, columns, Component: TileComponent, debug, onDrop, }: import("./Kanban").KanbanProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
-    render: ({ basePath, spaceKey, debug, }: {
-        basePath: string;
-        spaceKey: PublicKey;
-        debug: boolean;
-    }) => JSX.Element;
+    render: () => JSX.Element;
     decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];
     parameters: {
         layout: string;

package/dist/types/src/views/Kanban/Echo.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Echo.stories.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;;;;;kBAqBtC,MAAM;kBACN,SAAS;eACZ,OAAO;;;;;;;AAXlB,wBAgDE;AAEF,eAAO,MAAM,IAAI,IAAK,CAAC"}
+{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Echo.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAoCA,wBAgCE;AAEF,eAAO,MAAM,IAAI,IAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-mosaic",
-  "version": "0.3.9-next.8ad58eb",
+  "version": "0.3.10-main.04816d3",
   "description": "An intermediate interface for drag-and-drop interactions.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -25,14 +25,14 @@
     "lodash.defaultsdeep": "^4.6.1",
     "lodash.pick": "^4.4.0",
     "react-resize-detector": "^7.1.2",
-    "@dxos/debug": "0.3.9-next.8ad58eb",
-    "@dxos/keys": "0.3.9-next.8ad58eb",
-    "@dxos/invariant": "0.3.9-next.8ad58eb",
-    "@dxos/react-ui": "0.3.9-next.8ad58eb",
-    "@dxos/react-ui-card": "0.3.9-next.8ad58eb",
-    "@dxos/react-ui-types": "0.3.9-next.8ad58eb",
-    "@dxos/util": "0.3.9-next.8ad58eb",
-    "@dxos/react-ui-theme": "0.3.9-next.8ad58eb"
+    "@dxos/keys": "0.3.10-main.04816d3",
+    "@dxos/debug": "0.3.10-main.04816d3",
+    "@dxos/react-ui": "0.3.10-main.04816d3",
+    "@dxos/invariant": "0.3.10-main.04816d3",
+    "@dxos/react-ui-theme": "0.3.10-main.04816d3",
+    "@dxos/react-ui-types": "0.3.10-main.04816d3",
+    "@dxos/react-ui-card": "0.3.10-main.04816d3",
+    "@dxos/util": "0.3.10-main.04816d3"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.0.2",
@@ -47,11 +47,11 @@
     "react-dom": "^18.2.0",
     "vite": "^4.3.9",
     "vite-plugin-turbosnap": "^1.0.2",
-    "@dxos/app-graph": "0.3.9-next.8ad58eb",
-    "@dxos/echo-schema": "0.3.9-next.8ad58eb",
-    "@dxos/gem-core": "0.3.9-next.8ad58eb",
-    "@dxos/react-client": "0.3.9-next.8ad58eb",
-    "@dxos/storybook-utils": "0.3.9-next.8ad58eb"
+    "@dxos/app-graph": "0.3.10-main.04816d3",
+    "@dxos/gem-core": "0.3.10-main.04816d3",
+    "@dxos/echo-schema": "0.3.10-main.04816d3",
+    "@dxos/react-client": "0.3.10-main.04816d3",
+    "@dxos/storybook-utils": "0.3.10-main.04816d3"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",

package/src/views/Demo/Echo.stories.tsx

@@ -7,7 +7,7 @@ import React, { type FC } from 'react';
 
 import { type PublicKey } from '@dxos/react-client';
 import { Expando } from '@dxos/react-client/echo';
-import { ClientSpaceDecorator } from '@dxos/react-client/testing';
+import { ClientRepeater } from '@dxos/react-client/testing';
 import { withTheme } from '@dxos/storybook-utils';
 
 import { Mosaic } from '../../mosaic';
@@ -43,12 +43,10 @@ const Story: FC<{ spaceKey: PublicKey }> = ({ spaceKey }) => {
 
 export default {
   title: 'Views/Demo',
-  render: Story,
-  decorators: [
-    withTheme,
-    FullscreenDecorator(),
-    ClientSpaceDecorator({
-      onCreateSpace: async (space) => {
+  render: () => (
+    <ClientRepeater
+      Component={Story}
+      onCreateSpace={async (space) => {
         const factory = generator.factories.project;
         const objects = [
           factory.schema,
@@ -66,9 +64,11 @@ export default {
 
         // TODO(burdon): Batch API.
         objects.forEach((object) => space.db.add(object));
-      },
-    }),
-  ],
+      }}
+      createSpace
+    />
+  ),
+  decorators: [withTheme, FullscreenDecorator()],
 };
 
 // TODO(wittjosiah): This currently has a bug where empty over events are fired when dragging from tree onto kanban.

package/src/views/Kanban/Echo.stories.tsx

@@ -6,7 +6,7 @@ import React from 'react';
 
 import { type PublicKey } from '@dxos/react-client';
 import { Expando } from '@dxos/react-client/echo';
-import { ClientSpaceDecorator } from '@dxos/react-client/testing';
+import { ClientRepeater } from '@dxos/react-client/testing';
 import { withTheme } from '@dxos/storybook-utils';
 
 import { Kanban } from './Kanban';
@@ -16,31 +16,30 @@ import { FullscreenDecorator, TestObjectGenerator, range } from '../../testing';
 
 const generator = new TestObjectGenerator();
 
+const Story = ({
+  // TODO(wittjosiah): Can't use id because of ClientSpaceDecorator.
+  basePath = 'projects',
+  spaceKey,
+  debug,
+}: {
+  basePath: string;
+  spaceKey: PublicKey;
+  debug: boolean;
+}) => {
+  return (
+    <Mosaic.Root debug={debug}>
+      <Mosaic.DragOverlay />
+      <EchoKanban id={basePath} spaceKey={spaceKey} generator={generator} debug={debug} />
+    </Mosaic.Root>
+  );
+};
+
 export default {
   title: 'Views/Kanban',
   component: Kanban,
-  render: ({
-    // TODO(wittjosiah): Can't use id because of ClientSpaceDecorator.
-    basePath = 'projects',
-    spaceKey,
-    debug,
-  }: {
-    basePath: string;
-    spaceKey: PublicKey;
-    debug: boolean;
-  }) => {
-    return (
-      <Mosaic.Root debug={debug}>
-        <Mosaic.DragOverlay />
-        <EchoKanban id={basePath} spaceKey={spaceKey} generator={generator} debug={debug} />
-      </Mosaic.Root>
-    );
-  },
-  decorators: [
-    withTheme,
-    FullscreenDecorator(),
-    ClientSpaceDecorator({
-      onCreateSpace: async (space) => {
+  render: () => (
+    <ClientRepeater
+      onCreateSpace={async (space) => {
         const factory = generator.factories.project;
         const objects = [
           factory.schema,
@@ -58,9 +57,12 @@ export default {
 
         // TODO(burdon): Batch API.
         objects.forEach((object) => space.db.add(object));
-      },
-    }),
-  ],
+      }}
+      Component={Story}
+      createSpace
+    />
+  ),
+  decorators: [withTheme, FullscreenDecorator()],
   parameters: {
     layout: 'fullscreen',
   },