hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/Select/ButtonSelect/ButtonSelect.js

@@ -1,198 +1,3 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useRef, useId } from 'react';
-import classNames from 'classnames';
-import { noop } from '../../../utils/helpers.js';
-import { OptionItem } from '../../../helperComponents/OptionItem/OptionItem.js';
-import 'react-syntax-highlighter';
-import { useGetElemSizes } from '../../../hooks/useGetElemSizes.js';
-import '../../../consts/index.js';
-import { useOnOutsideClick } from '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../../Alert-V_kH4Snn.js';
-import 'react-dom';
-import 'framer-motion';
-import '../../Collapse/CollapseGroup/CollapseGroup.js';
-import '../SharedComponents/ContentTop.js';
-import { Loading } from '../SharedComponents/Loading.js';
-import '../../Input/Input.js';
-import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
-import { ButtonSelectWrapper } from '../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
-import 'dayjs';
-import '../../Avatar/Avatar.js';
-import '../../FileUpload/FileUpload.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../FileUpload/types.js';
-import '../../../helperComponents/Label/Label.js';
-import '../../Text/Text.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 '../../../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/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';
-import '../SharedComponents/ButtonSelectWrapper/Button/Button.js';
-import '../../SVGIcons/IconChevronUp.js';
-import '../../../hooks/useGetHasBottomSpace.js';
-import '../../../hooks/useChangePositionsOnScroll.js';
-import '../MultiSelect/MobileWrapper.js';
-import '../MultiSelect/DesktopWrapper.js';
-
-var ButtonSelect = function ButtonSelect(props) {
-  var size = props.size,
-    className = props.className,
-    isLoading = props.isLoading,
-    options = props.options,
-    name = props.name,
-    setSelectedItem = props.setSelectedItem,
-    setFieldValue = props.setFieldValue,
-    isRequiredField = props.isRequiredField,
-    selectedItem = props.selectedItem,
-    labelLeftIconProps = props.labelLeftIconProps,
-    tooltipAddons = props.tooltipAddons,
-    dropdownWidth = props.dropdownWidth,
-    labelRightIconComponent = props.labelRightIconComponent,
-    optionRightIconComponent = props.optionRightIconComponent,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'left' : _props$align,
-    value = props.value,
-    placeHolder = props.placeHolder,
-    offsets = props.offsets,
-    dataId = props.dataId,
-    type = props.type,
-    _props$isMobileFullSc = props.isMobileFullScreen,
-    isMobileFullScreen = _props$isMobileFullSc === void 0 ? false : _props$isMobileFullSc;
-  var currentSelection = value || selectedItem;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    containerRef = _useState4[0],
-    setContainerRef = _useState4[1];
-  var scrollRef = useRef(null);
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    dropdownRef = _useState6[0],
-    setDropdownRef = _useState6[1];
-  var _useGetElemSizes = useGetElemSizes(scrollRef.current),
-    scrollHeight = _useGetElemSizes.scrollHeight;
-  var closeDropdown = function closeDropdown() {
-    return setIsOpen(false);
-  };
-  useOnOutsideClick(containerRef, closeDropdown, isOpen, useId());
-  var onItemDeselect = function onItemDeselect() {
-    return onItemSelect(null);
-  };
-  var isMobile = useIsMobile();
-  var onItemSelect = function onItemSelect(value) {
-    if (setSelectedItem) {
-      setSelectedItem(value);
-    }
-    if (name && setFieldValue) {
-      setFieldValue(name, value);
-    }
-    closeDropdown();
-  };
-  var clickHandler = function clickHandler(isSelected) {
-    return function (_ref) {
-      var value = _ref.value;
-      if (!isSelected) {
-        onItemSelect(value);
-        return;
-      }
-      if (!isRequiredField) {
-        onItemDeselect();
-      }
-    };
-  };
-  return /*#__PURE__*/React.createElement(ButtonSelectWrapper, {
-    applySelectedItems: noop,
-    size: size,
-    className: className,
-    dropdownWidth: dropdownWidth,
-    align: align,
-    offsets: offsets,
-    isOpen: isOpen,
-    setIsOpen: setIsOpen,
-    containerRef: containerRef,
-    setContainerRef: setContainerRef,
-    dropdownRef: dropdownRef,
-    setDropdownRef: setDropdownRef,
-    placeHolder: placeHolder,
-    dataId: dataId,
-    type: type,
-    isMobile: isMobile && isMobileFullScreen
-  }, isLoading ? /*#__PURE__*/React.createElement(Loading, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: scrollRef,
-    className: classNames('select__options__scroll', 'scrollbar', 'scrollbar--vertical', {
-      'mr-6': scrollHeight > 300
-    })
-  }, options.map(function (item) {
-    var isSelected = item.value === currentSelection;
-    return /*#__PURE__*/React.createElement(OptionItem, {
-      tooltipAddons: tooltipAddons,
-      data: item,
-      key: item.value,
-      onClick: clickHandler(isSelected),
-      labelLeftIconProps: labelLeftIconProps,
-      OptionRightIconComponent: optionRightIconComponent,
-      LabelRightIconComponent: labelRightIconComponent,
-      disabled: item.disabled,
-      isSelected: isSelected
-    });
-  }))));
-};
-
-export { ButtonSelect };
+import{jsx as o,Fragment as A}from"react/jsx-runtime";import{useState as n,useRef as E,useId as G}from"react";import P from"classnames";import{OptionItem as V}from"../../../helperComponents/OptionItem/OptionItem.js";import{useGetElemSizes as J}from"../../../hooks/useGetElemSizes.js";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as K}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"../../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import{noop as Q}from"../../../utils/helpers.js";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{Loading as T}from"../SharedComponents/Loading.js";import"../../Input/Input.js";import{useIsMobile as U}from"../../../hooks/useGetIsMobile.js";import{ButtonSelectWrapper as X}from"../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js";const Re=e=>{const{size:t,className:s,isLoading:r,options:l,name:i,setSelectedItem:p,setFieldValue:a,isRequiredField:m,selectedItem:c,labelLeftIconProps:d,tooltipAddons:u,dropdownWidth:f,labelRightIconComponent:h,optionRightIconComponent:I,align:C="left",value:j,placeHolder:S,offsets:b,dataId:R,type:g,isMobileFullScreen:k=!1}=e,O=j||c,[x,v]=n(!1),[L,z]=n(null),W=E(null),[w,y]=n(null),{scrollHeight:B}=J(W.current),F=()=>v(!1);K(L,F,x,G());const M=U(),_=e=>{p&&p(e),i&&a&&a(i,e),F()},H=e=>({value:o})=>{e?m||_(null):_(o)};/* @__PURE__ */
+return o(X,{applySelectedItems:Q,size:t,className:s,dropdownWidth:f,align:C,offsets:b,isOpen:x,setIsOpen:v,containerRef:L,setContainerRef:z,dropdownRef:w,setDropdownRef:y,placeHolder:S,dataId:R,type:g,isMobile:M&&k,children:r?/* @__PURE__ */o(T,{}):/* @__PURE__ */o(A,{children:/* @__PURE__ */o("div",{ref:W,className:P("select__options__scroll","scrollbar","scrollbar--vertical",{"mr-6":B>300}),children:l.map(e=>{const t=e.value===O;/* @__PURE__ */
+return o(V,{tooltipAddons:u,data:e,onClick:H(t),labelLeftIconProps:d,OptionRightIconComponent:I,LabelRightIconComponent:h,disabled:e.disabled,isSelected:t},e.value)})})})})};export{Re as ButtonSelect};

package/components/Select/FilterSelect/FilterDropdown.js

@@ -1,96 +1,3 @@
-import React, { useMemo } from 'react';
-import 'classnames';
-import 'dayjs';
-import { OptionItem } from '../../../helperComponents/OptionItem/OptionItem.js';
-import 'react-syntax-highlighter';
-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-V_kH4Snn.js';
-import '../../Alert/consts.js';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 '../../../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 '../../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';
-
-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,83 +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-V_kH4Snn.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 '../../../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';
-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,202 +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-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import 'framer-motion';
-import '../../Collapse/CollapseGroup/CollapseGroup.js';
-import '../SharedComponents/ContentTop.js';
-import { Loading } from '../SharedComponents/Loading.js';
-import { Input } from '../../Input/Input.js';
-import { IconSearchFilled } from '../../SVGIcons/IconSearchFilled.js';
-import { IconDismissFilled } from '../../SVGIcons/IconDismissFilled.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 '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.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 '../../../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 '@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"../../../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{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 Se=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,S]=c(null),[F,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!==F.find(o=>o.value===e),_=h(()=>{x(F),d()},[F]),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:S,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{Se as FilterSelect};