hrm_ui_lib 2.1.0 → 2.2.0

package/components/Select/Select/SelectMobile/MobileTopContent.js

@@ -1,91 +1,18 @@
-import React from 'react';
-import { IconChevronLeft } from '../../../SVGIcons/IconChevronLeft.js';
-import { Input } from '../../../Input/Input.js';
-import { IconDismissFilled } from '../../../SVGIcons/IconDismissFilled.js';
-import { IconSearchFilled } from '../../../SVGIcons/IconSearchFilled.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'classnames';
-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 '../../../../utils/helpers.js';
-import 'dayjs';
-import '../../../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../../../consts/index.js';
-import '../../../../type/file-upload.js';
-import '../../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../../../Alert-BslI0aA0.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 '../../../../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 '@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';
-
-var MobileTopContent = function MobileTopContent(_ref) {
-  var onBack = _ref.onBack,
-    setSearchValue = _ref.setSearchValue,
-    searchValue = _ref.searchValue,
-    withSearch = _ref.withSearch;
-  var onSearch = function onSearch(e) {
-    setSearchValue(e.target.value);
-  };
-  var removeFilter = function removeFilter() {
-    setSearchValue('');
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flexbox mobile_top_content"
-  }, /*#__PURE__*/React.createElement(IconChevronLeft, {
-    onClick: onBack,
-    size: "large"
-  }), withSearch && /*#__PURE__*/React.createElement(Input, {
-    currentValue: searchValue,
-    handleChange: onSearch,
-    className: "ml-8",
-    size: "small",
-    rightIconProps: {
-      Component: searchValue ? IconDismissFilled : IconSearchFilled,
-      size: searchValue ? 'xsmall' : 'small',
-      onClick: removeFilter
-    }
-  }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconChevronLeft } from '../../../SVGIcons/IconChevronLeft';
+import { Input } from '../../../Input';
+import IconDismissFilled from '../../../SVGIcons/IconDismissFilled';
+import IconSearchFilled from '../../../SVGIcons/IconSearchFilled';
+export const MobileTopContent = ({ onBack, setSearchValue, searchValue, withSearch }) => {
+    const onSearch = (e) => {
+        setSearchValue(e.target.value);
+    };
+    const removeFilter = () => {
+        setSearchValue('');
+    };
+    return (_jsxs("div", { className: "flexbox mobile_top_content", children: [_jsx(IconChevronLeft, { onClick: onBack, size: "large" }), withSearch && (_jsx(Input, { currentValue: searchValue, handleChange: onSearch, className: "ml-8", size: "small", rightIconProps: {
+                    Component: searchValue ? IconDismissFilled : IconSearchFilled,
+                    size: searchValue ? 'xsmall' : 'small',
+                    onClick: removeFilter
+                } }))] }));
 };
-
-export { MobileTopContent };

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

@@ -1,196 +1,51 @@
-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-BslI0aA0.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();
-      }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { OptionItem } from '../../../../helperComponents';
+import { Empty } from '../../../Empty';
+import { Modal } from '../../../Modal';
+import { Text } from '../../../Text';
+import { ITEM_SIZE_MOBILE } from '../../constants';
+import { Loading } from '../../SharedComponents';
+import { filterOptions } from '../helpers';
+import { MobileTopContent } from './MobileTopContent';
+import { FixedSizeList as List } from 'react-window';
+export const SelectMobile = (props) => {
+    const { translations, currentSelection, isOpen, closeDropdown, isLoading, dataId, innerHelperText, options, isRequiredField, onItemSelect, onItemDeselect, tooltipAddons, labelLeftIconProps, optionRightIconComponent, labelRightIconComponent, setSelectedOption, withSearch } = props;
+    const [searchValue, setSearchValue] = useState('');
+    const filteredData = useMemo(() => {
+        return filterOptions(options, searchValue);
+    }, [searchValue, options]);
+    const setCurrentSelectedLabel = useCallback(() => {
+        const selectedItem = options.find((item) => item.value === currentSelection);
+        setSelectedOption(selectedItem);
+    }, [currentSelection, options]);
+    useEffect(() => {
+        setCurrentSelectedLabel();
+    }, [setCurrentSelectedLabel]);
+    const clickHandler = (isSelected) => ({ 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)));
+    const closeModal = () => {
+        closeDropdown();
+        setSearchValue('');
+    };
+    const windowHeight = window.innerHeight;
+    const windowWidth = window.innerWidth;
+    return (_jsxs(Modal, { isOpen: isOpen, onClose: closeDropdown, isMobileFullScreen: true, children: [_jsx(MobileTopContent, { searchValue: searchValue, setSearchValue: setSearchValue, onBack: closeModal, withSearch: withSearch }), _jsxs("div", { className: "mobile_options_content", children: [innerHelperText ? (_jsx(Text, { size: "xsmall", type: "secondary", className: "mobile_options_content__label", children: innerHelperText })) : null, isLoading ? (_jsx(Loading, {})) : (_jsxs("div", { "data-id": `${dataId}-options-content`, children: [filteredData.length > 0 && (_jsx(List, { height: windowHeight - 30 - 32 - 24, itemCount: filteredData.length, itemSize: ITEM_SIZE_MOBILE, width: windowWidth, style: {
+                                    width: '100%',
+                                    overflowX: 'hidden',
+                                    overflowY: 'auto',
+                                    willChange: 'auto'
+                                }, children: ({ index, style }) => {
+                                    const item = filteredData[index];
+                                    const isSelected = item.value === currentSelection;
+                                    return (_jsx(OptionItem, { size: "large", tooltipAddons: tooltipAddons, data: item, onClick: clickHandler(isSelected), labelLeftIconProps: labelLeftIconProps, OptionRightIconComponent: optionRightIconComponent, LabelRightIconComponent: labelRightIconComponent, disabled: item.disabled, isSelected: isSelected, dataId: item.dataId, style: style }, item.value));
+                                } })), filteredData.length === 0 ? (_jsx(Empty, { size: "small", mainMessage: translations === null || translations === void 0 ? void 0 : translations.emptyListMainMessage })) : null] }))] })] }));
 };
-
-export { SelectMobile };

package/components/Select/Select/helpers.js

@@ -1,10 +1,9 @@
-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 const filterOptions = (options, searchValue) => {
+    if (!searchValue) {
+        return options;
+    }
+    return options.filter((dataItem) => {
+        return (typeof dataItem.label === 'string' &&
+            dataItem.label.toLowerCase().includes(searchValue.toLowerCase()));
+    });
 };
-
-export { filterOptions };

package/components/Select/SharedComponents/Actions.js

@@ -1,116 +1,14 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState } from 'react';
-import { B as Button } from '../../../Alert-BslI0aA0.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;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button } from '../../Button';
+import { Menu } from '../../Menu';
+import { Text } from '../../Text';
+import IconMore from '../../SVGIcons/IconMore';
+export const Actions = (props) => {
+    const { selectActions, innerLabel } = props;
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const [buttonRef, setButtonRef] = useState(null);
+    const open = () => setIsMenuOpen(true);
+    const close = () => setIsMenuOpen(false);
+    return selectActions.length ? (_jsxs("div", { className: "action-bar", children: [innerLabel ? (_jsx(Text, { size: "xsmall", type: "secondary", className: "action-bar__label", children: innerLabel })) : null, _jsxs("div", { ref: setButtonRef, className: "action-bar__right", children: [_jsx(Button, { type: "tertiary", onClick: open, iconProps: { Component: IconMore }, size: "small" }), buttonRef ? (_jsx(Menu, { menuItems: selectActions, parentRef: buttonRef, onClose: close, position: "bottom-left", isOpen: isMenuOpen })) : null] })] })) : null;
 };
-
-export { Actions };

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

@@ -1,44 +1,9 @@
-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"
-  })));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { Text } from '../../../../Text';
+import { IconChevronUp } from '../../../../SVGIcons/IconChevronUp';
+import { IconChevronDown } from '../../../../SVGIcons/IconChevronDown';
+export const Button = (props) => {
+    const { type, buttonText, size = 'large', className = '', isOpen, disabled, dataId = '', onClick, refHandler = null, selectedItemsLabels } = props;
+    return (_jsx("button", { type: "button", ref: refHandler, "data-id": dataId, disabled: disabled, className: classnames('btn', `btn--${type}`, `btn--${size}`, `btn--${size}`, className), onClick: onClick, children: _jsxs(_Fragment, { children: [_jsx(Text, { className: "btn__text mr-4", type: selectedItemsLabels ? 'tertiary' : 'secondary', children: `${buttonText}${selectedItemsLabels ? '  |' : ''}` }), selectedItemsLabels ? (_jsx(Text, { className: "btn__text ml-4 mr-4", children: selectedItemsLabels })) : null, isOpen ? _jsx(IconChevronUp, { size: "small" }) : _jsx(IconChevronDown, { size: "small" })] }) }));
 };
-
-export { Button };