hrm_ui_lib 2.0.0-alpha.24 → 2.0.0-alpha.25

package/components/CardGroup/CardGroup.js

@@ -1,27 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import { CardGroupContext } from './CardGroupContext.js';
-import { CardGroup as CardGroup$1 } from './CardGroupComponent/CardGroup.js';
-import { CardGroupHead } from './CardGroupComponent/CardHead.js';
-import { CardGroupBody } from './CardGroupComponent/CardBody.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-
-var _excluded = ["children"];
-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 CardComponent = function CardComponent(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(CardGroupContext.Provider, {
-    value: _objectSpread({}, rest)
-  }, /*#__PURE__*/React.createElement(CardGroup$1, null, children));
-};
-var CardGroup = Object.assign(CardComponent, {
-  Head: CardGroupHead,
-  Body: CardGroupBody
-});
-
-export { CardGroup };
+import{jsx as r}from"react/jsx-runtime";import{CardGroupContext as p}from"./CardGroupContext.js";import{CardGroup as t}from"./CardGroupComponent/CardGroup.js";import{CardGroupHead as a}from"./CardGroupComponent/CardHead.js";import{CardGroupBody as m}from"./CardGroupComponent/CardBody.js";const e=({children:o,...a})=>/* @__PURE__ */r(p.Provider,{value:{...a},children:/* @__PURE__ */r(t,{children:o})}),G=Object.assign(e,{Head:a,Body:m});export{G as CardGroup};

package/components/CardGroup/CardGroupComponent/CardBody.js

@@ -1,19 +1,2 @@
-import React, { useMemo, useId } from 'react';
-
-var CardGroupBody = function CardGroupBody(_ref) {
-  var children = _ref.children;
-  var isChildrenArray = useMemo(function () {
-    return Array.isArray(children);
-  }, [children]);
-  var componentKey = useId();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "card--group__content--body"
-  }, isChildrenArray && (children === null || children === void 0 ? void 0 : children.map(function (child, id) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "card--group__child",
-      key: "".concat(componentKey, "_").concat(id)
-    }, child);
-  })), !isChildrenArray && children);
-};
-
-export { CardGroupBody };
+import{jsxs as m,jsx as p}from"react/jsx-runtime";import{useMemo as e,useId as u}from"react";const d=({children:r})=>{const s=e(()=>Array.isArray(r),[r]),a=u();/* @__PURE__ */
+return m("div",{className:"card--group__content--body",children:[s&&(null==r?void 0:r.map((r,s)=>/* @__PURE__ */p("div",{className:"card--group__child",children:r},`${a}_${s}`))),!s&&r]})};export{d as CardGroupBody};

package/components/CardGroup/CardGroupComponent/CardGroup.js

@@ -1,28 +1,2 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import classNames from 'classnames';
-import { generateDataTestId } from '../../../utils/helpers.js';
-import { useCardGroupContext } from '../CardGroupContext.js';
-import 'dayjs';
-
-var CardGroup = function CardGroup(_ref) {
-  var children = _ref.children;
-  var _useCardGroupContext = useCardGroupContext(),
-    className = _useCardGroupContext.className,
-    title = _useCardGroupContext.title,
-    dataId = _useCardGroupContext.dataId,
-    id = _useCardGroupContext.id;
-  var _ref2 = title !== null && title !== void 0 ? title : {
-      alignment: 'left'
-    },
-    alignment = _ref2.alignment;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('card--group', _defineProperty({}, "card--group--title--alignment--".concat(alignment), title), className),
-    id: "".concat(id || ''),
-    "data-id": generateDataTestId('card--group-item', dataId)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "card--group__content"
-  }, children));
-};
-
-export { CardGroup };
+import{jsx as r}from"react/jsx-runtime";import m from"classnames";import{generateDataTestId as n}from"../../../utils/helpers.js";import{useCardGroupContext as s}from"../CardGroupContext.js";const u=({children:t})=>{const{className:a,title:e,dataId:o,id:i}=s(),{alignment:d}=e??{alignment:"left"};/* @__PURE__ */
+return r("div",{className:m("card--group",{[`card--group--title--alignment--${d}`]:e},a),id:`${i||""}`,"data-id":n("card--group-item",o),children:/* @__PURE__ */r("div",{className:"card--group__content",children:t})})};export{u as CardGroup};

package/components/CardGroup/CardGroupComponent/CardHead.js

@@ -1,19 +1,3 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import { useCardGroupContext } from '../CardGroupContext.js';
-import classNames from 'classnames';
-
-var CardGroupHead = function CardGroupHead(_ref) {
-  var children = _ref.children;
-  var _useCardGroupContext = useCardGroupContext(),
-    title = _useCardGroupContext.title;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "card--group__content--header"
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: classNames('card--group__title', _defineProperty({}, "card--group__title--".concat(title.color), title.color))
-  }, title.text), /*#__PURE__*/React.createElement("div", {
-    className: "card--group__content--header--component"
-  }, children));
-};
-
-export { CardGroupHead };
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCardGroupContext as a}from"../CardGroupContext.js";import c from"classnames";const i=({children:r})=>{const{title:e}=a();/* @__PURE__ */
+return t("div",{className:"card--group__content--header",children:[e&&/* @__PURE__ */o("div",{className:c("card--group__title",{[`card--group__title--${e.color}`]:e.color}),children:e.text}),
+/* @__PURE__ */o("div",{className:"card--group__content--header--component",children:r})]})};export{i as CardGroupHead};

package/components/CardGroup/CardGroupContext.js

@@ -1,8 +1 @@
-import { createContext, useContext } from 'react';
-
-var CardGroupContext = /*#__PURE__*/createContext({});
-var useCardGroupContext = function useCardGroupContext() {
-  return useContext(CardGroupContext);
-};
-
-export { CardGroupContext, useCardGroupContext };
+import{createContext as t,useContext as o}from"react";const e=t({}),n=()=>o(e);export{e as CardGroupContext,n as useCardGroupContext};

package/components/CardGroup/index.js

@@ -1,11 +1 @@
-export { CardGroup } from './CardGroup.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import './CardGroupContext.js';
-import './CardGroupComponent/CardGroup.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import './CardGroupComponent/CardHead.js';
-import './CardGroupComponent/CardBody.js';
+import{CardGroup as p}from"./CardGroup.js";export{p as CardGroup};

package/components/Checkbox/Checkbox.js

@@ -1,54 +1,6 @@
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'classnames';
-export { C as Checkbox } from '../../Alert-C_U8td2x.js';
-import '../Link/Link.js';
-import '../Text/Text.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'dayjs';
-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 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-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 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Popover/PopoverDesktop.js';
-import 'react-toastify/dist/ReactToastify.css';
-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{jsx as e,jsxs as o,Fragment as d}from"react/jsx-runtime";import{forwardRef as V,useRef as $,useMemo as F}from"react";import T from"classnames";import{Popover as q}from"../Popover/Popover.js";import{Link as w}from"../Link/Link.js";import{Text as m}from"../Text/Text.js";import A from"../SVGIcons/IconInfo.js";import{IconDynamicComponent as B}from"../IconDynamicComponent/IconDynamicComponent.js";const D=V((l,a)=>{const{label:r,disabled:n,required:s=!1,link:i,name:c,setFieldValue:t,selectedValue:p,value:h,className:b="",iconProps:k={name:"checkmark"},dataId:f="",onClick:u,beforeLink:x,afterLink:y,helperText:N="",popoverAddons:I,isInvalid:_,stopPropagation:v=!1}=l,g=$(null),j=a&&Object.keys(a).length?a:g,C=!!h||p,P=e=>{v&&e.stopPropagation(),c&&t&&t(c,!C,{shouldValidate:!C}),u&&u(!C)},D=I?/* @__PURE__ */e(q,{id:`${I.id}`,...I,children:/* @__PURE__ */e("div",{id:`${I.id}`,children:/* @__PURE__ */e(A,{dataId:`${f}-icon`,type:"information",size:"xsmall",className:"ml-4 pointer",onClick:P})})}):null,V=F(()=>r?"string"!=typeof r?r:/* @__PURE__ */e(m,i?{type:n?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */o(d,{children:[x&&/* @__PURE__ */e("span",{className:"mr-4",children:x}),
+/* @__PURE__ */e(w,{dataId:f,url:i,target:"_blank",children:r}),y&&/* @__PURE__ */e("span",{className:"ml-4",children:y}),s&&/* @__PURE__ */e("sup",{children:"*"})]})}:{type:n?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */o(d,{children:[r,s&&/* @__PURE__ */e("sup",{children:"*"})]})}):null,[r,i]);/* @__PURE__ */
+return e(d,{children:/* @__PURE__ */o("label",{className:T("controller",{"controller--checkbox":!0,"controller--disabled":n,"controller--error":_,[b]:!!b}),onClick:e=>v&&e.stopPropagation(),children:[
+/* @__PURE__ */e("input",{"data-id":f,type:"checkbox",ref:j,tabIndex:0,onChange:P,checked:!!C,disabled:n}),
+/* @__PURE__ */e("span",{className:"controller__icon",children:/* @__PURE__ */e(B,{componentName:k.name,size:"xxsmall",type:n?"disabled":"inverse",className:"controller__mark"})}),V?/* @__PURE__ */o("div",{className:"controller__right",children:[
+/* @__PURE__ */o("div",{className:"flexbox",children:[V,D]}),N?/* @__PURE__ */e(m,{size:"small",type:n?"disabled":"secondary",children:N}):null]}):null]})})});D.displayName="Checkbox";export{D as Checkbox};

package/components/Checkbox/index.js

@@ -1,54 +1 @@
-export { C as Checkbox } from '../../Alert-C_U8td2x.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 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-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 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-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{Checkbox as r}from"./Checkbox.js";export{r as Checkbox};

package/components/Chips/Chips.js

@@ -1,67 +1,2 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React from 'react';
-import { Text } from '../Text/Text.js';
-import { ChipCustomType } from './types.js';
-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
-  }));
-};
-
-export { Chips };
+import{jsxs as x,jsx as t,Fragment as $}from"react/jsx-runtime";import{Text as P}from"../Text/Text.js";import{ChipCustomType as n}from"./types.js";import h from"classnames";import T from"../SVGIcons/IconDismissCircleFilled.js";import{ICON_SIZE_MAPPING as f,TEXT_SIZE_MAPPING as b}from"./consts.js";const k=s=>{const{type:e="filled",color:i="primary",size:a="large",text:l,disabled:o,className:r="",leftIconProps:p,withAction:c,onClick:m,onRemove:d,dataId:I="",id:u=""}=s,C=o?"disabled":e==n.filled?n.inverse:i;/* @__PURE__ */
+return x("div",{className:h(`chips chips--${e} chips--${o?"disabled":i} chips--${a}`,r),id:u,onClick:s=>{s.preventDefault(),s.stopPropagation(),null==m||m(s)},children:[null!=p&&p.Component?/* @__PURE__ */t(p.Component,{dataId:`${I}-icon`,size:f[a],type:C,className:h({"mr-6":!!l}),...p}):null,l?/* @__PURE__ */t(P,{dataId:`${I}-text`,type:C,size:b[a],className:"chips__label",children:/* @__PURE__ */t($,{children:l})}):null,c&&/* @__PURE__ */t(T,{dataId:`${I}-icon`,size:f[a],type:C,className:"chips__delete ml-6",onClick:s=>{s.preventDefault(),s.stopPropagation(),null==d||d(s)}})]})};export{k as Chips};

package/components/Chips/consts.js

@@ -1,14 +1 @@
-var ICON_SIZE_MAPPING = {
-  large: 'medium',
-  medium: 'small',
-  small: 'xsmall',
-  xsmall: 'xxsmall'
-};
-var TEXT_SIZE_MAPPING = {
-  large: 'standard',
-  medium: 'standard',
-  small: 'small',
-  xsmall: 'xsmall'
-};
-
-export { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING };
+const l={large:"medium",medium:"small",small:"xsmall",xsmall:"xxsmall"},a={large:"standard",medium:"standard",small:"small",xsmall:"xsmall"};export{l as ICON_SIZE_MAPPING,a as 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';
+import{Chips as r}from"./Chips.js";export{r as Chips};

package/components/Chips/types.js

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

package/components/Collapse/Collapse/Collapse.js

@@ -1,79 +1,5 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useCallback } from 'react';
-import { motion } from 'motion/react';
-import { Divider } from '../../Divider/Divider.js';
-import { AnimatePresenceWrapper } from '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import classNames from 'classnames';
-import { generateDataTestId } from '../../../utils/helpers.js';
-import { Title } from './Title.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '../../SVGIcons/IconChevronDown.js';
-import '../../SVGIcons/IconChevronUp.js';
-import '../../Text/Text.js';
-
-var Collapse = function Collapse(props) {
-  var title = props.title,
-    className = props.className,
-    _props$isOpen = props.isOpen,
-    isCollapseOpen = _props$isOpen === void 0 ? false : _props$isOpen,
-    _props$iconAlignment = props.iconAlignment,
-    iconAlignment = _props$iconAlignment === void 0 ? 'left' : _props$iconAlignment,
-    _props$hasIconBorder = props.hasIconBorder,
-    hasIconBorder = _props$hasIconBorder === void 0 ? false : _props$hasIconBorder,
-    toggle = props.toggle,
-    dataId = props.dataId,
-    children = props.children,
-    id = props.id;
-  var _useState = useState(isCollapseOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    toggleIsOpen = _useState2[1];
-  var onToggle = useCallback(function () {
-    toggleIsOpen(function (prevVal) {
-      toggle && toggle(!prevVal);
-      return !prevVal;
-    });
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('collapse collapse--v2', {
-      'collapse--opened': isOpen
-    }, className),
-    id: "".concat(id || ''),
-    "data-id": generateDataTestId('collapse-item', dataId)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "collapse__header",
-    onClick: onToggle
-  }, /*#__PURE__*/React.createElement(Title, {
-    hasIconBorder: hasIconBorder,
-    iconAlignment: iconAlignment,
-    isOpen: isOpen,
-    dataId: dataId,
-    title: title
-  })), /*#__PURE__*/React.createElement(AnimatePresenceWrapper, {
-    initial: false
-  }, isOpen && /*#__PURE__*/React.createElement(motion.div, {
-    initial: {
-      height: 0
-    },
-    animate: {
-      height: 'auto'
-    },
-    exit: {
-      height: 0
-    },
-    transition: {
-      type: 'spring',
-      duration: 0.5,
-      bounce: 0
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "collapse__content"
-  }, /*#__PURE__*/React.createElement(Divider, {
-    type: "primary",
-    isHorizontal: true,
-    className: 'collapse__divider'
-  }), children))));
-};
-
-export { Collapse };
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{useState as u,useCallback as v}from"react";import{motion as N}from"motion/react";import{Divider as _}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as x}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import C from"classnames";import{generateDataTestId as I}from"../../../utils/helpers.js";import{Title as O}from"./Title.js";const B=i=>{const{title:a,className:t,isOpen:s=!1,iconAlignment:r="left",hasIconBorder:o=!1,toggle:n,dataId:c,children:m,id:p}=i,[d,h]=u(s),f=v(()=>{h(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */
+return l("div",{className:C("collapse collapse--v2",{"collapse--opened":d},t),id:`${p||""}`,"data-id":I("collapse-item",c),children:[
+/* @__PURE__ */e("div",{className:"collapse__header",onClick:f,children:/* @__PURE__ */e(O,{hasIconBorder:o,iconAlignment:r,isOpen:d,dataId:c,title:a})}),
+/* @__PURE__ */e(x,{initial:!1,children:d&&/* @__PURE__ */e(N.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */l("div",{className:"collapse__content",children:[
+/* @__PURE__ */e(_,{type:"primary",isHorizontal:!0,className:"collapse__divider"}),m]})})})]})};export{B as Collapse};

package/components/Collapse/Collapse/Title.js

@@ -1,48 +1,2 @@
-import React, { useMemo } from 'react';
-import { generateDataTestId } from '../../../utils/helpers.js';
-import '@babel/runtime/helpers/defineProperty';
-import classNames from 'classnames';
-import { IconChevronDown } from '../../SVGIcons/IconChevronDown.js';
-import { IconChevronUp } from '../../SVGIcons/IconChevronUp.js';
-import { Text } from '../../Text/Text.js';
-import 'dayjs';
-
-var Title = function Title(_ref) {
-  var dataId = _ref.dataId,
-    title = _ref.title,
-    isOpen = _ref.isOpen,
-    iconAlignment = _ref.iconAlignment,
-    hasIconBorder = _ref.hasIconBorder;
-  var _title$text = title.text,
-    text = _title$text === void 0 ? '' : _title$text,
-    _title$weight = title.weight,
-    weight = _title$weight === void 0 ? 'bolder' : _title$weight,
-    _title$size = title.size,
-    size = _title$size === void 0 ? 'medium' : _title$size,
-    color = title.color;
-  var titleText = useMemo(function () {
-    return typeof text === 'string' ? /*#__PURE__*/React.createElement(Text, {
-      size: size,
-      type: color,
-      weight: weight,
-      dataId: generateDataTestId('title', dataId)
-    }, text) : text;
-  }, [text, size, color, weight, dataId]);
-  var icon = useMemo(function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames('collapse-icon', {
-        'icon-border': hasIconBorder,
-        'icon-open': isOpen
-      })
-    }, !isOpen ? /*#__PURE__*/React.createElement(IconChevronDown, {
-      size: 'small'
-    }) : /*#__PURE__*/React.createElement(IconChevronUp, {
-      size: 'small'
-    }));
-  }, [isOpen, hasIconBorder]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "collapse__header__inner flexbox justify-content--between"
-  }, iconAlignment === 'left' ? /*#__PURE__*/React.createElement(React.Fragment, null, icon, titleText) : /*#__PURE__*/React.createElement(React.Fragment, null, titleText, icon));
-};
-
-export { Title };
+import{jsx as e,jsxs as a,Fragment as p}from"react/jsx-runtime";import{useMemo as d}from"react";import{generateDataTestId as x}from"../../../utils/helpers.js";import{Text as b}from"../../Text/Text.js";import g from"classnames";import u from"../../SVGIcons/IconChevronDown.js";import v from"../../SVGIcons/IconChevronUp.js";const C=({dataId:t,title:o,isOpen:s,iconAlignment:r,hasIconBorder:i})=>{const{text:n="",weight:c="bolder",size:l="medium",color:m}=o,h=d(()=>"string"==typeof n?/* @__PURE__ */e(b,{size:l,type:m,weight:c,dataId:x("title",t),children:n}):n,[n,l,m,c,t]),f=d(()=>/* @__PURE__ */e("div",{className:g("collapse-icon",{"icon-border":i,"icon-open":s}),children:/* @__PURE__ */e(s?v:u,{size:"small"})}),[s,i]);/* @__PURE__ */
+return e("div",{className:"collapse__header__inner flexbox justify-content--between",children:/* @__PURE__ */a(p,"left"===r?{children:[f,h]}:{children:[h,f]})})};export{C as Title};

package/components/Collapse/CollapseGroup/CollapseGroup.js

@@ -1,76 +1,3 @@
-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 classNames from 'classnames';
-import '@babel/runtime/helpers/extends';
-import 'motion/react';
-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);
-  }));
-});
-CollapseGroup.displayName = 'CollapseGroup';
-
-export { CollapseGroup };
+import{jsx as a}from"react/jsx-runtime";import{forwardRef as S,useState as h}from"react";import{CollapseItem as G}from"../CollapseItem/CollapseItem.js";import I from"classnames";const P=S((e,s)=>{const{items:t,singleSelection:o,titleProps:l={},className:r}=e,{size:i,color:p}=l,[m,c]=h(t.filter(e=>e.isOpen).map(e=>e.value));/* @__PURE__ */
+return a("div",{className:I("collapse-group",r),ref:s,children:t.map(({id:e,title:s,value:t,content:l,dataId:r,iconProps:n})=>{const d=-1!==m.indexOf(t);/* @__PURE__ */
+return a(G,{className:"collapse-group__item",id:e,isOpen:d,dataId:r,title:{size:i,color:p,text:s},toggle:()=>d?(e=>{c(m.filter(a=>a!==e))})(t):(e=>{c(o?[e]:[...m,e])})(t),labelLeftIconProps:n,children:l},t)})})});P.displayName="CollapseGroup";export{P as CollapseGroup};