hrm_ui_lib 2.0.3 → 2.1.1

package/components/Button/Button.js

@@ -1,52 +1,29 @@
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-export { B as Button } from '../../Alert-V_kH4Snn.js';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-syntax-highlighter';
-import './consts.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '../../utils/helpers.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/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';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { Loader } from '../../helperComponents';
+import { ICON_SIZE_MAPPING, ICON_TYPE_MAPPING, LITE_LOADER_TYPES } from './consts';
+export const Button = (props) => {
+    const { buttonText, type = 'primary', size = 'large', className = '', iconProps, buttonActionType = 'button', disabled, isLoading, formId, dataId = '', onClick, refHandler = null, children } = props, rest = __rest(props, ["buttonText", "type", "size", "className", "iconProps", "buttonActionType", "disabled", "isLoading", "formId", "dataId", "onClick", "refHandler", "children"]);
+    const justIcon = !buttonText && !children && iconProps !== undefined;
+    const clickHandler = (e) => {
+        if (disabled || isLoading) {
+            return;
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    return (_jsx("button", Object.assign({ ref: refHandler, "data-id": dataId, disabled: disabled, type: buttonActionType, className: classnames('btn', `btn--${type}`, `btn--${size}`, {
+            'btn--icon': justIcon,
+            [`btn--icon-${(iconProps === null || iconProps === void 0 ? void 0 : iconProps.alignment) || 'left'}`]: !isLoading && !justIcon && (iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component)
+        }, className), onClick: clickHandler, form: formId }, rest, { children: isLoading ? (_jsx(Loader, { size: size, type: LITE_LOADER_TYPES.indexOf(type) === -1 ? 'dark' : 'lite' })) : (_jsxs(_Fragment, { children: [(iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component) ? (_jsx(iconProps.Component, { size: ICON_SIZE_MAPPING[iconProps.size || size], type: ICON_TYPE_MAPPING[iconProps.type || type], className: "btn__icon" })) : null, buttonText || children ? (_jsx("span", { className: "btn__text", children: buttonText || children })) : null] })) })));
+};

package/components/Button/consts.js

@@ -1,16 +1,14 @@
-var LITE_LOADER_TYPES = ['primary', 'danger'];
-var ICON_SIZE_MAPPING = {
-  large: 'small',
-  medium: 'small',
-  small: 'xsmall'
+export const LITE_LOADER_TYPES = ['primary', 'danger'];
+export const ICON_SIZE_MAPPING = {
+    large: 'small',
+    medium: 'small',
+    small: 'xsmall'
 };
-var ICON_TYPE_MAPPING = {
-  primary: 'inverse',
-  secondary: 'secondary',
-  tertiary: 'primary',
-  danger: 'inverse',
-  text: 'information',
-  link: 'selected'
+export const ICON_TYPE_MAPPING = {
+    primary: 'inverse',
+    secondary: 'secondary',
+    tertiary: 'primary',
+    danger: 'inverse',
+    text: 'information',
+    link: 'selected'
 };
-
-export { ICON_SIZE_MAPPING, ICON_TYPE_MAPPING, LITE_LOADER_TYPES };

package/components/Button/index.js

@@ -1,52 +1 @@
-export { B as Button } from '../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../Alert/consts.js';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.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 '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 './consts.js';
+export * from './Button';

package/components/Button/types.js

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

package/components/Checkbox/Checkbox.js

@@ -1,52 +1,45 @@
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'classnames';
-export { C as Checkbox } from '../../Alert-V_kH4Snn.js';
-import '../Link/Link.js';
-import '../Text/Text.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import 'dayjs';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-syntax-highlighter';
-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/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../../utils/helpers.js';
-import '../Popover/PopoverDesktop.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/IconDynamicComponent/constants.js';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useMemo, forwardRef } from 'react';
+import classnames from 'classnames';
+import { Popover } from '../Popover';
+import { Link } from '../Link';
+import { Text } from '../Text';
+import IconInfo from '../SVGIcons/IconInfo';
+import { IconDynamicComponent } from '../../helperComponents';
+export const Checkbox = forwardRef((props, ref) => {
+    const { label, disabled, required = false, link, name, setFieldValue, selectedValue, value, className = '', iconProps = { name: 'checkmark' }, dataId = '', onClick, beforeLink, afterLink, helperText = '', popoverAddons, isInvalid } = props;
+    const localRef = useRef(null);
+    const inputRef = ref && Object.keys(ref).length ? ref : localRef;
+    const isChecked = !!value || selectedValue;
+    const changeHandler = () => {
+        if (name && setFieldValue) {
+            setFieldValue(name, !isChecked, { shouldValidate: !isChecked });
+        }
+        if (onClick) {
+            onClick(!isChecked);
+        }
+    };
+    const checkboxLabelPopover = popoverAddons ? (_jsx(Popover, Object.assign({ id: `${popoverAddons.id}` }, popoverAddons, { children: _jsx("div", { id: `${popoverAddons.id}`, children: _jsx(IconInfo, { dataId: `${dataId}-icon`, type: "information", size: "xsmall", className: 'ml-4 pointer', onClick: (e) => {
+                    e.stopPropagation();
+                    changeHandler();
+                } }) }) }))) : null;
+    const checkboxLabel = useMemo(() => {
+        if (!label) {
+            return null;
+        }
+        if (typeof label !== 'string') {
+            return label;
+        }
+        if (!link) {
+            return (_jsx(Text, { type: disabled ? 'disabled' : 'primary', className: "controller__label", children: _jsxs(_Fragment, { children: [label, required && _jsx("sup", { children: "*" })] }) }));
+        }
+        return (_jsx(Text, { type: disabled ? 'disabled' : 'primary', className: "controller__label", children: _jsxs(_Fragment, { children: [beforeLink && _jsx("span", { className: "mr-4", children: beforeLink }), _jsx(Link, { dataId: dataId, url: link, target: "_blank", children: label }), afterLink && _jsx("span", { className: "ml-4", children: afterLink }), required && _jsx("sup", { children: "*" })] }) }));
+    }, [label, link]);
+    return (_jsx(_Fragment, { children: _jsxs("label", { className: classnames('controller', {
+                'controller--checkbox': true,
+                'controller--disabled': disabled,
+                'controller--error': isInvalid,
+                [className]: !!className
+            }), children: [_jsx("input", { "data-id": dataId, type: "checkbox", ref: inputRef, tabIndex: 0, onChange: changeHandler, checked: Boolean(isChecked), disabled: disabled }), _jsx("span", { className: "controller__icon", children: _jsx(IconDynamicComponent, { componentName: iconProps.name, size: "xxsmall", type: disabled ? 'disabled' : 'inverse', className: "controller__mark" }) }), checkboxLabel ? (_jsxs("div", { className: "controller__right", children: [_jsxs("div", { className: "flexbox", children: [checkboxLabel, checkboxLabelPopover] }), helperText ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null] })) : null] }) }));
+});
+Checkbox.displayName = 'Checkbox';

package/components/Checkbox/index.js

@@ -1,52 +1 @@
-export { C as Checkbox } from '../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../Alert/consts.js';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.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 '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';
+export * from './Checkbox';

package/components/Checkbox/types.js

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

package/components/Chips/Chips.js

@@ -1,67 +1,25 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React from 'react';
-import { Text } from '../Text/Text.js';
-import { ChipCustomType } from './types.js';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../Text';
+import { ChipCustomType } from './types';
 import classNames from 'classnames';
-import { IconDismissCircleFilled } from '../SVGIcons/IconDismissCircleFilled.js';
-import { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING } from './consts.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-
-var Chips = function Chips(props) {
-  var _props$type = props.type,
-    type = _props$type === void 0 ? 'filled' : _props$type,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'primary' : _props$color,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    text = props.text,
-    disabled = props.disabled,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    leftIconProps = props.leftIconProps,
-    withAction = props.withAction,
-    onClick = props.onClick,
-    onRemove = props.onRemove,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    _props$id = props.id,
-    id = _props$id === void 0 ? '' : _props$id;
-  var customType = disabled ? 'disabled' : type == ChipCustomType.filled ? ChipCustomType.inverse : color;
-  var handleClick = function handleClick(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onClick === null || onClick === void 0 || onClick(event);
-  };
-  var handleRemove = function handleRemove(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onRemove === null || onRemove === void 0 || onRemove(event);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("chips chips--".concat(type, " chips--").concat(disabled ? 'disabled' : color, " chips--").concat(size), className),
-    id: id,
-    onClick: handleClick
-  }, leftIconProps !== null && leftIconProps !== void 0 && leftIconProps.Component ? /*#__PURE__*/React.createElement(leftIconProps.Component, _extends({
-    dataId: "".concat(dataId, "-icon"),
-    size: ICON_SIZE_MAPPING[size],
-    type: customType,
-    className: classNames({
-      'mr-6': !!text
-    })
-  }, leftIconProps)) : null, text ? /*#__PURE__*/React.createElement(Text, {
-    dataId: "".concat(dataId, "-text"),
-    type: customType,
-    size: TEXT_SIZE_MAPPING[size],
-    className: "chips__label"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, text)) : null, withAction && /*#__PURE__*/React.createElement(IconDismissCircleFilled, {
-    dataId: "".concat(dataId, "-icon"),
-    size: ICON_SIZE_MAPPING[size],
-    type: customType,
-    className: "chips__delete ml-6",
-    onClick: handleRemove
-  }));
+import IconDismissCircleFilled from '../SVGIcons/IconDismissCircleFilled';
+import { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING } from './consts';
+export const Chips = (props) => {
+    const { type = 'filled', color = 'primary', size = 'large', text, disabled, className = '', leftIconProps, withAction, onClick, onRemove, dataId = '', id = '' } = props;
+    const customType = disabled
+        ? 'disabled'
+        : type == ChipCustomType.filled
+            ? ChipCustomType.inverse
+            : color;
+    const handleClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    const handleRemove = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove(event);
+    };
+    return (_jsxs("div", { className: classNames(`chips chips--${type} chips--${disabled ? 'disabled' : color} chips--${size}`, className), id: id, onClick: handleClick, children: [(leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.Component) ? (_jsx(leftIconProps.Component, Object.assign({ dataId: `${dataId}-icon`, size: ICON_SIZE_MAPPING[size], type: customType, className: classNames({ 'mr-6': !!text }) }, leftIconProps))) : null, text ? (_jsx(Text, { dataId: `${dataId}-text`, type: customType, size: TEXT_SIZE_MAPPING[size], className: "chips__label", children: _jsx(_Fragment, { children: text }) })) : null, withAction && (_jsx(IconDismissCircleFilled, { dataId: `${dataId}-icon`, size: ICON_SIZE_MAPPING[size], type: customType, className: "chips__delete ml-6", onClick: handleRemove }))] }));
 };
-
-export { Chips };

package/components/Chips/consts.js

@@ -1,14 +1,12 @@
-var ICON_SIZE_MAPPING = {
-  large: 'medium',
-  medium: 'small',
-  small: 'xsmall',
-  xsmall: 'xxsmall'
+export const ICON_SIZE_MAPPING = {
+    large: 'medium',
+    medium: 'small',
+    small: 'xsmall',
+    xsmall: 'xxsmall'
 };
-var TEXT_SIZE_MAPPING = {
-  large: 'standard',
-  medium: 'standard',
-  small: 'small',
-  xsmall: 'xsmall'
+export const TEXT_SIZE_MAPPING = {
+    large: 'standard',
+    medium: 'standard',
+    small: 'small',
+    xsmall: 'xsmall'
 };
-
-export { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING };

package/components/Chips/index.js

@@ -1,11 +1 @@
-export { Chips } from './Chips.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import './types.js';
-import '../SVGIcons/IconDismissCircleFilled.js';
-import '@babel/runtime/helpers/defineProperty';
-import './consts.js';
+export * from './Chips';

package/components/Chips/types.js

@@ -1,7 +1,5 @@
-var ChipCustomType = /*#__PURE__*/function (ChipCustomType) {
-  ChipCustomType["filled"] = "filled";
-  ChipCustomType["inverse"] = "inverse";
-  return ChipCustomType;
-}({});
-
-export { ChipCustomType };
+export var ChipCustomType;
+(function (ChipCustomType) {
+    ChipCustomType["filled"] = "filled";
+    ChipCustomType["inverse"] = "inverse";
+})(ChipCustomType || (ChipCustomType = {}));

package/components/Collapse/CollapseGroup/CollapseGroup.js

@@ -1,76 +1,25 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { forwardRef, useState } from 'react';
-import { CollapseItem } from '../CollapseItem/CollapseItem.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useState } from 'react';
+import { CollapseItem } from '../CollapseItem/CollapseItem';
 import classNames from 'classnames';
-import '@babel/runtime/helpers/extends';
-import 'framer-motion';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '../../SVGIcons/IconChevronRight.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../Divider/Divider.js';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../SVGIcons/IconChevronDown.js';
-
-var CollapseGroup = /*#__PURE__*/forwardRef(function (props, ref) {
-  var items = props.items,
-    singleSelection = props.singleSelection,
-    _props$titleProps = props.titleProps,
-    titleProps = _props$titleProps === void 0 ? {} : _props$titleProps,
-    className = props.className;
-  var size = titleProps.size,
-    color = titleProps.color;
-  var _useState = useState(items.filter(function (item) {
-      return item.isOpen;
-    }).map(function (item) {
-      return item.value;
-    })),
-    _useState2 = _slicedToArray(_useState, 2),
-    openValues = _useState2[0],
-    setOpenValues = _useState2[1];
-  var onCollapseSelect = function onCollapseSelect(value) {
-    if (singleSelection) {
-      setOpenValues([value]);
-    } else {
-      setOpenValues([].concat(_toConsumableArray(openValues), [value]));
-    }
-  };
-  var onCollapseDeselect = function onCollapseDeselect(value) {
-    setOpenValues(openValues.filter(function (item) {
-      return item !== value;
-    }));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('collapse-group', className),
-    ref: ref
-  }, items.map(function (_ref) {
-    var id = _ref.id,
-      title = _ref.title,
-      value = _ref.value,
-      content = _ref.content,
-      dataId = _ref.dataId,
-      iconProps = _ref.iconProps;
-    var isOpen = openValues.indexOf(value) !== -1;
-    return /*#__PURE__*/React.createElement(CollapseItem, {
-      className: 'collapse-group__item',
-      id: id,
-      isOpen: isOpen,
-      key: value,
-      dataId: dataId,
-      title: {
-        size: size,
-        color: color,
-        text: title
-      },
-      toggle: function toggle() {
-        return isOpen ? onCollapseDeselect(value) : onCollapseSelect(value);
-      },
-      labelLeftIconProps: iconProps
-    }, content);
-  }));
+export const CollapseGroup = forwardRef((props, ref) => {
+    const { items, singleSelection, titleProps = {}, className } = props;
+    const { size, color } = titleProps;
+    const [openValues, setOpenValues] = useState(items.filter((item) => item.isOpen).map((item) => item.value));
+    const onCollapseSelect = (value) => {
+        if (singleSelection) {
+            setOpenValues([value]);
+        }
+        else {
+            setOpenValues([...openValues, value]);
+        }
+    };
+    const onCollapseDeselect = (value) => {
+        setOpenValues(openValues.filter((item) => item !== value));
+    };
+    return (_jsx("div", { className: classNames('collapse-group', className), ref: ref, children: items.map(({ id, title, value, content, dataId, iconProps }) => {
+            const isOpen = openValues.indexOf(value) !== -1;
+            return (_jsx(CollapseItem, { className: 'collapse-group__item', id: id, isOpen: isOpen, dataId: dataId, title: { size, color, text: title }, toggle: () => (isOpen ? onCollapseDeselect(value) : onCollapseSelect(value)), labelLeftIconProps: iconProps, children: content }, value));
+        }) }));
 });
 CollapseGroup.displayName = 'CollapseGroup';
-
-export { CollapseGroup };