@onepercentio/one-ui 0.20.4 → 0.21.0

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; }
-var MAX_BALLS = 7;
-var eachBallWidthEm = 1.2;
-var CENTER_GUIDE_BALL = 1;
-var PaginationIndicatorMode = /*#__PURE__*/function (PaginationIndicatorMode) {
+const MAX_BALLS = 7;
+const eachBallWidthEm = 1.2;
+const CENTER_GUIDE_BALL = 1;
+let PaginationIndicatorMode = /*#__PURE__*/function (PaginationIndicatorMode) {
   PaginationIndicatorMode[PaginationIndicatorMode["CENTERED"] = 0] = "CENTERED";
   PaginationIndicatorMode[PaginationIndicatorMode["START"] = 1] = "START";
   return PaginationIndicatorMode;
@@ -31,49 +31,49 @@ var PaginationIndicatorMode = /*#__PURE__*/function (PaginationIndicatorMode) {
  **/
 exports.PaginationIndicatorMode = PaginationIndicatorMode;
 function PaginationIndicatorView(_ref) {
-  var size = _ref.size,
+  let 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;
-  var page = (0, _react.useMemo)(function () {
-    var floor = Math.floor(decimalPages);
-    var modulus = decimalPages % floor;
+  const page = (0, _react.useMemo)(function () {
+    const floor = Math.floor(decimalPages);
+    const modulus = decimalPages % floor;
     if (currentPage > floor) {
-      var currentFloorModulus = currentPage % floor;
-      var equivalent = currentFloorModulus * 100 / modulus;
+      const currentFloorModulus = currentPage % floor;
+      const equivalent = currentFloorModulus * 100 / modulus;
       return floor + equivalent / 100;
     } else {
       return currentPage;
     }
   }, [currentPage, decimalPages]);
-  var rand = (0, _react.useMemo)(function () {
+  const rand = (0, _react.useMemo)(function () {
     return Math.random().toString();
   }, []);
-  var pageIndex = page - 1;
-  var pages = (0, _react.useMemo)(function () {
+  const pageIndex = page - 1;
+  const pages = (0, _react.useMemo)(function () {
     return Math.ceil(decimalPages);
   }, [decimalPages]);
-  var numBalls = (0, _react.useMemo)(function () {
-    var numBalls = pages >= MAX_BALLS ? MAX_BALLS : Math.ceil(pages);
+  const numBalls = (0, _react.useMemo)(function () {
+    const numBalls = pages >= MAX_BALLS ? MAX_BALLS : Math.ceil(pages);
     return numBalls;
   }, [pages]);
-  var indexForTheBallsCenter = (0, _react.useMemo)(function () {
+  const indexForTheBallsCenter = (0, _react.useMemo)(function () {
     return (numBalls - 1) / 2;
   }, [numBalls]);
-  var balls = (0, _react.useMemo)(function () {
-    var indexForLastPages = pages + 1 - indexForTheBallsCenter;
+  const balls = (0, _react.useMemo)(function () {
+    const indexForLastPages = pages + 1 - indexForTheBallsCenter;
     /**
      * Is the page index (position of the center)
      * after the first pages and
      * before the last pages */
-    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 ? {
+    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 ? {
         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;
-    var pushToLeft = 0;
+    let pushToLeft = 0;
     return new Array(CENTER_GUIDE_BALL + numBalls).fill(undefined).map(function (_, i) {
-      var isLastBall = i === numBalls - 1;
-      var isFirstBall = i === 0;
+      const isLastBall = i === numBalls - 1;
+      const isFirstBall = i === 0;
       if (i === numBalls) {
-        var diameter = 0.45 * 2;
-        var padding = (eachBallWidthEm - diameter) / 2;
+        const diameter = 0.45 * 2;
+        const 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")
         });
       }
-      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;
+      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;
       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) {
-            var pageClicked = (!isCenterPage ? pageIndex >= indexForLastPages - 1 ? Math.floor(page) - resetPageIndex - 1 : 0 : Math.floor(page) - (indexForTheBallsCenter + 1)) + 1 + i;
+            const 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]);
-  var _balls$reverse = balls.reverse(),
+  const _balls$reverse = balls.reverse(),
     _balls$reverse2 = _toArray(_balls$reverse),
     guideBall = _balls$reverse2[0],
     pageBalls = _balls$reverse2.slice(1);
-  var width = eachBallWidthEm * Math.min(pages, MAX_BALLS) * 2;
+  let 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) {
-  var scrollableRef = _ref3.scrollableRef,
+  let scrollableRef = _ref3.scrollableRef,
     estimatedWidth = _ref3.estimatedWidth,
     size = _ref3.size,
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className,
     onClickPage = _ref3.onClickPage;
-  var _useState = (0, _react.useState)(1),
+  const _useState = (0, _react.useState)(1),
     _useState2 = _slicedToArray(_useState, 2),
     currentPage = _useState2[0],
     setCurrentPage = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  const _useState3 = (0, _react.useState)(),
     _useState4 = _slicedToArray(_useState3, 2),
     defs = _useState4[0],
     setDefs = _useState4[1];
-  var refreshPages = (0, _react.useCallback)(function () {
+  const refreshPages = (0, _react.useCallback)(function () {
     if (!scrollableRef.current) return;
-    var maxWidth = estimatedWidth === undefined ? scrollableRef.current.scrollWidth : estimatedWidth;
-    var pages = maxWidth / scrollableRef.current.clientWidth;
+    const maxWidth = estimatedWidth === undefined ? scrollableRef.current.scrollWidth : estimatedWidth;
+    const 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]);
-  var updatePageIndicators = (0, _react.useCallback)(function (target, pages) {
+  const updatePageIndicators = (0, _react.useCallback)(function (target, pages) {
     if (!scrollableRef.current) return;
-    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;
+    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;
     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;
-    var el = scrollableRef.current;
-    var onScroll = function onScroll(e) {
+    const el = scrollableRef.current;
+    const 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]);
-  var pages = (0, _react.useMemo)(function () {
+  const 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");
-var _excluded = ["children", "className", "active", "onClick", "reflection", "maxParallax"];
+const _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; }
-var MAXIMUM_PARALLAX = {
+const MAXIMUM_PARALLAX = {
   x: 20,
   y: 20
 };
 function calculateDistanceRelativeToBounds(mousePosition, elementInitialPosition, elementSizeDimension) {
-  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;
+  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;
   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) {
-  var children = _ref.children,
+  let 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);
-  var parallaxableRef = (0, _react.useRef)(null);
-  var reflectionRef = (0, _react.useRef)(null);
-  var multiplierRef = (0, _react.useRef)(1);
-  var initialPositionRef = (0, _react.useRef)();
+  const parallaxableRef = (0, _react.useRef)(null);
+  const reflectionRef = (0, _react.useRef)(null);
+  const multiplierRef = (0, _react.useRef)(1);
+  const initialPositionRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     if (ref) ref.current = parallaxableRef.current;
-    var el = parallaxableRef.current;
+    const 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 () {
-    var el = parallaxableRef.current;
+    const el = parallaxableRef.current;
     if (active) {
-      var updatePositions = function updatePositions(relativeToX, relativeToY) {
-        var rect = el.getBoundingClientRect();
-        var _width$height = {
+      const updatePositions = function updatePositions(relativeToX, relativeToY) {
+        const rect = el.getBoundingClientRect();
+        const _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];
-        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));
+        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));
         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));
         }
       };
-      var handler = (0, _lodash.throttle)(function (_ref2) {
-        var x = _ref2.x,
+      const handler = (0, _lodash.throttle)(function (_ref2) {
+        let x = _ref2.x,
           y = _ref2.y;
         updatePositions(x, y);
       }, 1000 / 30);
-      var touchHandler = (0, _lodash.throttle)(function (_ref3) {
-        var touches = _ref3.touches;
-        var _touches$ = touches[0],
+      const touchHandler = (0, _lodash.throttle)(function (_ref3) {
+        let touches = _ref3.touches;
+        const _touches$ = touches[0],
           pageX = _touches$.pageX,
           pageY = _touches$.pageY;
         updatePositions(pageX, pageY);
       }, 1000 / 30);
-      var mouseDownHandler = function mouseDownHandler() {
+      const mouseDownHandler = function mouseDownHandler() {
         multiplierRef.current = 1.5;
       };
-      var mouseUpHandler = function mouseUpHandler() {
+      const mouseUpHandler = function mouseUpHandler() {
         multiplierRef.current = 1;
       };
       window.addEventListener("mousemove", handler);
       window.addEventListener("touchmove", touchHandler);
-      var _inverseMatrix;
-      var _limits = {
+      let _inverseMatrix;
+      const _limits = {
         beta: undefined,
         gamma: undefined
       };
-      var orientationListener = function orientationListener(_ref4) {
-        var beta = _ref4.beta,
+      const orientationListener = function orientationListener(_ref4) {
+        let beta = _ref4.beta,
           gamma = _ref4.gamma;
         beta = beta * 0.5;
         gamma = gamma * 0.5;
         if (!_inverseMatrix) {
           window.removeEventListener("mousemove", handler);
           window.removeEventListener("touchmove", touchHandler);
-          var offset = 12.5;
+          const offset = 12.5;
           _limits.beta = [beta - offset, beta + offset];
           _limits.gamma = [gamma - offset, gamma + offset];
         }
-        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));
+        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));
         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,17 +24,16 @@ function IDENTITY_MATRIX() {
   [0, 0, 0, 1]];
 }
 function generateMatrixFromOperations() {
-  var resultingMatrix = undefined;
+  let resultingMatrix = undefined;
   for (var _len = arguments.length, operations = new Array(_len), _key = 0; _key < _len; _key++) {
     operations[_key] = arguments[_key];
   }
-  for (var _i = 0, _operations = operations; _i < _operations.length; _i++) {
-    var operation = _operations[_i];
-    var matrix = operation.type === "matrix" ? operation.matrix : IDENTITY_MATRIX();
+  for (let operation of operations) {
+    const matrix = operation.type === "matrix" ? operation.matrix : IDENTITY_MATRIX();
     switch (operation.type) {
       case "perspective":
-        var f = Math.tan(Math.PI * 0.5 - 0.5 * operation.fieldOfViewInRadians);
-        var rangeInv = 1.0 / (operation.near - operation.far);
+        const f = Math.tan(Math.PI * 0.5 - 0.5 * operation.fieldOfViewInRadians);
+        const 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;
@@ -50,9 +49,9 @@ function generateMatrixFromOperations() {
       case "rotateX":
       case "rotateY":
       case "rotateZ":
-        var angleToRadians = operation.angle * Math.PI / 180;
-        var sinAngle = Math.sin(angleToRadians);
-        var cosAngle = Math.cos(angleToRadians);
+        const angleToRadians = operation.angle * Math.PI / 180;
+        const sinAngle = Math.sin(angleToRadians);
+        const cosAngle = Math.cos(angleToRadians);
         switch (operation.type) {
           case "rotateZ":
             matrix[0][0] = cosAngle;
@@ -89,14 +88,14 @@ function generateMatrixFromOperations() {
   return resultingMatrix || IDENTITY_MATRIX();
 }
 function multiplyMatrixes(matrix1, matrix2) {
-  var resultingMatrix = [];
+  const 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 (var i0 in matrix1) {
-    for (var i in matrix2[0]) {
-      var dimensionResult = 0;
-      for (var i2 in matrix1[0]) {
+  for (let i0 in matrix1) {
+    for (let i in matrix2[0]) {
+      let dimensionResult = 0;
+      for (let i2 in matrix1[0]) {
         dimensionResult += matrix1[i0][i2] * matrix2[i2][i];
       }
       if (!resultingMatrix[i0]) resultingMatrix[i0] = [];
@@ -106,9 +105,9 @@ function multiplyMatrixes(matrix1, matrix2) {
   return resultingMatrix;
 }
 function invertMatrix(matrix) {
-  var m = flattenMatrix(matrix);
-  var det = 0;
-  var inv = [];
+  const m = flattenMatrix(matrix);
+  let det = 0;
+  const 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];
@@ -129,7 +128,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) {
-    var row = Math.floor(i / 4);
+    const row = Math.floor(i / 4);
     if (!r[row]) r[row] = [];
     r[row][i % 4] = val * det;
     return r;

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -37,7 +37,7 @@ declare const _default: React.ForwardRefExoticComponent<(({
     Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
-} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "value" | "ref" | "onChange">) & React.RefAttributes<{
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "ref" | "onChange" | "value">) & React.RefAttributes<{
     validatePassword: (pass: string) => boolean;
 }>>;
 export default _default;

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; }
-var BASE_VALIDATION = [{
+const BASE_VALIDATION = [{
   code: "size",
   validate: function validate(pass) {
     return pass.length >= 8;
   }
 }];
-var RULES = [{
+const RULES = [{
   code: "duplication",
   validate: function validate(pass) {
-    for (var i = 0; i < pass.length; i++) {
-      var charCode = pass.charCodeAt(i);
-      var firstNext = pass.charCodeAt(i + 1) || 0,
+    for (let i = 0; i < pass.length; i++) {
+      const charCode = pass.charCodeAt(i);
+      const 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 @@ var RULES = [{
  * A Input based wrapper to handle inputing of password
  **/
 function PasswordInput(props, ref) {
-  var _useState = (0, _react.useState)(false),
+  const _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isPasswordVisibile = _useState2[0],
     setIPV = _useState2[1];
-  var _useOneUIConfig = (0, _OneUIProvider.useOneUIConfig)("component.passwordInput.iconSrc"),
+  const _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) {
-    var password = e.target.value;
+    const 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); }
-var HOW_MUCH_PIXELS_TO_SCROLL_PER_SECOND = 50;
-var RIGHT_TEXT_MULTIPLIER = 5;
+const HOW_MUCH_PIXELS_TO_SCROLL_PER_SECOND = 50;
+const RIGHT_TEXT_MULTIPLIER = 5;
 
 /**
  * A component that keeps an overflow piece of text visible by continously scrolling it back and forward
  **/
 function PingPongText(_ref) {
-  var props = _extends({}, _ref);
-  var textRef = (0, _react.useRef)(null);
-  var _useMouseHover = (0, _useMouseHover2.default)(),
+  let props = _extends({}, _ref);
+  const textRef = (0, _react.useRef)(null);
+  const _useMouseHover = (0, _useMouseHover2.default)(),
     uiEvents = _useMouseHover.uiEvents,
     hovering = _useMouseHover.hovering;
   (0, _react.useEffect)(function () {
     if (!hovering) {
-      var scrollingInterval;
-      var scrollStartTimeout;
+      let scrollingInterval;
+      let scrollStartTimeout;
       scrollStartTimeout = setTimeout(function () {
-        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;
+        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;
         if (overflowWidth > viewWidth) {
-          var scrollText = function scrollText() {
-            var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "r";
+          let scrollText = function scrollText() {
+            let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "r";
             return setInterval(function () {
-              var reachedEnd = direction === "r" ? textEl.scrollLeft >= overflowWidth - viewWidth : textEl.scrollLeft === 0;
+              const reachedEnd = direction === "r" ? textEl.scrollLeft >= overflowWidth - viewWidth : textEl.scrollLeft === 0;
               if (reachedEnd) {
                 clearInterval(scrollingInterval);
                 scrollStartTimeout = setTimeout(function () {