Releases: chrisjcodes/react-animation-components
v3.0.0
3.0.0 (2018-04-03)
BREAKING CHANGES
-
the
durationprop now must be passed toStaggerso it can calculate the correct
timing foronComplete. Anydurationin child animations will be overwritten when wrapped in
Stagger -
feat(Random): Add onComplete callback
Allow users to pass an onComplete function that will be called after the last transition completes
-
Users must pass
durationintoRandomnow rather than directly into the child
animation component. This is so it can properly calculate when to fire theonCompletecallback -
refactor(Storybook): Update stories to use
map
Create one array of Example text and map through it in each Wrapper example
- feat(Stagger): Add
inprop for conditionally starting Stagger
Users can pass an in prop to Stagger which will mount or unmount the children and cause them to
Stagger in and out
-
Stagger is no longer set to
appearby default. You must passinas true to
initiate -
feat(Random): Add
inprop for conditionally starting Random
Users can pass in to Random to mount and unmount the child animations similayly to Stagger
-
Random is no longer set to
appear. Must passinastrueto initiate the
Animation -
Feature/animation updates (#3)
-
feat(Animations): Allow classNames
Allow a user to pass a className to the inner wrapping div on each animation.
- test(Snapshots): Update snapshots for
className
Rendered element snapshot no includes className={undefined}
- feat(FadeInOut): Add
enterOpacityandexitOpacityprops
All a user to set what the enter and exit values for opacity are on FadeInOut. Defaults to enter
as 1 and exit as 0
- fix(TweenTransform): Fix collision with prop names
enter and exit are Transition props. Change to enterTransform and exitTransform
-
enterandexitwill now be passed to the transition as a prop and will not
control the values for transforms -
refactor(FadeTransform): Make FadeTransform a composed component
Rather than a separate API for FadeTransform, use both existing animation components to create a
composed version. Allows a user to pass shared props for transition values an individual prop
objects for each animation
-
The API changed to accept shared props at the parent level and props for individual
inner animation components infadePropsandtransformProps -
refactor(Animations): Rename animations
Rename animation files and references to be shorter and more concise names
-
Old imports will no longer work as the components are exported with their new names
-
test(Snapshots): Update snapshots for renamed components
-
feat(Storybook): Add more controls
Add chunk option in Stagger and minDelay and maxDelay in Random
-
chore(Eslint): Add eslintrc
-
refactor(Storybook): Split stories into separate files. Add
createCommonKnobsto utilities -
chore(Linting): Code clean up
Satisfy eslint rules
- feat(Wrappers): Implement Reverse (#4)
Allow users to pass reverse to reverse the way the delays are applied in Stagger and Random.
Also includes a bug fix where onComplete was not called onExited and was being called multiple
times
-
docs(Readme): Update readme for new features
-
docs(Readme): Fix section links
-
docs(Readme): Fix typo
-
docs(Readme): Fix typo
-
test(Unit Tests): Clean up unneeded imports. Add test globals to eslintrc
-
test(Snapshot): Add snapshot tests for passing className
-
test(Snapshot): Fix snapshots for updates
-
docs(Readme): Fix subtitle
-
docs(Readme): More concise subtitle