@dreamcommerce/aurora 0.4.4 → 0.4.5

package/build/esm/packages/aurora/src/components/modal/components/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/components/header.js

@@ -2,8 +2,7 @@ import React from 'react';
 import cssClasses from '../../../css/modal/main.module.less.js';
 import IconClose from '../../../assets/icon_close.js';
 
-var Header = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, closeAction = _a.closeAction;
+const Header = ({ title = '', actions, closeAction }) => {
     return (React.createElement("header", { className: cssClasses['modal-window__header'] },
         React.createElement("div", { className: cssClasses['modal-window__title'] },
             React.createElement("h3", null, title)),

package/build/esm/packages/aurora/src/components/modal/components/header.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/components/modal.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import cssClasses from '../../../css/modal/main.module.less.js';
 
-var Modal = function (_a) {
-    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
-    return (React.createElement("div", { "data-test-id": "modal", ref: modalRef, className: "".concat(cssClasses['modal-window'], " ").concat(cssClasses['modal-window_visible'], " ").concat(className) },
+const Modal = ({ children, className, modalRef }) => {
+    return (React.createElement("div", { "data-test-id": "modal", ref: modalRef, className: `${cssClasses['modal-window']} ${cssClasses['modal-window_visible']} ${className}` },
         React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
 };
 

package/build/esm/packages/aurora/src/components/modal/components/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/constants.js

@@ -1,4 +1,4 @@
-var DEFAULT_TRANSLATE_MOVE = 100;
+const DEFAULT_TRANSLATE_MOVE = 100;
 
 export { DEFAULT_TRANSLATE_MOVE };
 //# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/modal/context/modal_context.js

@@ -1,11 +1,11 @@
 import { createContext } from 'react';
 
-var ModalContext = createContext({
+const ModalContext = createContext({
     isVisible: false,
-    setVisible: function () { },
-    hideModal: function () { }
+    setVisible: () => { },
+    hideModal: () => { }
 });
-var ModalContextProvider = ModalContext.Provider;
+const ModalContextProvider = ModalContext.Provider;
 
 export { ModalContext, ModalContextProvider };
 //# sourceMappingURL=modal_context.js.map

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -1,5 +1,4 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { __rest, __assign } from '../../../../../../../_virtual/_tslib.js';
 import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
 import { useResize } from '../../../../hooks/use_resize.js';
 import { createPortal } from 'react-dom';
@@ -8,75 +7,56 @@ import Modal from '../../components/modal.js';
 import { calculateAbsolutePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
 
-var useStyles = createUseStyles({
+const useStyles = createUseStyles({
     modal: {
         position: 'absolute',
-        visibility: function (_a) {
-            var isVisible = _a.isVisible;
-            return (isVisible ? 'visible' : 'hidden');
-        },
-        opacity: function (_a) {
-            var isVisible = _a.isVisible;
-            return +isVisible;
-        },
-        top: function (_a) {
-            var top = _a.top;
-            return top;
-        },
-        bottom: function (_a) {
-            var bottom = _a.bottom;
-            return bottom;
-        },
-        left: function (_a) {
-            var left = _a.left;
-            return left;
-        },
-        right: function (_a) {
-            var right = _a.right;
-            return right;
-        },
+        visibility: ({ isVisible }) => (isVisible ? 'visible' : 'hidden'),
+        opacity: ({ isVisible }) => +isVisible,
+        top: ({ top }) => top,
+        bottom: ({ bottom }) => bottom,
+        left: ({ left }) => left,
+        right: ({ right }) => right,
         transform: getTransformFromAnimationDirection
     }
 });
-var AbsoluteModal = function (_a) {
-    var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
-    var modalRef = useRef(null);
-    var _d = useState(0), updater = _d[0], setUpdater = _d[1];
-    var _e = useState({}), position = _e[0], setPosition = _e[1];
-    var classes = useStyles(__assign(__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
-    useEffect(function () {
+const AbsoluteModal = ({ vPosition, hPosition, offset = 0, transform, transformLength = DEFAULT_TRANSLATE_MOVE, children, animationDirection, isVisible, withBackground, ...rest }) => {
+    const modalRef = useRef(null);
+    const [updater, setUpdater] = useState(0);
+    const [position, setPosition] = useState({});
+    const classes = useStyles({ ...position, isVisible, transformLength, transform, animationDirection });
+    useEffect(() => {
         var _a, _b;
         setPosition(calculateAbsolutePosition({
-            vPosition: vPosition,
-            hPosition: hPosition,
+            vPosition,
+            hPosition,
             modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
-            offset: offset,
-            transformLength: transformLength,
-            animationDirection: animationDirection
+            offset,
+            transformLength,
+            animationDirection
         }));
     }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible, updater]);
-    useResize(function () {
+    useResize(() => {
         var _a, _b;
         setPosition(calculateAbsolutePosition({
-            vPosition: vPosition,
-            hPosition: hPosition,
+            vPosition,
+            hPosition,
             modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
-            offset: offset,
-            transformLength: transformLength,
-            animationDirection: animationDirection
+            offset,
+            transformLength,
+            animationDirection
         }));
     }, 50);
-    useEffect(function () {
-        var observer = new MutationObserver(function () {
-            setUpdater(function (updater) { return updater + 1; });
+    useEffect(() => {
+        const observer = new MutationObserver(() => {
+            setUpdater((updater) => updater + 1);
         });
         if (modalRef.current) {
             observer.observe(modalRef.current, { childList: true, subtree: true });
         }
-        return function () { return observer.disconnect(); };
+        return () => observer.disconnect();
     }, []);
     return createPortal(React.createElement(React.Fragment, null,
-        React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children),
+        React.createElement(Modal, { className: `${classes.modal} ${isVisible ? cssClasses['modal-window_visible'] : ''}`, modalRef: modalRef, ...rest }, children),
         isVisible && withBackground && React.createElement("div", { className: cssClasses['modal-window-mask'] })), document.body);
 };
 

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/hoc/modal_provider.js

@@ -1,11 +1,10 @@
 import React, { useState } from 'react';
 import { ModalContextProvider } from '../context/modal_context.js';
 
-var ModalProvider = function (_a) {
-    var _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, children = _a.children;
-    var _c = useState(defaultOpen), isVisible = _c[0], setVisible = _c[1];
-    var hideModal = function () { return setVisible(false); };
-    return React.createElement(ModalContextProvider, { value: { isVisible: isVisible, setVisible: setVisible, hideModal: hideModal } }, children);
+const ModalProvider = ({ defaultOpen = false, children }) => {
+    const [isVisible, setVisible] = useState(defaultOpen);
+    const hideModal = () => setVisible(false);
+    return React.createElement(ModalContextProvider, { value: { isVisible, setVisible, hideModal } }, children);
 };
 
 export default ModalProvider;

package/build/esm/packages/aurora/src/components/modal/hoc/modal_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -1,5 +1,4 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { __rest, __assign } from '../../../../../../../_virtual/_tslib.js';
 import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
 import { useResize } from '../../../../hooks/use_resize.js';
 import { createPortal } from 'react-dom';
@@ -8,59 +7,46 @@ import Modal from '../../components/modal.js';
 import { calculateRelativePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
 
-var useStyles = createUseStyles({
+const useStyles = createUseStyles({
     modal: {
         position: 'absolute',
-        visibility: function (_a) {
-            var isVisible = _a.isVisible;
-            return (isVisible ? 'visible' : 'hidden');
-        },
-        opacity: function (_a) {
-            var isVisible = _a.isVisible;
-            return +isVisible;
-        },
-        top: function (_a) {
-            var top = _a.top;
-            return top;
-        },
-        left: function (_a) {
-            var left = _a.left;
-            return left;
-        },
+        visibility: ({ isVisible }) => (isVisible ? 'visible' : 'hidden'),
+        opacity: ({ isVisible }) => +isVisible,
+        top: ({ top }) => top,
+        left: ({ left }) => left,
         transform: getTransformFromAnimationDirection
     }
 });
-var RelativeModal = function (_a) {
-    var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, withBackground = _a.withBackground, rest = __rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo", "withBackground"]);
-    var modalRef = useRef(null);
-    var _d = useState({}), positioning = _d[0], setPosition = _d[1];
-    var classes = useStyles(__assign(__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
-    useEffect(function () {
+const RelativeModal = ({ position, offset = 0, transformLength = DEFAULT_TRANSLATE_MOVE, children, animationDirection, isVisible, relativeTo, withBackground, ...rest }) => {
+    const modalRef = useRef(null);
+    const [positioning, setPosition] = useState({});
+    const classes = useStyles({ ...positioning, isVisible, transformLength, animationDirection });
+    useEffect(() => {
         var _a, _b;
         setPosition(calculateRelativePosition({
-            position: position,
+            position,
             relativeRect: (_a = relativeTo === null || relativeTo === void 0 ? void 0 : relativeTo.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(),
             modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect(),
-            offset: offset,
-            transformLength: transformLength,
-            animationDirection: animationDirection,
-            relativeTo: relativeTo
+            offset,
+            transformLength,
+            animationDirection,
+            relativeTo
         }));
     }, [relativeTo, animationDirection, position, offset, transformLength, isVisible]);
-    useResize(function () {
+    useResize(() => {
         var _a, _b;
         setPosition(calculateRelativePosition({
-            position: position,
-            offset: offset,
-            transformLength: transformLength,
-            animationDirection: animationDirection,
-            relativeTo: relativeTo,
+            position,
+            offset,
+            transformLength,
+            animationDirection,
+            relativeTo,
             relativeRect: (_a = relativeTo === null || relativeTo === void 0 ? void 0 : relativeTo.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(),
             modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()
         }));
     }, 50);
     return (React.createElement(React.Fragment, null,
-        createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
+        createPortal(React.createElement(Modal, { className: `${classes.modal} ${isVisible ? cssClasses['modal-window_visible'] : ''}`, modalRef: modalRef, ...rest }, children), document.body),
         isVisible && withBackground && createPortal(React.createElement("div", { className: cssClasses['modal-window-mask'] }), document.body)));
 };
 

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/index.js

@@ -4,9 +4,8 @@ import Content from './components/content.js';
 import Header from './components/header.js';
 import Footer from './components/footer.js';
 
-var Modal = function (_a) {
-    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
-    return (React.createElement("div", { ref: modalRef, className: "".concat(cssClasses['modal-window'], " ").concat(className) },
+const Modal = ({ children, className, modalRef }) => {
+    return (React.createElement("div", { ref: modalRef, className: `${cssClasses['modal-window']} ${className}` },
         React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
 };
 Modal.Header = Header;

package/build/esm/packages/aurora/src/components/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/utilities.js

@@ -1,5 +1,3 @@
-import 'react';
-
 /**
  * Function to get proper css style from props and state
  * @param animationDirection, taken from props
@@ -8,21 +6,20 @@ import 'react';
  * @param transform, taken from props if it is set then custom transform function is ran
  * @return css string which is used in styling
  */
-var getTransformFromAnimationDirection = function (_a) {
-    var animationDirection = _a.animationDirection, transformLength = _a.transformLength, isVisible = _a.isVisible, transform = _a.transform;
+const getTransformFromAnimationDirection = ({ animationDirection, transformLength, isVisible, transform }) => {
     if (transform) {
-        return transform({ isVisible: isVisible });
+        return transform({ isVisible });
     }
     if (animationDirection === 'bottomTop') {
-        return "translate(0px, ".concat(isVisible ? "-".concat(transformLength, "px") : '0px', ")");
+        return `translate(0px, ${isVisible ? `-${transformLength}px` : '0px'})`;
     }
     if (animationDirection === 'leftRight') {
-        return "translate(".concat(isVisible ? "".concat(transformLength, "px") : '0px', ", 0px)");
+        return `translate(${isVisible ? `${transformLength}px` : '0px'}, 0px)`;
     }
     if (animationDirection === 'rightLeft') {
-        return "translate(".concat(isVisible ? "-".concat(transformLength, "px") : '0px', ", 0px)");
+        return `translate(${isVisible ? `-${transformLength}px` : '0px'}, 0px)`;
     }
-    return "translate(0px, ".concat(isVisible ? "".concat(transformLength, "px") : '0px', ")");
+    return `translate(0px, ${isVisible ? `${transformLength}px` : '0px'})`;
 };
 /**
  * Function for relative to check if modal is still in viewport
@@ -31,10 +28,9 @@ var getTransformFromAnimationDirection = function (_a) {
  * @param offset
  * @return object of available directions in booleans
  */
-var availablePositions = function (_a) {
-    var relativeRect = _a.relativeRect, modalRect = _a.modalRect, _b = _a.offset, offset = _b === void 0 ? 0 : _b;
-    var _c = relativeRect || {}, _d = _c.x, x = _d === void 0 ? 0 : _d, _e = _c.y, y = _e === void 0 ? 0 : _e, _f = _c.width, width = _f === void 0 ? 0 : _f, _g = _c.height, height = _g === void 0 ? 0 : _g;
-    var _h = modalRect || {}, _j = _h.width, modalWidth = _j === void 0 ? 0 : _j, _k = _h.height, modalHeight = _k === void 0 ? 0 : _k;
+const availablePositions = ({ relativeRect, modalRect, offset = 0 }) => {
+    const { x = 0, y = 0, width = 0, height = 0 } = relativeRect || {};
+    const { width: modalWidth = 0, height: modalHeight = 0 } = modalRect || {};
     return {
         isLeftPositionPossible: x - modalWidth - offset > 0,
         isRightPositionPossible: x + width + modalWidth + offset < window.innerWidth,
@@ -47,7 +43,7 @@ var availablePositions = function (_a) {
  * @param transformLength
  * @return values which will used in transform
  */
-var animationOffsets = function (transformLength) { return ({
+const animationOffsets = (transformLength) => ({
     verticalAnimationOffset: {
         bottomTop: -transformLength,
         topBottom: transformLength,
@@ -60,7 +56,7 @@ var animationOffsets = function (transformLength) { return ({
         leftRight: -transformLength,
         rightLeft: transformLength
     }
-}); };
+});
 /**
  * Function to return left, top, bottom, right css values, which will be used to placed modal
  * @param position, chosen position of modal
@@ -71,19 +67,18 @@ var animationOffsets = function (transformLength) { return ({
  * @param relativeRect, used to calculate  available positions and position of modal
  * @return based on animationPosition and availablePositions css values
  */
-var calculateRelativePosition = function (_a) {
-    var position = _a.position, modalRect = _a.modalRect, relativeRect = _a.relativeRect, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? 0 : _c, _d = _a.animationDirection, animationDirection = _d === void 0 ? 'topBottom' : _d;
-    var _e = animationOffsets(transformLength), verticalAnimationOffset = _e.verticalAnimationOffset, horizontalAnimationOffset = _e.horizontalAnimationOffset;
-    var _f = availablePositions({
-        relativeRect: relativeRect,
-        modalRect: modalRect,
-        offset: offset
-    }), isLeftPositionPossible = _f.isLeftPositionPossible, isRightPositionPossible = _f.isRightPositionPossible, isBottomPositionPossible = _f.isBottomPositionPossible, isTopPositionPossible = _f.isTopPositionPossible;
-    var _g = relativeRect || {}, _h = _g.x, x = _h === void 0 ? 0 : _h, _j = _g.y, y = _j === void 0 ? 0 : _j, _k = _g.width, width = _k === void 0 ? 0 : _k, _l = _g.height, height = _l === void 0 ? 0 : _l;
-    var _m = modalRect || {}, _o = _m.width, modalWidth = _o === void 0 ? 0 : _o, _p = _m.height, modalHeight = _p === void 0 ? 0 : _p;
-    var rightPosition = (position === 'right' && (isRightPositionPossible || !isLeftPositionPossible)) || (position === 'left' && !isLeftPositionPossible);
-    var leftPosition = (position === 'left' && (isLeftPositionPossible || !isRightPositionPossible)) || (position === 'right' && !isRightPositionPossible);
-    var topPosition = (position === 'top' && (isTopPositionPossible || !isBottomPositionPossible)) || (position === 'bottom' && !isBottomPositionPossible);
+const calculateRelativePosition = ({ position, modalRect, relativeRect, offset = 0, transformLength = 0, animationDirection = 'topBottom' }) => {
+    const { verticalAnimationOffset, horizontalAnimationOffset } = animationOffsets(transformLength);
+    const { isLeftPositionPossible, isRightPositionPossible, isBottomPositionPossible, isTopPositionPossible } = availablePositions({
+        relativeRect,
+        modalRect,
+        offset
+    });
+    const { x = 0, y = 0, width = 0, height = 0 } = relativeRect || {};
+    const { width: modalWidth = 0, height: modalHeight = 0 } = modalRect || {};
+    const rightPosition = (position === 'right' && (isRightPositionPossible || !isLeftPositionPossible)) || (position === 'left' && !isLeftPositionPossible);
+    const leftPosition = (position === 'left' && (isLeftPositionPossible || !isRightPositionPossible)) || (position === 'right' && !isRightPositionPossible);
+    const topPosition = (position === 'top' && (isTopPositionPossible || !isBottomPositionPossible)) || (position === 'bottom' && !isBottomPositionPossible);
     if (rightPosition) {
         return {
             top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,
@@ -116,23 +111,22 @@ var calculateRelativePosition = function (_a) {
  * @param animationDirection, chosen animation, by default "topBottom"
  * direction is chosen based on vPosition and hPosition
  */
-var calculateAbsolutePosition = function (_a) {
-    var _b = _a.vPosition, vPosition = _b === void 0 ? 'middle' : _b, _c = _a.hPosition, hPosition = _c === void 0 ? 'center' : _c, modalRect = _a.modalRect, _d = _a.offset, offset = _d === void 0 ? 0 : _d, _e = _a.transformLength, transformLength = _e === void 0 ? 0 : _e, _f = _a.animationDirection, animationDirection = _f === void 0 ? 'topBottom' : _f;
-    var innerWidth = window.innerWidth, innerHeight = window.innerHeight;
-    var _g = modalRect || {}, _h = _g.width, width = _h === void 0 ? 0 : _h, _j = _g.height, height = _j === void 0 ? 0 : _j;
-    var verticalOffset = {
+const calculateAbsolutePosition = ({ vPosition = 'middle', hPosition = 'center', modalRect, offset = 0, transformLength = 0, animationDirection = 'topBottom' }) => {
+    const { innerWidth, innerHeight } = window;
+    const { width = 0, height = 0 } = modalRect || {};
+    const verticalOffset = {
         bottomTop: -transformLength,
         topBottom: transformLength,
         leftRight: 0,
         rightLeft: 0
     };
-    var horizontalOffset = {
+    const horizontalOffset = {
         bottomTop: 0,
         topBottom: 0,
         leftRight: -transformLength,
         rightLeft: transformLength
     };
-    var verticalPositions = {
+    const verticalPositions = {
         top: {
             top: offset - verticalOffset[animationDirection],
             bottom: undefined
@@ -146,7 +140,7 @@ var calculateAbsolutePosition = function (_a) {
             bottom: undefined
         }
     };
-    var horizontalPositions = {
+    const horizontalPositions = {
         left: {
             left: offset + horizontalOffset[animationDirection],
             right: undefined
@@ -160,9 +154,9 @@ var calculateAbsolutePosition = function (_a) {
             right: offset + horizontalOffset[animationDirection]
         }
     };
-    var _k = verticalPositions[vPosition], top = _k.top, bottom = _k.bottom;
-    var _l = horizontalPositions[hPosition], left = _l.left, right = _l.right;
-    return { top: top, bottom: bottom, left: left, right: right };
+    const { top, bottom } = verticalPositions[vPosition];
+    const { left, right } = horizontalPositions[hPosition];
+    return { top, bottom, left, right };
 };
 
 export { availablePositions, calculateAbsolutePosition, calculateRelativePosition, getTransformFromAnimationDirection };

package/build/esm/packages/aurora/src/components/modal/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/range/css_classes.js

@@ -1,8 +1,8 @@
-var CSS_RANGE = 'range';
-var CSS_RANGE_POINTER = "".concat(CSS_RANGE, "__pointer");
-var CSS_RANGE_POINTER_DISABLED = CSS_RANGE_POINTER + '_disabled';
-var CSS_RANGE_POINTER_INSIDE = CSS_RANGE_POINTER + '-inside';
-var CSS_RANGE_POINTER_INSIDE_DISABLED = CSS_RANGE_POINTER_INSIDE + '_disabled';
+const CSS_RANGE = 'range';
+const CSS_RANGE_POINTER = `${CSS_RANGE}__pointer`;
+const CSS_RANGE_POINTER_DISABLED = CSS_RANGE_POINTER + '_disabled';
+const CSS_RANGE_POINTER_INSIDE = CSS_RANGE_POINTER + '-inside';
+const CSS_RANGE_POINTER_INSIDE_DISABLED = CSS_RANGE_POINTER_INSIDE + '_disabled';
 var CSS_CLASSES = {
     range: CSS_RANGE,
     rangePointer: CSS_RANGE_POINTER,

package/build/esm/packages/aurora/src/components/range/index.js

@@ -6,63 +6,57 @@ import styles from '../../css/range/main.module.less.js';
 import CSS_CLASSES from './css_classes.js';
 import { getPositionFromValue, getValueFromPosition } from './utilities.js';
 
-var useStyles = createUseStyles({
+const useStyles = createUseStyles({
     pointer: {
-        transform: function (_a) {
-            var left = _a.left;
-            return "translate3d(".concat(left - 10, "px,0px,0px)");
-        },
-        background: function (_a) {
-            var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
+        transform: ({ left }) => `translate3d(${left - 10}px,0px,0px)`,
+        background: ({ isDragged, isDisabled }) => {
             if (isDisabled) {
                 return '#ececec';
             }
-            return isDragged ? "rgb(19, 92, 200)" : 'none';
+            return isDragged ? `rgb(19, 92, 200)` : 'none';
         },
         '&:hover': {
-            background: function (_a) {
-                var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
+            background: ({ isDragged, isDisabled }) => {
                 if (isDisabled) {
                     return '#ececec';
                 }
-                return isDragged ? "rgb(19, 92, 200)" : 'rgba(19, 92, 200, 0.2)';
+                return isDragged ? `rgb(19, 92, 200)` : 'rgba(19, 92, 200, 0.2)';
             }
         }
     }
 });
-var Range = function (_a) {
-    var initialValue = _a.initialValue, _b = _a.max, max = _b === void 0 ? 100 : _b, _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, onChange = _a.onChange, isDisabled = _a.isDisabled, name = _a.name, _e = _a.orientation, orientation = _e === void 0 ? 'horizontal' : _e;
-    var rangeRef = useRef(null);
-    var _f = useState(initialValue || min), value = _f[0], setValue = _f[1];
-    var _g = useState(false), isDragged = _g[0], setDragged = _g[1];
-    var _h = useState({ top: 0, left: 0 }), rangePosition = _h[0], setRangePosition = _h[1];
-    var classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged: isDragged, isDisabled: isDisabled });
-    useEffect(function () {
+const Range = ({ initialValue, max = 100, min = 0, step = 1, onChange, isDisabled, name, orientation = 'horizontal' }) => {
+    const rangeRef = useRef(null);
+    const [value, setValue] = useState(initialValue || min);
+    const [isDragged, setDragged] = useState(false);
+    const [rangePosition, setRangePosition] = useState({ top: 0, left: 0 });
+    const classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged, isDisabled });
+    useEffect(() => {
         if (rangeRef) {
-            var _a = getPositionFromValue({ value: initialValue || min, max: max, min: min, rangeRef: rangeRef }), top_1 = _a.top, left = _a.left;
+            const { top, left } = getPositionFromValue({ value: initialValue || min, max, min, rangeRef });
             if (orientation === 'horizontal') {
-                setRangePosition({ left: left, top: 0 });
+                setRangePosition({ left, top: 0 });
             }
             else {
-                setRangePosition({ left: 0, top: top_1 });
+                setRangePosition({ left: 0, top });
             }
         }
     }, [initialValue, max, min, orientation, rangeRef]);
-    var onRangeChangeEvent = function (position) {
+    const onRangeChangeEvent = (position) => {
         if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) || isDisabled) {
             return;
         }
-        var _a = getIndicatorPositionFromPosition({
+        const { positionY, positionX } = getIndicatorPositionFromPosition({
             elementRect: rangeRef.current.getBoundingClientRect(),
-            position: position
-        }), positionY = _a.positionY, positionX = _a.positionX;
+            position
+        });
         setRangePosition({ top: positionY, left: positionX });
-        var newValue = getValueFromPosition({
-            position: position,
+        const newValue = getValueFromPosition({
+            position,
             rangeRectangle: rangeRef.current.getBoundingClientRect(),
-            max: max,
-            min: min,
-            step: step
+            max,
+            min,
+            step
         });
         onChange === null || onChange === void 0 ? void 0 : onChange({
             value: newValue,
@@ -70,25 +64,25 @@ var Range = function (_a) {
         });
         setValue(newValue);
     };
-    var onSliderDown = function (event) {
+    const onSliderDown = (event) => {
         if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
             return;
         }
         setDragged(true);
         onRangeChangeEvent(mapMouseEventToPosition(event));
-        var onEndListener = function () { return setDragged(false); };
+        const onEndListener = () => setDragged(false);
         registerOnMouseEvents(onRangeChangeEvent, onEndListener);
     };
-    var onTouchStart = function (event) {
+    const onTouchStart = (event) => {
         if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
             return;
         }
         onRangeChangeEvent(mapTouchEventToPosition(event));
         registerOnTouchEvents(onRangeChangeEvent);
     };
-    return (React.createElement("div", { className: "".concat(styles[CSS_CLASSES.range], " ").concat(isDisabled ? styles[CSS_CLASSES.rangePointerDisabled] : ''), ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React.createElement("div", { className: "".concat(styles[CSS_CLASSES.rangePointer], " ").concat(classes.pointer), onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
-            React.createElement("div", { className: "".concat(styles[CSS_CLASSES.rangePointerInside], " ").concat(isDisabled ? styles[CSS_CLASSES.rangePointerInsideDisabled] : '') })),
+    return (React.createElement("div", { className: `${styles[CSS_CLASSES.range]} ${isDisabled ? styles[CSS_CLASSES.rangePointerDisabled] : ''}`, ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
+        React.createElement("div", { className: `${styles[CSS_CLASSES.rangePointer]} ${classes.pointer}`, onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
+            React.createElement("div", { className: `${styles[CSS_CLASSES.rangePointerInside]} ${isDisabled ? styles[CSS_CLASSES.rangePointerInsideDisabled] : ''}` })),
         name && React.createElement("input", { type: "hidden", name: name, value: value })));
 };