@uncinc/uncinc-react-kitchen-sink 2.5.3 → 2.5.4-1-treeshaking

package/dist/components/Layout/QuickLayout/index.js

@@ -1,21 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Center = _interopRequireDefault(require("./Center"));
-var _Wrap = _interopRequireDefault(require("./Wrap"));
-var _Sidebar = _interopRequireDefault(require("./Sidebar"));
-var _Stack = _interopRequireDefault(require("./Stack"));
-var _Auto = _interopRequireDefault(require("./Auto"));
-var _SpaceBetween = _interopRequireDefault(require("./SpaceBetween"));
-var _Clamp = _interopRequireDefault(require("./Clamp"));
 var _excluded = ["type", "children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import QuickLayoutCentered from './Center';
+import QuickLayoutWrap from './Wrap';
+import QuickLayoutSidebar from './Sidebar';
+import QuickLayoutStack from './Stack';
+import QuickLayoutAuto from './Auto';
+import QuickLayoutSpaceBetween from './SpaceBetween';
+import QuickLayoutClamp from './Clamp';
 var QuickLayout = function QuickLayout(_ref) {
   var type = _ref.type,
     children = _ref.children,
@@ -27,7 +20,7 @@ var QuickLayout = function QuickLayout(_ref) {
      */
     case 'center':
       {
-        return /*#__PURE__*/_react.default.createElement(_Center.default, null, children);
+        return /*#__PURE__*/React.createElement(QuickLayoutCentered, null, children);
       }
 
     /**
@@ -41,7 +34,7 @@ var QuickLayout = function QuickLayout(_ref) {
      */
     case 'wrap':
       {
-        return /*#__PURE__*/_react.default.createElement(_Wrap.default, props, children);
+        return /*#__PURE__*/React.createElement(QuickLayoutWrap, props, children);
       }
 
     /**
@@ -55,7 +48,7 @@ var QuickLayout = function QuickLayout(_ref) {
      */
     case 'sidebar':
       {
-        return /*#__PURE__*/_react.default.createElement(_Sidebar.default, props, children);
+        return /*#__PURE__*/React.createElement(QuickLayoutSidebar, props, children);
       }
 
     /**
@@ -68,7 +61,7 @@ var QuickLayout = function QuickLayout(_ref) {
      */
     case 'stack':
       {
-        return /*#__PURE__*/_react.default.createElement(_Stack.default, props, children);
+        return /*#__PURE__*/React.createElement(QuickLayoutStack, props, children);
       }
 
     /**
@@ -79,7 +72,7 @@ var QuickLayout = function QuickLayout(_ref) {
      */
     case 'auto':
       {
-        return /*#__PURE__*/_react.default.createElement(_Auto.default, props, children);
+        return /*#__PURE__*/React.createElement(QuickLayoutAuto, props, children);
       }
 
     /**
@@ -94,7 +87,7 @@ var QuickLayout = function QuickLayout(_ref) {
      */
     case 'spaceBetween':
       {
-        return /*#__PURE__*/_react.default.createElement(_SpaceBetween.default, props, children);
+        return /*#__PURE__*/React.createElement(QuickLayoutSpaceBetween, props, children);
       }
 
     /**
@@ -106,7 +99,7 @@ var QuickLayout = function QuickLayout(_ref) {
      */
     case 'clamp':
       {
-        return /*#__PURE__*/_react.default.createElement(_Clamp.default, props, children);
+        return /*#__PURE__*/React.createElement(QuickLayoutClamp, props, children);
       }
     default:
       {
@@ -117,5 +110,4 @@ var QuickLayout = function QuickLayout(_ref) {
 QuickLayout.defaultProps = {
   type: ''
 };
-var _default = QuickLayout;
-exports.default = _default;
+export default QuickLayout;

package/dist/components/Layout/QuickLayout/stories.js

@@ -1,104 +1,88 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Wrap = exports.Stack = exports.SpaceBetween = exports.Sidebar = exports.Clamp = exports.Center = exports.Auto = exports.AspectRatio = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+import React from 'react';
+import QuickLayout from '.';
+export default {
   title: 'Templates/QuickLayout'
 };
-exports.default = _default;
-var Center = function Center() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var Center = function Center() {
+  return /*#__PURE__*/React.createElement(QuickLayout, {
     type: "center"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "box turqoise"
   }, "Wow, i'm centered!"));
 };
-exports.Center = Center;
-var Wrap = function Wrap() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var Wrap = function Wrap() {
+  return /*#__PURE__*/React.createElement(QuickLayout, {
     type: "wrap",
     min: "150px",
     stretched: true
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "box box__full-height sunflower"
-  }, "1"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "1"), /*#__PURE__*/React.createElement("div", {
     className: "box box__full-height midnightblue"
-  }, "2"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "2"), /*#__PURE__*/React.createElement("div", {
     className: "box box__full-height belizehole"
   }, "3"));
 };
-exports.Wrap = Wrap;
-var Sidebar = function Sidebar() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var Sidebar = function Sidebar() {
+  return /*#__PURE__*/React.createElement(QuickLayout, {
     type: "sidebar"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "box box__full-height amethyst"
-  }, "Sidebar"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Sidebar"), /*#__PURE__*/React.createElement("div", {
     className: "box box__full-height sunflower"
   }, "Body"));
 };
-exports.Sidebar = Sidebar;
-var Stack = function Stack() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var Stack = function Stack() {
+  return /*#__PURE__*/React.createElement(QuickLayout, {
     type: "stack"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "box  box__full-height turqoise"
-  }, "Navigation!"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Navigation!"), /*#__PURE__*/React.createElement("div", {
     className: "box  box__full-height pomegranate"
-  }, "Body!"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Body!"), /*#__PURE__*/React.createElement("div", {
     className: "box  box__full-height belizehole"
   }, "Footer!"));
 };
-exports.Stack = Stack;
-var Auto = function Auto() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var Auto = function Auto() {
+  return /*#__PURE__*/React.createElement(QuickLayout, {
     type: "auto",
     gap: "1rem ",
     min: "150px"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "box turqoise"
-  }, "1"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "1"), /*#__PURE__*/React.createElement("div", {
     className: "box pomegranate"
-  }, "2"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "2"), /*#__PURE__*/React.createElement("div", {
     className: "box turqoise"
-  }, "3"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "3"), /*#__PURE__*/React.createElement("div", {
     className: "box belizehole"
-  }, "4"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "4"), /*#__PURE__*/React.createElement("div", {
     className: "box amethyst"
   }, "5"));
 };
-exports.Auto = Auto;
-var SpaceBetween = function SpaceBetween() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var SpaceBetween = function SpaceBetween() {
+  return /*#__PURE__*/React.createElement(QuickLayout, {
     type: "spaceBetween",
     gap: "1rem",
     items: "3"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "box sunflower"
-  }, "Box 1"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Box 1"), /*#__PURE__*/React.createElement("div", {
     className: "box midnightblue"
-  }, "Box 2"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Box 2"), /*#__PURE__*/React.createElement("div", {
     className: "box belizehole"
   }, "Box 3"));
 };
-exports.SpaceBetween = SpaceBetween;
-var Clamp = function Clamp() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var Clamp = function Clamp() {
+  return /*#__PURE__*/React.createElement(QuickLayout, {
     type: "clamp",
     min: "2rem",
     value: "2.5vw",
     max: "20rem"
   }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent urna lectus, condimentum eu neque ut, hendrerit scelerisque lorem. Aenean vehicula eleifend porta. Suspendisse viverra fermentum urna quis rhoncus. Nam lacinia risus vel purus vestibulum semper. Curabitur rutrum nisl consequat dui pretium, vel dapibus libero venenatis. Praesent non imperdiet ipsum. Suspendisse non enim mattis, blandit nunc et, suscipit magna. Duis eu blandit elit. Fusce rhoncus, augue ut pretium accumsan, quam dolor laoreet nisl, eu faucibus mi massa vulputate enim.");
 };
-exports.Clamp = Clamp;
-var AspectRatio = function AspectRatio() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "Coming ", /*#__PURE__*/_react.default.createElement("a", {
+export var AspectRatio = function AspectRatio() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "Coming ", /*#__PURE__*/React.createElement("a", {
     href: "https://caniuse.com/mdn-css_properties_aspect-ratio"
-  }, "soon...")), /*#__PURE__*/_react.default.createElement("div", null));
-};
-exports.AspectRatio = AspectRatio;
+  }, "soon...")), /*#__PURE__*/React.createElement("div", null));
+};

package/dist/components/Lottie/LottieAnimation/index.js

@@ -1,33 +1,23 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lottieWeb = _interopRequireDefault(require("lottie-web"));
-require("./style.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+import React, { useEffect, useCallback, useRef } from 'react';
+import c from 'classnames';
+import lottie from 'lottie-web';
+import './style.scss';
+var LottieAnimation = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
     className = props.className,
     ariaLabel = props.ariaLabel,
     data = props.data;
   var DIRECTION_FORWARD = 1;
   var DIRECTION_BACKWARDS = -1;
-  var lottieClasses = (0, _classnames.default)('Lottie', className);
-  var refInternal = (0, _react.useRef)(null);
+  var lottieClasses = c('Lottie', className);
+  var refInternal = useRef(null);
   var lottieAnimation = ref || refInternal;
   var lottieId = id || (data ? data.nm : null);
 
   /*
   * Initial load of the Lottie animation
   */
-  var loadAnimation = (0, _react.useCallback)(function () {
+  var loadAnimation = useCallback(function () {
     var renderer = props.renderer,
       rendererSettings = props.rendererSettings,
       direction = props.direction,
@@ -39,7 +29,7 @@ var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, re
       activateOnHover = props.activateOnHover,
       startPosition = props.startPosition,
       onInit = props.onInit;
-    lottieAnimation.current = _lottieWeb.default.loadAnimation({
+    lottieAnimation.current = lottie.loadAnimation({
       animationData: data,
       container: document.getElementById("lottie--".concat(lottieId)),
       renderer: renderer,
@@ -101,7 +91,7 @@ var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, re
   };
 
   // Init the Lottie animation.
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var onDestroy = props.onDestroy;
     loadAnimation();
     return function () {
@@ -112,7 +102,7 @@ var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, re
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-    _react.default.createElement("div", {
+    React.createElement("div", {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       onClick: onClick,
@@ -123,5 +113,4 @@ var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, re
     })
   );
 });
-var _default = LottieAnimation;
-exports.default = _default;
+export default LottieAnimation;

package/dist/components/Lottie/LottieAnimationWithMousePosition.js

@@ -1,28 +1,18 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ola = _interopRequireDefault(require("ola"));
-var _ = _interopRequireDefault(require("."));
 var _excluded = ["olaTime"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useRef } from 'react';
+import Ola from 'ola';
+import Lottie from '.';
 var LottieAnimationWithMousePosition = function LottieAnimationWithMousePosition(_ref) {
   var olaTime = _ref.olaTime,
     props = _objectWithoutProperties(_ref, _excluded);
   // Create our own ref that we pass to the component so that we can use lottie functions.
-  var ref = (0, _react.useRef)(null);
+  var ref = useRef(null);
 
   // Create an Ola instance for frame interpolation.
-  var interpolatedFrame = (0, _ola.default)(0, olaTime);
+  var interpolatedFrame = Ola(0, olaTime);
 
   /*
   * Follow mouse position for animation on Mouse move.
@@ -43,12 +33,11 @@ var LottieAnimationWithMousePosition = function LottieAnimationWithMousePosition
       ref.current.goToAndStop(interpolatedFrame.value, true);
     }
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     onMouseMove: onMouseMove,
     onTouchMove: onMouseMove
-  }, /*#__PURE__*/_react.default.createElement(_.default, _extends({
+  }, /*#__PURE__*/React.createElement(Lottie, _extends({
     ref: ref
   }, props)));
 };
-var _default = LottieAnimationWithMousePosition;
-exports.default = _default;
+export default LottieAnimationWithMousePosition;

package/dist/components/Lottie/index.js

@@ -1,57 +1,46 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _component = _interopRequireDefault(require("@loadable/component"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
+
 // Lazy-load Lottie animations with a delay.
-var Lottie = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+var Lottie = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var delay = props.delay;
-  var LottieAnimation = (0, _component.default)(function () {
+  var LottieAnimation = loadable(function () {
     return new Promise(function (resolve) {
       setTimeout(function () {
-        return resolve(Promise.resolve().then(function () {
-          return _interopRequireWildcard(require('./LottieAnimation'));
-        }));
+        return resolve(import('./LottieAnimation'));
       }, delay);
     });
   });
-  return /*#__PURE__*/_react.default.createElement(LottieAnimation, _extends({
+  return /*#__PURE__*/React.createElement(LottieAnimation, _extends({
     ref: ref
   }, props));
 });
 Lottie.propTypes = {
-  id: _propTypes.default.string,
-  className: _propTypes.default.string,
-  renderer: _propTypes.default.string,
-  rendererSettings: _propTypes.default.shape({
-    preserveAspectRatio: _propTypes.default.string
+  id: PropTypes.string,
+  className: PropTypes.string,
+  renderer: PropTypes.string,
+  rendererSettings: PropTypes.shape({
+    preserveAspectRatio: PropTypes.string
   }),
-  data: _propTypes.default.object,
-  path: _propTypes.default.string,
-  segments: _propTypes.default.array,
+  data: PropTypes.object,
+  path: PropTypes.string,
+  segments: PropTypes.array,
   // Events
-  onInit: _propTypes.default.func,
-  onDestroy: _propTypes.default.func,
+  onInit: PropTypes.func,
+  onDestroy: PropTypes.func,
   // Options
-  delay: _propTypes.default.number,
-  autoPlay: _propTypes.default.bool,
-  loop: _propTypes.default.bool,
-  speed: _propTypes.default.number,
-  direction: _propTypes.default.number,
-  activateOnHover: _propTypes.default.bool,
-  pauseOnClick: _propTypes.default.bool,
-  olaTime: _propTypes.default.number,
-  startPosition: _propTypes.default.number,
-  ariaLabel: _propTypes.default.string
+  delay: PropTypes.number,
+  autoPlay: PropTypes.bool,
+  loop: PropTypes.bool,
+  speed: PropTypes.number,
+  direction: PropTypes.number,
+  activateOnHover: PropTypes.bool,
+  pauseOnClick: PropTypes.bool,
+  olaTime: PropTypes.number,
+  startPosition: PropTypes.number,
+  ariaLabel: PropTypes.string
 };
 Lottie.defaultProps = {
   id: null,
@@ -78,5 +67,4 @@ Lottie.defaultProps = {
   olaTime: 300,
   startPosition: null
 };
-var _default = Lottie;
-exports.default = _default;
+export default Lottie;

package/dist/components/Lottie/stories.js

@@ -1,25 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.playAnimationOnMousePosition = exports.pauseOnClickAnimation = exports.default = exports.activateOnHoverAnimation = exports.PathLoad = exports.DefaultAnimation = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _LottieAnimationWithMousePosition = _interopRequireDefault(require("./LottieAnimationWithMousePosition"));
-var _example = _interopRequireDefault(require("../../assets/lottie/example.json"));
-var _data = _interopRequireDefault(require("../../assets/lottie/data.json"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var _default = {
+import React from 'react';
+import Lottie from '.';
+import LottieAnimationWithMousePosition from './LottieAnimationWithMousePosition';
+import exampleLottie from '../../assets/lottie/example.json';
+import exampleLottieEspero from '../../assets/lottie/data.json';
+export default {
   title: 'Atoms/Lottie',
-  component: _.default
-}; // Default animation
-exports.default = _default;
-var DefaultAnimation = function DefaultAnimation(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+  component: Lottie
+};
+
+// Default animation
+export var DefaultAnimation = function DefaultAnimation(args) {
+  return /*#__PURE__*/React.createElement(Lottie, _extends({
     id: "example",
-    data: _example.default,
+    data: exampleLottie,
     onInit: function onInit(lottie) {
       return console.log(lottie);
     }
@@ -27,40 +21,35 @@ var DefaultAnimation = function DefaultAnimation(args) {
 };
 
 // Animation active on hover
-exports.DefaultAnimation = DefaultAnimation;
-var activateOnHoverAnimation = function activateOnHoverAnimation(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    data: _example.default,
+export var activateOnHoverAnimation = function activateOnHoverAnimation(args) {
+  return /*#__PURE__*/React.createElement(Lottie, _extends({
+    data: exampleLottie,
     activateOnHover: true
   }, args));
 };
 
 // Animation plays on mouse position
-exports.activateOnHoverAnimation = activateOnHoverAnimation;
-var playAnimationOnMousePosition = function playAnimationOnMousePosition(args) {
-  return /*#__PURE__*/_react.default.createElement(_LottieAnimationWithMousePosition.default, _extends({
+export var playAnimationOnMousePosition = function playAnimationOnMousePosition(args) {
+  return /*#__PURE__*/React.createElement(LottieAnimationWithMousePosition, _extends({
     loop: false,
     autoplay: false,
-    data: _data.default,
+    data: exampleLottieEspero,
     olaTime: 100,
     startPosition: 0.5
   }, args));
 };
 
 // Pause animation on click
-exports.playAnimationOnMousePosition = playAnimationOnMousePosition;
-var pauseOnClickAnimation = function pauseOnClickAnimation(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    data: _example.default,
+export var pauseOnClickAnimation = function pauseOnClickAnimation(args) {
+  return /*#__PURE__*/React.createElement(Lottie, _extends({
+    data: exampleLottie,
     pauseOnClick: true
   }, args));
 };
 
 // Via path load
-exports.pauseOnClickAnimation = pauseOnClickAnimation;
-var PathLoad = function PathLoad(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+export var PathLoad = function PathLoad(args) {
+  return /*#__PURE__*/React.createElement(Lottie, _extends({
     path: "https://maxst.icons8.com/vue-static/landings/animated-icons/icons/checkmark-ok/checkmark-ok.json"
   }, args));
-};
-exports.PathLoad = PathLoad;
+};

package/dist/components/MagicLine/index.js

@@ -1,33 +1,23 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useRef, useState, useEffect } from 'react';
+import c from 'classnames';
 var MagicLine = function MagicLine(_ref) {
   var _ref$activeClassName = _ref.activeClassName,
     activeClassName = _ref$activeClassName === void 0 ? 'Menu__item--active' : _ref$activeClassName,
     children = _ref.children;
-  var magicLineParentRef = (0, _react.useRef)(null);
-  var magicLineRef = (0, _react.useRef)(null);
-  var currentActiveItem = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(false),
+  var magicLineParentRef = useRef(null);
+  var magicLineRef = useRef(null);
+  var currentActiveItem = useRef(null);
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     loaded = _useState2[0],
     setLoaded = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     activeItemInNavigation = _useState4[0],
     _setActiveItemInNavigation = _useState4[1];
@@ -36,7 +26,7 @@ var MagicLine = function MagicLine(_ref) {
       _setActiveItemInNavigation(value);
     }
   };
-  var MagicLineRefClasses = (0, _classnames.default)('MagicLine__magic_line', {
+  var MagicLineRefClasses = c('MagicLine__magic_line', {
     'MagicLine__magic_line--visible': activeItemInNavigation && loaded
   });
   var alignMagicLine = function alignMagicLine() {
@@ -60,7 +50,7 @@ var MagicLine = function MagicLine(_ref) {
     }
     alignMagicLine();
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var initialize = function initialize() {
       setInitialMagicLine();
     };
@@ -75,13 +65,12 @@ var MagicLine = function MagicLine(_ref) {
       window.removeEventListener('resize', handleResize);
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: magicLineParentRef,
     className: "MagicLine"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: magicLineRef,
     className: MagicLineRefClasses
   }), children(setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation));
 };
-var _default = MagicLine;
-exports.default = _default;
+export default MagicLine;