Code

Add Avatar and ImageInput components#922

Code

Merged

robinmetral merged 36 commits intomainsumup-oss/circuit-ui:mainfrom image-inputsumup-oss/circuit-ui:image-inputCopy head branch name to clipboardJun 3, 2021

+2,428

Commits

Commits on May 20, 2021

• Create draft Avatar and ImageInput components

  

  Robin Metral

  committed
  90c4ea6

  Copy full SHA for 90c4ea6

• Add SVG placeholders for object and identity variants

  

  Robin Metral

  committed
  6e6b5b3

  Copy full SHA for 6e6b5b3

• Fix linting

  

  Robin Metral

  committed
  ac2b34d

  Copy full SHA for ac2b34d

• Update Avatar prop names

  

  Robin Metral

  committed
  31fc08b

  Copy full SHA for 31fc08b

• Wrap Avatar in label in ImageInput instead of passing an as prop

  

  Robin Metral

  committed
  2ec6862

  Copy full SHA for 2ec6862

• Add icons and logic for removing an image

  

  Robin Metral

  committed
  42a0ca2

  Copy full SHA for 42a0ca2

• Clear file input via ref when the clear button is clicked

  Show description for 4fcd7a0
  

  Robin Metral

  committed
  4fcd7a0

  Copy full SHA for 4fcd7a0

• Add @jsxRuntime pragma to enable usage with React 17

  

  Robin Metral

  committed
  7ad234b

  Copy full SHA for 7ad234b

• Fix focus state UI bug where the outline appeared behind the ActionButton

  

  Robin Metral

  committed
  d074661

  Copy full SHA for d074661

• Add active state styles

  

  Robin Metral

  committed
  2a7d67f

  Copy full SHA for 2a7d67f

• Update Avatar docs

  Show description for 1b96826
  

  Robin Metral

  committed
  1b96826

  Copy full SHA for 1b96826

Commits on May 21, 2021

• Switch Avatar default variant to object

  Show description for b93b5ac
  

  Robin Metral

  committed
  b93b5ac

  Copy full SHA for b93b5ac

Commits on May 25, 2021

• Add onChange and onClear callbacks with loading and error states

  

  Robin Metral

  committed
  bceaece

  Copy full SHA for bceaece

• Add snapshot tests for Avatar

  Show description for 0b37bad
  

  Robin Metral

  committed
  0b37bad

  Copy full SHA for 0b37bad

• Fix types in ImageInput spec to pass CI

  

  Robin Metral

  committed
  dbb4f8c

  Copy full SHA for dbb4f8c

• Switch from brightness() to pseudo-elements and clean up styles

  

  Robin Metral

  committed
  48fa172

  Copy full SHA for 48fa172

• Do not call onChange with a falsy file param

  

  Robin Metral

  committed
  52f3f0f

  Copy full SHA for 52f3f0f

• Update ImageInput docs

  

  Robin Metral

  committed
  6817573

  Copy full SHA for 6817573

• Add initial tests for ImageInput

  Show description for a9716ca
  

  Robin Metral

  committed
  a9716ca

  Copy full SHA for a9716ca

Commits on May 26, 2021

• Add business logic tests for ImageInput

  

  Robin Metral

  committed
  e162fe9

  Copy full SHA for e162fe9

• Rename ImageInput into AvatarInput

  

  Robin Metral

  committed
  4c0a39e

  Copy full SHA for 4c0a39e

• Add test for the logic of clearing an uploaded avatar

  

  Robin Metral

  committed
  40f10de

  Copy full SHA for 40f10de

Commits on May 27, 2021

• Properly export the components

  

  Robin Metral

  committed
  a73ffc4

  Copy full SHA for a73ffc4

• Add pointer-events:none to spinner to fix FF loading UI

  

  Robin Metral

  committed
  b729518

  Copy full SHA for b729518

• Address code review feedback

  

  Robin Metral

  committed
  018f6bf

  Copy full SHA for 018f6bf

• Optimize SVGs

  

  Robin Metral

  committed
  c2cf4cf

  Copy full SHA for c2cf4cf

Commits on May 28, 2021

• Batched improvements (see commit description)

  Show description for 7b825bb
  

  Robin Metral

  committed
  7b825bb

  Copy full SHA for 7b825bb

• Rename AvatarInput back to ImageInput

  Show description for a70e608
  

  Robin Metral

  committed
  a70e608

  Copy full SHA for a70e608

Commits on May 31, 2021

• Move invalid border to inset

  Show description for 1a6fe89
  

  Robin Metral

  committed
  1a6fe89

  Copy full SHA for 1a6fe89

• Move add button out of label element

  Show description for 10d54aa
  

  Robin Metral

  committed
  10d54aa

  Copy full SHA for 10d54aa

• Add snapshot test for rendering with a custom component

  

  Robin Metral

  committed
  7327509

  Copy full SHA for 7327509

• Write docs

  

  Robin Metral

  committed
  0ae1158

  Copy full SHA for 0ae1158

• Add changeset

  

  Robin Metral

  committed
  5950ee9

  Copy full SHA for 5950ee9

Commits on Jun 2, 2021

• Address PR review comments

  

  Robin Metral

  committed
  5727c31

  Copy full SHA for 5727c31

Commits on Jun 3, 2021

• Make the Avatar's alt prop required

  Show description for 1d4c229
  

  Robin Metral

  committed
  1d4c229

  Copy full SHA for 1d4c229

• Update Avatar spec with required alt prop

  

  Robin Metral

  committed
  eb3121e

  Copy full SHA for eb3121e