@comicrelief/component-library 7.0.3 → 7.1.1

package/dist/components/{Organisms/EmailSignUp/_Confetti.js → Atoms/Confetti/Confetti.js}

@@ -42,8 +42,7 @@ function getAnimationSettings(originXA, originXB) {
       y: Math.random() - 0.2
     }
   };
-} // TODO: Refactor this into an atom
-
+}
 
 function Confetti(_ref) {
   var trigger = _ref.trigger,

package/dist/components/Atoms/Confetti/Confetti.md

@@ -0,0 +1,15 @@
+# Confetti
+
+```js
+import React, { useState } from 'react';
+import Confetti from './Confetti';
+
+const [isConfetti, setIsConfetti] = useState(false);
+
+const handleConfettiTrigger = () => setIsConfetti(!isConfetti);
+
+<>
+  <Confetti trigger={isConfetti} />
+  <button type="button" onClick={handleConfettiTrigger}>trigger confetti</button>
+</>
+```

package/dist/components/Atoms/Confetti/_TriggerConfetti.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TriggerConfetti;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Confetti = _interopRequireDefault(require("./Confetti"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function TriggerConfetti() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isConfetti = _useState2[0],
+      setIsConfetti = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Confetti.default, {
+    trigger: isConfetti
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setIsConfetti(!isConfetti);
+    }
+  }, "trigger confetti"));
+}

package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js

@@ -33,7 +33,7 @@ var _EmailSignUpConfig = require("./_EmailSignUpConfig");
 
 var _ErrorText = _interopRequireDefault(require("../../Atoms/ErrorText/ErrorText"));
 
-var _Confetti = _interopRequireDefault(require("./_Confetti"));
+var _Confetti = _interopRequireDefault(require("../../Atoms/Confetti/Confetti"));
 
 var _excluded = ["title", "topCopy", "successCopy", "privacyCopy", "backgroundColour", "buttonColour", "formContext", "columnLayout"];
 

package/dist/index.js

@@ -173,6 +173,12 @@ Object.defineProperty(exports, "ButtonWithStates", {
     return _ButtonWithStates.default;
   }
 });
+Object.defineProperty(exports, "Confetti", {
+  enumerable: true,
+  get: function get() {
+    return _Confetti.default;
+  }
+});
 Object.defineProperty(exports, "HeroBanner", {
   enumerable: true,
   get: function get() {
@@ -442,6 +448,8 @@ var _Label = _interopRequireDefault(require("./components/Atoms/Label/Label"));
 
 var _ButtonWithStates = _interopRequireDefault(require("./components/Atoms/ButtonWithStates/ButtonWithStates"));
 
+var _Confetti = _interopRequireDefault(require("./components/Atoms/Confetti/Confetti"));
+
 var _HeroBanner = _interopRequireDefault(require("./components/Molecules/HeroBanner/HeroBanner"));
 
 var _InfoBanner = _interopRequireDefault(require("./components/Molecules/InfoBanner/InfoBanner"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "7.0.3",
+  "version": "7.1.1",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {

package/src/components/{Organisms/EmailSignUp/_Confetti.js → Atoms/Confetti/Confetti.js}

@@ -30,7 +30,7 @@ function getAnimationSettings(originXA, originXB) {
     }
   };
 }
-// TODO: Refactor this into an atom
+
 export default function Confetti({ trigger, duration }) {
   const refAnimationInstance = useRef(null);
   const [intervalId, setIntervalId] = useState();

package/src/components/Atoms/Confetti/Confetti.md

@@ -0,0 +1,15 @@
+# Confetti
+
+```js
+import React, { useState } from 'react';
+import Confetti from './Confetti';
+
+const [isConfetti, setIsConfetti] = useState(false);
+
+const handleConfettiTrigger = () => setIsConfetti(!isConfetti);
+
+<>
+  <Confetti trigger={isConfetti} />
+  <button type="button" onClick={handleConfettiTrigger}>trigger confetti</button>
+</>
+```

package/src/components/Atoms/Confetti/_TriggerConfetti.js

@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+import Confetti from './Confetti';
+
+export default function TriggerConfetti() {
+  const [isConfetti, setIsConfetti] = useState(false);
+
+  return (
+
+    <>
+      <Confetti trigger={isConfetti} />
+      <button type="button" onClick={() => setIsConfetti(!isConfetti)}>trigger confetti</button>
+    </>
+
+  );
+}

package/src/components/Organisms/EmailSignUp/_EmailSignUp.js

@@ -15,7 +15,7 @@ import ButtonWithStates from '../../Atoms/ButtonWithStates/ButtonWithStates';
 import Text from '../../Atoms/Text/Text';
 import { buildEsuValidationSchema, ESU_FIELDS } from './_EmailSignUpConfig';
 import ErrorText from '../../Atoms/ErrorText/ErrorText';
-import Confetti from './_Confetti';
+import Confetti from '../../Atoms/Confetti/Confetti';
 
 const EmailSignUp = ({
   title,

package/src/index.js

@@ -29,6 +29,7 @@ export { default as TextInputWithDropdown } from './components/Atoms/TextInputWi
 export { default as ErrorText } from './components/Atoms/ErrorText/ErrorText';
 export { default as Label } from './components/Atoms/Label/Label';
 export { default as ButtonWithStates } from './components/Atoms/ButtonWithStates/ButtonWithStates';
+export { default as Confetti } from './components/Atoms/Confetti/Confetti';
 
 /* Molecules */
 export { default as HeroBanner } from './components/Molecules/HeroBanner/HeroBanner';