0.7.5-feature-compute.4d9d99a • Published 10 months ago

@dxos/react-ui-mosaic v0.7.5-feature-compute.4d9d99a

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

Mosaic

Mosaic is a drag-and-drop layout system for building responsive, multi-column layouts. It is built on top of dnd kit and DXOS UI.

Taxonomy

ItemDescription
Mosaic.ProviderA Root container and React context that routes events between Containers.
Mosaic.OverlayA DOM portal managed by the Mosaic context that renders a Container's Component while dragging.
Mosaic.ContainerA complex React component that manages the layout of a collection of tiles (e.g., Grid, Kanban, Stack, Table, Tree).
Mosaic.TileA Draggable wrapper managed by its parent container.
ComponentA pure React component that is rendered within the layout via the container's Tile or the root Mosaic's Overlay.
ItemA datum represented by a Tile.

Design principles

  • Extends dnd-kit without obfuscation or wrapping; for example, mosaic provides additional hooks in the same manner as dnd-kit's own useSortable`.
  • Mosaics consist of containers and pure components that can be laid out and rearranged by the user
  • DXOS UI components are pure tailwind-styled Radix components that expose small parts (List, ListItem, ListItem.Header, etc.)
  • Mosaic Containers define their own data model and assemble Radix-style DXOS UI components.
  • Containers implement specific layouts of Tiles, which may reuse common components, such as DXOS UI Cards.
  • Container Models facilitate pure React components, but are easily mapped to data structures (e.g., Graph) and ECHO data sets without the need to wrap/map the underlying reactive objects (e.g., via signals).

Issues

0.7.5-labs.ea4b4c2

10 months ago

0.7.5-main.ff8607b

10 months ago

0.7.5-main.937ce75

11 months ago

0.7.5-main.9d26e3a

11 months ago

0.7.5-labs.8a82073

10 months ago

0.7.5-main.499c70c

12 months ago

0.7.5-main.9d2a38b

11 months ago

0.7.5-labs.a279d8c

11 months ago

0.7.5-main.2567c87

11 months ago

0.7.5-labs.35b4b42

10 months ago

0.7.5-labs.e27f9b9

10 months ago

0.7.5-main.9cb18ac

11 months ago

0.7.5-labs.071a3e2

10 months ago

0.7.2

1 year ago

0.7.1

1 year ago

0.7.4

12 months ago

0.7.3

1 year ago

0.7.0

1 year ago

0.7.5-labs.5f04cf6

11 months ago

0.7.5-labs.f5080a1

10 months ago

0.7.5-main.e9bb01b

10 months ago

0.7.5-labs.8c02d2a

10 months ago

0.6.13

1 year ago

0.6.12

1 year ago

0.5.4

2 years ago

0.5.3

2 years ago

0.5.6

2 years ago

0.5.5

2 years ago

0.5.8

2 years ago

0.5.7

2 years ago

0.6.7

1 year ago

0.6.6

1 year ago

0.6.9

1 year ago

0.6.8

1 year ago

0.6.3

1 year ago

0.6.2

1 year ago

0.6.5

1 year ago

0.6.4

1 year ago

0.6.1

1 year ago

0.6.0

1 year ago

0.6.10

1 year ago

0.6.11

1 year ago

0.5.2

2 years ago

0.5.0

2 years ago

0.4.9

2 years ago

0.4.8

2 years ago

0.4.7

2 years ago

0.4.6

2 years ago

0.4.5

2 years ago

0.4.4

2 years ago

0.4.3

2 years ago

0.4.2

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.3.10

2 years ago

0.3.9

2 years ago

0.3.8

2 years ago

0.3.7

2 years ago

0.3.6

2 years ago

0.3.5

2 years ago

0.3.4

2 years ago

0.3.3

2 years ago