hrm_ui_lib 2.0.3 → 2.1.0-alpha.3

package/components/Select/index.js

@@ -1,114 +1 @@
-export { Select } from './Select/Select.js';
-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 '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import '../../hooks/useGetIsMobile.js';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import './Select/SelectDesktop/index.js';
-import 'classnames';
-import 'react-window';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../helperComponents/OptionItem/OptionItem.js';
-import '../Avatar/Avatar.js';
-import '../FileUpload/FileUpload.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../FileUpload/types.js';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-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';
-import '../../helperComponents/Label/Label.js';
-import '../FileUpload/UploadItems.js';
-import '../../hooks/useFormProps.js';
-import '../../context/types.js';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../SVGIcons/IconEditFilled.js';
-import '../SVGIcons/IconEdit.js';
-import '../SVGIcons/IconAttach.js';
-import '../SVGIcons/IconCheckmark.js';
-import '../../hooks/useGetHasBottomSpace.js';
-import '../../hooks/useChangePositionsOnScroll.js';
-import '../Empty/Empty.js';
-import '../Image/Image.js';
-import 'react-dom';
-import '../Collapse/CollapseGroup/CollapseGroup.js';
-import '../Collapse/CollapseItem/CollapseItem.js';
-import '../SVGIcons/IconChevronRight.js';
-import '../Divider/Divider.js';
-import '../SVGIcons/IconChevronDown.js';
-import './SharedComponents/ContentTop.js';
-import '../Input/Input.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../SVGIcons/IconCheckmarkCircleFilled.js';
-import './SharedComponents/Actions.js';
-import '../Menu/Menu.js';
-import '../SVGIcons/IconMore.js';
-import '../SVGIcons/IconSearchFilled.js';
-import '../SVGIcons/IconSelectAllOff.js';
-import '../SVGIcons/IconChevronLeft.js';
-import './SharedComponents/Loading.js';
-import './constants.js';
-import './Select/helpers.js';
-import './Select/SelectMobile/index.js';
-import './Select/SelectMobile/MobileTopContent.js';
-import '../SVGIcons/IconChevronUp.js';
-import './localization.js';
-import './MultiSelect/OptionsWrapper.js';
-import './MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
-import '../SVGIcons/IconCaretUpFilled.js';
-import '../SVGIcons/IconCaretDownFilled.js';
-import './MultiSelect/MultiBase/MultiBase.js';
-import './MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js';
-import '../Tab/Tab.js';
-import '../Tab/TabItem.js';
-import '../Badge/Badge.js';
-import './SharedComponents/Footer.js';
-import './SharedComponents/InputSelectWrapper/InputSelectWrapper.js';
-import './MultiSelect/MobileWrapper.js';
-import './MultiSelect/DesktopWrapper.js';
-import './SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
-import './SharedComponents/ButtonSelectWrapper/Button/Button.js';
+import{Select as t}from"./Select/Select.js";import{MultiSelect as f}from"./MultiSelect/MultiSelect.js";import{NestedSelect as p}from"./NestedSelect/NestedSelect.js";import{ButtonSelect as x}from"./ButtonSelect/ButtonSelect.js";import{ProfileDropdown as S}from"./ProfileDropdown/index.js";export{x as ButtonSelect,f as MultiSelect,p as NestedSelect,S as ProfileDropdown,t as Select};

package/components/Select/localization.js

@@ -1,31 +1 @@
-var SELECT_TRANSLATIONS = {
-  en: {
-    emptyListMainMessage: "Sorry, we couldn't find any results",
-    clearAllLabel: 'Clear all',
-    selectAllLabel: 'Select all',
-    overflowText: '%s selected',
-    innerLabel: ' ',
-    confirmButtonText: 'Apply',
-    cancelButtonText: 'Cancel'
-  },
-  ru: {
-    emptyListMainMessage: 'К сожалению, результаты не найдены',
-    clearAllLabel: 'Очистить все',
-    selectAllLabel: 'Выбрать все',
-    overflowText: '%s Выбрано',
-    innerLabel: ' ',
-    confirmButtonText: 'Применить',
-    cancelButtonText: 'Отменить'
-  },
-  hy: {
-    emptyListMainMessage: 'Որևէ արդյունք չի գտնվել',
-    clearAllLabel: 'Մաքրել բոլորը',
-    selectAllLabel: 'Ընտրել բոլորը',
-    overflowText: '%s Ընտրված',
-    innerLabel: ' ',
-    confirmButtonText: 'Կիրառել',
-    cancelButtonText: 'Չեղարկել'
-  }
-};
-
-export { SELECT_TRANSLATIONS };
+const e={en:{emptyListMainMessage:"Sorry, we couldn't find any results",clearAllLabel:"Clear all",selectAllLabel:"Select all",overflowText:"%s selected",innerLabel:" ",confirmButtonText:"Apply",cancelButtonText:"Cancel"},ru:{emptyListMainMessage:"К сожалению, результаты не найдены",clearAllLabel:"Очистить все",selectAllLabel:"Выбрать все",overflowText:"%s Выбрано",innerLabel:" ",confirmButtonText:"Применить",cancelButtonText:"Отменить"},hy:{emptyListMainMessage:"Որևէ արդյունք չի գտնվել",clearAllLabel:"Մաքրել բոլորը",selectAllLabel:"Ընտրել բոլորը",overflowText:"%s Ընտրված",innerLabel:" ",confirmButtonText:"Կիրառել",cancelButtonText:"Չեղարկել"}};export{e as SELECT_TRANSLATIONS};

package/components/Select/types.d.ts

@@ -66,6 +66,7 @@ interface TMultiSelectCompProps extends IFormCompProps, TSelectBaseProps {
 }
 export interface TMultiSingleTabPropTypes extends TMultiSelectCompProps {
     options: TSelectOptions;
+    applySelectedItems: () => void;
 }
 export interface TMultiSelectGroupedProps extends TMultiSelectCompProps {
     options: TSelectGroupOptions;
@@ -95,6 +96,7 @@ export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps
     labelAddons?: React.ReactElement;
     className?: string;
     isButtonSelect?: boolean;
+    hideSelectedOptions?: boolean;
 }
 export interface TButtonSelectPropTypes extends IFormCompProps, TSelectBaseProps {
     isMobileFullScreen?: boolean;
@@ -138,29 +140,30 @@ export interface ISingleSelectResponsiveProps {
         className?: string;
         onClick?: TClickHandler;
     };
+    filteredData: TSelectOptions;
     labelRightIconComponent?: (value: TItemValue) => ReactElement;
     optionRightIconComponent?: (value: TItemValue) => ReactElement;
     tooltipAddons?: TTooltipProps;
     onItemSelect: (item: TItemValue) => void;
     onItemDeselect: () => void;
-    options: TSelectOptions;
     currentSelection: TItemValue | undefined;
     isRequiredField?: boolean;
     translations?: TSelectTranslations;
     language?: string;
-    setSelectedOption: (item: TSelectOption | null) => void;
+    searchValue: string;
+    setSearchValue: (value: string) => void;
 }
 export interface ISingleSelectMobileProps extends ISingleSelectResponsiveProps {
     withSearch: boolean;
 }
 export interface ISingleSelectDesktopProps extends ISingleSelectResponsiveProps {
-    searchValue: string;
-    setSearchValue: (value: string) => void;
     withSearch?: boolean;
     dropdownWidth?: number;
     inputRef: HTMLInputElement | null;
     containerRef: HTMLDivElement | null;
-    setSelectedOption: (item: TSelectOption | null) => void;
+    setCurrentSelectedLabel: () => void;
+    activeIndex: number;
+    setActiveIndex: (index: number) => void;
 }
 export type TSelectFooterPropTypes = {
     checkboxInfo?: TCheckboxInfo;
@@ -255,6 +258,7 @@ export type TSelectWrapperProps = {
     dataId?: string;
     type?: 'primary' | 'secondary' | 'tertiary';
     modalApplyButtonText?: string;
+    hideSelectedOptions?: boolean;
 };
 declare type TNavItemValue = {
     icon?: TSVGIconComponent;

package/components/Select/types.js

@@ -1 +0,0 @@
-

package/components/SideSheet/Footer/Footer.js

@@ -1,101 +1,5 @@
-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-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))));
-};
-
-export { Footer };
+import{jsxs as i,jsx as s}from"react/jsx-runtime";import u,{useCallback as y}from"react";import{Button as t}from"../../Button/Button.js";import{Checkbox as C}from"../../Checkbox/Checkbox.js";const z=({isLoading:e,footerButtons:o,onClose:r,onSubmit:a,checkboxInfo:l})=>{const[n,c]=u.useState((null==l?void 0:l.isChecked)||!1),m=y(()=>{null==a||a(n)},[a,n]);if(!o)return null;const{extraButton:d,confirm:h,cancel:b}=o;/* @__PURE__ */
+return i("div",{className:"side-sheet__footer",children:[l?/* @__PURE__ */s("div",{className:"side-sheet__footer_checkbox",children:/* @__PURE__ */s(C,{label:l.label,selectedValue:n,onClick:c})}):null,
+/* @__PURE__ */i("div",{className:"side-sheet__footer_buttons",children:[d?/* @__PURE__ */s(t,{size:"large",type:"secondary",...o.extraButton,className:"mr-12"}):null,
+/* @__PURE__ */s(t,{type:"secondary",size:"large",className:"mr-12",onClick:r,...b}),
+/* @__PURE__ */s(t,{type:"primary",size:"large",onClick:m,disabled:e,...h})]})]})};export{z as Footer};

package/components/SideSheet/SideSheet.js

@@ -1,211 +1,8 @@
-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 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);
-        }
-      };
-      (_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);
-};
-
-export { SideSheet };
+import{jsx as i,jsxs as l}from"react/jsx-runtime";import{useState as f,useRef as P,useId as w,useEffect as F,useCallback as L}from"react";import{motion as _}from"motion/react";import $ from"classnames";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as j}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import{useHideBodyScroll as D}from"../../hooks/useHideBodyScroll.js";import"react-hook-form";import{AnimatePresenceWrapper as H}from"../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import{Button as s}from"../Button/Button.js";import{Text as A}from"../Text/Text.js";import{useDispatchEventOnScroll as U}from"../../hooks/useDispatchEventOnScroll.js";import{Footer as W}from"./Footer/Footer.js";import q from"../SVGIcons/IconCaretUp.js";import G from"../SVGIcons/IconDismissFilled.js";const ae=e=>{const{size:t="small",isLoading:o,isOpen:r,onClose:a,onSubmit:n,title:c,position:m="right",shouldRemoveCallback:d,className:p="",headerButtons:h,footerButtons:u,scrollToTopOptions:k,children:y,closeOnOutsideClick:v=!0,checkboxInfo:x}=e,[C,S]=f(null),[b,g]=f(!1),N=P(null);j(C,a,r&&v,w(),d),D(r);const O=U();F(()=>{var e;if(r&&k){const s=e=>{O(),r&&g(e.currentTarget.scrollTop>k.onPixel)};null==(e=N.current)||e.addEventListener("scroll",s)}r||z()},[r,k]);const z=L(()=>{var e;g(!1),null==(e=N.current)||e.scrollTo({top:0,behavior:"smooth"})},[]),B="left"===m;/* @__PURE__ */
+return i(H,{children:r?/* @__PURE__ */i(_.div,{className:"side-sheet",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{duration:.1,delay:.3}},transition:{duration:.2},children:/* @__PURE__ */l(_.div,{initial:B?{left:"-100%"}:{right:"-100%"},animate:B?{left:0}:{right:0},exit:{...B?{left:"-100%"}:{right:"-100%"},transition:{duration:.5}},transition:{duration:.5},className:$("side-sheet__container",`side-sheet__${m}`,`side-sheet__container--${t}`,p),ref:S,children:[
+/* @__PURE__ */l("div",{className:"side-sheet__header",children:[
+/* @__PURE__ */l("div",{className:"side-sheet__header__left pr-16",children:[null!=h&&h.back?/* @__PURE__ */i(s,{size:"small",type:"tertiary",...h.back,className:"mr-8"}):null,
+/* @__PURE__ */i(A,{className:"side-sheet__title",weight:"bolder",lineHeight:"large",size:"medium",children:c})]}),
+/* @__PURE__ */l("div",{className:"side-sheet__header__right",children:[null!=h&&h.pin?/* @__PURE__ */i(s,{size:"small",type:"tertiary",...h.pin,className:"mr-8"}):null,null!=h&&h.close?/* @__PURE__ */i(s,{size:"small",type:"tertiary",...h.close,onClick:a}):/* @__PURE__ */i(s,{size:"small",type:"tertiary",iconProps:{Component:G},onClick:a})]}),b&&/* @__PURE__ */i(s,{size:"large",type:"secondary",iconProps:{Component:q},className:`side-sheet__header__scroll-top side-sheet__header__scroll-top__${t}`,onClick:z})]}),
+/* @__PURE__ */i("div",{className:"side-sheet__content scrollbar scrollbar--vertical",ref:N,children:y}),
+/* @__PURE__ */i(W,{footerButtons:u,isLoading:o,onClose:a,onSubmit:n,checkboxInfo:x})]})}):null})};export{ae as 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';
+import{SideSheet as r}from"./SideSheet.js";export{r as SideSheet};

package/components/SideSheet/types.js

@@ -1 +0,0 @@
-