@onepercentio/one-ui 0.20.3 → 0.20.4

package/dist/components/PaginationIndicator/PaginationIndicator.js

@@ -11,17 +11,17 @@ var _react = _interopRequireWildcard(require("react"));
 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 _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 _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 _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const MAX_BALLS = 7;
-const eachBallWidthEm = 1.2;
-const CENTER_GUIDE_BALL = 1;
-let PaginationIndicatorMode = /*#__PURE__*/function (PaginationIndicatorMode) {
+var MAX_BALLS = 7;
+var eachBallWidthEm = 1.2;
+var CENTER_GUIDE_BALL = 1;
+var PaginationIndicatorMode = /*#__PURE__*/function (PaginationIndicatorMode) {
   PaginationIndicatorMode[PaginationIndicatorMode["CENTERED"] = 0] = "CENTERED";
   PaginationIndicatorMode[PaginationIndicatorMode["START"] = 1] = "START";
   return PaginationIndicatorMode;
@@ -31,49 +31,49 @@ let PaginationIndicatorMode = /*#__PURE__*/function (PaginationIndicatorMode) {
  **/
 exports.PaginationIndicatorMode = PaginationIndicatorMode;
 function PaginationIndicatorView(_ref) {
-  let size = _ref.size,
+  var size = _ref.size,
     currentPage = _ref.page,
     decimalPages = _ref.pages,
     className = _ref.className,
     onClickPage = _ref.onClickPage,
     _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? PaginationIndicatorMode.CENTERED : _ref$mode;
-  const page = (0, _react.useMemo)(function () {
-    const floor = Math.floor(decimalPages);
-    const modulus = decimalPages % floor;
+  var page = (0, _react.useMemo)(function () {
+    var floor = Math.floor(decimalPages);
+    var modulus = decimalPages % floor;
     if (currentPage > floor) {
-      const currentFloorModulus = currentPage % floor;
-      const equivalent = currentFloorModulus * 100 / modulus;
+      var currentFloorModulus = currentPage % floor;
+      var equivalent = currentFloorModulus * 100 / modulus;
       return floor + equivalent / 100;
     } else {
       return currentPage;
     }
   }, [currentPage, decimalPages]);
-  const rand = (0, _react.useMemo)(function () {
+  var rand = (0, _react.useMemo)(function () {
     return Math.random().toString();
   }, []);
-  const pageIndex = page - 1;
-  const pages = (0, _react.useMemo)(function () {
+  var pageIndex = page - 1;
+  var pages = (0, _react.useMemo)(function () {
     return Math.ceil(decimalPages);
   }, [decimalPages]);
-  const numBalls = (0, _react.useMemo)(function () {
-    const numBalls = pages >= MAX_BALLS ? MAX_BALLS : Math.ceil(pages);
+  var numBalls = (0, _react.useMemo)(function () {
+    var numBalls = pages >= MAX_BALLS ? MAX_BALLS : Math.ceil(pages);
     return numBalls;
   }, [pages]);
-  const indexForTheBallsCenter = (0, _react.useMemo)(function () {
+  var indexForTheBallsCenter = (0, _react.useMemo)(function () {
     return (numBalls - 1) / 2;
   }, [numBalls]);
-  const balls = (0, _react.useMemo)(function () {
-    const indexForLastPages = pages + 1 - indexForTheBallsCenter;
+  var balls = (0, _react.useMemo)(function () {
+    var indexForLastPages = pages + 1 - indexForTheBallsCenter;
     /**
      * Is the page index (position of the center)
      * after the first pages and
      * before the last pages */
-    const isCenterPage = numBalls >= MAX_BALLS && pageIndex > indexForTheBallsCenter && pageIndex < indexForLastPages - 1;
-    let modulus = pageIndex % (1 + (indexForTheBallsCenter - Math.floor(indexForTheBallsCenter)));
-    const resetPageIndex = isCenterPage ? indexForTheBallsCenter + modulus : pages < MAX_BALLS ? pageIndex : pageIndex >= indexForLastPages - 1 ? numBalls - (pages - pageIndex) : pageIndex;
-    const left = eachBallWidthEm * resetPageIndex;
-    const _ref2 = mode === PaginationIndicatorMode.CENTERED ? {
+    var isCenterPage = numBalls >= MAX_BALLS && pageIndex > indexForTheBallsCenter && pageIndex < indexForLastPages - 1;
+    var modulus = pageIndex % (1 + (indexForTheBallsCenter - Math.floor(indexForTheBallsCenter)));
+    var resetPageIndex = isCenterPage ? indexForTheBallsCenter + modulus : pages < MAX_BALLS ? pageIndex : pageIndex >= indexForLastPages - 1 ? numBalls - (pages - pageIndex) : pageIndex;
+    var left = eachBallWidthEm * resetPageIndex;
+    var _ref2 = mode === PaginationIndicatorMode.CENTERED ? {
         pushBallsToRightBy: Math.min(pages, MAX_BALLS) * eachBallWidthEm,
         pushBallsToLeftBy: left,
         pushGuideToRightBy: 0
@@ -85,13 +85,13 @@ function PaginationIndicatorView(_ref) {
       pushBallsToRightBy = _ref2.pushBallsToRightBy,
       pushBallsToLeftBy = _ref2.pushBallsToLeftBy,
       pushGuideToRightBy = _ref2.pushGuideToRightBy;
-    let pushToLeft = 0;
+    var pushToLeft = 0;
     return new Array(CENTER_GUIDE_BALL + numBalls).fill(undefined).map(function (_, i) {
-      const isLastBall = i === numBalls - 1;
-      const isFirstBall = i === 0;
+      var isLastBall = i === numBalls - 1;
+      var isFirstBall = i === 0;
       if (i === numBalls) {
-        const diameter = 0.45 * 2;
-        const padding = (eachBallWidthEm - diameter) / 2;
+        var diameter = 0.45 * 2;
+        var padding = (eachBallWidthEm - diameter) / 2;
         return /*#__PURE__*/_react.default.createElement("rect", {
           fill: "#fff",
           width: "".concat(diameter, "em"),
@@ -101,7 +101,7 @@ function PaginationIndicatorView(_ref) {
           rx: "".concat(diameter / 2, "em")
         });
       }
-      const ballSize = numBalls < MAX_BALLS ? 0.5 : page <= indexForTheBallsCenter + 1 && isLastBall ? 0 : pageIndex >= indexForLastPages - 1 && isFirstBall ? 0 : isCenterPage ? isFirstBall ? 0.5 - modulus * 0.5 : isLastBall ? modulus * 0.5 : 0.5 : 0.5;
+      var ballSize = numBalls < MAX_BALLS ? 0.5 : page <= indexForTheBallsCenter + 1 && isLastBall ? 0 : pageIndex >= indexForLastPages - 1 && isFirstBall ? 0 : isCenterPage ? isFirstBall ? 0.5 - modulus * 0.5 : isLastBall ? modulus * 0.5 : 0.5 : 0.5;
       if (i === 0 && mode === PaginationIndicatorMode.START) pushToLeft = (0.5 - ballSize) * 2.4;
       return /*#__PURE__*/_react.default.createElement("rect", {
         key: "guide-".concat(i),
@@ -112,18 +112,18 @@ function PaginationIndicatorView(_ref) {
         rx: "".concat(ballSize * 1.2 / 2, "em"),
         onClick: function onClick() {
           if (onClickPage) {
-            const pageClicked = (!isCenterPage ? pageIndex >= indexForLastPages - 1 ? Math.floor(page) - resetPageIndex - 1 : 0 : Math.floor(page) - (indexForTheBallsCenter + 1)) + 1 + i;
+            var pageClicked = (!isCenterPage ? pageIndex >= indexForLastPages - 1 ? Math.floor(page) - resetPageIndex - 1 : 0 : Math.floor(page) - (indexForTheBallsCenter + 1)) + 1 + i;
             onClickPage(Math.round(pageClicked));
           }
         }
       });
     });
   }, [indexForTheBallsCenter, pageIndex, pages]);
-  const _balls$reverse = balls.reverse(),
+  var _balls$reverse = balls.reverse(),
     _balls$reverse2 = _toArray(_balls$reverse),
     guideBall = _balls$reverse2[0],
     pageBalls = _balls$reverse2.slice(1);
-  let width = eachBallWidthEm * Math.min(pages, MAX_BALLS) * 2;
+  var width = eachBallWidthEm * Math.min(pages, MAX_BALLS) * 2;
   if (mode === PaginationIndicatorMode.START) width /= 2;
   return /*#__PURE__*/_react.default.createElement("svg", {
     version: "1.1",
@@ -172,24 +172,24 @@ function PaginationIndicatorView(_ref) {
   }, pageBalls));
 }
 function _PaginationIndicator(_ref3, ref) {
-  let scrollableRef = _ref3.scrollableRef,
+  var scrollableRef = _ref3.scrollableRef,
     estimatedWidth = _ref3.estimatedWidth,
     size = _ref3.size,
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className,
     onClickPage = _ref3.onClickPage;
-  const _useState = (0, _react.useState)(1),
+  var _useState = (0, _react.useState)(1),
     _useState2 = _slicedToArray(_useState, 2),
     currentPage = _useState2[0],
     setCurrentPage = _useState2[1];
-  const _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)(),
     _useState4 = _slicedToArray(_useState3, 2),
     defs = _useState4[0],
     setDefs = _useState4[1];
-  const refreshPages = (0, _react.useCallback)(function () {
+  var refreshPages = (0, _react.useCallback)(function () {
     if (!scrollableRef.current) return;
-    const maxWidth = estimatedWidth === undefined ? scrollableRef.current.scrollWidth : estimatedWidth;
-    const pages = maxWidth / scrollableRef.current.clientWidth;
+    var maxWidth = estimatedWidth === undefined ? scrollableRef.current.scrollWidth : estimatedWidth;
+    var pages = maxWidth / scrollableRef.current.clientWidth;
     if (pages > 1) setDefs({
       pages: pages
     });
@@ -197,14 +197,14 @@ function _PaginationIndicator(_ref3, ref) {
   (0, _react.useEffect)(function () {
     return refreshPages();
   }, [refreshPages]);
-  const updatePageIndicators = (0, _react.useCallback)(function (target, pages) {
+  var updatePageIndicators = (0, _react.useCallback)(function (target, pages) {
     if (!scrollableRef.current) return;
-    const eachPageWidth = scrollableRef.current.clientWidth;
-    const page = 1 + target.scrollLeft / eachPageWidth;
-    const lastPageProgress = Math.floor(pages) + 1;
-    const maximumProgress = pages + 1;
-    const diffToMax = maximumProgress - lastPageProgress;
-    const currentProgressOnDiff = page - lastPageProgress;
+    var eachPageWidth = scrollableRef.current.clientWidth;
+    var page = 1 + target.scrollLeft / eachPageWidth;
+    var lastPageProgress = Math.floor(pages) + 1;
+    var maximumProgress = pages + 1;
+    var diffToMax = maximumProgress - lastPageProgress;
+    var currentProgressOnDiff = page - lastPageProgress;
     if (page > lastPageProgress) setCurrentPage(lastPageProgress + currentProgressOnDiff / diffToMax);else setCurrentPage(page);
   }, []);
   (0, _react.useImperativeHandle)(ref, function () {
@@ -214,8 +214,8 @@ function _PaginationIndicator(_ref3, ref) {
   }, []);
   (0, _react.useEffect)(function () {
     if (!defs) return;
-    const el = scrollableRef.current;
-    const onScroll = function onScroll(e) {
+    var el = scrollableRef.current;
+    var onScroll = function onScroll(e) {
       return updatePageIndicators(e.currentTarget, defs.pages);
     };
     updatePageIndicators(el, defs.pages);
@@ -226,7 +226,7 @@ function _PaginationIndicator(_ref3, ref) {
       el.removeEventListener("scroll", onScroll);
     };
   }, [defs]);
-  const pages = (0, _react.useMemo)(function () {
+  var pages = (0, _react.useMemo)(function () {
     return defs ? defs.pages : undefined;
   }, [defs]);
   return !pages ? null : /*#__PURE__*/_react.default.createElement(PaginationIndicatorView, {

package/dist/components/Parallax/Parallax.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _ParallaxModule = _interopRequireDefault(require("./Parallax.module.scss"));
 var _lodash = require("lodash");
 var _helpers = require("./math/helpers");
-const _excluded = ["children", "className", "active", "onClick", "reflection", "maxParallax"];
+var _excluded = ["children", "className", "active", "onClick", "reflection", "maxParallax"];
 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; }
@@ -19,21 +19,21 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 _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; }
 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; }
-const MAXIMUM_PARALLAX = {
+var MAXIMUM_PARALLAX = {
   x: 20,
   y: 20
 };
 function calculateDistanceRelativeToBounds(mousePosition, elementInitialPosition, elementSizeDimension) {
-  const normalizeInitialPosition = mousePosition - elementInitialPosition;
-  const doNotAllowGoingBeyondLowerLimit = Math.max(normalizeInitialPosition, 0);
-  const doNotAllowHoingBeyondHigherLimit = Math.min(doNotAllowGoingBeyondLowerLimit, elementSizeDimension);
-  const threeRule = doNotAllowHoingBeyondHigherLimit * 100 / elementSizeDimension;
-  const result = Math.round(threeRule) / 100;
+  var normalizeInitialPosition = mousePosition - elementInitialPosition;
+  var doNotAllowGoingBeyondLowerLimit = Math.max(normalizeInitialPosition, 0);
+  var doNotAllowHoingBeyondHigherLimit = Math.min(doNotAllowGoingBeyondLowerLimit, elementSizeDimension);
+  var threeRule = doNotAllowHoingBeyondHigherLimit * 100 / elementSizeDimension;
+  var result = Math.round(threeRule) / 100;
   return result;
 }
 function givenTheRelativePositionHowMuchToRotate(relativePosition, maxRotation) {
@@ -43,7 +43,7 @@ function givenTheRelativePositionHowMuchToRotate(relativePosition, maxRotation)
  * It holds a children and animates it according to mouse position
  **/
 function Parallax(_ref, ref) {
-  let children = _ref.children,
+  var children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     active = _ref.active,
@@ -52,13 +52,13 @@ function Parallax(_ref, ref) {
     _ref$maxParallax = _ref.maxParallax,
     maxParallax = _ref$maxParallax === void 0 ? MAXIMUM_PARALLAX : _ref$maxParallax,
     props = _objectWithoutProperties(_ref, _excluded);
-  const parallaxableRef = (0, _react.useRef)(null);
-  const reflectionRef = (0, _react.useRef)(null);
-  const multiplierRef = (0, _react.useRef)(1);
-  const initialPositionRef = (0, _react.useRef)();
+  var parallaxableRef = (0, _react.useRef)(null);
+  var reflectionRef = (0, _react.useRef)(null);
+  var multiplierRef = (0, _react.useRef)(1);
+  var initialPositionRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     if (ref) ref.current = parallaxableRef.current;
-    const el = parallaxableRef.current;
+    var el = parallaxableRef.current;
     if (active && !initialPositionRef.current) {
       initialPositionRef.current = getComputedStyle(el).transform;
       if (initialPositionRef.current === "none") initialPositionRef.current = "";
@@ -67,11 +67,11 @@ function Parallax(_ref, ref) {
     // eslint-disable-next-line
   }, [active]);
   (0, _react.useEffect)(function () {
-    const el = parallaxableRef.current;
+    var el = parallaxableRef.current;
     if (active) {
-      const updatePositions = function updatePositions(relativeToX, relativeToY) {
-        const rect = el.getBoundingClientRect();
-        const _width$height = {
+      var updatePositions = function updatePositions(relativeToX, relativeToY) {
+        var rect = el.getBoundingClientRect();
+        var _width$height = {
             width: [rect.left, el.clientWidth],
             height: [rect.top, el.clientHeight]
           },
@@ -81,12 +81,12 @@ function Parallax(_ref, ref) {
           _width$height$height = _slicedToArray(_width$height.height, 2),
           y0 = _width$height$height[0],
           yH = _width$height$height[1];
-        const distanceOffRight = calculateDistanceRelativeToBounds(relativeToX, x0, xW);
-        const distanceOffBottom = calculateDistanceRelativeToBounds(relativeToY, y0, yH);
-        const howMuchToRotateY = givenTheRelativePositionHowMuchToRotate(distanceOffRight, maxParallax.y) * multiplierRef.current;
-        const howMuchToRotateX = givenTheRelativePositionHowMuchToRotate(distanceOffBottom, maxParallax.x) * multiplierRef.current;
-        const howMuchToOpacify = Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5);
-        const howMuchToOpacifyHorizontal = Math.max(Math.abs(Math.abs(distanceOffRight - 0.5) / 0.5), Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5));
+        var distanceOffRight = calculateDistanceRelativeToBounds(relativeToX, x0, xW);
+        var distanceOffBottom = calculateDistanceRelativeToBounds(relativeToY, y0, yH);
+        var howMuchToRotateY = givenTheRelativePositionHowMuchToRotate(distanceOffRight, maxParallax.y) * multiplierRef.current;
+        var howMuchToRotateX = givenTheRelativePositionHowMuchToRotate(distanceOffBottom, maxParallax.x) * multiplierRef.current;
+        var howMuchToOpacify = Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5);
+        var howMuchToOpacifyHorizontal = Math.max(Math.abs(Math.abs(distanceOffRight - 0.5) / 0.5), Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5));
         el.style.transform = "".concat(initialPositionRef.current, " rotateY(").concat(howMuchToRotateY, "deg) rotateX(").concat(-howMuchToRotateX, "deg) translateZ(").concat(multiplierRef.current === 1 ? 0 : -30, "px)");
         if (reflectionRef.current) {
           reflectionRef.current.style.left = "".concat((1 - distanceOffRight) * 100, "%");
@@ -94,45 +94,45 @@ function Parallax(_ref, ref) {
           reflectionRef.current.style.opacity = "".concat(Math.min(howMuchToOpacify, howMuchToOpacifyHorizontal));
         }
       };
-      const handler = (0, _lodash.throttle)(function (_ref2) {
-        let x = _ref2.x,
+      var handler = (0, _lodash.throttle)(function (_ref2) {
+        var x = _ref2.x,
           y = _ref2.y;
         updatePositions(x, y);
       }, 1000 / 30);
-      const touchHandler = (0, _lodash.throttle)(function (_ref3) {
-        let touches = _ref3.touches;
-        const _touches$ = touches[0],
+      var touchHandler = (0, _lodash.throttle)(function (_ref3) {
+        var touches = _ref3.touches;
+        var _touches$ = touches[0],
           pageX = _touches$.pageX,
           pageY = _touches$.pageY;
         updatePositions(pageX, pageY);
       }, 1000 / 30);
-      const mouseDownHandler = function mouseDownHandler() {
+      var mouseDownHandler = function mouseDownHandler() {
         multiplierRef.current = 1.5;
       };
-      const mouseUpHandler = function mouseUpHandler() {
+      var mouseUpHandler = function mouseUpHandler() {
         multiplierRef.current = 1;
       };
       window.addEventListener("mousemove", handler);
       window.addEventListener("touchmove", touchHandler);
-      let _inverseMatrix;
-      const _limits = {
+      var _inverseMatrix;
+      var _limits = {
         beta: undefined,
         gamma: undefined
       };
-      const orientationListener = function orientationListener(_ref4) {
-        let beta = _ref4.beta,
+      var orientationListener = function orientationListener(_ref4) {
+        var beta = _ref4.beta,
           gamma = _ref4.gamma;
         beta = beta * 0.5;
         gamma = gamma * 0.5;
         if (!_inverseMatrix) {
           window.removeEventListener("mousemove", handler);
           window.removeEventListener("touchmove", touchHandler);
-          const offset = 12.5;
+          var offset = 12.5;
           _limits.beta = [beta - offset, beta + offset];
           _limits.gamma = [gamma - offset, gamma + offset];
         }
-        const _beta = Math.min(_limits.beta[1], Math.max(_limits.beta[0], beta));
-        const _gamma = Math.min(_limits.gamma[1], Math.max(_limits.gamma[0], gamma));
+        var _beta = Math.min(_limits.beta[1], Math.max(_limits.beta[0], beta));
+        var _gamma = Math.min(_limits.gamma[1], Math.max(_limits.gamma[0], gamma));
         if (!_inverseMatrix) {
           _inverseMatrix = (0, _helpers.flattenMatrix)((0, _helpers.invertMatrix)((0, _helpers.generateMatrixFromOperations)({
             type: "rotateY",

package/dist/components/Parallax/math/helpers.js

@@ -13,7 +13,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 _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 IDENTITY_MATRIX() {
   return [[1, 0, 0, 0],
   // cos, -sin, ?
@@ -24,16 +24,17 @@ function IDENTITY_MATRIX() {
   [0, 0, 0, 1]];
 }
 function generateMatrixFromOperations() {
-  let resultingMatrix = undefined;
+  var resultingMatrix = undefined;
   for (var _len = arguments.length, operations = new Array(_len), _key = 0; _key < _len; _key++) {
     operations[_key] = arguments[_key];
   }
-  for (let operation of operations) {
-    const matrix = operation.type === "matrix" ? operation.matrix : IDENTITY_MATRIX();
+  for (var _i = 0, _operations = operations; _i < _operations.length; _i++) {
+    var operation = _operations[_i];
+    var matrix = operation.type === "matrix" ? operation.matrix : IDENTITY_MATRIX();
     switch (operation.type) {
       case "perspective":
-        const f = Math.tan(Math.PI * 0.5 - 0.5 * operation.fieldOfViewInRadians);
-        const rangeInv = 1.0 / (operation.near - operation.far);
+        var f = Math.tan(Math.PI * 0.5 - 0.5 * operation.fieldOfViewInRadians);
+        var rangeInv = 1.0 / (operation.near - operation.far);
         matrix[0][0] = f / operation.aspect;
         matrix[1][1] = f;
         matrix[2][2] = (operation.near + operation.far) * rangeInv;
@@ -49,9 +50,9 @@ function generateMatrixFromOperations() {
       case "rotateX":
       case "rotateY":
       case "rotateZ":
-        const angleToRadians = operation.angle * Math.PI / 180;
-        const sinAngle = Math.sin(angleToRadians);
-        const cosAngle = Math.cos(angleToRadians);
+        var angleToRadians = operation.angle * Math.PI / 180;
+        var sinAngle = Math.sin(angleToRadians);
+        var cosAngle = Math.cos(angleToRadians);
         switch (operation.type) {
           case "rotateZ":
             matrix[0][0] = cosAngle;
@@ -88,14 +89,14 @@ function generateMatrixFromOperations() {
   return resultingMatrix || IDENTITY_MATRIX();
 }
 function multiplyMatrixes(matrix1, matrix2) {
-  const resultingMatrix = [];
+  var resultingMatrix = [];
   if (process.env.NODE_ENV === "development" && matrix2.length !== matrix1[0].length) {
     throw new Error("For the multiplication of matrixes to work you need to provide the matrix1 containing the amount of columns as the same amount of rows from matrix 2.\nYou provided ".concat(matrix1[0].length, " columns and ").concat(matrix2.length, " rows"));
   }
-  for (let i0 in matrix1) {
-    for (let i in matrix2[0]) {
-      let dimensionResult = 0;
-      for (let i2 in matrix1[0]) {
+  for (var i0 in matrix1) {
+    for (var i in matrix2[0]) {
+      var dimensionResult = 0;
+      for (var i2 in matrix1[0]) {
         dimensionResult += matrix1[i0][i2] * matrix2[i2][i];
       }
       if (!resultingMatrix[i0]) resultingMatrix[i0] = [];
@@ -105,9 +106,9 @@ function multiplyMatrixes(matrix1, matrix2) {
   return resultingMatrix;
 }
 function invertMatrix(matrix) {
-  const m = flattenMatrix(matrix);
-  let det = 0;
-  const inv = [];
+  var m = flattenMatrix(matrix);
+  var det = 0;
+  var inv = [];
   inv[0] = m[5] * m[10] * m[15] - m[5] * m[11] * m[14] - m[9] * m[6] * m[15] + m[9] * m[7] * m[14] + m[13] * m[6] * m[11] - m[13] * m[7] * m[10];
   inv[4] = -m[4] * m[10] * m[15] + m[4] * m[11] * m[14] + m[8] * m[6] * m[15] - m[8] * m[7] * m[14] - m[12] * m[6] * m[11] + m[12] * m[7] * m[10];
   inv[8] = m[4] * m[9] * m[15] - m[4] * m[11] * m[13] - m[8] * m[5] * m[15] + m[8] * m[7] * m[13] + m[12] * m[5] * m[11] - m[12] * m[7] * m[9];
@@ -128,7 +129,7 @@ function invertMatrix(matrix) {
   if (det === 0) throw new Error("Determinator is equal to 0. This matrix cannot be inverted");
   det = 1.0 / det;
   return inv.reduce(function (r, val, i) {
-    const row = Math.floor(i / 4);
+    var row = Math.floor(i / 4);
     if (!r[row]) r[row] = [];
     r[row][i % 4] = val * det;
     return r;

package/dist/components/PasswordInput/PasswordInput.js

@@ -16,21 +16,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 _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; }
-const BASE_VALIDATION = [{
+var BASE_VALIDATION = [{
   code: "size",
   validate: function validate(pass) {
     return pass.length >= 8;
   }
 }];
-const RULES = [{
+var RULES = [{
   code: "duplication",
   validate: function validate(pass) {
-    for (let i = 0; i < pass.length; i++) {
-      const charCode = pass.charCodeAt(i);
-      const firstNext = pass.charCodeAt(i + 1) || 0,
+    for (var i = 0; i < pass.length; i++) {
+      var charCode = pass.charCodeAt(i);
+      var firstNext = pass.charCodeAt(i + 1) || 0,
         secondNext = pass.charCodeAt(i + 2) || 0;
       if (firstNext - charCode === 1 && secondNext - firstNext === 1) {
         return false;
@@ -44,11 +44,11 @@ const RULES = [{
  * A Input based wrapper to handle inputing of password
  **/
 function PasswordInput(props, ref) {
-  const _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isPasswordVisibile = _useState2[0],
     setIPV = _useState2[1];
-  const _useOneUIConfig = (0, _OneUIProvider.useOneUIConfig)("component.passwordInput.iconSrc"),
+  var _useOneUIConfig = (0, _OneUIProvider.useOneUIConfig)("component.passwordInput.iconSrc"),
     passwordHidden = _useOneUIConfig.passwordHidden,
     passwordVisible = _useOneUIConfig.passwordVisible;
   function _validatePassword(password) {
@@ -73,7 +73,7 @@ function PasswordInput(props, ref) {
     };
   });
   function _onChange(e) {
-    const password = e.target.value;
+    var password = e.target.value;
     switch (props.mode) {
       case "comparision":
       case "creation":

package/dist/components/PingPongText/PingPongText.js

@@ -13,33 +13,33 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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); }
-const HOW_MUCH_PIXELS_TO_SCROLL_PER_SECOND = 50;
-const RIGHT_TEXT_MULTIPLIER = 5;
+var HOW_MUCH_PIXELS_TO_SCROLL_PER_SECOND = 50;
+var RIGHT_TEXT_MULTIPLIER = 5;
 
 /**
  * A component that keeps an overflow piece of text visible by continously scrolling it back and forward
  **/
 function PingPongText(_ref) {
-  let props = _extends({}, _ref);
-  const textRef = (0, _react.useRef)(null);
-  const _useMouseHover = (0, _useMouseHover2.default)(),
+  var props = _extends({}, _ref);
+  var textRef = (0, _react.useRef)(null);
+  var _useMouseHover = (0, _useMouseHover2.default)(),
     uiEvents = _useMouseHover.uiEvents,
     hovering = _useMouseHover.hovering;
   (0, _react.useEffect)(function () {
     if (!hovering) {
-      let scrollingInterval;
-      let scrollStartTimeout;
+      var scrollingInterval;
+      var scrollStartTimeout;
       scrollStartTimeout = setTimeout(function () {
-        const textEl = textRef.current;
-        const overflowWidth = textEl.scrollWidth;
-        const viewWidth = textEl.clientWidth;
-        const secondsPerFrame = 1000 / 60;
-        const howMuchToMove = secondsPerFrame * HOW_MUCH_PIXELS_TO_SCROLL_PER_SECOND / 1000;
+        var textEl = textRef.current;
+        var overflowWidth = textEl.scrollWidth;
+        var viewWidth = textEl.clientWidth;
+        var secondsPerFrame = 1000 / 60;
+        var howMuchToMove = secondsPerFrame * HOW_MUCH_PIXELS_TO_SCROLL_PER_SECOND / 1000;
         if (overflowWidth > viewWidth) {
-          let scrollText = function scrollText() {
-            let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "r";
+          var scrollText = function scrollText() {
+            var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "r";
             return setInterval(function () {
-              const reachedEnd = direction === "r" ? textEl.scrollLeft >= overflowWidth - viewWidth : textEl.scrollLeft === 0;
+              var reachedEnd = direction === "r" ? textEl.scrollLeft >= overflowWidth - viewWidth : textEl.scrollLeft === 0;
               if (reachedEnd) {
                 clearInterval(scrollingInterval);
                 scrollStartTimeout = setTimeout(function () {