hrm_ui_lib 1.4.2 → 1.4.4

package/components/Select/SharedComponents/Loading.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 type TLoadingProps = {
     loadingText?: string;
 };
-export declare const Loading: (props: TLoadingProps) => JSX.Element;
+export declare const Loading: (props: TLoadingProps) => React.ReactElement;
 export {};

package/components/Select/SharedComponents/Loading.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { Text } from '../../Text/Text.js';
 import 'classnames';
 import '../../../utils/helpers.js';
@@ -7,11 +7,11 @@ import 'dayjs';
 var Loading = function Loading(props) {
   var _props$loadingText = props.loadingText,
     loadingText = _props$loadingText === void 0 ? 'Results loading ...' : _props$loadingText;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       padding: 20
     }
-  }, /*#__PURE__*/React__default.createElement(Text, null, loadingText));
+  }, /*#__PURE__*/React.createElement(Text, null, loadingText));
 };
 
 export { Loading };

package/components/Select/SharedComponents/index.js

@@ -4,13 +4,13 @@ export { ContentTop } from './ContentTop.js';
 export { Loading } from './Loading.js';
 export { InputSelectWrapper } from './InputSelectWrapper/InputSelectWrapper.js';
 export { ButtonSelectWrapper } from './ButtonSelectWrapper/ButtonSelectWrapper.js';
-import '../../../extends-acf19b4c.js';
-import '../../../slicedToArray-72c4258c.js';
+import '../../../extends-50177a50.js';
+import '../../../slicedToArray-9decae19.js';
 import 'react';
-import '../../../Button-028f6f93.js';
-import '../../../defineProperty-fdfb938c.js';
-import '../../../typeof-e7f3291d.js';
-import '../../../objectWithoutProperties-c5575e26.js';
+import '../../../Button-2f532776.js';
+import '../../../defineProperty-6b97a267.js';
+import '../../../typeof-20b85ee8.js';
+import '../../../objectWithoutProperties-6b5c8df6.js';
 import 'classnames';
 import 'dayjs';
 import '../../../helperComponents/Loader/Loader.js';
@@ -18,7 +18,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';
@@ -32,7 +33,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';
@@ -44,7 +44,7 @@ import 'react-dom';
 import '../../../helperComponents/OptionItem/OptionItem.js';
 import '../../Avatar/Avatar.js';
 import '../../FileUpload/FileUpload.js';
-import '../../../toConsumableArray-263f95db.js';
+import '../../../toConsumableArray-e1453f73.js';
 import '../../FileUpload/types.js';
 import '../../../helperComponents/Label/Label.js';
 import '../../FileUpload/UploadItems.js';

package/components/Select/index.js

@@ -3,9 +3,9 @@ export { MultiSelect } from './MultiSelect/MultiSelect.js';
 export { NestedSelect } from './NestedSelect/NestedSelect.js';
 export { ButtonSelect } from './ButtonSelect/ButtonSelect.js';
 export { ProfileDropdown } from './ProfileDropdown/index.js';
-import '../../defineProperty-fdfb938c.js';
-import '../../typeof-e7f3291d.js';
-import '../../slicedToArray-72c4258c.js';
+import '../../defineProperty-6b97a267.js';
+import '../../typeof-20b85ee8.js';
+import '../../slicedToArray-9decae19.js';
 import 'classnames';
 import 'react';
 import 'react-window';
@@ -14,18 +14,19 @@ import '../Text/Text.js';
 import '../../utils/helpers.js';
 import 'dayjs';
 import '../../helperComponents/OptionItem/OptionItem.js';
-import '../../extends-acf19b4c.js';
+import '../../extends-50177a50.js';
 import '../Avatar/Avatar.js';
 import '../FileUpload/FileUpload.js';
-import '../../toConsumableArray-263f95db.js';
+import '../../toConsumableArray-e1453f73.js';
 import '../FileUpload/types.js';
-import '../../Button-028f6f93.js';
-import '../../objectWithoutProperties-c5575e26.js';
+import '../../Button-2f532776.js';
+import '../../objectWithoutProperties-6b5c8df6.js';
 import '../../helperComponents/Loader/Loader.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';
@@ -37,7 +38,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/Select/types.d.ts

@@ -7,7 +7,7 @@ interface TSelectBaseProps {
     error?: string;
     isLoading?: boolean;
     disabled?: boolean;
-    label?: string | JSX.Element;
+    label?: string | React.ReactElement;
     placeHolder?: string;
     isRequiredField?: boolean;
     labelLeftIconProps?: {
@@ -88,7 +88,7 @@ export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps
         cancel: TButtonPropTypes;
         confirm: TButtonPropTypes;
     };
-    labelAddons?: JSX.Element;
+    labelAddons?: React.ReactElement;
     className?: string;
     isButtonSelect?: boolean;
 }
@@ -114,7 +114,7 @@ export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps
     withSearch?: boolean;
     outerHelperText?: string;
     innerHelperText?: string;
-    labelAddons?: JSX.Element;
+    labelAddons?: React.ReactElement;
     tooltipAddons?: TTooltipProps;
 }
 export type TSelectFooterPropTypes = {
@@ -197,11 +197,11 @@ export type TSelectWrapperProps = {
     containerRef: HTMLDivElement | null;
     setContainerRef: LegacyRef<HTMLDivElement> | undefined;
     options?: TSelectOptions;
-    label?: string | JSX.Element;
+    label?: string | React.ReactElement;
     placeHolder?: string;
     isRequiredField?: boolean;
     overflowText?: string;
-    labelAddons?: JSX.Element;
+    labelAddons?: React.ReactElement;
     disabled?: boolean;
     dropdownRef: HTMLDivElement | null;
     setDropdownRef: LegacyRef<HTMLDivElement>;

package/components/SideNavigation/Block.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { Text } from '../Text/Text.js';
 import 'classnames';
 import '../../utils/helpers.js';
@@ -8,11 +8,11 @@ var Block = function Block(props) {
   var children = props.children,
     label = props.label,
     open = props.open;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "side--navigation--block"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "side--navigation--block--label"
-  }, open && /*#__PURE__*/React__default.createElement(Text, {
+  }, open && /*#__PURE__*/React.createElement(Text, {
     size: "standard",
     type: "tertiary"
   }, label)), children);

package/components/SideNavigation/NavigationItem/index.js

@@ -1,5 +1,5 @@
-import { _ as _slicedToArray } from '../../../slicedToArray-72c4258c.js';
-import React__default, { useState } from 'react';
+import { _ as _slicedToArray } from '../../../slicedToArray-9decae19.js';
+import React, { useState } from 'react';
 import classNames from 'classnames';
 import { NavigationItemTypes } from './types.js';
 import { Badge } from '../../Badge/Badge.js';
@@ -8,8 +8,8 @@ import { IconDynamicComponent } from '../../../helperComponents/IconDynamicCompo
 import '../../Text/Text.js';
 import '../../../utils/helpers.js';
 import 'dayjs';
-import '../../../defineProperty-fdfb938c.js';
-import '../../../typeof-e7f3291d.js';
+import '../../../defineProperty-6b97a267.js';
+import '../../../typeof-20b85ee8.js';
 import '../../../helperComponents/IconDynamicComponent/constants.js';
 
 var NavigationItem = function NavigationItem(props) {
@@ -43,28 +43,28 @@ var NavigationItem = function NavigationItem(props) {
     return As();
   };
   var displayHeader = isOpen && type === NavigationItemTypes.BLOCK_HEADER && showAction && actionElm && actionElm;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classNames('navigation--wrapper', "navigation--wrapper--".concat(type)),
     onClick: function onClick() {
       return setChildOpen(!childOpen);
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classNames('navigation--item', "navigation--item--".concat(type), expandable && 'expandable', active && 'active')
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "navigation--item--wrapper"
-  }, !isOpen && type === NavigationItemTypes.BLOCK_HEADER && As(), displayHeader, /*#__PURE__*/React__default.createElement("div", {
+  }, !isOpen && type === NavigationItemTypes.BLOCK_HEADER && As(), displayHeader, /*#__PURE__*/React.createElement("div", {
     className: classNames('navigation--item--as--wrapper', isOpen ? 'open' : 'close')
-  }, displayNavigationItem()), !isOpen && type === NavigationItemTypes.SUB && As(), type === NavigationItemTypes.USER && iconName && isOpen && /*#__PURE__*/React__default.createElement(IconDynamicComponent, {
+  }, displayNavigationItem()), !isOpen && type === NavigationItemTypes.SUB && As(), type === NavigationItemTypes.USER && iconName && isOpen && /*#__PURE__*/React.createElement(IconDynamicComponent, {
     componentName: iconName
-  })), showBadge && badgeContent && isOpen && /*#__PURE__*/React__default.createElement(Badge, {
+  })), showBadge && badgeContent && isOpen && /*#__PURE__*/React.createElement(Badge, {
     type: "primary",
     text: badgeContent,
     size: "small"
-  }), expandable && isOpen && /*#__PURE__*/React__default.createElement("div", {
+  }), expandable && isOpen && /*#__PURE__*/React.createElement("div", {
     className: classNames('navigation--item--expandable--icon', childOpen && 'open')
-  }, expandIconProps.Component && /*#__PURE__*/React__default.createElement(expandIconProps.Component, {
+  }, expandIconProps.Component && /*#__PURE__*/React.createElement(expandIconProps.Component, {
     size: expandIconProps.size || 'small'
-  }))), children && /*#__PURE__*/React__default.createElement("div", {
+  }))), children && /*#__PURE__*/React.createElement("div", {
     className: classNames('navigation--items--child', childOpen && 'active', !isOpen && 'isOpen')
   }, children)));
 };

package/components/SideNavigation/NavigationItem/types.d.ts

@@ -9,7 +9,7 @@ export declare enum NavigationItemTypes {
     ACTION = "action"
 }
 export interface TNavigationLinkPropTypes {
-    As: () => JSX.Element;
+    As: () => React.ReactElement;
     expandIconProps?: ISVGIconProps;
     type: NavigationItemTypes;
     isOpen: boolean;
@@ -17,7 +17,7 @@ export interface TNavigationLinkPropTypes {
     showBadge?: boolean;
     expandable?: boolean;
     showAction?: boolean;
-    actionElm?: JSX.Element;
+    actionElm?: React.ReactElement;
     active?: boolean;
     badgeContent?: string;
     children?: ReactNode;

package/components/SideNavigation/SideNavigation.d.ts

@@ -1,2 +1,3 @@
 import { TSideNavigationPropTypes } from './types';
-export declare const SideNavigation: (props: TSideNavigationPropTypes) => JSX.Element;
+import React from 'react';
+export declare const SideNavigation: (props: TSideNavigationPropTypes) => React.ReactElement;

package/components/SideNavigation/SideNavigation.js

@@ -1,9 +1,9 @@
-import React__default from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
 import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
-import '../../defineProperty-fdfb938c.js';
-import '../../typeof-e7f3291d.js';
+import '../../defineProperty-6b97a267.js';
+import '../../typeof-20b85ee8.js';
 
 var SideNavigation = function SideNavigation(props) {
   var children = props.children,
@@ -22,15 +22,15 @@ var SideNavigation = function SideNavigation(props) {
   var handleToggleOpen = function handleToggleOpen() {
     setOpen(!open);
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames('side--navigation', open ? 'open' : 'close')
-  }, children, /*#__PURE__*/React__default.createElement("div", {
+  }, children, /*#__PURE__*/React.createElement("div", {
     className: "collapse",
     onClick: handleToggleOpen
-  }, open ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, sidebarOpenIconProps.Component && /*#__PURE__*/React__default.createElement(sidebarOpenIconProps.Component, {
+  }, open ? /*#__PURE__*/React.createElement(React.Fragment, null, sidebarOpenIconProps.Component && /*#__PURE__*/React.createElement(sidebarOpenIconProps.Component, {
     type: "inverse",
     size: sidebarOpenIconProps.size
-  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, sidebarCloseIconProps.Component && /*#__PURE__*/React__default.createElement(sidebarCloseIconProps.Component, {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, sidebarCloseIconProps.Component && /*#__PURE__*/React.createElement(sidebarCloseIconProps.Component, {
     type: "inverse",
     size: sidebarCloseIconProps.size
   }))));

package/components/SideNavigation/index.js

@@ -3,10 +3,10 @@ export { NavigationItem } from './NavigationItem/index.js';
 import 'react';
 import 'classnames';
 import '../SVGIcons/IconChevronRight.js';
-import '../../defineProperty-fdfb938c.js';
-import '../../typeof-e7f3291d.js';
+import '../../defineProperty-6b97a267.js';
+import '../../typeof-20b85ee8.js';
 import '../SVGIcons/IconChevronLeft.js';
-import '../../slicedToArray-72c4258c.js';
+import '../../slicedToArray-9decae19.js';
 import './NavigationItem/types.js';
 import '../Badge/Badge.js';
 import '../Text/Text.js';

package/components/SideNavigation/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ISVGIconProps } from '../SVGIcons/types';
 export interface TSideNavigationPropTypes {
-    actionElm: JSX.Element;
+    actionElm: React.ReactElement;
     showAction: boolean;
     children: ReactNode;
     showToggleIcon?: boolean;

package/components/SideSheet/Footer/Footer.js

@@ -1,10 +1,10 @@
-import { _ as _extends } from '../../../extends-acf19b4c.js';
-import { _ as _slicedToArray } from '../../../slicedToArray-72c4258c.js';
-import React__default, { useCallback } from 'react';
-import { C as Checkbox, B as Button } from '../../../Button-028f6f93.js';
-import '../../../defineProperty-fdfb938c.js';
-import '../../../typeof-e7f3291d.js';
-import '../../../objectWithoutProperties-c5575e26.js';
+import { _ as _extends } from '../../../extends-50177a50.js';
+import { _ as _slicedToArray } from '../../../slicedToArray-9decae19.js';
+import React, { useCallback } from 'react';
+import { C as Checkbox, B as Button } from '../../../Button-2f532776.js';
+import '../../../defineProperty-6b97a267.js';
+import '../../../typeof-20b85ee8.js';
+import '../../../objectWithoutProperties-6b5c8df6.js';
 import 'classnames';
 import 'dayjs';
 import '../../../helperComponents/Loader/Loader.js';
@@ -12,7 +12,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';
@@ -26,7 +27,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';
@@ -40,7 +40,7 @@ var Footer = function Footer(_ref) {
     onClose = _ref.onClose,
     onSubmit = _ref.onSubmit,
     checkboxInfo = _ref.checkboxInfo;
-  var _React$useState = React__default.useState((checkboxInfo === null || checkboxInfo === void 0 ? void 0 : checkboxInfo.isChecked) || false),
+  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];
@@ -53,27 +53,27 @@ var Footer = function Footer(_ref) {
   var extraButton = footerButtons.extraButton,
     confirm = footerButtons.confirm,
     cancel = footerButtons.cancel;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "side-sheet__footer"
-  }, checkboxInfo ? /*#__PURE__*/React__default.createElement("div", {
+  }, checkboxInfo ? /*#__PURE__*/React.createElement("div", {
     className: "side-sheet__footer_checkbox"
-  }, /*#__PURE__*/React__default.createElement(Checkbox, {
+  }, /*#__PURE__*/React.createElement(Checkbox, {
     label: checkboxInfo.label,
     selectedValue: isSelected,
     onClick: setIsSelected
-  })) : null, /*#__PURE__*/React__default.createElement("div", {
+  })) : null, /*#__PURE__*/React.createElement("div", {
     className: "side-sheet__footer_buttons"
-  }, extraButton ? /*#__PURE__*/React__default.createElement(Button, _extends({
+  }, extraButton ? /*#__PURE__*/React.createElement(Button, _extends({
     size: "large",
     type: "secondary"
   }, footerButtons.extraButton, {
     className: "mr-12"
-  })) : null, /*#__PURE__*/React__default.createElement(Button, _extends({
+  })) : null, /*#__PURE__*/React.createElement(Button, _extends({
     type: "secondary",
     size: "large",
     className: "mr-12",
     onClick: onClose
-  }, cancel)), /*#__PURE__*/React__default.createElement(Button, _extends({
+  }, cancel)), /*#__PURE__*/React.createElement(Button, _extends({
     type: "primary",
     size: "large",
     onClick: handleSubmit,

package/components/SideSheet/SideSheet.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { TSideSheetPropTypes } from './types';
-export declare const SideSheet: (props: TSideSheetPropTypes) => JSX.Element | null;
+export declare const SideSheet: (props: TSideSheetPropTypes) => React.ReactElement | null;

package/components/SideSheet/SideSheet.js

@@ -1,7 +1,8 @@
-import { _ as _extends } from '../../extends-acf19b4c.js';
-import { _ as _defineProperty } from '../../defineProperty-fdfb938c.js';
-import { _ as _slicedToArray } from '../../slicedToArray-72c4258c.js';
-import React__default, { useState, useRef, useId, useEffect, useCallback } from 'react';
+import { _ as _extends } from '../../extends-50177a50.js';
+import { _ as _defineProperty } from '../../defineProperty-6b97a267.js';
+import { _ as _slicedToArray } from '../../slicedToArray-9decae19.js';
+import React, { useState, useRef, useId, useEffect, useCallback } from 'react';
+import { motion } from 'framer-motion';
 import classNames from 'classnames';
 import '../../consts/index.js';
 import 'dayjs';
@@ -9,16 +10,15 @@ import { useOnOutsideClick } from '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useScreenSize.js';
 import { useHideBodyScroll } from '../../hooks/useHideBodyScroll.js';
 import 'react-hook-form';
-import { A as AnimatePresenceWrapper } from '../../AnimatePresenceWrapper-cf3daece.js';
-import { B as Button } from '../../Button-028f6f93.js';
+import { AnimatePresenceWrapper } from '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
+import { B as Button } from '../../Button-2f532776.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 { m as motion } from '../../proxy-3b995879.js';
-import '../../typeof-e7f3291d.js';
-import '../../objectWithoutProperties-c5575e26.js';
+import '../../typeof-20b85ee8.js';
+import '../../objectWithoutProperties-6b5c8df6.js';
 import '../../helperComponents/Loader/Loader.js';
 import '../../hooks/useGetIsMobile.js';
 import 'react-syntax-highlighter';
@@ -96,7 +96,7 @@ var SideSheet = function SideSheet(props) {
     });
   }, []);
   var isFromLeft = position === 'left';
-  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: "side-sheet",
     initial: {
       opacity: 0
@@ -114,7 +114,7 @@ var SideSheet = function SideSheet(props) {
     transition: {
       duration: 0.2
     }
-  }, /*#__PURE__*/React__default.createElement(motion.div, {
+  }, /*#__PURE__*/React.createElement(motion.div, {
     initial: isFromLeft ? {
       left: '-100%'
     } : {
@@ -139,40 +139,40 @@ var SideSheet = function SideSheet(props) {
     },
     className: classNames('side-sheet__container', "side-sheet__".concat(position), "side-sheet__container--".concat(size), className),
     ref: setContainerRef
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "side-sheet__header"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "side-sheet__header__left pr-16"
-  }, headerButtons !== null && headerButtons !== void 0 && headerButtons.back ? /*#__PURE__*/React__default.createElement(Button, _extends({
+  }, headerButtons !== null && headerButtons !== void 0 && headerButtons.back ? /*#__PURE__*/React.createElement(Button, _extends({
     size: "small",
     type: "tertiary"
   }, headerButtons.back, {
     className: "mr-8"
-  })) : null, /*#__PURE__*/React__default.createElement(Text, {
+  })) : null, /*#__PURE__*/React.createElement(Text, {
     className: "side-sheet__title",
     weight: "bolder",
     lineHeight: "large",
     size: "medium"
-  }, title)), /*#__PURE__*/React__default.createElement("div", {
+  }, title)), /*#__PURE__*/React.createElement("div", {
     className: "side-sheet__header__right"
-  }, headerButtons !== null && headerButtons !== void 0 && headerButtons.pin ? /*#__PURE__*/React__default.createElement(Button, _extends({
+  }, 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__default.createElement(Button, _extends({
+  })) : null, headerButtons !== null && headerButtons !== void 0 && headerButtons.close ? /*#__PURE__*/React.createElement(Button, _extends({
     size: "small",
     type: "tertiary"
   }, headerButtons.close, {
     onClick: onClose
-  })) : /*#__PURE__*/React__default.createElement(Button, {
+  })) : /*#__PURE__*/React.createElement(Button, {
     size: "small",
     type: "tertiary",
     iconProps: {
       Component: IconDismissFilled
     },
     onClick: onClose
-  })), isShownScrollIcon && /*#__PURE__*/React__default.createElement(Button, {
+  })), isShownScrollIcon && /*#__PURE__*/React.createElement(Button, {
     size: "large",
     type: "secondary",
     iconProps: {
@@ -180,10 +180,10 @@ var SideSheet = function SideSheet(props) {
     },
     className: "side-sheet__header__scroll-top side-sheet__header__scroll-top__".concat(size),
     onClick: handleScrollToTop
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "side-sheet__content scrollbar scrollbar--vertical",
     ref: scrollbarContainerRef
-  }, children), /*#__PURE__*/React__default.createElement(Footer, {
+  }, children), /*#__PURE__*/React.createElement(Footer, {
     footerButtons: footerButtons,
     isLoading: isLoading,
     onClose: onClose,

package/components/SideSheet/index.js

@@ -1,9 +1,10 @@
 export { SideSheet } from './SideSheet.js';
-import '../../extends-acf19b4c.js';
-import '../../defineProperty-fdfb938c.js';
-import '../../typeof-e7f3291d.js';
-import '../../slicedToArray-72c4258c.js';
+import '../../extends-50177a50.js';
+import '../../defineProperty-6b97a267.js';
+import '../../typeof-20b85ee8.js';
+import '../../slicedToArray-9decae19.js';
 import 'react';
+import 'framer-motion';
 import 'classnames';
 import '../../consts/index.js';
 import 'dayjs';
@@ -11,9 +12,9 @@ import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useScreenSize.js';
 import '../../hooks/useHideBodyScroll.js';
 import 'react-hook-form';
-import '../../AnimatePresenceWrapper-cf3daece.js';
-import '../../Button-028f6f93.js';
-import '../../objectWithoutProperties-c5575e26.js';
+import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
+import '../../Button-2f532776.js';
+import '../../objectWithoutProperties-6b5c8df6.js';
 import '../../helperComponents/Loader/Loader.js';
 import '../../hooks/useGetIsMobile.js';
 import 'react-syntax-highlighter';
@@ -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';