@dreamcommerce/aurora 0.3.4-159 → 0.3.4-162

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

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../../../_virtual/_tslib.js');
+var reactJss_esm = require('./../../../../../../../external_dependencies/react-jss/dist/react-jss.esm.js');
+var use_resize = require('../../../../hooks/use_resize.js');
+var reactDom = require('react-dom');
+var main_module = require('../../../../css/modal/main.module.less.js');
+var modal = require('../../components/modal.js');
+var utilities = require('../../utilities.js');
+var constants = require('../../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useStyles = reactJss_esm.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;
+        },
+        transform: utilities.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 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, rest = _tslib.__rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo"]);
+    var modalRef = React.useRef(null);
+    var _d = React.useState({}), positioning = _d[0], setPosition = _d[1];
+    var classes = useStyles(_tslib.__assign(_tslib.__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
+    React.useEffect(function () {
+        var _a, _b;
+        setPosition(utilities.calculateRelativePosition({
+            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,
+        }));
+    }, [relativeTo, animationDirection, position, offset, transformLength, isVisible]);
+    use_resize.useResize(function () {
+        var _a, _b;
+        setPosition(utilities.calculateRelativePosition({
+            position: position,
+            offset: offset,
+            transformLength: transformLength,
+            animationDirection: animationDirection,
+            relativeTo: 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 reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: classes.modal + " " + (isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+};
+
+exports.default = RelativeModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,8EAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/modal/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../css/modal/main.module.less.js');
+var content = require('./components/content.js');
+var header = require('./components/header.js');
+var footer = require('./components/footer.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Modal = function (_a) {
+    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
+    return (React__default['default'].createElement("div", { ref: modalRef, className: main_module['default']['modal-window'] + " " + className },
+        React__default['default'].createElement("div", { className: main_module['default']['modal-window__body'] }, children)));
+};
+Modal.Header = header['default'];
+Modal.Content = content['default'];
+Modal.Footer = footer['default'];
+
+exports.default = Modal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/modal/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport Content from './components/content';\nimport Header from './components/header';\nimport Footer from './components/footer';\nimport { IModalProps, IModalComposition } from '@components/modal/types';\nimport cssClasses from '@css/modal/main.module.less';\n\nconst Modal: FC<IModalProps> & IModalComposition = ({ children, className, modalRef }) => {\n    return (\n        <div ref={modalRef} className={`${cssClasses['modal-window']} ${className}`}>\n            <div className={cssClasses['modal-window__body']}>{children}</div>\n        </div>\n    );\n};\n\nModal.Header = Header;\nModal.Content = Content;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["React","cssClasses","Header","Content","Footer"],"mappings":";;;;;;;;;;;;;;IAOM,KAAK,GAAwC,UAAC,EAAiC;QAA/B,sBAAQ,EAAE,wBAAS,EAAE,sBAAQ;IAC/E,QACIA,iDAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAKC,sBAAU,CAAC,cAAc,CAAC,SAAI,SAAW;QACvED,iDAAK,SAAS,EAAEC,sBAAU,CAAC,oBAAoB,CAAC,IAAG,QAAQ,CAAO,CAChE,EACR;AACN,EAAE;AAEF,KAAK,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACtB,KAAK,CAAC,OAAO,GAAGC,kBAAO,CAAC;AACxB,KAAK,CAAC,MAAM,GAAGC,iBAAM;;;;"}

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

@@ -0,0 +1,176 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+
+/**
+ * Function to get proper css style from props and state
+ * @param animationDirection, taken from props
+ * @param transformLength, taken from state
+ * @param isVisible, taken from state
+ * @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;
+    if (transform) {
+        return transform({ isVisible: isVisible });
+    }
+    if (animationDirection === 'bottomTop') {
+        return "translate(0px, " + (isVisible ? "-" + transformLength + "px" : '0px') + ")";
+    }
+    if (animationDirection === 'leftRight') {
+        return "translate(" + (isVisible ? transformLength + "px" : '0px') + ", 0px)";
+    }
+    if (animationDirection === 'rightLeft') {
+        return "translate(" + (isVisible ? "-" + transformLength + "px" : '0px') + ", 0px)";
+    }
+    return "translate(0px, " + (isVisible ? transformLength + "px" : '0px') + ")";
+};
+/**
+ * Function for relative to check if modal is still in viewport
+ * @param relativeRect, relative rectangle
+ * @param modalRect, modal rectangle
+ * @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;
+    return {
+        isLeftPositionPossible: x - modalWidth - offset > 0,
+        isRightPositionPossible: x + width + modalWidth + offset < window.innerWidth,
+        isBottomPositionPossible: y + height + modalHeight + offset < window.innerHeight,
+        isTopPositionPossible: y - modalHeight - offset > 0,
+    };
+};
+/**
+ *
+ * @param transformLength
+ * @return values which will used in transform
+ */
+var animationOffsets = function (transformLength) { return ({
+    verticalAnimationOffset: {
+        bottomTop: -transformLength,
+        topBottom: transformLength,
+        leftRight: 0,
+        rightLeft: 0,
+    },
+    horizontalAnimationOffset: {
+        bottomTop: 0,
+        topBottom: 0,
+        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
+ * @param transformLength, taken from previously calculated values
+ * @param modalRect, used to calculate available positions and position of modal
+ * @param offset,
+ * @param animationDirection, chosen animation by default "topBottom"
+ * @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);
+    if (rightPosition) {
+        return {
+            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,
+            left: x + offset + width + horizontalAnimationOffset[animationDirection],
+        };
+    }
+    if (leftPosition) {
+        return {
+            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,
+            left: x - offset - modalWidth + horizontalAnimationOffset[animationDirection],
+        };
+    }
+    if (topPosition) {
+        return {
+            top: y - offset - modalHeight - verticalAnimationOffset[animationDirection],
+            left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2,
+        };
+    }
+    return {
+        top: y + height + offset - verticalAnimationOffset[animationDirection],
+        left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2,
+    };
+};
+/**
+ * @param vPosition, verticalPosition
+ * @param hPosition, horizontalPosition
+ * @param modalRect, used to calculate position
+ * @param offset = 0,
+ * @param transformLength, taken from previously calculated values
+ * @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 = {
+        bottomTop: -transformLength,
+        topBottom: transformLength,
+        leftRight: 0,
+        rightLeft: 0,
+    };
+    var horizontalOffset = {
+        bottomTop: 0,
+        topBottom: 0,
+        leftRight: -transformLength,
+        rightLeft: transformLength,
+    };
+    var verticalPositions = {
+        top: {
+            top: offset - verticalOffset[animationDirection],
+            bottom: undefined,
+        },
+        middle: {
+            top: (innerHeight - height) / 2 - verticalOffset[animationDirection],
+            bottom: undefined,
+        },
+        bottom: {
+            top: innerHeight - height - verticalOffset[animationDirection],
+            bottom: undefined,
+        },
+    };
+    var horizontalPositions = {
+        left: {
+            left: offset + horizontalOffset[animationDirection],
+            right: undefined,
+        },
+        center: {
+            left: innerWidth / 2 - width / 2 + horizontalOffset[animationDirection],
+            right: undefined,
+        },
+        right: {
+            left: undefined,
+            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 };
+};
+
+exports.availablePositions = availablePositions;
+exports.calculateAbsolutePosition = calculateAbsolutePosition;
+exports.calculateRelativePosition = calculateRelativePosition;
+exports.getTransformFromAnimationDirection = getTransformFromAnimationDirection;
+//# sourceMappingURL=utilities.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/modal/utilities.ts"],"sourcesContent":["import { IAbsoluteModalProps, IAbsoluteCalculation, IRelativeCalculation } from '@components/modal/types';\n\n/**\n * Function to get proper css style from props and state\n * @param animationDirection, taken from props\n * @param transformLength, taken from state\n * @param isVisible, taken from state\n * @param transform, taken from props if it is set then custom transform function is ran\n * @return css string which is used in styling\n */\nexport const getTransformFromAnimationDirection = ({ animationDirection, transformLength, isVisible, transform }: IAbsoluteModalProps) => {\n    if (transform) {\n        return transform({ isVisible });\n    }\n    if (animationDirection === 'bottomTop') {\n        return `translate(0px, ${isVisible ? `-${transformLength}px` : '0px'})`;\n    }\n    if (animationDirection === 'leftRight') {\n        return `translate(${isVisible ? `${transformLength}px` : '0px'}, 0px)`;\n    }\n    if (animationDirection === 'rightLeft') {\n        return `translate(${isVisible ? `-${transformLength}px` : '0px'}, 0px)`;\n    }\n    return `translate(0px, ${isVisible ? `${transformLength}px` : '0px'})`;\n};\n\n/**\n * Function for relative to check if modal is still in viewport\n * @param relativeRect, relative rectangle\n * @param modalRect, modal rectangle\n * @param offset\n * @return object of available directions in booleans\n */\nexport const availablePositions = ({\n    relativeRect,\n    modalRect,\n    offset = 0,\n}: {\n    relativeRect?: DOMRect;\n    modalRect?: DOMRect;\n    offset?: number;\n}) => {\n    const { x = 0, y = 0, width = 0, height = 0 } = relativeRect || {};\n    const { width: modalWidth = 0, height: modalHeight = 0 } = modalRect || {};\n\n    return {\n        isLeftPositionPossible: x - modalWidth - offset > 0,\n        isRightPositionPossible: x + width + modalWidth + offset < window.innerWidth,\n        isBottomPositionPossible: y + height + modalHeight + offset < window.innerHeight,\n        isTopPositionPossible: y - modalHeight - offset > 0,\n    };\n};\n/**\n *\n * @param transformLength\n * @return values which will used in transform\n */\nconst animationOffsets = (transformLength: number) => ({\n    verticalAnimationOffset: {\n        bottomTop: -transformLength,\n        topBottom: transformLength,\n        leftRight: 0,\n        rightLeft: 0,\n    },\n    horizontalAnimationOffset: {\n        bottomTop: 0,\n        topBottom: 0,\n        leftRight: -transformLength,\n        rightLeft: transformLength,\n    },\n});\n\n/**\n * Function to return left, top, bottom, right css values, which will be used to placed modal\n * @param position, chosen position of modal\n * @param transformLength, taken from previously calculated values\n * @param modalRect, used to calculate available positions and position of modal\n * @param offset,\n * @param animationDirection, chosen animation by default \"topBottom\"\n * @param relativeRect, used to calculate  available positions and position of modal\n * @return based on animationPosition and availablePositions css values\n */\nexport const calculateRelativePosition = ({\n    position,\n    modalRect,\n    relativeRect,\n    offset = 0,\n    transformLength = 0,\n    animationDirection = 'topBottom',\n}: IRelativeCalculation) => {\n    const { verticalAnimationOffset, horizontalAnimationOffset } = animationOffsets(transformLength);\n    const { isLeftPositionPossible, isRightPositionPossible, isBottomPositionPossible, isTopPositionPossible } = availablePositions({\n        relativeRect,\n        modalRect,\n        offset,\n    });\n\n    const { x = 0, y = 0, width = 0, height = 0 } = relativeRect || {};\n    const { width: modalWidth = 0, height: modalHeight = 0 } = modalRect || {};\n    const rightPosition =\n        (position === 'right' && (isRightPositionPossible || !isLeftPositionPossible)) || (position === 'left' && !isLeftPositionPossible);\n    const leftPosition =\n        (position === 'left' && (isLeftPositionPossible || !isRightPositionPossible)) || (position === 'right' && !isRightPositionPossible);\n    const topPosition =\n        (position === 'top' && (isTopPositionPossible || !isBottomPositionPossible)) || (position === 'bottom' && !isBottomPositionPossible);\n\n    if (rightPosition) {\n        return {\n            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,\n            left: x + offset + width + horizontalAnimationOffset[animationDirection],\n        };\n    }\n    if (leftPosition) {\n        return {\n            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,\n            left: x - offset - modalWidth + horizontalAnimationOffset[animationDirection],\n        };\n    }\n    if (topPosition) {\n        return {\n            top: y - offset - modalHeight - verticalAnimationOffset[animationDirection],\n            left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2,\n        };\n    }\n\n    return {\n        top: y + height + offset - verticalAnimationOffset[animationDirection],\n        left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2,\n    };\n};\n\n/**\n * @param vPosition, verticalPosition\n * @param hPosition, horizontalPosition\n * @param modalRect, used to calculate position\n * @param offset = 0,\n * @param transformLength, taken from previously calculated values\n * @param animationDirection, chosen animation, by default \"topBottom\"\n * direction is chosen based on vPosition and hPosition\n */\nexport const calculateAbsolutePosition = ({\n    vPosition = 'middle',\n    hPosition = 'center',\n    modalRect,\n    offset = 0,\n    transformLength = 0,\n    animationDirection = 'topBottom',\n}: IAbsoluteCalculation) => {\n    const { innerWidth, innerHeight } = window;\n    const { width = 0, height = 0 } = modalRect || {};\n\n    const verticalOffset = {\n        bottomTop: -transformLength,\n        topBottom: transformLength,\n        leftRight: 0,\n        rightLeft: 0,\n    };\n    const horizontalOffset = {\n        bottomTop: 0,\n        topBottom: 0,\n        leftRight: -transformLength,\n        rightLeft: transformLength,\n    };\n    const verticalPositions = {\n        top: {\n            top: offset - verticalOffset[animationDirection],\n            bottom: undefined,\n        },\n        middle: {\n            top: (innerHeight - height) / 2 - verticalOffset[animationDirection],\n            bottom: undefined,\n        },\n        bottom: {\n            top: innerHeight - height - verticalOffset[animationDirection],\n            bottom: undefined,\n        },\n    };\n\n    const horizontalPositions = {\n        left: {\n            left: offset + horizontalOffset[animationDirection],\n            right: undefined,\n        },\n        center: {\n            left: innerWidth / 2 - width / 2 + horizontalOffset[animationDirection],\n            right: undefined,\n        },\n        right: {\n            left: undefined,\n            right: offset + horizontalOffset[animationDirection],\n        },\n    };\n\n    const { top, bottom } = verticalPositions[vPosition];\n    const { left, right } = horizontalPositions[hPosition];\n\n    return { top, bottom, left, right };\n};\n"],"names":[],"mappings":";;;;;;AAEA;;;;;;;;IAQa,kCAAkC,GAAG,UAAC,EAAkF;QAAhF,0CAAkB,EAAE,oCAAe,EAAE,wBAAS,EAAE,wBAAS;IAC1G,IAAI,SAAS,EAAE;QACX,OAAO,SAAS,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;KACnC;IACD,IAAI,kBAAkB,KAAK,WAAW,EAAE;QACpC,OAAO,qBAAkB,SAAS,GAAG,MAAI,eAAe,OAAI,GAAG,KAAK,OAAG,CAAC;KAC3E;IACD,IAAI,kBAAkB,KAAK,WAAW,EAAE;QACpC,OAAO,gBAAa,SAAS,GAAM,eAAe,OAAI,GAAG,KAAK,YAAQ,CAAC;KAC1E;IACD,IAAI,kBAAkB,KAAK,WAAW,EAAE;QACpC,OAAO,gBAAa,SAAS,GAAG,MAAI,eAAe,OAAI,GAAG,KAAK,YAAQ,CAAC;KAC3E;IACD,OAAO,qBAAkB,SAAS,GAAM,eAAe,OAAI,GAAG,KAAK,OAAG,CAAC;AAC3E,EAAE;AAEF;;;;;;;IAOa,kBAAkB,GAAG,UAAC,EAQlC;QAPG,8BAAY,EACZ,wBAAS,EACT,cAAU,EAAV,+BAAU;IAMJ,IAAA,uBAA4D,EAA1D,SAAK,EAAL,0BAAK,EAAE,SAAK,EAAL,0BAAK,EAAE,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAAiC,CAAC;IAC7D,IAAA,oBAAoE,EAAlE,aAAqB,EAArB,mCAAqB,EAAE,cAAuB,EAAvB,oCAA2C,CAAC;IAE3E,OAAO;QACH,sBAAsB,EAAE,CAAC,GAAG,UAAU,GAAG,MAAM,GAAG,CAAC;QACnD,uBAAuB,EAAE,CAAC,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC,UAAU;QAC5E,wBAAwB,EAAE,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC,WAAW;QAChF,qBAAqB,EAAE,CAAC,GAAG,WAAW,GAAG,MAAM,GAAG,CAAC;KACtD,CAAC;AACN,EAAE;AACF;;;;;AAKA,IAAM,gBAAgB,GAAG,UAAC,eAAuB,IAAK,QAAC;IACnD,uBAAuB,EAAE;QACrB,SAAS,EAAE,CAAC,eAAe;QAC3B,SAAS,EAAE,eAAe;QAC1B,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;KACf;IACD,yBAAyB,EAAE;QACvB,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC,eAAe;QAC3B,SAAS,EAAE,eAAe;KAC7B;CACJ,IAAC,CAAC;AAEH;;;;;;;;;;IAUa,yBAAyB,GAAG,UAAC,EAOnB;QANnB,sBAAQ,EACR,wBAAS,EACT,8BAAY,EACZ,cAAU,EAAV,+BAAU,EACV,uBAAmB,EAAnB,wCAAmB,EACnB,0BAAgC,EAAhC,qDAAgC;IAE1B,IAAA,sCAA0F,EAAxF,oDAAuB,EAAE,wDAA+D,CAAC;IAC3F,IAAA;;;;MAIJ,EAJM,kDAAsB,EAAE,oDAAuB,EAAE,sDAAwB,EAAE,gDAIjF,CAAC;IAEG,IAAA,uBAA4D,EAA1D,SAAK,EAAL,0BAAK,EAAE,SAAK,EAAL,0BAAK,EAAE,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAAiC,CAAC;IAC7D,IAAA,oBAAoE,EAAlE,aAAqB,EAArB,mCAAqB,EAAE,cAAuB,EAAvB,oCAA2C,CAAC;IAC3E,IAAM,aAAa,GACf,CAAC,QAAQ,KAAK,OAAO,KAAK,uBAAuB,IAAI,CAAC,sBAAsB,CAAC,MAAM,QAAQ,KAAK,MAAM,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACvI,IAAM,YAAY,GACd,CAAC,QAAQ,KAAK,MAAM,KAAK,sBAAsB,IAAI,CAAC,uBAAuB,CAAC,MAAM,QAAQ,KAAK,OAAO,IAAI,CAAC,uBAAuB,CAAC,CAAC;IACxI,IAAM,WAAW,GACb,CAAC,QAAQ,KAAK,KAAK,KAAK,qBAAqB,IAAI,CAAC,wBAAwB,CAAC,MAAM,QAAQ,KAAK,QAAQ,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAEzI,IAAI,aAAa,EAAE;QACf,OAAO;YACH,GAAG,EAAE,CAAC,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;YACnF,IAAI,EAAE,CAAC,GAAG,MAAM,GAAG,KAAK,GAAG,yBAAyB,CAAC,kBAAkB,CAAC;SAC3E,CAAC;KACL;IACD,IAAI,YAAY,EAAE;QACd,OAAO;YACH,GAAG,EAAE,CAAC,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;YACnF,IAAI,EAAE,CAAC,GAAG,MAAM,GAAG,UAAU,GAAG,yBAAyB,CAAC,kBAAkB,CAAC;SAChF,CAAC;KACL;IACD,IAAI,WAAW,EAAE;QACb,OAAO;YACH,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,uBAAuB,CAAC,kBAAkB,CAAC;YAC3E,IAAI,EAAE,CAAC,GAAG,yBAAyB,CAAC,kBAAkB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;SACvF,CAAC;KACL;IAED,OAAO;QACH,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,uBAAuB,CAAC,kBAAkB,CAAC;QACtE,IAAI,EAAE,CAAC,GAAG,yBAAyB,CAAC,kBAAkB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;KACvF,CAAC;AACN,EAAE;AAEF;;;;;;;;;IASa,yBAAyB,GAAG,UAAC,EAOnB;QANnB,iBAAoB,EAApB,yCAAoB,EACpB,iBAAoB,EAApB,yCAAoB,EACpB,wBAAS,EACT,cAAU,EAAV,+BAAU,EACV,uBAAmB,EAAnB,wCAAmB,EACnB,0BAAgC,EAAhC,qDAAgC;IAExB,IAAA,8BAAU,EAAE,gCAAW,CAAY;IACrC,IAAA,oBAA2C,EAAzC,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAA8B,CAAC;IAElD,IAAM,cAAc,GAAG;QACnB,SAAS,EAAE,CAAC,eAAe;QAC3B,SAAS,EAAE,eAAe;QAC1B,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;KACf,CAAC;IACF,IAAM,gBAAgB,GAAG;QACrB,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC,eAAe;QAC3B,SAAS,EAAE,eAAe;KAC7B,CAAC;IACF,IAAM,iBAAiB,GAAG;QACtB,GAAG,EAAE;YACD,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC,kBAAkB,CAAC;YAChD,MAAM,EAAE,SAAS;SACpB;QACD,MAAM,EAAE;YACJ,GAAG,EAAE,CAAC,WAAW,GAAG,MAAM,IAAI,CAAC,GAAG,cAAc,CAAC,kBAAkB,CAAC;YACpE,MAAM,EAAE,SAAS;SACpB;QACD,MAAM,EAAE;YACJ,GAAG,EAAE,WAAW,GAAG,MAAM,GAAG,cAAc,CAAC,kBAAkB,CAAC;YAC9D,MAAM,EAAE,SAAS;SACpB;KACJ,CAAC;IAEF,IAAM,mBAAmB,GAAG;QACxB,IAAI,EAAE;YACF,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;YACnD,KAAK,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;YACvE,KAAK,EAAE,SAAS;SACnB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;SACvD;KACJ,CAAC;IAEI,IAAA,iCAA8C,EAA5C,YAAG,EAAE,kBAAuC,CAAC;IAC/C,IAAA,mCAAgD,EAA9C,cAAI,EAAE,gBAAwC,CAAC;IAEvD,OAAO,EAAE,GAAG,KAAA,EAAE,MAAM,QAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC;AACxC;;;;;;;"}

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_RANGE = 'range';
+var CSS_RANGE_POINTER = 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';
+var CSS_CLASSES = {
+    range: CSS_RANGE,
+    rangePointer: CSS_RANGE_POINTER,
+    rangePointerDisabled: CSS_RANGE_POINTER_DISABLED,
+    rangePointerInside: CSS_RANGE_POINTER_INSIDE,
+    rangePointerInsideDisabled: CSS_RANGE_POINTER_INSIDE_DISABLED,
+};
+
+exports.default = CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/range/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../../../src/components/range/css_classes.ts"],"sourcesContent":["const CSS_RANGE = 'range';\nconst CSS_RANGE_POINTER = `${CSS_RANGE}__pointer`;\nconst CSS_RANGE_POINTER_DISABLED = CSS_RANGE_POINTER + '_disabled';\nconst CSS_RANGE_POINTER_INSIDE = CSS_RANGE_POINTER + '-inside';\nconst CSS_RANGE_POINTER_INSIDE_DISABLED = CSS_RANGE_POINTER_INSIDE + '_disabled';\n\nexport default {\n    range: CSS_RANGE,\n    rangePointer: CSS_RANGE_POINTER,\n    rangePointerDisabled: CSS_RANGE_POINTER_DISABLED,\n    rangePointerInside: CSS_RANGE_POINTER_INSIDE,\n    rangePointerInsideDisabled: CSS_RANGE_POINTER_INSIDE_DISABLED,\n};\n"],"names":[],"mappings":";;;;AAAA,IAAM,SAAS,GAAG,OAAO,CAAC;AAC1B,IAAM,iBAAiB,GAAM,SAAS,cAAW,CAAC;AAClD,IAAM,0BAA0B,GAAG,iBAAiB,GAAG,WAAW,CAAC;AACnE,IAAM,wBAAwB,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAC/D,IAAM,iCAAiC,GAAG,wBAAwB,GAAG,WAAW,CAAC;AAEjF,kBAAe;IACX,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,iBAAiB;IAC/B,oBAAoB,EAAE,0BAA0B;IAChD,kBAAkB,EAAE,wBAAwB;IAC5C,0BAA0B,EAAE,iCAAiC;CAChE;;;;"}

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

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactJss_esm = require('./../../../../../external_dependencies/react-jss/dist/react-jss.esm.js');
+var range_mappings = require('../../utilities/range/range_mappings.js');
+var event_registration = require('../../utilities/events/event_registration.js');
+var main_module = require('../../css/range/main.module.less.js');
+var css_classes = require('./css_classes.js');
+var utilities = require('./utilities.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useStyles = reactJss_esm.createUseStyles({
+    pointer: {
+        transform: function (_a) {
+            var left = _a.left;
+            return "translate3d(" + (left - 10) + "px,0px,0px)";
+        },
+        background: function (_a) {
+            var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
+            if (isDisabled) {
+                return '#ececec';
+            }
+            return isDragged ? "rgb(19, 92, 200)" : 'none';
+        },
+        '&:hover': {
+            background: function (_a) {
+                var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
+                if (isDisabled) {
+                    return '#ececec';
+                }
+                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 = React.useRef(null);
+    var _f = React.useState(initialValue || min), value = _f[0], setValue = _f[1];
+    var _g = React.useState(false), isDragged = _g[0], setDragged = _g[1];
+    var _h = React.useState({ top: 0, left: 0 }), rangePosition = _h[0], setRangePosition = _h[1];
+    var classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged: isDragged, isDisabled: isDisabled });
+    React.useEffect(function () {
+        if (rangeRef) {
+            var _a = utilities.getPositionFromValue({ value: initialValue || min, max: max, min: min, rangeRef: rangeRef }), top_1 = _a.top, left = _a.left;
+            if (orientation === 'horizontal') {
+                setRangePosition({ left: left, top: 0 });
+            }
+            else {
+                setRangePosition({ left: 0, top: top_1 });
+            }
+        }
+    }, [initialValue, max, min, orientation, rangeRef]);
+    var onRangeChangeEvent = function (position) {
+        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) || isDisabled) {
+            return;
+        }
+        var _a = range_mappings.getIndicatorPositionFromPosition({
+            elementRect: rangeRef.current.getBoundingClientRect(),
+            position: position,
+        }), positionY = _a.positionY, positionX = _a.positionX;
+        setRangePosition({ top: positionY, left: positionX });
+        var newValue = utilities.getValueFromPosition({
+            position: position,
+            rangeRectangle: rangeRef.current.getBoundingClientRect(),
+            max: max,
+            min: min,
+            step: step,
+        });
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            value: newValue,
+            prevValue: value,
+        });
+        setValue(newValue);
+    };
+    var onSliderDown = function (event) {
+        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
+            return;
+        }
+        setDragged(true);
+        onRangeChangeEvent(event_registration.mapMouseEventToPosition(event));
+        var onEndListener = function () { return setDragged(false); };
+        event_registration.registerOnMouseEvents(onRangeChangeEvent, onEndListener);
+    };
+    var onTouchStart = function (event) {
+        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
+            return;
+        }
+        onRangeChangeEvent(event_registration.mapTouchEventToPosition(event));
+        event_registration.registerOnTouchEvents(onRangeChangeEvent);
+    };
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].range] + " " + (isDisabled ? main_module['default'][css_classes['default'].rangePointerDisabled] : ''), ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].rangePointer] + " " + classes.pointer, onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
+            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].rangePointerInside] + " " + (isDisabled ? main_module['default'][css_classes['default'].rangePointerInsideDisabled] : '') })),
+        name && React__default['default'].createElement("input", { type: "hidden", name: name, value: value })));
+};
+
+exports.default = Range;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,wEAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/range/utilities.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+var range_mappings = require('../../utilities/range/range_mappings.js');
+
+var getPositionFromValue = function (_a) {
+    var value = _a.value, rangeRef = _a.rangeRef, max = _a.max, min = _a.min;
+    var _b;
+    var _c = ((_b = rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {}, _d = _c.width, width = _d === void 0 ? 0 : _d, _e = _c.height, height = _e === void 0 ? 0 : _e;
+    var difference = max - min;
+    return {
+        left: range_mappings.constrainToRange(((value - min) / difference) * width, 0, width),
+        top: range_mappings.constrainToRange(((value - min) / difference) * height, 0, height),
+    };
+};
+var getValueFromPosition = function (_a) {
+    var rangeRectangle = _a.rangeRectangle, position = _a.position, _b = _a.rotation, rotation = _b === void 0 ? 'horizontal' : _b, _c = _a.step, step = _c === void 0 ? 1 : _c, _d = _a.max, max = _d === void 0 ? 100 : _d, _e = _a.min, min = _e === void 0 ? 0 : _e;
+    var _f, _g;
+    var clientY = position.clientY, clientX = position.clientX;
+    var top = rangeRectangle.top, height = rangeRectangle.height, width = rangeRectangle.width, left = rangeRectangle.left;
+    var difference = max - min;
+    var distance = rotation === 'horizontal' ? range_mappings.constrainToRange(clientX - left, 0, width) : range_mappings.constrainToRange(clientY - top, 0, height);
+    var rawValue = rotation === 'horizontal' ? (distance * difference) / width : (distance * difference) / height;
+    var flooredValue = Math.floor(rawValue / step) * step;
+    var ceiledValue = Math.ceil(rawValue / step) * step + step;
+    var value = ceiledValue - rawValue < step / 2 ? flooredValue : ceiledValue;
+    var fractionDigits = ((_g = (_f = ("" + step).split('.')) === null || _f === void 0 ? void 0 : _f[1]) === null || _g === void 0 ? void 0 : _g.length) || 0;
+    var fixedValue = (value + min - step).toFixed(fractionDigits);
+    return Number(fixedValue);
+};
+
+exports.getPositionFromValue = getPositionFromValue;
+exports.getValueFromPosition = getValueFromPosition;
+//# sourceMappingURL=utilities.js.map

package/build/cjs/packages/aurora/src/components/range/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/range/utilities.ts"],"sourcesContent":["import { IPosition } from '@components/color_picker/types';\nimport { constrainToRange } from '@utilities/range/range_mappings';\nimport { RefObject } from 'react';\n\nexport const getPositionFromValue = ({\n    value,\n    rangeRef,\n    max,\n    min,\n}: {\n    rangeRef?: RefObject<HTMLDivElement>;\n    value: number;\n    max: number;\n    min: number;\n}) => {\n    const { width = 0, height = 0 } = rangeRef?.current?.getBoundingClientRect() || {};\n    const difference = max - min;\n\n    return {\n        left: constrainToRange(((value - min) / difference) * width, 0, width),\n        top: constrainToRange(((value - min) / difference) * height, 0, height),\n    };\n};\n\nexport const getValueFromPosition = ({\n    rangeRectangle,\n    position,\n    rotation = 'horizontal',\n    step = 1,\n    max = 100,\n    min = 0,\n}: {\n    rangeRectangle: DOMRect;\n    position: IPosition;\n    rotation?: string;\n    step?: number;\n    max?: number;\n    min?: number;\n}) => {\n    const { clientY, clientX } = position;\n    const { top, height, width, left } = rangeRectangle;\n    const difference = max - min;\n\n    const distance = rotation === 'horizontal' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);\n    const rawValue = rotation === 'horizontal' ? (distance * difference) / width : (distance * difference) / height;\n    const flooredValue = Math.floor(rawValue / step) * step;\n    const ceiledValue = Math.ceil(rawValue / step) * step + step;\n    const value = ceiledValue - rawValue < step / 2 ? flooredValue : ceiledValue;\n    const fractionDigits = `${step}`.split('.')?.[1]?.length || 0;\n    const fixedValue = (value + min - step).toFixed(fractionDigits);\n\n    return Number(fixedValue);\n};\n"],"names":["constrainToRange"],"mappings":";;;;;;;IAIa,oBAAoB,GAAG,UAAC,EAUpC;QATG,gBAAK,EACL,sBAAQ,EACR,YAAG,EACH,YAAG;;IAOG,IAAA,wJAA4E,EAA1E,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAA+D,CAAC;IACnF,IAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;IAE7B,OAAO;QACH,IAAI,EAAEA,+BAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,UAAU,IAAI,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC;QACtE,GAAG,EAAEA,+BAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,UAAU,IAAI,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC;KAC1E,CAAC;AACN,EAAE;IAEW,oBAAoB,GAAG,UAAC,EAcpC;QAbG,kCAAc,EACd,sBAAQ,EACR,gBAAuB,EAAvB,4CAAuB,EACvB,YAAQ,EAAR,6BAAQ,EACR,WAAS,EAAT,8BAAS,EACT,WAAO,EAAP,4BAAO;;IASC,IAAA,0BAAO,EAAE,0BAAO,CAAc;IAC9B,IAAA,wBAAG,EAAE,8BAAM,EAAE,4BAAK,EAAE,0BAAI,CAAoB;IACpD,IAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;IAE7B,IAAM,QAAQ,GAAG,QAAQ,KAAK,YAAY,GAAGA,+BAAgB,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,GAAGA,+BAAgB,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;IACrI,IAAM,QAAQ,GAAG,QAAQ,KAAK,YAAY,GAAG,CAAC,QAAQ,GAAG,UAAU,IAAI,KAAK,GAAG,CAAC,QAAQ,GAAG,UAAU,IAAI,MAAM,CAAC;IAChH,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACxD,IAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7D,IAAM,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,IAAI,GAAG,CAAC,GAAG,YAAY,GAAG,WAAW,CAAC;IAC7E,IAAM,cAAc,GAAG,aAAA,CAAA,KAAG,IAAM,EAAC,KAAK,CAAC,GAAG,CAAC,0CAAG,CAAC,2CAAG,MAAM,KAAI,CAAC,CAAC;IAC9D,IAAM,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,GAAG,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEhE,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;AAC9B;;;;;"}

package/build/cjs/packages/aurora/src/components/spacing/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../css/spacing/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var getClassNames = function (props) {
+    var classes = [];
+    for (var _i = 0, _a = Object.entries(props); _i < _a.length; _i++) {
+        var _b = _a[_i], key = _b[0], value = _b[1];
+        if (typeof value === 'number') {
+            var cssClassName = key + "_" + value;
+            var className = main_module['default'][cssClassName];
+            if (className) {
+                classes.push(className);
+            }
+        }
+    }
+    return classes.join(' ');
+};
+var Spacing = function (props) {
+    return React__default['default'].createElement("" + props.as, {
+        className: getClassNames(props),
+    }, props.children);
+};
+
+exports.default = Spacing;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/spacing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/spacing/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport cssClasses from '@css/spacing/main.module.less';\n\nimport { ISpacingProps } from './types';\n\nconst getClassNames = (props: ISpacingProps): string => {\n    const classes: string[] = [];\n\n    for (const [key, value] of Object.entries(props) as [string, unknown][]) {\n        if (typeof value === 'number') {\n            const cssClassName = `${key}_${value}`;\n            const className = cssClasses[cssClassName];\n\n            if (className) {\n                classes.push(className);\n            }\n        }\n    }\n\n    return classes.join(' ');\n};\n\nconst Spacing: React.FC<ISpacingProps> = (props): JSX.Element => {\n    return React.createElement(\n        `${props.as}`,\n        {\n            className: getClassNames(props),\n        },\n        props.children\n    );\n};\n\nexport default Spacing;\n"],"names":["cssClasses","React"],"mappings":";;;;;;;;;;;AAMA,IAAM,aAAa,GAAG,UAAC,KAAoB;IACvC,IAAM,OAAO,GAAa,EAAE,CAAC;IAE7B,KAA2B,UAA4C,EAA5C,KAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAwB,EAA5C,cAA4C,EAA5C,IAA4C,EAAE;QAA9D,IAAA,WAAY,EAAX,WAAG,EAAE,aAAK;QAClB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,IAAM,YAAY,GAAM,GAAG,SAAI,KAAO,CAAC;YACvC,IAAM,SAAS,GAAGA,sBAAU,CAAC,YAAY,CAAC,CAAC;YAE3C,IAAI,SAAS,EAAE;gBACX,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC3B;SACJ;KACJ;IAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7B,CAAC,CAAC;IAEI,OAAO,GAA4B,UAAC,KAAK;IAC3C,OAAOC,yBAAK,CAAC,aAAa,CACtB,KAAG,KAAK,CAAC,EAAI,EACb;QACI,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;KAClC,EACD,KAAK,CAAC,QAAQ,CACjB,CAAC;AACN;;;;"}

package/build/cjs/packages/aurora/src/components/table/components/cell.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('../../../utilities/styles/classNames.js');
+var main_module = require('../../../css/table/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var cellClassName = function (_a) {
+    var _b = _a === void 0 ? {} : _a, clearPadding = _b.clearPadding, color = _b.color, header = _b.header, highlight = _b.highlight, size = _b.size, sticky = _b.sticky;
+    return classNames.classNames([
+        'cell',
+        clearPadding && 'cell_clear-padding',
+        highlight && 'cell_highlight',
+        sticky && 'cell_sticky',
+        header && 'cell_header',
+        color && "cell_" + color,
+        size && "cell_" + size,
+    ], main_module['default']);
+};
+var Cell = function (_a) {
+    var children = _a.children, clearPadding = _a.clearPadding, color = _a.color, header = _a.header, highlight = _a.highlight, size = _a.size, sticky = _a.sticky;
+    return (React__default['default'].createElement("td", { className: cellClassName({ clearPadding: clearPadding, color: color, header: header, highlight: highlight, size: size, sticky: sticky }) }, children));
+};
+
+exports.default = Cell;
+//# sourceMappingURL=cell.js.map

package/build/cjs/packages/aurora/src/components/table/components/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","sources":["../../../../../../../../src/components/table/components/cell.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport cssClasses from '@css/table/main.module.less';\nimport { ICellProps } from '../types';\n\nconst cellClassName = ({ clearPadding, color, header, highlight, size, sticky }: ICellProps = {}) =>\n    classNames(\n        [\n            'cell',\n            clearPadding && 'cell_clear-padding',\n            highlight && 'cell_highlight',\n            sticky && 'cell_sticky',\n            header && 'cell_header',\n            color && `cell_${color}`,\n            size && `cell_${size}`,\n        ],\n        cssClasses\n    );\n\nconst Cell: FC<ICellProps> = ({ children, clearPadding, color, header, highlight, size, sticky }) => (\n    <td className={cellClassName({ clearPadding, color, header, highlight, size, sticky })}>{children}</td>\n);\n\nexport default Cell;\n"],"names":["classNames","cssClasses","React"],"mappings":";;;;;;;;;;;;AAKA,IAAM,aAAa,GAAG,UAAC,EAAyE;QAAzE,4BAAyE,EAAvE,8BAAY,EAAE,gBAAK,EAAE,kBAAM,EAAE,wBAAS,EAAE,cAAI,EAAE,kBAAM;IACzE,OAAAA,qBAAU,CACN;QACI,MAAM;QACN,YAAY,IAAI,oBAAoB;QACpC,SAAS,IAAI,gBAAgB;QAC7B,MAAM,IAAI,aAAa;QACvB,MAAM,IAAI,aAAa;QACvB,KAAK,IAAI,UAAQ,KAAO;QACxB,IAAI,IAAI,UAAQ,IAAM;KACzB,EACDC,sBAAU,CACb;AAXD,CAWC,CAAC;IAEA,IAAI,GAAmB,UAAC,EAAkE;QAAhE,sBAAQ,EAAE,8BAAY,EAAE,gBAAK,EAAE,kBAAM,EAAE,wBAAS,EAAE,cAAI,EAAE,kBAAM;IAAO,QACjGC,gDAAI,SAAS,EAAE,aAAa,CAAC,EAAE,YAAY,cAAA,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,IAAG,QAAQ,CAAM;AADN;;;;"}

package/build/cjs/packages/aurora/src/components/table/components/row.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/table/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var rowClassName = function (_a) {
+    var responsive = _a.responsive, responsiveWithoutAction = _a.responsiveWithoutAction;
+    return main_module['default'][responsiveWithoutAction ? 'tr_responsive-columns_without-actions' : responsive ? 'tr_responsive-columns' : ''];
+};
+var Row = function (_a) {
+    var responsiveWithoutAction = _a.responsiveWithoutAction, responsive = _a.responsive, children = _a.children;
+    return (React__default['default'].createElement("tr", { className: rowClassName({ responsive: responsive, responsiveWithoutAction: responsiveWithoutAction }) }, children));
+};
+
+exports.default = Row;
+//# sourceMappingURL=row.js.map

package/build/cjs/packages/aurora/src/components/table/components/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sources":["../../../../../../../../src/components/table/components/row.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styles from '@css/table/main.module.less';\nimport { IIRowProps } from '../types';\n\nconst rowClassName = ({ responsive, responsiveWithoutAction }: { responsiveWithoutAction?: boolean; responsive?: boolean }) =>\n    styles[responsiveWithoutAction ? 'tr_responsive-columns_without-actions' : responsive ? 'tr_responsive-columns' : ''];\n\nconst Row: FC<IIRowProps> = ({ responsiveWithoutAction, responsive, children }) => (\n    <tr className={rowClassName({ responsive, responsiveWithoutAction })}>{children}</tr>\n);\n\nexport default Row;\n"],"names":["styles","React"],"mappings":";;;;;;;;;;;AAIA,IAAM,YAAY,GAAG,UAAC,EAAoG;QAAlG,0BAAU,EAAE,oDAAuB;IACvD,OAAAA,sBAAM,CAAC,uBAAuB,GAAG,uCAAuC,GAAG,UAAU,GAAG,uBAAuB,GAAG,EAAE,CAAC;AAArH,CAAqH,CAAC;IAEpH,GAAG,GAAmB,UAAC,EAAiD;QAA/C,oDAAuB,EAAE,0BAAU,EAAE,sBAAQ;IAAO,QAC/EC,gDAAI,SAAS,EAAE,YAAY,CAAC,EAAE,UAAU,YAAA,EAAE,uBAAuB,yBAAA,EAAE,CAAC,IAAG,QAAQ,CAAM;AADN;;;;"}

package/build/cjs/packages/aurora/src/components/table/components/t_body.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TBody = function (_a) {
+    var children = _a.children;
+    return React__default['default'].createElement("tbody", null, children);
+};
+
+exports.default = TBody;
+//# sourceMappingURL=t_body.js.map

package/build/cjs/packages/aurora/src/components/table/components/t_body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"t_body.js","sources":["../../../../../../../../src/components/table/components/t_body.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nconst TBody: FC = ({ children }) => <tbody>{children}</tbody>;\n\nexport default TBody;\n"],"names":["React"],"mappings":";;;;;;;;;;IAEM,KAAK,GAAO,UAAC,EAAY;QAAV,sBAAQ;IAAO,OAAAA,uDAAQ,QAAQ,CAAS;AAAzB;;;;"}