@dxos/react-ui-mosaic 0.6.11-staging.30cf5ba → 0.6.11-staging.9c4dc38

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":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;;;;;;AAsCvC,wBA4BE"}
+{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Demo/Echo.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAqC1B,wBA4BE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-mosaic",
-  "version": "0.6.11-staging.30cf5ba",
+  "version": "0.6.11-staging.9c4dc38",
   "description": "An intermediate interface for drag-and-drop interactions.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -29,15 +29,15 @@
     "@radix-ui/react-compose-refs": "^1.0.0",
     "lodash.defaultsdeep": "^4.6.1",
     "react-resize-detector": "^11.0.1",
-    "@dxos/debug": "0.6.11-staging.30cf5ba",
-    "@dxos/invariant": "0.6.11-staging.30cf5ba",
-    "@dxos/keys": "0.6.11-staging.30cf5ba",
-    "@dxos/log": "0.6.11-staging.30cf5ba",
-    "@dxos/react-ui": "0.6.11-staging.30cf5ba",
-    "@dxos/react-ui-card": "0.6.11-staging.30cf5ba",
-    "@dxos/react-ui-types": "0.6.11-staging.30cf5ba",
-    "@dxos/react-ui-theme": "0.6.11-staging.30cf5ba",
-    "@dxos/util": "0.6.11-staging.30cf5ba"
+    "@dxos/debug": "0.6.11-staging.9c4dc38",
+    "@dxos/keys": "0.6.11-staging.9c4dc38",
+    "@dxos/invariant": "0.6.11-staging.9c4dc38",
+    "@dxos/log": "0.6.11-staging.9c4dc38",
+    "@dxos/react-ui": "0.6.11-staging.9c4dc38",
+    "@dxos/react-ui-card": "0.6.11-staging.9c4dc38",
+    "@dxos/react-ui-types": "0.6.11-staging.9c4dc38",
+    "@dxos/react-ui-theme": "0.6.11-staging.9c4dc38",
+    "@dxos/util": "0.6.11-staging.9c4dc38"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -49,12 +49,12 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "^5.3.4",
-    "@dxos/app-graph": "0.6.11-staging.30cf5ba",
-    "@dxos/echo-schema": "0.6.11-staging.30cf5ba",
-    "@dxos/gem-core": "0.6.11-staging.30cf5ba",
-    "@dxos/random": "0.6.11-staging.30cf5ba",
-    "@dxos/react-client": "0.6.11-staging.30cf5ba",
-    "@dxos/storybook-utils": "0.6.11-staging.30cf5ba"
+    "@dxos/app-graph": "0.6.11-staging.9c4dc38",
+    "@dxos/gem-core": "0.6.11-staging.9c4dc38",
+    "@dxos/echo-schema": "0.6.11-staging.9c4dc38",
+    "@dxos/random": "0.6.11-staging.9c4dc38",
+    "@dxos/react-client": "0.6.11-staging.9c4dc38",
+    "@dxos/storybook-utils": "0.6.11-staging.9c4dc38"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",

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

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import React from 'react';
 
 import { faker } from '@dxos/random';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Mosaic } from '../../mosaic';
 import { ComplexCard, SimpleCard } from '../../testing';
@@ -20,7 +20,7 @@ faker.seed(5);
 
 export default {
   title: 'react-ui-mosaic/Demo',
-  decorators: [withTheme, withFullscreen()],
+  decorators: [withTheme, withLayout({ fullscreen: true })],
   parameters: {
     layout: 'fullscreen',
   },

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

@@ -2,13 +2,12 @@
 // Copyright 2023 DXOS.org
 //
 
-import React, { type FC } from 'react';
+import React from 'react';
 
 import { faker } from '@dxos/random';
-import { type PublicKey } from '@dxos/react-client';
 import { create } from '@dxos/react-client/echo';
-import { ClientRepeater } from '@dxos/react-client/testing';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
+import { type ClientRepeatedComponentProps, ClientRepeater } from '@dxos/react-client/testing';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Mosaic } from '../../mosaic';
 import { TestObjectGenerator, range, Status, Priority } from '../../testing';
@@ -26,7 +25,7 @@ const columnValues: { [property: string]: any[] } = {
   priority: ['unknown', ...Priority],
 };
 
-const Story: FC<{ spaceKey: PublicKey }> = ({ spaceKey }) => {
+const Story = ({ spaceKey }: ClientRepeatedComponentProps) => {
   return (
     <Mosaic.Root debug={debug}>
       <Mosaic.DragOverlay />
@@ -67,7 +66,7 @@ export default {
       createSpace
     />
   ),
-  decorators: [withTheme, withFullscreen()],
+  decorators: [withTheme, withLayout({ fullscreen: true })],
 };
 
 // TODO(wittjosiah): This currently has a bug where empty over events are fired when dragging from tree onto kanban.

package/src/views/Grid/Grid.stories.tsx

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import React from 'react';
 
 import { faker } from '@dxos/random';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Grid, type GridLayout } from './Grid';
 import { DemoGrid } from './testing';
@@ -42,7 +42,7 @@ export default {
       </Mosaic.Root>
     );
   },
-  decorators: [withTheme, withFullscreen()],
+  decorators: [withTheme, withLayout({ fullscreen: true })],
   parameters: {
     layout: 'fullscreen',
   },

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

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import React from 'react';
 
 import { faker } from '@dxos/random';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Kanban } from './Kanban';
 import { DemoKanban, type DemoKanbanProps } from './testing';
@@ -27,7 +27,7 @@ export default {
       </Mosaic.Root>
     );
   },
-  decorators: [withTheme, withFullscreen()],
+  decorators: [withTheme, withLayout({ fullscreen: true })],
   parameters: {
     layout: 'fullscreen',
   },

package/src/views/Stack/Columns.stories.tsx

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import React from 'react';
 
 import { faker } from '@dxos/random';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Stack } from './Stack';
 import { DemoStack, type DemoStackProps } from './testing';
@@ -32,7 +32,7 @@ export default {
       </Mosaic.Root>
     );
   },
-  decorators: [withTheme, withFullscreen()],
+  decorators: [withTheme, withLayout({ fullscreen: true })],
   parameters: {
     layout: 'fullscreen',
   },

package/src/views/Stack/Stack.stories.tsx

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import React from 'react';
 
 import { faker } from '@dxos/random';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Stack, type StackProps } from './Stack';
 import { DemoStack } from './testing';
@@ -32,7 +32,7 @@ export default {
       </Mosaic.Root>
     );
   },
-  decorators: [withTheme, withFullscreen()],
+  decorators: [withTheme, withLayout({ fullscreen: true })],
   parameters: {
     layout: 'fullscreen',
   },

package/src/views/Tree/Graph.stories.tsx

@@ -7,7 +7,7 @@ import '@dxos-theme';
 // import React from 'react';
 
 import { faker } from '@dxos/random';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Tree } from './Tree';
 // import { GraphTree } from './testing';
@@ -26,7 +26,7 @@ export default {
   //     </Mosaic.Root>
   //   );
   // },
-  decorators: [withTheme, withFullscreen()],
+  decorators: [withTheme, withLayout({ fullscreen: true })],
   parameters: {
     layout: 'fullscreen',
   },

package/src/views/Tree/Tree.stories.tsx

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import React from 'react';
 
 import { faker } from '@dxos/random';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Tree } from './Tree';
 import { DemoTree, type DemoTreeProps } from './testing';
@@ -80,7 +80,7 @@ export default {
       </Mosaic.Root>
     );
   },
-  decorators: [withTheme, withFullscreen()],
+  decorators: [withTheme, withLayout({ fullscreen: true })],
   parameters: {
     layout: 'fullscreen',
   },

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

@@ -1,13 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: ({ id, columns, Component: TileComponent, debug, onDrop, }: import("./Kanban").KanbanProps) => React.JSX.Element;
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
-export declare const ECHO: {};
-//# sourceMappingURL=Echo.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Echo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Echo.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;AA+B1B,wBAgCE;AAEF,eAAO,MAAM,IAAI,IAAK,CAAC"}

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

@@ -1,70 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { type PublicKey } from '@dxos/react-client';
-// import { Expando } from '@dxos/react-client/echo';
-import { ClientRepeater } from '@dxos/react-client/testing';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
-
-import { Kanban } from './Kanban';
-// import { EchoKanban, columnValues } from './testing';
-import { Mosaic } from '../../mosaic';
-
-// 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: 'react-ui-mosaic/Kanban',
-  component: Kanban,
-  render: () => (
-    <ClientRepeater
-      // onCreateSpace={async (space) => {
-      //   const factory = generator.factories.project;
-      //   const objects = [
-      //     factory.schema,
-      //     ...range(factory.createObject, 10),
-      //     new Expando({
-      //       type: 'kanban',
-      //       title: 'Projects',
-      //       schema: factory.schema,
-      //       // TODO(burdon): Standardize with other story.
-      //       columnProp: 'status',
-      //       columnValues: columnValues.status,
-      //       objectPosition: {}, // TODO(burdon): Make this a CRDT.
-      //     }),
-      //   ];
-
-      //   // TODO(burdon): Batch API.
-      //   objects.forEach((object) => space.db.add(object));
-      // }}
-      component={Story}
-      createSpace
-    />
-  ),
-  decorators: [withTheme, withFullscreen()],
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-export const ECHO = {};