-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: Update dev dependencies (#611)
- Loading branch information
1 parent
ada5061
commit 652797b
Showing
16 changed files
with
8,819 additions
and
6,141 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,3 @@ | ||
|
|
||
| parser: babel-eslint | ||
| extends: | ||
| - jason/react | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| const { plugins, rules } = require('webpack-atoms'); | ||
|
|
||
| module.exports = { | ||
| webpackFinal: (config) => { | ||
| config.module = { | ||
| rules: [ | ||
| rules.js(), | ||
| rules.astroturf(), | ||
| rules.css({ extract: false }), | ||
| ], | ||
| }; | ||
|
|
||
| config.plugins.push( | ||
| plugins.extractCss({ disable: true }) | ||
| ) | ||
|
|
||
| return config; | ||
| }, | ||
| }; |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,3 @@ | ||
| globals: | ||
| css: false | ||
| rules: | ||
| react/prop-types: off | ||
| no-unused-vars: | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,51 +1,46 @@ | ||
| import React from 'react'; | ||
| import StoryFixture from './StoryFixture'; | ||
| import React, { useState } from 'react'; | ||
|
|
||
| import StoryFixture from './StoryFixture'; | ||
| import Fade from './transitions/Fade'; | ||
| import Scale from './transitions/Scale'; | ||
|
|
||
| const FadeAndScale = (props) => ( | ||
| <Fade {...props}> | ||
| <div> | ||
| <div>I will fade</div> | ||
| {/* | ||
| We also want to scale in at the same time so we pass the `in` state here as well, so it enters | ||
| at the same time as the Fade. | ||
| Note also the `appear` since the Fade will happen when the item mounts, the Scale transition | ||
| will mount at the same time as the div we want to scale, so we need to tell it to animate as | ||
| it _appears_. | ||
| */} | ||
| <Scale in={props.in} appear> | ||
| <div>I should scale</div> | ||
| </Scale> | ||
| </div> | ||
| </Fade> | ||
| ) | ||
|
|
||
|
|
||
| export default class Example extends React.Component { | ||
| constructor(props, context) { | ||
| super(props, context); | ||
| this.state = { showNested: false }; | ||
| } | ||
|
|
||
| toggleNested = () => { | ||
| this.setState({ showNested: !this.state.showNested }) | ||
| } | ||
|
|
||
| render() { | ||
| return ( | ||
| <StoryFixture description="nested Transtions"> | ||
| <h3>Nested Animations</h3> | ||
| <button onClick={this.toggleNested}> | ||
| Click to see 2 nested animations | ||
| </button> | ||
| <FadeAndScale in={this.state.showNested} mountOnEnter unmountOnExit /> | ||
| </StoryFixture> | ||
| ); | ||
| } | ||
| function FadeAndScale(props) { | ||
| return ( | ||
| <Fade {...props}> | ||
| <div> | ||
| <div>I will fade</div> | ||
| {/* | ||
| We also want to scale in at the same time so we pass the `in` state here as well, so it enters | ||
| at the same time as the Fade. | ||
| Note also the `appear` since the Fade will happen when the item mounts, the Scale transition | ||
| will mount at the same time as the div we want to scale, so we need to tell it to animate as | ||
| it _appears_. | ||
| */} | ||
| <Scale in={props.in} appear> | ||
| <div>I should scale</div> | ||
| </Scale> | ||
| </div> | ||
| </Fade> | ||
| ); | ||
| } | ||
|
|
||
| function Example() { | ||
| const [showNested, setShowNested] = useState(false); | ||
|
|
||
| return ( | ||
| <StoryFixture description="nested Transtions"> | ||
| <h3>Nested Animations</h3> | ||
| <button | ||
| onClick={() => { | ||
| setShowNested(!showNested); | ||
| }} | ||
| > | ||
| Click to see 2 nested animations | ||
| </button> | ||
| <FadeAndScale in={showNested} mountOnEnter unmountOnExit /> | ||
| </StoryFixture> | ||
| ); | ||
| } | ||
|
|
||
|
|
||
| export default Example; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.