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

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

@@ -0,0 +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,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

@@ -0,0 +1,176 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlPanel_module = require('./MrlPanel.module.scss.js');
+var dsIcons = require('@muraldevkit/ds-icons');
+var index$1 = require('../../../hooks/useHasFocusableDescendant/index.js');
+var index = require('../../../hooks/useScrollbarInfo/index.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+var MrlPanelContext = require('../MrlPanelContext/MrlPanelContext.js');
+var MrlFocusTrap = require('../../focus-trap/MrlFocusTrap/MrlFocusTrap.js');
+var MrlDivider = require('../../divider/MrlDivider/MrlDivider.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
+var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
+var MrlIconButton = require('../../button/MrlIconButton/MrlIconButton.js');
+var MrlText = require('../../text/MrlText/MrlText.js');
+
+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) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+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"];
+
+/**
+ * Props for the MrlPanel component.
+ */
+
+/**
+ * MrlPanel component.
+ *
+ * @param props The MrlPanel component properties.
+ * @returns The MrlPanel component.
+ */
+var MrlPanel = /*#__PURE__*/React__namespace.forwardRef(function MrlPanel(props, ref) {
+  var className = props.className,
+    title = props.title,
+    id = props.id,
+    children = props.children,
+    hasStickyHeader = props.hasStickyHeader,
+    header = props.header,
+    description = props.description,
+    disableAutofocus = props.disableAutofocus,
+    topActions = props.topActions,
+    hasDataScrollAnchor = props.hasDataScrollAnchor,
+    onClose = props.onClose,
+    _props$dataQa = props['data-qa'],
+    qa = _props$dataQa === void 0 ? 'panel' : _props$dataQa,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var panelRef = React__namespace.useRef(null);
+
+  // Unique ID for aria-describedby
+  var descriptionIdRef = React__namespace.useRef(description ? setAttributes.getUniqueId('mrl-panel-description') : '');
+  var _useScrollbarInfo = index.useScrollbarInfo(),
+    scrollableContainerRef = _useScrollbarInfo.scrollableContainerRef,
+    hasVerticalScrollbar = _useScrollbarInfo.hasVerticalScrollbar,
+    hasHorizontalScrollbar = _useScrollbarInfo.hasHorizontalScrollbar,
+    horizontalScrollbarHeight = _useScrollbarInfo.horizontalScrollbarHeight,
+    verticalScrollbarWidth = _useScrollbarInfo.verticalScrollbarWidth;
+  var hasFocusableDescendant = index$1.useHasFocusableDescendant(scrollableContainerRef);
+  React__namespace.useImperativeHandle(ref, () => {
+    return panelRef.current;
+  });
+  var handleKeyDown = React__namespace.useCallback(e => {
+    if (e.key === 'Escape' && typeof onClose === 'function') {
+      e.preventDefault();
+      e.stopPropagation();
+      onClose();
+    }
+  }, [onClose]);
+  var panelClasses = classnames__default.default(MrlPanel_module.default['MrlPanel'], 'MrlPanel', className);
+  return /*#__PURE__*/React__namespace.createElement(MrlPanelContext.MrlPanelContext.Provider, {
+    value: {
+      hasHorizontalScrollbar,
+      hasVerticalScrollbar,
+      horizontalScrollbarHeight,
+      verticalScrollbarWidth
+    }
+  }, /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: panelClasses,
+    "aria-describedby": descriptionIdRef.current || props['aria-describedby'],
+    "aria-label": title || props['aria-label'],
+    "aria-modal": "false",
+    "data-qa": qa,
+    id: id,
+    onKeyDown: handleKeyDown,
+    role: "dialog",
+    ref: panelRef
+  }), /*#__PURE__*/React__namespace.createElement(MrlFocusTrap.MrlFocusTrap, {
+    containerRef: panelRef,
+    disableAutofocus: disableAutofocus
+  }, /*#__PURE__*/React__namespace.createElement("header", {
+    className: classnames__default.default(MrlPanel_module.default['MrlPanel--header'], 'MrlPanel--header')
+  }, !header && /*#__PURE__*/React__namespace.createElement("div", {
+    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
+    },
+    hierarchy: "primary",
+    kind: "title",
+    level: "2",
+    size: "medium",
+    text: title
+  }), topActions && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", {
+    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__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__default.default(MrlPanel_module.default['MrlPanel--close'], 'MrlPanel--close'),
+    icon: /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      svg: dsIcons.close
+    }),
+    onClick: onClose,
+    text: "Close",
+    size: "small",
+    state: "default",
+    position: "bottom",
+    tipAnchor: "center",
+    kind: "ghost"
+  })), /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    ref: scrollableContainerRef,
+    "data-scroll-anchor": hasDataScrollAnchor,
+    "data-qa": "".concat(qa, "-scrollable"),
+    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)")
+    }
+  }, hasVerticalScrollbar && _rollupPluginBabelHelpers.objectSpread2({
+    'aria-label': title ? "".concat(title, " panel scrollable content") : 'Panel scrollable content',
+    role: 'region'
+  }, !hasFocusableDescendant && {
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    tabIndex: 0
+  })), description && /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
+    attrs: {
+      className: classnames__default.default(MrlPanel_module.default['MrlPanel--description'], 'MrlPanel--description'),
+      id: descriptionIdRef.current
+    },
+    size: "xsmall",
+    text: description
+  }), children))));
+});
+
+exports.MrlPanel = MrlPanel;
+//# sourceMappingURL=MrlPanel.js.map

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

@@ -0,0 +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","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/MrlPanel/MrlPanel.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlPanel":"MrlPanel--ctJ4U","MrlPanel--header-content":"MrlPanel--header-content--VTdag","MrlPanel--header-content-description":"MrlPanel--header-content-description--CUyJq","MrlPanel--title":"MrlPanel--title--tyjoU","MrlPanel--top-actions":"MrlPanel--top-actions--vzrrd","MrlPanel--top-actions-divider":"MrlPanel--top-actions-divider--xLz2L","MrlPanel--close":"MrlPanel--close--sRBzI","MrlPanel--scrollable":"MrlPanel--scrollable--kRudV","MrlPanel--scrollable-has-sticky-header":"MrlPanel--scrollable-has-sticky-header--CIres","MrlPanel--description":"MrlPanel--description--dCF7g"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlPanel.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPanel.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var initialState = {
+  hasHorizontalScrollbar: false,
+  hasVerticalScrollbar: false,
+  horizontalScrollbarHeight: 0,
+  verticalScrollbarWidth: 0
+};
+var MrlPanelContext = /*#__PURE__*/React__namespace.createContext(initialState);
+
+exports.MrlPanelContext = MrlPanelContext;
+exports.initialState = initialState;
+//# sourceMappingURL=MrlPanelContext.js.map

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

@@ -0,0 +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;;;;;"}

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlPanelFooter_module = require('./MrlPanelFooter.module.scss.js');
+var MrlDivider = require('../../divider/MrlDivider/MrlDivider.js');
+var MrlText = require('../../text/MrlText/MrlText.js');
+
+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) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+var _excluded = ["children", "hasDivider", "className"];
+
+/**
+ * Props for the MrlPanelFooter component.
+ */
+
+/**
+ * MrlPanelFooter component.
+ *
+ * @param props The MrlPanelFooter component properties.
+ * @returns The MrlPanelFooter component.
+ */
+var MrlPanelFooter = /*#__PURE__*/React__namespace.forwardRef(function MrlPanelFooter(_ref, ref) {
+  var children = _ref.children,
+    hasDivider = _ref.hasDivider,
+    className = _ref.className,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("footer", _rollupPluginBabelHelpers.extends({}, rest, {
+    ref: ref,
+    className: classnames__default.default(MrlPanelFooter_module.default['MrlPanelFooter'], 'MrlPanelFooter', className)
+  }), hasDivider && /*#__PURE__*/React__namespace.createElement(MrlDivider.MrlDivider, {
+    spacing: "small",
+    className: classnames__default.default(MrlPanelFooter_module.default['MrlPanelFooter--divider'], 'MrlPanelFooter--divider')
+  }), typeof children === 'string' && /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
+    size: "xsmall",
+    text: children
+  }), typeof children === 'object' && children);
+});
+
+exports.MrlPanelFooter = MrlPanelFooter;
+//# sourceMappingURL=MrlPanelFooter.js.map

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

@@ -0,0 +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"],"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/MrlPanelFooter/MrlPanelFooter.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlPanelFooter":"MrlPanelFooter--iX4RS","MrlPanelFooter--divider":"MrlPanelFooter--divider--DMvrl"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlPanelFooter.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPanelFooter.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlPanelStickyHeader_module = require('./MrlPanelStickyHeader.module.scss.js');
+
+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) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+var _excluded = ["children", "className"];
+
+/**
+ * Props for the MrlPanelStickyHeader component.
+ */
+
+/**
+ * MrlPanelStickyHeader component.
+ *
+ * @param props The MrlPanelStickyHeader component properties.
+ * @returns The MrlPanel component.
+ */
+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__default.default(MrlPanelStickyHeader_module.default['MrlPanelStickyHeader'], 'MrlPanelStickyHeader', className)
+  }), children);
+};
+
+exports.MrlPanelStickyHeader = MrlPanelStickyHeader;
+//# sourceMappingURL=MrlPanelStickyHeader.js.map

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

@@ -0,0 +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;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;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlPanelStickyHeader":"MrlPanelStickyHeader--I1FiZ"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlPanelStickyHeader.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPanelStickyHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}