Code

[Masonry] Add new component#27439

Code

Merged

hbjORbj merged 59 commits intomui:nextmui/material-ui:nextfrom hbjORbj:masonry-component-v2hbjORbj/material-ui:masonry-component-v2Copy head branch name to clipboardAug 25, 2021

+1,875-44

Commits

Commits on Aug 24, 2021

• Initial implementation of responsive Masonry component

  hbjORbj

  committed
  0a0888e

  Copy full SHA for 0a0888e

• Receive columnSpan prop for MasonryItem and use ResizeObserver

  hbjORbj

  committed
  caa08c5

  Copy full SHA for caa08c5

• Provide SSR via height prop and optimise images in demo

  hbjORbj

  committed
  b066279

  Copy full SHA for b066279

• Correct translation doc and use resize-observer-polyfill package

  hbjORbj

  committed
  da50621

  Copy full SHA for da50621

• Handle negative heights and set default value of height to undefined

  hbjORbj

  committed
  23c2318

  Copy full SHA for 23c2318

• Properly use ResizeObserver and remove other event listeners

  hbjORbj

  committed
  0c1b293

  Copy full SHA for 0c1b293

• Refactor codes and improve docs to explain props more clearly

  hbjORbj

  committed
  8184f92

  Copy full SHA for 8184f92

• Use native ResizeObserver for component and pass tests

  hbjORbj

  committed
  5fdfb53

  Copy full SHA for 5fdfb53

• Clean up resize observer in test and general refactoring

  hbjORbj

  committed
  0c04aa1

  Copy full SHA for 0c04aa1

• Improve demos and add more demos

  hbjORbj

  committed
  411bf2d

  Copy full SHA for 411bf2d

• Explain difference from Masonry Image List

  hbjORbj

  committed
  82169f3

  Copy full SHA for 82169f3

• Set width to demos and make image masonry ignored from regression test

  hbjORbj

  committed
  a1ce91e

  Copy full SHA for a1ce91e

• Describe limitation of Masonry with different column spanning

  hbjORbj

  committed
  95e8cbb

  Copy full SHA for 95e8cbb

• Add demo for broken column spanning masonry and fix border cut-off

  hbjORbj

  committed
  50f6b55

  Copy full SHA for 50f6b55

• Edit demo styles and add regression tests

  hbjORbj

  committed
  b2fcabd

  Copy full SHA for b2fcabd

• Fix lazy-loaded images to load perperly

  hbjORbj

  committed
  5c851d3

  Copy full SHA for 5c851d3

• Make masonry responsive to columnSpan, spacing and height

  hbjORbj

  committed
  67e66f6

  Copy full SHA for 67e66f6

• header convention

  

  oliviertassinari

  authored and

  hbjORbj

  committed
  4047d88

  Copy full SHA for 4047d88

• isolate the dimensions element for simplicity

  

  oliviertassinari

  authored and

  hbjORbj

  committed
  22295e6

  Copy full SHA for 22295e6

• prefer one sentence per line to ease review

  

  oliviertassinari

  authored and

  hbjORbj

  committed
  d476925

  Copy full SHA for d476925

• use relative links

  

  oliviertassinari

  authored and

  hbjORbj

  committed
  e1ec597

  Copy full SHA for e1ec597

• use demos as simple as possible

  

  oliviertassinari

  authored and

  hbjORbj

  committed
  519d3d1

  Copy full SHA for 519d3d1

• fix SSR layout shift

  

  oliviertassinari

  authored and

  hbjORbj

  committed
  6126e39

  Copy full SHA for 6126e39

• demo should match filename

  

  oliviertassinari

  authored and

  hbjORbj

  committed
  7b3475e

  Copy full SHA for 7b3475e

• Refactor MasonryItem

  hbjORbj

  committed
  b96b2e9

  Copy full SHA for b96b2e9

• SSR works without setting height to content of MasonryItem

  hbjORbj

  committed
  05d2346

  Copy full SHA for 05d2346

• Reload image if load fails

  hbjORbj

  committed
  66d4d8d

  Copy full SHA for 66d4d8d

• Fix overlapping images

  hbjORbj

  committed
  e1af1ca

  Copy full SHA for e1af1ca

• src is a required img attribute

  

  oliviertassinari

  authored and

  hbjORbj

  committed
  713074f

  Copy full SHA for 713074f

• Revert the incorrect fix for image overlapping on some browsers

  hbjORbj

  committed
  ede8750

  Copy full SHA for ede8750

• Refactor MasonryItem

  hbjORbj

  committed
  33f5724

  Copy full SHA for 33f5724

• No need to handle prop updates in useEffect

  hbjORbj

  committed
  3f36763

  Copy full SHA for 3f36763

• Remove image load error handler

  hbjORbj

  committed
  0ec86fe

  Copy full SHA for 0ec86fe

• Don't support change of height

  

  eps1lon

  authored and

  hbjORbj

  committed
  b2e2747

  Copy full SHA for b2e2747

• Increase row height to 2px

  hbjORbj

  committed
  3617f06

  Copy full SHA for 3617f06

• Change to defaultHeight in SSR demo

  hbjORbj

  committed
  375624b

  Copy full SHA for 375624b

• Remove height from dependency array

  hbjORbj

  committed
  be9cd99

  Copy full SHA for be9cd99

• Fix tests as we changed row height to 2px

  hbjORbj

  committed
  3a8191f

  Copy full SHA for 3a8191f

• Remove polyfill package and use dummy resize observer instad

  hbjORbj

  committed
  157cd42

  Copy full SHA for 157cd42

• Change height to defaultHeight in regression test

  hbjORbj

  committed
  9cd1cb4

  Copy full SHA for 9cd1cb4

• Update packages/material-ui-lab/src/Masonry/Masonry.test.js

  

  mnajdova

  authored and

  hbjORbj

  committed
  872a350

  Copy full SHA for 872a350

• Update packages/material-ui-lab/src/Masonry/Masonry.test.js

  

  mnajdova

  authored and

  hbjORbj

  committed
  7bb24f5

  Copy full SHA for 7bb24f5

• Update docs/src/pages/components/masonry/masonry.md

  

  mnajdova

  authored and

  hbjORbj

  committed
  2f67414

  Copy full SHA for 2f67414

• Update packages/material-ui-lab/src/MasonryItem/MasonryItem.test.js

  

  mnajdova

  authored and

  hbjORbj

  committed
  39bddd9

  Copy full SHA for 39bddd9

• Update packages/material-ui-lab/src/MasonryItem/MasonryItem.test.js

  

  mnajdova

  authored and

  hbjORbj

  committed
  15a3236

  Copy full SHA for 15a3236

• Update translations and change styleProps to ownerState

  hbjORbj

  committed
  bc4de1d

  Copy full SHA for bc4de1d

• Add a comment explaining mock resize observer

  hbjORbj

  committed
  e8c0ae4

  Copy full SHA for e8c0ae4

• Delete regression tests as they are same as demos

  hbjORbj

  committed
  60e1aa9

  Copy full SHA for 60e1aa9

• Change docs prop name to demoComponents

  hbjORbj

  committed
  ae41204

  Copy full SHA for ae41204

• Order components alphabetically in nav bar

  hbjORbj

  committed
  c61f7ec

  Copy full SHA for c61f7ec

• Put Masonry above timeline in translations doc

  hbjORbj

  committed
  33703f5

  Copy full SHA for 33703f5

• Bring constant variable to the top for some demos

  hbjORbj

  committed
  b1fc9f3

  Copy full SHA for b1fc9f3

• Prevent use of negative value for padding

  hbjORbj

  committed
  a4f10c8

  Copy full SHA for a4f10c8

• Display warning when masonry goess beyond 2000px

  hbjORbj

  committed
  b273cda

  Copy full SHA for b273cda

• Use inline style when not dealing with responsive spacing values

  hbjORbj

  committed
  301638c

  Copy full SHA for 301638c

• Improve docs

  hbjORbj

  committed
  c163bb2

  Copy full SHA for c163bb2

• Pass all tests

  hbjORbj

  committed
  b3daef0

  Copy full SHA for b3daef0

Commits on Aug 25, 2021

• Improve docs' descriptions of props

  hbjORbj

  committed
  2339dd0

  Copy full SHA for 2339dd0

• Pass prettier test

  hbjORbj

  committed
  3bfc972

  Copy full SHA for 3bfc972