@dxos/react-ui-mosaic 0.3.10-main.dcfebef → 0.3.10-main.e38869c

package/dist/types/src/views/Grid/Grid.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import '@dxosTheme';
 declare const _default: {
+    title: string;
     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;
     render: () => JSX.Element;
     decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];

package/dist/types/src/views/Grid/Grid.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Grid/Grid.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;;;;;;;;;AA6BpB,wBAcE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Grid/Grid.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;;;;;;;;;;AA6BpB,wBAeE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}

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

@@ -2,6 +2,7 @@
 import '@dxosTheme';
 import { type DemoKanbanProps } from './testing';
 declare const _default: {
+    title: string;
     component: ({ id, columns, Component: TileComponent, debug, onDrop, }: import("./Kanban").KanbanProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
     render: (args: DemoKanbanProps) => JSX.Element;
     decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];

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

@@ -1 +1 @@
-{"version":3,"file":"Kanban.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Kanban.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAQpB,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;;;mBAQ5C,eAAe;;;;;;AAFhC,wBAcE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}
+{"version":3,"file":"Kanban.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Kanban/Kanban.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAQpB,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;;;;mBAS5C,eAAe;;;;;;AAHhC,wBAeE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}

package/dist/types/src/views/Stack/Stack.stories.d.ts

@@ -2,6 +2,7 @@
 import '@dxosTheme';
 import { type StackProps } from './Stack';
 declare const _default: {
+    title: string;
     component: ({ id, Component, onOver, onDrop, items, direction, debug, }: StackProps<import("../../mosaic").MosaicDataItem>) => JSX.Element;
     render: (args: StackProps & {
         types: string[];

package/dist/types/src/views/Stack/Stack.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/Stack.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAOpB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;;;mBAUvC,UAAU,GAAG;QACjB,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf;;;;;;AANL,wBAmBE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}
+{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/Stack.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAOpB,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"}

package/dist/types/src/views/Tree/Tree.stories.d.ts

@@ -2,6 +2,7 @@
 import '@dxosTheme';
 import { type DemoTreeProps } from './testing';
 declare const _default: {
+    title: string;
     component: ({ id, Component, onOver, onDrop, items, debug }: import("./Tree").TreeProps<import("./Tree").TreeData>) => JSX.Element;
     render: (args: DemoTreeProps) => JSX.Element;
     decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];

package/dist/types/src/views/Tree/Tree.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Tree/Tree.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAQpB,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;;;mBA6DxC,aAAa;;;;;;AAF9B,wBAcE;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAEnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAEhB,CAAC"}
+{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/views/Tree/Tree.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAQpB,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

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-mosaic",
-  "version": "0.3.10-main.dcfebef",
+  "version": "0.3.10-main.e38869c",
   "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.10-main.dcfebef",
-    "@dxos/invariant": "0.3.10-main.dcfebef",
-    "@dxos/keys": "0.3.10-main.dcfebef",
-    "@dxos/react-ui-card": "0.3.10-main.dcfebef",
-    "@dxos/react-ui-types": "0.3.10-main.dcfebef",
-    "@dxos/react-ui": "0.3.10-main.dcfebef",
-    "@dxos/util": "0.3.10-main.dcfebef",
-    "@dxos/react-ui-theme": "0.3.10-main.dcfebef"
+    "@dxos/debug": "0.3.10-main.e38869c",
+    "@dxos/invariant": "0.3.10-main.e38869c",
+    "@dxos/react-ui": "0.3.10-main.e38869c",
+    "@dxos/react-ui-card": "0.3.10-main.e38869c",
+    "@dxos/keys": "0.3.10-main.e38869c",
+    "@dxos/react-ui-theme": "0.3.10-main.e38869c",
+    "@dxos/react-ui-types": "0.3.10-main.e38869c",
+    "@dxos/util": "0.3.10-main.e38869c"
   },
   "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.10-main.dcfebef",
-    "@dxos/gem-core": "0.3.10-main.dcfebef",
-    "@dxos/react-client": "0.3.10-main.dcfebef",
-    "@dxos/echo-schema": "0.3.10-main.dcfebef",
-    "@dxos/storybook-utils": "0.3.10-main.dcfebef"
+    "@dxos/app-graph": "0.3.10-main.e38869c",
+    "@dxos/echo-schema": "0.3.10-main.e38869c",
+    "@dxos/gem-core": "0.3.10-main.e38869c",
+    "@dxos/storybook-utils": "0.3.10-main.e38869c",
+    "@dxos/react-client": "0.3.10-main.e38869c"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",

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

@@ -19,7 +19,7 @@ import { DemoTree } from '../Tree/testing';
 faker.seed(5);
 
 export default {
-  title: 'Views/Demo',
+  title: 'react-ui-mosaic/Demo',
   decorators: [withTheme, FullscreenDecorator()],
   parameters: {
     layout: 'fullscreen',

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

@@ -42,7 +42,7 @@ const Story: FC<{ spaceKey: PublicKey }> = ({ spaceKey }) => {
 };
 
 export default {
-  title: 'Views/Demo',
+  title: 'react-ui-mosaic/Demo',
   render: () => (
     <ClientRepeater
       Component={Story}

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

@@ -32,6 +32,7 @@ const testLayout = testItems.reduce<GridLayout>((map, item) => {
 }, {});
 
 export default {
+  title: 'react-ui-mosaic/Grid',
   component: Grid,
   render: () => {
     return (

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

@@ -35,7 +35,7 @@ const Story = ({
 };
 
 export default {
-  title: 'Views/Kanban',
+  title: 'react-ui-mosaic/Kanban',
   component: Kanban,
   render: () => (
     <ClientRepeater

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

@@ -17,6 +17,7 @@ import { ComplexCard, FullscreenDecorator, SimpleCard } from '../../testing';
 faker.seed(3);
 
 export default {
+  title: 'react-ui-mosaic/Kanban',
   component: Kanban,
   render: (args: DemoKanbanProps) => {
     return (

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

@@ -17,7 +17,7 @@ import { FullscreenDecorator, SimpleCard } from '../../testing';
 faker.seed(3);
 
 export default {
-  title: 'Views/Stack/Columns',
+  title: 'react-ui-mosaic/Stack',
   component: Stack,
   render: (args: DemoStackProps) => {
     return (

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

@@ -17,6 +17,7 @@ import { ComplexCard, FullscreenDecorator, SimpleCard } from '../../testing';
 faker.seed(3);
 
 export default {
+  title: 'react-ui-mosaic/Stack',
   component: Stack,
   render: (
     args: StackProps & {

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

@@ -17,7 +17,7 @@ import { FullscreenDecorator } from '../../testing';
 faker.seed(3);
 
 export default {
-  title: 'Views/Tree',
+  title: 'react-ui-mosaic/Tree',
   component: Tree,
   render: ({ id = 'tree', debug }: { id: string; debug: boolean }) => {
     return (

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

@@ -70,6 +70,7 @@ const testItems2 = [
 ];
 
 export default {
+  title: 'react-ui-mosaic/Tree',
   component: Tree,
   render: (args: DemoTreeProps) => {
     return (

package/dist/types/src/stories/Home.stories.d.ts

@@ -1,11 +0,0 @@
-import '@dxosTheme';
-declare const _default: {
-    component: () => JSX.Element;
-    decorators: (import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R> | import("@storybook/react").Decorator)[];
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
-export declare const Default: {};
-//# sourceMappingURL=Home.stories.d.ts.map

package/dist/types/src/stories/Home.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Home.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Home.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;;;AA4EpB,wBAME;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}

package/src/stories/Home.stories.tsx

@@ -1,89 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxosTheme';
-
-import React from 'react';
-
-import { withTheme } from '@dxos/storybook-utils';
-
-import { FullscreenDecorator } from '../testing';
-
-const org = '@dxos-mosaic';
-
-const data = {
-  quote: `"I've written a few thousand words on why traditional “semantic class names” are the reason CSS is hard to ' +
-    'maintain, but the truth is you’re never going to believe me until you actually try it. If you can suppress the ' +
-    'urge to retch long enough to give it a chance, I really think you’ll wonder how you ever worked with CSS any other ' +
-    'way." [User]`,
-};
-
-const packages = [
-  {
-    name: `${org}/ui`,
-    description: 'Component primitives.',
-  },
-  {
-    name: `${org}/dnd`,
-    description: 'Drag-and-drop containers and tiles.',
-  },
-  {
-    name: `${org}/echo`,
-    description: 'DXOS ECHO bindings.',
-  },
-  {
-    name: `${org}/editor`,
-    description: 'Rich text editor.',
-  },
-  {
-    name: `${org}/table`,
-    description: 'Blazingly fast virtualized tables.',
-  },
-  {
-    name: `${org}/stack`,
-    description: 'Flexible block editor.',
-  },
-  {
-    name: `${org}/grid`,
-    description: 'Hierarchical and zoomable grid.',
-  },
-];
-
-const Home = () => {
-  return (
-    <div className='flex flex-col w-[800px] bg-white px-16 py-20 gap-4 text-lg font-light'>
-      <b className='text-4xl font-medium text-black'>Mosaic</b>
-      <p>
-        Mosaic is an extensible user interface framework and component library built using{' '}
-        <span className='font-mono text-purple-700'>radix</span> and{' '}
-        <span className='font-mono text-purple-700'>tailwindcss</span>. It enables the rapid development of beautiful
-        data-driven applications.
-      </p>
-      <p>Mosaic is an extensible family of packages, which include:</p>
-      <table>
-        <tbody>
-          {packages.map(({ name, description }) => (
-            <tr key={name}>
-              <td className='font-mono text-purple-700 w-[260px]'>{name}</td>
-              <td>{description}</td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-      <br />
-      <h1 className='text-lg flex justify-center font-medium text-blue-700'>Data-drive components, done right.</h1>
-      <p className='px-8'>{data.quote}</p>
-    </div>
-  );
-};
-
-export default {
-  component: Home,
-  decorators: [withTheme, FullscreenDecorator('flex justify-center bg-[url(/images/bg-mosaic.png)]')],
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-export const Default = {};