@dxos/react-ui-mosaic 0.3.9-main.58adff6 → 0.3.9-main.5d43cb5

package/dist/types/src/mosaic/Tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAA8B,MAAM,eAAe,CAAC;AAGrF,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAErG,OAAO,EAAgB,KAAK,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG9F,OAAO,KAAK,EAAE,cAAc,EAAqB,MAAM,SAAS,CAAC;AAGjE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAC;AAElF,MAAM,MAAM,gBAAgB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,EAAE,SAAS,GAAG,OAAO,IAAI,IAAI,CACpG,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,CACZ,GACC,sBAAsB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAG1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,cAAc,CAAC,EAAE,mBAAmB,GAElC,cAAc,CAAC,WAAW,CAAC,CAAC;IAG9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAC7B,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,QAAQ,SAAS,WAAW,GAAG,cAAc,IAC3C,yBAAyB,CAC3B,aAAa,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC,GAAG;IAAE,SAAS,EAAE,eAAe,CAAA;CAAE,CACnH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,oFAQvB,gBAAgB,GAAG,CAAC,gBA0BtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,oEAOvB,gBAAgB,GAAG,CAAC,gBAuBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,uGAQtB,gBAAgB,GAAG,EAAE,MAAM,CAAC,gBAuD9B,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/mosaic/Tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAA8B,MAAM,eAAe,CAAC;AAGrF,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAErG,OAAO,EAAgB,KAAK,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG9F,OAAO,KAAK,EAAE,cAAc,EAAqB,MAAM,SAAS,CAAC;AAGjE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAC;AAGlF,MAAM,MAAM,gBAAgB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,EAAE,SAAS,GAAG,OAAO,IAAI,IAAI,CACpG,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,CACZ,GACC,sBAAsB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAG1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,cAAc,CAAC,EAAE,mBAAmB,GAElC,cAAc,CAAC,WAAW,CAAC,CAAC;IAG9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEJ,MAAM,MAAM,wBAAwB,CAAC,KAAK,SAAS,cAAc,GAAG,cAAc,IAAI,IAAI,CACxF,eAAe,CAAC,KAAK,CAAC,EACtB,WAAW,GAAG,WAAW,CAC1B,GAAG;IAAE,SAAS,EAAE,eAAe,CAAA;CAAE,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAC7B,KAAK,SAAS,cAAc,GAAG,cAAc,EAC7C,QAAQ,SAAS,WAAW,GAAG,cAAc,IAC3C,yBAAyB,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;AAEzF;;GAEG;AACH,eAAO,MAAM,aAAa,oFAQvB,gBAAgB,GAAG,CAAC,gBA0BtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,oEAOvB,gBAAgB,GAAG,CAAC,gBAuBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,uGAQtB,gBAAgB,GAAG,EAAE,MAAM,CAAC,gBAuD9B,CAAC"}

package/dist/types/src/mosaic/util/index.d.ts

@@ -1,4 +1,5 @@
 export * from './data';
 export * from './path';
+export * from './props';
 export * from './styles';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/mosaic/util/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mosaic/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mosaic/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/types/src/mosaic/util/props.d.ts

@@ -0,0 +1,4 @@
+import { type MosaicTileComponentProps, type MosaicTileProps } from '../Tile';
+export declare const isTileProps: (props: Record<string, unknown>) => props is MosaicTileProps;
+export declare const isTileComponentProps: (props: Record<string, unknown>) => props is MosaicTileComponentProps;
+//# sourceMappingURL=props.d.ts.map

package/dist/types/src/mosaic/util/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/mosaic/util/props.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAE9E,eAAO,MAAM,WAAW,UAAW,OAAO,MAAM,EAAE,OAAO,CAAC,6BAG/C,CAAC;AAEZ,eAAO,MAAM,oBAAoB,UAAW,OAAO,MAAM,EAAE,OAAO,CAAC,sCACsC,CAAC"}

package/package.json

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

package/src/index.ts

@@ -3,6 +3,3 @@
 //
 
 export * from './mosaic';
-
-// TODO(burdon): Remove (factor out components).
-export * from './views';

package/src/mosaic/Container.tsx

@@ -37,7 +37,8 @@ export type MosaicTileOverlayProps = {
  * * `reject` - The tile is not allowed where it was dropped.
  */
 // TODO(wittjosiah): Add 'delete'. Consider adding 'swap'.
-export type MosaicOperation = 'transfer' | 'copy' | 'rearrange' | 'reject';
+export const MosaicOperations = ['transfer', 'copy', 'rearrange', 'reject'] as const;
+export type MosaicOperation = (typeof MosaicOperations)[number];
 
 export type MosaicMoveEvent<TPosition = unknown> = {
   active: MosaicDraggedItem<TPosition>;

package/src/mosaic/DragOverlay.tsx

@@ -79,6 +79,7 @@ export const MosaicDragOverlay = ({ delay = 200, debug = false, ...overlayProps
             {...container.getOverlayProps?.()}
             item={activeItem.item}
             path={activeItem.path}
+            type={activeItem.type}
             operation={operation}
             active='overlay'
           />

package/src/mosaic/Tile.tsx

@@ -15,6 +15,7 @@ import { getTransformCSS, Path } from './util';
 
 export type MosaicActiveType = 'overlay' | 'rearrange' | 'origin' | 'destination';
 
+// TODO(wittjosiah): `id` should be `path` and `data` should be a `MosaicDataItem`.
 export type MosaicTileAction = { id: string; action: string; data?: any };
 
 /**
@@ -48,15 +49,18 @@ export type MosaicTileProps<TData extends MosaicDataItem = MosaicDataItem, TPosi
     onAction?: (action: MosaicTileAction) => void;
   };
 
+export type MosaicTileComponentProps<TData extends MosaicDataItem = MosaicDataItem> = Omit<
+  MosaicTileProps<TData>,
+  'Component' | 'operation'
+> & { operation: MosaicOperation };
+
 /**
  * Mosaic Tile component.
  */
 export type MosaicTileComponent<
   TData extends MosaicDataItem = MosaicDataItem,
   TElement extends HTMLElement = HTMLDivElement,
-> = ForwardRefExoticComponent<
-  RefAttributes<TElement> & Omit<MosaicTileProps<TData>, 'Component' | 'operation'> & { operation: MosaicOperation }
->;
+> = ForwardRefExoticComponent<RefAttributes<TElement> & MosaicTileComponentProps<TData>>;
 
 /**
  * Basic draggable mosaic tile.

package/src/mosaic/util/index.ts

@@ -4,4 +4,5 @@
 
 export * from './data';
 export * from './path';
+export * from './props';
 export * from './styles';

package/src/mosaic/util/props.ts

@@ -0,0 +1,14 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { MosaicOperations } from '../Container';
+import { type MosaicTileComponentProps, type MosaicTileProps } from '../Tile';
+
+export const isTileProps = (props: Record<string, unknown>): props is MosaicTileProps =>
+  typeof props.path === 'string' && typeof props.item === 'object' && props.item
+    ? 'id' in props.item && typeof props.item.id === 'string'
+    : false;
+
+export const isTileComponentProps = (props: Record<string, unknown>): props is MosaicTileComponentProps =>
+  isTileProps(props) && typeof props.operation === 'string' && MosaicOperations.includes(props.operation);