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

Obed/improvements v2 #145

Merged
merged 17 commits into from
Apr 29, 2020
Merged

Conversation

obedparla
Copy link
Contributor

A few improvements before finishing v2

@obedparla obedparla requested a review from a team April 27, 2020 15:04
@obedparla obedparla self-assigned this Apr 27, 2020
@vercel
Copy link

vercel bot commented Apr 27, 2020

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/heetch-eng/flamingo/9yw0paacc
✅ Preview: https://flamingo-git-obed-improvements-v2.heetch-eng.now.sh

Copy link
Contributor

@tamarasaurus tamarasaurus left a comment

Choose a reason for hiding this comment

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

Looks good 👍 , I just have another small suggestion. When I was using the Popover component I saw that even if the component is not visible (like opacity:0) it still overlays any elements beneath it, blocking clicks. I don't know if you already fixed that but it would be good to fix before v2.

package.json Outdated Show resolved Hide resolved
src/components/Alert/styles.js Show resolved Hide resolved
src/components/Table/index.js Outdated Show resolved Hide resolved
@obedparla
Copy link
Contributor Author

Looks good 👍 , I just have another small suggestion. When I was using the Popover component I saw that even if the component is not visible (like opacity:0) it still overlays any elements beneath it, blocking clicks. I don't know if you already fixed that but it would be good to fix before v2.

Ahh, I didn't know this. I was thinking about changing how it animates. We can always fix it after V2

@obedparla obedparla merged commit 6acccf7 into feature/styled-components Apr 29, 2020
@obedparla obedparla deleted the obed/improvements-v2 branch April 29, 2020 10:28
obedparla added a commit that referenced this pull request Apr 29, 2020
* Change `type` to `alertType` in Alert internally, prevents dom type

* Downgrade babel-plugin-styled-components to `1.10.5`, new version broken

* Update a few small things.

* Lower data example for table, couldn't see both tables easily

* Remove packages from lerna. Not needed

* Update the readme a bit

* Add Alert back

* Update readme, change back version, improve variable name tableProps

* IconButton: add ref, fix bug with hover color and iconColor proptype

* Remove text-decoration on button for the case of `as='a'`

* Add fontWeight, fontSize and lineHeight style props to UiText

* Add id to Input and TextArea, removed them by error

* Add back state classes to Selector component, only way to know state

* Add custom props to Heading

* Remove system fonts

* Add visibility: hidden for popover to prevent it getting clicks
obedparla added a commit that referenced this pull request Apr 29, 2020
* Implement base components with Styled Components

* Add iconSize to proptypes Spinner. Simplify style validation in UiText

Delete deprecated folder, it's not up to date (#129)

Obed/components migration (#132)

* Migrate IconButton

* Migrate IconButton

* Migrate SidePanel

* Migrate Text

* Update Styled Components to v5.1.0

* Improve code for created components. Use `attrs` instead of extending

* Add `index` with all components

* Add babel-plugin-styled-components

* Fix Button spinner not behaving the same as before

* Remove displayName from SC components. Handled by SC

* Remove usage of `cx` inside `attrs` as classes are automatically added

Remove babel class proposal plugin

Obed/components migration 2 (#135)

* Modify SidePanel to animate on mount and unmount.
- This makes it much easier to use in more situations, since it's the react
way, instead of leaving the elements in the dom, which can cause unexpected consequences
- It should also make it easier to animate when using it as a route

* Migrate `Link`

* Migratee TextArea

* Migrate TextAreaField

* Add `margin` and `color` as SC props to UiText. We use them a ton

* Migrate UploaderItem

* Migrate FileUploader

* Migrate FileUploader

* Migrate ImageUploaders

* Remove dist from git

* Move --f-FileUploader-height to root

* Migrate ImageUploaderField

* Migrate FileUploaderField

* Disable import/prefer-default-export

* Move sidepanel styles to a file

* Fix review comment

* Because clean code is more important than the Higgs boson

Update now-build scripts

Fix eslint errors

Update now.json

Upgrade deps

Obed/components migration 3 (#139)

* Modify SidePanel to animate on mount and unmount.
- This makes it much easier to use in more situations, since it's the react
way, instead of leaving the elements in the dom, which can cause unexpected consequences
- It should also make it easier to animate when using it as a route

* Migrate Item component

* Fix Button, it wasn't passing `ref` before. Oops

* Add margin-left for buttons next to each other.

* Fix Sidepanel, forgot to pass animateOnMount. Remove button styles

* Fix Overlay, it was always animating, now only when passing isOpen

* Migrate Dropdown component. Extend the story book examples

* Migrate Card component

* Add searchPlus from master

* Change UiText's color to textColor. `color` is a DOM attribute

* Migrate Table component

* Remove `TableHeaderGroup` and `TableRowGroup`
- They didn't make any sense to me, they're a regular element with a class

Obed/components migration 4 (#142)

* Migrate Table component

* Remove `TableHeaderGroup` and `TableRowGroup`
- They didn't make any sense to me, they're a regular element with a class

* Migrate Radio component

* Update FormElement to extend a UiText as in V1.

* Migrate Select and SelectField

* Migrate Selector and SelectorField

* Migrate Alert component

* Fix proptype errors

* Migrate Grid component

* Migrate Toggle component

* Migrate Checkbox component

* Migrate Popover component

* Migrate Tabs component

* Add success and error states to the button

* Fix differences between implementation and original components
Wrap checkbox around FormElementWrapper. Move styles to file

FileUploader: fix styling error on hover

Fix error in GridCol, change file name.

Fix transition of Radio

Move form elements into Form story

* Export all components through index.js, add GridCol

* Add select option disabled. This was in `master` already

* Remove unnecessary defaultProps. It takes precious kbs

* Comments of review migration-3 (I'm lazy to fix rebase conflicts :( )

* Migrate Datepicker and fix a bug with FormElement's withIcon

* Add validation to Checkbox and Radio and logic for Icon and Labels

Add theme support (#144)

* Migrate Table component

* Remove `TableHeaderGroup` and `TableRowGroup`
- They didn't make any sense to me, they're a regular element with a class

* Migrate Grid component

* Fix differences between implementation and original components
Wrap checkbox around FormElementWrapper. Move styles to file

FileUploader: fix styling error on hover

Fix error in GridCol, change file name.

Fix transition of Radio

Move form elements into Form story

* Create `theme` with all the css vars except breakpoints

* Delete legacy classes

* Update all css variables to use the js theme

* Fix Dropdown overlay on mobile

Obed/improvements v2 (#145)

* Change `type` to `alertType` in Alert internally, prevents dom type

* Downgrade babel-plugin-styled-components to `1.10.5`, new version broken

* Update a few small things.

* Lower data example for table, couldn't see both tables easily

* Remove packages from lerna. Not needed

* Update the readme a bit

* Add Alert back

* Update readme, change back version, improve variable name tableProps

* IconButton: add ref, fix bug with hover color and iconColor proptype

* Remove text-decoration on button for the case of `as='a'`

* Add fontWeight, fontSize and lineHeight style props to UiText

* Add id to Input and TextArea, removed them by error

* Add back state classes to Selector component, only way to know state

* Add custom props to Heading

* Remove system fonts

* Add visibility: hidden for popover to prevent it getting clicks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants