@muraldevkit/ui-toolkit 4.68.0-dev-NFbt.1 → 4.68.0-dev-nPeA.1

package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlBadgeNotification.js","sources":["../../../../../src/components/badge/MrlBadgeNotification/MrlBadgeNotification.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\n\nimport { MrlComponentProps } from '../../../utils';\nimport styles from './MrlBadgeNotification.module.scss';\n\nexport type MrlBadgeNotificationKinds = 'general' | 'info';\n\nexport interface MrlBadgeNotificationProps\n\textends Omit<MrlComponentProps, 'style' | 'attrs'>,\n\t\tReact.ComponentProps<'div'> {\n\tclassName?: string;\n\tkind?: MrlBadgeNotificationKinds;\n\t/**\n\t * A string of text to tell screen reader users what type of notification this is.\n\t * Defaults to 'notification'.\n\t */\n\tnotificationText?: string;\n\t/**\n\t * Used to turn a notification from a hint to numeric.\n\t * NOTE: Must pass a `number`, not a `string`.\n\t */\n\tnumber?: number;\n}\n\n/**\n * Badge notifications are a common user interface element that can be used to\n * draw attention to new or unread content, alerts, or updates.\n * @param props - component props\n * @returns a MrlBadgeNotification React component.\n */\nexport const MrlBadgeNotification = ({\n\tclassName = '',\n\tkind = 'general',\n\tnotificationText = 'notification',\n\tnumber,\n\t...remainingProps\n}: MrlBadgeNotificationProps): JSX.Element => {\n\tconst allClasses = classnames(\n\t\t'MrlBadgeNotification',\n\t\t{\n\t\t\t[styles['MrlBadgeNotification']]: true,\n\t\t\t[styles[`MrlBadgeNotification--${kind}`]]: kind !== 'general',\n\t\t\t[styles['MrlBadgeNotification--numeric']]: Boolean(number)\n\t\t},\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<div {...remainingProps} className={allClasses} aria-label={`New ${notificationText}`}>\n\t\t\t{number ? number : ''}\n\t\t</div>\n\t);\n};\n"],"names":["MrlBadgeNotification","_ref","_ref$className","className","_ref$kind","kind","_ref$notificationText","notificationText","number","remainingProps","_objectWithoutProperties","_excluded","allClasses","classnames","_defineProperty","styles","concat","Boolean","React","createElement","_extends"],"mappings":";;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;IACaA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAMa;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAL7CE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,SAAA,GAAAH,IAAA,CACdI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,SAAA;IAAAE,qBAAA,GAAAL,IAAA,CAChBM,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,cAAc,GAAAA,qBAAA;IACjCE,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,cAAc,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;AAEjB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAC5B,sBAAsB,EAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,KAEpBC,MAAM,CAAC,sBAAsB,CAAC,EAAG,IAAI,CAAA,EACrCA,MAAM,CAAA,wBAAA,CAAAC,MAAA,CAA0BX,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAK,SAAS,CAAA,EAC5DU,MAAM,CAAC,+BAA+B,CAAC,EAAGE,OAAO,CAACT,MAAM,CAAC,CAAA,EAE3DL,SACD,CAAC;AAED,EAAA,oBACCe,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,KAASX,cAAc,EAAA;AAAEN,IAAAA,SAAS,EAAES,UAAW;IAAC,YAAA,EAAA,MAAA,CAAAI,MAAA,CAAmBT,gBAAgB;AAAG,GAAA,CAAA,EACpFC,MAAM,GAAGA,MAAM,GAAG,EACf,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlBadgeNotification.js","sources":["../../../../../src/components/badge/MrlBadgeNotification/MrlBadgeNotification.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\n\nimport { MrlComponentProps } from '../../../utils';\nimport styles from './MrlBadgeNotification.module.scss';\n\nexport type MrlBadgeNotificationKinds = 'general' | 'info';\n\nexport interface MrlBadgeNotificationProps\n\textends Omit<MrlComponentProps, 'style' | 'attrs'>,\n\t\tReact.ComponentProps<'div'> {\n\tclassName?: string;\n\tkind?: MrlBadgeNotificationKinds;\n\t/**\n\t * A string of text to tell screen reader users what type of notification this is.\n\t * Defaults to 'notification'.\n\t */\n\tnotificationText?: string;\n\t/**\n\t * Used to turn a notification from a hint to numeric.\n\t * NOTE: Must pass a `number`, not a `string`.\n\t */\n\tnumber?: number;\n}\n\n/**\n * Badge notifications are a common user interface element that can be used to\n * draw attention to new or unread content, alerts, or updates.\n * @param props - component props\n * @returns a MrlBadgeNotification React component.\n */\nexport const MrlBadgeNotification = ({\n\tclassName = '',\n\tkind = 'general',\n\tnotificationText = 'notification',\n\tnumber,\n\t...remainingProps\n}: MrlBadgeNotificationProps): JSX.Element => {\n\tconst allClasses = classnames(\n\t\t'MrlBadgeNotification',\n\t\t{\n\t\t\t[styles['MrlBadgeNotification']]: true,\n\t\t\t[styles[`MrlBadgeNotification--${kind}`]]: kind !== 'general',\n\t\t\t[styles['MrlBadgeNotification--numeric']]: Boolean(number)\n\t\t},\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<div {...remainingProps} className={allClasses} aria-label={`New ${notificationText}`}>\n\t\t\t{number ? number : ''}\n\t\t</div>\n\t);\n};\n"],"names":["MrlBadgeNotification","_ref","_ref$className","className","_ref$kind","kind","_ref$notificationText","notificationText","number","remainingProps","_objectWithoutProperties","_excluded","allClasses","classnames","styles","concat","Boolean","React","createElement","_extends"],"mappings":";;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,oBAAoB,GAAGC,IAAA,IAMU;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAL7CE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,SAAA,GAAAH,IAAA,CACdI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,SAAA;IAAAE,qBAAA,GAAAL,IAAA,CAChBM,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,cAAc,GAAAA,qBAAA;IACjCE,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,cAAc,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;AAEjB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAC5B,sBAAsB,EACtB;AACC,IAAA,CAACC,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAI;IACtC,CAACA,MAAM,0BAAAC,MAAA,CAA0BV,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAK,SAAS;AAC7D,IAAA,CAACS,MAAM,CAAC,+BAA+B,CAAC,GAAGE,OAAO,CAACR,MAAM;GACzD,EACDL,SACD,CAAC;AAED,EAAA,oBACCc,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,KAASV,cAAc,EAAA;AAAEN,IAAAA,SAAS,EAAES,UAAW;IAAC,YAAA,EAAA,MAAA,CAAAG,MAAA,CAAmBR,gBAAgB;AAAG,GAAA,CAAA,EACpFC,MAAM,GAAGA,MAAM,GAAG,EACf,CAAC;AAER;;;;"}

package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, typeof as _typeof, extends as _extends, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
@@ -22,7 +22,7 @@ function MrlBreadcrumbItem(props) {
     _props$isTruncated = props.isTruncated,
     isTruncated = _props$isTruncated === void 0 ? false : _props$isTruncated,
     rest = _objectWithoutProperties(props, _excluded);
-  var breadcrumbItem = React.useMemo(function () {
+  var breadcrumbItem = React.useMemo(() => {
     if (isSelected) {
       // eslint-disable-next-line jsx-a11y/anchor-is-valid
       return /*#__PURE__*/React.createElement("a", {
@@ -33,12 +33,15 @@ function MrlBreadcrumbItem(props) {
       return /*#__PURE__*/React.createElement("a", {
         href: link
       }, text);
-    } else if (_typeof(link) === 'object') {
+    } else if (typeof link === 'object') {
       return /*#__PURE__*/React.createElement(Link, link, text);
     }
   }, [link, text, isSelected]);
   return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
-    className: classnames(styles['MrlBreadcrumbItem'], 'MrlBreadcrumbItem', _defineProperty(_defineProperty({}, styles['MrlBreadcrumbItem--selected'], isSelected), 'MrlBreadcrumbItem--selected', isSelected))
+    className: classnames(styles['MrlBreadcrumbItem'], 'MrlBreadcrumbItem', {
+      [styles['MrlBreadcrumbItem--selected']]: isSelected,
+      ['MrlBreadcrumbItem--selected']: isSelected
+    })
   }), isTruncated && /*#__PURE__*/React.createElement("span", {
     className: classnames(styles['MrlBreadcrumbItem--icon'])
   }, /*#__PURE__*/React.createElement(MrlSvg, {

package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlBreadcrumbItem.js","sources":["../../../../../src/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport * as React from 'react';\nimport classnames from 'classnames';\nimport { Link } from 'react-router-dom';\nimport styles from './MrlBreadcrumbItem.module.scss';\nimport { MrlSvg } from '../../svg';\nimport { more } from '@muraldevkit/ds-icons';\nimport { MrlBreadcrumbSeparator } from '../MrlBreadcrumbSeparator';\n\nexport type BreadcrumbItemLink =\n\t| {\n\t\t\ttext: string;\n\t\t\tlink: string;\n\t  }\n\t| {\n\t\t\ttext: string;\n\t\t\tlink: React.ComponentPropsWithoutRef<typeof Link>;\n\t  };\n\nexport type BreadcrumbItem = {\n\tisSelected?: boolean;\n\thasSeparator?: boolean;\n\tisTruncated?: boolean;\n} & BreadcrumbItemLink;\n\nexport interface MrlBreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {\n\t/**\n\t * Children to be rendered within the component\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Determines whether a separator should be displayed after this breadcrumb item.\n\t */\n\thasSeparator?: BreadcrumbItem['hasSeparator'];\n\n\t/**\n\t * Indicates whether this breadcrumb item represents the currently selected or\n\t * active page.\n\t */\n\tisSelected?: BreadcrumbItem['isSelected'];\n\n\t/**\n\t * Specifies whether the text content of this breadcrumb item should be truncated\n\t * if it exceeds a certain width. This is useful for handling long page titles\n\t * or labels within the breadcrumb.\n\t */\n\tisTruncated?: boolean;\n\n\tlink?: BreadcrumbItem['link'];\n\ttext?: BreadcrumbItem['text'];\n}\n\n/**\n * MrlBreadcrumbItem component.\n * @param props The MrlBreadcrumbItem component properties.\n * @returns The MrlBreadcrumbItem component.\n */\nexport function MrlBreadcrumbItem(props: MrlBreadcrumbItemProps): JSX.Element {\n\tconst { link, text, isSelected, hasSeparator = true, isTruncated = false, ...rest } = props;\n\n\tconst breadcrumbItem = React.useMemo(() => {\n\t\tif (isSelected) {\n\t\t\t// eslint-disable-next-line jsx-a11y/anchor-is-valid\n\t\t\treturn <a aria-current=\"page\">{text}</a>;\n\t\t}\n\n\t\tif (typeof link === 'string') {\n\t\t\treturn <a href={link}>{text}</a>;\n\t\t} else if (typeof link === 'object') {\n\t\t\treturn <Link {...link}>{text}</Link>;\n\t\t}\n\t}, [link, text, isSelected]);\n\n\treturn (\n\t\t<li\n\t\t\t{...rest}\n\t\t\tclassName={classnames(styles['MrlBreadcrumbItem'], 'MrlBreadcrumbItem', {\n\t\t\t\t[styles['MrlBreadcrumbItem--selected']]: isSelected,\n\t\t\t\t['MrlBreadcrumbItem--selected']: isSelected\n\t\t\t})}\n\t\t>\n\t\t\t{isTruncated && (\n\t\t\t\t<span className={classnames(styles['MrlBreadcrumbItem--icon'])}>\n\t\t\t\t\t<MrlSvg size=\"auto\" svg={more} />\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t{!isTruncated && breadcrumbItem}\n\t\t\t{hasSeparator && <MrlBreadcrumbSeparator />}\n\t\t</li>\n\t);\n}\n"],"names":["MrlBreadcrumbItem","props","link","text","isSelected","_props$hasSeparator","hasSeparator","_props$isTruncated","isTruncated","rest","_objectWithoutProperties","_excluded","breadcrumbItem","React","useMemo","createElement","href","_typeof","Link","_extends","className","classnames","styles","_defineProperty","MrlSvg","size","svg","more","MrlBreadcrumbSeparator"],"mappings":";;;;;;;;;;AAqDA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAACC,KAA6B,EAAe;AAC7E,EAAA,IAAQC,IAAI,GAA0ED,KAAK,CAAnFC,IAAI;IAAEC,IAAI,GAAoEF,KAAK,CAA7EE,IAAI;IAAEC,UAAU,GAAwDH,KAAK,CAAvEG,UAAU;IAAAC,mBAAA,GAAwDJ,KAAK,CAA3DK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;IAAAE,kBAAA,GAAmCN,KAAK,CAAtCO,WAAW;AAAXA,IAAAA,WAAW,GAAAD,kBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,kBAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA;AAE3F,EAAA,IAAMC,cAAc,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;AAC1C,IAAA,IAAIV,UAAU,EAAE;AACf;MACA,oBAAOS,KAAA,CAAAE,aAAA,CAAA,GAAA,EAAA;QAAG,cAAA,EAAa;AAAM,OAAA,EAAEZ,IAAQ,CAAC;AACzC,IAAA;AAEA,IAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;MAC7B,oBAAOW,KAAA,CAAAE,aAAA,CAAA,GAAA,EAAA;AAAGC,QAAAA,IAAI,EAAEd;AAAK,OAAA,EAAEC,IAAQ,CAAC;AACjC,IAAA,CAAC,MAAM,IAAIc,OAAA,CAAOf,IAAI,CAAA,KAAK,QAAQ,EAAE;MACpC,oBAAOW,KAAA,CAAAE,aAAA,CAACG,IAAI,EAAKhB,IAAI,EAAGC,IAAW,CAAC;AACrC,IAAA;EACD,CAAC,EAAE,CAACD,IAAI,EAAEC,IAAI,EAAEC,UAAU,CAAC,CAAC;AAE5B,EAAA,oBACCS,KAAA,CAAAE,aAAA,CAAA,IAAA,EAAAI,QAAA,KACKV,IAAI,EAAA;IACRW,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,EAAAC,eAAA,CAAAA,eAAA,CAAA,EAAA,EACpED,MAAM,CAAC,6BAA6B,CAAC,EAAGlB,UAAU,CAAA,EAClD,6BAA6B,EAAGA,UAAU,CAC3C;AAAE,GAAA,CAAA,EAEFI,WAAW,iBACXK,KAAA,CAAAE,aAAA,CAAA,MAAA,EAAA;AAAMK,IAAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC,yBAAyB,CAAC;AAAE,GAAA,eAC9DT,KAAA,CAAAE,aAAA,CAACS,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEC;AAAK,GAAE,CAC3B,CACN,EACA,CAACnB,WAAW,IAAII,cAAc,EAC9BN,YAAY,iBAAIO,KAAA,CAAAE,aAAA,CAACa,sBAAsB,EAAA,IAAE,CACvC,CAAC;AAEP;;;;"}
+{"version":3,"file":"MrlBreadcrumbItem.js","sources":["../../../../../src/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport * as React from 'react';\nimport classnames from 'classnames';\nimport { Link } from 'react-router-dom';\nimport styles from './MrlBreadcrumbItem.module.scss';\nimport { MrlSvg } from '../../svg';\nimport { more } from '@muraldevkit/ds-icons';\nimport { MrlBreadcrumbSeparator } from '../MrlBreadcrumbSeparator';\n\nexport type BreadcrumbItemLink =\n\t| {\n\t\t\ttext: string;\n\t\t\tlink: string;\n\t  }\n\t| {\n\t\t\ttext: string;\n\t\t\tlink: React.ComponentPropsWithoutRef<typeof Link>;\n\t  };\n\nexport type BreadcrumbItem = {\n\tisSelected?: boolean;\n\thasSeparator?: boolean;\n\tisTruncated?: boolean;\n} & BreadcrumbItemLink;\n\nexport interface MrlBreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {\n\t/**\n\t * Children to be rendered within the component\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Determines whether a separator should be displayed after this breadcrumb item.\n\t */\n\thasSeparator?: BreadcrumbItem['hasSeparator'];\n\n\t/**\n\t * Indicates whether this breadcrumb item represents the currently selected or\n\t * active page.\n\t */\n\tisSelected?: BreadcrumbItem['isSelected'];\n\n\t/**\n\t * Specifies whether the text content of this breadcrumb item should be truncated\n\t * if it exceeds a certain width. This is useful for handling long page titles\n\t * or labels within the breadcrumb.\n\t */\n\tisTruncated?: boolean;\n\n\tlink?: BreadcrumbItem['link'];\n\ttext?: BreadcrumbItem['text'];\n}\n\n/**\n * MrlBreadcrumbItem component.\n * @param props The MrlBreadcrumbItem component properties.\n * @returns The MrlBreadcrumbItem component.\n */\nexport function MrlBreadcrumbItem(props: MrlBreadcrumbItemProps): JSX.Element {\n\tconst { link, text, isSelected, hasSeparator = true, isTruncated = false, ...rest } = props;\n\n\tconst breadcrumbItem = React.useMemo(() => {\n\t\tif (isSelected) {\n\t\t\t// eslint-disable-next-line jsx-a11y/anchor-is-valid\n\t\t\treturn <a aria-current=\"page\">{text}</a>;\n\t\t}\n\n\t\tif (typeof link === 'string') {\n\t\t\treturn <a href={link}>{text}</a>;\n\t\t} else if (typeof link === 'object') {\n\t\t\treturn <Link {...link}>{text}</Link>;\n\t\t}\n\t}, [link, text, isSelected]);\n\n\treturn (\n\t\t<li\n\t\t\t{...rest}\n\t\t\tclassName={classnames(styles['MrlBreadcrumbItem'], 'MrlBreadcrumbItem', {\n\t\t\t\t[styles['MrlBreadcrumbItem--selected']]: isSelected,\n\t\t\t\t['MrlBreadcrumbItem--selected']: isSelected\n\t\t\t})}\n\t\t>\n\t\t\t{isTruncated && (\n\t\t\t\t<span className={classnames(styles['MrlBreadcrumbItem--icon'])}>\n\t\t\t\t\t<MrlSvg size=\"auto\" svg={more} />\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t{!isTruncated && breadcrumbItem}\n\t\t\t{hasSeparator && <MrlBreadcrumbSeparator />}\n\t\t</li>\n\t);\n}\n"],"names":["MrlBreadcrumbItem","props","link","text","isSelected","_props$hasSeparator","hasSeparator","_props$isTruncated","isTruncated","rest","_objectWithoutProperties","_excluded","breadcrumbItem","React","useMemo","createElement","href","Link","_extends","className","classnames","styles","MrlSvg","size","svg","more","MrlBreadcrumbSeparator"],"mappings":";;;;;;;;;;AAqDA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAACC,KAA6B,EAAe;AAC7E,EAAA,IAAQC,IAAI,GAA0ED,KAAK,CAAnFC,IAAI;IAAEC,IAAI,GAAoEF,KAAK,CAA7EE,IAAI;IAAEC,UAAU,GAAwDH,KAAK,CAAvEG,UAAU;IAAAC,mBAAA,GAAwDJ,KAAK,CAA3DK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;IAAAE,kBAAA,GAAmCN,KAAK,CAAtCO,WAAW;AAAXA,IAAAA,WAAW,GAAAD,kBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,kBAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA;AAE3F,EAAA,IAAMC,cAAc,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;AAC1C,IAAA,IAAIV,UAAU,EAAE;AACf;MACA,oBAAOS,KAAA,CAAAE,aAAA,CAAA,GAAA,EAAA;QAAG,cAAA,EAAa;AAAM,OAAA,EAAEZ,IAAQ,CAAC;AACzC,IAAA;AAEA,IAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;MAC7B,oBAAOW,KAAA,CAAAE,aAAA,CAAA,GAAA,EAAA;AAAGC,QAAAA,IAAI,EAAEd;AAAK,OAAA,EAAEC,IAAQ,CAAC;AACjC,IAAA,CAAC,MAAM,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;MACpC,oBAAOW,KAAA,CAAAE,aAAA,CAACE,IAAI,EAAKf,IAAI,EAAGC,IAAW,CAAC;AACrC,IAAA;EACD,CAAC,EAAE,CAACD,IAAI,EAAEC,IAAI,EAAEC,UAAU,CAAC,CAAC;AAE5B,EAAA,oBACCS,KAAA,CAAAE,aAAA,CAAA,IAAA,EAAAG,QAAA,KACKT,IAAI,EAAA;IACRU,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,EAAE;AACvE,MAAA,CAACA,MAAM,CAAC,6BAA6B,CAAC,GAAGjB,UAAU;AACnD,MAAA,CAAC,6BAA6B,GAAGA;KACjC;AAAE,GAAA,CAAA,EAEFI,WAAW,iBACXK,KAAA,CAAAE,aAAA,CAAA,MAAA,EAAA;AAAMI,IAAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC,yBAAyB,CAAC;AAAE,GAAA,eAC9DR,KAAA,CAAAE,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEC;AAAK,GAAE,CAC3B,CACN,EACA,CAACjB,WAAW,IAAII,cAAc,EAC9BN,YAAY,iBAAIO,KAAA,CAAAE,aAAA,CAACW,sBAAsB,EAAA,IAAE,CACvC,CAAC;AAEP;;;;"}

package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, createForOfIteratorHelper as _createForOfIteratorHelper, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import styles from './MrlBreadcrumbs.module.scss.js';
@@ -19,35 +19,27 @@ function MrlBreadcrumbs(props) {
   var items = props.items,
     className = props.className,
     rest = _objectWithoutProperties(props, _excluded);
-  var breadcrumbsData = React.useMemo(function () {
+  var breadcrumbsData = React.useMemo(() => {
     var arr = [];
     var isTruncated = false;
-    var _iterator = _createForOfIteratorHelper(items.entries()),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _step$value = _slicedToArray(_step.value, 2),
-          i = _step$value[0],
-          item = _step$value[1];
-        if (item.isTruncated) {
-          isTruncated = true;
-          continue;
-        }
-        if (i === items.length - 1) {
-          arr.push(_objectSpread2(_objectSpread2({}, item), {}, {
-            hasSeparator: false
-          }));
-        } else {
-          arr.push(item);
-        }
+    for (var _ref3 of items.entries()) {
+      var _ref2 = _slicedToArray(_ref3, 2);
+      var i = _ref2[0];
+      var item = _ref2[1];
+      if (item.isTruncated) {
+        isTruncated = true;
+        continue;
+      }
+      if (i === items.length - 1) {
+        arr.push(_objectSpread2(_objectSpread2({}, item), {}, {
+          hasSeparator: false
+        }));
+      } else {
+        arr.push(item);
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
     return {
-      isTruncated: isTruncated,
+      isTruncated,
       items: arr
     };
   }, [items]);
@@ -56,7 +48,7 @@ function MrlBreadcrumbs(props) {
   }, breadcrumbsData.isTruncated && /*#__PURE__*/React.createElement(MrlBreadcrumbItem, {
     hasSeparator: true,
     isTruncated: true
-  }), breadcrumbsData.items.map(function (item, i) {
+  }), breadcrumbsData.items.map((item, i) => {
     return /*#__PURE__*/React.createElement(MrlBreadcrumbItem, _extends({
       key: "".concat(i).concat(item.text)
     }, item));

package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlBreadcrumbs.js","sources":["../../../../../src/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlBreadcrumbs.module.scss';\nimport { BreadcrumbItem, MrlBreadcrumbItem } from '../MrlBreadcrumbItem';\n\n/**\n * Props for the MrlBreadcrumbs component.\n */\nexport interface MrlBreadcrumbsProps extends React.ComponentPropsWithRef<'nav'> {\n\t/**\n\t * A string value used for data-qa attribute.\n\t */\n\t['data-qa']?: string;\n\n\t/**\n\t * The aria-label of the nav element\n\t */\n\t['aria-label']: string;\n\n\t/**\n\t * This prop accepts an array of objects, where each object represents a single breadcrumb item.\n\t * It's used to define the structure, content, and behavior of the breadcrumbs displayed in the component.\n\t * The `link` prop could be either the props of a react-router-dom link or a string. If a string is provided it will\n\t * render a regular link.\n\t */\n\titems: BreadcrumbItem[];\n}\n\n/**\n * MrlBreadcrumbs component.\n * @param props The MrlBreadcrumbs component properties.\n * @returns The MrlBreadcrumbs component.\n */\nexport function MrlBreadcrumbs(props: MrlBreadcrumbsProps): JSX.Element {\n\tconst { items, className, ...rest } = props;\n\n\tconst breadcrumbsData = React.useMemo(() => {\n\t\tconst arr = [];\n\t\tlet isTruncated = false;\n\n\t\tfor (const [i, item] of items.entries()) {\n\t\t\tif (item.isTruncated) {\n\t\t\t\tisTruncated = true;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (i === items.length - 1) {\n\t\t\t\tarr.push({\n\t\t\t\t\t...item,\n\t\t\t\t\thasSeparator: false\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tarr.push(item);\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tisTruncated,\n\t\t\titems: arr\n\t\t};\n\t}, [items]);\n\n\treturn (\n\t\t<nav {...rest}>\n\t\t\t<ol className={classnames(styles['MrlBreadcrumbs--list'], 'MrlBreadcrumbs--list', className)}>\n\t\t\t\t{breadcrumbsData.isTruncated && <MrlBreadcrumbItem hasSeparator isTruncated />}\n\t\t\t\t{breadcrumbsData.items.map((item, i) => {\n\t\t\t\t\treturn <MrlBreadcrumbItem key={`${i}${item.text}`} {...item} />;\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</nav>\n\t);\n}\n"],"names":["MrlBreadcrumbs","props","items","className","rest","_objectWithoutProperties","_excluded","breadcrumbsData","React","useMemo","arr","isTruncated","_iterator","_createForOfIteratorHelper","entries","_step","s","n","done","_step$value","_slicedToArray","value","i","item","length","push","_objectSpread","hasSeparator","err","e","f","createElement","classnames","styles","MrlBreadcrumbItem","map","_extends","key","concat","text"],"mappings":";;;;;;;;AAKA;AACA;AACA;;AAqBA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,KAA0B,EAAe;AACvE,EAAA,IAAQC,KAAK,GAAyBD,KAAK,CAAnCC,KAAK;IAAEC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA;AAE3C,EAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;IAC3C,IAAMC,GAAG,GAAG,EAAE;IACd,IAAIC,WAAW,GAAG,KAAK;IAAC,IAAAC,SAAA,GAAAC,0BAAA,CAEAX,KAAK,CAACY,OAAO,EAAE,CAAA;MAAAC,KAAA;AAAA,IAAA,IAAA;MAAvC,KAAAH,SAAA,CAAAI,CAAA,EAAA,EAAA,CAAA,CAAAD,KAAA,GAAAH,SAAA,CAAAK,CAAA,EAAA,EAAAC,IAAA,GAAyC;AAAA,QAAA,IAAAC,WAAA,GAAAC,cAAA,CAAAL,KAAA,CAAAM,KAAA,EAAA,CAAA,CAAA;AAA7BC,UAAAA,CAAC,GAAAH,WAAA,CAAA,CAAA,CAAA;AAAEI,UAAAA,IAAI,GAAAJ,WAAA,CAAA,CAAA,CAAA;QAClB,IAAII,IAAI,CAACZ,WAAW,EAAE;AACrBA,UAAAA,WAAW,GAAG,IAAI;AAClB,UAAA;AACD,QAAA;AAEA,QAAA,IAAIW,CAAC,KAAKpB,KAAK,CAACsB,MAAM,GAAG,CAAC,EAAE;AAC3Bd,UAAAA,GAAG,CAACe,IAAI,CAAAC,cAAA,CAAAA,cAAA,KACJH,IAAI,CAAA,EAAA,EAAA,EAAA;AACPI,YAAAA,YAAY,EAAE;AAAK,WAAA,CACnB,CAAC;AACH,QAAA,CAAC,MAAM;AACNjB,UAAAA,GAAG,CAACe,IAAI,CAACF,IAAI,CAAC;AACf,QAAA;AACD,MAAA;AAAC,IAAA,CAAA,CAAA,OAAAK,GAAA,EAAA;MAAAhB,SAAA,CAAAiB,CAAA,CAAAD,GAAA,CAAA;AAAA,IAAA,CAAA,SAAA;AAAAhB,MAAAA,SAAA,CAAAkB,CAAA,EAAA;AAAA,IAAA;IAED,OAAO;AACNnB,MAAAA,WAAW,EAAXA,WAAW;AACXT,MAAAA,KAAK,EAAEQ;KACP;AACF,EAAA,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EAEX,oBACCM,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAS3B,IAAI,eACZI,KAAA,CAAAuB,aAAA,CAAA,IAAA,EAAA;IAAI5B,SAAS,EAAE6B,UAAU,CAACC,MAAM,CAAC,sBAAsB,CAAC,EAAE,sBAAsB,EAAE9B,SAAS;GAAE,EAC3FI,eAAe,CAACI,WAAW,iBAAIH,KAAA,CAAAuB,aAAA,CAACG,iBAAiB,EAAA;IAACP,YAAY,EAAA,IAAA;IAAChB,WAAW,EAAA;AAAA,GAAE,CAAC,EAC7EJ,eAAe,CAACL,KAAK,CAACiC,GAAG,CAAC,UAACZ,IAAI,EAAED,CAAC,EAAK;AACvC,IAAA,oBAAOd,KAAA,CAAAuB,aAAA,CAACG,iBAAiB,EAAAE,QAAA,CAAA;MAACC,GAAG,EAAA,EAAA,CAAAC,MAAA,CAAKhB,CAAC,EAAAgB,MAAA,CAAGf,IAAI,CAACgB,IAAI;KAAG,EAAKhB,IAAI,CAAG,CAAC;EAChE,CAAC,CACE,CACA,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlBreadcrumbs.js","sources":["../../../../../src/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlBreadcrumbs.module.scss';\nimport { BreadcrumbItem, MrlBreadcrumbItem } from '../MrlBreadcrumbItem';\n\n/**\n * Props for the MrlBreadcrumbs component.\n */\nexport interface MrlBreadcrumbsProps extends React.ComponentPropsWithRef<'nav'> {\n\t/**\n\t * A string value used for data-qa attribute.\n\t */\n\t['data-qa']?: string;\n\n\t/**\n\t * The aria-label of the nav element\n\t */\n\t['aria-label']: string;\n\n\t/**\n\t * This prop accepts an array of objects, where each object represents a single breadcrumb item.\n\t * It's used to define the structure, content, and behavior of the breadcrumbs displayed in the component.\n\t * The `link` prop could be either the props of a react-router-dom link or a string. If a string is provided it will\n\t * render a regular link.\n\t */\n\titems: BreadcrumbItem[];\n}\n\n/**\n * MrlBreadcrumbs component.\n * @param props The MrlBreadcrumbs component properties.\n * @returns The MrlBreadcrumbs component.\n */\nexport function MrlBreadcrumbs(props: MrlBreadcrumbsProps): JSX.Element {\n\tconst { items, className, ...rest } = props;\n\n\tconst breadcrumbsData = React.useMemo(() => {\n\t\tconst arr = [];\n\t\tlet isTruncated = false;\n\n\t\tfor (const [i, item] of items.entries()) {\n\t\t\tif (item.isTruncated) {\n\t\t\t\tisTruncated = true;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (i === items.length - 1) {\n\t\t\t\tarr.push({\n\t\t\t\t\t...item,\n\t\t\t\t\thasSeparator: false\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tarr.push(item);\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tisTruncated,\n\t\t\titems: arr\n\t\t};\n\t}, [items]);\n\n\treturn (\n\t\t<nav {...rest}>\n\t\t\t<ol className={classnames(styles['MrlBreadcrumbs--list'], 'MrlBreadcrumbs--list', className)}>\n\t\t\t\t{breadcrumbsData.isTruncated && <MrlBreadcrumbItem hasSeparator isTruncated />}\n\t\t\t\t{breadcrumbsData.items.map((item, i) => {\n\t\t\t\t\treturn <MrlBreadcrumbItem key={`${i}${item.text}`} {...item} />;\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</nav>\n\t);\n}\n"],"names":["MrlBreadcrumbs","props","items","className","rest","_objectWithoutProperties","_excluded","breadcrumbsData","React","useMemo","arr","isTruncated","_ref3","entries","_ref2","_slicedToArray","i","item","length","push","_objectSpread","hasSeparator","createElement","classnames","styles","MrlBreadcrumbItem","map","_extends","key","concat","text"],"mappings":";;;;;;;;AAKA;AACA;AACA;;AAqBA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,KAA0B,EAAe;AACvE,EAAA,IAAQC,KAAK,GAAyBD,KAAK,CAAnCC,KAAK;IAAEC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA;AAE3C,EAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;IAC3C,IAAMC,GAAG,GAAG,EAAE;IACd,IAAIC,WAAW,GAAG,KAAK;AAEvB,IAAA,KAAA,IAAAC,KAAA,IAAwBV,KAAK,CAACW,OAAO,EAAE,EAAE;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAH,KAAA,EAAA,CAAA,CAAA;MAAA,IAA7BI,CAAC,GAAAF,KAAA,CAAA,CAAA,CAAA;MAAA,IAAEG,IAAI,GAAAH,KAAA,CAAA,CAAA,CAAA;MAClB,IAAIG,IAAI,CAACN,WAAW,EAAE;AACrBA,QAAAA,WAAW,GAAG,IAAI;AAClB,QAAA;AACD,MAAA;AAEA,MAAA,IAAIK,CAAC,KAAKd,KAAK,CAACgB,MAAM,GAAG,CAAC,EAAE;AAC3BR,QAAAA,GAAG,CAACS,IAAI,CAAAC,cAAA,CAAAA,cAAA,KACJH,IAAI,CAAA,EAAA,EAAA,EAAA;AACPI,UAAAA,YAAY,EAAE;AAAK,SAAA,CACnB,CAAC;AACH,MAAA,CAAC,MAAM;AACNX,QAAAA,GAAG,CAACS,IAAI,CAACF,IAAI,CAAC;AACf,MAAA;AACD,IAAA;IAEA,OAAO;MACNN,WAAW;AACXT,MAAAA,KAAK,EAAEQ;KACP;AACF,EAAA,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EAEX,oBACCM,KAAA,CAAAc,aAAA,CAAA,KAAA,EAASlB,IAAI,eACZI,KAAA,CAAAc,aAAA,CAAA,IAAA,EAAA;IAAInB,SAAS,EAAEoB,UAAU,CAACC,MAAM,CAAC,sBAAsB,CAAC,EAAE,sBAAsB,EAAErB,SAAS;GAAE,EAC3FI,eAAe,CAACI,WAAW,iBAAIH,KAAA,CAAAc,aAAA,CAACG,iBAAiB,EAAA;IAACJ,YAAY,EAAA,IAAA;IAACV,WAAW,EAAA;AAAA,GAAE,CAAC,EAC7EJ,eAAe,CAACL,KAAK,CAACwB,GAAG,CAAC,CAACT,IAAI,EAAED,CAAC,KAAK;AACvC,IAAA,oBAAOR,KAAA,CAAAc,aAAA,CAACG,iBAAiB,EAAAE,QAAA,CAAA;MAACC,GAAG,EAAA,EAAA,CAAAC,MAAA,CAAKb,CAAC,EAAAa,MAAA,CAAGZ,IAAI,CAACa,IAAI;KAAG,EAAKb,IAAI,CAAG,CAAC;EAChE,CAAC,CACE,CACA,CAAC;AAER;;;;"}

package/dist/esm/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
 import * as React from 'react';
 import { MrlSvgAnimate } from '../../svg/MrlSvgAnimate/MrlSvgAnimate.js';
@@ -45,9 +45,7 @@ var MrlAnimatedIconButton = /*#__PURE__*/React.forwardRef(function MrlAnimatedIc
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     isHovered = _React$useState4[0],
     setHover = _React$useState4[1];
-  var _React$useState5 = React.useState(function () {
-      return _isSelected(state);
-    }),
+  var _React$useState5 = React.useState(() => _isSelected(state)),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     isSelected = _React$useState6[0],
     setIsSelected = _React$useState6[1];
@@ -56,9 +54,7 @@ var MrlAnimatedIconButton = /*#__PURE__*/React.forwardRef(function MrlAnimatedIc
    * `useImperativeHandle` customizes the instance value
    * that is exposed to parent components when using ref.
    */
-  React.useImperativeHandle(ref, function () {
-    return buttonRef.current;
-  });
+  React.useImperativeHandle(ref, () => buttonRef.current);
 
   /**
    * MrlAnimatedIconButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'
@@ -70,7 +66,7 @@ var MrlAnimatedIconButton = /*#__PURE__*/React.forwardRef(function MrlAnimatedIc
    * the value of state passed as props and the internal
    * isSelected piece of state.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     // allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.
     setIsSelected(_isSelected(state));
   }, [state]);
@@ -79,15 +75,13 @@ var MrlAnimatedIconButton = /*#__PURE__*/React.forwardRef(function MrlAnimatedIc
    * Handle onClick events
    * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event
    */
-  var handleOnClick = function handleOnClick(e) {
+  var handleOnClick = e => {
     e.stopPropagation();
     if (_isDisabled(state, loading) || disableEvents) {
       return;
     }
     if (isToggleButton) {
-      setIsSelected(function (prevIsSelected) {
-        return !prevIsSelected;
-      });
+      setIsSelected(prevIsSelected => !prevIsSelected);
     }
     if (onClick && typeof onClick === 'function') {
       onClick(e);
@@ -99,7 +93,7 @@ var MrlAnimatedIconButton = /*#__PURE__*/React.forwardRef(function MrlAnimatedIc
    * @param {boolean} mouseEnter - Determines if this is a mouseEnter event
    * @returns {void}
    */
-  var handleMouseInteraction = function handleMouseInteraction(mouseEnter) {
+  var handleMouseInteraction = mouseEnter => {
     /** Set hover status of button */
     setHover(mouseEnter);
 
@@ -159,23 +153,25 @@ var MrlAnimatedIconButton = /*#__PURE__*/React.forwardRef(function MrlAnimatedIc
     }
     setAnimation('play');
   };
-  var handleBlur = function handleBlur() {
+  var handleBlur = () => {
     handleAnimation('blur');
   };
-  var handleFocus = function handleFocus() {
+  var handleFocus = () => {
     handleAnimation('focus');
   };
-  var handleMouseEnter = function handleMouseEnter() {
+  var handleMouseEnter = () => {
     handleAnimation('hover', true);
   };
-  var handleMouseLeave = function handleMouseLeave() {
+  var handleMouseLeave = () => {
     handleAnimation('hover');
   };
   var classNames = classnames('mrlIconButton', "mrlIconButton--".concat(size), "mrlIconButton--".concat(kind), 'mrlAnimatedIconButton', "toggleStyle--".concat(toggleStyle));
   var attributes = setAttributes(attrs, _objectSpread2(_objectSpread2({
     'aria-disabled': _isDisabled(state, loading),
     'aria-label': text
-  }, isToggleButton && _defineProperty({}, "aria-".concat(toggleAria), isSelected || false)), {}, {
+  }, isToggleButton && {
+    ["aria-".concat(toggleAria)]: isSelected || false
+  }), {}, {
     type: 'button'
   }));
   return /*#__PURE__*/React.createElement(MrlTooltip, {

package/dist/esm/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlAnimatedIconButton.js","sources":["../../../../../src/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\nimport { setAttributes } from '../../../utils';\nimport { MrlSvgAnimate, MrlSvgAnimateProps } from '../../svg/MrlSvgAnimate/MrlSvgAnimate';\nimport { AnimatedState } from '../../svg/constants';\nimport { MrlTooltip } from '../../tooltip';\nimport { MrlTooltipDefaults } from '../../tooltip/constants';\nimport { MrlIconButtonProps } from '../MrlIconButton/MrlIconButton';\nimport { buttonDefaults } from '../constants';\nimport { _isDisabled, _isSelected, _isToggleButton } from '../helpers';\n\nimport './MrlAnimatedIconButton.scss';\n\ninterface MrlAnimatedIconButtonProps extends Omit<MrlIconButtonProps, 'icon'> {\n\ticon: MrlSvgAnimateProps;\n}\n\ntype animationEvent = 'hover' | 'blur' | 'focus';\n\nexport const MrlAnimatedIconButton = React.forwardRef<\n\tHTMLButtonElement,\n\tMrlAnimatedIconButtonProps\n>(function MrlAnimatedIconButton(\n\t{\n\t\tattrs = {},\n\t\tbadge,\n\t\tdisableEvents = false,\n\t\ticon,\n\t\t// We intentionally deviate from the basic button for icon-buttons since the vast\n\t\t// majority of icon buttons are ghost buttons. The proptype remains\n\t\t// consistent with the basic button however to keep our code DRY.\n\t\tkind = 'ghost-inverse',\n\t\tloading = false,\n\t\tonClick,\n\t\tposition = MrlTooltipDefaults.position,\n\t\ttoggleAria = buttonDefaults.toggleAria,\n\t\ttoggleStyle,\n\t\ttext,\n\t\ttipAnchor = MrlTooltipDefaults.anchor,\n\t\tsize = buttonDefaults.size,\n\t\tstate = buttonDefaults.state,\n\t\t...remainingProps\n\t}: MrlAnimatedIconButtonProps,\n\tref\n) {\n\t/**\n\t * State value to determine if the icon should be animating\n\t */\n\tconst [isAnimating, setAnimation] = React.useState<AnimatedState>('stop');\n\n\tconst [isHovered, setHover] = React.useState(false);\n\n\tconst [isSelected, setIsSelected] = React.useState(() => _isSelected(state));\n\n\tconst buttonRef = React.useRef<HTMLButtonElement>(null);\n\t/**\n\t * `useImperativeHandle` customizes the instance value\n\t * that is exposed to parent components when using ref.\n\t */\n\tReact.useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n\t\tref,\n\t\t() => buttonRef.current\n\t);\n\n\t/**\n\t * MrlAnimatedIconButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'\n\t */\n\tconst isToggleButton = toggleStyle && _isToggleButton(toggleStyle);\n\n\t/**\n\t * We need to watch the value of state to keep in sync\n\t * the value of state passed as props and the internal\n\t * isSelected piece of state.\n\t */\n\tReact.useEffect(() => {\n\t\t// allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.\n\t\tsetIsSelected(_isSelected(state));\n\t}, [state]);\n\n\t/**\n\t * Handle onClick events\n\t * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event\n\t */\n\tconst handleOnClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\n\t\te.stopPropagation();\n\n\t\tif (_isDisabled(state, loading) || disableEvents) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isToggleButton) {\n\t\t\tsetIsSelected((prevIsSelected) => !prevIsSelected);\n\t\t}\n\n\t\tif (onClick && typeof onClick === 'function') {\n\t\t\tonClick(e);\n\t\t}\n\t};\n\n\t/**\n\t * Handle animation status for mouse events exclusively\n\t * @param {boolean} mouseEnter - Determines if this is a mouseEnter event\n\t * @returns {void}\n\t */\n\tconst handleMouseInteraction = (mouseEnter: boolean): void => {\n\t\t/** Set hover status of button */\n\t\tsetHover(mouseEnter);\n\n\t\t/**\n\t\t * If the button is in focus and we trigger a mouse event\n\t\t * we don't need to change the animation state.\n\t\t */\n\t\tif (document.activeElement === buttonRef.current) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isAnimating === 'play') {\n\t\t\tsetAnimation('stop');\n\t\t} else {\n\t\t\tsetAnimation('play');\n\t\t}\n\t};\n\n\t/**\n\t * Handle animation status for mouse and keyboard events\n\t * @param {animationEvent} eventType - The type of interaction that is triggering the animation update.\n\t * @param {boolean} startEvent - Whether or not this event should start an animation\n\t * @returns {void}\n\t */\n\tconst handleAnimation = (eventType: animationEvent, startEvent = false): void => {\n\t\t/** If the button is diabled or selected, the animation must be stopped */\n\t\tif (isSelected || _isDisabled(state, loading)) {\n\t\t\tsetAnimation('stop');\n\t\t\t/** We still need to track the hover state */\n\t\t\tsetHover(startEvent);\n\t\t\treturn;\n\t\t}\n\n\t\t/**\n\t\t * If the event is a hover interaction, handle them appropriately.\n\t\t * We do this to ensure you can hover and focus without restarting\n\t\t * or stopping the animation incorrectly.\n\t\t */\n\t\tif (eventType === 'hover') {\n\t\t\thandleMouseInteraction(startEvent);\n\n\t\t\treturn;\n\t\t}\n\n\t\t/**\n\t\t * Keyboard events\n\t\t */\n\t\tif (isAnimating === 'play') {\n\t\t\t/**\n\t\t\t * If a button is hovered and focused, do not stop the\n\t\t\t * animation on blur.\n\t\t\t */\n\t\t\tif (isHovered) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetAnimation('stop');\n\t\t\treturn;\n\t\t}\n\n\t\tsetAnimation('play');\n\t};\n\n\tconst handleBlur = () => {\n\t\thandleAnimation('blur');\n\t};\n\n\tconst handleFocus = () => {\n\t\thandleAnimation('focus');\n\t};\n\n\tconst handleMouseEnter = () => {\n\t\thandleAnimation('hover', true);\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\thandleAnimation('hover');\n\t};\n\n\tconst classNames = classnames(\n\t\t'mrlIconButton',\n\t\t`mrlIconButton--${size}`,\n\t\t`mrlIconButton--${kind}`,\n\t\t'mrlAnimatedIconButton',\n\t\t`toggleStyle--${toggleStyle}`\n\t);\n\n\tconst attributes = setAttributes(attrs, {\n\t\t'aria-disabled': _isDisabled(state, loading),\n\t\t'aria-label': text,\n\t\t...(isToggleButton && { [`aria-${toggleAria}`]: isSelected || false }),\n\t\ttype: 'button'\n\t});\n\n\treturn (\n\t\t<MrlTooltip anchor={tipAnchor} position={position} text={text}>\n\t\t\t<button\n\t\t\t\t{...attributes}\n\t\t\t\t{...remainingProps}\n\t\t\t\tclassName={classNames}\n\t\t\t\tref={buttonRef}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonClick={handleOnClick}\n\t\t\t\tonFocus={handleFocus}\n\t\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t<div className=\"mrlAnimatedIconButton-iconContainer\">\n\t\t\t\t\t<MrlSvgAnimate {...icon} state={isAnimating} />\n\t\t\t\t</div>\n\t\t\t\t{badge}\n\t\t\t</button>\n\t\t</MrlTooltip>\n\t);\n});\n"],"names":["MrlAnimatedIconButton","React","forwardRef","_ref","ref","_ref$attrs","attrs","badge","_ref$disableEvents","disableEvents","icon","_ref$kind","kind","_ref$loading","loading","onClick","_ref$position","position","MrlTooltipDefaults","_ref$toggleAria","toggleAria","buttonDefaults","toggleStyle","text","_ref$tipAnchor","tipAnchor","anchor","_ref$size","size","_ref$state","state","remainingProps","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isAnimating","setAnimation","_React$useState3","_React$useState4","isHovered","setHover","_React$useState5","_isSelected","_React$useState6","isSelected","setIsSelected","buttonRef","useRef","useImperativeHandle","current","isToggleButton","_isToggleButton","useEffect","handleOnClick","e","stopPropagation","_isDisabled","prevIsSelected","handleMouseInteraction","mouseEnter","document","activeElement","handleAnimation","eventType","startEvent","arguments","length","undefined","handleBlur","handleFocus","handleMouseEnter","handleMouseLeave","classNames","classnames","concat","attributes","setAttributes","_objectSpread","_defineProperty","type","createElement","MrlTooltip","_extends","className","onBlur","onFocus","onMouseEnter","onMouseLeave","MrlSvgAnimate"],"mappings":";;;;;;;;;;;AAmBO,IAAMA,qBAAqB,gBAAGC,KAAK,CAACC,UAAU,CAGnD,SAASF,qBAAqBA,CAAAG,IAAA,EAqB/BC,GAAG,EACF;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CApBAG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,kBAAA,GAAAL,IAAA,CACLM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,kBAAA;IACrBE,IAAI,GAAAP,IAAA,CAAJO,IAAI;IAAAC,SAAA,GAAAR,IAAA,CAIJS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,eAAe,GAAAA,SAAA;IAAAE,YAAA,GAAAV,IAAA,CACtBW,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IACfE,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IAAAC,aAAA,GAAAb,IAAA,CACPc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGE,kBAAkB,CAACD,QAAQ,GAAAD,aAAA;IAAAG,eAAA,GAAAhB,IAAA,CACtCiB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAGE,cAAc,CAACD,UAAU,GAAAD,eAAA;IACtCG,WAAW,GAAAnB,IAAA,CAAXmB,WAAW;IACXC,IAAI,GAAApB,IAAA,CAAJoB,IAAI;IAAAC,cAAA,GAAArB,IAAA,CACJsB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAGN,kBAAkB,CAACQ,MAAM,GAAAF,cAAA;IAAAG,SAAA,GAAAxB,IAAA,CACrCyB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGN,cAAc,CAACO,IAAI,GAAAD,SAAA;IAAAE,UAAA,GAAA1B,IAAA,CAC1B2B,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGR,cAAc,CAACS,KAAK,GAAAD,UAAA;AACzBE,IAAAA,cAAc,GAAAC,wBAAA,CAAA7B,IAAA,EAAA8B,SAAA,CAAA;AAIlB;AACD;AACA;AACC,EAAA,IAAAC,eAAA,GAAoCjC,KAAK,CAACkC,QAAQ,CAAgB,MAAM,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAlEI,IAAAA,WAAW,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,gBAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAAI,gBAAA,GAA8BvC,KAAK,CAACkC,QAAQ,CAAC,KAAK,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA,EAAA,CAAA,CAAA;AAA5CE,IAAAA,SAAS,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAE1B,EAAA,IAAAG,gBAAA,GAAoC3C,KAAK,CAACkC,QAAQ,CAAC,YAAA;MAAA,OAAMU,WAAW,CAACf,KAAK,CAAC;IAAA,CAAA,CAAC;IAAAgB,gBAAA,GAAAT,cAAA,CAAAO,gBAAA,EAAA,CAAA,CAAA;AAArEG,IAAAA,UAAU,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMG,SAAS,GAAGhD,KAAK,CAACiD,MAAM,CAAoB,IAAI,CAAC;AACvD;AACD;AACA;AACA;AACCjD,EAAAA,KAAK,CAACkD,mBAAmB,CACxB/C,GAAG,EACH,YAAA;IAAA,OAAM6C,SAAS,CAACG,OAAO;AAAA,EAAA,CACxB,CAAC;;AAED;AACD;AACA;AACC,EAAA,IAAMC,cAAc,GAAG/B,WAAW,IAAIgC,eAAe,CAAChC,WAAW,CAAC;;AAElE;AACD;AACA;AACA;AACA;EACCrB,KAAK,CAACsD,SAAS,CAAC,YAAM;AACrB;AACAP,IAAAA,aAAa,CAACH,WAAW,CAACf,KAAK,CAAC,CAAC;AAClC,EAAA,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;AAEX;AACD;AACA;AACA;AACC,EAAA,IAAM0B,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,CAAsC,EAAW;IACvEA,CAAC,CAACC,eAAe,EAAE;IAEnB,IAAIC,WAAW,CAAC7B,KAAK,EAAEhB,OAAO,CAAC,IAAIL,aAAa,EAAE;AACjD,MAAA;AACD,IAAA;AAEA,IAAA,IAAI4C,cAAc,EAAE;MACnBL,aAAa,CAAC,UAACY,cAAc,EAAA;AAAA,QAAA,OAAK,CAACA,cAAc;MAAA,CAAA,CAAC;AACnD,IAAA;AAEA,IAAA,IAAI7C,OAAO,IAAI,OAAOA,OAAO,KAAK,UAAU,EAAE;MAC7CA,OAAO,CAAC0C,CAAC,CAAC;AACX,IAAA;EACD,CAAC;;AAED;AACD;AACA;AACA;AACA;AACC,EAAA,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,UAAmB,EAAW;AAC7D;IACAnB,QAAQ,CAACmB,UAAU,CAAC;;AAEpB;AACF;AACA;AACA;AACE,IAAA,IAAIC,QAAQ,CAACC,aAAa,KAAKf,SAAS,CAACG,OAAO,EAAE;AACjD,MAAA;AACD,IAAA;IAEA,IAAId,WAAW,KAAK,MAAM,EAAE;MAC3BC,YAAY,CAAC,MAAM,CAAC;AACrB,IAAA,CAAC,MAAM;MACNA,YAAY,CAAC,MAAM,CAAC;AACrB,IAAA;EACD,CAAC;;AAED;AACD;AACA;AACA;AACA;AACA;AACC,EAAA,IAAM0B,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,SAAyB,EAA+B;AAAA,IAAA,IAA7BC,UAAU,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK;AACrE;IACA,IAAIrB,UAAU,IAAIY,WAAW,CAAC7B,KAAK,EAAEhB,OAAO,CAAC,EAAE;MAC9CyB,YAAY,CAAC,MAAM,CAAC;AACpB;MACAI,QAAQ,CAACwB,UAAU,CAAC;AACpB,MAAA;AACD,IAAA;;AAEA;AACF;AACA;AACA;AACA;IACE,IAAID,SAAS,KAAK,OAAO,EAAE;MAC1BL,sBAAsB,CAACM,UAAU,CAAC;AAElC,MAAA;AACD,IAAA;;AAEA;AACF;AACA;IACE,IAAI7B,WAAW,KAAK,MAAM,EAAE;AAC3B;AACH;AACA;AACA;AACG,MAAA,IAAII,SAAS,EAAE;AACd,QAAA;AACD,MAAA;MAEAH,YAAY,CAAC,MAAM,CAAC;AACpB,MAAA;AACD,IAAA;IAEAA,YAAY,CAAC,MAAM,CAAC;EACrB,CAAC;AAED,EAAA,IAAMgC,UAAU,GAAG,SAAbA,UAAUA,GAAS;IACxBN,eAAe,CAAC,MAAM,CAAC;EACxB,CAAC;AAED,EAAA,IAAMO,WAAW,GAAG,SAAdA,WAAWA,GAAS;IACzBP,eAAe,CAAC,OAAO,CAAC;EACzB,CAAC;AAED,EAAA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAS;AAC9BR,IAAAA,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC;EAC/B,CAAC;AAED,EAAA,IAAMS,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAS;IAC9BT,eAAe,CAAC,OAAO,CAAC;EACzB,CAAC;EAED,IAAMU,UAAU,GAAGC,UAAU,CAC5B,eAAe,EAAA,iBAAA,CAAAC,MAAA,CACGjD,IAAI,CAAA,EAAA,iBAAA,CAAAiD,MAAA,CACJjE,IAAI,GACtB,uBAAuB,EAAA,eAAA,CAAAiE,MAAA,CACPvD,WAAW,CAC5B,CAAC;EAED,IAAMwD,UAAU,GAAGC,aAAa,CAACzE,KAAK,EAAA0E,cAAA,CAAAA,cAAA,CAAA;AACrC,IAAA,eAAe,EAAErB,WAAW,CAAC7B,KAAK,EAAEhB,OAAO,CAAC;AAC5C,IAAA,YAAY,EAAES;GAAI,EACd8B,cAAc,IAAA4B,eAAA,CAAA,EAAA,EAAA,OAAA,CAAAJ,MAAA,CAAezD,UAAU,CAAA,EAAK2B,UAAU,IAAI,KAAK,CAAE,CAAA,EAAA,EAAA,EAAA;AACrEmC,IAAAA,IAAI,EAAE;AAAQ,GAAA,CACd,CAAC;AAEF,EAAA,oBACCjF,KAAA,CAAAkF,aAAA,CAACC,UAAU,EAAA;AAAC1D,IAAAA,MAAM,EAAED,SAAU;AAACR,IAAAA,QAAQ,EAAEA,QAAS;AAACM,IAAAA,IAAI,EAAEA;GAAK,eAC7DtB,KAAA,CAAAkF,aAAA,CAAA,QAAA,EAAAE,QAAA,CAAA,EAAA,EACKP,UAAU,EACV/C,cAAc,EAAA;AAClBuD,IAAAA,SAAS,EAAEX,UAAW;AACtBvE,IAAAA,GAAG,EAAE6C,SAAU;AACfsC,IAAAA,MAAM,EAAEhB,UAAW;AACnBxD,IAAAA,OAAO,EAAEyC,aAAc;AACvBgC,IAAAA,OAAO,EAAEhB,WAAY;AACrBiB,IAAAA,YAAY,EAAEhB,gBAAiB;AAC/BiB,IAAAA,YAAY,EAAEhB;GAAiB,CAAA,eAE/BzE,KAAA,CAAAkF,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC;GAAqC,eACnDrF,KAAA,CAAAkF,aAAA,CAACQ,aAAa,EAAAN,QAAA,KAAK3E,IAAI,EAAA;AAAEoB,IAAAA,KAAK,EAAEQ;AAAY,GAAA,CAAE,CAC1C,CAAC,EACL/B,KACM,CACG,CAAC;AAEf,CAAC;;;;"}
+{"version":3,"file":"MrlAnimatedIconButton.js","sources":["../../../../../src/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\nimport { setAttributes } from '../../../utils';\nimport { MrlSvgAnimate, MrlSvgAnimateProps } from '../../svg/MrlSvgAnimate/MrlSvgAnimate';\nimport { AnimatedState } from '../../svg/constants';\nimport { MrlTooltip } from '../../tooltip';\nimport { MrlTooltipDefaults } from '../../tooltip/constants';\nimport { MrlIconButtonProps } from '../MrlIconButton/MrlIconButton';\nimport { buttonDefaults } from '../constants';\nimport { _isDisabled, _isSelected, _isToggleButton } from '../helpers';\n\nimport './MrlAnimatedIconButton.scss';\n\ninterface MrlAnimatedIconButtonProps extends Omit<MrlIconButtonProps, 'icon'> {\n\ticon: MrlSvgAnimateProps;\n}\n\ntype animationEvent = 'hover' | 'blur' | 'focus';\n\nexport const MrlAnimatedIconButton = React.forwardRef<\n\tHTMLButtonElement,\n\tMrlAnimatedIconButtonProps\n>(function MrlAnimatedIconButton(\n\t{\n\t\tattrs = {},\n\t\tbadge,\n\t\tdisableEvents = false,\n\t\ticon,\n\t\t// We intentionally deviate from the basic button for icon-buttons since the vast\n\t\t// majority of icon buttons are ghost buttons. The proptype remains\n\t\t// consistent with the basic button however to keep our code DRY.\n\t\tkind = 'ghost-inverse',\n\t\tloading = false,\n\t\tonClick,\n\t\tposition = MrlTooltipDefaults.position,\n\t\ttoggleAria = buttonDefaults.toggleAria,\n\t\ttoggleStyle,\n\t\ttext,\n\t\ttipAnchor = MrlTooltipDefaults.anchor,\n\t\tsize = buttonDefaults.size,\n\t\tstate = buttonDefaults.state,\n\t\t...remainingProps\n\t}: MrlAnimatedIconButtonProps,\n\tref\n) {\n\t/**\n\t * State value to determine if the icon should be animating\n\t */\n\tconst [isAnimating, setAnimation] = React.useState<AnimatedState>('stop');\n\n\tconst [isHovered, setHover] = React.useState(false);\n\n\tconst [isSelected, setIsSelected] = React.useState(() => _isSelected(state));\n\n\tconst buttonRef = React.useRef<HTMLButtonElement>(null);\n\t/**\n\t * `useImperativeHandle` customizes the instance value\n\t * that is exposed to parent components when using ref.\n\t */\n\tReact.useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n\t\tref,\n\t\t() => buttonRef.current\n\t);\n\n\t/**\n\t * MrlAnimatedIconButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'\n\t */\n\tconst isToggleButton = toggleStyle && _isToggleButton(toggleStyle);\n\n\t/**\n\t * We need to watch the value of state to keep in sync\n\t * the value of state passed as props and the internal\n\t * isSelected piece of state.\n\t */\n\tReact.useEffect(() => {\n\t\t// allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.\n\t\tsetIsSelected(_isSelected(state));\n\t}, [state]);\n\n\t/**\n\t * Handle onClick events\n\t * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event\n\t */\n\tconst handleOnClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\n\t\te.stopPropagation();\n\n\t\tif (_isDisabled(state, loading) || disableEvents) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isToggleButton) {\n\t\t\tsetIsSelected((prevIsSelected) => !prevIsSelected);\n\t\t}\n\n\t\tif (onClick && typeof onClick === 'function') {\n\t\t\tonClick(e);\n\t\t}\n\t};\n\n\t/**\n\t * Handle animation status for mouse events exclusively\n\t * @param {boolean} mouseEnter - Determines if this is a mouseEnter event\n\t * @returns {void}\n\t */\n\tconst handleMouseInteraction = (mouseEnter: boolean): void => {\n\t\t/** Set hover status of button */\n\t\tsetHover(mouseEnter);\n\n\t\t/**\n\t\t * If the button is in focus and we trigger a mouse event\n\t\t * we don't need to change the animation state.\n\t\t */\n\t\tif (document.activeElement === buttonRef.current) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isAnimating === 'play') {\n\t\t\tsetAnimation('stop');\n\t\t} else {\n\t\t\tsetAnimation('play');\n\t\t}\n\t};\n\n\t/**\n\t * Handle animation status for mouse and keyboard events\n\t * @param {animationEvent} eventType - The type of interaction that is triggering the animation update.\n\t * @param {boolean} startEvent - Whether or not this event should start an animation\n\t * @returns {void}\n\t */\n\tconst handleAnimation = (eventType: animationEvent, startEvent = false): void => {\n\t\t/** If the button is diabled or selected, the animation must be stopped */\n\t\tif (isSelected || _isDisabled(state, loading)) {\n\t\t\tsetAnimation('stop');\n\t\t\t/** We still need to track the hover state */\n\t\t\tsetHover(startEvent);\n\t\t\treturn;\n\t\t}\n\n\t\t/**\n\t\t * If the event is a hover interaction, handle them appropriately.\n\t\t * We do this to ensure you can hover and focus without restarting\n\t\t * or stopping the animation incorrectly.\n\t\t */\n\t\tif (eventType === 'hover') {\n\t\t\thandleMouseInteraction(startEvent);\n\n\t\t\treturn;\n\t\t}\n\n\t\t/**\n\t\t * Keyboard events\n\t\t */\n\t\tif (isAnimating === 'play') {\n\t\t\t/**\n\t\t\t * If a button is hovered and focused, do not stop the\n\t\t\t * animation on blur.\n\t\t\t */\n\t\t\tif (isHovered) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetAnimation('stop');\n\t\t\treturn;\n\t\t}\n\n\t\tsetAnimation('play');\n\t};\n\n\tconst handleBlur = () => {\n\t\thandleAnimation('blur');\n\t};\n\n\tconst handleFocus = () => {\n\t\thandleAnimation('focus');\n\t};\n\n\tconst handleMouseEnter = () => {\n\t\thandleAnimation('hover', true);\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\thandleAnimation('hover');\n\t};\n\n\tconst classNames = classnames(\n\t\t'mrlIconButton',\n\t\t`mrlIconButton--${size}`,\n\t\t`mrlIconButton--${kind}`,\n\t\t'mrlAnimatedIconButton',\n\t\t`toggleStyle--${toggleStyle}`\n\t);\n\n\tconst attributes = setAttributes(attrs, {\n\t\t'aria-disabled': _isDisabled(state, loading),\n\t\t'aria-label': text,\n\t\t...(isToggleButton && { [`aria-${toggleAria}`]: isSelected || false }),\n\t\ttype: 'button'\n\t});\n\n\treturn (\n\t\t<MrlTooltip anchor={tipAnchor} position={position} text={text}>\n\t\t\t<button\n\t\t\t\t{...attributes}\n\t\t\t\t{...remainingProps}\n\t\t\t\tclassName={classNames}\n\t\t\t\tref={buttonRef}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonClick={handleOnClick}\n\t\t\t\tonFocus={handleFocus}\n\t\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t<div className=\"mrlAnimatedIconButton-iconContainer\">\n\t\t\t\t\t<MrlSvgAnimate {...icon} state={isAnimating} />\n\t\t\t\t</div>\n\t\t\t\t{badge}\n\t\t\t</button>\n\t\t</MrlTooltip>\n\t);\n});\n"],"names":["MrlAnimatedIconButton","React","forwardRef","_ref","ref","_ref$attrs","attrs","badge","_ref$disableEvents","disableEvents","icon","_ref$kind","kind","_ref$loading","loading","onClick","_ref$position","position","MrlTooltipDefaults","_ref$toggleAria","toggleAria","buttonDefaults","toggleStyle","text","_ref$tipAnchor","tipAnchor","anchor","_ref$size","size","_ref$state","state","remainingProps","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isAnimating","setAnimation","_React$useState3","_React$useState4","isHovered","setHover","_React$useState5","_isSelected","_React$useState6","isSelected","setIsSelected","buttonRef","useRef","useImperativeHandle","current","isToggleButton","_isToggleButton","useEffect","handleOnClick","e","stopPropagation","_isDisabled","prevIsSelected","handleMouseInteraction","mouseEnter","document","activeElement","handleAnimation","eventType","startEvent","arguments","length","undefined","handleBlur","handleFocus","handleMouseEnter","handleMouseLeave","classNames","classnames","concat","attributes","setAttributes","_objectSpread","type","createElement","MrlTooltip","_extends","className","onBlur","onFocus","onMouseEnter","onMouseLeave","MrlSvgAnimate"],"mappings":"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"}

package/dist/esm/components/button/MrlButton/MrlButton.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { buttonDefaults, allowedButtonValues } from '../constants.js';
@@ -37,9 +37,7 @@ var MrlButton = /*#__PURE__*/React.forwardRef(function MrlButton(_ref, ref) {
     state = _ref$state === void 0 ? buttonDefaults.state : _ref$state,
     tooltip = _ref.tooltip,
     remainingProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(function () {
-      return _isSelected(state);
-    }),
+  var _React$useState = React.useState(() => _isSelected(state)),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isSelected = _React$useState2[0],
     setIsSelected = _React$useState2[1];
@@ -54,7 +52,7 @@ var MrlButton = /*#__PURE__*/React.forwardRef(function MrlButton(_ref, ref) {
    * the value of state passed as props and the internal
    * isSelected piece of state.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     // allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.
     setIsSelected(_isSelected(state));
   }, [state]);
@@ -70,16 +68,14 @@ var MrlButton = /*#__PURE__*/React.forwardRef(function MrlButton(_ref, ref) {
       return;
     }
     if (isToggleButton) {
-      setIsSelected(function (prevIsSelected) {
-        return !prevIsSelected;
-      });
+      setIsSelected(prevIsSelected => !prevIsSelected);
     }
     if (onClick && typeof onClick === 'function') {
       onClick(e);
     }
   }
-  var classNames = classnames('mrlButton', "mrlButton--".concat(size), "mrlButton--".concat(kind), state === 'skeleton' && "mrlButton--skeleton", !icon && loading && "mrlButton--loading", isToggleButton && "toggleStyle--".concat(toggleStyle), icon && "mrlButton--icon-".concat(iconPos), className, (attrs === null || attrs === void 0 ? void 0 : attrs["class"]) || (attrs === null || attrs === void 0 ? void 0 : attrs.className));
-  if (attrs && attrs["class"]) delete attrs["class"];
+  var classNames = classnames('mrlButton', "mrlButton--".concat(size), "mrlButton--".concat(kind), state === 'skeleton' && "mrlButton--skeleton", !icon && loading && "mrlButton--loading", isToggleButton && "toggleStyle--".concat(toggleStyle), icon && "mrlButton--icon-".concat(iconPos), className, (attrs === null || attrs === void 0 ? void 0 : attrs.class) || (attrs === null || attrs === void 0 ? void 0 : attrs.className));
+  if (attrs && attrs.class) delete attrs.class;
   if (attrs && attrs.className) delete attrs.className;
   var spinnerProps = _spinnerProps(kind, size);
   var spinner = /*#__PURE__*/React.createElement(MrlSpinner, {
@@ -90,19 +86,19 @@ var MrlButton = /*#__PURE__*/React.forwardRef(function MrlButton(_ref, ref) {
   });
   var attributes = setAttributes(attrs || {}, _objectSpread2(_objectSpread2({
     'aria-disabled': _isDisabled(state, loading) || disabled
-  }, isToggleButton && _defineProperty({}, "aria-".concat(toggleAria), isSelected || false)), {}, {
+  }, isToggleButton && {
+    ["aria-".concat(toggleAria)]: isSelected || false
+  }), {}, {
     role: 'button',
     type: 'button'
   }));
-  var renderButton = function renderButton() {
-    return /*#__PURE__*/React.createElement("button", _extends({}, attributes, remainingProps, {
-      className: classNames,
-      ref: ref,
-      onClick: handleOnClick
-    }), loading ? spinner : icon, /*#__PURE__*/React.createElement("span", {
-      className: "mrlButton-text"
-    }, text), badge);
-  };
+  var renderButton = () => /*#__PURE__*/React.createElement("button", _extends({}, attributes, remainingProps, {
+    className: classNames,
+    ref: ref,
+    onClick: handleOnClick
+  }), loading ? spinner : icon, /*#__PURE__*/React.createElement("span", {
+    className: "mrlButton-text"
+  }, text), badge);
   return !tooltip ? renderButton() : /*#__PURE__*/React.createElement(MrlTooltip, {
     position: tooltip.position || 'bottom',
     anchor: tooltip.anchor || 'center',

package/dist/esm/components/button/MrlButton/MrlButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlButton.js","sources":["../../../../../src/components/button/MrlButton/MrlButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport {\n\tallowedButtonValues,\n\tbuttonDefaults,\n\tMrlButtonKind,\n\tMrlButtonSize,\n\tToggleAria,\n\tIconPosition\n} from '../constants';\nimport { _isDisabled, _isSelected, _spinnerProps } from '../helpers';\nimport { MrlSpinner, MrlTooltipAnchor, MrlTooltipPosition, MrlTooltip } from '../../';\nimport { spinnerDefaults } from '../../loader/constants';\nimport { AttrsObject, MrlComponentProps, setAttributes } from '../../../utils';\n\nimport './MrlButton.global.scss';\n\nexport type MrlButtonState = (typeof allowedButtonValues.states)[number];\nexport type ToggleStyle = (typeof allowedButtonValues.toggleStyles)[number];\n\nexport interface TooltipConfig {\n\t/**\n\t * The text to display in the tooltip\n\t */\n\ttext: string;\n\t/**\n\t * The position of the tooltip relative to the button\n\t */\n\tposition?: MrlTooltipPosition;\n\n\t/**\n\t * The anchor of the tooltip relative to the button\n\t */\n\tanchor?: MrlTooltipAnchor;\n\n\t/**\n\t * The data-qa attribute for the tooltip\n\t */\n\tdataQa?: string;\n}\n\nexport interface MrlButtonProps\n\textends Omit<MrlComponentProps, 'style'>,\n\t\tReact.ComponentProps<'button'> {\n\t/**\n\t * Applies additional HTML attributes to the button element.\n\t *\n\t * @deprecated\n\t */\n\tattrs?: AttrsObject;\n\t/**\n\t * Allow developers to add badge to buttons.\n\t */\n\tbadge?: React.ReactElement;\n\n\t/**\n\t * @deprecated - Use state=\"disabled\" or \"selected-disabled\" or \"skeleton\" instead.\n\t * Allow developers to change the disabled state based on user interactions.\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Allows developers the ability to disable built in event listeners so they can manage user\n\t * interactions from the application.\n\t */\n\tdisableEvents?: boolean;\n\t/**\n\t * Allow developers to add icon to buttons.\n\t */\n\ticon?: React.ReactElement;\n\t/**\n\t * Allows developers to right-align an icon within a button.\n\t */\n\ticonPos?: IconPosition;\n\t/**\n\t * Changes the visual emphasis of the button.\n\t */\n\tkind?: MrlButtonKind;\n\t/**\n\t * Displays a spinner in the button to indicate some action is in progress.\n\t */\n\tloading?: boolean;\n\t/**\n\t * Text for the spinner when the button is in a loading state.\n\t */\n\tloadingText?: string;\n\t/**\n\t * onClick event for the button.\n\t */\n\tonClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n\t/**\n\t * Changes the size of the button so it can scale with its surrounding context.\n\t */\n\tsize?: MrlButtonSize;\n\t/**\n\t * Changes the state of the button based on user permissions or actions.\n\t */\n\tstate?: MrlButtonState;\n\t/**\n\t * The textual label describing the button's purpose/action.\n\t * Icon buttons require a text label to ensure accessibility.\n\t */\n\ttext: string;\n\t/**\n\t * Determines which aria setup to use for various toggle/selected styles.\n\t * pressed - use for an traditional “toggle button”\n\t * selected - use for tabs and custom select options\n\t * expanded - use for menus, panels, and popovers\n\t * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)\n\t * \t\tor [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs\n\t */\n\ttoggleAria?: ToggleAria;\n\n\t/**\n\t * Tooltip configuration for the button\n\t */\n\ttooltip?: TooltipConfig;\n\n\t/**\n\t * Selected state variant when the button is a Toggle Button. The visual styles\n\t * are also impacted by the \"kind\" prop. Toggle buttons are only supported\n\t * when \"kind\" is set to either \"ghost\" or \"ghost-inverse\". Setting this prop\n\t * informs the component that this is a toggle button and to add that functionality\n\t */\n\ttoggleStyle?: ToggleStyle;\n}\n\nexport const MrlButton = React.forwardRef<HTMLButtonElement, MrlButtonProps>(function MrlButton(\n\t{\n\t\tattrs,\n\t\tbadge,\n\t\tclassName,\n\t\tdisabled = buttonDefaults.disabled,\n\t\tdisableEvents = false,\n\t\ticon,\n\t\ticonPos = buttonDefaults.iconPos,\n\t\tkind = buttonDefaults.kind,\n\t\tloading = false,\n\t\tloadingText = spinnerDefaults.text,\n\t\tonClick,\n\t\ttoggleAria = buttonDefaults.toggleAria,\n\t\ttoggleStyle,\n\t\ttext,\n\t\tsize = buttonDefaults.size,\n\t\tstate = buttonDefaults.state,\n\t\ttooltip,\n\t\t...remainingProps\n\t}: MrlButtonProps,\n\tref\n) {\n\tconst [isSelected, setIsSelected] = React.useState(() => _isSelected(state));\n\n\t/**\n\t * MrlButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'\n\t */\n\tconst isToggleButton = toggleStyle && allowedButtonValues.toggleStyles.includes(toggleStyle);\n\n\t/**\n\t * We need to watch the value of state to keep in sync\n\t * the value of state passed as props and the internal\n\t * isSelected piece of state.\n\t */\n\tReact.useEffect(() => {\n\t\t// allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.\n\t\tsetIsSelected(_isSelected(state));\n\t}, [state]);\n\n\t/**\n\t * Handle onClick events\n\t *\n\t * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event\n\t */\n\tfunction handleOnClick(e: React.MouseEvent<HTMLButtonElement>) {\n\t\te.stopPropagation();\n\n\t\tif (_isDisabled(state, loading) || disabled || disableEvents) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isToggleButton) {\n\t\t\tsetIsSelected((prevIsSelected) => !prevIsSelected);\n\t\t}\n\n\t\tif (onClick && typeof onClick === 'function') {\n\t\t\tonClick(e);\n\t\t}\n\t}\n\n\tconst classNames = classnames(\n\t\t'mrlButton',\n\t\t`mrlButton--${size}`,\n\t\t`mrlButton--${kind}`,\n\t\tstate === 'skeleton' && `mrlButton--skeleton`,\n\t\t!icon && loading && `mrlButton--loading`,\n\t\tisToggleButton && `toggleStyle--${toggleStyle}`,\n\t\ticon && `mrlButton--icon-${iconPos}`,\n\t\tclassName,\n\t\tattrs?.class || attrs?.className\n\t);\n\n\tif (attrs && attrs.class) delete attrs.class;\n\tif (attrs && attrs.className) delete attrs.className;\n\n\tconst spinnerProps = _spinnerProps(kind, size);\n\tconst spinner = (\n\t\t<MrlSpinner kind={spinnerProps.kind} role=\"none\" size={spinnerProps.size} text={loadingText} />\n\t);\n\n\tconst attributes = setAttributes(attrs || {}, {\n\t\t'aria-disabled': _isDisabled(state, loading) || disabled,\n\t\t...(isToggleButton && { [`aria-${toggleAria}`]: isSelected || false }),\n\t\trole: 'button',\n\t\ttype: 'button'\n\t});\n\n\tconst renderButton = () => (\n\t\t<button\n\t\t\t{...attributes}\n\t\t\t{...remainingProps}\n\t\t\tclassName={classNames}\n\t\t\tref={ref}\n\t\t\tonClick={handleOnClick}\n\t\t>\n\t\t\t{loading ? spinner : icon}\n\t\t\t<span className=\"mrlButton-text\">{text}</span>\n\t\t\t{badge}\n\t\t</button>\n\t);\n\n\treturn !tooltip ? (\n\t\trenderButton()\n\t) : (\n\t\t<MrlTooltip\n\t\t\tposition={tooltip.position || 'bottom'}\n\t\t\tanchor={tooltip.anchor || 'center'}\n\t\t\ttext={tooltip.text}\n\t\t\tdataQa={tooltip.dataQa}\n\t\t>\n\t\t\t{renderButton()}\n\t\t</MrlTooltip>\n\t);\n});\n"],"names":["MrlButton","React","forwardRef","_ref","ref","attrs","badge","className","_ref$disabled","disabled","buttonDefaults","_ref$disableEvents","disableEvents","icon","_ref$iconPos","iconPos","_ref$kind","kind","_ref$loading","loading","_ref$loadingText","loadingText","spinnerDefaults","text","onClick","_ref$toggleAria","toggleAria","toggleStyle","_ref$size","size","_ref$state","state","tooltip","remainingProps","_objectWithoutProperties","_excluded","_React$useState","useState","_isSelected","_React$useState2","_slicedToArray","isSelected","setIsSelected","isToggleButton","allowedButtonValues","toggleStyles","includes","useEffect","handleOnClick","e","stopPropagation","_isDisabled","prevIsSelected","classNames","classnames","concat","spinnerProps","_spinnerProps","spinner","createElement","MrlSpinner","role","attributes","setAttributes","_objectSpread","_defineProperty","type","renderButton","_extends","MrlTooltip","position","anchor","dataQa"],"mappings":"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"}
+{"version":3,"file":"MrlButton.js","sources":["../../../../../src/components/button/MrlButton/MrlButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport {\n\tallowedButtonValues,\n\tbuttonDefaults,\n\tMrlButtonKind,\n\tMrlButtonSize,\n\tToggleAria,\n\tIconPosition\n} from '../constants';\nimport { _isDisabled, _isSelected, _spinnerProps } from '../helpers';\nimport { MrlSpinner, MrlTooltipAnchor, MrlTooltipPosition, MrlTooltip } from '../../';\nimport { spinnerDefaults } from '../../loader/constants';\nimport { AttrsObject, MrlComponentProps, setAttributes } from '../../../utils';\n\nimport './MrlButton.global.scss';\n\nexport type MrlButtonState = (typeof allowedButtonValues.states)[number];\nexport type ToggleStyle = (typeof allowedButtonValues.toggleStyles)[number];\n\nexport interface TooltipConfig {\n\t/**\n\t * The text to display in the tooltip\n\t */\n\ttext: string;\n\t/**\n\t * The position of the tooltip relative to the button\n\t */\n\tposition?: MrlTooltipPosition;\n\n\t/**\n\t * The anchor of the tooltip relative to the button\n\t */\n\tanchor?: MrlTooltipAnchor;\n\n\t/**\n\t * The data-qa attribute for the tooltip\n\t */\n\tdataQa?: string;\n}\n\nexport interface MrlButtonProps\n\textends Omit<MrlComponentProps, 'style'>,\n\t\tReact.ComponentProps<'button'> {\n\t/**\n\t * Applies additional HTML attributes to the button element.\n\t *\n\t * @deprecated\n\t */\n\tattrs?: AttrsObject;\n\t/**\n\t * Allow developers to add badge to buttons.\n\t */\n\tbadge?: React.ReactElement;\n\n\t/**\n\t * @deprecated - Use state=\"disabled\" or \"selected-disabled\" or \"skeleton\" instead.\n\t * Allow developers to change the disabled state based on user interactions.\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Allows developers the ability to disable built in event listeners so they can manage user\n\t * interactions from the application.\n\t */\n\tdisableEvents?: boolean;\n\t/**\n\t * Allow developers to add icon to buttons.\n\t */\n\ticon?: React.ReactElement;\n\t/**\n\t * Allows developers to right-align an icon within a button.\n\t */\n\ticonPos?: IconPosition;\n\t/**\n\t * Changes the visual emphasis of the button.\n\t */\n\tkind?: MrlButtonKind;\n\t/**\n\t * Displays a spinner in the button to indicate some action is in progress.\n\t */\n\tloading?: boolean;\n\t/**\n\t * Text for the spinner when the button is in a loading state.\n\t */\n\tloadingText?: string;\n\t/**\n\t * onClick event for the button.\n\t */\n\tonClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n\t/**\n\t * Changes the size of the button so it can scale with its surrounding context.\n\t */\n\tsize?: MrlButtonSize;\n\t/**\n\t * Changes the state of the button based on user permissions or actions.\n\t */\n\tstate?: MrlButtonState;\n\t/**\n\t * The textual label describing the button's purpose/action.\n\t * Icon buttons require a text label to ensure accessibility.\n\t */\n\ttext: string;\n\t/**\n\t * Determines which aria setup to use for various toggle/selected styles.\n\t * pressed - use for an traditional “toggle button”\n\t * selected - use for tabs and custom select options\n\t * expanded - use for menus, panels, and popovers\n\t * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)\n\t * \t\tor [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs\n\t */\n\ttoggleAria?: ToggleAria;\n\n\t/**\n\t * Tooltip configuration for the button\n\t */\n\ttooltip?: TooltipConfig;\n\n\t/**\n\t * Selected state variant when the button is a Toggle Button. The visual styles\n\t * are also impacted by the \"kind\" prop. Toggle buttons are only supported\n\t * when \"kind\" is set to either \"ghost\" or \"ghost-inverse\". Setting this prop\n\t * informs the component that this is a toggle button and to add that functionality\n\t */\n\ttoggleStyle?: ToggleStyle;\n}\n\nexport const MrlButton = React.forwardRef<HTMLButtonElement, MrlButtonProps>(function MrlButton(\n\t{\n\t\tattrs,\n\t\tbadge,\n\t\tclassName,\n\t\tdisabled = buttonDefaults.disabled,\n\t\tdisableEvents = false,\n\t\ticon,\n\t\ticonPos = buttonDefaults.iconPos,\n\t\tkind = buttonDefaults.kind,\n\t\tloading = false,\n\t\tloadingText = spinnerDefaults.text,\n\t\tonClick,\n\t\ttoggleAria = buttonDefaults.toggleAria,\n\t\ttoggleStyle,\n\t\ttext,\n\t\tsize = buttonDefaults.size,\n\t\tstate = buttonDefaults.state,\n\t\ttooltip,\n\t\t...remainingProps\n\t}: MrlButtonProps,\n\tref\n) {\n\tconst [isSelected, setIsSelected] = React.useState(() => _isSelected(state));\n\n\t/**\n\t * MrlButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'\n\t */\n\tconst isToggleButton = toggleStyle && allowedButtonValues.toggleStyles.includes(toggleStyle);\n\n\t/**\n\t * We need to watch the value of state to keep in sync\n\t * the value of state passed as props and the internal\n\t * isSelected piece of state.\n\t */\n\tReact.useEffect(() => {\n\t\t// allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.\n\t\tsetIsSelected(_isSelected(state));\n\t}, [state]);\n\n\t/**\n\t * Handle onClick events\n\t *\n\t * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event\n\t */\n\tfunction handleOnClick(e: React.MouseEvent<HTMLButtonElement>) {\n\t\te.stopPropagation();\n\n\t\tif (_isDisabled(state, loading) || disabled || disableEvents) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isToggleButton) {\n\t\t\tsetIsSelected((prevIsSelected) => !prevIsSelected);\n\t\t}\n\n\t\tif (onClick && typeof onClick === 'function') {\n\t\t\tonClick(e);\n\t\t}\n\t}\n\n\tconst classNames = classnames(\n\t\t'mrlButton',\n\t\t`mrlButton--${size}`,\n\t\t`mrlButton--${kind}`,\n\t\tstate === 'skeleton' && `mrlButton--skeleton`,\n\t\t!icon && loading && `mrlButton--loading`,\n\t\tisToggleButton && `toggleStyle--${toggleStyle}`,\n\t\ticon && `mrlButton--icon-${iconPos}`,\n\t\tclassName,\n\t\tattrs?.class || attrs?.className\n\t);\n\n\tif (attrs && attrs.class) delete attrs.class;\n\tif (attrs && attrs.className) delete attrs.className;\n\n\tconst spinnerProps = _spinnerProps(kind, size);\n\tconst spinner = (\n\t\t<MrlSpinner kind={spinnerProps.kind} role=\"none\" size={spinnerProps.size} text={loadingText} />\n\t);\n\n\tconst attributes = setAttributes(attrs || {}, {\n\t\t'aria-disabled': _isDisabled(state, loading) || disabled,\n\t\t...(isToggleButton && { [`aria-${toggleAria}`]: isSelected || false }),\n\t\trole: 'button',\n\t\ttype: 'button'\n\t});\n\n\tconst renderButton = () => (\n\t\t<button\n\t\t\t{...attributes}\n\t\t\t{...remainingProps}\n\t\t\tclassName={classNames}\n\t\t\tref={ref}\n\t\t\tonClick={handleOnClick}\n\t\t>\n\t\t\t{loading ? spinner : icon}\n\t\t\t<span className=\"mrlButton-text\">{text}</span>\n\t\t\t{badge}\n\t\t</button>\n\t);\n\n\treturn !tooltip ? (\n\t\trenderButton()\n\t) : (\n\t\t<MrlTooltip\n\t\t\tposition={tooltip.position || 'bottom'}\n\t\t\tanchor={tooltip.anchor || 'center'}\n\t\t\ttext={tooltip.text}\n\t\t\tdataQa={tooltip.dataQa}\n\t\t>\n\t\t\t{renderButton()}\n\t\t</MrlTooltip>\n\t);\n});\n"],"names":["MrlButton","React","forwardRef","_ref","ref","attrs","badge","className","_ref$disabled","disabled","buttonDefaults","_ref$disableEvents","disableEvents","icon","_ref$iconPos","iconPos","_ref$kind","kind","_ref$loading","loading","_ref$loadingText","loadingText","spinnerDefaults","text","onClick","_ref$toggleAria","toggleAria","toggleStyle","_ref$size","size","_ref$state","state","tooltip","remainingProps","_objectWithoutProperties","_excluded","_React$useState","useState","_isSelected","_React$useState2","_slicedToArray","isSelected","setIsSelected","isToggleButton","allowedButtonValues","toggleStyles","includes","useEffect","handleOnClick","e","stopPropagation","_isDisabled","prevIsSelected","classNames","classnames","concat","class","spinnerProps","_spinnerProps","spinner","createElement","MrlSpinner","role","attributes","setAttributes","_objectSpread","type","renderButton","_extends","MrlTooltip","position","anchor","dataQa"],"mappings":";;;;;;;;;;;AA8HO,IAAMA,SAAS,gBAAGC,KAAK,CAACC,UAAU,CAAoC,SAASF,SAASA,CAAAG,IAAA,EAqB9FC,GAAG,EACF;AAAA,EAAA,IApBAC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,aAAA,GAAAL,IAAA,CACTM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGE,cAAc,CAACD,QAAQ,GAAAD,aAAA;IAAAG,kBAAA,GAAAR,IAAA,CAClCS,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,kBAAA;IACrBE,IAAI,GAAAV,IAAA,CAAJU,IAAI;IAAAC,YAAA,GAAAX,IAAA,CACJY,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGJ,cAAc,CAACK,OAAO,GAAAD,YAAA;IAAAE,SAAA,GAAAb,IAAA,CAChCc,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGN,cAAc,CAACO,IAAI,GAAAD,SAAA;IAAAE,YAAA,GAAAf,IAAA,CAC1BgB,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IAAAE,gBAAA,GAAAjB,IAAA,CACfkB,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAGE,eAAe,CAACC,IAAI,GAAAH,gBAAA;IAClCI,OAAO,GAAArB,IAAA,CAAPqB,OAAO;IAAAC,eAAA,GAAAtB,IAAA,CACPuB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAGf,cAAc,CAACgB,UAAU,GAAAD,eAAA;IACtCE,WAAW,GAAAxB,IAAA,CAAXwB,WAAW;IACXJ,IAAI,GAAApB,IAAA,CAAJoB,IAAI;IAAAK,SAAA,GAAAzB,IAAA,CACJ0B,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGlB,cAAc,CAACmB,IAAI,GAAAD,SAAA;IAAAE,UAAA,GAAA3B,IAAA,CAC1B4B,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGpB,cAAc,CAACqB,KAAK,GAAAD,UAAA;IAC5BE,OAAO,GAAA7B,IAAA,CAAP6B,OAAO;AACJC,IAAAA,cAAc,GAAAC,wBAAA,CAAA/B,IAAA,EAAAgC,SAAA,CAAA;EAIlB,IAAAC,eAAA,GAAoCnC,KAAK,CAACoC,QAAQ,CAAC,MAAMC,WAAW,CAACP,KAAK,CAAC,CAAC;IAAAQ,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAArEK,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,gBAAA,CAAA,CAAA,CAAA;;AAEhC;AACD;AACA;EACC,IAAMI,cAAc,GAAGhB,WAAW,IAAIiB,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACnB,WAAW,CAAC;;AAE5F;AACD;AACA;AACA;AACA;EACC1B,KAAK,CAAC8C,SAAS,CAAC,MAAM;AACrB;AACAL,IAAAA,aAAa,CAACJ,WAAW,CAACP,KAAK,CAAC,CAAC;AAClC,EAAA,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;AAEX;AACD;AACA;AACA;AACA;EACC,SAASiB,aAAaA,CAACC,CAAsC,EAAE;IAC9DA,CAAC,CAACC,eAAe,EAAE;IAEnB,IAAIC,WAAW,CAACpB,KAAK,EAAEZ,OAAO,CAAC,IAAIV,QAAQ,IAAIG,aAAa,EAAE;AAC7D,MAAA;AACD,IAAA;AAEA,IAAA,IAAI+B,cAAc,EAAE;AACnBD,MAAAA,aAAa,CAAEU,cAAc,IAAK,CAACA,cAAc,CAAC;AACnD,IAAA;AAEA,IAAA,IAAI5B,OAAO,IAAI,OAAOA,OAAO,KAAK,UAAU,EAAE;MAC7CA,OAAO,CAACyB,CAAC,CAAC;AACX,IAAA;AACD,EAAA;EAEA,IAAMI,UAAU,GAAGC,UAAU,CAC5B,WAAW,EAAA,aAAA,CAAAC,MAAA,CACG1B,IAAI,CAAA,EAAA,aAAA,CAAA0B,MAAA,CACJtC,IAAI,CAAA,EAClBc,KAAK,KAAK,UAAU,IAAA,qBAAyB,EAC7C,CAAClB,IAAI,IAAIM,OAAO,IAAA,oBAAwB,EACxCwB,cAAc,IAAA,eAAA,CAAAY,MAAA,CAAoB5B,WAAW,CAAE,EAC/Cd,IAAI,IAAA,kBAAA,CAAA0C,MAAA,CAAuBxC,OAAO,CAAE,EACpCR,SAAS,EACT,CAAAF,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAAA,MAAA,GAALA,KAAK,CAAEmD,KAAK,MAAInD,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAAA,MAAA,GAALA,KAAK,CAAEE,SAAS,CACjC,CAAC;EAED,IAAIF,KAAK,IAAIA,KAAK,CAACmD,KAAK,EAAE,OAAOnD,KAAK,CAACmD,KAAK;EAC5C,IAAInD,KAAK,IAAIA,KAAK,CAACE,SAAS,EAAE,OAAOF,KAAK,CAACE,SAAS;AAEpD,EAAA,IAAMkD,YAAY,GAAGC,aAAa,CAACzC,IAAI,EAAEY,IAAI,CAAC;AAC9C,EAAA,IAAM8B,OAAO,gBACZ1D,KAAA,CAAA2D,aAAA,CAACC,UAAU,EAAA;IAAC5C,IAAI,EAAEwC,YAAY,CAACxC,IAAK;AAAC6C,IAAAA,IAAI,EAAC,MAAM;IAACjC,IAAI,EAAE4B,YAAY,CAAC5B,IAAK;AAACN,IAAAA,IAAI,EAAEF;AAAY,GAAE,CAC9F;EAED,IAAM0C,UAAU,GAAGC,aAAa,CAAC3D,KAAK,IAAI,EAAE,EAAA4D,cAAA,CAAAA,cAAA,CAAA;AAC3C,IAAA,eAAe,EAAEd,WAAW,CAACpB,KAAK,EAAEZ,OAAO,CAAC,IAAIV;AAAQ,GAAA,EACpDkC,cAAc,IAAI;AAAE,IAAA,CAAA,OAAA,CAAAY,MAAA,CAAS7B,UAAU,CAAA,GAAKe,UAAU,IAAI;GAAO,CAAA,EAAA,EAAA,EAAA;AACrEqB,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,IAAI,EAAE;AAAQ,GAAA,CACd,CAAC;AAEF,EAAA,IAAMC,YAAY,GAAGA,mBACpBlE,KAAA,CAAA2D,aAAA,CAAA,QAAA,EAAAQ,QAAA,CAAA,EAAA,EACKL,UAAU,EACV9B,cAAc,EAAA;AAClB1B,IAAAA,SAAS,EAAE8C,UAAW;AACtBjD,IAAAA,GAAG,EAAEA,GAAI;AACToB,IAAAA,OAAO,EAAEwB;GAAc,CAAA,EAEtB7B,OAAO,GAAGwC,OAAO,GAAG9C,IAAI,eACzBZ,KAAA,CAAA2D,aAAA,CAAA,MAAA,EAAA;AAAMrD,IAAAA,SAAS,EAAC;AAAgB,GAAA,EAAEgB,IAAW,CAAC,EAC7CjB,KACM,CACR;EAED,OAAO,CAAC0B,OAAO,GACdmC,YAAY,EAAE,gBAEdlE,KAAA,CAAA2D,aAAA,CAACS,UAAU,EAAA;AACVC,IAAAA,QAAQ,EAAEtC,OAAO,CAACsC,QAAQ,IAAI,QAAS;AACvCC,IAAAA,MAAM,EAAEvC,OAAO,CAACuC,MAAM,IAAI,QAAS;IACnChD,IAAI,EAAES,OAAO,CAACT,IAAK;IACnBiD,MAAM,EAAExC,OAAO,CAACwC;GAAO,EAEtBL,YAAY,EACF,CACZ;AACF,CAAC;;;;"}

package/dist/esm/components/button/MrlIconButton/MrlIconButton.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { buttonDefaults } from '../constants.js';
@@ -54,16 +54,12 @@ var MrlIconButton = /*#__PURE__*/React.forwardRef(function MrlIconButton(_ref, r
    * This allows the component to work in both controlled and uncontrolled scenarios.
    */
   var effectiveButtonState = controlledState !== null && controlledState !== void 0 ? controlledState : state;
-  var _React$useState = React.useState(function () {
-      return _isSelected(effectiveButtonState);
-    }),
+  var _React$useState = React.useState(() => _isSelected(effectiveButtonState)),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isSelected = _React$useState2[0],
     setIsSelected = _React$useState2[1];
   var buttonRef = React.useRef(null);
-  React.useImperativeHandle(ref, function () {
-    return buttonRef.current;
-  });
+  React.useImperativeHandle(ref, () => buttonRef.current);
 
   /**
    * MrlIconButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'
@@ -75,7 +71,7 @@ var MrlIconButton = /*#__PURE__*/React.forwardRef(function MrlIconButton(_ref, r
    * the value of state passed as props and the internal
    * isSelected piece of state.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     // allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.
     setIsSelected(_isSelected(effectiveButtonState));
   }, [effectiveButtonState]);
@@ -90,18 +86,16 @@ var MrlIconButton = /*#__PURE__*/React.forwardRef(function MrlIconButton(_ref, r
       return;
     }
     if (isToggleButton && !controlledState) {
-      setIsSelected(function (prevIsSelected) {
-        return !prevIsSelected;
-      });
+      setIsSelected(prevIsSelected => !prevIsSelected);
     }
     if (onClick && typeof onClick === 'function') {
       onClick(e);
     }
   }
-  var classNames = classnames('mrlIconButton', "mrlIconButton--".concat(size), "mrlIconButton--".concat(kind), isToggleButton && toggleStyle && "toggleStyle--".concat(toggleStyle), attrs["class"] || attrs.className, className);
-  delete attrs["class"];
+  var classNames = classnames('mrlIconButton', "mrlIconButton--".concat(size), "mrlIconButton--".concat(kind), isToggleButton && toggleStyle && "toggleStyle--".concat(toggleStyle), attrs.class || attrs.className, className);
+  delete attrs.class;
   delete attrs.className;
-  var getAriaLabel = function getAriaLabel() {
+  var getAriaLabel = () => {
     // Set loading text if loading
     if (loading) return "".concat(loadingText, " ").concat(text);
 
@@ -118,16 +112,16 @@ var MrlIconButton = /*#__PURE__*/React.forwardRef(function MrlIconButton(_ref, r
   var attributes = setAttributes(attrs, _objectSpread2(_objectSpread2({
     'aria-disabled': _isDisabled(effectiveButtonState, loading),
     'aria-label': ariaLabelValue
-  }, isToggleButton && _defineProperty({}, "aria-".concat(toggleAria), isSelected || false)), {}, {
+  }, isToggleButton && {
+    ["aria-".concat(toggleAria)]: isSelected || false
+  }), {}, {
     type: 'button'
   }));
 
   // MrlSvg should always have size="auto"
-  var iconWithSizeAuto = React.useMemo(function () {
-    return /*#__PURE__*/React.cloneElement(icon, {
-      size: 'auto'
-    });
-  }, [icon]);
+  var iconWithSizeAuto = React.useMemo(() => /*#__PURE__*/React.cloneElement(icon, {
+    size: 'auto'
+  }), [icon]);
   var spinnerProps = _spinnerProps(kind, size);
   var spinner = /*#__PURE__*/React.createElement(MrlSpinner, {
     kind: spinnerProps.kind,