hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/Select/MultiSelect/DesktopWrapper.js

@@ -1,56 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import { DROPDOWN_AND_INPUT_GAP } from '../../../consts/index.js';
-import { useGetElemSizes } from '../../../hooks/useGetElemSizes.js';
-import { useGetElemPositions } from '../../../hooks/useGetElemPositions.js';
-import 'dayjs';
-import '../../../hooks/useScreenSize.js';
-import '@babel/runtime/helpers/slicedToArray';
-import { useGetHasTopSpace, useGetHasBottomSpace } from '../../../hooks/useGetHasBottomSpace.js';
-import 'react-hook-form';
-import '../../../type/file-upload.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 DesktopWrapper = function DesktopWrapper(props) {
-  var offsets = props.offsets,
-    setDropdownRef = props.setDropdownRef,
-    align = props.align,
-    isOpen = props.isOpen,
-    children = props.children,
-    inputRef = props.inputRef,
-    dropdownRef = props.dropdownRef,
-    containerRef = props.containerRef,
-    dropdownWidth = props.dropdownWidth;
-  var _useGetElemPositions = useGetElemPositions(inputRef),
-    bottom = _useGetElemPositions.bottom,
-    left = _useGetElemPositions.left,
-    top = _useGetElemPositions.top,
-    right = _useGetElemPositions.right;
-  var _useGetElemSizes = useGetElemSizes(containerRef),
-    containerWidth = _useGetElemSizes.width;
-  var hasTopSpace = useGetHasTopSpace({
-    element: dropdownRef,
-    input: inputRef
-  });
-  var _useGetHasBottomSpace = useGetHasBottomSpace({
-      element: dropdownRef,
-      input: inputRef
-    }),
-    hasBottomSpace = _useGetHasBottomSpace.hasBottomSpace;
-  return isOpen ? /*#__PURE__*/React.createElement("div", {
-    className: "select__options",
-    ref: setDropdownRef,
-    style: _objectSpread({
-      left: align === 'left' ? (offsets === null || offsets === void 0 ? void 0 : offsets.left) || left : right - (dropdownWidth || containerWidth),
-      right: align === 'right' ? (offsets === null || offsets === void 0 ? void 0 : offsets.right) || left : right - (dropdownWidth || containerWidth),
-      width: dropdownWidth || containerWidth
-    }, hasBottomSpace || !hasTopSpace ? {
-      top: (offsets === null || offsets === void 0 ? void 0 : offsets.top) || bottom
-    } : {
-      bottom: window.innerHeight - top + DROPDOWN_AND_INPUT_GAP
-    })
-  }, children) : null;
-};
-
-export { DesktopWrapper };
+import{jsx as D}from"react/jsx-runtime";import{DROPDOWN_AND_INPUT_GAP as G}from"../../../consts/index.js";import{useGetElemSizes as R}from"../../../hooks/useGetElemSizes.js";import"react";import{useGetElemPositions as S}from"../../../hooks/useGetElemPositions.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import{useGetHasTopSpace as _,useGetHasBottomSpace as f}from"../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";const B=t=>{const{offsets:e,setDropdownRef:o,align:s,isOpen:i,children:r,inputRef:n,dropdownRef:p,containerRef:m,dropdownWidth:l}=t,{bottom:a,left:c,top:u,right:d}=S(n),{width:h}=R(m),j=_({element:p,input:n}),{hasBottomSpace:w}=f({element:p,input:n});return i?/* @__PURE__ */D("div",{className:"select__options",ref:o,style:{left:"left"===s?(null==e?void 0:e.left)||c:d-(l||h),right:"right"===s?(null==e?void 0:e.right)||c:d-(l||h),width:l||h,...w||!j?{top:(null==e?void 0:e.top)||a}:{bottom:window.innerHeight-u+G}},children:r}):null};export{B as DesktopWrapper};

package/components/Select/MultiSelect/MobileWrapper.js

@@ -1,78 +1,2 @@
-import React from 'react';
-import { a as Modal } from '../../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import 'classnames';
-import 'framer-motion';
-import '../../../consts/index.js';
-import 'dayjs';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'react-syntax-highlighter';
-import '../../Alert/consts.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-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 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-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 '../../../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 MobileWrapper = function MobileWrapper(props) {
-  var applySelectedItems = props.applySelectedItems,
-    isOpen = props.isOpen,
-    closeDrodown = props.closeDrodown,
-    children = props.children,
-    _props$modalApplyButt = props.modalApplyButtonText,
-    modalApplyButtonText = _props$modalApplyButt === void 0 ? 'Apply' : _props$modalApplyButt;
-  var submitSelection = function submitSelection() {
-    applySelectedItems(false);
-  };
-  return /*#__PURE__*/React.createElement(Modal, {
-    isOpen: isOpen,
-    onClose: closeDrodown,
-    onSubmit: submitSelection,
-    isMobileFullScreen: true,
-    className: 'select__modal',
-    buttonProps: {
-      confirm: {
-        buttonText: modalApplyButtonText
-      }
-    }
-  }, children);
-};
-
-export { MobileWrapper };
+import{jsx as l}from"react/jsx-runtime";import{Modal as m}from"../../Modal/Modal.js";import"react";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";const y=o=>{const{applySelectedItems:e,isOpen:t,closeDrodown:s,children:r,modalApplyButtonText:p="Apply"}=o;/* @__PURE__ */
+return l(m,{isOpen:t,onClose:s,onSubmit:()=>{e(!1)},isMobileFullScreen:!0,className:"select__modal",buttonProps:{confirm:{buttonText:p}},children:r})};export{y as MobileWrapper};

package/components/Select/MultiSelect/MultiBase/MultiBase.js

@@ -1,214 +1,5 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useCallback, useMemo } from 'react';
-import { Empty } from '../../../Empty/Empty.js';
-import classNames from 'classnames';
-import 'dayjs';
-import { OptionItem } from '../../../../helperComponents/OptionItem/OptionItem.js';
-import 'react-syntax-highlighter';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../../../Alert-V_kH4Snn.js';
-import 'react-dom';
-import '../../../../consts/index.js';
-import '../../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'framer-motion';
-import '../../../Collapse/CollapseGroup/CollapseGroup.js';
-import { ContentTop } from '../../SharedComponents/ContentTop.js';
-import '../../../Input/Input.js';
-import { FixedSizeList } from 'react-window';
-import { DROPDOWN_WIDTH, ITEM_SIZE_MOBILE, ITEM_SIZE, DROPDOWN_HEIGHT } from '../../constants.js';
-import '../../../Text/Text.js';
-import '../../../../utils/helpers.js';
-import '../../../Image/Image.js';
-import '../../../Avatar/Avatar.js';
-import '../../../FileUpload/FileUpload.js';
-import '../../../FileUpload/types.js';
-import '../../../../helperComponents/Label/Label.js';
-import '../../../FileUpload/UploadItems.js';
-import '../../../../hooks/useFormProps.js';
-import '../../../../context/types.js';
-import '../../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../../helperComponents/IconDynamicComponent/constants.js';
-import '../../../SVGIcons/IconDelete.js';
-import '../../../../type/file-upload.js';
-import '../../../Alert/consts.js';
-import '../../../../helperComponents/Loader/Loader.js';
-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 '../../../../hooks/useGetIsMobile.js';
-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 '../../../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../../../Progress/Progress.js';
-import '../../../SVGIcons/IconArrowDownloadFilled.js';
-import '../../../../helpers/download-file.js';
-import '../../../Button/consts.js';
-import '../../../SVGIcons/IconEditFilled.js';
-import '../../../SVGIcons/IconEdit.js';
-import '../../../SVGIcons/IconAttach.js';
-import '../../../SVGIcons/IconCheckmark.js';
-import '../../../Collapse/CollapseItem/CollapseItem.js';
-import '../../../SVGIcons/IconChevronRight.js';
-import '../../../Divider/Divider.js';
-import '../../../SVGIcons/IconChevronDown.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 'react-input-mask';
-import 'react-number-format';
-import '../../../SVGIcons/IconCheckmarkCircleFilled.js';
-
-var MultiBase = function MultiBase(props) {
-  var isMobile = props.isMobile,
-    closeDropdown = props.closeDropdown,
-    scrollableContentStyle = props.scrollableContentStyle,
-    options = props.options,
-    helperText = props.helperText,
-    translations = props.translations,
-    onItemSelect = props.onItemSelect,
-    onItemDeselect = props.onItemDeselect,
-    isSearchAvailable = props.isSearchAvailable,
-    setSelectedValues = props.setSelectedValues,
-    selectedValues = props.selectedValues,
-    labelLeftIconProps = props.labelLeftIconProps,
-    labelRightIconComponent = props.labelRightIconComponent,
-    optionRightIconComponent = props.optionRightIconComponent,
-    maxSelectCount = props.maxSelectCount,
-    menuOptions = props.menuOptions,
-    dataIdPrefix = props.dataIdPrefix,
-    dropdownWidth = props.dropdownWidth;
-  var _ref = translations || {},
-    emptyListMainMessage = _ref.emptyListMainMessage,
-    emptyListSecondaryMessage = _ref.emptyListSecondaryMessage;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isAllSelected = _useState4[0],
-    setAllSelected = _useState4[1];
-  var clearAll = useCallback(function () {
-    setAllSelected(false);
-    setSelectedValues([]);
-  }, []);
-  var filteredData = useMemo(function () {
-    if (!searchValue) {
-      var selectedValuesArray = selectedValues.map(function (item) {
-        return item.value;
-      });
-      var newOptions = options.filter(function (item) {
-        return selectedValuesArray.indexOf(item.value) === -1;
-      });
-      return [].concat(_toConsumableArray(selectedValues), _toConsumableArray(newOptions));
-    }
-    return options.filter(function (dataItem) {
-      return typeof dataItem.label === 'string' && dataItem.label.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
-    });
-  }, [searchValue, options, selectedValues]);
-  var selectAll = useCallback(function () {
-    setAllSelected(true);
-    var allValues = filteredData.map(function (item) {
-      var value = item.value,
-        label = item.label,
-        meta = item.meta;
-      return {
-        value: value,
-        label: label,
-        meta: meta
-      };
-    });
-    setSelectedValues(allValues);
-  }, [filteredData]);
-  var onDeselect = function onDeselect(item) {
-    setAllSelected(false);
-    onItemDeselect(item);
-  };
-  var checkIsSelected = function checkIsSelected(itemValue) {
-    return selectedValues.find(function (item) {
-      return item.value === itemValue;
-    }) !== undefined;
-  };
-  var optionProps = useMemo(function () {
-    return {
-      isCheckbox: true,
-      labelLeftIconProps: labelLeftIconProps,
-      optionRightIconComponent: optionRightIconComponent,
-      labelRightIconComponent: labelRightIconComponent
-    };
-  }, [labelLeftIconProps, optionRightIconComponent, labelRightIconComponent]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentTop, {
-    closeDropdown: closeDropdown,
-    dataIdPrefix: dataIdPrefix,
-    menuOptions: menuOptions,
-    selectAll: selectAll,
-    clearAll: clearAll,
-    hasLimitation: !!maxSelectCount,
-    isAnySelected: selectedValues.length !== 0,
-    helperText: helperText,
-    isSearchAvailable: isSearchAvailable,
-    isSelectAllDisabled: isAllSelected || filteredData.length === 0,
-    setSearchValue: setSearchValue,
-    searchValue: searchValue,
-    translations: translations
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames('select__options__scroll scrollbar', {
-      select__options__scroll_mobile: isMobile
-    }),
-    style: scrollableContentStyle
-  }, filteredData.length > 0 && /*#__PURE__*/React.createElement(FixedSizeList, {
-    height: isMobile ? window.innerHeight - 80 - 73 - 24 : filteredData.length * ITEM_SIZE > DROPDOWN_HEIGHT ? DROPDOWN_HEIGHT : filteredData.length * ITEM_SIZE,
-    itemCount: filteredData.length,
-    itemSize: isMobile ? ITEM_SIZE_MOBILE : ITEM_SIZE,
-    width: isMobile ? window.innerWidth : dropdownWidth || DROPDOWN_WIDTH,
-    style: {
-      width: dropdownWidth || '100%'
-    }
-  }, function (_ref2) {
-    var index = _ref2.index,
-      style = _ref2.style;
-    var item = filteredData[index];
-    var isSelected = checkIsSelected(item.value);
-    return /*#__PURE__*/React.createElement(OptionItem, _extends({
-      size: isMobile ? 'large' : 'small',
-      data: item,
-      dataId: item.dataId,
-      onClick: isSelected ? onDeselect : onItemSelect,
-      disabled: item.disabled || !isSelected && selectedValues.length === maxSelectCount,
-      isSelected: isSelected,
-      style: style
-    }, optionProps));
-  })), filteredData.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
-    size: "small",
-    mainMessage: emptyListMainMessage,
-    paragraphMessage: emptyListSecondaryMessage
-  }) : null);
-};
-
-export { MultiBase };
+import{jsxs as $,Fragment as ee,jsx as c}from"react/jsx-runtime";import{useState as p,useRef as O,useEffect as R,useCallback as T,useMemo as N}from"react";import{Empty as te}from"../../../Empty/Empty.js";import{OptionItem as le}from"../../../../helperComponents/OptionItem/OptionItem.js";import V from"classnames";import"../../../Checkbox/Checkbox.js";import"react-dom";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import"react-hook-form";import"motion/react";import{noop as oe}from"../../../../utils/helpers.js";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import{ContentTop as se}from"../../SharedComponents/ContentTop.js";import"../../../Input/Input.js";import{FixedSizeList as ne}from"react-window";import{DROPDOWN_WIDTH as re,ITEM_SIZE_MOBILE as ae,ITEM_SIZE as I,DROPDOWN_HEIGHT as P}from"../../constants.js";const xe=e=>{const{isMobile:t,closeDropdown:o,scrollableContentStyle:s,options:a,helperText:l,translations:n,onItemSelect:r,onItemDeselect:i,isSearchAvailable:m,setSelectedValues:u,selectedValues:d,labelLeftIconProps:h,labelRightIconComponent:f,optionRightIconComponent:b,maxSelectCount:g,menuOptions:x,dataIdPrefix:C,dropdownWidth:S,applySelectedItems:w}=e,{emptyListMainMessage:y,emptyListSecondaryMessage:v}=n||{},[D,j]=p(!1),[_,k]=p(""),[M,E]=p(!1),[L,A]=p(0),z=O(null),W=O(null),H=e=>{switch(e.key){case"ArrowDown":e.preventDefault(),A(e=>Math.min(e+1,B.length-1)),j(!0);break;case"ArrowUp":e.preventDefault(),A(e=>Math.max(e-1,0)),j(!0);break;case" ":if(D&&null!==L){e.preventDefault();const t=B[L];if(!t)return;Z(t.value)?K(t):r(t)}break;case"Enter":e.preventDefault(),w();break;case"Escape":o();break;default:j(!1)}};R(()=>{W.current&&W.current.scrollToItem(L,"smart")},[L]);const G=T(()=>{E(!1),u([])},[]),B=N(()=>{if(!_){const e=d.map(e=>e.value),t=a.filter(t=>-1===e.indexOf(t.value));return[...d,...t]}return a.filter(e=>"string"==typeof e.label&&e.label.toLocaleLowerCase().includes(_.toLocaleLowerCase()))},[_,a,d]),F=T(()=>{E(!0);const e=B.filter(e=>!e.disabled).map(e=>{const{value:t,label:o,meta:s}=e;return{value:t,label:o,meta:s}});u(e)},[B]),K=e=>{E(!1),i(e)};R(()=>{z&&z.current&&!m&&z.current.focus()},[z.current]);const Z=e=>void 0!==d.find(t=>t.value===e),U=N(()=>({isCheckbox:!0,labelLeftIconProps:h,optionRightIconComponent:b,labelRightIconComponent:f}),[h,b,f]);/* @__PURE__ */
+return $(ee,{children:[
+/* @__PURE__ */c(se,{closeDropdown:o,dataIdPrefix:C,menuOptions:x,selectAll:F,clearAll:G,hasLimitation:!!g,isAnySelected:0!==d.length,helperText:l,isSearchAvailable:m,isSelectAllDisabled:M||0===B.length,setSearchValue:k,searchValue:_,translations:n,handleKeyDown:H}),
+/* @__PURE__ */c("div",{className:V("select__options__scroll scrollbar",{select__options__scroll_mobile:t}),style:s,ref:z,tabIndex:0,onKeyDown:m?oe:H,children:B.length>0&&/* @__PURE__ */c(ne,{ref:W,height:t?window.innerHeight-80-73-24:B.length*I>P?P:B.length*I,itemCount:B.length,itemSize:t?ae:I,width:t?window.innerWidth:S||re,style:{width:S||"100%"},children:({index:e,style:o})=>{const s=B[e],a=Z(s.value),l=e===L;/* @__PURE__ */
+return c(le,{size:t?"large":"small",data:s,dataId:s.dataId,onClick:a?K:r,disabled:s.disabled||!a&&d.length===g,isSelected:a,style:o,className:V("option",{"option--active":l}),...U})}})}),0===B.length?/* @__PURE__ */c(te,{size:"small",mainMessage:y,paragraphMessage:v}):null]})};export{xe as MultiBase};

package/components/Select/MultiSelect/MultiSelect.js

@@ -1,246 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { forwardRef, useState, useMemo, useEffect, useId } from 'react';
-import { OptionsWrapper } from './OptionsWrapper.js';
-import { Footer } from '../SharedComponents/Footer.js';
-import 'classnames';
-import 'dayjs';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../consts/index.js';
-import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../Alert-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import 'react-dom';
-import 'framer-motion';
-import '../../Collapse/CollapseGroup/CollapseGroup.js';
-import '../SharedComponents/ContentTop.js';
-import { InputSelectWrapper } from '../SharedComponents/InputSelectWrapper/InputSelectWrapper.js';
-import { ButtonSelectWrapper } from '../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
-import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
-import { SELECT_TRANSLATIONS } from '../localization.js';
-import '../../../utils/helpers.js';
-import '../../../hooks/useGetElemSizes.js';
-import '../../../hooks/useGetHasBottomSpace.js';
-import '../../../hooks/useGetElemPositions.js';
-import '../SharedComponents/Loading.js';
-import '../../Text/Text.js';
-import '../../Input/Input.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../../helperComponents/Label/Label.js';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
-import '../../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../../../type/file-upload.js';
-import '../../Alert/consts.js';
-import '../../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../FileUpload/types.js';
-import '../../../helpers/format-date.js';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../../hooks/useHideBodyScroll.js';
-import '../../SVGIcons/IconDismiss.js';
-import '../../Tooltip/types.js';
-import '../../Tooltip/Tooltip.js';
-import '../../../hooks/useGetTooltipStyles.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 './MultiSelectGrouped/MultiSelectGrouped.js';
-import '../../Divider/Divider.js';
-import '../../Empty/Empty.js';
-import '../../Image/Image.js';
-import '../../../helperComponents/OptionItem/OptionItem.js';
-import '../../Avatar/Avatar.js';
-import '../../FileUpload/FileUpload.js';
-import '../../FileUpload/UploadItems.js';
-import '../../../hooks/useFormProps.js';
-import '../../../context/types.js';
-import '../../SVGIcons/IconEditFilled.js';
-import '../../SVGIcons/IconEdit.js';
-import '../../SVGIcons/IconAttach.js';
-import '../../SVGIcons/IconCheckmark.js';
-import '../constants.js';
-import '../../SVGIcons/IconCaretUpFilled.js';
-import '../../SVGIcons/IconCaretDownFilled.js';
-import './MultiBase/MultiBase.js';
-import 'react-window';
-import './MultiSelectWithTabs/MultiSelectWithTabs.js';
-import '../../Tab/Tab.js';
-import '../../Tab/TabItem.js';
-import '../../Badge/Badge.js';
-import '../../Collapse/CollapseItem/CollapseItem.js';
-import '../../SVGIcons/IconChevronRight.js';
-import '../../SVGIcons/IconChevronDown.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 '../../../hooks/useChangePositionsOnScroll.js';
-import './MobileWrapper.js';
-import './DesktopWrapper.js';
-import '../../SVGIcons/IconChevronUp.js';
-import '../SharedComponents/ButtonSelectWrapper/Button/Button.js';
-
-var _excluded = ["isMobileFullScreen", "options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError", "language"];
-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 MultiSelect = /*#__PURE__*/forwardRef(function (props, _ref) {
-  var _props$isMobileFullSc = props.isMobileFullScreen,
-    isMobileFullScreen = _props$isMobileFullSc === void 0 ? true : _props$isMobileFullSc,
-    options = props.options,
-    footerButtonProps = props.footerButtonProps,
-    selectedItems = props.selectedItems,
-    setSelectedItems = props.setSelectedItems,
-    name = props.name,
-    setFieldValue = props.setFieldValue,
-    value = props.value,
-    label = props.label,
-    placeHolder = props.placeHolder,
-    isRequiredField = props.isRequiredField,
-    labelAddons = props.labelAddons,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    disabled = props.disabled,
-    dropdownWidth = props.dropdownWidth,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'left' : _props$align,
-    size = props.size,
-    isButtonSelect = props.isButtonSelect,
-    checkboxInfo = props.checkboxInfo,
-    translations = props.translations,
-    hasError = props.hasError,
-    _props$language = props.language,
-    language = _props$language === void 0 ? 'en' : _props$language,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    dropdownRef = _useState2[0],
-    setDropdownRef = _useState2[1];
-  var initialSelected = value || selectedItems || [];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  var _useState5 = useState(initialSelected),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedValues = _useState6[0],
-    setSelectedValues = _useState6[1];
-  var _useState7 = useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    containerRef = _useState8[0],
-    setContainerRef = _useState8[1];
-  var closeDropdown = function closeDropdown() {
-    return setIsOpen(false);
-  };
-  var openDropdown = function openDropdown() {
-    return setIsOpen(true);
-  };
-  var hasChange = useMemo(function () {
-    if ((selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) !== (initialSelected === null || initialSelected === void 0 ? void 0 : initialSelected.length)) {
-      return true;
-    }
-    return (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.findIndex(function (value) {
-      return (initialSelected === null || initialSelected === void 0 ? void 0 : initialSelected.findIndex(function (i) {
-        return i.value === value.value;
-      })) === -1;
-    })) !== -1;
-  }, [selectedValues, initialSelected]);
-  useEffect(function () {
-    setSelectedValues(value || []);
-  }, [value]);
-  useEffect(function () {
-    if (selectedItems) {
-      setSelectedValues(selectedItems || []);
-    }
-  }, [selectedItems]);
-  var cancelSelectedItems = function cancelSelectedItems() {
-    setSelectedValues(initialSelected);
-    closeDropdown();
-  };
-  useOnOutsideClick(containerRef, cancelSelectedItems, isOpen, useId());
-  var submitSelectedValue = function submitSelectedValue(selections, isChecked) {
-    if (setSelectedItems) {
-      setSelectedItems(selections, isChecked);
-    }
-    if (name && setFieldValue) {
-      setFieldValue(name, selections);
-    }
-    closeDropdown();
-  };
-  var applySelectedItems = function applySelectedItems() {
-    var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    submitSelectedValue(selectedValues, isChecked);
-  };
-  var WrapperComponent = isButtonSelect ? ButtonSelectWrapper : InputSelectWrapper;
-  var localizations = _objectSpread(_objectSpread({}, SELECT_TRANSLATIONS[language]), translations);
-  var isMobile = useIsMobile();
-  return /*#__PURE__*/React.createElement(WrapperComponent, {
-    dropdownRef: dropdownRef,
-    isOpen: isOpen,
-    setIsOpen: setIsOpen,
-    containerRef: containerRef,
-    setContainerRef: setContainerRef,
-    dropdownWidth: dropdownWidth,
-    setDropdownRef: setDropdownRef,
-    size: size,
-    label: label,
-    align: align,
-    disabled: disabled,
-    className: className,
-    labelAddons: labelAddons,
-    placeHolder: placeHolder,
-    selectedValues: selectedValues,
-    isRequiredField: isRequiredField,
-    overflowText: localizations.overflowText,
-    hasError: hasError,
-    applySelectedItems: applySelectedItems,
-    isMobile: isMobile && isMobileFullScreen
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionsWrapper
-  // @ts-ignore
-  , _extends({
-    options: options,
-    isOpen: isOpen,
-    translations: localizations,
-    setIsOpen: setIsOpen,
-    dropdownRef: dropdownRef,
-    openDropdown: openDropdown,
-    selectedValues: selectedValues,
-    setSelectedValues: setSelectedValues,
-    containerRef: containerRef,
-    dropdownWidth: dropdownWidth,
-    isMobileFullScreen: isMobileFullScreen
-  }, rest)), options.length && !(isMobile && isMobileFullScreen) ? /*#__PURE__*/React.createElement(Footer, {
-    checkboxInfo: checkboxInfo,
-    hasChange: hasChange,
-    buttonProps: footerButtonProps,
-    onCancel: cancelSelectedItems,
-    onApply: applySelectedItems,
-    language: language
-  }) : null));
-});
-MultiSelect.displayName = 'MultiSelect';
-
-export { MultiSelect };
+import{jsx as u,jsxs as U,Fragment as V}from"react/jsx-runtime";import{forwardRef as X,useState as l,useMemo as Y,useEffect as C,useId as Z}from"react";import{OptionsWrapper as $}from"./OptionsWrapper.js";import{Footer as ee}from"../SharedComponents/Footer.js";import"classnames";import"react-dom";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as oe}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"../../../helperComponents/ErrorMessage/consts.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{InputSelectWrapper as te}from"../SharedComponents/InputSelectWrapper/InputSelectWrapper.js";import{ButtonSelectWrapper as re}from"../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js";import{useIsMobile as ne}from"../../../hooks/useGetIsMobile.js";import{SELECT_TRANSLATIONS as se}from"../localization.js";const le=X((e,o)=>{const{isMobileFullScreen:s=!0,options:t,footerButtonProps:r,selectedItems:n,setSelectedItems:a,name:p,setFieldValue:i,value:d,label:c,placeHolder:m,isRequiredField:f,labelAddons:h,className:S="",disabled:j,dropdownWidth:I,align:b="left",size:x,isButtonSelect:O,checkboxInfo:g,translations:F,hasError:W,language:k="en",hideSelectedOptions:w=!1,...R}=e,[v,M]=l(null),y=d||n||[],[z,E]=l(!1),[T,A]=l(y),[B,N]=l(null),D=()=>E(!1),G=Y(()=>(null==T?void 0:T.length)!==(null==y?void 0:y.length)||-1!==(null==T?void 0:T.findIndex(e=>-1===(null==y?void 0:y.findIndex(o=>o.value===e.value)))),[T,y]);C(()=>{A(d||[])},[d]),C(()=>{n&&A(n||[])},[n]);const q=()=>{A(y),D()};oe(B,q,z,Z());const H=(e=!1)=>{((e,o)=>{a&&a(e,o),p&&i&&i(p,e),D()})(T,e)},L=O?re:te,P={...se[k],...F},X=ne();/* @__PURE__ */
+return u(L,{dropdownRef:v,isOpen:z,setIsOpen:E,containerRef:B,setContainerRef:N,dropdownWidth:I,setDropdownRef:M,size:x,label:c,align:b,disabled:j,className:S,labelAddons:h,placeHolder:m,selectedValues:T,isRequiredField:f,overflowText:P.overflowText,hasError:W,applySelectedItems:H,isMobile:X&&s,hideSelectedOptions:w,children:/* @__PURE__ */U(V,{children:[
+/* @__PURE__ */u($,{options:t,isOpen:z,translations:P,setIsOpen:E,dropdownRef:v,openDropdown:()=>E(!0),selectedValues:T,setSelectedValues:A,containerRef:B,dropdownWidth:I,isMobileFullScreen:s,applySelectedItems:H,...R}),!t.length||X&&s?null:/* @__PURE__ */u(ee,{checkboxInfo:g,hasChange:G,buttonProps:r,onCancel:q,onApply:H,language:k})]})})});le.displayName="MultiSelect";export{le as MultiSelect};