hrm_ui_lib 2.0.3 → 2.1.1

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

@@ -1,164 +1,52 @@
-import React, { useRef, useCallback, useMemo } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef } 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;
+import { Input } from '../../../Input';
+import { useGetElemSizes, useGetHasBottomSpace } from '../../../../hooks';
+import { getStringWidth, noop, setTranslationValue } from '../../../../utils/helpers';
+import { useChangePositionsOnScroll } from '../../../../hooks/useChangePositionsOnScroll';
+import { MobileWrapper } from '../../MultiSelect/MobileWrapper';
+import { DesktopWrapper } from '../../MultiSelect/DesktopWrapper';
+import { IconChevronUp } from '../../../SVGIcons/IconChevronUp';
+import { IconChevronDown } from '../../../SVGIcons/IconChevronDown';
+export const InputSelectWrapper = (props) => {
+    const { isMobile, children, options, label, placeHolder, isRequiredField, labelAddons, disabled, className = '', dropdownWidth, align = 'left', size, dropdownRef, setDropdownRef, containerRef, setIsOpen, isOpen, selectedValues, setContainerRef, overflowText, hasError, modalApplyButtonText, applySelectedItems } = props;
+    const inputRef = useRef(null);
+    const { width } = useGetElemSizes(containerRef);
+    const checkIsValueOverflowed = useCallback((value) => {
+        const elemWidth = getStringWidth(value, 14);
+        return elemWidth > width - 80; // padding and width of (+number)
+    }, [width]);
+    const toggleDropdown = (e) => {
+        const clickedElement = e === null || e === void 0 ? void 0 : e.target;
+        const 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);
+        }
+    };
+    const selectedItemsLabels = useMemo(() => {
+        if (!selectedValues || !selectedValues.length) {
+            return '';
+        }
+        const onlyLabels = selectedValues.map((selected) => selected.label);
+        const joinedLabel = onlyLabels.join(', ');
+        return checkIsValueOverflowed(joinedLabel)
+            ? setTranslationValue(overflowText || '', selectedValues.length)
+            : joinedLabel;
+    }, [options, selectedValues, checkIsValueOverflowed]);
+    const { hasBottomSpace } = useGetHasBottomSpace({
+        element: dropdownRef,
+        input: inputRef.current
     });
-    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)));
+    useChangePositionsOnScroll(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current, dropdownRef, hasBottomSpace);
+    return (_jsxs("div", { className: classNames('select select--multi', className), ref: setContainerRef, children: [_jsx("div", { onClick: disabled ? noop : toggleDropdown, children: _jsx(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' }) }), _jsx(_Fragment, { children: isMobile ? (_jsx(MobileWrapper, { applySelectedItems: applySelectedItems, isOpen: isOpen, closeDrodown: () => setIsOpen(false), modalApplyButtonText: modalApplyButtonText, children: children })) : (_jsx(DesktopWrapper, { setDropdownRef: setDropdownRef, isOpen: isOpen, align: align, dropdownWidth: dropdownWidth, inputRef: inputRef.current, dropdownRef: dropdownRef, containerRef: containerRef, children: children })) })] }));
 };
-
-export { InputSelectWrapper };

package/components/Select/SharedComponents/Loading.js

@@ -1,17 +1,6 @@
-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));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '../../Text';
+export const Loading = (props) => {
+    const { loadingText = 'Results loading ...' } = props;
+    return (_jsx("div", { style: { padding: 20 }, children: _jsx(Text, { children: loadingText }) }));
 };
-
-export { Loading };

package/components/Select/SharedComponents/index.js

@@ -1,92 +1,6 @@
-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';
+export * from './Footer';
+export * from './Actions';
+export * from './ContentTop';
+export * from './Loading';
+export * from './InputSelectWrapper/InputSelectWrapper';
+export * from './ButtonSelectWrapper/ButtonSelectWrapper';

package/components/Select/constants.js

@@ -1,9 +1,7 @@
-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 };
+export const SELECTED_VISIBLE_MIN_COUNT = 7;
+export const DROPDOWN_MAX_HEIGHT = 260;
+export const DROPDOWN_MAX_HEIGHT_PART = 106;
+export const ITEM_SIZE = 32;
+export const ITEM_SIZE_MOBILE = 56; // with margin
+export const DROPDOWN_HEIGHT = 300;
+export const DROPDOWN_WIDTH = 400;

package/components/Select/index.js

@@ -1,114 +1,6 @@
-export { Select } from './Select/Select.js';
-export { MultiSelect } from './MultiSelect/MultiSelect.js';
-export { NestedSelect } from './NestedSelect/NestedSelect.js';
-export { ButtonSelect } from './ButtonSelect/ButtonSelect.js';
-export { ProfileDropdown } from './ProfileDropdown/index.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import '../../hooks/useGetIsMobile.js';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import './Select/SelectDesktop/index.js';
-import 'classnames';
-import 'react-window';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../helperComponents/OptionItem/OptionItem.js';
-import '../Avatar/Avatar.js';
-import '../FileUpload/FileUpload.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../FileUpload/types.js';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.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 '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';
-import '../../hooks/useGetHasBottomSpace.js';
-import '../../hooks/useChangePositionsOnScroll.js';
-import '../Empty/Empty.js';
-import '../Image/Image.js';
-import 'react-dom';
-import '../Collapse/CollapseGroup/CollapseGroup.js';
-import '../Collapse/CollapseItem/CollapseItem.js';
-import '../SVGIcons/IconChevronRight.js';
-import '../Divider/Divider.js';
-import '../SVGIcons/IconChevronDown.js';
-import './SharedComponents/ContentTop.js';
-import '../Input/Input.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../SVGIcons/IconCheckmarkCircleFilled.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 './SharedComponents/Loading.js';
-import './constants.js';
-import './Select/helpers.js';
-import './Select/SelectMobile/index.js';
-import './Select/SelectMobile/MobileTopContent.js';
-import '../SVGIcons/IconChevronUp.js';
-import './localization.js';
-import './MultiSelect/OptionsWrapper.js';
-import './MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
-import '../SVGIcons/IconCaretUpFilled.js';
-import '../SVGIcons/IconCaretDownFilled.js';
-import './MultiSelect/MultiBase/MultiBase.js';
-import './MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js';
-import '../Tab/Tab.js';
-import '../Tab/TabItem.js';
-import '../Badge/Badge.js';
-import './SharedComponents/Footer.js';
-import './SharedComponents/InputSelectWrapper/InputSelectWrapper.js';
-import './MultiSelect/MobileWrapper.js';
-import './MultiSelect/DesktopWrapper.js';
-import './SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
-import './SharedComponents/ButtonSelectWrapper/Button/Button.js';
+export * from './Select/Select';
+export * from './MultiSelect/MultiSelect';
+// export * from './FilterSelect/FilterSelect'
+export * from './NestedSelect/NestedSelect';
+export * from './ButtonSelect/ButtonSelect';
+export * from './ProfileDropdown';

package/components/Select/localization.js

@@ -1,31 +1,29 @@
-var SELECT_TRANSLATIONS = {
-  en: {
-    emptyListMainMessage: "Sorry, we couldn't find any results",
-    clearAllLabel: 'Clear all',
-    selectAllLabel: 'Select all',
-    overflowText: '%s selected',
-    innerLabel: ' ',
-    confirmButtonText: 'Apply',
-    cancelButtonText: 'Cancel'
-  },
-  ru: {
-    emptyListMainMessage: 'К сожалению, результаты не найдены',
-    clearAllLabel: 'Очистить все',
-    selectAllLabel: 'Выбрать все',
-    overflowText: '%s Выбрано',
-    innerLabel: ' ',
-    confirmButtonText: 'Применить',
-    cancelButtonText: 'Отменить'
-  },
-  hy: {
-    emptyListMainMessage: 'Որևէ արդյունք չի գտնվել',
-    clearAllLabel: 'Մաքրել բոլորը',
-    selectAllLabel: 'Ընտրել բոլորը',
-    overflowText: '%s Ընտրված',
-    innerLabel: ' ',
-    confirmButtonText: 'Կիրառել',
-    cancelButtonText: 'Չեղարկել'
-  }
+export const SELECT_TRANSLATIONS = {
+    en: {
+        emptyListMainMessage: "Sorry, we couldn't find any results",
+        clearAllLabel: 'Clear all',
+        selectAllLabel: 'Select all',
+        overflowText: '%s selected',
+        innerLabel: ' ',
+        confirmButtonText: 'Apply',
+        cancelButtonText: 'Cancel'
+    },
+    ru: {
+        emptyListMainMessage: 'К сожалению, результаты не найдены',
+        clearAllLabel: 'Очистить все',
+        selectAllLabel: 'Выбрать все',
+        overflowText: '%s Выбрано',
+        innerLabel: ' ',
+        confirmButtonText: 'Применить',
+        cancelButtonText: 'Отменить'
+    },
+    hy: {
+        emptyListMainMessage: 'Որևէ արդյունք չի գտնվել',
+        clearAllLabel: 'Մաքրել բոլորը',
+        selectAllLabel: 'Ընտրել բոլորը',
+        overflowText: '%s Ընտրված',
+        innerLabel: ' ',
+        confirmButtonText: 'Կիրառել',
+        cancelButtonText: 'Չեղարկել'
+    }
 };
-
-export { SELECT_TRANSLATIONS };

package/components/Select/types.js

@@ -1 +1 @@
-
+export {};