hrm_ui_lib 2.0.3 → 2.1.1

package/components/SideSheet/Footer/Footer.js

@@ -1,101 +1,15 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
-import { C as Checkbox, B as Button } from '../../../Alert-V_kH4Snn.js';
-import '../../Alert/consts.js';
-import 'classnames';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../FileUpload/types.js';
-import '../../../helpers/format-date.js';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useHideBodyScroll.js';
-import '../../SVGIcons/IconDismiss.js';
-import '../../Tooltip/types.js';
-import '../../Tooltip/Tooltip.js';
-import '../../../hooks/useGetTooltipStyles.js';
-import '../../../hooks/useGetElemSizes.js';
-import '../../../hooks/useGetElemPositions.js';
-import '../../../hooks/useGetTooltipPosition.js';
-import '../../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../../SVGIcons/IconDismissFilled.js';
-import '../../SVGIcons/IconDelete.js';
-import '../../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../../Progress/Progress.js';
-import '../../SVGIcons/IconArrowDownloadFilled.js';
-import '../../../helpers/download-file.js';
-import '../../Button/consts.js';
-
-var Footer = function Footer(_ref) {
-  var isLoading = _ref.isLoading,
-    footerButtons = _ref.footerButtons,
-    onClose = _ref.onClose,
-    onSubmit = _ref.onSubmit,
-    checkboxInfo = _ref.checkboxInfo;
-  var _React$useState = React.useState((checkboxInfo === null || checkboxInfo === void 0 ? void 0 : checkboxInfo.isChecked) || false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isSelected = _React$useState2[0],
-    setIsSelected = _React$useState2[1];
-  var handleSubmit = useCallback(function () {
-    onSubmit === null || onSubmit === void 0 || onSubmit(isSelected);
-  }, [onSubmit, isSelected]);
-  if (!footerButtons) {
-    return null;
-  }
-  var extraButton = footerButtons.extraButton,
-    confirm = footerButtons.confirm,
-    cancel = footerButtons.cancel;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "side-sheet__footer"
-  }, checkboxInfo ? /*#__PURE__*/React.createElement("div", {
-    className: "side-sheet__footer_checkbox"
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    label: checkboxInfo.label,
-    selectedValue: isSelected,
-    onClick: setIsSelected
-  })) : null, /*#__PURE__*/React.createElement("div", {
-    className: "side-sheet__footer_buttons"
-  }, extraButton ? /*#__PURE__*/React.createElement(Button, _extends({
-    size: "large",
-    type: "secondary"
-  }, footerButtons.extraButton, {
-    className: "mr-12"
-  })) : null, /*#__PURE__*/React.createElement(Button, _extends({
-    type: "secondary",
-    size: "large",
-    className: "mr-12",
-    onClick: onClose
-  }, cancel)), /*#__PURE__*/React.createElement(Button, _extends({
-    type: "primary",
-    size: "large",
-    onClick: handleSubmit,
-    disabled: isLoading
-  }, confirm))));
+import { Button } from '../../Button';
+import { Checkbox } from '../../Checkbox';
+export const Footer = ({ isLoading, footerButtons, onClose, onSubmit, checkboxInfo }) => {
+    const [isSelected, setIsSelected] = React.useState((checkboxInfo === null || checkboxInfo === void 0 ? void 0 : checkboxInfo.isChecked) || false);
+    const handleSubmit = useCallback(() => {
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(isSelected);
+    }, [onSubmit, isSelected]);
+    if (!footerButtons) {
+        return null;
+    }
+    const { extraButton, confirm, cancel } = footerButtons;
+    return (_jsxs("div", { className: "side-sheet__footer", children: [checkboxInfo ? (_jsx("div", { className: "side-sheet__footer_checkbox", children: _jsx(Checkbox, { label: checkboxInfo.label, selectedValue: isSelected, onClick: setIsSelected }) })) : null, _jsxs("div", { className: "side-sheet__footer_buttons", children: [extraButton ? (_jsx(Button, Object.assign({ size: "large", type: "secondary" }, footerButtons.extraButton, { className: "mr-12" }))) : null, _jsx(Button, Object.assign({ type: "secondary", size: "large", className: "mr-12", onClick: onClose }, cancel)), _jsx(Button, Object.assign({ type: "primary", size: "large", onClick: handleSubmit, disabled: isLoading }, confirm))] })] }));
 };
-
-export { Footer };

package/components/SideSheet/SideSheet.js

@@ -1,211 +1,58 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef, useState } from 'react';
 import { motion } from 'framer-motion';
-import classNames from 'classnames';
-import '../../consts/index.js';
-import 'dayjs';
-import { useOnOutsideClick } from '../../hooks/useOnOutsideClick.js';
-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-V_kH4Snn.js';
-import { Text } from '../Text/Text.js';
-import { useDispatchEventOnScroll } from '../../hooks/useDispatchEventOnScroll.js';
-import { Footer } from './Footer/Footer.js';
-import { IconCaretUp } from '../SVGIcons/IconCaretUp.js';
-import { IconDismissFilled } from '../SVGIcons/IconDismissFilled.js';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../../utils/helpers.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SideSheet = function SideSheet(props) {
-  var _props$size = props.size,
-    size = _props$size === void 0 ? 'small' : _props$size,
-    isLoading = props.isLoading,
-    isOpen = props.isOpen,
-    onClose = props.onClose,
-    onSubmit = props.onSubmit,
-    title = props.title,
-    _props$position = props.position,
-    position = _props$position === void 0 ? 'right' : _props$position,
-    shouldRemoveCallback = props.shouldRemoveCallback,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    headerButtons = props.headerButtons,
-    footerButtons = props.footerButtons,
-    scrollToTopOptions = props.scrollToTopOptions,
-    children = props.children,
-    _props$closeOnOutside = props.closeOnOutsideClick,
-    closeOnOutsideClick = _props$closeOnOutside === void 0 ? true : _props$closeOnOutside,
-    checkboxInfo = props.checkboxInfo;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    containerRef = _useState2[0],
-    setContainerRef = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isShownScrollIcon = _useState4[0],
-    setIsShownScrollIcon = _useState4[1];
-  var scrollbarContainerRef = useRef(null);
-  useOnOutsideClick(containerRef, onClose, isOpen && closeOnOutsideClick, useId(), shouldRemoveCallback);
-  useHideBodyScroll(isOpen);
-  var dispatchScrollEvent = useDispatchEventOnScroll();
-  useEffect(function () {
-    if (isOpen && scrollToTopOptions) {
-      var _scrollbarContainerRe;
-      var handleOnScroll = function handleOnScroll(e) {
-        dispatchScrollEvent();
-        if (isOpen) {
-          setIsShownScrollIcon(e.currentTarget.scrollTop > scrollToTopOptions.onPixel);
+import classnames from 'classnames';
+import { useHideBodyScroll, useOnOutsideClick } from '../../hooks';
+import { AnimatePresenceWrapper } from '../../helperComponents/AnimatePresenceWrapper';
+import { Button } from '../Button';
+import { Text } from '../Text';
+import { useDispatchEventOnScroll } from '../../hooks/useDispatchEventOnScroll';
+import { Footer } from './Footer/Footer';
+import IconCaretUp from '../SVGIcons/IconCaretUp';
+import IconDismissFilled from '../SVGIcons/IconDismissFilled';
+export const SideSheet = (props) => {
+    const { size = 'small', isLoading, isOpen, onClose, onSubmit, title, position = 'right', shouldRemoveCallback, className = '', headerButtons, footerButtons, scrollToTopOptions, children, closeOnOutsideClick = true, checkboxInfo } = props;
+    const [containerRef, setContainerRef] = useState(null);
+    const [isShownScrollIcon, setIsShownScrollIcon] = useState(false);
+    const scrollbarContainerRef = useRef(null);
+    useOnOutsideClick(containerRef, onClose, isOpen && closeOnOutsideClick, useId(), shouldRemoveCallback);
+    useHideBodyScroll(isOpen);
+    const dispatchScrollEvent = useDispatchEventOnScroll();
+    useEffect(() => {
+        var _a;
+        if (isOpen && scrollToTopOptions) {
+            const handleOnScroll = (e) => {
+                dispatchScrollEvent();
+                if (isOpen) {
+                    setIsShownScrollIcon(e.currentTarget.scrollTop > scrollToTopOptions.onPixel);
+                }
+            };
+            (_a = scrollbarContainerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleOnScroll);
         }
-      };
-      (_scrollbarContainerRe = scrollbarContainerRef.current) === null || _scrollbarContainerRe === void 0 || _scrollbarContainerRe.addEventListener('scroll', handleOnScroll);
-    }
-    if (!isOpen) {
-      handleScrollToTop();
-    }
-  }, [isOpen, scrollToTopOptions]);
-  var handleScrollToTop = useCallback(function () {
-    var _scrollbarContainerRe2;
-    setIsShownScrollIcon(false);
-    (_scrollbarContainerRe2 = scrollbarContainerRef.current) === null || _scrollbarContainerRe2 === void 0 || _scrollbarContainerRe2.scrollTo({
-      top: 0,
-      behavior: 'smooth'
-    });
-  }, []);
-  var isFromLeft = position === 'left';
-  return /*#__PURE__*/React.createElement(AnimatePresenceWrapper, null, isOpen ? /*#__PURE__*/React.createElement(motion.div, {
-    className: "side-sheet",
-    initial: {
-      opacity: 0
-    },
-    animate: {
-      opacity: 1
-    },
-    exit: {
-      opacity: 0,
-      transition: {
-        duration: 0.1,
-        delay: 0.3
-      }
-    },
-    transition: {
-      duration: 0.2
-    }
-  }, /*#__PURE__*/React.createElement(motion.div, {
-    initial: isFromLeft ? {
-      left: '-100%'
-    } : {
-      right: '-100%'
-    },
-    animate: isFromLeft ? {
-      left: 0
-    } : {
-      right: 0
-    },
-    exit: _objectSpread(_objectSpread({}, isFromLeft ? {
-      left: '-100%'
-    } : {
-      right: '-100%'
-    }), {}, {
-      transition: {
-        duration: 0.5
-      }
-    }),
-    transition: {
-      duration: 0.5
-    },
-    className: classNames('side-sheet__container', "side-sheet__".concat(position), "side-sheet__container--".concat(size), className),
-    ref: setContainerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "side-sheet__header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "side-sheet__header__left pr-16"
-  }, headerButtons !== null && headerButtons !== void 0 && headerButtons.back ? /*#__PURE__*/React.createElement(Button, _extends({
-    size: "small",
-    type: "tertiary"
-  }, headerButtons.back, {
-    className: "mr-8"
-  })) : null, /*#__PURE__*/React.createElement(Text, {
-    className: "side-sheet__title",
-    weight: "bolder",
-    lineHeight: "large",
-    size: "medium"
-  }, title)), /*#__PURE__*/React.createElement("div", {
-    className: "side-sheet__header__right"
-  }, headerButtons !== null && headerButtons !== void 0 && headerButtons.pin ? /*#__PURE__*/React.createElement(Button, _extends({
-    size: "small",
-    type: "tertiary"
-  }, headerButtons.pin, {
-    className: "mr-8"
-  })) : null, headerButtons !== null && headerButtons !== void 0 && headerButtons.close ? /*#__PURE__*/React.createElement(Button, _extends({
-    size: "small",
-    type: "tertiary"
-  }, headerButtons.close, {
-    onClick: onClose
-  })) : /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "tertiary",
-    iconProps: {
-      Component: IconDismissFilled
-    },
-    onClick: onClose
-  })), isShownScrollIcon && /*#__PURE__*/React.createElement(Button, {
-    size: "large",
-    type: "secondary",
-    iconProps: {
-      Component: IconCaretUp
-    },
-    className: "side-sheet__header__scroll-top side-sheet__header__scroll-top__".concat(size),
-    onClick: handleScrollToTop
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "side-sheet__content scrollbar scrollbar--vertical",
-    ref: scrollbarContainerRef
-  }, children), /*#__PURE__*/React.createElement(Footer, {
-    footerButtons: footerButtons,
-    isLoading: isLoading,
-    onClose: onClose,
-    onSubmit: onSubmit,
-    checkboxInfo: checkboxInfo
-  }))) : null);
+        if (!isOpen) {
+            handleScrollToTop();
+        }
+    }, [isOpen, scrollToTopOptions]);
+    const handleScrollToTop = useCallback(() => {
+        var _a;
+        setIsShownScrollIcon(false);
+        (_a = scrollbarContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+            top: 0,
+            behavior: 'smooth'
+        });
+    }, []);
+    const isFromLeft = position === 'left';
+    return (_jsx(AnimatePresenceWrapper, { children: isOpen ? (_jsx(motion.div, { className: "side-sheet", initial: {
+                opacity: 0
+            }, animate: {
+                opacity: 1
+            }, exit: {
+                opacity: 0,
+                transition: {
+                    duration: 0.1,
+                    delay: 0.3
+                }
+            }, transition: { duration: 0.2 }, children: _jsxs(motion.div, { initial: isFromLeft ? { left: '-100%' } : { right: '-100%' }, animate: isFromLeft ? { left: 0 } : { right: 0 }, exit: Object.assign(Object.assign({}, (isFromLeft ? { left: '-100%' } : { right: '-100%' })), { transition: {
+                        duration: 0.5
+                    } }), transition: { duration: 0.5 }, className: classnames('side-sheet__container', `side-sheet__${position}`, `side-sheet__container--${size}`, className), ref: setContainerRef, children: [_jsxs("div", { className: "side-sheet__header", children: [_jsxs("div", { className: "side-sheet__header__left pr-16", children: [(headerButtons === null || headerButtons === void 0 ? void 0 : headerButtons.back) ? (_jsx(Button, Object.assign({ size: "small", type: "tertiary" }, headerButtons.back, { className: "mr-8" }))) : null, _jsx(Text, { className: "side-sheet__title", weight: "bolder", lineHeight: "large", size: "medium", children: title })] }), _jsxs("div", { className: "side-sheet__header__right", children: [(headerButtons === null || headerButtons === void 0 ? void 0 : headerButtons.pin) ? (_jsx(Button, Object.assign({ size: "small", type: "tertiary" }, headerButtons.pin, { className: "mr-8" }))) : null, (headerButtons === null || headerButtons === void 0 ? void 0 : headerButtons.close) ? (_jsx(Button, Object.assign({ size: "small", type: "tertiary" }, headerButtons.close, { onClick: onClose }))) : (_jsx(Button, { size: "small", type: "tertiary", iconProps: { Component: IconDismissFilled }, onClick: onClose }))] }), isShownScrollIcon && (_jsx(Button, { size: "large", type: "secondary", iconProps: { Component: IconCaretUp }, className: `side-sheet__header__scroll-top side-sheet__header__scroll-top__${size}`, onClick: handleScrollToTop }))] }), _jsx("div", { className: "side-sheet__content scrollbar scrollbar--vertical", ref: scrollbarContainerRef, children: children }), _jsx(Footer, { footerButtons: footerButtons, isLoading: isLoading, onClose: onClose, onSubmit: onSubmit, checkboxInfo: checkboxInfo })] }) })) : null }));
 };
-
-export { SideSheet };

package/components/SideSheet/index.js

@@ -1,56 +1 @@
-export { SideSheet } from './SideSheet.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import 'framer-motion';
-import 'classnames';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import 'dayjs';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useScreenSize.js';
-import '../../hooks/useHideBodyScroll.js';
-import 'react-hook-form';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-import '../../hooks/useDispatchEventOnScroll.js';
-import './Footer/Footer.js';
-import '../SVGIcons/IconCaretUp.js';
+export * from './SideSheet';

package/components/SideSheet/types.js

@@ -1 +1 @@
-
+export {};

package/components/Snackbar/Snackbar.js

@@ -1,126 +1,32 @@
-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-V_kH4Snn.js';
-import { DEFAULT_DURATION, TYPE_MAPPING, ICONS_MAPPING } from './consts.js';
-import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import 'dayjs';
-import 'classnames';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.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 '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-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,
-    toastId = _ref.toastId,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'information' : _ref$type,
-    text = _ref.text;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-id": "".concat(type, "-toast-message"),
-    className: "snackbar",
-    key: toastId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "snackbar__content"
-  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
-    componentName: ICONS_MAPPING[type],
-    type: TYPE_MAPPING[type],
-    size: "medium"
-  }), /*#__PURE__*/React.createElement(Text, {
-    className: "snackbar__text pl-16 pr-8",
-    type: "primary",
-    size: "standard",
-    weight: "regular",
-    lineHeight: "large"
-  }, text)), actionProps ? /*#__PURE__*/React.createElement(Button, _extends({
-    size: "small",
-    type: "tertiary"
-  }, actionProps, {
-    onClick: function onClick(e) {
-      var _actionProps$onClick;
-      toast.dismiss(toastId);
-      actionProps === null || actionProps === void 0 || (_actionProps$onClick = actionProps.onClick) === null || _actionProps$onClick === void 0 || _actionProps$onClick.call(actionProps, e);
-    }
-  })) : null);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ToastContainer, toast, Slide } from 'react-toastify';
+import { Text } from '../Text';
+import { Button } from '../Button';
+import { DEFAULT_DURATION, ICONS_MAPPING, TYPE_MAPPING } from './consts';
+import { IconDynamicComponent } from '../../helperComponents';
+import 'react-toastify/dist/ReactToastify.css';
+const CustomToast = ({ actionProps, toastId, type = 'information', text }) => {
+    return (_jsxs("div", { "data-id": `${type}-toast-message`, className: "snackbar", children: [_jsxs("div", { className: "snackbar__content", children: [_jsx(IconDynamicComponent, { componentName: ICONS_MAPPING[type], type: TYPE_MAPPING[type], size: "medium" }), _jsx(Text, { className: "snackbar__text pl-16 pr-8", type: "primary", size: "standard", weight: "regular", lineHeight: "large", children: text })] }), actionProps ? (_jsx(Button, Object.assign({ size: "small", type: "tertiary" }, actionProps, { onClick: (e) => {
+                    var _a;
+                    toast.dismiss(toastId);
+                    (_a = actionProps === null || actionProps === void 0 ? void 0 : actionProps.onClick) === null || _a === void 0 ? void 0 : _a.call(actionProps, e);
+                } }))) : null] }, toastId));
 };
-var notify = function notify(toastProps) {
-  var toastId = toastProps.toastId,
-    closeSnackbar = toastProps.closeSnackbar,
-    actionProps = toastProps.actionProps,
-    _toastProps$duration = toastProps.duration,
-    duration = _toastProps$duration === void 0 ? DEFAULT_DURATION : _toastProps$duration;
-  toast(function () {
-    return CustomToast(toastProps);
-  }, {
-    // bodyClassName: '__body',
-    className: '_container',
-    toastId: toastId,
-    autoClose: actionProps ? false : duration
-  });
-  toast.onChange(function (payload) {
-    if (payload.status === 'removed') {
-      closeSnackbar === null || closeSnackbar === void 0 || closeSnackbar(payload.id);
-    }
-  });
+export const notify = (toastProps) => {
+    const { toastId, closeSnackbar, actionProps, duration = DEFAULT_DURATION } = toastProps;
+    toast(() => CustomToast(toastProps), {
+        // bodyClassName: '__body',
+        className: '_container',
+        toastId,
+        autoClose: actionProps ? false : duration
+    });
+    toast.onChange((payload) => {
+        if (payload.status === 'removed') {
+            closeSnackbar === null || closeSnackbar === void 0 ? void 0 : closeSnackbar(payload.id);
+        }
+    });
 };
-var Snackbar = function Snackbar(props) {
-  var _props$duration = props.duration,
-    duration = _props$duration === void 0 ? 1000 : _props$duration,
-    _props$position = props.position,
-    position = _props$position === void 0 ? 'bottom-center' : _props$position;
-  return /*#__PURE__*/React.createElement(ToastContainer, {
-    className: 'snackbar-wrapper',
-    theme: "light",
-    hideProgressBar: true,
-    transition: Slide,
-    position: position,
-    autoClose: duration,
-    closeButton: function closeButton() {
-      return null;
-    }
-  });
+export const Snackbar = (props) => {
+    const { duration = 1000, position = 'bottom-center' } = props;
+    return (_jsx(ToastContainer, { className: 'snackbar-wrapper', theme: "light", hideProgressBar: true, transition: Slide, position: position, autoClose: duration, closeButton: () => null }));
 };
-
-export { Snackbar, notify };

package/components/Snackbar/consts.js

@@ -1,15 +1,13 @@
-var TYPE_MAPPING = {
-  warning: 'warning',
-  success: 'success',
-  error: 'danger',
-  information: 'information'
+export const TYPE_MAPPING = {
+    warning: 'warning',
+    success: 'success',
+    error: 'danger',
+    information: 'information'
 };
-var ICONS_MAPPING = {
-  warning: 'warningFilled',
-  success: 'checkmarkCircleFilled',
-  error: 'errorCircleFilled',
-  information: 'infoFilled'
+export const ICONS_MAPPING = {
+    warning: 'warningFilled',
+    success: 'checkmarkCircleFilled',
+    error: 'errorCircleFilled',
+    information: 'infoFilled'
 };
-var DEFAULT_DURATION = 6000;
-
-export { DEFAULT_DURATION, ICONS_MAPPING, TYPE_MAPPING };
+export const DEFAULT_DURATION = 6000;