@dreamcommerce/aurora 0.3.4-151 → 0.3.4-155

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

@@ -1,74 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../../_virtual/_tslib.js');
-var reactJss_esm = require('../../../../../node_modules/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/src/components/modal/hoc/relative_modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/modal/hoc/relative_modal/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { createUseStyles } from 'react-jss';\nimport cssClasses from '@css/modal/main.module.less';\nimport { IModalProps, IPositionState, IRelativeModalProps } from '@components/modal/types';\nimport Modal from '@components/modal/components/modal';\nimport { calculateRelativePosition, getTransformFromAnimationDirection } from '@components/modal/utilities';\nimport { DEFAULT_TRANSLATE_MOVE } from '@components/modal/constants';\nimport { useResize } from '@hooks/use_resize';\n\nconst useStyles = createUseStyles({\n    modal: {\n        position: 'absolute',\n        visibility: ({ isVisible }) => (isVisible ? 'visible' : 'hidden'),\n        opacity: ({ isVisible }) => +isVisible,\n        top: ({ top }) => top,\n        left: ({ left }) => left,\n        transform: getTransformFromAnimationDirection\n    }\n});\n\nconst RelativeModal: FC<IRelativeModalProps & IModalProps> = ({\n    position,\n    offset = 0,\n    transformLength = DEFAULT_TRANSLATE_MOVE,\n    children,\n    animationDirection,\n    isVisible,\n    relativeTo,\n    ...rest\n}) => {\n    const modalRef = useRef<HTMLDivElement>(null);\n    const [positioning, setPosition] = useState<IPositionState>({});\n    const classes = useStyles({ ...positioning, isVisible, transformLength, animationDirection });\n\n    useEffect(() => {\n        setPosition(\n            calculateRelativePosition({\n                position,\n                relativeRect: relativeTo?.current?.getBoundingClientRect(),\n                modalRect: modalRef?.current?.getBoundingClientRect(),\n                offset,\n                transformLength,\n                animationDirection,\n                relativeTo\n            })\n        );\n    }, [relativeTo, animationDirection, position, offset, transformLength, isVisible]);\n\n    useResize(() => {\n        setPosition(\n            calculateRelativePosition({\n                position,\n                offset,\n                transformLength,\n                animationDirection,\n                relativeTo,\n                relativeRect: relativeTo?.current?.getBoundingClientRect(),\n                modalRect: modalRef?.current?.getBoundingClientRect()\n            })\n        );\n    }, 50);\n\n    return createPortal(\n        <Modal className={`${classes.modal} ${isVisible ? cssClasses['modal-window_visible'] : ''}`} modalRef={modalRef} {...rest}>\n            {children}\n        </Modal>,\n        document.body\n    );\n};\n\nexport default RelativeModal;\n"],"names":["createUseStyles","getTransformFromAnimationDirection","useRef","useEffect","calculateRelativePosition","useResize","createPortal","React","Modal","cssClasses"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAM,SAAS,GAAGA,4BAAe,CAAC;IAC9B,KAAK,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,QAAC,SAAS,GAAG,SAAS,GAAG,QAAQ;SAAC;QACjE,OAAO,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,OAAA,CAAC,SAAS;SAAA;QACtC,GAAG,EAAE,UAAC,EAAO;gBAAL,YAAG;YAAO,OAAA,GAAG;SAAA;QACrB,IAAI,EAAE,UAAC,EAAQ;gBAAN,cAAI;YAAO,OAAA,IAAI;SAAA;QACxB,SAAS,EAAEC,4CAAkC;KAChD;CACJ,CAAC,CAAC;IAEG,aAAa,GAA0C,UAAC,EAS7D;IARG,IAAA,sBAAQ,EACR,cAAU,EAAV,+BAAU,EACV,uBAAwC,EAAxC,uEAAwC,EACxC,sBAAQ,EACR,0CAAkB,EAClB,wBAAS,EACT,0BAAU,EACV,gIAAO;IAEP,IAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;IACxC,IAAA,uBAAyD,EAAxD,mBAAW,EAAE,mBAA2C,CAAC;IAChE,IAAM,OAAO,GAAG,SAAS,qCAAM,WAAW,KAAE,SAAS,WAAA,EAAE,eAAe,iBAAA,EAAE,kBAAkB,oBAAA,IAAG,CAAC;IAE9FC,eAAS,CAAC;;QACN,WAAW,CACPC,mCAAyB,CAAC;YACtB,QAAQ,UAAA;YACR,YAAY,QAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,qBAAqB,EAAE;YAC1D,SAAS,QAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,qBAAqB,EAAE;YACrD,MAAM,QAAA;YACN,eAAe,iBAAA;YACf,kBAAkB,oBAAA;YAClB,UAAU,YAAA;SACb,CAAC,CACL,CAAC;KACL,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnFC,oBAAS,CAAC;;QACN,WAAW,CACPD,mCAAyB,CAAC;YACtB,QAAQ,UAAA;YACR,MAAM,QAAA;YACN,eAAe,iBAAA;YACf,kBAAkB,oBAAA;YAClB,UAAU,YAAA;YACV,YAAY,QAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,qBAAqB,EAAE;YAC1D,SAAS,QAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,qBAAqB,EAAE;SACxD,CAAC,CACL,CAAC;KACL,EAAE,EAAE,CAAC,CAAC;IAEP,OAAOE,qBAAY,CACfC,wCAACC,gBAAK,oBAAC,SAAS,EAAK,OAAO,CAAC,KAAK,UAAI,SAAS,GAAGC,sBAAU,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI,GACpH,QAAQ,CACL,EACR,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN;;;;"}

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

@@ -1 +0,0 @@
-{"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/src/components/modal/utilities.js.map

@@ -1 +0,0 @@
-{"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/src/components/range/css_classes.js.map

@@ -1 +0,0 @@
-{"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/src/components/range/index.js

@@ -1,104 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactJss_esm = require('../../../node_modules/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/src/components/range/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/range/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { IPosition } from '@components/color_picker/types';\nimport styles from '@css/range/main.module.less';\nimport { createUseStyles } from 'react-jss';\nimport { getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\nimport {\n    mapMouseEventToPosition,\n    mapTouchEventToPosition,\n    registerOnMouseEvents,\n    registerOnTouchEvents,\n} from '@utilities/events/event_registration';\nimport CSS_CLASSES from '@components/range/css_classes';\nimport { getPositionFromValue, getValueFromPosition } from '@components/range/utilities';\nimport { IRange } from './types';\n\nconst useStyles = createUseStyles({\n    pointer: {\n        transform: ({ left }) => `translate3d(${left - 10}px,0px,0px)`,\n        background: ({ isDragged, isDisabled }) => {\n            if (isDisabled) {\n                return '#ececec';\n            }\n            return isDragged ? `rgb(19, 92, 200)` : 'none';\n        },\n        '&:hover': {\n            background: ({ isDragged, isDisabled }) => {\n                if (isDisabled) {\n                    return '#ececec';\n                }\n                return isDragged ? `rgb(19, 92, 200)` : 'rgba(19, 92, 200, 0.2)';\n            },\n        },\n    },\n});\n\nconst Range: React.FC<IRange> = ({ initialValue, max = 100, min = 0, step = 1, onChange, isDisabled, name, orientation = 'horizontal' }) => {\n    const rangeRef = useRef<HTMLDivElement>(null);\n    const [value, setValue] = useState(initialValue || min);\n    const [isDragged, setDragged] = useState(false);\n    const [rangePosition, setRangePosition] = useState({ top: 0, left: 0 });\n    const classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged, isDisabled });\n\n    useEffect(() => {\n        if (rangeRef) {\n            const { top, left } = getPositionFromValue({ value: initialValue || min, max, min, rangeRef });\n            if (orientation === 'horizontal') {\n                setRangePosition({ left, top: 0 });\n            } else {\n                setRangePosition({ left: 0, top });\n            }\n        }\n    }, [initialValue, max, min, orientation, rangeRef]);\n\n    const onRangeChangeEvent = (position: IPosition) => {\n        if (!rangeRef?.current || isDisabled) {\n            return;\n        }\n        const { positionY, positionX } = getIndicatorPositionFromPosition({\n            elementRect: rangeRef.current.getBoundingClientRect(),\n            position,\n        });\n\n        setRangePosition({ top: positionY, left: positionX });\n        const newValue = getValueFromPosition({\n            position,\n            rangeRectangle: rangeRef.current.getBoundingClientRect(),\n            max,\n            min,\n            step,\n        });\n\n        onChange?.({\n            value: newValue,\n            prevValue: value,\n        });\n\n        setValue(newValue);\n    };\n\n    const onSliderDown = (event: React.MouseEvent<HTMLDivElement, MouseEvent> | MouseEvent) => {\n        if (!rangeRef?.current) {\n            return;\n        }\n        setDragged(true);\n        onRangeChangeEvent(mapMouseEventToPosition(event));\n        const onEndListener = () => setDragged(false);\n        registerOnMouseEvents(onRangeChangeEvent, onEndListener);\n    };\n\n    const onTouchStart = (event: React.TouchEvent<HTMLElement>) => {\n        if (!rangeRef?.current) {\n            return;\n        }\n        onRangeChangeEvent(mapTouchEventToPosition(event));\n        registerOnTouchEvents(onRangeChangeEvent);\n    };\n\n    return (\n        <div\n            className={`${styles[CSS_CLASSES.range]} ${isDisabled ? styles[CSS_CLASSES.rangePointerDisabled] : ''}`}\n            ref={rangeRef}\n            onMouseDown={onSliderDown}\n            onTouchStart={onTouchStart}\n        >\n            <div className={`${styles[CSS_CLASSES.rangePointer]} ${classes.pointer}`} onDrag={onRangeChangeEvent} onTouchStart={onTouchStart}>\n                <div\n                    className={`${styles[CSS_CLASSES.rangePointerInside]} ${isDisabled ? styles[CSS_CLASSES.rangePointerInsideDisabled] : ''}`}\n                />\n            </div>\n            {name && <input type=\"hidden\" name={name} value={value} />}\n        </div>\n    );\n};\n\nexport default Range;\n"],"names":["createUseStyles","useRef","useEffect","getValueFromPosition","mapMouseEventToPosition","registerOnMouseEvents","mapTouchEventToPosition","registerOnTouchEvents","React","styles","CSS_CLASSES"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"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/src/components/spacing/index.js.map

@@ -1 +0,0 @@
-{"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/src/components/table/components/cell.js.map

@@ -1 +0,0 @@
-{"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/src/components/table/components/row.js.map

@@ -1 +0,0 @@
-{"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/src/components/table/components/t_body.js.map

@@ -1 +0,0 @@
-{"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})=> (\n    <tbody>\n        { children }\n    </tbody>\n)\n\nexport default TBody;"],"names":["React"],"mappings":";;;;;;;;;;IAEM,KAAK,GAAM,UAAC,EAAU;QAAT,sBAAQ;IAAK,QAC5BA,uDACM,QAAQ,CACN;AAHoB;;;;"}

package/build/cjs/src/components/table/components/t_head.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"t_head.js","sources":["../../../../../../src/components/table/components/t_head.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nconst THead:FC = ({children})=> (\n    <thead>\n        <tr>\n            { children }\n        </tr>\n    </thead>\n);\n\nexport default THead;"],"names":["React"],"mappings":";;;;;;;;;;IAEM,KAAK,GAAM,UAAC,EAAU;QAAT,sBAAQ;IAAK,QAC5BA;QACIA,oDACM,QAAQ,CACT,CACD;AALoB;;;;"}

package/build/cjs/src/components/table/hoc/data-table.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../_virtual/_tslib.js');
-var index = require('../index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var DataTable = function (_a) {
-    var columns = _a.columns, data = _a.data;
-    return (React__default['default'].createElement(index['default'], null,
-        React__default['default'].createElement(index['default'].THead, null, columns.map(function (_a) {
-            var name = _a.name, header = _a.header;
-            return (React__default['default'].createElement("th", { key: "headers-header-" + name }, header));
-        })),
-        React__default['default'].createElement(index['default'].TBody, null, data.map(function (item, rowIndex) { return (React__default['default'].createElement(index['default'].Row, { key: "table-tr-" + rowIndex }, columns.map(function (_a, colIndex) {
-            var name = _a.name, CustomCell = _a.CustomCell, modifiers = _a.modifiers, header = _a.header;
-            return (React__default['default'].createElement(index['default'].Cell, _tslib.__assign({ key: "table-tr-" + rowIndex + "-td-" + colIndex }, modifiers), CustomCell ? React__default['default'].createElement(CustomCell, { item: item, column: { name: name, CustomCell: CustomCell, modifiers: modifiers, header: header } }) : item[name]));
-        }))); }))));
-};
-
-exports.default = DataTable;
-//# sourceMappingURL=data-table.js.map

package/build/cjs/src/components/table/hoc/data-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.js","sources":["../../../../../../src/components/table/hoc/data-table.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport Table from '@components/table';\nimport { IDataTableProps } from '@components/table/types';\n\nconst DataTable: FC<IDataTableProps> = ({ columns, data }) => {\n    return (\n        <Table>\n            <Table.THead>\n                {columns.map(({ name, header }) => (\n                    <th key={`headers-header-${name}`}>{header}</th>\n                ))}\n            </Table.THead>\n            <Table.TBody>\n                {data.map((item, rowIndex) => (\n                    <Table.Row key={`table-tr-${rowIndex}`}>\n                        {columns.map(({ name, CustomCell, modifiers, header }, colIndex) => (\n                            <Table.Cell key={`table-tr-${rowIndex}-td-${colIndex}`} {...modifiers}>\n                                {CustomCell ? <CustomCell item={item} column={{ name, CustomCell, modifiers, header }} /> : item[name]}\n                            </Table.Cell>\n                        ))}\n                    </Table.Row>\n                ))}\n            </Table.TBody>\n        </Table>\n    );\n};\n\nexport default DataTable;\n"],"names":["React","Table"],"mappings":";;;;;;;;;;;;IAIM,SAAS,GAAwB,UAAC,EAAiB;QAAf,oBAAO,EAAE,cAAI;IACnD,QACIA,wCAACC,gBAAK;QACFD,wCAACC,gBAAK,CAAC,KAAK,QACP,OAAO,CAAC,GAAG,CAAC,UAAC,EAAgB;gBAAd,cAAI,EAAE,kBAAM;YAAO,QAC/BD,gDAAI,GAAG,EAAE,oBAAkB,IAAM,IAAG,MAAM,CAAM;SACnD,CAAC,CACQ;QACdA,wCAACC,gBAAK,CAAC,KAAK,QACP,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,QAAQ,IAAK,QAC1BD,wCAACC,gBAAK,CAAC,GAAG,IAAC,GAAG,EAAE,cAAY,QAAU,IACjC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAuC,EAAE,QAAQ;gBAA/C,cAAI,EAAE,0BAAU,EAAE,wBAAS,EAAE,kBAAM;YAAiB,QAChED,wCAACC,gBAAK,CAAC,IAAI,oBAAC,GAAG,EAAE,cAAY,QAAQ,YAAO,QAAU,IAAM,SAAS,GAChE,UAAU,GAAGD,wCAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,MAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,MAAM,QAAA,EAAE,GAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAC7F;SAChB,CAAC,CACM,IACf,CAAC,CACQ,CACV,EACV;AACN;;;;"}

package/build/cjs/src/components/table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/table/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cssClasses from '@css/table/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport { ITableComposition, ITableProps } from './types';\nimport Cell from './components/cell';\nimport THead from './components/t_head';\nimport TBody from './components/t_body';\nimport Row from './components/row';\n\nconst tableClassName = ({ zebra, clear, zebraOrders, main }: ITableProps) =>\n    classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], cssClasses);\n\nconst Table: FC<ITableProps> & ITableComposition = ({ children, zebra, clear, zebraOrders, main }) => (\n    <div className={cssClasses['table-container']}>\n        <table className={tableClassName({ zebra, clear, zebraOrders, main })}>{children}</table>\n    </div>\n);\n\nTable.Cell = Cell;\nTable.THead = THead;\nTable.TBody = TBody;\nTable.Row = Row;\n\nexport default Table;\n"],"names":["classNames","cssClasses","React","Cell","THead","TBody","Row"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAM,cAAc,GAAG,UAAC,EAAgD;QAA9C,gBAAK,EAAE,gBAAK,EAAE,4BAAW,EAAE,cAAI;IACrD,OAAAA,qBAAU,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,WAAW,IAAI,oBAAoB,EAAE,KAAK,IAAI,aAAa,EAAE,IAAI,IAAI,YAAY,CAAC,EAAEC,sBAAU,CAAC;AAA5I,CAA4I,CAAC;IAE3I,KAAK,GAAwC,UAAC,EAA6C;QAA3C,sBAAQ,EAAE,gBAAK,EAAE,gBAAK,EAAE,4BAAW,EAAE,cAAI;IAAO,QAClGC,iDAAK,SAAS,EAAED,sBAAU,CAAC,iBAAiB,CAAC;QACzCC,mDAAO,SAAS,EAAE,cAAc,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,IAAG,QAAQ,CAAS,CACvF;AAH4F,EAIpG;AAEF,KAAK,CAAC,IAAI,GAAGC,eAAI,CAAC;AAClB,KAAK,CAAC,KAAK,GAAGC,iBAAK,CAAC;AACpB,KAAK,CAAC,KAAK,GAAGC,iBAAK,CAAC;AACpB,KAAK,CAAC,GAAG,GAAGC,cAAG;;;;"}

package/build/cjs/src/components/tabs/components/tab_item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab_item.js","sources":["../../../../../../src/components/tabs/components/tab_item.tsx"],"sourcesContent":["import React, { FC, useContext, useEffect, useState } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport cssClasses from '@css/tabs/main.module.less';\nimport { ITabItemProps } from '../types';\nimport { TabContext } from '../context';\nimport { useUniqueId } from '@hooks/use_unique_id';\n\nexport const TabItem: FC<ITabItemProps> = ({ children, initial }) => {\n    const { setSelected, isSelected } = useContext(TabContext);\n    const { uniqueId } = useUniqueId();\n    const [uniqueTabId] = useState(uniqueId());\n    useEffect(() => {\n        if (initial) {\n            setSelected(uniqueTabId);\n        }\n    }, [uniqueTabId, initial, setSelected]);\n\n    return (\n        <li\n            className={classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], cssClasses)}\n            onClick={() => {\n                setSelected(uniqueTabId);\n            }}\n        >\n            {children}\n        </li>\n    );\n};\n\nexport default TabItem;\n"],"names":["useEffect","React","classNames","cssClasses"],"mappings":";;;;;;;;;;;;;;IAOa,OAAO,GAAsB,UAAC,EAAqB;QAAnB,sBAAQ,EAAE,oBAAO;IACpD,IAAA,yCAAoD,EAAlD,4BAAW,EAAE,0BAAqC,CAAC;IACnD,IAAA,+CAAQ,CAAmB;IAC5B,IAAA,2CAAW,CAAyB;IAC3CA,eAAS,CAAC;QACN,IAAI,OAAO,EAAE;YACT,WAAW,CAAC,WAAW,CAAC,CAAC;SAC5B;KACJ,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAExC,QACIC,gDACI,SAAS,EAAEC,qBAAU,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,WAAW,CAAC,IAAI,mBAAmB,CAAC,EAAEC,sBAAU,CAAC,EACjG,OAAO,EAAE;YACL,WAAW,CAAC,WAAW,CAAC,CAAC;SAC5B,IAEA,QAAQ,CACR,EACP;AACN;;;;;"}

package/build/cjs/src/components/tabs/components/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","sources":["../../../../../../src/components/tabs/components/tabs.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport cssClasses from '@css/tabs/main.module.less';\nimport { TabContext } from '../context';\nimport { ITabsProps } from '../types';\n\nconst Tabs: FC<ITabsProps> = ({ children, small = false }) => {\n    const [selected, setSelected] = useState(null);\n    const isSelected = (tabId: string) => tabId === selected;\n\n    return (\n        <TabContext.Provider value={{ selected, setSelected, isSelected }}>\n            <nav className={classNames(['tabs', small && 'tabs_small'], cssClasses)}>\n                <ul className={cssClasses['tabs__list']}>{children}</ul>\n            </nav>\n        </TabContext.Provider>\n    );\n};\n\nexport default Tabs;\n"],"names":["React","TabContext","classNames","cssClasses"],"mappings":";;;;;;;;;;;;;IAMM,IAAI,GAAmB,UAAC,EAA2B;QAAzB,sBAAQ,EAAE,aAAa,EAAb,kCAAa;IAC7C,IAAA,yBAAwC,EAAvC,gBAAQ,EAAE,mBAA6B,CAAC;IAC/C,IAAM,UAAU,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,KAAK,QAAQ,GAAA,CAAC;IAEzD,QACIA,wCAACC,kBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;QAC7DD,iDAAK,SAAS,EAAEE,qBAAU,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,YAAY,CAAC,EAAEC,sBAAU,CAAC;YACnEH,gDAAI,SAAS,EAAEG,sBAAU,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAM,CACtD,CACY,EACxB;AACN;;;;"}

package/build/cjs/src/components/tabs/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/tabs/context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ITabContextProps } from '@components/tabs/types';\n\nexport const TabContext = createContext<ITabContextProps>({\n    selected: null,\n    setSelected: () => {},\n    isSelected: () => false\n});\n"],"names":["createContext"],"mappings":";;;;;;IAGa,UAAU,GAAGA,mBAAa,CAAmB;IACtD,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,eAAQ;IACrB,UAAU,EAAE,cAAM,OAAA,KAAK,GAAA;CAC1B;;;;"}

package/build/cjs/src/components/tag/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/tag/css_classes.tsx"],"sourcesContent":["export const tag = 'tag';\nexport const tagRemove = `${tag}__remove`;\n\nexport const icon = 'icon';\nexport const iconClose = `${icon}-close`;\n"],"names":[],"mappings":";;;;IAAa,GAAG,GAAG,MAAM;IACZ,SAAS,GAAM,GAAG,cAAW;IAE7B,IAAI,GAAG,OAAO;IACd,SAAS,GAAM,IAAI;;;;;;;"}

package/build/cjs/src/components/tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/tag/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport cssClasses from '@css/tag/main.module.less';\nimport { tag, tagRemove, icon, iconClose } from './css_classes';\n\nimport { ITagProps } from './types';\n\nconst Tag: React.FC<ITagProps> = ({\n    /**\n     * Label shown inside tag\n     */\n    label,\n\n    /**\n     * Has close icon\n     */\n    hasCloseIcon,\n\n    /**\n     * Function called on whole tag component click event\n     */\n    onClick\n}) => {\n    return (\n        <span className={`${cssClasses[tag]}`} onClick={() => onClick?.(label)}>\n            {label}\n            {hasCloseIcon && <span className={`${cssClasses[tagRemove]} ${cssClasses[icon]} ${cssClasses[iconClose]}`}></span>}\n        </span>\n    );\n};\n\nexport default Tag;\n"],"names":["React","cssClasses","tag","tagRemove","icon","iconClose"],"mappings":";;;;;;;;;;;;IAOM,GAAG,GAAwB,UAAC,EAejC;;;;;IAXG,gBAAK;;;;IAKL,8BAAY;;;;IAKZ,oBAAO;IAEP,QACIA,kDAAM,SAAS,EAAE,KAAGC,sBAAU,CAACC,eAAG,CAAG,EAAE,OAAO,EAAE,qBAAM,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,IAAC;QACjE,KAAK;QACL,YAAY,IAAIF,kDAAM,SAAS,EAAKC,sBAAU,CAACE,qBAAS,CAAC,SAAIF,sBAAU,CAACG,gBAAI,CAAC,SAAIH,sBAAU,CAACI,qBAAS,CAAG,GAAS,CAC/G,EACT;AACN;;;;"}

package/build/cjs/src/components/tags_selector/components/list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.js","sources":["../../../../../../src/components/tags_selector/components/list.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tagsList, tagsListItem } from '../css_classes';\nimport cssClasses from '@css/tag/main.module.less';\n\nimport { ITagsList } from '../types';\n\nconst TagsList: React.FC<ITagsList> = ({\n    /**\n     * Array of tags passed to list\n     */\n    value,\n\n    /**\n     * Function called on tag click which passes tag value\n     */\n    onClick\n}) => {\n    return (\n        <ul className={`${cssClasses[tagsList]}`}>\n            {value?.map((_tag, index) => (\n                <li key={index} onClick={() => onClick(_tag)}>\n                    <div className={`${cssClasses[tagsListItem]}`}>\n                        <label>{_tag}</label>\n                    </div>\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nexport default TagsList;\n"],"names":["React","cssClasses","tagsList","tagsListItem"],"mappings":";;;;;;;;;;;;IAOM,QAAQ,GAAwB,UAAC,EAUtC;;;;;IANG,gBAAK;;;;IAKL,oBAAO;IAEP,QACIA,gDAAI,SAAS,EAAE,KAAGC,sBAAU,CAACC,oBAAQ,CAAG,IACnC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,QACzBF,gDAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,GAAA;QACxCA,iDAAK,SAAS,EAAE,KAAGC,sBAAU,CAACE,wBAAY,CAAG;YACzCH,uDAAQ,IAAI,CAAS,CACnB,CACL,IACR,EACA,EACP;AACN;;;;"}

package/build/cjs/src/components/tags_selector/components/search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search.js","sources":["../../../../../../src/components/tags_selector/components/search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tagsSearch } from '../css_classes';\nimport cssClasses from '@css/tag/main.module.less';\n\nconst TagsSearch: React.FC = ({ children }) => {\n    return <div className={`${cssClasses[tagsSearch]}`}>{children}</div>;\n};\n\nexport default TagsSearch;\n"],"names":["React","cssClasses","tagsSearch"],"mappings":";;;;;;;;;;;;IAKM,UAAU,GAAa,UAAC,EAAY;QAAV,sBAAQ;IACpC,OAAOA,iDAAK,SAAS,EAAE,KAAGC,sBAAU,CAACC,sBAAU,CAAG,IAAG,QAAQ,CAAO,CAAC;AACzE;;;;"}

package/build/cjs/src/components/tags_selector/components/wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wrapper.js","sources":["../../../../../../src/components/tags_selector/components/wrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tagsSelectedTags } from '../css_classes';\nimport cssClasses from '@css/tag/main.module.less';\n\nimport { ITagsWrapperProps } from '../types';\n\nconst TagsWrapper: React.FC<ITagsWrapperProps> = ({ children }) => {\n    return <div className={`${cssClasses[tagsSelectedTags]}`}>{children}</div>;\n};\n\nexport default TagsWrapper;\n"],"names":["React","cssClasses","tagsSelectedTags"],"mappings":";;;;;;;;;;;;IAOM,WAAW,GAAgC,UAAC,EAAY;QAAV,sBAAQ;IACxD,OAAOA,iDAAK,SAAS,EAAE,KAAGC,sBAAU,CAACC,4BAAgB,CAAG,IAAG,QAAQ,CAAO,CAAC;AAC/E;;;;"}

package/build/cjs/src/components/tags_selector/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/tags_selector/css_classes.tsx"],"sourcesContent":["export const tags = 'tags';\nexport const tagsSelectedTags = `${tags}__selected`;\nexport const tagsSearch = `${tags}__search`;\nexport const tagsList = `${tags}__list`;\nexport const tagsListItem = `${tags}__list-item`;\n\nexport const tag = 'tag';\nexport const tagRemove = `${tag}__remove`;\n\nexport const icon = 'icon';\nexport const iconClose = `${icon}-close`;\n\nexport const pointer = 'pointer';\n"],"names":[],"mappings":";;;;IAAa,IAAI,GAAG,OAAO;IACd,gBAAgB,GAAM,IAAI,gBAAa;IACvC,UAAU,GAAM,IAAI,cAAW;IAC/B,QAAQ,GAAM,IAAI,YAAS;IAC3B,YAAY,GAAM,IAAI;;;;;;;;"}

package/build/cjs/src/components/tags_selector/index.js

@@ -1,108 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../node_modules/react-i18next/dist/es/useTranslation.js');
-var _tslib = require('../../../_virtual/_tslib.js');
-var index$2 = require('../button/index.js');
-var index$1 = require('../controls/index.js');
-var css_classes = require('./css_classes.js');
-var main_module = require('../../css/tag/main.module.less.js');
-var list = require('./components/list.js');
-var search = require('./components/search.js');
-var index = require('../tag/index.js');
-var wrapper = require('./components/wrapper.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var TagsSelector = function (_a) {
-    var id = _a.id, name = _a.name, 
-    /**
-     * Placeholder for tag value input
-     */
-    placeholder = _a.placeholder, 
-    /**
-     * Default tags array of strings
-     * Example: defaultTags = ["tag 1", "tag 2"];
-     */
-    _b = _a.defaultTags, 
-    /**
-     * Default tags array of strings
-     * Example: defaultTags = ["tag 1", "tag 2"];
-     */
-    defaultTags = _b === void 0 ? [] : _b, 
-    /**
-     * Minimum tag string length to accept by addTag function
-     * Example: minTagLength = 2;
-     */
-    minTagLength = _a.minTagLength, 
-    /**
-     * Is tags list visible
-     * Example: withList = true;
-     */
-    withList = _a.withList, 
-    /**
-     * Default tags list array
-     * Example: listDefaultValue = ["tag 1", "tag 2"];
-     */
-    tagsListValue = _a.tagsListValue, 
-    /**
-     * Triggered on tags list item click
-     */
-    onListItemClick = _a.onListItemClick, 
-    /**
-     * Triggered on change of private tags array
-     */
-    onChange = _a.onChange;
-    var _c = React.useState(''), inputValue = _c[0], setInputValue = _c[1];
-    var _d = React.useState(defaultTags), tagsArray = _d[0], setTagsArray = _d[1];
-    var tagsSelectorRef = React.useRef(null);
-    var t = useTranslation.useTranslation()[0];
-    React.useEffect(function () {
-        onChange === null || onChange === void 0 ? void 0 : onChange(tagsArray);
-    }, [tagsArray, onChange]);
-    var addTag = function () {
-        var _a;
-        if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength !== null && minTagLength !== void 0 ? minTagLength : 0) && inputValue.length > 0) {
-            setTagsArray(function (_tags) { return _tslib.__spreadArrays(_tags, [inputValue]); });
-            var event_1 = new CustomEvent('tagsSelector:change', {
-                detail: {
-                    changedTag: inputValue,
-                    tags: tagsArray
-                }
-            });
-            (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
-            setInputValue('');
-        }
-    };
-    var removeTag = function (label) {
-        var _a;
-        setTagsArray(function (_tags) { return _tags.filter(function (_tag) { return _tag !== label; }); });
-        var event = new CustomEvent('tagsSelector:change', {
-            detail: {
-                changedTag: label,
-                tags: tagsArray
-            }
-        });
-        (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-    };
-    return (React__default['default'].createElement("div", { id: id, className: "" + main_module['default'][css_classes.tags], ref: tagsSelectorRef },
-        tagsArray.length > 0 && (React__default['default'].createElement(wrapper['default'], null, tagsArray.map(function (_tag, index$1) { return (React__default['default'].createElement(index['default'], { key: index$1, label: _tag, onClick: function () { return removeTag(_tag); }, hasCloseIcon: true })); }))),
-        React__default['default'].createElement(search['default'], null,
-            React__default['default'].createElement(index$1['default'].Content, null,
-                React__default['default'].createElement(index$1['default'].Element, null,
-                    React__default['default'].createElement(index$1['default'].Input, { name: name, padding: "small", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('Search'), value: inputValue, onChange: function (_a) {
-                            var value = _a.target.value;
-                            return setInputValue(value);
-                        }, onKeyPress: function (event) { return event.key === 'Enter' && inputValue.length > 0 && addTag(); } })),
-                React__default['default'].createElement(index$1['default'].Element, null,
-                    React__default['default'].createElement(index$2['default'], { variant: "outline", size: "small", onClick: function () { return addTag(); } }, t('Add'))))),
-        withList && (React__default['default'].createElement(list['default'], { value: tagsListValue === null || tagsListValue === void 0 ? void 0 : tagsListValue.filter(function (_tag) { return _tag.toLowerCase().includes(inputValue.toLowerCase()); }), onClick: function (value) { return onListItemClick === null || onListItemClick === void 0 ? void 0 : onListItemClick(value); } })),
-        tagsArray.map(function (_tag, index) { return (React__default['default'].createElement("input", { key: index, type: "hidden", name: "new_tags[]", value: _tag })); })));
-};
-
-exports.default = TagsSelector;
-//# sourceMappingURL=index.js.map

package/build/cjs/src/components/tags_selector/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/tags_selector/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport Button from '@components/button/index';\nimport Control from '@components/controls/index';\nimport { ITagsSelectorProps } from './types';\nimport List from './components/list';\nimport Search from './components/search';\nimport Tag from '@components/tag/index';\nimport Wrapper from './components/wrapper';\nimport cssClasses from '@css/tag/main.module.less';\nimport { tags } from './css_classes';\nimport { useTranslation } from 'react-i18next';\n\nconst TagsSelector: React.FC<ITagsSelectorProps> = ({\n    id,\n    name,\n\n    /**\n     * Placeholder for tag value input\n     */\n    placeholder,\n\n    /**\n     * Default tags array of strings\n     * Example: defaultTags = [\"tag 1\", \"tag 2\"];\n     */\n    defaultTags = [],\n\n    /**\n     * Minimum tag string length to accept by addTag function\n     * Example: minTagLength = 2;\n     */\n    minTagLength,\n\n    /**\n     * Is tags list visible\n     * Example: withList = true;\n     */\n    withList,\n\n    /**\n     * Default tags list array\n     * Example: listDefaultValue = [\"tag 1\", \"tag 2\"];\n     */\n    tagsListValue,\n\n    /**\n     * Triggered on tags list item click\n     */\n    onListItemClick,\n\n    /**\n     * Triggered on change of private tags array\n     */\n    onChange\n}) => {\n    const [inputValue, setInputValue] = useState('');\n    const [tagsArray, setTagsArray] = useState(defaultTags);\n    const tagsSelectorRef = useRef<HTMLDivElement>(null);\n    const [t] = useTranslation();\n\n    useEffect(() => {\n        onChange?.(tagsArray);\n    }, [tagsArray, onChange]);\n\n    const addTag = () => {\n        if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength ?? 0) && inputValue.length > 0) {\n            setTagsArray((_tags) => [..._tags, inputValue]);\n\n            const event = new CustomEvent('tagsSelector:change', {\n                detail: {\n                    changedTag: inputValue,\n                    tags: tagsArray\n                }\n            });\n\n            tagsSelectorRef.current?.dispatchEvent(event);\n            setInputValue('');\n        }\n    };\n\n    const removeTag = (label: string) => {\n        setTagsArray((_tags) => _tags.filter((_tag) => _tag !== label));\n\n        const event = new CustomEvent('tagsSelector:change', {\n            detail: {\n                changedTag: label,\n                tags: tagsArray\n            }\n        });\n\n        tagsSelectorRef.current?.dispatchEvent(event);\n    };\n\n    return (\n        <div id={id} className={`${cssClasses[tags]}`} ref={tagsSelectorRef}>\n            {tagsArray.length > 0 && (<Wrapper>\n                {tagsArray.map((_tag, index) => (\n                    <Tag key={index} label={_tag} onClick={() => removeTag(_tag)} hasCloseIcon />\n                ))}\n            </Wrapper>)}\n\n            <Search>\n                <Control.Content>\n                    <Control.Element>\n                        <Control.Input\n                            name={name}\n                            padding=\"small\"\n                            placeholder={placeholder ?? t('Search')}\n                            value={inputValue}\n                            onChange={({ target: { value } }) => setInputValue(value)}\n                            onKeyPress={(event) => event.key === 'Enter' && inputValue.length > 0 && addTag()}\n                        />\n                    </Control.Element>\n\n                    <Control.Element>\n                        <Button variant=\"outline\" size=\"small\" onClick={() => addTag()}>\n                            {t('Add')}\n                        </Button>\n                    </Control.Element>\n                </Control.Content>\n            </Search>\n\n            {withList && (\n                <List\n                    value={tagsListValue?.filter((_tag) => _tag.toLowerCase().includes(inputValue.toLowerCase()))}\n                    onClick={(value) => onListItemClick?.(value)}\n                />\n            )}\n\n            {tagsArray.map((_tag, index) => (\n                <input key={index} type=\"hidden\" name=\"new_tags[]\" value={_tag} />\n            ))}\n        </div>\n    );\n};\n\nexport default TagsSelector;\n"],"names":["useRef","useEffect","React","cssClasses","tags","Wrapper","index","Tag","Search","Control","Button","List"],"mappings":"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"}

package/build/cjs/src/constants/responsive_breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsive_breakpoints.js","sources":["../../../../src/constants/responsive_breakpoints.ts"],"sourcesContent":["type TScreenName = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\ntype TScreenSize = 1440 | 1200 | 1000 | 768 | 576;\n\ntype TBreakpointsArray = {\n    width: TScreenSize;\n    name: TScreenName;\n}[];\n\nexport const SCREEN_XS = 'xs';\nexport const SCREEN_SM = 'sm';\nexport const SCREEN_MD = 'md';\nexport const SCREEN_LG = 'lg';\nexport const SCREEN_XL = 'xl';\n\nexport const breakpoints: TBreakpointsArray = [\n    {\n        width: 1440,\n        name: SCREEN_XL\n    },\n    {\n        width: 1200,\n        name: SCREEN_LG\n    },\n    {\n        width: 1000,\n        name: SCREEN_MD\n    },\n    {\n        width: 768,\n        name: SCREEN_SM\n    },\n    {\n        width: 576,\n        name: SCREEN_XS\n    }\n];\n"],"names":[],"mappings":";;;;IAQa,SAAS,GAAG,KAAK;IACjB,SAAS,GAAG,KAAK;IACjB,SAAS,GAAG,KAAK;IACjB,SAAS,GAAG,KAAK;IACjB,SAAS,GAAG,KAAK;IAEjB,WAAW,GAAsB;IAC1C;QACI,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,SAAS;KAClB;IACD;QACI,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,SAAS;KAClB;IACD;QACI,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,SAAS;KAClB;IACD;QACI,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,SAAS;KAClB;IACD;QACI,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,SAAS;KAClB;;;;;;;;;;"}

package/build/cjs/src/css/button/main.module.less.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n  transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n  display: inline-block;\n  padding: 0.643rem 2rem;\n  font-family: inherit;\n  color: #135cc8;\n  text-align: center;\n  text-decoration: none;\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  background-color: transparent;\n  border: 2px solid transparent;\n  border-radius: 20px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n  border-color: #135cc8;\n  background-color: #135cc8;\n  color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  color: #ffffff;\n  background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n  min-width: auto;\n  font-weight: 600;\n  letter-spacing: inherit;\n  padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n  border-color: transparent;\n  background-color: transparent;\n  color: inherit;\n  text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n  color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n  min-width: auto;\n  padding: 0.393rem 1rem;\n}\n";
-var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe"};
-styleInject_es['default'](css_248z);
-
-exports.default = cssClasses;
-//# sourceMappingURL=main.module.less.js.map

package/build/cjs/src/css/buttons_group/main.module.less.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_buttons-group__lshrh {\n  display: -ms-grid;\n  display: grid;\n  -ms-grid-rows: 1fr;\n  grid-template-rows: 1fr;\n  -ms-grid-columns: -webkit-max-content -webkit-max-content;\n  -ms-grid-columns: max-content max-content;\n  grid-template-columns: -webkit-max-content -webkit-max-content;\n  grid-template-columns: max-content max-content;\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n  margin-right: 1rem;\n  margin-left: 1rem;\n}\n.main-module_buttons-group_hcenter__3eomt {\n  justify-content: center;\n}\n.main-module_buttons-group_hright__D5IhI {\n  justify-content: flex-end;\n}\n@media screen and (max-width: 576px) {\n  .main-module_buttons-group__lshrh {\n    justify-content: space-between;\n    flex-direction: unset;\n    min-width: 138px;\n    max-width: unset;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    padding-top: 0.5rem;\n    border-top: 1px solid #ececec;\n  }\n}\n@media screen and (min-width: 576px) {\n  .main-module_buttons-group_reverse-order__h-6j2 {\n    flex-direction: row-reverse;\n  }\n}\n";
-var cssClasses = {"buttons-group":"main-module_buttons-group__lshrh","buttons-group_hcenter":"main-module_buttons-group_hcenter__3eomt","buttons-group_hright":"main-module_buttons-group_hright__D5IhI","buttons-group_reverse-order":"main-module_buttons-group_reverse-order__h-6j2"};
-styleInject_es['default'](css_248z);
-
-exports.default = cssClasses;
-//# sourceMappingURL=main.module.less.js.map

package/build/cjs/src/css/cell_selector/main.module.less.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_cell-selector__1RPrT {\n  display: flex;\n  align-items: center;\n}\n.main-module_cell-selector__description__2iure {\n  margin-left: 1rem;\n}\n.main-module_cell-selector__row__Hd--z {\n  display: flex;\n}\n.main-module_cell-selector__cell__czZAR {\n  width: 1rem;\n  height: 1rem;\n  margin-left: calc(1rem/4);\n  margin-top: calc(1rem/4);\n  background: #ececec;\n  cursor: pointer;\n}\n.main-module_cell-selector__cell_active__2PwIS {\n  background: #4a456d;\n}\n";
-var styles = {"cell-selector":"main-module_cell-selector__1RPrT","cell-selector__description":"main-module_cell-selector__description__2iure","cell-selector__row":"main-module_cell-selector__row__Hd--z","cell-selector__cell":"main-module_cell-selector__cell__czZAR","cell-selector__cell_active":"main-module_cell-selector__cell_active__2PwIS"};
-styleInject_es['default'](css_248z);
-
-exports.default = styles;
-//# sourceMappingURL=main.module.less.js.map

package/build/cjs/src/css/checkbox/main.module.less.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Checkbox Variables */\n/** CheckboxSwitch Variables */\n.main-module_checkbox__2sgoE {\n  position: relative;\n  display: inline-block;\n  vertical-align: top;\n  flex: 0 0 auto;\n  width: 21px;\n  height: 21px;\n  border-radius: 3px;\n  transition: box-shadow 0.15s ease-in;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_checkbox__2sgoE:active,\n.main-module_checkbox__2sgoE:focus {\n  box-shadow: 0 0 0 10px rgba(223, 234, 252, 0.3);\n}\n.main-module_checkbox__2sgoE + * {\n  margin-left: 1rem;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw {\n  background-color: #ececec;\n  border: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw:hover {\n  box-shadow: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n  background-color: #ececec;\n}\n.main-module_checkbox_disabled__3Y85R label[for] {\n  cursor: default;\n}\n.main-module_checkbox__control__3e-0S {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n  border-color: #3c83ec;\n  background-color: #3c83ec;\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n  opacity: 1;\n}\n.main-module_checkbox__control__3e-0S:focus + .main-module_checkbox__label__1ZVOw {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  transition: background-color 0.2s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n  background-color: #ffffff;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.main-module_checkbox__label__1ZVOw:hover {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n  opacity: 0;\n  transition: opacity 0.2s ease-in;\n  width: 12px;\n}\n.main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv g {\n  fill: #fff;\n}\n.main-module_checkbox-switch__3LtoF {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex: 0 0 auto;\n  width: 2.143rem;\n  height: 1.215rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_checkbox-switch__3LtoF + * {\n  margin-left: 1rem;\n}\n.main-module_checkbox-switch_additional__ZT3SO {\n  display: flex;\n  justify-content: space-between;\n  margin-left: 3.143rem;\n  align-items: baseline;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP {\n  background-color: #ececec;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP::after {\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover {\n  border-color: #ececec;\n  box-shadow: none;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover::after {\n  box-shadow: none;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n  background-color: #ececec;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW label[for] {\n  cursor: default;\n}\n.main-module_checkbox-switch__control__taJUd {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n  opacity: 1;\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n  transform: translate3d(calc(2.143rem - 100%), 0, 0);\n  border-color: #3c83ec;\n  background-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP::after {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP {\n  display: inline-block;\n  width: 100%;\n  height: 58.9%;\n  border: 1px solid transparent;\n  background-color: #abb4cd;\n  border-radius: 18px;\n  cursor: pointer;\n  transition: box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n}\n.main-module_checkbox-switch__label__1lxKP:hover {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP:hover::after {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n  position: absolute;\n  right: 3px;\n  top: 3px;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.2s ease-in;\n  width: 10px;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H g {\n  transition: fill 0.2s ease-out;\n  fill: #fff;\n}\n.main-module_checkbox-switch__label__1lxKP::after {\n  content: '';\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  width: 56.7%;\n  height: 100%;\n  transition: transform 0.1s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n  border: 1px solid #abb4cd;\n  border-radius: 50%;\n  background-color: #fff;\n  transform: translate3d(0, 0, 0);\n}\n";
-var cssClasses = {"checkbox":"main-module_checkbox__2sgoE","checkbox_disabled":"main-module_checkbox_disabled__3Y85R","checkbox__label":"main-module_checkbox__label__1ZVOw","checkbox__control":"main-module_checkbox__control__3e-0S","checkbox__icon":"main-module_checkbox__icon__NDnjv","checkbox-switch":"main-module_checkbox-switch__3LtoF","checkbox-switch_additional":"main-module_checkbox-switch_additional__ZT3SO","checkbox-switch_disabled":"main-module_checkbox-switch_disabled__3a-RW","checkbox-switch__label":"main-module_checkbox-switch__label__1lxKP","checkbox-switch__control":"main-module_checkbox-switch__control__taJUd","checkbox-switch__icon":"main-module_checkbox-switch__icon__8jJ0H"};
-styleInject_es['default'](css_248z);
-
-exports.default = cssClasses;
-//# sourceMappingURL=main.module.less.js.map