@onepercentio/one-ui 0.20.4 → 0.21.0

package/dist/components/Text/Text.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _OneUIProvider = require("../../context/OneUIProvider");
 var _TextModule = _interopRequireDefault(require("./Text.module.scss"));
-var _excluded = ["type", "children", "className"];
+const _excluded = ["type", "children", "className"];
 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; }
@@ -20,14 +20,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * A component to hold all text variantions
  **/
 function _Text(_ref2, _ref) {
-  var type = _ref2.type,
+  let type = _ref2.type,
     children = _ref2.children,
     _ref2$className = _ref2.className,
     className = _ref2$className === void 0 ? "" : _ref2$className,
     otherProps = _objectWithoutProperties(_ref2, _excluded);
-  var classNameType = (0, _OneUIProvider.useOneUIConfig)("component.text.className", {});
-  var tagByType = (0, _OneUIProvider.useOneUIConfig)("component.text.htmlTag", {});
-  var TagType = tagByType[type] || "p";
+  const classNameType = (0, _OneUIProvider.useOneUIConfig)("component.text.className", {});
+  const tagByType = (0, _OneUIProvider.useOneUIConfig)("component.text.htmlTag", {});
+  const TagType = tagByType[type] || "p";
   return /*#__PURE__*/_react.default.createElement(TagType, _extends({
     ref: _ref,
     className: "".concat(_TextModule.default.text, " ").concat(classNameType[type] || _TextModule.default[type], " ").concat(className, " ").concat(otherProps.onClick ? _TextModule.default.iteractible : "")

package/dist/components/Transition/MasksFactory/DiagonalReveal.js

@@ -9,11 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function DiagonalReveal(el) {
-  var height = el.clientHeight;
-  var width = el.clientWidth;
-  var time = (0, _utils.getTime)(el);
-  var filterId = "f-".concat(Date.now().toString());
-  var resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
+  const height = el.clientHeight;
+  const width = el.clientWidth;
+  const time = (0, _utils.getTime)(el);
+  const filterId = "f-".concat(Date.now().toString());
+  const resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     id: Date.now().toString()
   }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {

package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js

@@ -16,33 +16,33 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param amountOfVerticalSquares The amount of squares vertically to be shown
  */
 function DiagonalSquareToBalls() {
-  var amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
   return function (el) {
-    var height = el.clientHeight;
-    var width = el.clientWidth;
-    var _ballsize = height / amountOfVerticalSquares;
-    var maximumBalls = width / _ballsize;
-    var amountOfBalls = Math.floor(maximumBalls);
-    var _time = (0, _utils.getTime)(el);
-    var rndTime = function rndTime() {
+    const height = el.clientHeight;
+    const width = el.clientWidth;
+    const _ballsize = height / amountOfVerticalSquares;
+    const maximumBalls = width / _ballsize;
+    const amountOfBalls = Math.floor(maximumBalls);
+    const _time = (0, _utils.getTime)(el);
+    const rndTime = function rndTime() {
       return _time * 0.25 + _time * 0.75 * 1;
     };
-    var resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
+    const resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       id: Date.now().toString()
     }, (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(function (_ref) {
-      var _ballsize = _ref.ballSize,
+      let _ballsize = _ref.ballSize,
         _x = _ref.x,
         _y = _ref.y,
         column = _ref.column,
         row = _ref.row;
-      var ratio = column / amountOfBalls * (row / amountOfVerticalSquares);
-      var fourthTime = rndTime() * 0.25;
-      var time = fourthTime + ratio * (fourthTime * 3);
-      var padding = 1 * _ballsize;
-      var ballsize = _ballsize - padding;
-      var x = _x + padding / 2;
-      var y = _y + padding / 2;
+      const ratio = column / amountOfBalls * (row / amountOfVerticalSquares);
+      const fourthTime = rndTime() * 0.25;
+      const time = fourthTime + ratio * (fourthTime * 3);
+      const padding = 1 * _ballsize;
+      const ballsize = _ballsize - padding;
+      const x = _x + padding / 2;
+      const y = _y + padding / 2;
       return /*#__PURE__*/_react.default.createElement("rect", {
         fill: "white",
         rx: "".concat(ballsize, "px")

package/dist/components/Transition/MasksFactory/PhysicsSquares.js

@@ -12,7 +12,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; }
 /**
  * DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE
  * 
@@ -20,17 +20,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * @param amountOfVerticalSquares The amount of squares vertically to be shown
  */
 function PhysicsSquares() {
-  var amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
   return function (el) {
-    var height = el.clientHeight;
-    var width = el.clientWidth;
-    var _ballsize = height / amountOfVerticalSquares;
-    var maximumBalls = width / _ballsize;
-    var amountOfBalls = Math.floor(maximumBalls);
-    var gridData = (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize);
-    var _time = getComputedStyle(el).getPropertyValue("--animation-speed-transition");
-    var time = _time.endsWith("ms") ? Number(_time.replace("ms", "")) : Number(_time.replace("s", "")) * 1000;
-    var canvas = document.createElement("canvas");
+    const height = el.clientHeight;
+    const width = el.clientWidth;
+    const _ballsize = height / amountOfVerticalSquares;
+    const maximumBalls = width / _ballsize;
+    const amountOfBalls = Math.floor(maximumBalls);
+    const gridData = (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize);
+    const _time = getComputedStyle(el).getPropertyValue("--animation-speed-transition");
+    const time = _time.endsWith("ms") ? Number(_time.replace("ms", "")) : Number(_time.replace("s", "")) * 1000;
+    const canvas = document.createElement("canvas");
     canvas.width = el.clientWidth / 10;
     canvas.height = el.clientHeight / 10;
     // module aliases
@@ -71,7 +71,7 @@ function PhysicsSquares() {
       angle: 0.1,
       isStatic: true
     });
-    var gridBodies = gridData.map(function (a) {
+    const gridBodies = gridData.map(function (a) {
       return Bodies.circle(a.x + a.ballSize / 2 + Math.random() * a.ballSize / 2, a.y + a.ballSize / 2 + Math.random() * a.ballSize / 2, a.ballSize / 4 + Math.random() * a.ballSize / 4, {
         density: 0.1,
         render: {
@@ -91,7 +91,7 @@ function PhysicsSquares() {
 
     // run the engine
     Runner.run(runner, engine);
-    var i = setInterval(function () {
+    const i = setInterval(function () {
       el.firstElementChild.style.webkitMaskImage = "url('".concat(canvas.toDataURL("base64"), "')");
     }, 1000 / 60);
     setTimeout(function () {

package/dist/components/Transition/MasksFactory/SquareToBalls.js

@@ -16,19 +16,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param amountOfVerticalSquares The amount of squares vertically to be shown
  */
 function _default() {
-  var amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
   return function (el) {
-    var height = el.clientHeight;
-    var width = el.clientWidth;
-    var _ballsize = height / amountOfVerticalSquares;
-    var maximumBalls = width / _ballsize;
-    var amountOfBalls = Math.floor(maximumBalls);
-    var time = (0, _utils.getTime)(el);
-    var resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
+    const height = el.clientHeight;
+    const width = el.clientWidth;
+    const _ballsize = height / amountOfVerticalSquares;
+    const maximumBalls = width / _ballsize;
+    const amountOfBalls = Math.floor(maximumBalls);
+    const time = (0, _utils.getTime)(el);
+    const resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       id: Date.now().toString()
     }, (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(function (_ref) {
-      var ballSize = _ref.ballSize,
+      let ballSize = _ref.ballSize,
         x = _ref.x,
         y = _ref.y;
       return /*#__PURE__*/_react.default.createElement("rect", {

package/dist/components/Transition/MasksFactory/utils.js

@@ -7,12 +7,12 @@ exports.default = buildGrid;
 exports.getTime = getTime;
 function buildGrid(amountOfVerticalSquares, howManyHorizontalSquare, ballSize) {
   return new Array(howManyHorizontalSquare * amountOfVerticalSquares).fill(undefined).map(function (_, i) {
-    var modX = Math.floor(i / howManyHorizontalSquare);
-    var modY = i - modX * howManyHorizontalSquare;
-    var ballsize = ballSize * 1.1;
-    var padding = (ballsize - ballSize) / 2;
-    var x = modY * ballSize - padding;
-    var y = modX * ballSize - padding;
+    const modX = Math.floor(i / howManyHorizontalSquare);
+    const modY = i - modX * howManyHorizontalSquare;
+    const ballsize = ballSize * 1.1;
+    const padding = (ballsize - ballSize) / 2;
+    const x = modY * ballSize - padding;
+    const y = modX * ballSize - padding;
     return {
       x: x,
       y: y,
@@ -23,7 +23,7 @@ function buildGrid(amountOfVerticalSquares, howManyHorizontalSquare, ballSize) {
   });
 }
 function getTime(el) {
-  var _time = getComputedStyle(el.firstElementChild).getPropertyValue("--animation-speed-transition") || "250ms";
-  var __time = _time.endsWith("ms") ? Number(_time.replace("ms", "")) : Number(_time.replace("s", "")) * 1000;
+  const _time = getComputedStyle(el.firstElementChild).getPropertyValue("--animation-speed-transition") || "250ms";
+  const __time = _time.endsWith("ms") ? Number(_time.replace("ms", "")) : Number(_time.replace("s", "")) * 1000;
   return __time + 50;
 }

package/dist/components/Transition/Transition.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TransitionAnimationTypes = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _TransitionModule = _interopRequireDefault(require("./Transition.module.scss"));
-var _excluded = ["step", "contentStyle", "contentClassName", "children", "className", "onDiscardStep", "lockTransitionWidth", "lockTransitionHeight"];
+const _excluded = ["step", "contentStyle", "contentClassName", "children", "className", "onDiscardStep", "lockTransitionWidth", "lockTransitionHeight"];
 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; }
@@ -25,8 +25,8 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 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; }
@@ -101,7 +101,7 @@ function ChildrenWrapperFactory(func, key, externalPropsContainer, toRemoveKeys)
  * Handles the transition between multiple children and recycling of elements
  **/
 function Transition(_ref, _containerRef) {
-  var step = _ref.step,
+  let step = _ref.step,
     contentStyle = _ref.contentStyle,
     _ref$contentClassName = _ref.contentClassName,
     contentClassName = _ref$contentClassName === void 0 ? "" : _ref$contentClassName,
@@ -113,21 +113,21 @@ function Transition(_ref, _containerRef) {
     _ref$lockTransitionHe = _ref.lockTransitionHeight,
     lockTransitionHeight = _ref$lockTransitionHe === void 0 ? false : _ref$lockTransitionHe,
     props = _objectWithoutProperties(_ref, _excluded);
-  var containerRef = (0, _react.useMemo)(function () {
+  const containerRef = (0, _react.useMemo)(function () {
     return _containerRef || /*#__PURE__*/(0, _react.createRef)();
   }, [_containerRef]);
-  var preTransitionDetails = (0, _react.useRef)({
+  const preTransitionDetails = (0, _react.useRef)({
     transformOrigin: "initial"
   });
-  var _useState = (0, _react.useState)(function () {
+  const _useState = (0, _react.useState)(function () {
       var _children$step;
-      var externalProps = {
+      const externalProps = {
         key: String(((_children$step = children[step]) === null || _children$step === void 0 ? void 0 : _children$step.key) || step),
         style: contentStyle,
         className: contentClassName
       };
-      var func = ChildrenWrapperFactory(function (_ref2) {
-        var children = _ref2.children;
+      const func = ChildrenWrapperFactory(function (_ref2) {
+        let children = _ref2.children;
         return /*#__PURE__*/_react.default.createElement("div", externalProps, children);
       }, children[step].key || step, externalProps, []);
       return [func];
@@ -135,8 +135,8 @@ function Transition(_ref, _containerRef) {
     _useState2 = _slicedToArray(_useState, 2),
     childrenWrappers = _useState2[0],
     setChildrenWrappers = _useState2[1];
-  var prevStep = (0, _react.useRef)(step);
-  var prevChild = (0, _react.useRef)(children[step]);
+  const prevStep = (0, _react.useRef)(step);
+  const prevChild = (0, _react.useRef)(children[step]);
   (0, _react.useEffect)(function () {
     return function () {
       prevChild.current = children[step];
@@ -145,26 +145,26 @@ function Transition(_ref, _containerRef) {
   (0, _react.useEffect)(function () {
     var _children$step2, _prevChild$current, _children$step3;
     containerRef.current.style.overflow = "hidden";
-    var transitionClasses = props.transitionType === TransitionAnimationTypes.CUSTOM ? props.config : TransitionClasses(props.transitionType || TransitionAnimationTypes.SLIDE);
+    const transitionClasses = props.transitionType === TransitionAnimationTypes.CUSTOM ? props.config : TransitionClasses(props.transitionType || TransitionAnimationTypes.SLIDE);
     if (prevChild.current !== null && ((_children$step2 = children[step]) === null || _children$step2 === void 0 ? void 0 : _children$step2.key) === ((_prevChild$current = prevChild.current) === null || _prevChild$current === void 0 ? void 0 : _prevChild$current.key) // I'm rendering the same screen
     ) {
       return function () {
         prevStep.current = step;
       };
     }
-    var key = ((_children$step3 = children[step]) === null || _children$step3 === void 0 ? void 0 : _children$step3.key) || step;
+    const key = ((_children$step3 = children[step]) === null || _children$step3 === void 0 ? void 0 : _children$step3.key) || step;
     if (prevStep.current !== step && lockTransitionWidth) containerRef.current.style.width = "".concat(containerRef.current.clientWidth, "px");
     if (prevStep.current !== step && lockTransitionHeight) containerRef.current.style.height = "".concat(containerRef.current.clientHeight, "px");
-    var transitionMask = props.transitionType === TransitionAnimationTypes.MASK ? props.maskFactory(containerRef.current) : "";
+    const transitionMask = props.transitionType === TransitionAnimationTypes.MASK ? props.maskFactory(containerRef.current) : "";
 
     /** This runs on backwards */
     if (prevStep.current > step) {
       var _prevChild$current2;
-      var stepToRemove = prevStep.current;
-      var prevKeyToRemove = ((_prevChild$current2 = prevChild.current) === null || _prevChild$current2 === void 0 ? void 0 : _prevChild$current2.key) || stepToRemove;
+      const stepToRemove = prevStep.current;
+      const prevKeyToRemove = ((_prevChild$current2 = prevChild.current) === null || _prevChild$current2 === void 0 ? void 0 : _prevChild$current2.key) || stepToRemove;
       setChildrenWrappers(function (screensBeforeChangingStep) {
-        var enteringScreenRef = /*#__PURE__*/(0, _react.createRef)();
-        var _screensBeforeChangin = screensBeforeChangingStep.filter(function (a) {
+        const enteringScreenRef = /*#__PURE__*/(0, _react.createRef)();
+        const _screensBeforeChangin = screensBeforeChangingStep.filter(function (a) {
             return (a === null || a === void 0 ? void 0 : a.associatedKey) !== String(key);
           }),
           _screensBeforeChangin2 = _toArray(_screensBeforeChangin),
@@ -181,7 +181,7 @@ function Transition(_ref, _containerRef) {
         function animationEndListener(event) {
           var _enteringScreenRef$cu, _enteringScreenRef$cu2;
           if (event.target !== event.currentTarget) return;
-          var isAnimationFromExpectedState = (_enteringScreenRef$cu = enteringScreenRef.current) === null || _enteringScreenRef$cu === void 0 ? void 0 : _enteringScreenRef$cu.classList.contains(transitionClasses.backward.elementEntering);
+          const isAnimationFromExpectedState = (_enteringScreenRef$cu = enteringScreenRef.current) === null || _enteringScreenRef$cu === void 0 ? void 0 : _enteringScreenRef$cu.classList.contains(transitionClasses.backward.elementEntering);
           (_enteringScreenRef$cu2 = enteringScreenRef.current) === null || _enteringScreenRef$cu2 === void 0 ? void 0 : _enteringScreenRef$cu2.classList.remove(transitionClasses.backward.elementEntering);
           setChildrenWrappers(function (screensAfterTheCurrentStepEntered) {
             if (onDiscardStep) {
@@ -190,7 +190,7 @@ function Transition(_ref, _containerRef) {
             }
             return screensAfterTheCurrentStepEntered.filter(function (s) {
               var _FirstNextScreen$toRe;
-              var shouldKeep = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove) && !(FirstNextScreen !== null && FirstNextScreen !== void 0 && (_FirstNextScreen$toRe = FirstNextScreen.toRemoveKeys) !== null && _FirstNextScreen$toRe !== void 0 && _FirstNextScreen$toRe.some(function (k) {
+              const shouldKeep = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove) && !(FirstNextScreen !== null && FirstNextScreen !== void 0 && (_FirstNextScreen$toRe = FirstNextScreen.toRemoveKeys) !== null && _FirstNextScreen$toRe !== void 0 && _FirstNextScreen$toRe.some(function (k) {
                 return String(k) === String(s === null || s === void 0 ? void 0 : s.associatedKey);
               }));
               return shouldKeep;
@@ -198,15 +198,15 @@ function Transition(_ref, _containerRef) {
           });
           event.currentTarget.removeEventListener("animationend", animationEndListener);
         }
-        var propsContainer = {
+        const propsContainer = {
           ref: enteringScreenRef,
           key: key,
           className: "".concat(transitionClasses.backward.elementEntering, " ").concat(contentClassName),
           style: _objectSpread({}, contentStyle),
           onAnimationEnd: animationEndListener
         };
-        var newWrapper = ChildrenWrapperFactory(function (_ref3) {
-          var children = _ref3.children;
+        const newWrapper = ChildrenWrapperFactory(function (_ref3) {
+          let children = _ref3.children;
           return /*#__PURE__*/_react.default.createElement("div", propsContainer, children);
         }, key, propsContainer, [prevKeyToRemove].concat(_toConsumableArray((FirstNextScreen === null || FirstNextScreen === void 0 ? void 0 : FirstNextScreen.toRemoveKeys) || [])));
         if (FirstNextScreen) return [newWrapper, FirstNextScreen || ChildrenWrapperFactory(function () {
@@ -215,12 +215,12 @@ function Transition(_ref, _containerRef) {
       });
     } else if (prevStep.current < step) {
       var _prevChild$current3;
-      var stepToDelete = prevStep.current;
-      var _prevKeyToRemove = String(((_prevChild$current3 = prevChild.current) === null || _prevChild$current3 === void 0 ? void 0 : _prevChild$current3.key) || stepToDelete);
+      const stepToDelete = prevStep.current;
+      const prevKeyToRemove = String(((_prevChild$current3 = prevChild.current) === null || _prevChild$current3 === void 0 ? void 0 : _prevChild$current3.key) || stepToDelete);
       setChildrenWrappers(function (screensBeforeChangingStep) {
-        var lastIndex = screensBeforeChangingStep.length - 1;
-        var lastWrapper = screensBeforeChangingStep[lastIndex];
-        var nextScreenRef = /*#__PURE__*/(0, _react.createRef)();
+        const lastIndex = screensBeforeChangingStep.length - 1;
+        const lastWrapper = screensBeforeChangingStep[lastIndex];
+        const nextScreenRef = /*#__PURE__*/(0, _react.createRef)();
         if (lastWrapper) {
           Object.assign(lastWrapper.externalProps, {
             style: _objectSpread(_objectSpread({}, contentStyle), {}, {
@@ -231,10 +231,10 @@ function Transition(_ref, _containerRef) {
               var _nextScreenRef$curren;
               if (e.target !== e.currentTarget) return;
               if (transitionClasses.forward.elementEntering) (_nextScreenRef$curren = nextScreenRef.current) === null || _nextScreenRef$curren === void 0 ? void 0 : _nextScreenRef$curren.classList.remove(transitionClasses.forward.elementEntering);
-              if (onDiscardStep) onDiscardStep(_prevKeyToRemove);
+              if (onDiscardStep) onDiscardStep(prevKeyToRemove);
               setChildrenWrappers(function (screensAfterTheCurrentStepEntered) {
-                var nextState = screensAfterTheCurrentStepEntered.filter(function (s) {
-                  var shouldMantain = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(_prevKeyToRemove);
+                const nextState = screensAfterTheCurrentStepEntered.filter(function (s) {
+                  const shouldMantain = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove);
                   return shouldMantain;
                 });
                 return nextState;
@@ -242,14 +242,14 @@ function Transition(_ref, _containerRef) {
             }
           });
         }
-        var propsContainer = {
+        const propsContainer = {
           ref: nextScreenRef,
           key: key,
           style: _objectSpread({}, contentStyle),
           className: "".concat(contentClassName, " ").concat(transitionClasses.forward.elementEntering)
         };
-        var newWrapper = ChildrenWrapperFactory(function (_ref4) {
-          var children = _ref4.children;
+        const newWrapper = ChildrenWrapperFactory(function (_ref4) {
+          let children = _ref4.children;
           return /*#__PURE__*/_react.default.createElement("div", propsContainer, children);
         }, key, propsContainer);
         return [].concat(_toConsumableArray(screensBeforeChangingStep.slice(0, lastIndex)), [lastWrapper || ChildrenWrapperFactory(function () {
@@ -267,15 +267,15 @@ function Transition(_ref, _containerRef) {
   }, [childrenWrappers.length !== 1]);
   (0, _react.useEffect)(function () {
     if (props.transitionType === TransitionAnimationTypes.POP_FROM_ELEMENT_ID && "elementId" in props) {
-      var element = document.querySelector("#".concat(props.elementId));
+      const element = document.querySelector("#".concat(props.elementId));
       if (element) {
-        var _ref5 = containerRef.current,
+        const _ref5 = containerRef.current,
           clientWidth = _ref5.clientWidth,
           clientHeight = _ref5.clientHeight;
-        var offsetX = element.clientLeft + element.offsetLeft + element.clientWidth / 2;
-        var offsetY = element.clientTop + element.offsetTop + element.clientHeight / 2;
-        var percentX = offsetX * 100 / clientWidth;
-        var percentY = offsetY * 100 / clientHeight;
+        const offsetX = element.clientLeft + element.offsetLeft + element.clientWidth / 2;
+        const offsetY = element.clientTop + element.offsetTop + element.clientHeight / 2;
+        const percentX = offsetX * 100 / clientWidth;
+        const percentY = offsetY * 100 / clientHeight;
         preTransitionDetails.current.transformOrigin = "".concat(percentX, "% ").concat(percentY, "%");
         Object.assign(containerRef.current.style, {
           transformOrigin: "".concat(percentX, "% ").concat(percentY, "%")
@@ -288,29 +288,29 @@ function Transition(_ref, _containerRef) {
       containerRef.current.style.overflow = "";
     }
   }, [childrenWrappers.length]);
-  var propsToSpread = _objectSpread({}, props);
+  const propsToSpread = _objectSpread({}, props);
   delete propsToSpread.transitionType;
   delete propsToSpread.config;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("section", _extends({}, propsToSpread, {
     onClick: function onClick(e) {
-      var _e$currentTarget = e.currentTarget,
+      const _e$currentTarget = e.currentTarget,
         offsetTop = _e$currentTarget.offsetTop,
         offsetLeft = _e$currentTarget.offsetLeft,
         clientWidth = _e$currentTarget.clientWidth,
         clientHeight = _e$currentTarget.clientHeight,
         clientX = e.clientX,
         clientY = e.clientY;
-      var offsetX = clientX - offsetLeft;
-      var offsetY = clientY - offsetTop;
-      var percentX = offsetX * 100 / clientWidth;
-      var percentY = offsetY * 100 / clientHeight;
+      const offsetX = clientX - offsetLeft;
+      const offsetY = clientY - offsetTop;
+      const percentX = offsetX * 100 / clientWidth;
+      const percentY = offsetY * 100 / clientHeight;
       if (props.transitionType === TransitionAnimationTypes.POP_FROM_ELEMENT_ID || props.transitionType === TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN) preTransitionDetails.current.transformOrigin = "".concat(percentX, "% ").concat(percentY, "%");
       if (props.onClick) props.onClick(e);
     },
     ref: containerRef,
     className: "".concat(_TransitionModule.default.section, " ").concat(className)
   }), childrenWrappers.map(function (Wrapper) {
-    var childToRender = children.find(function (a, i) {
+    const childToRender = children.find(function (a, i) {
       return ((a === null || a === void 0 ? void 0 : a.key) || i) === (Wrapper === null || Wrapper === void 0 ? void 0 : Wrapper.associatedKey);
     });
     return /*#__PURE__*/_react.default.createElement(Wrapper, {
@@ -318,7 +318,7 @@ function Transition(_ref, _containerRef) {
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, childToRender));
   })));
 }
-var TransitionAnimationTypes = /*#__PURE__*/function (TransitionAnimationTypes) {
+let TransitionAnimationTypes = /*#__PURE__*/function (TransitionAnimationTypes) {
   TransitionAnimationTypes[TransitionAnimationTypes["SLIDE"] = 0] = "SLIDE";
   TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_CLICK_ORIGIN"] = 1] = "POP_FROM_CLICK_ORIGIN";
   TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_ELEMENT_ID"] = 2] = "POP_FROM_ELEMENT_ID";

package/dist/components/UncontrolledTransition/UncontrolledTransition.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Transition = _interopRequireDefault(require("../Transition"));
-var _excluded = ["className", "contentClassName", "children", "lockTransitionWidth", "lockTransitionHeight", "contentStyle", "onDiscardStep"];
+const _excluded = ["className", "contentClassName", "children", "lockTransitionWidth", "lockTransitionHeight", "contentStyle", "onDiscardStep"];
 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; }
@@ -24,8 +24,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 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; }
@@ -33,7 +33,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * This component handles when a child changes and transition this child change, allowing the finest experiences
  **/
 function UncontrolledTransition(_ref, ref) {
-  var _ref$className = _ref.className,
+  let _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     contentClassName = _ref.contentClassName,
     _ref$children = _ref.children,
@@ -47,8 +47,8 @@ function UncontrolledTransition(_ref, ref) {
     contentStyle = _ref.contentStyle,
     _onDiscardStep = _ref.onDiscardStep,
     props = _objectWithoutProperties(_ref, _excluded);
-  var sectionRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)({
+  const sectionRef = (0, _react.useRef)(null);
+  const _useState = (0, _react.useState)({
       childStack: [children],
       offset: 1
     }),
@@ -57,7 +57,7 @@ function UncontrolledTransition(_ref, ref) {
     childStack = _useState2$.childStack,
     offset = _useState2$.offset,
     setChildStack = _useState2[1];
-  var orientation = (0, _react.useRef)("forward");
+  const orientation = (0, _react.useRef)("forward");
   function setOrientation(a) {
     orientation.current = a;
   }