hrm_ui_lib 2.0.0-alpha.2 → 2.0.0-alpha.21

package/components/Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js

@@ -18,7 +18,7 @@ import '../../../SVGIcons/IconChevronDown.js';
 import '../../../../type/file-upload.js';
 import '../../../../hooks/useGetElemPositions.js';
 import '../../../../hooks/useGetElemSizes.js';
-import '../../../../Alert-w8FkRd9I.js';
+import '../../../../Alert--0rz5XL1.js';
 import '@babel/runtime/helpers/extends';
 import '../../../Alert/consts.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -28,12 +28,13 @@ import 'react-dropzone';
 import '../../../SVGIcons/IconUpload.js';
 import '../../../FileUpload/types.js';
 import '../../../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../../../helpers/locale.js';
 import '../../../../type/locale.js';
 import '../../../../helpers/storage.js';
 import 'react-toastify';
 import '../../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../../hooks/useOnOutsideClick.js';
 import '../../../../hooks/useHideBodyScroll.js';
@@ -44,11 +45,12 @@ import '../../../../hooks/useGetTooltipStyles.js';
 import '../../../../hooks/useGetTooltipPosition.js';
 import '../../../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../../../Link/Link.js';
 import '../../../Popover/PopoverDesktop.js';
 import '../../../SVGIcons/IconInfo.js';
-import '../../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../../../SVGIcons/IconDismissFilled.js';
 import '../../../SVGIcons/IconDelete.js';
@@ -91,8 +93,8 @@ var ButtonSelectWrapper = function ButtonSelectWrapper(props) {
     }),
     hasBottomSpace = _useGetHasBottomSpace.hasBottomSpace;
   var selectedItemsLabels = useMemo(function () {
-    if (!selectedValues) return '';
-    if ((selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) === 0) return '';
+    if (isMobile) return selectedValues && selectedValues.length > 0 ? selectedValues.length.toString() : '';
+    if (!selectedValues || (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) === 0) return '';
     if ((selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) === 1) return "".concat(selectedValues[0].label);
     return " ".concat(selectedValues[0].label, " +").concat(selectedValues.length - 1);
   }, [selectedValues]);

package/components/Select/SharedComponents/ContentTop.js

@@ -18,25 +18,25 @@ import 'react-input-mask';
 import 'react-number-format';
 import '../../../helperComponents/Label/Label.js';
 import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../IconDynamicComponent/IconDynamicComponent.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '../../../consts/index.js';
 import '../../../type/file-upload.js';
 import '../../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import '../../../Alert-w8FkRd9I.js';
+import '../../../Alert--0rz5XL1.js';
 import '../../Alert/consts.js';
 import '../../../helperComponents/Loader/Loader.js';
 import 'react-dropzone';
 import '../../SVGIcons/IconUpload.js';
 import '../../FileUpload/types.js';
 import '../../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../../helpers/locale.js';
 import '../../../type/locale.js';
 import '../../../helpers/storage.js';
 import 'react-toastify';
-import 'framer-motion';
+import 'motion/react';
 import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../hooks/useOnOutsideClick.js';
 import '../../../hooks/useHideBodyScroll.js';
@@ -49,9 +49,11 @@ import '../../../hooks/useGetElemPositions.js';
 import '../../../hooks/useGetTooltipPosition.js';
 import '../../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../../SVGIcons/IconDelete.js';
 import '../../FileUpload/DropzoneFileUpload/FilePreview.js';

package/components/Select/SharedComponents/Footer.js

@@ -2,7 +2,7 @@ import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React from 'react';
-import { C as Checkbox, B as Button } from '../../../Alert-w8FkRd9I.js';
+import { C as Checkbox, B as Button } from '../../../Alert--0rz5XL1.js';
 import { SELECT_TRANSLATIONS } from '../localization.js';
 import '../../Alert/consts.js';
 import 'classnames';
@@ -20,12 +20,13 @@ import 'react-dropzone';
 import '../../SVGIcons/IconUpload.js';
 import '../../FileUpload/types.js';
 import '../../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../../helpers/locale.js';
 import '../../../type/locale.js';
 import '../../../helpers/storage.js';
 import 'react-toastify';
 import '../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../hooks/useOnOutsideClick.js';
 import '../../../hooks/useHideBodyScroll.js';
@@ -38,11 +39,12 @@ import '../../../hooks/useGetElemPositions.js';
 import '../../../hooks/useGetTooltipPosition.js';
 import '../../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../../SVGIcons/IconDismissFilled.js';
 import '../../SVGIcons/IconDelete.js';

package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js

@@ -22,10 +22,9 @@ import '../../../../helperComponents/Label/Label.js';
 import '../../../Text/Text.js';
 import 'dayjs';
 import '../../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../../IconDynamicComponent/IconDynamicComponent.js';
 import '@babel/runtime/helpers/toConsumableArray';
-import '../../../../Alert-w8FkRd9I.js';
+import '../../../../Alert--0rz5XL1.js';
 import '../../../Alert/consts.js';
 import '../../../../helperComponents/Loader/Loader.js';
 import 'react-dropzone';
@@ -33,12 +32,13 @@ import '../../../SVGIcons/IconUpload.js';
 import '../../../../type/file-upload.js';
 import '../../../FileUpload/types.js';
 import '../../../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../../../helpers/locale.js';
 import '../../../../type/locale.js';
 import '../../../../helpers/storage.js';
 import 'react-toastify';
 import '../../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../../hooks/useOnOutsideClick.js';
 import '../../../../hooks/useHideBodyScroll.js';
@@ -50,9 +50,11 @@ import '../../../../hooks/useGetElemPositions.js';
 import '../../../../hooks/useGetTooltipPosition.js';
 import '../../../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../../../Link/Link.js';
 import '../../../Popover/PopoverDesktop.js';
 import '../../../SVGIcons/IconInfo.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../../../SVGIcons/IconDismissFilled.js';
 import '../../../SVGIcons/IconDelete.js';

package/components/Select/SharedComponents/index.js

@@ -8,7 +8,7 @@ import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
-import '../../../Alert-w8FkRd9I.js';
+import '../../../Alert--0rz5XL1.js';
 import '../../Alert/consts.js';
 import 'classnames';
 import '../../Text/Text.js';
@@ -25,12 +25,13 @@ import 'react-dropzone';
 import '../../SVGIcons/IconUpload.js';
 import '../../FileUpload/types.js';
 import '../../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../../helpers/locale.js';
 import '../../../type/locale.js';
 import '../../../helpers/storage.js';
 import 'react-toastify';
 import '../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../hooks/useOnOutsideClick.js';
 import '../../../hooks/useHideBodyScroll.js';
@@ -43,11 +44,12 @@ import '../../../hooks/useGetElemPositions.js';
 import '../../../hooks/useGetTooltipPosition.js';
 import '../../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../../SVGIcons/IconDismissFilled.js';
 import '../../SVGIcons/IconDelete.js';

package/components/Select/index.js

@@ -22,7 +22,7 @@ import '../Avatar/Avatar.js';
 import '../FileUpload/FileUpload.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import '../FileUpload/types.js';
-import '../../Alert-w8FkRd9I.js';
+import '../../Alert--0rz5XL1.js';
 import '../Alert/consts.js';
 import '../../helperComponents/Loader/Loader.js';
 import '../../hooks/useScreenSize.js';
@@ -30,11 +30,12 @@ import 'react-hook-form';
 import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import 'react-toastify';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -47,11 +48,12 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';

package/components/SideSheet/Footer/Footer.js

@@ -1,7 +1,7 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useCallback } from 'react';
-import { C as Checkbox, B as Button } from '../../../Alert-w8FkRd9I.js';
+import { C as Checkbox, B as Button } from '../../../Alert--0rz5XL1.js';
 import '../../Alert/consts.js';
 import 'classnames';
 import '../../Text/Text.js';
@@ -19,12 +19,13 @@ import 'react-dropzone';
 import '../../SVGIcons/IconUpload.js';
 import '../../FileUpload/types.js';
 import '../../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../../helpers/locale.js';
 import '../../../type/locale.js';
 import '../../../helpers/storage.js';
 import 'react-toastify';
 import '../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../hooks/useOnOutsideClick.js';
 import '../../../hooks/useHideBodyScroll.js';
@@ -37,11 +38,12 @@ import '../../../hooks/useGetElemPositions.js';
 import '../../../hooks/useGetTooltipPosition.js';
 import '../../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../../SVGIcons/IconDismissFilled.js';
 import '../../SVGIcons/IconDelete.js';

package/components/SideSheet/SideSheet.js

@@ -2,7 +2,7 @@ import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useState, useRef, useId, useEffect, useCallback } from 'react';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import classNames from 'classnames';
 import '../../consts/index.js';
 import 'dayjs';
@@ -11,7 +11,7 @@ import '../../hooks/useScreenSize.js';
 import { useHideBodyScroll } from '../../hooks/useHideBodyScroll.js';
 import 'react-hook-form';
 import { AnimatePresenceWrapper } from '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import { B as Button } from '../../Alert-w8FkRd9I.js';
+import { B as Button } from '../../Alert--0rz5XL1.js';
 import { Text } from '../Text/Text.js';
 import { useDispatchEventOnScroll } from '../../hooks/useDispatchEventOnScroll.js';
 import { Footer } from './Footer/Footer.js';
@@ -26,6 +26,7 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
@@ -41,11 +42,12 @@ import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import '../../utils/helpers.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDelete.js';
 import '../FileUpload/DropzoneFileUpload/FilePreview.js';

package/components/SideSheet/index.js

@@ -3,7 +3,7 @@ import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
-import 'framer-motion';
+import 'motion/react';
 import 'classnames';
 import '../../consts/index.js';
 import '../../type/file-upload.js';
@@ -13,7 +13,7 @@ import '../../hooks/useScreenSize.js';
 import '../../hooks/useHideBodyScroll.js';
 import 'react-hook-form';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../Alert-w8FkRd9I.js';
+import '../../Alert--0rz5XL1.js';
 import '../Alert/consts.js';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
@@ -24,6 +24,7 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
@@ -38,11 +39,12 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';

package/components/Snackbar/Snackbar.js

@@ -2,32 +2,33 @@ import _extends from '@babel/runtime/helpers/extends';
 import React from 'react';
 import { toast, ToastContainer, Slide } from 'react-toastify';
 import { Text } from '../Text/Text.js';
-import { B as Button } from '../../Alert-w8FkRd9I.js';
+import { B as Button } from '../../Alert--0rz5XL1.js';
 import { DEFAULT_DURATION, TYPE_MAPPING, ICONS_MAPPING } from './consts.js';
-import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import 'dayjs';
+import { IconDynamicComponent } from '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import 'classnames';
+import '../../utils/helpers.js';
+import 'dayjs';
+import '../Alert/consts.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../helperComponents/Loader/Loader.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/toConsumableArray';
 import '../../consts/index.js';
+import '../../type/file-upload.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-syntax-highlighter';
-import '../../utils/helpers.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
 import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
-import '../../type/file-upload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -39,6 +40,8 @@ import '../../hooks/useGetElemSizes.js';
 import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
+import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
@@ -50,7 +53,6 @@ import '../Progress/Progress.js';
 import '../SVGIcons/IconArrowDownloadFilled.js';
 import '../../helpers/download-file.js';
 import '../Button/consts.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
 
 var CustomToast = function CustomToast(_ref) {
   var actionProps = _ref.actionProps,

package/components/Snackbar/index.js

@@ -6,7 +6,7 @@ import '../Text/Text.js';
 import 'classnames';
 import '../../utils/helpers.js';
 import 'dayjs';
-import '../../Alert-w8FkRd9I.js';
+import '../../Alert--0rz5XL1.js';
 import '../Alert/consts.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -21,11 +21,12 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -38,11 +39,12 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';

package/components/Switcher/Switcher.js

@@ -1,18 +1,18 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import classNames from 'classnames';
 import { Label } from '../../helperComponents/Label/Label.js';
 import 'dayjs';
+import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
 import '../../consts/index.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import '../../Alert-w8FkRd9I.js';
-import { IconCheckmark } from '../SVGIcons/IconCheckmark.js';
+import '../../Alert--0rz5XL1.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
 import '../../type/file-upload.js';
@@ -22,12 +22,13 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -42,8 +43,8 @@ import '../../hooks/useHideOnScroll.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';
@@ -70,7 +71,11 @@ var Switcher = /*#__PURE__*/forwardRef(function (props, ref) {
     selectedValue = props.selectedValue,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
-    labelAddons = props.labelAddons;
+    labelAddons = props.labelAddons,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'right' : _props$orientation,
+    _props$hasSpaceBetwee = props.hasSpaceBetween,
+    hasSpaceBetween = _props$hasSpaceBetwee === void 0 ? true : _props$hasSpaceBetwee;
   var isChecked = !!value || !!selectedValue;
   var changeHandler = function changeHandler() {
     if (name && setFieldValue) {
@@ -80,17 +85,21 @@ var Switcher = /*#__PURE__*/forwardRef(function (props, ref) {
       onClick(!isChecked);
     }
   };
+  var labelComponent = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Label, {
+      text: label,
+      disabled: disabled,
+      labelAddons: labelAddons,
+      size: inlineType ? 'standard' : size,
+      className: "switcher__label"
+    });
+  }, [label, disabled, labelAddons, inlineType, size]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('switcher', {
-      'switcher--inline': inlineType
+      'switcher--inline': inlineType,
+      'switcher--space-between': hasSpaceBetween
     })
-  }, label && /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    disabled: disabled,
-    labelAddons: labelAddons,
-    size: inlineType ? 'standard' : size,
-    className: "switcher__label"
-  }), /*#__PURE__*/React.createElement("label", {
+  }, label && orientation === 'right' && labelComponent, /*#__PURE__*/React.createElement("label", {
     id: id,
     className: classNames('controller', 'controller--switch', "controller--switch-".concat(size), className, {
       'controller--disabled': disabled
@@ -106,10 +115,9 @@ var Switcher = /*#__PURE__*/forwardRef(function (props, ref) {
     className: "controller__icon"
   }, /*#__PURE__*/React.createElement("span", {
     className: "controller__icon__inner"
-  }, /*#__PURE__*/React.createElement(IconCheckmark, {
-    size: "xsmall",
+  }, /*#__PURE__*/React.createElement("span", {
     className: "controller__mark"
-  })))));
+  })))), label && orientation === 'left' && labelComponent);
 });
 Switcher.displayName = 'Switcher';
 

package/components/Switcher/index.js

@@ -5,28 +5,29 @@ import '../../helperComponents/Label/Label.js';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
 import 'dayjs';
+import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
 import '../../consts/index.js';
 import '../../type/file-upload.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import '../../Alert-w8FkRd9I.js';
+import '../../Alert--0rz5XL1.js';
 import '../Alert/consts.js';
 import '../../helperComponents/Loader/Loader.js';
 import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -39,11 +40,12 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';
@@ -52,4 +54,3 @@ import '../Progress/Progress.js';
 import '../SVGIcons/IconArrowDownloadFilled.js';
 import '../../helpers/download-file.js';
 import '../Button/consts.js';
-import '../SVGIcons/IconCheckmark.js';

package/components/Switcher/types.d.ts

@@ -8,4 +8,6 @@ export interface TSwitcherProps extends IFormCompProps {
     id?: string;
     label?: string;
     labelAddons?: React.ReactElement;
+    orientation?: 'left' | 'right';
+    hasSpaceBetween?: boolean;
 }