0.6.13 • Published 8 months ago

@dxos/react-ui-mosaic v0.6.13

Weekly downloads
-
License
MIT
Repository
-
Last release
8 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.6.13

8 months ago

0.6.12

9 months ago

0.5.9-main.7be09a9

12 months ago

0.6.2-main.6f40bfd

12 months ago

0.6.1-main.04e8aa0

12 months ago

0.6.3-main.d007b87

12 months ago

0.6.3-main.98b0ce6

12 months ago

0.6.3-main.40d1cec

12 months ago

0.6.2-main.bd2f985

12 months ago

0.5.4

1 year ago

0.5.3

1 year ago

0.5.6

1 year ago

0.5.5

1 year ago

0.6.1-main.ff751ec

12 months ago

0.6.2-main.5631d96

12 months ago

0.6.8-main.3be982f

10 months ago

0.6.2-main.86c20e9

12 months ago

0.6.10-main.e92b5eb

10 months ago

0.6.8-main.046e6cf

10 months ago

0.6.3-main.d76104f

11 months ago

0.6.2-main.bd4e5d2

12 months ago

0.5.9-main.942cd74

12 months ago

0.6.1-main.de77b30

12 months ago

0.6.3-main.9e4e207

12 months ago

0.6.3-main.28bccc4

12 months ago

0.5.9-main.5ad2d33

12 months ago

0.6.2-main.fb91371

12 months ago

0.6.3-main.3c9610d

12 months ago

0.5.9-main.c837b46

12 months ago

0.6.1-main.c52e5db

12 months ago

0.6.1-main.fac53f5

12 months ago

0.6.3-main.7853476

11 months ago

0.6.3-main.0308ae2

11 months ago

0.5.8

1 year ago

0.5.7

1 year ago

0.6.3-main.038c693

11 months ago

0.6.1-main.7c5f65a

12 months ago

0.6.3-main.0dc8689

11 months ago

0.6.3-main.6906e91

12 months ago

0.6.2-main.c820d78

12 months ago

0.6.1-main.18a8c5d

12 months ago

0.6.1-main.e985410

12 months ago

0.6.2-main.5b838e6

12 months ago

0.6.1-main.358d1ca

12 months ago

0.6.3-next.4424131

11 months ago

0.6.3-main.84ed9fe

11 months ago

0.6.3-main.258ac4c

12 months ago

0.6.1-next.f8e935e

12 months ago

0.6.1-main.23da23a

12 months ago

0.6.10-main.48c066e

10 months ago

0.6.3-main.0af171d

12 months ago

0.6.1-main.d9fdca4

12 months ago

0.6.1-main.6af17d0

12 months ago

0.6.10-main.3cfcc89

10 months ago

0.6.1-main.c633aeb

12 months ago

0.6.1-main.e05b43b

12 months ago

0.6.3-main.c9047c0

12 months ago

0.5.9-main.c7dd658

12 months ago

0.6.2-main.c53e208

12 months ago

0.6.1-main.2717aa2

12 months ago

0.6.2-main.d448994

12 months ago

0.6.3-main.b88405e

12 months ago

0.5.9-main.bf3bb8f

12 months ago

0.6.3-main.226a8ae

12 months ago

0.6.1-main.e0f3bcf

12 months ago

0.6.1-main.a5cf05f

12 months ago

0.6.1-main.2058386

12 months ago

0.5.9-main.b752d7f

12 months ago

0.5.9-main.c27c306

12 months ago

0.6.1-main.7d86e7f

12 months ago

0.6.3-main.d1c1553

11 months ago

0.6.1-main.4211093

12 months ago

0.6.2-main.f3edf77

12 months ago

0.5.9-main.bdb299c

12 months ago

0.6.3-main.0ca5117

12 months ago

0.6.2-main.5b5129c

12 months ago

0.6.1-main.09a92b0

12 months ago

0.6.10-main.bbdfaa4

10 months ago

0.6.3-main.4203f37

11 months ago

0.6.2-main.e09770c

12 months ago

0.6.2-main.000b1cc

12 months ago

0.6.2-main.52eb594

12 months ago

0.6.1-main.1d7c589

12 months ago

0.6.6-main.e1a6e1f

11 months ago

0.6.2-main.8a232a5

12 months ago

0.6.3-next.2f65b78

12 months ago

0.6.1-main.ee05489

12 months ago

0.6.1-main.be5a845

12 months ago

0.6.1-main.faf01b2

12 months ago

0.6.3-main.d16c079

11 months ago

0.6.2-main.c33bf0c

12 months ago

0.6.1-main.e8ba54c

12 months ago

0.6.2-main.d41f0d2

12 months ago

0.6.1-main.84b4a5e

12 months ago

0.6.3-next.1b3691b

11 months ago

0.6.7

10 months ago

0.6.6

10 months ago

0.6.9

10 months ago

0.6.8

10 months ago

0.5.9-next.912f1ef

12 months ago

0.6.1-main.f8e935e

12 months ago

0.5.9-main.912f1ef

12 months ago

0.6.2-main.11917b6

12 months ago

0.6.3

11 months ago

0.6.2

12 months ago

0.6.5

11 months ago

0.6.4

11 months ago

0.6.1

12 months ago

0.6.0

12 months ago

0.6.3-main.cc41ccb

12 months ago

0.6.1-main.2c1a092

12 months ago

0.6.3-main.fe243fc

12 months ago

0.6.1-main.babcd84

12 months ago

0.5.9-main.1c50f63

12 months ago

0.5.9-next.73dcc17

12 months ago

0.6.3-main.a95c491

11 months ago

0.6.1-main.92dcbbe

12 months ago

0.6.10

10 months ago

0.6.11

9 months ago

0.6.1-main.5f81d7a

12 months ago

0.6.3-main.8eec022

11 months ago

0.6.2-main.1f6dcc6

12 months ago

0.6.3-main.daaea86

12 months ago

0.6.2-next.5b5129c

12 months ago

0.6.3-main.e6314a6

12 months ago

0.6.1-main.64a1e07

12 months ago

0.5.2

1 year ago

0.5.0

1 year ago

0.4.9

1 year ago

0.4.8

1 year ago

0.4.7

1 year ago

0.4.6

1 year ago

0.4.5

1 year ago

0.4.4

1 year ago

0.4.3

1 year ago

0.4.2

1 year ago

0.4.1

1 year ago

0.4.0

1 year ago

0.3.10

1 year 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