Release 0.2.0

FortAwesome · Jun 29, 2022 · eb6f6f5 · eb6f6f5
1 parent f3585b7
commit eb6f6f5
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 212 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,211 +6,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ---
 
-## [0.1.18](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.18) - 2022-03-16
+## [0.2.0](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.2.0) - 2022-06-29
 
 ### Added
 
-- Animations bounce, shake, fade, and beat-fade
-- Property maskId and titleId to allow consistent rendering on client and server
+- Support for React forwardRef if using React >= 16.3
 
-### Changed
-
-- Peer dependencies now include major version 6
-
----
-
-## [0.1.17](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.17) - 2022-01-28
-
-### Added
-
-- New v6 sizes and animations
-
----
-
-## [0.1.16](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.16) - 2021-10-18
-
-### Fixed
-
-- Include 1.3.0-beta versions in peer dependencies
-
----
-
-## [0.1.15](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.15) - 2021-08-03
-
-### Fixed
-
-- Skip parse.icon if the icon is imported directly from an icon package
-
----
-
-## [0.1.14](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.14) - 2020-12-22
-
-### Added
-
-- Support for the new parse.icon function from the Font Awesome version 6 @fortawesome/fontawesome-svg-core
-
----
-
-## [0.1.13](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.13) - 2020-11-23
-
-### Fixed
-
-- Update forwardRef Typescript definition #396
-
----
-
-## [0.1.12](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.12) - 2020-10-26
-
-### Fixed
-
-- Change peer dependency to support React 17
-
----
-
-## [0.1.11](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.11) - 2020-06-16
-
-### Fixed
-
-- Accept rotation value of 0 #344
-
----
-
-## [0.1.10](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.10) - 2020-06-02
-
-### Added
-
-- Support for forward ref #341
-
----
-
-## [0.1.9](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.9) - 2020-03-05
-
-### Fixed
-
-- Have FontAwesomeIconProps interface extend SVGAttributes, fixes #324
-
----
-
-## [0.1.8](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.8) - 2019-12-06
-
-### Fixed
-
-- Add swapOpacity to Typescript definitions #308
-
----
-
-## [0.1.7](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.7) - 2019-10-19
-
-### Fixed
-
-- Add DOM attributes to FontAwesomeIconProps to Typescript definitions #151 #196
-
----
-
-## [0.1.6](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.6) - 2019-10-10
-
-### Fixed
-
-- Ignore null values for pull, rotation, and size props #289
-
----
-
-## [0.1.5](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.5) - 2019-09-29
-
-### Added
-
-- Full support for Duotone icons
-
----
-
-## [0.1.4](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.4) - 2019-01-15
-
-### Changed
-
-- Upgrade to Babel 7 and Rollup 1 #213
-
-### Fixed
-
-- Thrown error in IE11
-
----
-
-## [0.1.3](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.3) - 2018-09-06
-
-### Added
-
-- Add title prop #180
-
----
-
-## [0.1.2](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.2) - 2018-08-12
-
-### Changed
-
-- Better table of contents in README.md #172
-
----
-
-## [0.1.1](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.1) - 2018-08-07
-
-### Changed
-
-- Added tabIndex to TypeScript definitions #168
-
----
-
-## [0.1.0](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.0) - 2018-06-20
-
-### Changed
-
-- Upgraded to the newer Font Awesome 5.1 packages
-
----
-
-## [0.0.20](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.0.20) - 2018-05-15
-
-### Added
-
-- Added displayName to FontAwesomeIcon component
-
----
-
-## [0.0.19](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.0.19) - 2018-04-29
-
-### Changed
-
-- Moved prop-types from peerDependencies to dependencies #87
-
----
-
-## [0.0.18](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.0.18) - 2018-03-23
-
-### Fixed
-
-- Peer dependency warnings #103
-
----
-
-## [0.0.17](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.0.17) - 2017-12-19
-
-### Changed
-
-- Documentation and example improvements
-- Use cross-env to support Windows
-- Support for @fortawesome/fontawesome 1.1.0
-
----
-
-## [0.0.16](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.0.16) - 2017-12-09
-
-### Changed
-
-- Better documentation in the README
-
----
-
-## [0.0.15](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.0.15) - 2017-12-08
-
-### Fixed
-
-- Missing icons no longer return `undefined` which caused React to be noisy about a misbehaving component
+**Previous [0.1.x change log available here](https://github.com/FortAwesome/react-fontawesome/blob/0.1.x/CHANGELOG.md)**
diff --git a/DEVELOPMENT.md b/DEVELOPMENT.md
@@ -20,9 +20,12 @@ The following commands are available through `npm run`
 1. Update the `CHANGELOG.md`
 1. Update the `README.md` contributors section
 1. `npm run build`
+1. `npm run install.5`
 1. `npm run test`
-1. `npm publish --tag 0.2.x --tag latest`
-1. `npm publish --tag 0.2.x --tag latest --registry https://npm.fontawesome.com` (publish to Pro registry)
+1. `npm run install.6`
+1. `npm run test`
+1. `npm publish --tag latest-0.2 --tag latest`
+1. `npm publish --tag latest-0.2 --tag latest --registry https://npm.fontawesome.com` (publish to Pro registry)
 1. `git add . && git commit -m 'Release VERSION'`
 1. `git push`
 1. Create a [new release](https://github.com/FortAwesome/react-fontawesome/releases/new) with `CHANGELOG` details

diff --git a/README.md b/README.md
@@ -19,6 +19,14 @@
 
 ## Documentation
 
+`react-fontawesome` now supports `forwardRef` for version `0.2.x` or above. This was a breaking change so if you are using React older than version 16.3.0 choose the `0.1.x` version of this component.
+
+## Compatibility
+| React version | react-fontawesome version |
+| - | - |
+| < 16.3.0 | 0.1.x |
+| >= 16.3.0 | 0.2.x |
+
 Official documentation is hosted at fontawesome.com:
 
 [Check it out here](https://fontawesome.com/v6/docs/web/use-with/react/)
@@ -54,6 +62,7 @@ being awesome contributors to this project. **We'd like to take a moment to reco
 | Proudust          | [@proudust](https://github.com/proudust)                  |
 | Tiago Sousa       | [@TiagoPortfolio](https://github.com/TiagoPortfolio)      |
 | Alexey Victorov   | [@AliMamed](https://github.com/AliMamed)                  |
+| Calum Smith       | [@cpmsmith](https://github.com/cpmsmith)                  |
 | Font Awesome Team | [@FortAwesome](https://github.com/orgs/FortAwesome/people)|
 
 If we've missed someone (which is quite likely) submit a Pull Request to us and we'll get it resolved.

diff --git a/index.es.js b/index.es.js
@@ -160,6 +160,7 @@ function classList(props) {
     'fa-inverse': inverse,
     'fa-border': border,
     'fa-li': listItem,
+    'fa-flip': flip === true,
     'fa-flip-horizontal': flip === 'horizontal' || flip === 'both',
     'fa-flip-vertical': flip === 'vertical' || flip === 'both'
   }, _defineProperty(_classes, "fa-".concat(size), typeof size !== 'undefined' && size !== null), _defineProperty(_classes, "fa-rotate-".concat(rotation), typeof rotation !== 'undefined' && rotation !== null && rotation !== 0), _defineProperty(_classes, "fa-pull-".concat(pull), typeof pull !== 'undefined' && pull !== null), _defineProperty(_classes, 'fa-swap-opacity', props.swapOpacity), _classes); // map over all the keys in the classes object
@@ -368,6 +369,7 @@ FontAwesomeIcon.displayName = 'FontAwesomeIcon';
 FontAwesomeIcon.propTypes = {
   beat: PropTypes.bool,
   border: PropTypes.bool,
+  beatFade: PropTypes.bool,
   bounce: PropTypes.bool,
   className: PropTypes.string,
   fade: PropTypes.bool,
@@ -376,7 +378,7 @@ FontAwesomeIcon.propTypes = {
   maskId: PropTypes.string,
   fixedWidth: PropTypes.bool,
   inverse: PropTypes.bool,
-  flip: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
+  flip: PropTypes.oneOf([true, false, 'horizontal', 'vertical', 'both']),
   icon: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string]),
   listItem: PropTypes.bool,
   pull: PropTypes.oneOf(['right', 'left']),
@@ -400,14 +402,16 @@ FontAwesomeIcon.defaultProps = {
   maskId: null,
   fixedWidth: false,
   inverse: false,
-  flip: null,
+  flip: false,
   icon: null,
   listItem: false,
   pull: null,
   pulse: false,
   rotation: null,
   size: null,
   spin: false,
+  spinPulse: false,
+  spinReverse: false,
   beat: false,
   fade: false,
   beatFade: false,

diff --git a/index.js b/index.js
@@ -167,6 +167,7 @@
       'fa-inverse': inverse,
       'fa-border': border,
       'fa-li': listItem,
+      'fa-flip': flip === true,
       'fa-flip-horizontal': flip === 'horizontal' || flip === 'both',
       'fa-flip-vertical': flip === 'vertical' || flip === 'both'
     }, _defineProperty(_classes, "fa-".concat(size), typeof size !== 'undefined' && size !== null), _defineProperty(_classes, "fa-rotate-".concat(rotation), typeof rotation !== 'undefined' && rotation !== null && rotation !== 0), _defineProperty(_classes, "fa-pull-".concat(pull), typeof pull !== 'undefined' && pull !== null), _defineProperty(_classes, 'fa-swap-opacity', props.swapOpacity), _classes); // map over all the keys in the classes object
@@ -375,6 +376,7 @@
   FontAwesomeIcon.propTypes = {
     beat: PropTypes__default["default"].bool,
     border: PropTypes__default["default"].bool,
+    beatFade: PropTypes__default["default"].bool,
     bounce: PropTypes__default["default"].bool,
     className: PropTypes__default["default"].string,
     fade: PropTypes__default["default"].bool,
@@ -383,7 +385,7 @@
     maskId: PropTypes__default["default"].string,
     fixedWidth: PropTypes__default["default"].bool,
     inverse: PropTypes__default["default"].bool,
-    flip: PropTypes__default["default"].oneOf(['horizontal', 'vertical', 'both']),
+    flip: PropTypes__default["default"].oneOf([true, false, 'horizontal', 'vertical', 'both']),
     icon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].array, PropTypes__default["default"].string]),
     listItem: PropTypes__default["default"].bool,
     pull: PropTypes__default["default"].oneOf(['right', 'left']),
@@ -407,14 +409,16 @@
     maskId: null,
     fixedWidth: false,
     inverse: false,
-    flip: null,
+    flip: false,
     icon: null,
     listItem: false,
     pull: null,
     pulse: false,
     rotation: null,
     size: null,
     spin: false,
+    spinPulse: false,
+    spinReverse: false,
     beat: false,
     fade: false,
     beatFade: false,

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@fortawesome/react-fontawesome",
   "description": "Official React component for Font Awesome 5",
-  "version": "0.1.18",
+  "version": "0.2.0",
   "main": "index.js",
   "module": "index.es.js",
   "jsnext:main": "index.es.js",
@@ -26,7 +26,8 @@
     "Lukáš Rod <github.com/rodlukas>",
     "Proudust <github.com/proudust>",
     "Tiago Sousa <github.com/TiagoPortfolio>",
-    "Alexey Victorov <github.com/AliMamed>"
+    "Alexey Victorov <github.com/AliMamed>",
+    "Calum Smith <github.com/cpmsmith>"
   ],
   "license": "MIT",
   "scripts": {