@comicrelief/component-library 7.24.0 → 7.24.2

package/dist/components/Atoms/Pagination/Pagination.test.js

@@ -1,21 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 require("jest-styled-components");
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
 var _Pagination = _interopRequireDefault(require("./Pagination"));
-it('renders correctly in minimalist form', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in minimalist form', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 5,
     currentPage: 3,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: false,
     showPrevious: false,
     showNext: false,
@@ -24,17 +20,13 @@ it('renders correctly in minimalist form', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in minimalist form with non-default color', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in minimalist form with non-default color', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 5,
     currentPage: 3,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: false,
     showPrevious: false,
     showNext: false,
@@ -44,17 +36,13 @@ it('renders correctly in minimalist form with non-default color', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in full size with max pages more than total pages', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in full size with max pages more than total pages', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 10,
     totalPages: 6,
     currentPage: 4,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -63,17 +51,13 @@ it('renders correctly in full size with max pages more than total pages', functi
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in full size with max pages less than total pages', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in full size with max pages less than total pages', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 6,
     totalPages: 10,
     currentPage: 2,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -82,17 +66,13 @@ it('renders correctly in full size with max pages less than total pages', functi
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in full size with max pages less than current page', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in full size with max pages less than current page', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 20,
     currentPage: 19,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -101,17 +81,13 @@ it('renders correctly in full size with max pages less than current page', funct
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in full size with first page selected', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in full size with first page selected', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 5,
     currentPage: 1,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -120,17 +96,13 @@ it('renders correctly in full size with first page selected', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in full size with last page selected', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in full size with last page selected', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 5,
     currentPage: 5,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -139,17 +111,13 @@ it('renders correctly in full size with last page selected', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in full size with more on left', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in full size with more on left', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 6,
     currentPage: 4,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -158,17 +126,13 @@ it('renders correctly in full size with more on left', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in full size with more on right', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in full size with more on right', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 6,
     currentPage: 3,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -177,17 +141,13 @@ it('renders correctly in full size with more on right', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly in full size with more on both sides', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly in full size with more on both sides', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 7,
     currentPage: 4,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -196,17 +156,13 @@ it('renders correctly in full size with more on both sides', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly with custom style', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly with custom style', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 10,
     currentPage: 5,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -223,17 +179,13 @@ it('renders correctly with custom style', function () {
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders correctly with custom labels', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders correctly with custom labels', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 5,
     currentPage: 3,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,
@@ -244,23 +196,17 @@ it('renders correctly with custom labels', function () {
     firstLabel: "First",
     lastLabel: "Last",
     moreLabel: "More",
-    getPageLabel: function getPageLabel(value) {
-      return "Page ".concat(value);
-    }
+    getPageLabel: value => "Page ".concat(value)
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });
-it('renders nothing in case of no pages', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+it('renders nothing in case of no pages', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     maxPages: 5,
     totalPages: 0,
     currentPage: 2,
-    createURL: function createURL(value) {
-      return "example.com/page/".concat(value);
-    },
-    onSelect: function onSelect(value) {
-      return value;
-    },
+    createURL: value => "example.com/page/".concat(value),
+    onSelect: value => value,
     showFirst: true,
     showPrevious: true,
     showNext: true,

package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js

@@ -12,9 +12,7 @@ var _lodash = require("lodash");
  * @return {Integer}
  */
 // Use totalPages as displayed pages if it is less than allowed max number of pages
-var calculateDisplayedPages = exports.calculateDisplayedPages = function calculateDisplayedPages(maxPages, totalPages) {
-  return Math.min(maxPages, totalPages);
-};
+const calculateDisplayedPages = (maxPages, totalPages) => Math.min(maxPages, totalPages);
 
 /**
  * Determines the number of displayed pages to the left
@@ -25,8 +23,9 @@ var calculateDisplayedPages = exports.calculateDisplayedPages = function calcula
  * @param  {Integer} totalPages
  * @return {Integer}
  */
-var calculatePagesToTheLeft = exports.calculatePagesToTheLeft = function calculatePagesToTheLeft(currentPage, displayedPages, totalPages) {
-  var oneSidePages = Math.floor(displayedPages / 2);
+exports.calculateDisplayedPages = calculateDisplayedPages;
+const calculatePagesToTheLeft = (currentPage, displayedPages, totalPages) => {
+  const oneSidePages = Math.floor(displayedPages / 2);
   // if current page is closer to the start
   // pages to the left will be current page minus one -for the current page item itself-
   if (currentPage <= oneSidePages) {
@@ -49,9 +48,8 @@ var calculatePagesToTheLeft = exports.calculatePagesToTheLeft = function calcula
  * @param  {Integer} totalPages
  * @return {Integer}
  */
-var calculatePagesToTheRight = exports.calculatePagesToTheRight = function calculatePagesToTheRight(currentPage, displayedPages, totalPages) {
-  return displayedPages - calculatePagesToTheLeft(currentPage, displayedPages, totalPages) - 1;
-};
+exports.calculatePagesToTheLeft = calculatePagesToTheLeft;
+const calculatePagesToTheRight = (currentPage, displayedPages, totalPages) => displayedPages - calculatePagesToTheLeft(currentPage, displayedPages, totalPages) - 1;
 
 /**
  * Retrieves the correct page range
@@ -60,15 +58,17 @@ var calculatePagesToTheRight = exports.calculatePagesToTheRight = function calcu
  * @param  {Integer} totalPages
  * @return {Integer}
  */
-var getPages = exports.getPages = function getPages(currentPage, maxPages, totalPages) {
-  var displayedPages = calculateDisplayedPages(maxPages, totalPages);
+exports.calculatePagesToTheRight = calculatePagesToTheRight;
+const getPages = (currentPage, maxPages, totalPages) => {
+  const displayedPages = calculateDisplayedPages(maxPages, totalPages);
   // If all pages are allowed, return the entire page range
   if (displayedPages === totalPages) {
     return (0, _lodash.range)(1, totalPages + 1);
   }
-  var pagesToTheLeft = calculatePagesToTheLeft(currentPage, displayedPages, totalPages);
-  var pagesToTheRight = calculatePagesToTheRight(currentPage, displayedPages, totalPages);
-  var first = currentPage - pagesToTheLeft;
-  var last = currentPage + pagesToTheRight;
+  const pagesToTheLeft = calculatePagesToTheLeft(currentPage, displayedPages, totalPages);
+  const pagesToTheRight = calculatePagesToTheRight(currentPage, displayedPages, totalPages);
+  const first = currentPage - pagesToTheLeft;
+  const last = currentPage + pagesToTheRight;
   return (0, _lodash.range)(first, last + 1);
-};
+};
+exports.getPages = getPages;

package/dist/components/Atoms/Picture/Picture.js

@@ -1,70 +1,60 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 require("lazysizes");
 require("lazysizes/plugins/blur-up/ls.blur-up");
-var _excluded = ["images", "image", "alt", "width", "height", "objectFit", "imageLow", "isBackgroundImage"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
 // Transparent pixel png
-var IMAGE_FALLBACK = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
-var Wrapper = _styledComponents.default.div.withConfig({
+const IMAGE_FALLBACK = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+const Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Picture__Wrapper",
   componentId: "sc-1x3z81z-0"
-})(["", ";display:block;width:", ";height:", ";position:relative;", ";"], function (_ref) {
-  var objFitState = _ref.objFitState,
-    nonObjFitImage = _ref.nonObjFitImage;
+})(["", ";display:block;width:", ";height:", ";position:relative;", ";"], _ref => {
+  let {
+    objFitState,
+    nonObjFitImage
+  } = _ref;
   return !objFitState && nonObjFitImage && "background-image: url(".concat(nonObjFitImage, "); background-size: cover; background-position: center;");
-}, function (props) {
-  return props.width ? props.width : '100%';
-}, function (props) {
-  return props.height ? props.height : '100%';
-}, function (_ref2) {
-  var isBackgroundImage = _ref2.isBackgroundImage;
+}, props => props.width ? props.width : '100%', props => props.height ? props.height : '100%', _ref2 => {
+  let {
+    isBackgroundImage
+  } = _ref2;
   return isBackgroundImage && 'position: absolute; bottom: 0px; left: 0px; right: 0px; height: 100%;';
 });
-var Image = _styledComponents.default.img.withConfig({
+const Image = _styledComponents.default.img.withConfig({
   displayName: "Picture__Image",
   componentId: "sc-1x3z81z-1"
-})(["width:", ";height:", ";display:block;object-fit:", ";", ";"], function (props) {
-  return props.width ? props.width : '100%';
-}, function (props) {
-  return props.height ? props.height : 'auto';
-}, function (props) {
-  return props.objectFit === 'none' && 'none' || props.objectFit === 'cover' && 'cover' || props.objectFit === 'contain' && 'contain';
-}, function (_ref3) {
-  var objectFit = _ref3.objectFit,
-    objFitState = _ref3.objFitState;
+})(["width:", ";height:", ";display:block;object-fit:", ";", ";"], props => props.width ? props.width : '100%', props => props.height ? props.height : 'auto', props => props.objectFit === 'none' && 'none' || props.objectFit === 'cover' && 'cover' || props.objectFit === 'contain' && 'contain', _ref3 => {
+  let {
+    objectFit,
+    objFitState
+  } = _ref3;
   return objectFit !== 'none' && !objFitState && 'visibility: hidden;';
 });
 
 /** Responsive Picture */
 
-var Picture = function Picture(_ref4) {
-  var images = _ref4.images,
-    image = _ref4.image,
-    alt = _ref4.alt,
-    width = _ref4.width,
-    height = _ref4.height,
-    objectFit = _ref4.objectFit,
-    imageLow = _ref4.imageLow,
-    isBackgroundImage = _ref4.isBackgroundImage,
-    rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
-  var document = typeof window !== 'undefined' ? window.document : null;
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    objFitState = _useState2[0],
-    setObjFitState = _useState2[1];
-  var nonObjFitImage = null;
-  (0, _react.useEffect)(function () {
+const Picture = _ref4 => {
+  let {
+    images,
+    image,
+    alt,
+    width,
+    height,
+    objectFit,
+    imageLow,
+    isBackgroundImage,
+    ...rest
+  } = _ref4;
+  const document = typeof window !== 'undefined' ? window.document : null;
+  const [objFitState, setObjFitState] = (0, _react.useState)(true);
+  let nonObjFitImage = null;
+  (0, _react.useEffect)(() => {
     // Once document is available, determine if this browser supports object-fit
     if ('objectFit' in document.documentElement.style === false) {
       setObjFitState(false);

package/dist/components/Atoms/Picture/Picture.test.js

@@ -1,21 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 require("jest-styled-components");
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
 var _Picture = _interopRequireDefault(require("./Picture"));
 var _data = require("../../../styleguide/data/data");
-it('renders correctly', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Picture.default, {
+it('renders correctly', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Picture.default, {
     images: _data.defaultData.images,
     image: _data.defaultData.image,
     alt: "Test images"
   })).toJSON();
   expect(tree).toMatchInlineSnapshot("\n    .c0 {\n      display: block;\n      width: 100%;\n      height: auto;\n      position: relative;\n    }\n\n    .c1 {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: none;\n    }\n\n    <div\n      className=\"c0 lazyload\"\n      height=\"auto\"\n      width=\"100%\"\n    >\n      <img\n        alt=\"Test images\"\n        className=\"c1 lazyload\"\n        data-lowsrc={null}\n        data-sizes=\"auto\"\n        data-src=\"http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg\"\n        data-srcset=\"//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w\"\n        height=\"auto\"\n        src=\"http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg\"\n        srcSet=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n        width=\"100%\"\n      />\n    </div>\n  ");
 });
-it('renders correctly with custom props', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Picture.default, {
+it('renders correctly with custom props', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Picture.default, {
     images: _data.defaultData.images,
     image: _data.defaultData.image,
     objectFit: "cover",

package/dist/components/Atoms/RadioButton/RadioButton.js

@@ -1,55 +1,67 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Text = _interopRequireDefault(require("../Text/Text"));
-var _excluded = ["label", "name", "value"];
 /**
  * Input radio component
  */
-var StyledRadioInput = _styledComponents.default.input.withConfig({
+const StyledRadioInput = _styledComponents.default.input.withConfig({
   displayName: "RadioButton__StyledRadioInput",
   componentId: "sc-2c24wq-0"
-})(["background-color:", ";font-size:", ";z-index:1;top:0;margin:5px 10px;width:30px;height:30px;opacity:0;left:0;right:0;flex-shrink:0;+ span{left:2px;border-radius:30px;background-clip:padding-box;position:absolute;top:0px;width:30px;height:30px;border:1px solid ", ";}:checked + span{background-color:", ";border:1px solid ", ";:before{position:absolute;content:'';top:8px;left:0;right:0;background-color:", ";border-radius:30px;width:12px;height:12px;z-index:1;margin:0 auto;opacity:1;}}"], function (_ref) {
-  var color = _ref.color,
-    theme = _ref.theme;
+})(["background-color:", ";font-size:", ";z-index:1;top:0;margin:5px 10px;width:30px;height:30px;opacity:0;left:0;right:0;flex-shrink:0;+ span{left:2px;border-radius:30px;background-clip:padding-box;position:absolute;top:0px;width:30px;height:30px;border:1px solid ", ";}:checked + span{background-color:", ";border:1px solid ", ";:before{position:absolute;content:'';top:8px;left:0;right:0;background-color:", ";border-radius:30px;width:12px;height:12px;z-index:1;margin:0 auto;opacity:1;}}"], _ref => {
+  let {
+    color,
+    theme
+  } = _ref;
   return color ? theme.color(color) : theme.color('white');
-}, function (_ref2) {
-  var theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.fontSize('sm');
-}, function (_ref3) {
-  var theme = _ref3.theme;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.color('grey_for_forms');
-}, function (_ref4) {
-  var theme = _ref4.theme;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.color('purple');
-}, function (_ref5) {
-  var theme = _ref5.theme;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
   return theme.color('purple');
-}, function (_ref6) {
-  var theme = _ref6.theme;
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
   return theme.color('white');
 });
 
 /**
  * Label component
  */
-var Label = _styledComponents.default.label.withConfig({
+const Label = _styledComponents.default.label.withConfig({
   displayName: "RadioButton__Label",
   componentId: "sc-2c24wq-1"
 })(["display:flex;align-items:center;position:relative;"]);
-var RadioButton = /*#__PURE__*/_react.default.forwardRef(function (_ref7, ref) {
-  var label = _ref7.label,
-    name = _ref7.name,
-    value = _ref7.value,
-    rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
+const RadioButton = /*#__PURE__*/_react.default.forwardRef((_ref7, ref) => {
+  let {
+    label,
+    name,
+    value,
+    ...rest
+  } = _ref7;
   return /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: value
   }, /*#__PURE__*/_react.default.createElement(StyledRadioInput, Object.assign({

package/dist/components/Atoms/RadioButton/RadioButton.test.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 require("jest-styled-components");
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
 var _RadioButton = _interopRequireDefault(require("./RadioButton"));
-it('renders correctly', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_RadioButton.default, {
+it('renders correctly', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_RadioButton.default, {
     id: "male",
     name: "gender",
     value: "male",

package/dist/components/Atoms/RichText/RichText.js

@@ -1,24 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Inner = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _excluded = ["align", "markup"];
-var Inner = exports.Inner = _styledComponents.default.div.withConfig({
+const Inner = exports.Inner = _styledComponents.default.div.withConfig({
   displayName: "RichText__Inner",
   componentId: "sc-sqyfgj-0"
-})(["text-align:", ";"], function (props) {
-  return props.align;
-});
-var RichText = function RichText(_ref) {
-  var align = _ref.align,
-    markup = _ref.markup,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+})(["text-align:", ";"], props => props.align);
+const RichText = _ref => {
+  let {
+    align,
+    markup,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(Inner, Object.assign({
     align: align,
     dangerouslySetInnerHTML: {