Skip to content

components: Add new ColorPicker #33714

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 17 commits into from
Aug 10, 2021
Merged

components: Add new ColorPicker #33714

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
ef5731d
components: InputControl to TypeScript
sarayourfriend Jul 23, 2021
f97cc19
Add back event to onChange
sarayourfriend Jul 26, 2021
0d57ecb
Convert select-control to TS and ts-nocheck the rest of color picker …
sarayourfriend Jul 27, 2021
72037c9
components: Add new ColorPicker
sarayourfriend Jul 27, 2021
97b51ef
Fix various visual issues and rapid color change stuttering
sarayourfriend Jul 28, 2021
f81bcbc
Rename to `enableAlpha` and add a README
sarayourfriend Jul 28, 2021
0233254
Add copy format and better defaults
sarayourfriend Jul 29, 2021
a50675f
More closely mimic "half-controlled" values
sarayourfriend Jul 29, 2021
597cfdf
Fix misaligned value display in Chrome
sarayourfriend Jul 30, 2021
e1474b6
Update react-colorful styles to better match designs
sarayourfriend Jul 30, 2021
9635658
Add CHANGELOG entry for RangeControl prop update
sarayourfriend Jul 30, 2021
630d060
Fix bad rebase and bad types
sarayourfriend Aug 6, 2021
eb5c33f
Fix html number arrows showing on Chrome
sarayourfriend Aug 6, 2021
f405c0a
Switch to HSL(A) based input and output to fix HSL UX
sarayourfriend Aug 9, 2021
1496e0a
Move styled components and get rid of unnecessary ones
sarayourfriend Aug 9, 2021
70eb0fd
Fix onChange parameter name
sarayourfriend Aug 10, 2021
da321a2
Add missing labels
sarayourfriend Aug 10, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
components: InputControl to TypeScript
  • Loading branch information
@sarayourfriend
sarayourfriend committed Aug 6, 2021
commit ef5731dacaf38c2ae97cd66259ff01de25ef63a4
6 changes: 3 additions & 3 deletions packages/components/src/input-control/input-field.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@ function InputField(

const handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {
onBlur( event );
setIsFocused( false );
setIsFocused?.( false );

/**
* If isPressEnterToChange is set, this commits the value to
Expand All @@ -123,7 +123,7 @@ function InputField(

const handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {
onFocus( event );
setIsFocused( true );
setIsFocused?.( true );
};

const handleOnChange = ( event: ChangeEvent< HTMLInputElement > ) => {
Expand All @@ -135,7 +135,7 @@ function InputField(
const nextValue = event.currentTarget.value;

try {
onValidate( nextValue, event );
onValidate( nextValue );
commit( nextValue, event );
} catch ( err ) {
invalidate( err, event );
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/input-control/reducer/reducer.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ function mergeInitialState(
...initialInputControlState,
...initialState,
initialValue: value,
};
} as InputState;
}

/**
Expand Down