Skip to content

feat: migrate Helix-React to HelixUI v2.0 specs#127

Merged
100stacks merged 11 commits intomasterfrom
helix-upgrade
Feb 1, 2021
Merged

feat: migrate Helix-React to HelixUI v2.0 specs#127
100stacks merged 11 commits intomasterfrom
helix-upgrade

Conversation

@nicko-winner
Copy link
Contributor

@nicko-winner nicko-winner commented Jan 26, 2021

  • Update to Helix-UI 2.0
  • Switch Modals and Popovers to use secondary button styles
  • Add support to pass your own custom radio input as prop, useful for redux-form wrapped input fields.
  • Added forwarding of Refs or all components that properties

…ing existing one.

- Can be helpful for folks using redux-form wrappers on their inputs.
- Set medium size by default to prevent 'undefined' class name fro showing up in markup.
@netlify
Copy link

netlify bot commented Jan 26, 2021

Deploy preview for helix-react ready!

Built with commit e142102

https://deploy-preview-127--helix-react.netlify.app

@100stacks 100stacks added this to the v2.0.0 milestone Jan 27, 2021
Copy link
Member

@100stacks 100stacks left a comment

Choose a reason for hiding this comment

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

Great work, Nicko!!! 👏🎉

Dev LGTM

const hxRef = useEventListener({ onDismiss, onSubmit }, ref);
return (
<div>
{/* Wrapping element needed: Otherwise when alert removes itself from DOM on close, it will cause error */}
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
{/* Wrapping element needed: Otherwise when alert removes itself from DOM on close, it will cause error */}
{/* Wrapping element needed: Otherwise when Toast removes itself from DOM on close, it will cause error */}

let position = select('positions', POSITIONS, 'top-left');
let content = text('content', 'I am a tool tip');

const myRef = React.useRef();
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
const myRef = React.useRef();

onOpen={callback(action('onOpen'))}
onClose={callback(action('onClose'))}
onReposition={callback(action('onReposition'))}
ref={myRef}
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
ref={myRef}

@100stacks 100stacks changed the title Helix-UI to 2.0 feat: migrate HelixUI to v2.0 Feb 1, 2021
@100stacks 100stacks merged commit 3b3b5a4 into master Feb 1, 2021
@100stacks 100stacks deleted the helix-upgrade branch February 1, 2021 19:44
@100stacks 100stacks changed the title feat: migrate HelixUI to v2.0 feat: migrate Helix-React to HelixUI v2.0 specs Feb 3, 2021
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