hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/Select/Select/SelectMobile/index.js

@@ -1,196 +1,5 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useMemo, useCallback, useEffect } from 'react';
-import { Text } from '../../../Text/Text.js';
-import 'dayjs';
-import 'classnames';
-import { OptionItem } from '../../../../helperComponents/OptionItem/OptionItem.js';
-import 'react-syntax-highlighter';
-import { Empty } from '../../../Empty/Empty.js';
-import { a as Modal } from '../../../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-import 'framer-motion';
-import '../../../../consts/index.js';
-import '../../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import { ITEM_SIZE_MOBILE } from '../../constants.js';
-import 'react-dom';
-import '../../../Collapse/CollapseGroup/CollapseGroup.js';
-import '../../SharedComponents/ContentTop.js';
-import { Loading } from '../../SharedComponents/Loading.js';
-import '../../../Input/Input.js';
-import { filterOptions } from '../helpers.js';
-import { MobileTopContent } from './MobileTopContent.js';
-import { FixedSizeList } from 'react-window';
-import '../../../../utils/helpers.js';
-import '../../../Avatar/Avatar.js';
-import '../../../FileUpload/FileUpload.js';
-import '@babel/runtime/helpers/toConsumableArray';
-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 '../../../Image/Image.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 SelectMobile = function SelectMobile(props) {
-  var translations = props.translations,
-    currentSelection = props.currentSelection,
-    isOpen = props.isOpen,
-    closeDropdown = props.closeDropdown,
-    isLoading = props.isLoading,
-    dataId = props.dataId,
-    innerHelperText = props.innerHelperText,
-    options = props.options,
-    isRequiredField = props.isRequiredField,
-    onItemSelect = props.onItemSelect,
-    onItemDeselect = props.onItemDeselect,
-    tooltipAddons = props.tooltipAddons,
-    labelLeftIconProps = props.labelLeftIconProps,
-    optionRightIconComponent = props.optionRightIconComponent,
-    labelRightIconComponent = props.labelRightIconComponent,
-    setSelectedOption = props.setSelectedOption,
-    withSearch = props.withSearch;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
-  var filteredData = useMemo(function () {
-    return filterOptions(options, searchValue);
-  }, [searchValue, options]);
-  var setCurrentSelectedLabel = useCallback(function () {
-    var selectedItem = options.find(function (item) {
-      return item.value === currentSelection;
-    });
-    setSelectedOption(selectedItem);
-  }, [currentSelection, options]);
-  useEffect(function () {
-    setCurrentSelectedLabel();
-  }, [setCurrentSelectedLabel]);
-  var clickHandler = function clickHandler(isSelected) {
-    return function (_ref) {
-      var value = _ref.value;
-      setSearchValue('');
-      if (!isSelected) {
-        onItemSelect(value);
-        return;
-      }
-      if (!isRequiredField) {
-        onItemDeselect();
-      }
-    };
-  };
-  var closeModal = function closeModal() {
-    closeDropdown();
-    setSearchValue('');
-  };
-  var windowHeight = window.innerHeight;
-  var windowWidth = window.innerWidth;
-  return /*#__PURE__*/React.createElement(Modal, {
-    isOpen: isOpen,
-    onClose: closeDropdown,
-    isMobileFullScreen: true
-  }, /*#__PURE__*/React.createElement(MobileTopContent, {
-    searchValue: searchValue,
-    setSearchValue: setSearchValue,
-    onBack: closeModal,
-    withSearch: withSearch
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "mobile_options_content"
-  }, innerHelperText ? /*#__PURE__*/React.createElement(Text, {
-    size: "xsmall",
-    type: "secondary",
-    className: "mobile_options_content__label"
-  }, innerHelperText) : null, isLoading ? /*#__PURE__*/React.createElement(Loading, null) : /*#__PURE__*/React.createElement("div", {
-    "data-id": "".concat(dataId, "-options-content")
-  }, filteredData.length > 0 && /*#__PURE__*/React.createElement(FixedSizeList, {
-    height: windowHeight - 30 - 32 - 24,
-    itemCount: filteredData.length,
-    itemSize: ITEM_SIZE_MOBILE,
-    width: windowWidth,
-    style: {
-      width: '100%',
-      overflowX: 'hidden',
-      overflowY: 'auto',
-      willChange: 'auto'
-    }
-  }, function (_ref2) {
-    var index = _ref2.index,
-      style = _ref2.style;
-    var item = filteredData[index];
-    var isSelected = item.value === currentSelection;
-    return /*#__PURE__*/React.createElement(OptionItem, {
-      size: "large",
-      tooltipAddons: tooltipAddons,
-      data: item,
-      key: item.value,
-      onClick: clickHandler(isSelected),
-      labelLeftIconProps: labelLeftIconProps,
-      OptionRightIconComponent: optionRightIconComponent,
-      LabelRightIconComponent: labelRightIconComponent,
-      disabled: item.disabled,
-      isSelected: isSelected,
-      dataId: item.dataId,
-      style: style
-    });
-  }), filteredData.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
-    size: "small",
-    mainMessage: translations === null || translations === void 0 ? void 0 : translations.emptyListMainMessage
-  }) : null)));
-};
-
-export { SelectMobile };
+import{jsxs as m,jsx as e}from"react/jsx-runtime";import{OptionItem as R}from"../../../../helperComponents/OptionItem/OptionItem.js";import{Empty as E}from"../../../Empty/Empty.js";import{Modal as H}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{Text as O}from"../../../Text/Text.js";import{ITEM_SIZE_MOBILE as T}from"../../constants.js";import"../../../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import"../../SharedComponents/ContentTop.js";import{Loading as k}from"../../SharedComponents/Loading.js";import"../../../Input/Input.js";import{MobileTopContent as D}from"./MobileTopContent.js";import{FixedSizeList as F}from"react-window";const re=o=>{const{translations:t,currentSelection:n,isOpen:i,closeDropdown:s,isLoading:a,dataId:r,innerHelperText:l,filteredData:p,isRequiredField:d,onItemSelect:c,onItemDeselect:h,tooltipAddons:u,labelLeftIconProps:C,optionRightIconComponent:I,labelRightIconComponent:j,withSearch:g,searchValue:S,setSearchValue:b}=o,f=e=>({value:o})=>{b(""),e?d||h():c(o)},x=window.innerHeight,w=window.innerWidth;/* @__PURE__ */
+return m(H,{isOpen:i,onClose:s,isMobileFullScreen:!0,children:[
+/* @__PURE__ */e(D,{searchValue:S,setSearchValue:b,onBack:()=>{s(),b("")},withSearch:g}),
+/* @__PURE__ */m("div",{className:"mobile_options_content",children:[l?/* @__PURE__ */e(O,{size:"xsmall",type:"secondary",className:"mobile_options_content__label",children:l}):null,a?/* @__PURE__ */e(k,{}):/* @__PURE__ */m("div",{"data-id":`${r}-options-content`,children:[p.length>0&&/* @__PURE__ */e(F,{height:x-30-32-24,itemCount:p.length,itemSize:T,width:w,style:{width:"100%",overflowX:"hidden",overflowY:"auto",willChange:"auto"},children:({index:o,style:t})=>{const i=p[o],s=i.value===n;/* @__PURE__ */
+return e(R,{size:"large",tooltipAddons:u,data:i,onClick:f(s),labelLeftIconProps:C,OptionRightIconComponent:I,LabelRightIconComponent:j,disabled:i.disabled,isSelected:s,dataId:i.dataId,style:t},i.value)}}),0===p.length?/* @__PURE__ */e(E,{size:"small",mainMessage:null==t?void 0:t.emptyListMainMessage}):null]})]})]})};export{re as SelectMobile};

package/components/Select/Select/helpers.js

@@ -1,10 +1 @@
-var filterOptions = function filterOptions(options, searchValue) {
-  if (!searchValue) {
-    return options;
-  }
-  return options.filter(function (dataItem) {
-    return typeof dataItem.label === 'string' && dataItem.label.toLowerCase().includes(searchValue.toLowerCase());
-  });
-};
-
-export { filterOptions };
+const l=(e,l)=>l?e.filter(e=>"string"==typeof e.label&&e.label.toLowerCase().includes(l.toLowerCase())):e;export{l as filterOptions};

package/components/Select/SharedComponents/Actions.js

@@ -1,116 +1,3 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState } from 'react';
-import { B as Button } from '../../../Alert-V_kH4Snn.js';
-import { Menu } from '../../Menu/Menu.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dom';
-import '../../../consts/index.js';
-import 'dayjs';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'classnames';
-import '@babel/runtime/helpers/extends';
-import 'framer-motion';
-import { Text } from '../../Text/Text.js';
-import '../../Collapse/CollapseGroup/CollapseGroup.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'react-syntax-highlighter';
-import { IconMore } from '../../SVGIcons/IconMore.js';
-import '../../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 '../../../utils/helpers.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';
-import '../../../helperComponents/OptionItem/OptionItem.js';
-import '../../Avatar/Avatar.js';
-import '../../FileUpload/FileUpload.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 '../../Collapse/CollapseItem/CollapseItem.js';
-import '../../SVGIcons/IconChevronRight.js';
-import '../../Divider/Divider.js';
-import '../../SVGIcons/IconChevronDown.js';
-
-var Actions = function Actions(props) {
-  var selectActions = props.selectActions,
-    innerLabel = props.innerLabel;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isMenuOpen = _useState2[0],
-    setIsMenuOpen = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    buttonRef = _useState4[0],
-    setButtonRef = _useState4[1];
-  var open = function open() {
-    return setIsMenuOpen(true);
-  };
-  var close = function close() {
-    return setIsMenuOpen(false);
-  };
-  return selectActions.length ? /*#__PURE__*/React.createElement("div", {
-    className: "action-bar"
-  }, innerLabel ? /*#__PURE__*/React.createElement(Text, {
-    size: "xsmall",
-    type: "secondary",
-    className: "action-bar__label"
-  }, innerLabel) : null, /*#__PURE__*/React.createElement("div", {
-    ref: setButtonRef,
-    className: "action-bar__right"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "tertiary",
-    onClick: open,
-    iconProps: {
-      Component: IconMore
-    },
-    size: "small"
-  }), buttonRef ? /*#__PURE__*/React.createElement(Menu, {
-    menuItems: selectActions,
-    parentRef: buttonRef,
-    onClose: close,
-    position: "bottom-left",
-    isOpen: isMenuOpen
-  }) : null)) : null;
-};
-
-export { Actions };
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useState as s}from"react";import{Button as u}from"../../Button/Button.js";import{Menu as f}from"../../Menu/Menu.js";import"react-dom";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"classnames";import"motion/react";import{Text as b}from"../../Text/Text.js";import"dayjs";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../../../helperComponents/ErrorMessage/consts.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import d from"../../SVGIcons/IconMore.js";const P=o=>{const{selectActions:e,innerLabel:r}=o,[n,a]=s(!1),[l,m]=s(null);return e.length?/* @__PURE__ */i("div",{className:"action-bar",children:[r?/* @__PURE__ */t(b,{size:"xsmall",type:"secondary",className:"action-bar__label",children:r}):null,
+/* @__PURE__ */i("div",{ref:m,className:"action-bar__right",children:[
+/* @__PURE__ */t(u,{type:"tertiary",onClick:()=>a(!0),iconProps:{Component:d},size:"small"}),l?/* @__PURE__ */t(f,{menuItems:e,parentRef:l,onClose:()=>a(!1),position:"bottom-left",isOpen:n}):null]})]}):null};export{P as Actions};

package/components/Select/SharedComponents/ButtonSelectWrapper/Button/Button.js

@@ -1,44 +1,3 @@
-import React from 'react';
-import classNames from 'classnames';
-import { Text } from '../../../../Text/Text.js';
-import { IconChevronUp } from '../../../../SVGIcons/IconChevronUp.js';
-import { IconChevronDown } from '../../../../SVGIcons/IconChevronDown.js';
-import '../../../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-
-var Button = function Button(props) {
-  var type = props.type,
-    buttonText = props.buttonText,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    isOpen = props.isOpen,
-    disabled = props.disabled,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    onClick = props.onClick,
-    _props$refHandler = props.refHandler,
-    refHandler = _props$refHandler === void 0 ? null : _props$refHandler,
-    selectedItemsLabels = props.selectedItemsLabels;
-  return /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    ref: refHandler,
-    "data-id": dataId,
-    disabled: disabled,
-    className: classNames('btn', "btn--".concat(type), "btn--".concat(size), "btn--".concat(size), className),
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    className: "btn__text mr-4",
-    type: selectedItemsLabels ? 'tertiary' : 'secondary'
-  }, "".concat(buttonText).concat(selectedItemsLabels ? '  |' : '')), selectedItemsLabels ? /*#__PURE__*/React.createElement(Text, {
-    className: "btn__text ml-4 mr-4"
-  }, selectedItemsLabels) : null, isOpen ? /*#__PURE__*/React.createElement(IconChevronUp, {
-    size: "small"
-  }) : /*#__PURE__*/React.createElement(IconChevronDown, {
-    size: "small"
-  })));
-};
-
-export { Button };
+import{jsx as t,jsxs as p,Fragment as f}from"react/jsx-runtime";import u from"classnames";import{Text as r}from"../../../../Text/Text.js";import x from"../../../../SVGIcons/IconChevronUp.js";import h from"../../../../SVGIcons/IconChevronDown.js";const z=e=>{const{type:s,buttonText:n,size:a="large",className:o="",isOpen:l,disabled:m,dataId:c="",onClick:i,refHandler:d=null,selectedItemsLabels:b}=e;/* @__PURE__ */
+return t("button",{type:"button",ref:d,"data-id":c,disabled:m,className:u("btn",`btn--${s}`,`btn--${a}`,`btn--${a}`,o),onClick:i,children:/* @__PURE__ */p(f,{children:[
+/* @__PURE__ */t(r,{className:"btn__text mr-4",type:b?"tertiary":"secondary",children:`${n}${b?"  |":""}`}),b?/* @__PURE__ */t(r,{className:"btn__text ml-4 mr-4",children:b}):null,/* @__PURE__ */t(l?x:h,{size:"small"})]})})};export{z as Button};

package/components/Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js

@@ -1,132 +1,3 @@
-import React, { useRef, useMemo } from 'react';
-import classNames from 'classnames';
-import { Button } from './Button/Button.js';
-import '../../../../consts/index.js';
-import { noop } from '../../../../utils/helpers.js';
-import '../../../../hooks/useScreenSize.js';
-import '@babel/runtime/helpers/slicedToArray';
-import { useGetHasBottomSpace } from '../../../../hooks/useGetHasBottomSpace.js';
-import 'react-hook-form';
-import { useChangePositionsOnScroll } from '../../../../hooks/useChangePositionsOnScroll.js';
-import { MobileWrapper } from '../../MultiSelect/MobileWrapper.js';
-import { DesktopWrapper } from '../../MultiSelect/DesktopWrapper.js';
-import '../../../Text/Text.js';
-import 'dayjs';
-import '../../../SVGIcons/IconChevronUp.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../../SVGIcons/IconChevronDown.js';
-import '../../../../type/file-upload.js';
-import '../../../../hooks/useGetElemPositions.js';
-import '../../../../hooks/useGetElemSizes.js';
-import '../../../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-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 '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/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 ButtonSelectWrapper = function ButtonSelectWrapper(props) {
-  var offsets = props.offsets,
-    children = props.children,
-    size = props.size,
-    className = props.className,
-    dropdownWidth = props.dropdownWidth,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'left' : _props$align,
-    isOpen = props.isOpen,
-    setIsOpen = props.setIsOpen,
-    containerRef = props.containerRef,
-    setContainerRef = props.setContainerRef,
-    dropdownRef = props.dropdownRef,
-    setDropdownRef = props.setDropdownRef,
-    selectedValues = props.selectedValues,
-    placeHolder = props.placeHolder,
-    dataId = props.dataId,
-    disabled = props.disabled,
-    modalApplyButtonText = props.modalApplyButtonText,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'secondary' : _props$type,
-    applySelectedItems = props.applySelectedItems,
-    isMobile = props.isMobile;
-  var buttonRef = useRef(null);
-  var openDropdown = function openDropdown() {
-    return setIsOpen(true);
-  };
-  var _useGetHasBottomSpace = useGetHasBottomSpace({
-      element: dropdownRef,
-      input: buttonRef.current
-    }),
-    hasBottomSpace = _useGetHasBottomSpace.hasBottomSpace;
-  var selectedItemsLabels = useMemo(function () {
-    if (!selectedValues) return '';
-    if ((selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) === 0) return '';
-    if ((selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) === 1) return "".concat(selectedValues[0].label);
-    return " ".concat(selectedValues[0].label, " +").concat(selectedValues.length - 1);
-  }, [selectedValues]);
-  useChangePositionsOnScroll(buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current, dropdownRef, hasBottomSpace);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("select select--".concat(size), className),
-    ref: setContainerRef
-  }, /*#__PURE__*/React.createElement(Button, {
-    size: size,
-    type: type,
-    dataId: dataId,
-    isOpen: isOpen,
-    buttonText: placeHolder || '',
-    selectedItemsLabels: selectedItemsLabels,
-    onClick: disabled ? noop : openDropdown,
-    refHandler: buttonRef,
-    className: "select_button"
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, isMobile ? /*#__PURE__*/React.createElement(MobileWrapper, {
-    applySelectedItems: applySelectedItems,
-    isOpen: isOpen,
-    closeDrodown: function closeDrodown() {
-      return setIsOpen(false);
-    },
-    modalApplyButtonText: modalApplyButtonText
-  }, children) : /*#__PURE__*/React.createElement(DesktopWrapper, {
-    offsets: offsets,
-    setDropdownRef: setDropdownRef,
-    isOpen: isOpen,
-    align: align,
-    dropdownWidth: dropdownWidth,
-    inputRef: buttonRef.current,
-    dropdownRef: dropdownRef,
-    containerRef: containerRef
-  }, children)));
-};
-
-export { ButtonSelectWrapper };
+import{jsxs as N,jsx as o,Fragment as W}from"react/jsx-runtime";import{useRef as $,useMemo as C}from"react";import H from"classnames";import{Button as M}from"./Button/Button.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as O}from"../../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{noop as j}from"../../../../utils/helpers.js";import{useChangePositionsOnScroll as k}from"../../../../hooks/useChangePositionsOnScroll.js";import{MobileWrapper as T}from"../../MultiSelect/MobileWrapper.js";import{DesktopWrapper as v}from"../../MultiSelect/DesktopWrapper.js";const X=e=>{const{offsets:t,children:s,size:r,className:n,dropdownWidth:l,align:a="left",isOpen:p,setIsOpen:i,containerRef:c,setContainerRef:m,dropdownRef:d,setDropdownRef:u,selectedValues:f,placeHolder:h,dataId:S,disabled:g,modalApplyButtonText:b,type:x="secondary",applySelectedItems:B,isMobile:R}=e,y=$(null),{hasBottomSpace:w}=O({element:d,input:y.current}),I=C(()=>R?f&&f.length>0?f.length.toString():"":f&&0!==(null==f?void 0:f.length)?1===(null==f?void 0:f.length)?`${f[0].label}`:` ${f[0].label} +${f.length-1}`:"",[f]);return k(null==y?void 0:y.current,d,w),/* @__PURE__ */N("div",{className:H(`select select--${r}`,n),ref:m,children:[
+/* @__PURE__ */o(M,{size:r,type:x,dataId:S,isOpen:p,buttonText:h||"",selectedItemsLabels:I,onClick:g?j:()=>i(!0),refHandler:y,className:"select_button"}),
+/* @__PURE__ */o(W,{children:R?/* @__PURE__ */o(T,{applySelectedItems:B,isOpen:p,closeDrodown:()=>i(!1),modalApplyButtonText:b,children:s}):/* @__PURE__ */o(v,{offsets:t,setDropdownRef:u,isOpen:p,align:a,dropdownWidth:l,inputRef:y.current,dropdownRef:d,containerRef:c,children:s})})]})};export{X as ButtonSelectWrapper};

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

@@ -15,6 +15,7 @@ type TProps = {
     menuOptions?: TMenuItem[];
     dataIdPrefix?: string;
     closeDropdown?: () => void;
+    handleKeyDown?: (e: React.KeyboardEvent) => void;
 };
 export declare const ContentTop: React.NamedExoticComponent<TProps>;
 export {};