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

package/dist/cjs/components/pagination/MrlPaginationText/MrlPaginationText.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlPaginationText.js","sources":["../../../../../src/components/pagination/MrlPaginationText/MrlPaginationText.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\n\nimport { MrlLiveRegion } from '../../live-region';\nimport styles from '../MrlPagination/MrlPagination.module.scss';\n\ninterface MrlPaginationTextProps {\n\t/** Additional class to add to the container element */\n\tclassName?: string;\n\t/** Show total as estimate */\n\tisEstimate?: boolean;\n\t/** The last visible item */\n\trangeEnd: number;\n\t/** The first visible item */\n\trangeStart: number;\n\t/** Additional class to add to the text */\n\ttextClass?: string;\n\t/** The total number of items */\n\ttotal: number;\n}\n\n/**\n * Pagination text component\n * @param {MrlPaginationTextProps} props - the component props\n * @returns pagination text\n */\nexport function MrlPaginationText({\n\tclassName,\n\tisEstimate,\n\trangeStart,\n\trangeEnd,\n\ttextClass,\n\ttotal,\n\t...rest\n}: MrlPaginationTextProps): JSX.Element {\n\tconst itemClasses = classnames(styles['MrlPaginationItem'], className);\n\tconst textClasses = classnames(styles['MrlPaginationText'], textClass);\n\tconst { format } = Intl.NumberFormat();\n\tconst totalText = isEstimate ? `${format(total)}+` : format(total);\n\tconst accessibleText = `Results ${format(rangeStart)} through ${format(\n\t\trangeEnd\n\t)} of ${totalText}`;\n\n\treturn (\n\t\t<li {...rest} className={itemClasses}>\n\t\t\t<span aria-current=\"true\" aria-label={accessibleText} className={textClasses}>\n\t\t\t\t<span className={styles.MrlPaginationRange}>{format(rangeStart)}</span>\n\t\t\t\t<span className={styles.MrlPaginationDash}>-</span>\n\t\t\t\t<span className={styles.MrlPaginationRange}>{format(rangeEnd)}</span>\n\t\t\t\tof\n\t\t\t\t<span className={styles.MrlPaginationTotal}>{totalText}</span>\n\t\t\t</span>\n\t\t\t<MrlLiveRegion\n\t\t\t\tariaLive=\"assertive\"\n\t\t\t\tvisible={false}\n\t\t\t\tsrContent={accessibleText}\n\t\t\t\tshouldClearContent\n\t\t\t/>\n\t\t</li>\n\t);\n}\n"],"names":["MrlPaginationText","_ref","className","isEstimate","rangeStart","rangeEnd","textClass","total","rest","_objectWithoutProperties","_excluded","itemClasses","classnames","styles","textClasses","_Intl$NumberFormat","Intl","NumberFormat","format","totalText","concat","accessibleText","React","createElement","_extends","MrlPaginationRange","MrlPaginationDash","MrlPaginationTotal","MrlLiveRegion","ariaLive","visible","srContent","shouldClearContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAAAC,IAAA,EAQO;AAAA,EAAA,IAPvCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,KAAK,GAAAN,IAAA,CAALM,KAAK;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,UAAU,CAACC,4BAAM,CAAC,mBAAmB,CAAC,EAAEX,SAAS,CAAC;EACtE,IAAMY,WAAW,GAAGF,UAAU,CAACC,4BAAM,CAAC,mBAAmB,CAAC,EAAEP,SAAS,CAAC;AACtE,EAAA,IAAAS,kBAAA,GAAmBC,IAAI,CAACC,YAAY,EAAE;IAA9BC,MAAM,GAAAH,kBAAA,CAANG,MAAM;AACd,EAAA,IAAMC,SAAS,GAAGhB,UAAU,GAAA,EAAA,CAAAiB,MAAA,CAAMF,MAAM,CAACX,KAAK,CAAC,EAAA,GAAA,CAAA,GAAMW,MAAM,CAACX,KAAK,CAAC;AAClE,EAAA,IAAMc,cAAc,GAAA,UAAA,CAAAD,MAAA,CAAcF,MAAM,CAACd,UAAU,CAAC,EAAA,WAAA,CAAA,CAAAgB,MAAA,CAAYF,MAAM,CACrEb,QACD,CAAC,UAAAe,MAAA,CAAOD,SAAS,CAAE;AAEnB,EAAA,oBACCG,gBAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,iCAAA,KAAQhB,IAAI,EAAA;AAAEN,IAAAA,SAAS,EAAES;GAAY,CAAA,eACpCW,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,cAAA,EAAa,MAAM;AAAC,IAAA,YAAA,EAAYF,cAAe;AAACnB,IAAAA,SAAS,EAAEY;GAAY,eAC5EQ,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACY;GAAmB,EAAEP,MAAM,CAACd,UAAU,CAAQ,CAAC,eACvEkB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACa;AAAkB,GAAA,EAAC,GAAO,CAAC,eACnDJ,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACY;GAAmB,EAAEP,MAAM,CAACb,QAAQ,CAAQ,CAAC,EAAA,IAErE,eAAAiB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACc;GAAmB,EAAER,SAAgB,CACxD,CAAC,eACPG,gBAAA,CAAAC,aAAA,CAACK,2BAAa,EAAA;AACbC,IAAAA,QAAQ,EAAC,WAAW;AACpBC,IAAAA,OAAO,EAAE,KAAM;AACfC,IAAAA,SAAS,EAAEV,cAAe;IAC1BW,kBAAkB,EAAA;AAAA,GAClB,CACE,CAAC;AAEP;;;;"}
+{"version":3,"file":"MrlPaginationText.js","sources":["../../../../../src/components/pagination/MrlPaginationText/MrlPaginationText.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\n\nimport { MrlLiveRegion } from '../../live-region';\nimport styles from '../MrlPagination/MrlPagination.module.scss';\n\ninterface MrlPaginationTextProps {\n\t/** Additional class to add to the container element */\n\tclassName?: string;\n\t/** Show total as estimate */\n\tisEstimate?: boolean;\n\t/** The last visible item */\n\trangeEnd: number;\n\t/** The first visible item */\n\trangeStart: number;\n\t/** Additional class to add to the text */\n\ttextClass?: string;\n\t/** The total number of items */\n\ttotal: number;\n}\n\n/**\n * Pagination text component\n * @param {MrlPaginationTextProps} props - the component props\n * @returns pagination text\n */\nexport function MrlPaginationText({\n\tclassName,\n\tisEstimate,\n\trangeStart,\n\trangeEnd,\n\ttextClass,\n\ttotal,\n\t...rest\n}: MrlPaginationTextProps): JSX.Element {\n\tconst itemClasses = classnames(styles['MrlPaginationItem'], className);\n\tconst textClasses = classnames(styles['MrlPaginationText'], textClass);\n\tconst { format } = Intl.NumberFormat();\n\tconst totalText = isEstimate ? `${format(total)}+` : format(total);\n\tconst accessibleText = `Results ${format(rangeStart)} through ${format(\n\t\trangeEnd\n\t)} of ${totalText}`;\n\n\treturn (\n\t\t<li {...rest} className={itemClasses}>\n\t\t\t<span aria-current=\"true\" aria-label={accessibleText} className={textClasses}>\n\t\t\t\t<span className={styles.MrlPaginationRange}>{format(rangeStart)}</span>\n\t\t\t\t<span className={styles.MrlPaginationDash}>-</span>\n\t\t\t\t<span className={styles.MrlPaginationRange}>{format(rangeEnd)}</span>\n\t\t\t\tof\n\t\t\t\t<span className={styles.MrlPaginationTotal}>{totalText}</span>\n\t\t\t</span>\n\t\t\t<MrlLiveRegion\n\t\t\t\tariaLive=\"assertive\"\n\t\t\t\tvisible={false}\n\t\t\t\tsrContent={accessibleText}\n\t\t\t\tshouldClearContent\n\t\t\t/>\n\t\t</li>\n\t);\n}\n"],"names":["MrlPaginationText","_ref","className","isEstimate","rangeStart","rangeEnd","textClass","total","rest","_objectWithoutProperties","_excluded","itemClasses","classnames","styles","textClasses","_Intl$NumberFormat","Intl","NumberFormat","format","totalText","concat","accessibleText","React","createElement","_extends","MrlPaginationRange","MrlPaginationDash","MrlPaginationTotal","MrlLiveRegion","ariaLive","visible","srContent","shouldClearContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAAAC,IAAA,EAQO;AAAA,EAAA,IAPvCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,KAAK,GAAAN,IAAA,CAALM,KAAK;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,2BAAU,CAACC,4BAAM,CAAC,mBAAmB,CAAC,EAAEX,SAAS,CAAC;EACtE,IAAMY,WAAW,GAAGF,2BAAU,CAACC,4BAAM,CAAC,mBAAmB,CAAC,EAAEP,SAAS,CAAC;AACtE,EAAA,IAAAS,kBAAA,GAAmBC,IAAI,CAACC,YAAY,EAAE;IAA9BC,MAAM,GAAAH,kBAAA,CAANG,MAAM;AACd,EAAA,IAAMC,SAAS,GAAGhB,UAAU,GAAA,EAAA,CAAAiB,MAAA,CAAMF,MAAM,CAACX,KAAK,CAAC,EAAA,GAAA,CAAA,GAAMW,MAAM,CAACX,KAAK,CAAC;AAClE,EAAA,IAAMc,cAAc,GAAA,UAAA,CAAAD,MAAA,CAAcF,MAAM,CAACd,UAAU,CAAC,EAAA,WAAA,CAAA,CAAAgB,MAAA,CAAYF,MAAM,CACrEb,QACD,CAAC,UAAAe,MAAA,CAAOD,SAAS,CAAE;AAEnB,EAAA,oBACCG,gBAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,iCAAA,KAAQhB,IAAI,EAAA;AAAEN,IAAAA,SAAS,EAAES;GAAY,CAAA,eACpCW,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,cAAA,EAAa,MAAM;AAAC,IAAA,YAAA,EAAYF,cAAe;AAACnB,IAAAA,SAAS,EAAEY;GAAY,eAC5EQ,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACY;GAAmB,EAAEP,MAAM,CAACd,UAAU,CAAQ,CAAC,eACvEkB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACa;AAAkB,GAAA,EAAC,GAAO,CAAC,eACnDJ,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACY;GAAmB,EAAEP,MAAM,CAACb,QAAQ,CAAQ,CAAC,EAAA,IAErE,eAAAiB,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,4BAAM,CAACc;GAAmB,EAAER,SAAgB,CACxD,CAAC,eACPG,gBAAA,CAAAC,aAAA,CAACK,2BAAa,EAAA;AACbC,IAAAA,QAAQ,EAAC,WAAW;AACpBC,IAAAA,OAAO,EAAE,KAAM;AACfC,IAAAA,SAAS,EAAEV,cAAe;IAC1BW,kBAAkB,EAAA;AAAA,GAClB,CACE,CAAC;AAEP;;;;"}

package/dist/cjs/components/panel/MrlPanel/MrlPanel.js

@@ -16,7 +16,10 @@ var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
 var MrlIconButton = require('../../button/MrlIconButton/MrlIconButton.js');
 var MrlText = require('../../text/MrlText/MrlText.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -33,7 +36,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className", "title", "id", "children", "hasStickyHeader", "header", "description", "disableAutofocus", "topActions", "hasDataScrollAnchor", "onClose", "data-qa"];
 
@@ -73,23 +77,23 @@ var MrlPanel = /*#__PURE__*/React__namespace.forwardRef(function MrlPanel(props,
     horizontalScrollbarHeight = _useScrollbarInfo.horizontalScrollbarHeight,
     verticalScrollbarWidth = _useScrollbarInfo.verticalScrollbarWidth;
   var hasFocusableDescendant = index$1.useHasFocusableDescendant(scrollableContainerRef);
-  React__namespace.useImperativeHandle(ref, function () {
+  React__namespace.useImperativeHandle(ref, () => {
     return panelRef.current;
   });
-  var handleKeyDown = React__namespace.useCallback(function (e) {
+  var handleKeyDown = React__namespace.useCallback(e => {
     if (e.key === 'Escape' && typeof onClose === 'function') {
       e.preventDefault();
       e.stopPropagation();
       onClose();
     }
   }, [onClose]);
-  var panelClasses = classnames(MrlPanel_module.default['MrlPanel'], 'MrlPanel', className);
+  var panelClasses = classnames__default.default(MrlPanel_module.default['MrlPanel'], 'MrlPanel', className);
   return /*#__PURE__*/React__namespace.createElement(MrlPanelContext.MrlPanelContext.Provider, {
     value: {
-      hasHorizontalScrollbar: hasHorizontalScrollbar,
-      hasVerticalScrollbar: hasVerticalScrollbar,
-      horizontalScrollbarHeight: horizontalScrollbarHeight,
-      verticalScrollbarWidth: verticalScrollbarWidth
+      hasHorizontalScrollbar,
+      hasVerticalScrollbar,
+      horizontalScrollbarHeight,
+      verticalScrollbarWidth
     }
   }, /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: panelClasses,
@@ -105,14 +109,16 @@ var MrlPanel = /*#__PURE__*/React__namespace.forwardRef(function MrlPanel(props,
     containerRef: panelRef,
     disableAutofocus: disableAutofocus
   }, /*#__PURE__*/React__namespace.createElement("header", {
-    className: classnames(MrlPanel_module.default['MrlPanel--header'], 'MrlPanel--header')
+    className: classnames__default.default(MrlPanel_module.default['MrlPanel--header'], 'MrlPanel--header')
   }, !header && /*#__PURE__*/React__namespace.createElement("div", {
-    className: classnames(MrlPanel_module.default['MrlPanel--header-content'], 'MrlPanel--header-content', _rollupPluginBabelHelpers.defineProperty({}, MrlPanel_module.default['MrlPanel--header-content-description'], !!description))
+    className: classnames__default.default(MrlPanel_module.default['MrlPanel--header-content'], 'MrlPanel--header-content', {
+      [MrlPanel_module.default['MrlPanel--header-content-description']]: !!description
+    })
   }, /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
     className: MrlPanel_module.default['MrlPanel--title'],
     attrs: {
       'data-qa': "".concat(qa, "-header-title"),
-      id: id
+      id
     },
     hierarchy: "primary",
     kind: "title",
@@ -120,15 +126,15 @@ var MrlPanel = /*#__PURE__*/React__namespace.forwardRef(function MrlPanel(props,
     size: "medium",
     text: title
   }), topActions && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", {
-    className: classnames(MrlPanel_module.default['MrlPanel--top-actions'], 'MrlPanel--top-actions')
+    className: classnames__default.default(MrlPanel_module.default['MrlPanel--top-actions'], 'MrlPanel--top-actions')
   }, topActions, /*#__PURE__*/React__namespace.createElement(MrlDivider.MrlDivider, {
     orientation: "vertical",
     spacing: "small",
     length: "var(--mrl-spacing-06)",
-    className: classnames(MrlPanel_module.default['MrlPanel--top-actions-divider'], 'MrlPanel--top-actions-divider')
+    className: classnames__default.default(MrlPanel_module.default['MrlPanel--top-actions-divider'], 'MrlPanel--top-actions-divider')
   })))), header, /*#__PURE__*/React__namespace.createElement(MrlIconButton.MrlIconButton, {
     "data-qa": "".concat(qa, "-close-button"),
-    wrapperClassName: classnames(MrlPanel_module.default['MrlPanel--close'], 'MrlPanel--close'),
+    wrapperClassName: classnames__default.default(MrlPanel_module.default['MrlPanel--close'], 'MrlPanel--close'),
     icon: /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
       svg: dsIcons.close
     }),
@@ -143,7 +149,9 @@ var MrlPanel = /*#__PURE__*/React__namespace.forwardRef(function MrlPanel(props,
     ref: scrollableContainerRef,
     "data-scroll-anchor": hasDataScrollAnchor,
     "data-qa": "".concat(qa, "-scrollable"),
-    className: classnames(MrlPanel_module.default['MrlPanel--scrollable'], 'MrlPanel--scrollable', _rollupPluginBabelHelpers.defineProperty({}, MrlPanel_module.default['MrlPanel--scrollable-has-sticky-header'], hasStickyHeader))
+    className: classnames__default.default(MrlPanel_module.default['MrlPanel--scrollable'], 'MrlPanel--scrollable', {
+      [MrlPanel_module.default['MrlPanel--scrollable-has-sticky-header']]: hasStickyHeader
+    })
   }, verticalScrollbarWidth > 0 && {
     style: {
       paddingRight: "calc(var(--mrl-spacing-06) - ".concat(verticalScrollbarWidth, "px)")
@@ -156,7 +164,7 @@ var MrlPanel = /*#__PURE__*/React__namespace.forwardRef(function MrlPanel(props,
     tabIndex: 0
   })), description && /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
     attrs: {
-      className: classnames(MrlPanel_module.default['MrlPanel--description'], 'MrlPanel--description'),
+      className: classnames__default.default(MrlPanel_module.default['MrlPanel--description'], 'MrlPanel--description'),
       id: descriptionIdRef.current
     },
     size: "xsmall",

package/dist/cjs/components/panel/MrlPanel/MrlPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlPanel.js","sources":["../../../../../src/components/panel/MrlPanel/MrlPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlPanel.module.scss';\nimport { MrlIconButton } from '../../button';\nimport { MrlSvg } from '../../svg';\nimport { close } from '@muraldevkit/ds-icons';\nimport { MrlFocusTrap } from '../../focus-trap';\nimport { MrlText, MrlTextHeading } from '../../text';\nimport { MrlDivider } from '../../divider';\nimport { MrlPanelContext } from '../MrlPanelContext';\nimport { useHasFocusableDescendant } from '../../../hooks/useHasFocusableDescendant';\nimport { useScrollbarInfo } from '../../../hooks/useScrollbarInfo';\nimport { getUniqueId } from '../../../utils';\n\n/**\n * Props for the MrlPanel component.\n */\ninterface MrlPanelProps extends React.ComponentPropsWithRef<'div'> {\n\t/**\n\t * A string value used for data-qa attribute.\n\t */\n\t['data-qa']?: string;\n\n\t/**\n\t * Callback function that is called when the panel is closed.\n\t */\n\tonClose?: () => void;\n\n\t/**\n\t * The custom header element to be rendered in the panel.\n\t * When a custom header is used developers need to provide th aria-label and aria-describedby.\n\t */\n\theader?: React.ReactNode;\n\n\t/**\n\t * The custom top actions to be rendered in the panel header.\n\t * By default top actions are rendered on the right side of the title and include a MrlDivider at the end.\n\t * The close button should not be included as part of the top actions.\n\t */\n\ttopActions?: React.ReactNode;\n\n\t/**\n\t * The title of the panel.\n\t */\n\ttitle?: string;\n\n\t/**\n\t * The description of the panel.\n\t */\n\tdescription?: string;\n\n\t/**\n\t * Specifies whether to disable autofocus on the panel.\n\t */\n\tdisableAutofocus?: boolean;\n\n\t/**\n\t * Specifies whether the panel has a sticky header to adjust styles.\n\t */\n\thasStickyHeader?: boolean;\n\n\t/**\n\t * hasDataScrollAnchor is required to enable infinite scroll\n\t */\n\thasDataScrollAnchor?: boolean;\n}\n\n/**\n * MrlPanel component.\n *\n * @param props The MrlPanel component properties.\n * @returns The MrlPanel component.\n */\nexport const MrlPanel = React.forwardRef<HTMLDivElement, MrlPanelProps>(\n\tfunction MrlPanel(props, ref): JSX.Element {\n\t\tconst {\n\t\t\tclassName,\n\t\t\ttitle,\n\t\t\tid,\n\t\t\tchildren,\n\t\t\thasStickyHeader,\n\t\t\theader,\n\t\t\tdescription,\n\t\t\tdisableAutofocus,\n\t\t\ttopActions,\n\t\t\thasDataScrollAnchor,\n\t\t\tonClose,\n\t\t\t['data-qa']: qa = 'panel',\n\t\t\t...rest\n\t\t} = props;\n\n\t\tconst panelRef = React.useRef<HTMLDivElement>(null);\n\n\t\t// Unique ID for aria-describedby\n\t\tconst descriptionIdRef = React.useRef<string>(\n\t\t\tdescription ? getUniqueId('mrl-panel-description') : ''\n\t\t);\n\n\t\tconst {\n\t\t\tscrollableContainerRef,\n\t\t\thasVerticalScrollbar,\n\t\t\thasHorizontalScrollbar,\n\t\t\thorizontalScrollbarHeight,\n\t\t\tverticalScrollbarWidth\n\t\t} = useScrollbarInfo<HTMLDivElement>();\n\n\t\tconst hasFocusableDescendant = useHasFocusableDescendant(scrollableContainerRef);\n\n\t\tReact.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(ref, () => {\n\t\t\treturn panelRef.current;\n\t\t});\n\n\t\tconst handleKeyDown = React.useCallback(\n\t\t\t(e: React.KeyboardEvent<HTMLDivElement>) => {\n\t\t\t\tif (e.key === 'Escape' && typeof onClose === 'function') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tonClose();\n\t\t\t\t}\n\t\t\t},\n\t\t\t[onClose]\n\t\t);\n\n\t\tconst panelClasses = classnames(styles['MrlPanel'], 'MrlPanel', className);\n\n\t\treturn (\n\t\t\t<MrlPanelContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\thasHorizontalScrollbar,\n\t\t\t\t\thasVerticalScrollbar,\n\t\t\t\t\thorizontalScrollbarHeight,\n\t\t\t\t\tverticalScrollbarWidth\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n\t\t\t\t<div\n\t\t\t\t\t{...rest}\n\t\t\t\t\tclassName={panelClasses}\n\t\t\t\t\taria-describedby={descriptionIdRef.current || props['aria-describedby']}\n\t\t\t\t\taria-label={title || props['aria-label']}\n\t\t\t\t\taria-modal=\"false\"\n\t\t\t\t\tdata-qa={qa}\n\t\t\t\t\tid={id}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tref={panelRef}\n\t\t\t\t>\n\t\t\t\t\t<MrlFocusTrap containerRef={panelRef} disableAutofocus={disableAutofocus}>\n\t\t\t\t\t\t<header className={classnames(styles['MrlPanel--header'], 'MrlPanel--header')}>\n\t\t\t\t\t\t\t{!header && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\tstyles['MrlPanel--header-content'],\n\t\t\t\t\t\t\t\t\t\t'MrlPanel--header-content',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t[styles['MrlPanel--header-content-description']]: !!description\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<MrlTextHeading\n\t\t\t\t\t\t\t\t\t\tclassName={styles['MrlPanel--title']}\n\t\t\t\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\t\t\t\t'data-qa': `${qa}-header-title`,\n\t\t\t\t\t\t\t\t\t\t\tid\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\thierarchy=\"primary\"\n\t\t\t\t\t\t\t\t\t\tkind=\"title\"\n\t\t\t\t\t\t\t\t\t\tlevel=\"2\"\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\t\ttext={title}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{topActions && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles['MrlPanel--top-actions'],\n\t\t\t\t\t\t\t\t\t\t\t\t\t'MrlPanel--top-actions'\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{topActions}\n\t\t\t\t\t\t\t\t\t\t\t\t<MrlDivider\n\t\t\t\t\t\t\t\t\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tspacing=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tlength=\"var(--mrl-spacing-06)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyles['MrlPanel--top-actions-divider'],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'MrlPanel--top-actions-divider'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\t\tdata-qa={`${qa}-close-button`}\n\t\t\t\t\t\t\t\twrapperClassName={classnames(styles['MrlPanel--close'], 'MrlPanel--close')}\n\t\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\t\tkind=\"ghost\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</header>\n\n\t\t\t\t\t\t{/*\n\t\t\t\t\t\t * Scrollable container — includes description, sticky header and main\n\t\t\t\t\t\t * content. Per ACT rule 0ssw9k a scrollable element passes WCAG 2.1.1\n\t\t\t\t\t\t * Keyboard if it is itself focusable OR has a focusable descendant. We\n\t\t\t\t\t\t * therefore expose `tabindex=\"0\"` only when the wrapper has no focusable\n\t\t\t\t\t\t * descendants, which avoids the \"meaningless tab stop\" finding for\n\t\t\t\t\t\t * panels filled with interactive controls while still making text-only\n\t\t\t\t\t\t * panels keyboard-scrollable. The labeled `role=\"region\"` is preserved\n\t\t\t\t\t\t * whenever the panel overflows so screen-reader users get a landmark.\n\t\t\t\t\t\t * https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/\n\t\t\t\t\t\t */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={scrollableContainerRef}\n\t\t\t\t\t\t\tdata-scroll-anchor={hasDataScrollAnchor}\n\t\t\t\t\t\t\tdata-qa={`${qa}-scrollable`}\n\t\t\t\t\t\t\tclassName={classnames(styles['MrlPanel--scrollable'], 'MrlPanel--scrollable', {\n\t\t\t\t\t\t\t\t[styles['MrlPanel--scrollable-has-sticky-header']]: hasStickyHeader\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t{...(verticalScrollbarWidth > 0 && {\n\t\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\t\tpaddingRight: `calc(var(--mrl-spacing-06) - ${verticalScrollbarWidth}px)`\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t{...(hasVerticalScrollbar && {\n\t\t\t\t\t\t\t\t'aria-label': title\n\t\t\t\t\t\t\t\t\t? `${title} panel scrollable content`\n\t\t\t\t\t\t\t\t\t: 'Panel scrollable content',\n\t\t\t\t\t\t\t\trole: 'region',\n\t\t\t\t\t\t\t\t...(!hasFocusableDescendant && {\n\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n\t\t\t\t\t\t\t\t\ttabIndex: 0\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{description && (\n\t\t\t\t\t\t\t\t<MrlText\n\t\t\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\t\t\tclassName: classnames(styles['MrlPanel--description'], 'MrlPanel--description'),\n\t\t\t\t\t\t\t\t\t\tid: descriptionIdRef.current\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\t\t\ttext={description}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</MrlFocusTrap>\n\t\t\t\t</div>\n\t\t\t</MrlPanelContext.Provider>\n\t\t);\n\t}\n);\n"],"names":["MrlPanel","React","forwardRef","props","ref","className","title","id","children","hasStickyHeader","header","description","disableAutofocus","topActions","hasDataScrollAnchor","onClose","_props$dataQa","qa","rest","_objectWithoutProperties","_excluded","panelRef","useRef","descriptionIdRef","getUniqueId","_useScrollbarInfo","useScrollbarInfo","scrollableContainerRef","hasVerticalScrollbar","hasHorizontalScrollbar","horizontalScrollbarHeight","verticalScrollbarWidth","hasFocusableDescendant","useHasFocusableDescendant","useImperativeHandle","current","handleKeyDown","useCallback","e","key","preventDefault","stopPropagation","panelClasses","classnames","styles","createElement","MrlPanelContext","Provider","value","_extends","onKeyDown","role","MrlFocusTrap","containerRef","_defineProperty","MrlTextHeading","attrs","concat","hierarchy","kind","level","size","text","Fragment","MrlDivider","orientation","spacing","length","MrlIconButton","wrapperClassName","icon","MrlSvg","svg","close","onClick","state","position","tipAnchor","style","paddingRight","_objectSpread","tabIndex","MrlText"],"mappings":"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"}
+{"version":3,"file":"MrlPanel.js","sources":["../../../../../src/components/panel/MrlPanel/MrlPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlPanel.module.scss';\nimport { MrlIconButton } from '../../button';\nimport { MrlSvg } from '../../svg';\nimport { close } from '@muraldevkit/ds-icons';\nimport { MrlFocusTrap } from '../../focus-trap';\nimport { MrlText, MrlTextHeading } from '../../text';\nimport { MrlDivider } from '../../divider';\nimport { MrlPanelContext } from '../MrlPanelContext';\nimport { useHasFocusableDescendant } from '../../../hooks/useHasFocusableDescendant';\nimport { useScrollbarInfo } from '../../../hooks/useScrollbarInfo';\nimport { getUniqueId } from '../../../utils';\n\n/**\n * Props for the MrlPanel component.\n */\ninterface MrlPanelProps extends React.ComponentPropsWithRef<'div'> {\n\t/**\n\t * A string value used for data-qa attribute.\n\t */\n\t['data-qa']?: string;\n\n\t/**\n\t * Callback function that is called when the panel is closed.\n\t */\n\tonClose?: () => void;\n\n\t/**\n\t * The custom header element to be rendered in the panel.\n\t * When a custom header is used developers need to provide th aria-label and aria-describedby.\n\t */\n\theader?: React.ReactNode;\n\n\t/**\n\t * The custom top actions to be rendered in the panel header.\n\t * By default top actions are rendered on the right side of the title and include a MrlDivider at the end.\n\t * The close button should not be included as part of the top actions.\n\t */\n\ttopActions?: React.ReactNode;\n\n\t/**\n\t * The title of the panel.\n\t */\n\ttitle?: string;\n\n\t/**\n\t * The description of the panel.\n\t */\n\tdescription?: string;\n\n\t/**\n\t * Specifies whether to disable autofocus on the panel.\n\t */\n\tdisableAutofocus?: boolean;\n\n\t/**\n\t * Specifies whether the panel has a sticky header to adjust styles.\n\t */\n\thasStickyHeader?: boolean;\n\n\t/**\n\t * hasDataScrollAnchor is required to enable infinite scroll\n\t */\n\thasDataScrollAnchor?: boolean;\n}\n\n/**\n * MrlPanel component.\n *\n * @param props The MrlPanel component properties.\n * @returns The MrlPanel component.\n */\nexport const MrlPanel = React.forwardRef<HTMLDivElement, MrlPanelProps>(\n\tfunction MrlPanel(props, ref): JSX.Element {\n\t\tconst {\n\t\t\tclassName,\n\t\t\ttitle,\n\t\t\tid,\n\t\t\tchildren,\n\t\t\thasStickyHeader,\n\t\t\theader,\n\t\t\tdescription,\n\t\t\tdisableAutofocus,\n\t\t\ttopActions,\n\t\t\thasDataScrollAnchor,\n\t\t\tonClose,\n\t\t\t['data-qa']: qa = 'panel',\n\t\t\t...rest\n\t\t} = props;\n\n\t\tconst panelRef = React.useRef<HTMLDivElement>(null);\n\n\t\t// Unique ID for aria-describedby\n\t\tconst descriptionIdRef = React.useRef<string>(\n\t\t\tdescription ? getUniqueId('mrl-panel-description') : ''\n\t\t);\n\n\t\tconst {\n\t\t\tscrollableContainerRef,\n\t\t\thasVerticalScrollbar,\n\t\t\thasHorizontalScrollbar,\n\t\t\thorizontalScrollbarHeight,\n\t\t\tverticalScrollbarWidth\n\t\t} = useScrollbarInfo<HTMLDivElement>();\n\n\t\tconst hasFocusableDescendant = useHasFocusableDescendant(scrollableContainerRef);\n\n\t\tReact.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(ref, () => {\n\t\t\treturn panelRef.current;\n\t\t});\n\n\t\tconst handleKeyDown = React.useCallback(\n\t\t\t(e: React.KeyboardEvent<HTMLDivElement>) => {\n\t\t\t\tif (e.key === 'Escape' && typeof onClose === 'function') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tonClose();\n\t\t\t\t}\n\t\t\t},\n\t\t\t[onClose]\n\t\t);\n\n\t\tconst panelClasses = classnames(styles['MrlPanel'], 'MrlPanel', className);\n\n\t\treturn (\n\t\t\t<MrlPanelContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\thasHorizontalScrollbar,\n\t\t\t\t\thasVerticalScrollbar,\n\t\t\t\t\thorizontalScrollbarHeight,\n\t\t\t\t\tverticalScrollbarWidth\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n\t\t\t\t<div\n\t\t\t\t\t{...rest}\n\t\t\t\t\tclassName={panelClasses}\n\t\t\t\t\taria-describedby={descriptionIdRef.current || props['aria-describedby']}\n\t\t\t\t\taria-label={title || props['aria-label']}\n\t\t\t\t\taria-modal=\"false\"\n\t\t\t\t\tdata-qa={qa}\n\t\t\t\t\tid={id}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tref={panelRef}\n\t\t\t\t>\n\t\t\t\t\t<MrlFocusTrap containerRef={panelRef} disableAutofocus={disableAutofocus}>\n\t\t\t\t\t\t<header className={classnames(styles['MrlPanel--header'], 'MrlPanel--header')}>\n\t\t\t\t\t\t\t{!header && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\tstyles['MrlPanel--header-content'],\n\t\t\t\t\t\t\t\t\t\t'MrlPanel--header-content',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t[styles['MrlPanel--header-content-description']]: !!description\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<MrlTextHeading\n\t\t\t\t\t\t\t\t\t\tclassName={styles['MrlPanel--title']}\n\t\t\t\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\t\t\t\t'data-qa': `${qa}-header-title`,\n\t\t\t\t\t\t\t\t\t\t\tid\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\thierarchy=\"primary\"\n\t\t\t\t\t\t\t\t\t\tkind=\"title\"\n\t\t\t\t\t\t\t\t\t\tlevel=\"2\"\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\t\ttext={title}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{topActions && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles['MrlPanel--top-actions'],\n\t\t\t\t\t\t\t\t\t\t\t\t\t'MrlPanel--top-actions'\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{topActions}\n\t\t\t\t\t\t\t\t\t\t\t\t<MrlDivider\n\t\t\t\t\t\t\t\t\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tspacing=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tlength=\"var(--mrl-spacing-06)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyles['MrlPanel--top-actions-divider'],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'MrlPanel--top-actions-divider'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\t\tdata-qa={`${qa}-close-button`}\n\t\t\t\t\t\t\t\twrapperClassName={classnames(styles['MrlPanel--close'], 'MrlPanel--close')}\n\t\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\t\tkind=\"ghost\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</header>\n\n\t\t\t\t\t\t{/*\n\t\t\t\t\t\t * Scrollable container — includes description, sticky header and main\n\t\t\t\t\t\t * content. Per ACT rule 0ssw9k a scrollable element passes WCAG 2.1.1\n\t\t\t\t\t\t * Keyboard if it is itself focusable OR has a focusable descendant. We\n\t\t\t\t\t\t * therefore expose `tabindex=\"0\"` only when the wrapper has no focusable\n\t\t\t\t\t\t * descendants, which avoids the \"meaningless tab stop\" finding for\n\t\t\t\t\t\t * panels filled with interactive controls while still making text-only\n\t\t\t\t\t\t * panels keyboard-scrollable. The labeled `role=\"region\"` is preserved\n\t\t\t\t\t\t * whenever the panel overflows so screen-reader users get a landmark.\n\t\t\t\t\t\t * https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/\n\t\t\t\t\t\t */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={scrollableContainerRef}\n\t\t\t\t\t\t\tdata-scroll-anchor={hasDataScrollAnchor}\n\t\t\t\t\t\t\tdata-qa={`${qa}-scrollable`}\n\t\t\t\t\t\t\tclassName={classnames(styles['MrlPanel--scrollable'], 'MrlPanel--scrollable', {\n\t\t\t\t\t\t\t\t[styles['MrlPanel--scrollable-has-sticky-header']]: hasStickyHeader\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t{...(verticalScrollbarWidth > 0 && {\n\t\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\t\tpaddingRight: `calc(var(--mrl-spacing-06) - ${verticalScrollbarWidth}px)`\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t{...(hasVerticalScrollbar && {\n\t\t\t\t\t\t\t\t'aria-label': title\n\t\t\t\t\t\t\t\t\t? `${title} panel scrollable content`\n\t\t\t\t\t\t\t\t\t: 'Panel scrollable content',\n\t\t\t\t\t\t\t\trole: 'region',\n\t\t\t\t\t\t\t\t...(!hasFocusableDescendant && {\n\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n\t\t\t\t\t\t\t\t\ttabIndex: 0\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{description && (\n\t\t\t\t\t\t\t\t<MrlText\n\t\t\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\t\t\tclassName: classnames(styles['MrlPanel--description'], 'MrlPanel--description'),\n\t\t\t\t\t\t\t\t\t\tid: descriptionIdRef.current\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\t\t\ttext={description}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</MrlFocusTrap>\n\t\t\t\t</div>\n\t\t\t</MrlPanelContext.Provider>\n\t\t);\n\t}\n);\n"],"names":["MrlPanel","React","forwardRef","props","ref","className","title","id","children","hasStickyHeader","header","description","disableAutofocus","topActions","hasDataScrollAnchor","onClose","_props$dataQa","qa","rest","_objectWithoutProperties","_excluded","panelRef","useRef","descriptionIdRef","getUniqueId","_useScrollbarInfo","useScrollbarInfo","scrollableContainerRef","hasVerticalScrollbar","hasHorizontalScrollbar","horizontalScrollbarHeight","verticalScrollbarWidth","hasFocusableDescendant","useHasFocusableDescendant","useImperativeHandle","current","handleKeyDown","useCallback","e","key","preventDefault","stopPropagation","panelClasses","classnames","styles","createElement","MrlPanelContext","Provider","value","_extends","onKeyDown","role","MrlFocusTrap","containerRef","MrlTextHeading","attrs","concat","hierarchy","kind","level","size","text","Fragment","MrlDivider","orientation","spacing","length","MrlIconButton","wrapperClassName","icon","MrlSvg","svg","close","onClick","state","position","tipAnchor","style","paddingRight","_objectSpread","tabIndex","MrlText"],"mappings":"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"}

package/dist/cjs/components/panel/MrlPanelContext/MrlPanelContext.js

@@ -2,7 +2,8 @@
 
 var React = require('react');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -19,7 +20,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var initialState = {
   hasHorizontalScrollbar: false,

package/dist/cjs/components/panel/MrlPanelContext/MrlPanelContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlPanelContext.js","sources":["../../../../../src/components/panel/MrlPanelContext/MrlPanelContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScrollbarInfo } from '../../../hooks';\n\nexport type MrlPanelContextState = ScrollbarInfo;\n\nexport const initialState: MrlPanelContextState = {\n\thasHorizontalScrollbar: false,\n\thasVerticalScrollbar: false,\n\thorizontalScrollbarHeight: 0,\n\tverticalScrollbarWidth: 0\n};\n\nexport const MrlPanelContext = React.createContext<MrlPanelContextState>(initialState);\n\n/**\n * Returns the MrlPanelContext state.\n *\n * @returns The MrlPanelContext state.\n */\nexport const useMrlPanelContext = (): MrlPanelContextState => {\n\tconst context = React.useContext(MrlPanelContext);\n\tif (!context) {\n\t\tthrow new Error('MrlPanelContext must be used within a MrlPanelContextProvider');\n\t}\n\treturn context;\n};\n"],"names":["initialState","hasHorizontalScrollbar","hasVerticalScrollbar","horizontalScrollbarHeight","verticalScrollbarWidth","MrlPanelContext","React","createContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAMA,YAAkC,GAAG;AACjDC,EAAAA,sBAAsB,EAAE,KAAK;AAC7BC,EAAAA,oBAAoB,EAAE,KAAK;AAC3BC,EAAAA,yBAAyB,EAAE,CAAC;AAC5BC,EAAAA,sBAAsB,EAAE;AACzB;AAEO,IAAMC,eAAe,gBAAGC,gBAAK,CAACC,aAAa,CAAuBP,YAAY;;;;;"}
+{"version":3,"file":"MrlPanelContext.js","sources":["../../../../../src/components/panel/MrlPanelContext/MrlPanelContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScrollbarInfo } from '../../../hooks';\n\nexport type MrlPanelContextState = ScrollbarInfo;\n\nexport const initialState: MrlPanelContextState = {\n\thasHorizontalScrollbar: false,\n\thasVerticalScrollbar: false,\n\thorizontalScrollbarHeight: 0,\n\tverticalScrollbarWidth: 0\n};\n\nexport const MrlPanelContext = React.createContext<MrlPanelContextState>(initialState);\n\n/**\n * Returns the MrlPanelContext state.\n *\n * @returns The MrlPanelContext state.\n */\nexport const useMrlPanelContext = (): MrlPanelContextState => {\n\tconst context = React.useContext(MrlPanelContext);\n\tif (!context) {\n\t\tthrow new Error('MrlPanelContext must be used within a MrlPanelContextProvider');\n\t}\n\treturn context;\n};\n"],"names":["initialState","hasHorizontalScrollbar","hasVerticalScrollbar","horizontalScrollbarHeight","verticalScrollbarWidth","MrlPanelContext","React","createContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAMA,YAAkC,GAAG;AACjDC,EAAAA,sBAAsB,EAAE,KAAK;AAC7BC,EAAAA,oBAAoB,EAAE,KAAK;AAC3BC,EAAAA,yBAAyB,EAAE,CAAC;AAC5BC,EAAAA,sBAAsB,EAAE;AACzB;AAEO,IAAMC,eAAe,gBAAGC,gBAAK,CAACC,aAAa,CAAuBP,YAAY;;;;;"}

package/dist/cjs/components/panel/MrlPanelFooter/MrlPanelFooter.js

@@ -7,7 +7,10 @@ var MrlPanelFooter_module = require('./MrlPanelFooter.module.scss.js');
 var MrlDivider = require('../../divider/MrlDivider/MrlDivider.js');
 var MrlText = require('../../text/MrlText/MrlText.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -24,7 +27,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["children", "hasDivider", "className"];
 
@@ -45,14 +49,14 @@ var MrlPanelFooter = /*#__PURE__*/React__namespace.forwardRef(function MrlPanelF
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement("footer", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref,
-    className: classnames(MrlPanelFooter_module.default['MrlPanelFooter'], 'MrlPanelFooter', className)
+    className: classnames__default.default(MrlPanelFooter_module.default['MrlPanelFooter'], 'MrlPanelFooter', className)
   }), hasDivider && /*#__PURE__*/React__namespace.createElement(MrlDivider.MrlDivider, {
     spacing: "small",
-    className: classnames(MrlPanelFooter_module.default['MrlPanelFooter--divider'], 'MrlPanelFooter--divider')
+    className: classnames__default.default(MrlPanelFooter_module.default['MrlPanelFooter--divider'], 'MrlPanelFooter--divider')
   }), typeof children === 'string' && /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
     size: "xsmall",
     text: children
-  }), _rollupPluginBabelHelpers.typeof(children) === 'object' && children);
+  }), typeof children === 'object' && children);
 });
 
 exports.MrlPanelFooter = MrlPanelFooter;

package/dist/cjs/components/panel/MrlPanelFooter/MrlPanelFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlPanelFooter.js","sources":["../../../../../src/components/panel/MrlPanelFooter/MrlPanelFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlPanelFooter.module.scss';\nimport { MrlText } from '../../text';\nimport { MrlDivider } from '../../divider';\n\n/**\n * Props for the MrlPanelFooter component.\n */\ninterface MrlPanelFooterProps extends React.ComponentPropsWithRef<'footer'> {\n\t/**\n\t * The children of the MrlPanelFooter component.\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Specifies whether to show the divider.\n\t */\n\thasDivider?: boolean;\n}\n\n/**\n * MrlPanelFooter component.\n *\n * @param props The MrlPanelFooter component properties.\n * @returns The MrlPanelFooter component.\n */\nexport const MrlPanelFooter = React.forwardRef<HTMLElement, MrlPanelFooterProps>(\n\tfunction MrlPanelFooter({ children, hasDivider, className, ...rest }, ref): JSX.Element {\n\t\treturn (\n\t\t\t<footer\n\t\t\t\t{...rest}\n\t\t\t\tref={ref}\n\t\t\t\tclassName={classnames(styles['MrlPanelFooter'], 'MrlPanelFooter', className)}\n\t\t\t>\n\t\t\t\t{hasDivider && (\n\t\t\t\t\t<MrlDivider\n\t\t\t\t\t\tspacing=\"small\"\n\t\t\t\t\t\tclassName={classnames(styles['MrlPanelFooter--divider'], 'MrlPanelFooter--divider')}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{typeof children === 'string' && <MrlText size=\"xsmall\" text={children} />}\n\t\t\t\t{typeof children === 'object' && children}\n\t\t\t</footer>\n\t\t);\n\t}\n);\n"],"names":["MrlPanelFooter","React","forwardRef","_ref","ref","children","hasDivider","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","classnames","styles","MrlDivider","spacing","MrlText","size","text","_typeof"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AACA;AACA;;AAaA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,gBAAGC,gBAAK,CAACC,UAAU,CAC7C,SAASF,cAAcA,CAAAG,IAAA,EAA+CC,GAAG,EAAe;AAAA,EAAA,IAA9DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AACjE,EAAA,oBACCT,gBAAA,CAAAU,aAAA,CAAA,QAAA,EAAAC,iCAAA,KACKJ,IAAI,EAAA;AACRJ,IAAAA,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEM,UAAU,CAACC,6BAAM,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,EAAEP,SAAS;AAAE,GAAA,CAAA,EAE5ED,UAAU,iBACVL,gBAAA,CAAAU,aAAA,CAACI,qBAAU,EAAA;AACVC,IAAAA,OAAO,EAAC,OAAO;IACfT,SAAS,EAAEM,UAAU,CAACC,6BAAM,CAAC,yBAAyB,CAAC,EAAE,yBAAyB;GAClF,CACD,EACA,OAAOT,QAAQ,KAAK,QAAQ,iBAAIJ,gBAAA,CAAAU,aAAA,CAACM,eAAO,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAQ;AAACC,IAAAA,IAAI,EAAEd;GAAW,CAAC,EACzEe,gCAAA,CAAOf,QAAQ,CAAA,KAAK,QAAQ,IAAIA,QAC1B,CAAC;AAEX,CACD;;;;"}
+{"version":3,"file":"MrlPanelFooter.js","sources":["../../../../../src/components/panel/MrlPanelFooter/MrlPanelFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlPanelFooter.module.scss';\nimport { MrlText } from '../../text';\nimport { MrlDivider } from '../../divider';\n\n/**\n * Props for the MrlPanelFooter component.\n */\ninterface MrlPanelFooterProps extends React.ComponentPropsWithRef<'footer'> {\n\t/**\n\t * The children of the MrlPanelFooter component.\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Specifies whether to show the divider.\n\t */\n\thasDivider?: boolean;\n}\n\n/**\n * MrlPanelFooter component.\n *\n * @param props The MrlPanelFooter component properties.\n * @returns The MrlPanelFooter component.\n */\nexport const MrlPanelFooter = React.forwardRef<HTMLElement, MrlPanelFooterProps>(\n\tfunction MrlPanelFooter({ children, hasDivider, className, ...rest }, ref): JSX.Element {\n\t\treturn (\n\t\t\t<footer\n\t\t\t\t{...rest}\n\t\t\t\tref={ref}\n\t\t\t\tclassName={classnames(styles['MrlPanelFooter'], 'MrlPanelFooter', className)}\n\t\t\t>\n\t\t\t\t{hasDivider && (\n\t\t\t\t\t<MrlDivider\n\t\t\t\t\t\tspacing=\"small\"\n\t\t\t\t\t\tclassName={classnames(styles['MrlPanelFooter--divider'], 'MrlPanelFooter--divider')}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{typeof children === 'string' && <MrlText size=\"xsmall\" text={children} />}\n\t\t\t\t{typeof children === 'object' && children}\n\t\t\t</footer>\n\t\t);\n\t}\n);\n"],"names":["MrlPanelFooter","React","forwardRef","_ref","ref","children","hasDivider","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","classnames","styles","MrlDivider","spacing","MrlText","size","text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AACA;AACA;;AAaA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,gBAAGC,gBAAK,CAACC,UAAU,CAC7C,SAASF,cAAcA,CAAAG,IAAA,EAA+CC,GAAG,EAAe;AAAA,EAAA,IAA9DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AACjE,EAAA,oBACCT,gBAAA,CAAAU,aAAA,CAAA,QAAA,EAAAC,iCAAA,KACKJ,IAAI,EAAA;AACRJ,IAAAA,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEM,2BAAU,CAACC,6BAAM,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,EAAEP,SAAS;AAAE,GAAA,CAAA,EAE5ED,UAAU,iBACVL,gBAAA,CAAAU,aAAA,CAACI,qBAAU,EAAA;AACVC,IAAAA,OAAO,EAAC,OAAO;IACfT,SAAS,EAAEM,2BAAU,CAACC,6BAAM,CAAC,yBAAyB,CAAC,EAAE,yBAAyB;GAClF,CACD,EACA,OAAOT,QAAQ,KAAK,QAAQ,iBAAIJ,gBAAA,CAAAU,aAAA,CAACM,eAAO,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAQ;AAACC,IAAAA,IAAI,EAAEd;GAAW,CAAC,EACzE,OAAOA,QAAQ,KAAK,QAAQ,IAAIA,QAC1B,CAAC;AAEX,CACD;;;;"}

package/dist/cjs/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.js

@@ -5,7 +5,10 @@ var React = require('react');
 var classnames = require('classnames');
 var MrlPanelStickyHeader_module = require('./MrlPanelStickyHeader.module.scss.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -22,7 +25,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["children", "className"];
 
@@ -36,12 +40,12 @@ var _excluded = ["children", "className"];
  * @param props The MrlPanelStickyHeader component properties.
  * @returns The MrlPanel component.
  */
-var MrlPanelStickyHeader = function MrlPanelStickyHeader(_ref) {
+var MrlPanelStickyHeader = _ref => {
   var children = _ref.children,
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
-    className: classnames(MrlPanelStickyHeader_module.default['MrlPanelStickyHeader'], 'MrlPanelStickyHeader', className)
+    className: classnames__default.default(MrlPanelStickyHeader_module.default['MrlPanelStickyHeader'], 'MrlPanelStickyHeader', className)
   }), children);
 };
 

package/dist/cjs/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlPanelStickyHeader.js","sources":["../../../../../src/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlPanelStickyHeader.module.scss';\n\n/**\n * Props for the MrlPanelStickyHeader component.\n */\ninterface MrlPanelStickyHeaderProps extends React.ComponentPropsWithRef<'div'> {\n\t/**\n\t * The children of the MrlPanelStickyHeader component.\n\t */\n\tchildren?: React.ReactNode;\n}\n\n/**\n * MrlPanelStickyHeader component.\n *\n * @param props The MrlPanelStickyHeader component properties.\n * @returns The MrlPanel component.\n */\nexport const MrlPanelStickyHeader = ({\n\tchildren,\n\tclassName,\n\t...rest\n}: MrlPanelStickyHeaderProps): JSX.Element => {\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={classnames(styles['MrlPanelStickyHeader'], 'MrlPanelStickyHeader', className)}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["MrlPanelStickyHeader","_ref","children","className","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","classnames","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;IACaA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAIa;AAAA,EAAA,IAH7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;AACNC,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAEP,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,KACKL,IAAI,EAAA;IACRD,SAAS,EAAEO,UAAU,CAACC,mCAAM,CAAC,sBAAsB,CAAC,EAAE,sBAAsB,EAAER,SAAS;AAAE,GAAA,CAAA,EAExFD,QACG,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlPanelStickyHeader.js","sources":["../../../../../src/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlPanelStickyHeader.module.scss';\n\n/**\n * Props for the MrlPanelStickyHeader component.\n */\ninterface MrlPanelStickyHeaderProps extends React.ComponentPropsWithRef<'div'> {\n\t/**\n\t * The children of the MrlPanelStickyHeader component.\n\t */\n\tchildren?: React.ReactNode;\n}\n\n/**\n * MrlPanelStickyHeader component.\n *\n * @param props The MrlPanelStickyHeader component properties.\n * @returns The MrlPanel component.\n */\nexport const MrlPanelStickyHeader = ({\n\tchildren,\n\tclassName,\n\t...rest\n}: MrlPanelStickyHeaderProps): JSX.Element => {\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={classnames(styles['MrlPanelStickyHeader'], 'MrlPanelStickyHeader', className)}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["MrlPanelStickyHeader","_ref","children","className","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","classnames","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,oBAAoB,GAAGC,IAAA,IAIU;AAAA,EAAA,IAH7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;AACNC,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAEP,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,KACKL,IAAI,EAAA;IACRD,SAAS,EAAEO,2BAAU,CAACC,mCAAM,CAAC,sBAAsB,CAAC,EAAE,sBAAsB,EAAER,SAAS;AAAE,GAAA,CAAA,EAExFD,QACG,CAAC;AAER;;;;"}