hrm_ui_lib 2.0.0-alpha.24 → 2.0.0-alpha.25

package/components/Select/FilterSelect/FilterDropdown.js

@@ -1,98 +1,3 @@
-import React, { useMemo } from 'react';
-import 'classnames';
-import 'dayjs';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import { OptionItem } from '../../../helperComponents/OptionItem/OptionItem.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '@babel/runtime/helpers/extends';
-import '../../Avatar/Avatar.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../FileUpload/FileUpload.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../FileUpload/types.js';
-import '../../../Alert-C_U8td2x.js';
-import '../../Alert/consts.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../helperComponents/Loader/Loader.js';
-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 '../../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-import 'motion/react';
-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 '../../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-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';
-
-var FilterDropdownContent = function FilterDropdownContent(props) {
-  var checkIsSelected = props.checkIsSelected,
-    filterValue = props.filterValue,
-    options = props.options,
-    onItemSelect = props.onItemSelect,
-    onItemDeselect = props.onItemDeselect,
-    labelLeftIconProps = props.labelLeftIconProps,
-    optionRightIconComponent = props.optionRightIconComponent,
-    labelRightIconComponent = props.labelRightIconComponent;
-  var filteredOptions = useMemo(function () {
-    return options.filter(function (option) {
-      return option.label.toString().includes(filterValue);
-    });
-  }, [filterValue, options]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, filteredOptions.map(function (item) {
-    var isSelected = checkIsSelected(item.value);
-    return /*#__PURE__*/React.createElement(OptionItem, {
-      data: item,
-      key: item.value,
-      onClick: isSelected ? onItemDeselect : onItemSelect,
-      labelLeftIconProps: labelLeftIconProps,
-      OptionRightIconComponent: optionRightIconComponent,
-      LabelRightIconComponent: labelRightIconComponent,
-      isCheckbox: true,
-      disabled: item.disabled,
-      isSelected: isSelected
-    });
-  }));
-};
-
-export { FilterDropdownContent };
+import{jsx as r,Fragment as u}from"react/jsx-runtime";import{useMemo as I}from"react";import{OptionItem as b}from"../../../helperComponents/OptionItem/OptionItem.js";const g=e=>{const{checkIsSelected:t,filterValue:o,options:n,onItemSelect:i,onItemDeselect:l,labelLeftIconProps:s,optionRightIconComponent:a,labelRightIconComponent:c}=e,m=I(()=>n.filter(e=>e.label.toString().includes(o)),[o,n]);/* @__PURE__ */
+return r(u,{children:m.map(e=>{const o=t(e.value);/* @__PURE__ */
+return r(b,{data:e,onClick:o?l:i,labelLeftIconProps:s,OptionRightIconComponent:a,LabelRightIconComponent:c,isCheckbox:!0,disabled:e.disabled,isSelected:o},e.value)})})};export{g as FilterDropdownContent};

package/components/Select/FilterSelect/FilterGroupDropdown.js

@@ -1,85 +1,4 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import { FilterDropdownContent } from './FilterDropdown.js';
-import 'classnames';
-import 'dayjs';
-import '../../../helperComponents/OptionItem/OptionItem.js';
-import '../../Avatar/Avatar.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../FileUpload/FileUpload.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../FileUpload/types.js';
-import '../../../Alert-C_U8td2x.js';
-import '../../Alert/consts.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../helperComponents/Loader/Loader.js';
-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 '../../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-import 'motion/react';
-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 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-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';
-
-var _excluded = ["options"];
-var FilterGroupDropdownContent = function FilterGroupDropdownContent(props) {
-  var options = props.options,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (_ref) {
-    var data = _ref.data,
-      title = _ref.title;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "group_container",
-      key: title
-    }, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement(FilterDropdownContent, _extends({
-      options: data
-    }, rest)));
-  }));
-};
-
-export { FilterGroupDropdownContent };
+import{jsx as r,Fragment as s,jsxs as i}from"react/jsx-runtime";import{FilterDropdownContent as c}from"./FilterDropdown.js";const d=o=>{const{options:t,...n}=o;/* @__PURE__ */
+return r(s,{children:t.map(({data:o,title:t})=>/* @__PURE__ */i("div",{className:"group_container",children:[
+/* @__PURE__ */r("span",{children:t}),
+/* @__PURE__ */r(c,{options:o,...n})]},t))})};export{d as FilterGroupDropdownContent};

package/components/Select/FilterSelect/FilterSelect.js

@@ -1,204 +1,4 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { useState, useId, useCallback } from 'react';
-import { createPortal } from 'react-dom';
-import { useHideOnScroll } from '../../../hooks/useHideOnScroll.js';
-import 'dayjs';
-import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import { FilterDropdownContent } from './FilterDropdown.js';
-import { FilterGroupDropdownContent } from './FilterGroupDropdown.js';
-import { Footer } from '../SharedComponents/Footer.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'classnames';
-import '../../../consts/index.js';
-import '../../../Alert-C_U8td2x.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import 'motion/react';
-import { IconDismissFilled } from '../../SVGIcons/IconDismissFilled.js';
-import { IconSearchFilled } from '../../SVGIcons/IconSearchFilled.js';
-import '../../Collapse/CollapseGroup/CollapseGroup.js';
-import '../SharedComponents/ContentTop.js';
-import { Loading } from '../SharedComponents/Loading.js';
-import { Input } from '../../Input/Input.js';
-import '../../../type/file-upload.js';
-import '../../../helperComponents/OptionItem/OptionItem.js';
-import '../../Avatar/Avatar.js';
-import '../../FileUpload/FileUpload.js';
-import '../../FileUpload/types.js';
-import '../../../helperComponents/Label/Label.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '../../FileUpload/UploadItems.js';
-import '../../../hooks/useFormProps.js';
-import '../../../context/types.js';
-import '../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../IconDynamicComponent/IconDynamicComponent.js';
-import '../../SVGIcons/IconDelete.js';
-import '../../Alert/consts.js';
-import '../../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-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/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 '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-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 '../localization.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/IconSelectAllOff.js';
-import '../../SVGIcons/IconChevronLeft.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../SVGIcons/IconCheckmarkCircleFilled.js';
-
-var _excluded = ["isLoading", "isGrouped", "options", "isOpen", "setFieldValue", "name", "footerButtonProps", "selectedItems", "setSelectedItems", "closeHandler", "parentRef", "language"];
-var FilterSelect = function FilterSelect(props) {
-  var isLoading = props.isLoading,
-    isGrouped = props.isGrouped,
-    options = props.options,
-    isOpen = props.isOpen,
-    setFieldValue = props.setFieldValue,
-    name = props.name,
-    footerButtonProps = props.footerButtonProps,
-    selectedItems = props.selectedItems,
-    setSelectedItems = props.setSelectedItems,
-    closeHandler = props.closeHandler,
-    parentRef = props.parentRef,
-    _props$language = props.language,
-    language = _props$language === void 0 ? 'en' : _props$language,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    containerRef = _useState2[0],
-    setContainerRef = _useState2[1];
-  var _useState3 = useState(selectedItems),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedValues = _useState4[0],
-    setSelectedValues = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filterValue = _useState6[0],
-    setFilterValue = _useState6[1];
-  useOnOutsideClick(containerRef, closeHandler, isOpen, useId());
-  useHideOnScroll(closeHandler);
-  var onItemSelect = useCallback(function (item) {
-    setSelectedValues(function (selected) {
-      return [].concat(_toConsumableArray(selected), [item]);
-    });
-  }, []);
-  var submitSelectedValue = function submitSelectedValue(selections) {
-    if (setSelectedItems) {
-      setSelectedItems(selections);
-    }
-    if (name && setFieldValue) {
-      setFieldValue(name, selections);
-    }
-    closeHandler();
-  };
-  var checkIsSelected = function checkIsSelected(itemValue) {
-    return selectedValues.find(function (item) {
-      return item.value === itemValue;
-    }) !== undefined;
-  };
-  var applySelectedItems = useCallback(function () {
-    submitSelectedValue(selectedValues);
-    closeHandler();
-  }, [selectedValues]);
-  var cancelSelectedItems = function cancelSelectedItems() {
-    submitSelectedValue(selectedItems);
-    setSelectedValues(selectedItems);
-    closeHandler();
-  };
-  var onItemDeselect = function onItemDeselect(_ref) {
-    var value = _ref.value;
-    setSelectedValues(function (selected) {
-      return selected.filter(function (optionValue) {
-        return optionValue.value !== value;
-      });
-    });
-  };
-  var onFilter = function onFilter(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    setFilterValue(e.target.value);
-  };
-  var removeFilterValue = function removeFilterValue() {
-    setFilterValue('');
-  };
-  if (!isOpen) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
-    className: "select filter"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "select__options",
-    ref: setContainerRef
-  }, /*#__PURE__*/React.createElement(Input, {
-    onChange: onFilter,
-    className: "filter__input",
-    size: "small",
-    currentValue: filterValue,
-    rightIconProps: {
-      size: filterValue === '' ? 'small' : 'xsmall',
-      Component: filterValue === '' ? IconSearchFilled : IconDismissFilled,
-      onClick: removeFilterValue
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: 'select__options__scroll scrollbar scrollbar--vertical '
-  }, isLoading ? /*#__PURE__*/React.createElement(Loading, null) : isGrouped ? /*#__PURE__*/React.createElement(FilterGroupDropdownContent, _extends({
-    checkIsSelected: checkIsSelected,
-    onItemDeselect: onItemDeselect,
-    filterValue: filterValue,
-    onItemSelect: onItemSelect,
-    options: options
-  }, rest)) : /*#__PURE__*/React.createElement(FilterDropdownContent, _extends({
-    checkIsSelected: checkIsSelected,
-    onItemDeselect: onItemDeselect,
-    filterValue: filterValue,
-    onItemSelect: onItemSelect,
-    options: options
-  }, rest))), isLoading ? null : /*#__PURE__*/React.createElement(Footer, {
-    buttonProps: footerButtonProps,
-    onCancel: cancelSelectedItems,
-    onApply: applySelectedItems,
-    language: language
-  }))), parentRef));
-};
-
-export { FilterSelect };
+import{jsx as t,Fragment as y,jsxs as z}from"react/jsx-runtime";import{useState as c,useId as G,useCallback as h}from"react";import{createPortal as H}from"react-dom";import{useHideOnScroll as L}from"../../../hooks/useHideOnScroll.js";import"../../../context/types.js";import{useOnOutsideClick as A}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import{FilterDropdownContent as B}from"./FilterDropdown.js";import{FilterGroupDropdownContent as q}from"./FilterGroupDropdown.js";import{Footer as E}from"../SharedComponents/Footer.js";import"classnames";import"dayjs";import"../../../consts/index.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{Loading as J}from"../SharedComponents/Loading.js";import{Input as K}from"../../Input/Input.js";import M from"../../SVGIcons/IconSearchFilled.js";import Q from"../../SVGIcons/IconDismissFilled.js";const Fe=e=>{const{isLoading:o,isGrouped:s,options:r,isOpen:l,setFieldValue:n,name:a,footerButtonProps:i,selectedItems:p,setSelectedItems:m,closeHandler:d,parentRef:u,language:f="en",...j}=e,[C,F]=c(null),[S,I]=c(p),[g,k]=c("");A(C,d,l,G()),L(d);const v=h(e=>{I(o=>[...o,e])},[]),x=e=>{m&&m(e),a&&n&&n(a,e),d()},D=e=>void 0!==S.find(o=>o.value===e),_=h(()=>{x(S),d()},[S]),O=({value:e})=>{I(o=>o.filter(o=>o.value!==e))};return l?/* @__PURE__ */t(y,{children:H(
+/* @__PURE__ */t("div",{className:"select filter",children:/* @__PURE__ */z("div",{className:"select__options",ref:F,children:[
+/* @__PURE__ */t(K,{onChange:e=>{e.preventDefault(),e.stopPropagation(),k(e.target.value)},className:"filter__input",size:"small",currentValue:g,rightIconProps:{size:""===g?"small":"xsmall",Component:""===g?M:Q,onClick:()=>{k("")}}}),
+/* @__PURE__ */t("div",{className:"select__options__scroll scrollbar scrollbar--vertical ",children:o?/* @__PURE__ */t(J,{}):/* @__PURE__ */t(s?q:B,{checkIsSelected:D,onItemDeselect:O,filterValue:g,onItemSelect:v,options:r,...j})}),o?null:/* @__PURE__ */t(E,{buttonProps:i,onCancel:()=>{x(p),I(p),d()},onApply:_,language:f})]})}),u)}):null};export{Fe as FilterSelect};

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,80 +1,2 @@
-import React from 'react';
-import { a as Modal } from '../../../Alert-C_U8td2x.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import 'classnames';
-import 'motion/react';
-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 'react-syntax-highlighter/dist/esm/styles/prism';
-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 'dayjs/plugin/utc';
-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 '../../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-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 m}from"react/jsx-runtime";import{Modal as l}from"../../Modal/Modal.js";import"react";import"classnames";import"motion/react";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";const M=o=>{const{applySelectedItems:t,isOpen:e,closeDrodown:r,children:s,modalApplyButtonText:i="Apply"}=o;/* @__PURE__ */
+return m(l,{isOpen:e,onClose:r,onSubmit:()=>{t(!1)},isMobileFullScreen:!0,className:"select__modal",buttonProps:{confirm:{buttonText:i}},children:s})};export{M as MobileWrapper};