hrm_ui_lib 1.4.2 → 1.4.3

package/{Button-028f6f93.js → Button-110130b7.js}

@@ -1,7 +1,7 @@
 import { _ as _extends } from './extends-acf19b4c.js';
 import { _ as _defineProperty } from './defineProperty-fdfb938c.js';
 import { _ as _objectWithoutProperties } from './objectWithoutProperties-c5575e26.js';
-import React__default, { useState, useId, useEffect, forwardRef, useRef, useMemo } from 'react';
+import React, { useState, useId, useEffect, forwardRef, useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import 'dayjs';
 import { Loader } from './helperComponents/Loader/Loader.js';
@@ -10,7 +10,8 @@ import './hooks/useScreenSize.js';
 import 'react-hook-form';
 import { _ as _slicedToArray } from './slicedToArray-72c4258c.js';
 import { useIsMobile } from './hooks/useGetIsMobile.js';
-import { A as AnimatePresenceWrapper } from './AnimatePresenceWrapper-cf3daece.js';
+import { motion } from 'framer-motion';
+import { AnimatePresenceWrapper } from './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import { useOnOutsideClick } from './hooks/useOnOutsideClick.js';
 import { useHideBodyScroll } from './hooks/useHideBodyScroll.js';
 import 'react-syntax-highlighter';
@@ -19,7 +20,6 @@ import { Positions } from './components/Tooltip/types.js';
 import { Text } from './components/Text/Text.js';
 import { Tooltip } from './components/Tooltip/Tooltip.js';
 import { noop } from './utils/helpers.js';
-import { m as motion } from './proxy-3b995879.js';
 import { Link } from './components/Link/Link.js';
 import { PopoverDesktop } from './components/Popover/PopoverDesktop.js';
 import { IconInfo } from './components/SVGIcons/IconInfo.js';
@@ -44,7 +44,7 @@ var ButtonIcon = function ButtonIcon(props) {
     _props$refHandler = props.refHandler,
     refHandler = _props$refHandler === void 0 ? null : _props$refHandler,
     rest = _objectWithoutProperties(props, _excluded$3);
-  return /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     ref: refHandler,
     "data-id": dataId,
     disabled: disabled,
@@ -52,10 +52,10 @@ var ButtonIcon = function ButtonIcon(props) {
     className: classNames('btn-icon', "btn-icon--".concat(size), className),
     onClick: onClick,
     form: formId
-  }, rest), isLoading ? /*#__PURE__*/React__default.createElement(Loader, {
+  }, rest), isLoading ? /*#__PURE__*/React.createElement(Loader, {
     size: size,
     type: 'dark'
-  }) : /*#__PURE__*/React__default.createElement(iconProps.Component, {
+  }) : /*#__PURE__*/React.createElement(iconProps.Component, {
     size: size,
     type: disabled ? 'disabled' : 'tertiary'
   }));
@@ -73,37 +73,37 @@ var ModalContent = function ModalContent(_ref) {
     confirmBtnTooltipText = _ref.confirmBtnTooltipText,
     buttonProps = _ref.buttonProps,
     onSubmit = _ref.onSubmit;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, title ? /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement("div", {
     className: "modal__header"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
     lineHeight: "large",
     size: "large",
     weight: 'bolder',
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-title") : ''
-  }, title), subtitle ? /*#__PURE__*/React__default.createElement(Text, {
+  }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
     className: 'mt-12',
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-title") : ''
-  }, subtitle) : null), closeIcon ? /*#__PURE__*/React__default.createElement(ButtonIcon, {
+  }, subtitle) : null), closeIcon ? /*#__PURE__*/React.createElement(ButtonIcon, {
     className: 'modal__close ml-16',
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-close-button") : '',
     iconProps: {
       Component: IconDismiss
     },
     onClick: onClose
-  }) : null) : null, /*#__PURE__*/React__default.createElement("div", {
+  }) : null) : null, /*#__PURE__*/React.createElement("div", {
     className: "modal__content scrollbar scrollbar--vertical"
-  }, children), withFooter && buttonProps ? /*#__PURE__*/React__default.createElement("div", {
+  }, children), withFooter && buttonProps ? /*#__PURE__*/React.createElement("div", {
     className: "modal__footer"
-  }, buttonProps.cancel && /*#__PURE__*/React__default.createElement(Button, _extends({
+  }, buttonProps.cancel && /*#__PURE__*/React.createElement(Button, _extends({
     type: "tertiary",
     className: "modal__footer__btn mr-16",
     onClick: onClose,
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-cancel-button") : ''
-  }, buttonProps.cancel || {})), confirmBtnTooltipText ? /*#__PURE__*/React__default.createElement(Tooltip, {
+  }, buttonProps.cancel || {})), confirmBtnTooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
     text: confirmBtnTooltipText,
     id: 'confirm-btn-tooltip',
     position: Positions.TOP_CENTER
-  }) : null, /*#__PURE__*/React__default.createElement(Button, _extends({
+  }) : null, /*#__PURE__*/React.createElement(Button, _extends({
     id: 'confirm-btn-tooltip',
     className: 'modal__footer__btn',
     type: "primary",
@@ -170,7 +170,7 @@ var Modal = function Modal(props) {
     setContainerRef = _useState2[1];
   useOnOutsideClick(containerRef, onClose, closeOnOutsideClick && isOpen, useId());
   useHideBodyScroll(isOpen);
-  return /*#__PURE__*/React__default.createElement(AnimatePresenceWrapper, null, isOpen ? /*#__PURE__*/React__default.createElement(motion.div, {
+  return /*#__PURE__*/React.createElement(AnimatePresenceWrapper, null, isOpen ? /*#__PURE__*/React.createElement(motion.div, {
     className: classNames('modal', "modal--".concat(size), className),
     initial: {
       opacity: 0
@@ -184,12 +184,12 @@ var Modal = function Modal(props) {
     transition: {
       duration: 0.4
     }
-  }, /*#__PURE__*/React__default.createElement(motion.div, _extends({
+  }, /*#__PURE__*/React.createElement(motion.div, _extends({
     className: classNames('modal__container', {
       modal__container_mobile: isMobile
     }),
     ref: setContainerRef
-  }, isMobile ? MOBILE_ANIMATION : DESKTOP_ANIMATION), /*#__PURE__*/React__default.createElement(ModalContent, _extends({}, rest, {
+  }, isMobile ? MOBILE_ANIMATION : DESKTOP_ANIMATION), /*#__PURE__*/React.createElement(ModalContent, _extends({}, rest, {
     onClose: onClose
   })))) : null);
 };
@@ -203,19 +203,19 @@ var PopoverMobile = function PopoverMobile(props) {
     _props$clicked = props.clicked,
     clicked = _props$clicked === void 0 ? false : _props$clicked,
     children = props.children;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
     closeIcon: true,
     title: mobileTitle,
     onClose: hideMessage,
     isOpen: clicked
-  }, clicked && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, linkAddons ? /*#__PURE__*/React__default.createElement(Link, {
+  }, clicked && /*#__PURE__*/React.createElement(React.Fragment, null, linkAddons ? /*#__PURE__*/React.createElement(Link, {
     dataId: linkAddons.dataId,
     url: linkAddons.url,
     beforeLink: linkAddons.beforeLink,
     afterLink: linkAddons.afterLink,
     target: linkAddons.target,
     className: 'popover__link'
-  }, text) : /*#__PURE__*/React__default.createElement(Text, {
+  }, text) : /*#__PURE__*/React.createElement(Text, {
     dataId: "".concat(dataId, "-text"),
     type: "primary",
     weight: "regular",
@@ -261,10 +261,10 @@ var Popover = function Popover(props) {
       setIsClicked(clicked);
     }
   }, [clicked, isClicked]);
-  return isMobile ? /*#__PURE__*/React__default.createElement(PopoverMobile, _extends({}, rest, {
+  return isMobile ? /*#__PURE__*/React.createElement(PopoverMobile, _extends({}, rest, {
     clicked: isClicked,
     hideMessage: hideMessage
-  })) : /*#__PURE__*/React__default.createElement(PopoverDesktop, _extends({}, rest, {
+  })) : /*#__PURE__*/React.createElement(PopoverDesktop, _extends({}, rest, {
     parent: parent,
     clicked: isClicked,
     showMessage: showMessage,
@@ -310,11 +310,11 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
       onClick(!isChecked);
     }
   };
-  var checkboxLabelPopover = popoverAddons ? /*#__PURE__*/React__default.createElement(Popover, _extends({
+  var checkboxLabelPopover = popoverAddons ? /*#__PURE__*/React.createElement(Popover, _extends({
     id: "".concat(popoverAddons.id)
-  }, popoverAddons), /*#__PURE__*/React__default.createElement("div", {
+  }, popoverAddons), /*#__PURE__*/React.createElement("div", {
     id: "".concat(popoverAddons.id)
-  }, /*#__PURE__*/React__default.createElement(IconInfo, {
+  }, /*#__PURE__*/React.createElement(IconInfo, {
     dataId: "".concat(dataId, "-icon"),
     type: "information",
     size: "xsmall",
@@ -332,31 +332,31 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
       return label;
     }
     if (!link) {
-      return /*#__PURE__*/React__default.createElement(Text, {
+      return /*#__PURE__*/React.createElement(Text, {
         type: disabled ? 'disabled' : 'primary',
         className: "controller__label"
-      }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label, required && /*#__PURE__*/React__default.createElement("sup", null, "*")));
+      }, /*#__PURE__*/React.createElement(React.Fragment, null, label, required && /*#__PURE__*/React.createElement("sup", null, "*")));
     }
-    return /*#__PURE__*/React__default.createElement(Text, {
+    return /*#__PURE__*/React.createElement(Text, {
       type: disabled ? 'disabled' : 'primary',
       className: "controller__label"
-    }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, beforeLink && /*#__PURE__*/React__default.createElement("span", {
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, beforeLink && /*#__PURE__*/React.createElement("span", {
       className: "mr-4"
-    }, beforeLink), /*#__PURE__*/React__default.createElement(Link, {
+    }, beforeLink), /*#__PURE__*/React.createElement(Link, {
       dataId: dataId,
       url: link,
       target: "_blank"
-    }, label), afterLink && /*#__PURE__*/React__default.createElement("span", {
+    }, label), afterLink && /*#__PURE__*/React.createElement("span", {
       className: "ml-4"
-    }, afterLink), required && /*#__PURE__*/React__default.createElement("sup", null, "*")));
+    }, afterLink), required && /*#__PURE__*/React.createElement("sup", null, "*")));
   }, [label, link]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("label", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
     className: classNames('controller', _defineProperty({
       'controller--checkbox': true,
       'controller--disabled': disabled,
       'controller--error': isInvalid
     }, className, !!className))
-  }, /*#__PURE__*/React__default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     "data-id": dataId,
     type: "checkbox",
     ref: inputRef,
@@ -364,18 +364,18 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
     onChange: changeHandler,
     checked: Boolean(isChecked),
     disabled: disabled
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "controller__icon"
-  }, /*#__PURE__*/React__default.createElement(IconDynamicComponent, {
+  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
     componentName: iconProps.name,
     size: "xxsmall",
     type: disabled ? 'disabled' : 'inverse',
     className: "controller__mark"
-  })), checkboxLabel ? /*#__PURE__*/React__default.createElement("div", {
+  })), checkboxLabel ? /*#__PURE__*/React.createElement("div", {
     className: "controller__right"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "flexbox"
-  }, checkboxLabel, checkboxLabelPopover), helperText ? /*#__PURE__*/React__default.createElement(Text, {
+  }, checkboxLabel, checkboxLabelPopover), helperText ? /*#__PURE__*/React.createElement(Text, {
     size: "small",
     type: disabled ? 'disabled' : 'secondary'
   }, helperText) : null) : null));
@@ -411,7 +411,7 @@ var Button = function Button(props) {
     }
     onClick === null || onClick === void 0 || onClick(e);
   };
-  return /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     ref: refHandler,
     "data-id": dataId,
     disabled: disabled,
@@ -421,14 +421,14 @@ var Button = function Button(props) {
     }, "btn--icon-".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.alignment) || 'left'), !isLoading && !justIcon && (iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component)), className),
     onClick: clickHandler,
     form: formId
-  }, rest), isLoading ? /*#__PURE__*/React__default.createElement(Loader, {
+  }, rest), isLoading ? /*#__PURE__*/React.createElement(Loader, {
     size: size,
     type: LITE_LOADER_TYPES.indexOf(type) === -1 ? 'dark' : 'lite'
-  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React__default.createElement(iconProps.Component, {
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React.createElement(iconProps.Component, {
     size: ICON_SIZE_MAPPING[size],
     type: ICON_TYPE_MAPPING[iconProps.type || type],
     className: "btn__icon"
-  }) : null, buttonText || children ? /*#__PURE__*/React__default.createElement("span", {
+  }) : null, buttonText || children ? /*#__PURE__*/React.createElement("span", {
     className: "btn__text"
   }, buttonText || children) : null));
 };

package/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 import { _ as _extends } from '../../extends-acf19b4c.js';
-import React__default from 'react';
+import React from 'react';
 import { ICONS_MAPPING, TYPE_MAPPING } from './consts.js';
 import classNames from 'classnames';
 import { Text } from '../Text/Text.js';
-import { B as Button } from '../../Button-028f6f93.js';
+import { B as Button } from '../../Button-110130b7.js';
 import { IconDismissFilled } from '../SVGIcons/IconDismissFilled.js';
 import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import 'dayjs';
@@ -18,7 +18,8 @@ import '../../objectWithoutProperties-c5575e26.js';
 import '../../helperComponents/Loader/Loader.js';
 import '../../slicedToArray-72c4258c.js';
 import '../../hooks/useGetIsMobile.js';
-import '../../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
 import '../SVGIcons/IconDismiss.js';
@@ -29,7 +30,6 @@ import '../../hooks/useGetElemSizes.js';
 import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
-import '../../proxy-3b995879.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
@@ -48,37 +48,37 @@ var Alert = function Alert(props) {
     onClose = props.onClose,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames('alert', "alert--".concat(type, " alert--").concat(position), className)
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "alert__content"
-  }, /*#__PURE__*/React__default.createElement(IconDynamicComponent, {
+  }, /*#__PURE__*/React.createElement(IconDynamicComponent, {
     componentName: ICONS_MAPPING[type],
     size: "small",
     type: TYPE_MAPPING[type]
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "alert__text pl-8"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
     type: "primary",
     size: "standard",
     weight: "regular",
     lineHeight: "large"
-  }, text), subtext ? /*#__PURE__*/React__default.createElement(Text, {
+  }, text), subtext ? /*#__PURE__*/React.createElement(Text, {
     className: 'mt-4',
     type: "secondary",
     size: "small",
     weight: "regular",
     lineHeight: "large"
-  }, subtext) : null), buttonProps ? /*#__PURE__*/React__default.createElement("div", {
+  }, subtext) : null), buttonProps ? /*#__PURE__*/React.createElement("div", {
     className: "alert__actions"
-  }, buttonProps.confirm && /*#__PURE__*/React__default.createElement(Button, _extends({
+  }, buttonProps.confirm && /*#__PURE__*/React.createElement(Button, _extends({
     size: "medium",
     type: "secondary"
-  }, buttonProps.confirm)), buttonProps.cancel && /*#__PURE__*/React__default.createElement(Button, _extends({
+  }, buttonProps.confirm)), buttonProps.cancel && /*#__PURE__*/React.createElement(Button, _extends({
     size: "medium",
     type: "tertiary",
     className: "ml-12"
-  }, buttonProps.cancel))) : null), closeIcon ? /*#__PURE__*/React__default.createElement(IconDismissFilled, {
+  }, buttonProps.cancel))) : null), closeIcon ? /*#__PURE__*/React.createElement(IconDismissFilled, {
     type: TYPE_MAPPING[type],
     size: "xsmall",
     className: "ml-12 pointer",

package/components/Alert/index.js

@@ -6,7 +6,7 @@ import 'classnames';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
 import 'dayjs';
-import '../../Button-028f6f93.js';
+import '../../Button-110130b7.js';
 import '../../defineProperty-fdfb938c.js';
 import '../../typeof-e7f3291d.js';
 import '../../objectWithoutProperties-c5575e26.js';
@@ -16,7 +16,8 @@ import '../../hooks/useScreenSize.js';
 import '../../slicedToArray-72c4258c.js';
 import 'react-hook-form';
 import '../../hooks/useGetIsMobile.js';
-import '../../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
 import 'react-syntax-highlighter';
@@ -28,7 +29,6 @@ import '../../hooks/useGetElemSizes.js';
 import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
-import '../../proxy-3b995879.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';

package/components/Alert/types.d.ts

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 import { TButtonPropTypes } from '../Button/types';
 export type TAlertTypes = 'success' | 'error' | 'warning' | 'information' | 'discovery';
 export type TAlertPosition = 'inline' | 'sticky';
 export interface TAlertProps extends IFormCompProps {
     type?: TAlertTypes;
     position?: TAlertPosition;
-    text: string | JSX.Element;
-    subtext: string | JSX.Element;
+    text: string | React.ReactElement;
+    subtext: string | React.ReactElement;
     closeIcon?: boolean;
     onClose: () => void;
     buttonProps?: {

package/components/Avatar/Avatar.js

@@ -1,10 +1,10 @@
 import { _ as _slicedToArray } from '../../slicedToArray-72c4258c.js';
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { FileUpload } from '../FileUpload/FileUpload.js';
 import { FileUploadMode } from '../FileUpload/types.js';
 import '../../toConsumableArray-263f95db.js';
-import '../../Button-028f6f93.js';
+import '../../Button-110130b7.js';
 import '../../extends-acf19b4c.js';
 import '../../defineProperty-fdfb938c.js';
 import '../../typeof-e7f3291d.js';
@@ -15,7 +15,8 @@ import '../../consts/index.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
 import '../../hooks/useGetIsMobile.js';
-import '../../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
 import 'react-syntax-highlighter';
@@ -29,7 +30,6 @@ import '../../hooks/useGetElemSizes.js';
 import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
-import '../../proxy-3b995879.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
@@ -83,7 +83,7 @@ var Avatar = function Avatar(_ref) {
   useEffect(function () {
     setImage(imagePath);
   }, [imagePath]);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     id: id,
     "data-id": dataId,
     className: classNames("avatar avatar--".concat(color, " avatar--").concat(type, " avatar--").concat(size), className, {
@@ -91,7 +91,7 @@ var Avatar = function Avatar(_ref) {
       'avatar--edit': isEditable
     }),
     style: style
-  }, !image ? initials : null, isEditable && /*#__PURE__*/React__default.createElement(FileUpload, {
+  }, !image ? initials : null, isEditable && /*#__PURE__*/React.createElement(FileUpload, {
     onError: onError,
     fileAllowedSize: fileAllowedSize,
     multiple: false,

package/components/Avatar/AvatarGroup.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { Avatar } from './Avatar.js';
 import { Positions } from '../Tooltip/types.js';
@@ -19,19 +19,19 @@ import '../../hooks/useHideOnScroll.js';
 import '../FileUpload/FileUpload.js';
 import '../../toConsumableArray-263f95db.js';
 import '../FileUpload/types.js';
-import '../../Button-028f6f93.js';
+import '../../Button-110130b7.js';
 import '../../extends-acf19b4c.js';
 import '../../defineProperty-fdfb938c.js';
 import '../../typeof-e7f3291d.js';
 import '../../objectWithoutProperties-c5575e26.js';
 import '../../helperComponents/Loader/Loader.js';
 import '../../hooks/useGetIsMobile.js';
-import '../../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
 import 'react-syntax-highlighter';
 import '../SVGIcons/IconDismiss.js';
-import '../../proxy-3b995879.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
@@ -66,38 +66,38 @@ var AvatarGroup = function AvatarGroup(_ref) {
   var visibleAvatarsAmount = maxCount || VISIBLE_AVATARS_AMOUNT[screenSize];
   var visibleAvatars = avatarGroup.slice(0, visibleAvatarsAmount);
   var invisibleAvatarsAmount = avatarGroup.length - visibleAvatarsAmount > 0 ? avatarGroup.length - visibleAvatarsAmount : 0;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames("avatar-group avatar-group--".concat(size))
   }, visibleAvatars.map(function (avatar, index) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: 'avatar-group__item',
       key: index
-    }, avatar.tooltipContent ? /*#__PURE__*/React__default.createElement(Tooltip, {
+    }, avatar.tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
       text: avatar.tooltipContent,
       id: "".concat(index),
       position: Positions.TOP_CENTER
-    }) : null, /*#__PURE__*/React__default.createElement(Avatar, {
+    }) : null, /*#__PURE__*/React.createElement(Avatar, {
       dataId: dataId,
       id: "".concat(index),
       size: size,
       initials: avatar.initials,
       imagePath: avatar.imagePath
     }));
-  }), invisibleAvatarsAmount ? /*#__PURE__*/React__default.createElement("div", {
+  }), invisibleAvatarsAmount ? /*#__PURE__*/React.createElement("div", {
     className: "avatar-group__item"
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     text: 'Name Surname',
     id: 'amountTooltip',
     position: Positions.TOP_CENTER
-  }), /*#__PURE__*/React__default.createElement(Avatar, {
+  }), /*#__PURE__*/React.createElement(Avatar, {
     type: 'count',
     size: size,
     id: 'amountTooltip',
     initials: "+".concat(invisibleAvatarsAmount)
-  })) : null, onAddUser ? /*#__PURE__*/React__default.createElement("div", {
+  })) : null, onAddUser ? /*#__PURE__*/React.createElement("div", {
     className: classNames("avatar avatar-group__add avatar--".concat(size)),
     onClick: onAddUser
-  }, /*#__PURE__*/React__default.createElement(IconAdd, {
+  }, /*#__PURE__*/React.createElement(IconAdd, {
     type: "disabled",
     size: size
   })) : null);

package/components/Avatar/index.js

@@ -6,7 +6,7 @@ import 'classnames';
 import '../FileUpload/FileUpload.js';
 import '../../toConsumableArray-263f95db.js';
 import '../FileUpload/types.js';
-import '../../Button-028f6f93.js';
+import '../../Button-110130b7.js';
 import '../../extends-acf19b4c.js';
 import '../../defineProperty-fdfb938c.js';
 import '../../typeof-e7f3291d.js';
@@ -17,7 +17,8 @@ import '../../consts/index.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
 import '../../hooks/useGetIsMobile.js';
-import '../../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
 import 'react-syntax-highlighter';
@@ -31,7 +32,6 @@ import '../../hooks/useGetElemSizes.js';
 import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
-import '../../proxy-3b995879.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';

package/components/Badge/Badge.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { Text } from '../Text/Text.js';
 import classNames from 'classnames';
 import '../../utils/helpers.js';
@@ -12,13 +12,13 @@ var Badge = function Badge(props) {
     text = props.text,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames("badge badge--".concat(type, "  badge--").concat(size), className)
-  }, text ? /*#__PURE__*/React__default.createElement(Text, {
+  }, text ? /*#__PURE__*/React.createElement(Text, {
     size: "xsmall",
     type: type == 'secondary' ? 'primary' : 'inverse',
     className: "badge__inner"
-  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, text)) : null);
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, text)) : null);
 };
 
 export { Badge };

package/components/Breadcrumb/Breadcrumb.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 
 var Breadcrumb = function Breadcrumb(props) {
   var selectedValue = props.selectedValue,
@@ -6,13 +6,13 @@ var Breadcrumb = function Breadcrumb(props) {
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
     onSelect = props.onSelect;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "breadcrumb ".concat(className)
   }, breadCrumbItems.map(function (itemInfo) {
-    return /*#__PURE__*/React__default.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       className: "breadcrumb__item",
       key: itemInfo.value
-    }, /*#__PURE__*/React__default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "breadcrumb__item__inner ".concat(selectedValue === itemInfo.value ? 'selected' : ''),
       onClick: function onClick() {
         return onSelect(itemInfo.value);

package/components/Breadcrumb/types.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export type TBreadCrumbItem = {
     value: number | string;
-    label: string | JSX.Element;
+    label: string | React.ReactElement;
     onClick: () => void;
 };
 export interface TBreadCrumbProps extends IFormCompProps {

package/components/Button/Button.js

@@ -5,7 +5,7 @@ import 'react';
 import 'classnames';
 import 'dayjs';
 import '../../helperComponents/Loader/Loader.js';
-export { B as Button } from '../../Button-028f6f93.js';
+export { B as Button } from '../../Button-110130b7.js';
 import '../../consts/index.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
@@ -14,7 +14,8 @@ import './consts.js';
 import '../../typeof-e7f3291d.js';
 import '../../slicedToArray-72c4258c.js';
 import '../../hooks/useGetIsMobile.js';
-import '../../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
 import '../SVGIcons/IconDismiss.js';
@@ -27,7 +28,6 @@ import '../../hooks/useGetElemSizes.js';
 import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
-import '../../proxy-3b995879.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';