@uncinc/uncinc-react-kitchen-sink 2.3.6 → 2.4.1

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

@@ -1,17 +1,23 @@
-import React from 'react';
-import c from 'classnames';
-import './style.scss';
-const QuickLayoutWrap = ({
-  children,
-  min,
-  stretched,
-  className
-}) => {
-  const classes = c('QuickLayoutWrap', className && className);
-  return /*#__PURE__*/React.createElement("div", {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./style.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var QuickLayoutWrap = function QuickLayoutWrap(_ref) {
+  var children = _ref.children,
+    min = _ref.min,
+    stretched = _ref.stretched,
+    className = _ref.className;
+  var classes = (0, _classnames.default)('QuickLayoutWrap', className && className);
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classes
-  }, children.map(child => {
-    return /*#__PURE__*/React.createElement("div", {
+  }, children.map(function (child) {
+    return /*#__PURE__*/_react.default.createElement("div", {
       style: {
         flexGrow: stretched ? 1 : 0,
         flexShrink: 1,
@@ -24,4 +30,5 @@ QuickLayoutWrap.defaultProps = {
   min: '2.5rem',
   stretched: true
 };
-export default QuickLayoutWrap;
+var _default = QuickLayoutWrap;
+exports.default = _default;

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

@@ -1,16 +1,25 @@
-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';
-const QuickLayout = ({
-  type,
-  children,
-  ...props
-}) => {
+"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; }
+var QuickLayout = function QuickLayout(_ref) {
+  var type = _ref.type,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   switch (type) {
     /**
      * @description This component centers the children horizontally and vertically within the component.
@@ -18,7 +27,7 @@ const QuickLayout = ({
      */
     case 'center':
       {
-        return /*#__PURE__*/React.createElement(QuickLayoutCentered, null, children);
+        return /*#__PURE__*/_react.default.createElement(_Center.default, null, children);
       }
 
     /**
@@ -32,7 +41,7 @@ const QuickLayout = ({
      */
     case 'wrap':
       {
-        return /*#__PURE__*/React.createElement(QuickLayoutWrap, props, children);
+        return /*#__PURE__*/_react.default.createElement(_Wrap.default, props, children);
       }
 
     /**
@@ -46,7 +55,7 @@ const QuickLayout = ({
      */
     case 'sidebar':
       {
-        return /*#__PURE__*/React.createElement(QuickLayoutSidebar, props, children);
+        return /*#__PURE__*/_react.default.createElement(_Sidebar.default, props, children);
       }
 
     /**
@@ -59,7 +68,7 @@ const QuickLayout = ({
      */
     case 'stack':
       {
-        return /*#__PURE__*/React.createElement(QuickLayoutStack, props, children);
+        return /*#__PURE__*/_react.default.createElement(_Stack.default, props, children);
       }
 
     /**
@@ -70,7 +79,7 @@ const QuickLayout = ({
      */
     case 'auto':
       {
-        return /*#__PURE__*/React.createElement(QuickLayoutAuto, props, children);
+        return /*#__PURE__*/_react.default.createElement(_Auto.default, props, children);
       }
 
     /**
@@ -85,7 +94,7 @@ const QuickLayout = ({
      */
     case 'spaceBetween':
       {
-        return /*#__PURE__*/React.createElement(QuickLayoutSpaceBetween, props, children);
+        return /*#__PURE__*/_react.default.createElement(_SpaceBetween.default, props, children);
       }
 
     /**
@@ -97,7 +106,7 @@ const QuickLayout = ({
      */
     case 'clamp':
       {
-        return /*#__PURE__*/React.createElement(QuickLayoutClamp, props, children);
+        return /*#__PURE__*/_react.default.createElement(_Clamp.default, props, children);
       }
     default:
       {
@@ -108,4 +117,5 @@ const QuickLayout = ({
 QuickLayout.defaultProps = {
   type: ''
 };
-export default QuickLayout;
+var _default = QuickLayout;
+exports.default = _default;

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

@@ -1,72 +1,104 @@
-import React from 'react';
-import QuickLayout from './';
-export default {
+"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 = {
   title: 'Templates/QuickLayout'
 };
-export const Center = () => /*#__PURE__*/React.createElement(QuickLayout, {
-  type: "center"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "box turqoise"
-}, "Wow, i'm centered!"));
-export const Wrap = () => /*#__PURE__*/React.createElement(QuickLayout, {
-  type: "wrap",
-  min: "150px",
-  stretched: true
-}, /*#__PURE__*/React.createElement("div", {
-  className: "box box__full-height sunflower"
-}, "1"), /*#__PURE__*/React.createElement("div", {
-  className: "box box__full-height midnightblue"
-}, "2"), /*#__PURE__*/React.createElement("div", {
-  className: "box box__full-height belizehole"
-}, "3"));
-export const Sidebar = () => /*#__PURE__*/React.createElement(QuickLayout, {
-  type: "sidebar"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "box box__full-height amethyst"
-}, "Sidebar"), /*#__PURE__*/React.createElement("div", {
-  className: "box box__full-height sunflower"
-}, "Body"));
-export const Stack = () => /*#__PURE__*/React.createElement(QuickLayout, {
-  type: "stack"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "box  box__full-height turqoise"
-}, "Navigation!"), /*#__PURE__*/React.createElement("div", {
-  className: "box  box__full-height pomegranate"
-}, "Body!"), /*#__PURE__*/React.createElement("div", {
-  className: "box  box__full-height belizehole"
-}, "Footer!"));
-export const Auto = () => /*#__PURE__*/React.createElement(QuickLayout, {
-  type: "auto",
-  gap: "1rem ",
-  min: "150px"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "box turqoise"
-}, "1"), /*#__PURE__*/React.createElement("div", {
-  className: "box pomegranate"
-}, "2"), /*#__PURE__*/React.createElement("div", {
-  className: "box turqoise"
-}, "3"), /*#__PURE__*/React.createElement("div", {
-  className: "box belizehole"
-}, "4"), /*#__PURE__*/React.createElement("div", {
-  className: "box amethyst"
-}, "5"));
-export const SpaceBetween = () => /*#__PURE__*/React.createElement(QuickLayout, {
-  type: "spaceBetween",
-  gap: "1rem",
-  items: "3"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "box sunflower"
-}, "Box 1"), /*#__PURE__*/React.createElement("div", {
-  className: "box midnightblue"
-}, "Box 2"), /*#__PURE__*/React.createElement("div", {
-  className: "box belizehole"
-}, "Box 3"));
-export const Clamp = () => /*#__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.");
-export const AspectRatio = () => /*#__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.createElement("div", null));
+exports.default = _default;
+var Center = function Center() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    type: "center"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "box turqoise"
+  }, "Wow, i'm centered!"));
+};
+exports.Center = Center;
+var Wrap = function Wrap() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    type: "wrap",
+    min: "150px",
+    stretched: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "box box__full-height sunflower"
+  }, "1"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box box__full-height midnightblue"
+  }, "2"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box box__full-height belizehole"
+  }, "3"));
+};
+exports.Wrap = Wrap;
+var Sidebar = function Sidebar() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    type: "sidebar"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "box box__full-height amethyst"
+  }, "Sidebar"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box box__full-height sunflower"
+  }, "Body"));
+};
+exports.Sidebar = Sidebar;
+var Stack = function Stack() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    type: "stack"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "box  box__full-height turqoise"
+  }, "Navigation!"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box  box__full-height pomegranate"
+  }, "Body!"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box  box__full-height belizehole"
+  }, "Footer!"));
+};
+exports.Stack = Stack;
+var Auto = function Auto() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    type: "auto",
+    gap: "1rem ",
+    min: "150px"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "box turqoise"
+  }, "1"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box pomegranate"
+  }, "2"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box turqoise"
+  }, "3"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box belizehole"
+  }, "4"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box amethyst"
+  }, "5"));
+};
+exports.Auto = Auto;
+var SpaceBetween = function SpaceBetween() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    type: "spaceBetween",
+    gap: "1rem",
+    items: "3"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "box sunflower"
+  }, "Box 1"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box midnightblue"
+  }, "Box 2"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box belizehole"
+  }, "Box 3"));
+};
+exports.SpaceBetween = SpaceBetween;
+var Clamp = function Clamp() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    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", {
+    href: "https://caniuse.com/mdn-css_properties_aspect-ratio"
+  }, "soon...")), /*#__PURE__*/_react.default.createElement("div", null));
+};
+exports.AspectRatio = AspectRatio;

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

@@ -1,47 +1,53 @@
-import React, { useEffect, useCallback, useRef } from 'react';
-import c from 'classnames';
-import lottie from 'lottie-web';
-import './style.scss';
-const LottieAnimation = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    id,
-    className,
-    ariaLabel,
-    data
-  } = props;
-  const DIRECTION_FORWARD = 1;
-  const DIRECTION_BACKWARDS = -1;
-  const lottieClasses = c('Lottie', className);
-  const refInternal = useRef(null);
-  const lottieAnimation = ref || refInternal;
-  const lottieId = id || (data ? data.nm : null);
+"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) {
+  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 lottieAnimation = ref || refInternal;
+  var lottieId = id || (data ? data.nm : null);
 
   /*
-   * Initial load of the Lottie animation
-   */
-  const loadAnimation = useCallback(() => {
-    const {
-      renderer,
-      rendererSettings,
-      direction,
-      loop,
-      autoPlay,
-      path,
-      speed,
-      segments,
-      activateOnHover,
-      startPosition,
-      onInit
-    } = props;
-    lottieAnimation.current = lottie.loadAnimation({
+  * Initial load of the Lottie animation
+  */
+  var loadAnimation = (0, _react.useCallback)(function () {
+    var renderer = props.renderer,
+      rendererSettings = props.rendererSettings,
+      direction = props.direction,
+      loop = props.loop,
+      autoPlay = props.autoPlay,
+      path = props.path,
+      speed = props.speed,
+      segments = props.segments,
+      activateOnHover = props.activateOnHover,
+      startPosition = props.startPosition,
+      onInit = props.onInit;
+    lottieAnimation.current = _lottieWeb.default.loadAnimation({
       animationData: data,
-      container: document.getElementById(`lottie--${lottieId}`),
+      container: document.getElementById("lottie--".concat(lottieId)),
       renderer: renderer,
-      rendererSettings,
+      rendererSettings: rendererSettings,
       direction: direction,
       loop: activateOnHover ? false : loop,
       autoplay: activateOnHover ? false : autoPlay,
-      path
+      path: path
     });
     onInit(lottieAnimation.current);
 
@@ -53,18 +59,16 @@ const LottieAnimation = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
     // If startPosition is defined use it as a starting frame, startPosition should be between 0 and 1.
     if (startPosition) {
-      const startingFrame = Math.round(lottieAnimation.current.totalFrames * startPosition);
+      var startingFrame = Math.round(lottieAnimation.current.totalFrames * startPosition);
       lottieAnimation.current.goToAndStop(startingFrame, true);
     }
   }, [data, lottieAnimation, lottieId, props]);
 
   /*
-   * Reverse direction on Mouse enter.
-   */
-  const onMouseEnter = e => {
-    const {
-      activateOnHover
-    } = props;
+  * Reverse direction on Mouse enter.
+  */
+  var onMouseEnter = function onMouseEnter(e) {
+    var activateOnHover = props.activateOnHover;
     if (activateOnHover) {
       lottieAnimation.current.setDirection(DIRECTION_FORWARD);
       lottieAnimation.current.play();
@@ -72,12 +76,10 @@ const LottieAnimation = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
 
   /*
-   * Reverse direction on Mouse leave
-   */
-  const onMouseLeave = () => {
-    const {
-      activateOnHover
-    } = props;
+  * Reverse direction on Mouse leave
+  */
+  var onMouseLeave = function onMouseLeave() {
+    var activateOnHover = props.activateOnHover;
     if (activateOnHover) {
       lottieAnimation.current.setDirection(DIRECTION_BACKWARDS);
       lottieAnimation.current.play();
@@ -85,12 +87,10 @@ const LottieAnimation = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
 
   /*
-   * Toggle the animation on click
-   */
-  const onClick = () => {
-    const {
-      pauseOnClick
-    } = props;
+  * Toggle the animation on click
+  */
+  var onClick = function onClick() {
+    var pauseOnClick = props.pauseOnClick;
     if (pauseOnClick) {
       if (lottieAnimation.current.isPaused) {
         lottieAnimation.current.play();
@@ -101,24 +101,27 @@ const LottieAnimation = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
 
   // Init the Lottie animation.
-  useEffect(() => {
-    const {
-      onDestroy
-    } = props;
+  (0, _react.useEffect)(function () {
+    var onDestroy = props.onDestroy;
     loadAnimation();
-    return () => {
+    return function () {
       onDestroy(lottieAnimation.current);
       lottieAnimation.current.destroy();
     };
   }, [props, loadAnimation, lottieAnimation]);
-  return /*#__PURE__*/React.createElement("div", {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: onClick,
-    className: lottieClasses,
-    id: `lottie--${lottieId}`,
-    "aria-label": ariaLabel,
-    role: "button"
-  });
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/interactive-supports-focus
+    _react.default.createElement("div", {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onClick: onClick,
+      className: lottieClasses,
+      id: "lottie--".concat(lottieId),
+      "aria-label": ariaLabel,
+      role: "button"
+    })
+  );
 });
-export default LottieAnimation;
+var _default = LottieAnimation;
+exports.default = _default;

package/dist/components/Lottie/LottieAnimationWithMousePosition.js

@@ -1,41 +1,54 @@
+"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); }
-import React, { useRef } from 'react';
-import Lottie from './';
-import Ola from "ola";
-const LottieAnimationWithMousePosition = ({
-  olaTime,
-  ...props
-}) => {
+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; }
+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.
-  const ref = useRef(null);
+  var ref = (0, _react.useRef)(null);
 
   // Create an Ola instance for frame interpolation.
-  const interpolatedFrame = Ola(0, olaTime);
+  var interpolatedFrame = (0, _ola.default)(0, olaTime);
 
   /*
-   * Follow mouse position for animation on Mouse move.
-   */
-  const onMouseMove = e => {
+  * Follow mouse position for animation on Mouse move.
+  */
+  var onMouseMove = function onMouseMove(e) {
     if (ref && ref.current) {
       // Determine the mouse position relative to the current Lottie.
-      const clientRect = ref.current.wrapper.getBoundingClientRect();
-      const mousePositionRelative = e.type === 'touchmove' ? (e.touches[0].clientX - clientRect.left) / clientRect.width : (e.clientX - clientRect.left) / clientRect.width;
-      const lottiePosition = Math.max(0, Math.min(1, mousePositionRelative));
+      var clientRect = ref.current.wrapper.getBoundingClientRect();
+      var mousePositionRelative = e.type === 'touchmove' ? (e.touches[0].clientX - clientRect.left) / clientRect.width : (e.clientX - clientRect.left) / clientRect.width;
+      var lottiePosition = Math.max(0, Math.min(1, mousePositionRelative));
 
       // Round the frame, clamp it, and pass it to Ola for frame interpolation.
-      const rawFrame = Math.round(ref.current.totalFrames * lottiePosition);
-      const frame = Math.min(ref.current.totalFrames - 1, Math.max(1, rawFrame));
+      var rawFrame = Math.round(ref.current.totalFrames * lottiePosition);
+      var frame = Math.min(ref.current.totalFrames - 1, Math.max(1, rawFrame));
       interpolatedFrame.set(frame);
 
       // Go to the frame we just calculated using the Ola value.
       ref.current.goToAndStop(interpolatedFrame.value, true);
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     onMouseMove: onMouseMove,
     onTouchMove: onMouseMove
-  }, /*#__PURE__*/React.createElement(Lottie, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_.default, _extends({
     ref: ref
   }, props)));
 };
-export default LottieAnimationWithMousePosition;
+var _default = LottieAnimationWithMousePosition;
+exports.default = _default;