hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/Select/SharedComponents/ContentTop.js

@@ -1,179 +1,3 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import React, { useRef, useMemo, useEffect } from 'react';
-import { Text } from '../../Text/Text.js';
-import { Input } from '../../Input/Input.js';
-import { Actions } from './Actions.js';
-import { IconDismissFilled } from '../../SVGIcons/IconDismissFilled.js';
-import { IconSearchFilled } from '../../SVGIcons/IconSearchFilled.js';
-import { IconSelectAllOff } from '../../SVGIcons/IconSelectAllOff.js';
-import { useIsMobile } from '../../../hooks/useGetIsMobile.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'classnames';
-import { IconChevronLeft } from '../../SVGIcons/IconChevronLeft.js';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 '@babel/runtime/helpers/slicedToArray';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../Alert-V_kH4Snn.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 '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 '@babel/runtime/helpers/typeof';
-import '../../SVGIcons/IconDelete.js';
-import '../../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../../Progress/Progress.js';
-import '../../SVGIcons/IconArrowDownloadFilled.js';
-import '../../../helpers/download-file.js';
-import '../../Button/consts.js';
-import '../../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../../Menu/Menu.js';
-import 'react-dom';
-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 '../../Collapse/CollapseGroup/CollapseGroup.js';
-import '../../Collapse/CollapseItem/CollapseItem.js';
-import '../../SVGIcons/IconChevronRight.js';
-import '../../Divider/Divider.js';
-import '../../SVGIcons/IconChevronDown.js';
-import '../../SVGIcons/IconMore.js';
-
-var ContentTop = /*#__PURE__*/React.memo(function (props) {
-  var clearAll = props.clearAll,
-    selectAll = props.selectAll,
-    helperText = props.helperText,
-    searchValue = props.searchValue,
-    translations = props.translations,
-    isAnySelected = props.isAnySelected,
-    setSearchValue = props.setSearchValue,
-    _props$isSearchAvaila = props.isSearchAvailable,
-    isSearchAvailable = _props$isSearchAvaila === void 0 ? false : _props$isSearchAvaila,
-    _props$hasLimitation = props.hasLimitation,
-    hasLimitation = _props$hasLimitation === void 0 ? false : _props$hasLimitation,
-    _props$isSelectAllDis = props.isSelectAllDisabled,
-    isSelectAllDisabled = _props$isSelectAllDis === void 0 ? false : _props$isSelectAllDis,
-    _props$menuOptions = props.menuOptions,
-    menuOptions = _props$menuOptions === void 0 ? [] : _props$menuOptions,
-    dataIdPrefix = props.dataIdPrefix,
-    closeDropdown = props.closeDropdown;
-  var inputRef = useRef(null);
-  var _ref = translations || {},
-    searchInputPlaceHolder = _ref.searchInputPlaceHolder,
-    innerLabel = _ref.innerLabel,
-    clearAllLabel = _ref.clearAllLabel,
-    selectAllLabel = _ref.selectAllLabel;
-  var selectActions = useMemo(function () {
-    var options = menuOptions;
-    if (selectAll && selectAllLabel && !hasLimitation) {
-      options = [{
-        label: selectAllLabel,
-        value: 1,
-        handler: selectAll,
-        disabled: isSelectAllDisabled,
-        iconProps: {
-          Component: IconSelectAllOff
-        },
-        dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-select-all") : ''
-      }];
-    }
-    if (clearAll && clearAllLabel) {
-      options = [].concat(_toConsumableArray(options), [{
-        label: clearAllLabel,
-        value: 2,
-        handler: clearAll,
-        disabled: !isAnySelected,
-        iconProps: {
-          Component: IconDismissFilled
-        },
-        dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-clear-all") : ''
-      }]);
-    }
-    return options;
-  }, [menuOptions, selectAllLabel, selectAll, clearAll, clearAllLabel, isSelectAllDisabled, isAnySelected, dataIdPrefix]);
-  var onSearch = function onSearch(e) {
-    setSearchValue && setSearchValue(e.target.value);
-  };
-  var isMobile = useIsMobile();
-  var removeFilter = function removeFilter() {
-    return setSearchValue && setSearchValue('');
-  };
-  useEffect(function () {
-    if (inputRef && inputRef.current && !isMobile) {
-      inputRef.current.focus();
-    }
-  }, [inputRef, isMobile]);
-  var onBack = function onBack() {
-    closeDropdown && closeDropdown();
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "content-top"
-  }, helperText && !isMobile ? /*#__PURE__*/React.createElement(Text, {
-    size: "xsmall",
-    type: "secondary",
-    className: "content-top__label"
-  }, helperText) : null, /*#__PURE__*/React.createElement("div", {
-    className: "flexbox search-container"
-  }, isMobile && /*#__PURE__*/React.createElement(IconChevronLeft, {
-    onClick: onBack,
-    size: "large"
-  }), isSearchAvailable && /*#__PURE__*/React.createElement(Input, {
-    ref: inputRef,
-    className: "content-top__search",
-    size: "small",
-    placeholder: searchInputPlaceHolder,
-    handleChange: onSearch,
-    currentValue: searchValue,
-    rightIconProps: {
-      Component: searchValue ? IconDismissFilled : IconSearchFilled,
-      size: searchValue ? 'xsmall' : 'small',
-      onClick: removeFilter
-    }
-  })), /*#__PURE__*/React.createElement(Actions, {
-    selectActions: selectActions,
-    innerLabel: innerLabel
-  }));
-});
-ContentTop.displayName = 'ContentTop';
-
-export { ContentTop };
+import{jsxs as b,jsx as a}from"react/jsx-runtime";import g,{useRef as k,useMemo as z,useEffect as T}from"react";import{Text as _}from"../../Text/Text.js";import{Input as w}from"../../Input/Input.js";import{Actions as F}from"./Actions.js";import I from"../../SVGIcons/IconDismissFilled.js";import M from"../../SVGIcons/IconSearchFilled.js";import R from"../../SVGIcons/IconSelectAllOff.js";import{useIsMobile as V}from"../../../hooks/useGetIsMobile.js";import j from"../../SVGIcons/IconChevronLeft.js";import{noop as B}from"../../../utils/helpers.js";const K=g.memo(e=>{const{clearAll:l,selectAll:s,helperText:o,searchValue:t,translations:n,isAnySelected:r,setSearchValue:c,isSearchAvailable:i=!1,hasLimitation:m=!1,isSelectAllDisabled:p=!1,menuOptions:d=[],dataIdPrefix:u,closeDropdown:h,handleKeyDown:f}=e,x=k(null),{searchInputPlaceHolder:A,innerLabel:S,clearAllLabel:C,selectAllLabel:v}=n||{},g=z(()=>{let e=d;return s&&v&&!m&&(e=[{label:v,value:1,handler:s,disabled:p,iconProps:{Component:R},dataId:u?`${u}-select-all`:""}]),l&&C&&(e=[...e,{label:C,value:2,handler:l,disabled:!r,iconProps:{Component:I},dataId:u?`${u}-clear-all`:""}]),e},[d,v,s,l,C,p,r,u]),y=V();return T(()=>{x&&x.current&&!y&&x.current.focus()},[x,y]),/* @__PURE__ */b("div",{className:"content-top",children:[o&&!y?/* @__PURE__ */a(_,{size:"xsmall",type:"secondary",className:"content-top__label",children:o}):null,
+/* @__PURE__ */b("div",{className:"flexbox search-container",children:[y&&/* @__PURE__ */a(j,{onClick:()=>{h&&h()},size:"large"}),i&&/* @__PURE__ */a(w,{onKeyDown:f||B,ref:x,className:"content-top__search",size:"small",placeholder:A,handleChange:e=>{c&&c(e.target.value)},currentValue:t,rightIconProps:{Component:t?I:M,size:t?"xsmall":"small",onClick:()=>c&&c("")}})]}),
+/* @__PURE__ */a(F,{selectActions:g,innerLabel:S})]})});K.displayName="ContentTop";export{K as ContentTop};

package/components/Select/SharedComponents/Footer.js

@@ -1,99 +1,6 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React from 'react';
-import { C as Checkbox, B as Button } from '../../../Alert-V_kH4Snn.js';
-import { SELECT_TRANSLATIONS } from '../localization.js';
-import '../../Alert/consts.js';
-import 'classnames';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../FileUpload/types.js';
-import '../../../helpers/format-date.js';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useHideBodyScroll.js';
-import '../../SVGIcons/IconDismiss.js';
-import '../../Tooltip/types.js';
-import '../../Tooltip/Tooltip.js';
-import '../../../hooks/useGetTooltipStyles.js';
-import '../../../hooks/useGetElemSizes.js';
-import '../../../hooks/useGetElemPositions.js';
-import '../../../hooks/useGetTooltipPosition.js';
-import '../../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../../SVGIcons/IconDismissFilled.js';
-import '../../SVGIcons/IconDelete.js';
-import '../../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../../Progress/Progress.js';
-import '../../SVGIcons/IconArrowDownloadFilled.js';
-import '../../../helpers/download-file.js';
-import '../../Button/consts.js';
-
-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 Footer = function Footer(props) {
-  var language = props.language,
-    buttonProps = props.buttonProps,
-    onApply = props.onApply,
-    onCancel = props.onCancel,
-    _props$hasChange = props.hasChange,
-    hasChange = _props$hasChange === void 0 ? true : _props$hasChange,
-    checkboxInfo = props.checkboxInfo;
-  var _React$useState = React.useState((checkboxInfo === null || checkboxInfo === void 0 ? void 0 : checkboxInfo.isChecked) || false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isSelected = _React$useState2[0],
-    setIsSelected = _React$useState2[1];
-  var confirmButtonProps = _objectSpread({
-    buttonText: SELECT_TRANSLATIONS[language].confirmButtonText
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.confirm) || {});
-  var cancelButtonProps = _objectSpread({
-    buttonText: SELECT_TRANSLATIONS[language].cancelButtonText
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.cancel) || {});
-  return /*#__PURE__*/React.createElement("div", {
-    className: "select__footer"
-  }, /*#__PURE__*/React.createElement("div", null, checkboxInfo ? /*#__PURE__*/React.createElement(Checkbox, {
-    label: checkboxInfo.label,
-    selectedValue: isSelected,
-    onClick: setIsSelected
-  }) : null), /*#__PURE__*/React.createElement("div", {
-    className: 'select__footer__right flexbox'
-  }, /*#__PURE__*/React.createElement(Button, _extends({}, cancelButtonProps, {
-    type: "tertiary",
-    size: "medium",
-    className: "mr-12",
-    onClick: onCancel
-  })), /*#__PURE__*/React.createElement(Button, _extends({
-    disabled: !hasChange && isSelected === !!(checkboxInfo !== null && checkboxInfo !== void 0 && checkboxInfo.isChecked)
-  }, confirmButtonProps, {
-    type: "primary",
-    size: "medium",
-    onClick: function onClick() {
-      return onApply(isSelected);
-    }
-  }))));
-};
-
-export { Footer };
+import{jsxs as r,jsx as l}from"react/jsx-runtime";import C from"react";import{Button as c}from"../../Button/Button.js";import{Checkbox as x}from"../../Checkbox/Checkbox.js";import{SELECT_TRANSLATIONS as s}from"../localization.js";const B=e=>{const{language:o,buttonProps:t,onApply:n,onCancel:i,hasChange:a=!0,checkboxInfo:m}=e,[u,d]=C.useState((null==m?void 0:m.isChecked)||!1),h={buttonText:s[o].confirmButtonText,...(null==t?void 0:t.confirm)||{}},p={buttonText:s[o].cancelButtonText,...(null==t?void 0:t.cancel)||{}};/* @__PURE__ */
+return r("div",{className:"select__footer",children:[
+/* @__PURE__ */l("div",{children:m?/* @__PURE__ */l(x,{label:m.label,selectedValue:u,onClick:d}):null}),
+/* @__PURE__ */r("div",{className:"select__footer__right flexbox",children:[
+/* @__PURE__ */l(c,{...p,type:"tertiary",size:"medium",className:"mr-12",onClick:i}),
+/* @__PURE__ */l(c,{disabled:!a&&u===!(null==m||!m.isChecked),...h,type:"primary",size:"medium",onClick:()=>n(u)})]})]})};export{B as Footer};

package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js

@@ -1,164 +1,3 @@
-import React, { useRef, useCallback, useMemo } from 'react';
-import classNames from 'classnames';
-import { Input } from '../../../Input/Input.js';
-import { useGetElemSizes } from '../../../../hooks/useGetElemSizes.js';
-import '../../../../consts/index.js';
-import { getStringWidth, setTranslationValue, 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 { IconChevronUp } from '../../../SVGIcons/IconChevronUp.js';
-import { IconChevronDown } from '../../../SVGIcons/IconChevronDown.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../../../helperComponents/Label/Label.js';
-import '../../../Text/Text.js';
-import 'dayjs';
-import '../../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../../Alert-V_kH4Snn.js';
-import '../../../Alert/consts.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 '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/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 '@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 '../../../SVGIcons/IconCheckmarkCircleFilled.js';
-
-var InputSelectWrapper = function InputSelectWrapper(props) {
-  var isMobile = props.isMobile,
-    children = props.children,
-    options = props.options,
-    label = props.label,
-    placeHolder = props.placeHolder,
-    isRequiredField = props.isRequiredField,
-    labelAddons = props.labelAddons,
-    disabled = props.disabled,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    dropdownWidth = props.dropdownWidth,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'left' : _props$align,
-    size = props.size,
-    dropdownRef = props.dropdownRef,
-    setDropdownRef = props.setDropdownRef,
-    containerRef = props.containerRef,
-    setIsOpen = props.setIsOpen,
-    isOpen = props.isOpen,
-    selectedValues = props.selectedValues,
-    setContainerRef = props.setContainerRef,
-    overflowText = props.overflowText,
-    hasError = props.hasError,
-    modalApplyButtonText = props.modalApplyButtonText,
-    applySelectedItems = props.applySelectedItems;
-  var inputRef = useRef(null);
-  var _useGetElemSizes = useGetElemSizes(containerRef),
-    width = _useGetElemSizes.width;
-  var checkIsValueOverflowed = useCallback(function (value) {
-    var elemWidth = getStringWidth(value, 14);
-    return elemWidth > width - 80; // padding and width of (+number)
-  }, [width]);
-  var toggleDropdown = function toggleDropdown(e) {
-    var clickedElement = e === null || e === void 0 ? void 0 : e.target;
-    var className = clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.getAttribute('class');
-    if (e && className && (className.indexOf('icon-') !== -1 || className.indexOf('svg-icon') !== -1)) {
-      setIsOpen(!isOpen);
-      e.preventDefault();
-    } else {
-      setIsOpen(true);
-    }
-  };
-  var selectedItemsLabels = useMemo(function () {
-    if (!selectedValues || !selectedValues.length) {
-      return '';
-    }
-    var onlyLabels = selectedValues.map(function (selected) {
-      return selected.label;
-    });
-    var joinedLabel = onlyLabels.join(', ');
-    return checkIsValueOverflowed(joinedLabel) ? setTranslationValue(overflowText || '', selectedValues.length) : joinedLabel;
-  }, [options, selectedValues, checkIsValueOverflowed]);
-  var _useGetHasBottomSpace = useGetHasBottomSpace({
-      element: dropdownRef,
-      input: inputRef.current
-    }),
-    hasBottomSpace = _useGetHasBottomSpace.hasBottomSpace;
-  useChangePositionsOnScroll(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current, dropdownRef, hasBottomSpace);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('select select--multi', className),
-    ref: setContainerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: disabled ? noop : toggleDropdown
-  }, /*#__PURE__*/React.createElement(Input, {
-    readonly: true,
-    label: label,
-    ref: inputRef,
-    hasError: hasError,
-    className: "select__input",
-    placeholder: placeHolder,
-    required: isRequiredField,
-    currentValue: selectedItemsLabels,
-    rightIconProps: {
-      Component: isOpen ? IconChevronUp : IconChevronDown,
-      size: 'small'
-    },
-    labelAddons: labelAddons,
-    disabled: disabled,
-    size: size === 'large' ? 'large' : 'small'
-  })), /*#__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, {
-    setDropdownRef: setDropdownRef,
-    isOpen: isOpen,
-    align: align,
-    dropdownWidth: dropdownWidth,
-    inputRef: inputRef.current,
-    dropdownRef: dropdownRef,
-    containerRef: containerRef
-  }, children)));
-};
-
-export { InputSelectWrapper };
+import{jsxs as A,jsx as n,Fragment as B}from"react/jsx-runtime";import{useRef as M,useCallback as T,useMemo as q}from"react";import F from"classnames";import{Input as G}from"../../../Input/Input.js";import{useGetElemSizes as H}from"../../../../hooks/useGetElemSizes.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as P}from"../../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{getStringWidth as _,setTranslationValue as E,noop as U}from"../../../../utils/helpers.js";import{useChangePositionsOnScroll as J}from"../../../../hooks/useChangePositionsOnScroll.js";import{MobileWrapper as K}from"../../MultiSelect/MobileWrapper.js";import{DesktopWrapper as Q}from"../../MultiSelect/DesktopWrapper.js";import X from"../../../SVGIcons/IconChevronUp.js";import Y from"../../../SVGIcons/IconChevronDown.js";const fe=e=>{const{isMobile:o,children:s,options:t,label:r,placeHolder:l,isRequiredField:i,labelAddons:a,disabled:p,className:c="",dropdownWidth:m,align:d="left",size:u="small",dropdownRef:f,setDropdownRef:h,containerRef:S,setIsOpen:j,isOpen:g,selectedValues:b,setContainerRef:I,overflowText:x,hasError:v,modalApplyButtonText:w,applySelectedItems:R,hideSelectedOptions:k=!1}=e,O=M(null),{width:C}=H(S),W=T(e=>_(e,14)>C-80,[C]),D=q(()=>{if(!b||!b.length)return"";const e=b.map(e=>e.label).join(", ");return W(e)?E(x||"",b.length):e},[t,b,W]),{hasBottomSpace:y}=P({element:f,input:O.current});return J(null==O?void 0:O.current,f,y),/* @__PURE__ */A("div",{className:F("select select--multi",c),ref:I,children:[
+/* @__PURE__ */n("div",{onClick:p?U:e=>{const o=null==e?void 0:e.target,s=null==o?void 0:o.getAttribute("class");e&&s&&(-1!==s.indexOf("icon-")||-1!==s.indexOf("svg-icon"))?(j(!g),e.preventDefault()):j(!0)},children:/* @__PURE__ */n(G,{readonly:!0,label:r,ref:O,hasError:v,className:"select__input",placeholder:l,required:i,currentValue:k?"":D,rightIconProps:{Component:g?X:Y,size:"small"},labelAddons:a,disabled:p,size:u})}),
+/* @__PURE__ */n(B,{children:o?/* @__PURE__ */n(K,{applySelectedItems:R,isOpen:g,closeDrodown:()=>j(!1),modalApplyButtonText:w,children:s}):/* @__PURE__ */n(Q,{setDropdownRef:h,isOpen:g,align:d,dropdownWidth:m,inputRef:O.current,dropdownRef:f,containerRef:S,children:s})})]})};export{fe as InputSelectWrapper};

package/components/Select/SharedComponents/Loading.js

@@ -1,17 +1,2 @@
-import React from 'react';
-import { Text } from '../../Text/Text.js';
-import 'classnames';
-import '../../../utils/helpers.js';
-import 'dayjs';
-
-var Loading = function Loading(props) {
-  var _props$loadingText = props.loadingText,
-    loadingText = _props$loadingText === void 0 ? 'Results loading ...' : _props$loadingText;
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: 20
-    }
-  }, /*#__PURE__*/React.createElement(Text, null, loadingText));
-};
-
-export { Loading };
+import{jsx as o}from"react/jsx-runtime";import{Text as n}from"../../Text/Text.js";const e=e=>{const{loadingText:t="Results loading ..."}=e;/* @__PURE__ */
+return o("div",{style:{padding:20},children:/* @__PURE__ */o(n,{children:t})})};export{e as Loading};

package/components/Select/SharedComponents/index.js

@@ -1,92 +1 @@
-export { Footer } from './Footer.js';
-export { Actions } from './Actions.js';
-export { ContentTop } from './ContentTop.js';
-export { Loading } from './Loading.js';
-export { InputSelectWrapper } from './InputSelectWrapper/InputSelectWrapper.js';
-export { ButtonSelectWrapper } from './ButtonSelectWrapper/ButtonSelectWrapper.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import '../../../Alert-V_kH4Snn.js';
-import '../../Alert/consts.js';
-import 'classnames';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../FileUpload/types.js';
-import '../../../helpers/format-date.js';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useHideBodyScroll.js';
-import '../../SVGIcons/IconDismiss.js';
-import '../../Tooltip/types.js';
-import '../../Tooltip/Tooltip.js';
-import '../../../hooks/useGetTooltipStyles.js';
-import '../../../hooks/useGetElemSizes.js';
-import '../../../hooks/useGetElemPositions.js';
-import '../../../hooks/useGetTooltipPosition.js';
-import '../../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../../SVGIcons/IconDismissFilled.js';
-import '../../SVGIcons/IconDelete.js';
-import '../../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../../Progress/Progress.js';
-import '../../SVGIcons/IconArrowDownloadFilled.js';
-import '../../../helpers/download-file.js';
-import '../../Button/consts.js';
-import '../localization.js';
-import '../../Menu/Menu.js';
-import 'react-dom';
-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/CollapseGroup/CollapseGroup.js';
-import '../../Collapse/CollapseItem/CollapseItem.js';
-import '../../SVGIcons/IconChevronRight.js';
-import '../../Divider/Divider.js';
-import '../../SVGIcons/IconChevronDown.js';
-import '../../SVGIcons/IconMore.js';
-import '../../Input/Input.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../../SVGIcons/IconSearchFilled.js';
-import '../../SVGIcons/IconSelectAllOff.js';
-import '../../SVGIcons/IconChevronLeft.js';
-import '../../../hooks/useGetHasBottomSpace.js';
-import '../../../hooks/useChangePositionsOnScroll.js';
-import '../MultiSelect/MobileWrapper.js';
-import '../MultiSelect/DesktopWrapper.js';
-import '../../SVGIcons/IconChevronUp.js';
-import './ButtonSelectWrapper/Button/Button.js';
+import{Footer as t}from"./Footer.js";import{Actions as p}from"./Actions.js";import{ContentTop as m}from"./ContentTop.js";import{Loading as x}from"./Loading.js";import{InputSelectWrapper as c}from"./InputSelectWrapper/InputSelectWrapper.js";import{ButtonSelectWrapper as l}from"./ButtonSelectWrapper/ButtonSelectWrapper.js";export{p as Actions,l as ButtonSelectWrapper,m as ContentTop,t as Footer,c as InputSelectWrapper,x as Loading};

package/components/Select/constants.js

@@ -1,9 +1 @@
-var SELECTED_VISIBLE_MIN_COUNT = 7;
-var DROPDOWN_MAX_HEIGHT = 260;
-var DROPDOWN_MAX_HEIGHT_PART = 106;
-var ITEM_SIZE = 32;
-var ITEM_SIZE_MOBILE = 56; // with margin
-var DROPDOWN_HEIGHT = 300;
-var DROPDOWN_WIDTH = 400;
-
-export { DROPDOWN_HEIGHT, DROPDOWN_MAX_HEIGHT, DROPDOWN_MAX_HEIGHT_PART, DROPDOWN_WIDTH, ITEM_SIZE, ITEM_SIZE_MOBILE, SELECTED_VISIBLE_MIN_COUNT };
+const _=7,E=260,I=106,D=32,O=56,T=300,o=400;export{T as DROPDOWN_HEIGHT,E as DROPDOWN_MAX_HEIGHT,I as DROPDOWN_MAX_HEIGHT_PART,o as DROPDOWN_WIDTH,D as ITEM_SIZE,O as ITEM_SIZE_MOBILE,_ as SELECTED_VISIBLE_MIN_COUNT};