Skip to content
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.

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

Remove PropTypes from InspectorOverlay #21345

Closed
wants to merge 3 commits into from
Closed

Remove PropTypes from InspectorOverlay #21345

wants to merge 3 commits into from

Conversation

kdastan
Copy link
Contributor

@kdastan kdastan commented Sep 27, 2018

Related to #21342

@facebook-github-bot
Copy link
Contributor

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

@kdastan kdastan changed the title Remove PropTypes from InspectorOverlay #21343 Remove PropTypes from InspectorOverlay Sep 27, 2018
Copy link

@analysis-bot analysis-bot left a comment

Choose a reason for hiding this comment

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

eslint found some issues. You may run yarn prettier or npm run prettier to fix these.

style?: any,
type Props = $ReadOnly<{|
inspected?: ?{
frame?: ?Object,

Choose a reason for hiding this comment

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

Cannot get StyleSheet.Styles because property Styles is missing in object literal [1].

@pull-bot
Copy link

Warnings
⚠️

📋 Test Plan - This PR appears to be missing a Test Plan.

⚠️

📋 Release Notes - This PR appears to be missing Release Notes.

Generated by 🚫 dangerJS

@kdastan
Copy link
Contributor Author

kdastan commented Sep 27, 2018

@empyrical is it ok, if I leave frame as Object and style as any?

@empyrical
Copy link
Contributor

You should type style as ViewStyleProp, which you can import like this:

import type {ViewStyleProp} from 'StyleSheet';

You should be able to leave the type of frame as Object for now. Filling this out this will require filling out the types of ElementBox too, which is out of the scope of this pull request.

@kdastan
Copy link
Contributor Author

kdastan commented Sep 27, 2018

@empyrical got it, thanks!

@react-native-bot react-native-bot added Missing Test Plan This PR appears to be missing a test plan. Missing Changelog This PR appears to be missing a changelog, or they are incorrectly formatted. labels Sep 27, 2018
@empyrical
Copy link
Contributor

LGTM 👍

@elicwhite
Copy link
Member

elicwhite commented Sep 27, 2018

Thanks for contributing! I can't import this because you don't have a valid CLA on file. You can follow the instructions from the facebook bot in this comment to complete the CLA

@facebook-github-bot facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Sep 27, 2018
@facebook-github-bot
Copy link
Contributor

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

style?: any,
type Props = $ReadOnly<{|
inspected?: ?{
frame?: ?Object,
Copy link
Member

Choose a reason for hiding this comment

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

Let's make these nullable either. The goal of nullable props is so that a component can take optional props and pass them to another component which takes the optional prop.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Should I make Props nullable?

type Props = ?$ReadOnly<{| ...

do not quite understand

Copy link
Member

Choose a reason for hiding this comment

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

I'm looking for:

inspected?: {
  frame?: Object 
  style?: ViewStyleProp
}

Although inspected should also use $ReadOnly<{||}>. So:

inspected?: $ReadOnly<{|
  frame?: Object 
  style?: ViewStyleProp
|}>

@kdastan
Copy link
Contributor Author

kdastan commented Sep 27, 2018

I created new Type, then used it as type of inspected

type Inspected = $ReadOnly<{|
  frame?: Object,
  style?: ViewStyleProp,
|}>;

@facebook-github-bot facebook-github-bot added the Import Started This pull request has been imported. This does not imply the PR has been approved. label Sep 27, 2018
Copy link
Contributor

@facebook-github-bot facebook-github-bot left a comment

Choose a reason for hiding this comment

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

TheSavior is landing this pull request. If you are a Facebook employee, you can view this diff on Phabricator.

@react-native-bot
Copy link
Collaborator

@kdastan merged commit 9f8fc8f into facebook:master.


Once this commit is added to a release, you will see the corresponding version tag below the description at 9f8fc8f. If the commit has a single master tag, it is not yet part of a release.

@facebook facebook locked as resolved and limited conversation to collaborators Sep 27, 2018
@react-native-bot react-native-bot added the Merged This PR has been merged. label Sep 27, 2018
@elicwhite
Copy link
Member

Thanks for contributing!

@hramos hramos removed Import Started This pull request has been imported. This does not imply the PR has been approved. labels Feb 6, 2019
t-nanava pushed a commit to microsoft/react-native-macos that referenced this pull request Jun 17, 2019
Summary:
Related to facebook#21342
Pull Request resolved: facebook#21345

Differential Revision: D10081976

Pulled By: TheSavior

fbshipit-source-id: d6a905704fc5c2f10a6a8552f04e9c3feaeb147b
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Merged This PR has been merged. Missing Changelog This PR appears to be missing a changelog, or they are incorrectly formatted. Missing Test Plan This PR appears to be missing a test plan.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants