Skip to content

Feat: cover cross platform RangeControl#1342

Merged
jbinda merged 19 commits intodevelopfrom
callstack/range-control
Oct 20, 2019
Merged

Feat: cover cross platform RangeControl#1342
jbinda merged 19 commits intodevelopfrom
callstack/range-control

Conversation

@jbinda
Copy link
Copy Markdown
Contributor

@jbinda jbinda commented Aug 30, 2019

is a part of #1300

Gutenberg related PR

Update release notes:

  • If there are user facing changes, I have added an item to RELEASE-NOTES.txt.

@jbinda jbinda marked this pull request as ready for review September 13, 2019 10:33
@jbinda jbinda requested a review from pinarol September 13, 2019 10:33
@pinarol pinarol requested review from koke and mkevins September 13, 2019 14:08
@jbinda jbinda mentioned this pull request Sep 25, 2019
1 task
@pinarol pinarol added [Status] Needs Design Review Needs design review or sign-off before shipping [Type] Enhancement Improves a current area of the editor labels Sep 27, 2019
@pinarol
Copy link
Copy Markdown
Contributor

pinarol commented Sep 27, 2019

@iamthomasbishop could you take a look at the screen captures in the gutenberg side PR and give feedback about color, style etc. ? Thanks!

@iamthomasbishop
Copy link
Copy Markdown
Contributor

Feedback given, done and done! ✅

@mkevins
Copy link
Copy Markdown
Contributor

mkevins commented Oct 3, 2019

Hi @jbinda 👋

I have been checking out this PR on the Android demo app, and it's looking mostly pretty good 👍 . I did notice one issue with the numerical input, where the numbers seem to be invisible:

Can you take a look at my example usage, and let me know if I'm missing anything?

These are the changes I used to test the component on the image block:
diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js
index eb84652..015c603 100644
--- a/packages/block-library/src/image/edit.native.js
+++ b/packages/block-library/src/image/edit.native.js
@@ -250,6 +250,15 @@ class ImageEdit extends React.Component {
 					separatorType={ 'fullWidth' }
 					onChangeValue={ this.updateAlt }
 				/>
+				<BottomSheet.RangeCell
+					icon={ 'admin-settings' }
+					label={ __( 'Slider' ) }
+					value={ 1 }
+					minimumValue={ 1 }
+					maximumValue={ 8 }
+					separatorType={ 'fullWidth' }
+					onChangeValue={ () => {} }
+				/>
 				<BottomSheet.Cell
 					label={ __( 'Clear All Settings' ) }
 					labelStyle={ styles.clearSettingsButton }

Another issue, maybe related, is that the slider didn't update when I manually edited the numerical input field.

@jbinda
Copy link
Copy Markdown
Contributor Author

jbinda commented Oct 3, 2019

Hi @mkevins

Thanks for testing RangeCell components. I currently change the implementation according to @iamthomasbishop notes from here

I will also take a look what cause the issue you mentioned and back to you soon.

Copy link
Copy Markdown
Contributor

@mkevins mkevins left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested via: WordPress/gutenberg#17282.

Since these issues can be addressed in a separate PR:
#1448
#1449

LGTM! 🎉

@jbinda jbinda merged commit 4169c17 into develop Oct 20, 2019
daniloercoli added a commit that referenced this pull request Oct 21, 2019
…rg-mobile into issue/wp-android-8828-Aztec-crash-Android-8

* 'develop' of https://github.com/wordpress-mobile/gutenberg-mobile: (24 commits)
  Feat: cover cross platform RangeControl (#1342)
  Introduce grouping in the block settings inspector (#1397)
  Fix native test of image block (#1456)
  Update RELEASE notes with iOS11 and Swift 5 update
  Expose WordPressUtils for consumption by gutenberg-bridge
  Update Aztec-Android ref to v1.3.33
  Update bundles
  revert missing toggle editor mode call (#1444)
  Update Aztec-iOS ref to 1.11.0
  Update Aztec-Android ref to v1.3.32
  Update Aztec-iOS ref
  Update bundles
  Bump version to 1.15.0
  Update Gutenberg
  Add Media & Text block to initial HTML
  Update Gutenberg
  Updated bundles
  Update Gutenberg
  Update Gutenberg
  Update gutenberg
  ...

# Conflicts:
#	react-native-aztec/android/build.gradle
daniloercoli added a commit that referenced this pull request Oct 23, 2019
…rg-mobile into issue/wp-android-9832-IndexOutOfBoundsException-setSpan

* 'develop' of https://github.com/wordpress-mobile/gutenberg-mobile:
  Bump version to 1.15.1
  Update bundles
  Update Aztec to the new tagged version v1.3.34
  Feat: cover cross platform RangeControl (#1342)
  Introduce grouping in the block settings inspector (#1397)
  Fix native test of image block (#1456)

# Conflicts:
#	react-native-aztec/android/build.gradle
pinarol pushed a commit that referenced this pull request Oct 28, 2019
* Fix native test of image block (#1456)

* Add ref to gutenberg repo

* Update ret to point to master

* Introduce grouping in the block settings inspector (#1397)

* Feat: cover cross platform RangeControl (#1342)

* feat: add RangeCell component

* update ref

* update ref and bundle
@jbinda jbinda deleted the callstack/range-control branch March 16, 2020 06:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Status] Needs Design Review Needs design review or sign-off before shipping [Type] Enhancement Improves a current area of the editor

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants