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

package/dist/esm/components/notification/MrlToast/MrlToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlToast.js","sources":["../../../../../src/components/notification/MrlToast/MrlToast.tsx"],"sourcesContent":["import * as React from 'react';\nimport { check, close, error, info, lock, modePrivate, warning } from '@muraldevkit/ds-icons';\nimport { stickyTextColor } from '@tactivos/mural-shared/lib/colors';\nimport { MrlIconButton, MrlButton } from '../../button';\nimport { MrlLink } from '../../link';\nimport { MrlSvg, DSIconType } from '../../svg';\nimport { MrlAvatarPropTypes } from '../../avatar/MrlAvatar';\nimport styles from './MrlToast.module.scss';\nimport classNames from 'classnames';\nimport { NotificationKind } from '../constants';\nimport { PORTAL_LAYERS as layers } from '../../../utils/layers';\nimport { useAutoClose } from '../../../hooks/useAutoClose';\n\nexport type MrlToastKind = NotificationKind | 'collaborator' | 'general';\n\nexport type MrlToastPosition = 'bottom' | 'top';\n\nexport interface MrlToastCTA {\n\tonClick: () => void;\n\ttext: string;\n\tdataQa: string;\n}\n\nexport interface MrlToastLink {\n\ttext: string;\n\turl: string;\n}\n\nexport interface MrlToastProps {\n\t['data-qa']?: string;\n\t/**\n\t * Determines whether the Toast Notification should automatically close after the time specified in `closeAfterMs` (default 3000ms).\n\t *\n\t * Note: auto-closing is only possible when no interactive elements (e.g. close button & CTA's) exist on the toast notification\n\t */\n\tautoClose?: boolean;\n\t/**\n\t * A MrlAvatar component instance to display in the toast notification.\n\t *\n\t * Note: This is only applicable when `kind` is set to 'collaborator'. When provided, the avatar will be shown instead of the default icon.\n\t * The `showIcon` prop will be ignored when `avatar` is present.\n\t *\n\t * @example\n\t * ```tsx\n\t * <MrlToast\n\t *   kind=\"collaborator\"\n\t *   avatar={<MrlAvatar name=\"John Doe\" size=\"small\" avatarColor=\"#FF5733\" />}\n\t *   primaryMessage=\"John Doe joined the mural\"\n\t * />\n\t * ```\n\t */\n\tavatar?: React.ReactElement<MrlAvatarPropTypes>;\n\t/**\n\t * Sets the background color of the toast notification.\n\t *\n\t * Note: this is only applicable when the `kind` is set to 'collaborator'.\n\t */\n\tbackgroundColor?: string;\n\tclassName?: string;\n\t/**\n\t * The time in milliseconds after which the toast notification should automatically close.\n\t */\n\tcloseAfterMs?: number;\n\tkind?: MrlToastKind;\n\tlink?: MrlToastLink;\n\tonClose?: () => void;\n\tprimaryCTA?: MrlToastCTA;\n\tprimaryMessage: string | JSX.Element;\n\tsecondaryCTA?: MrlToastCTA;\n\tsecondaryMessage?: string | JSX.Element;\n\t/** Determines whether the close icon button should be shown. */\n\tshowCloseButton?: boolean;\n\tshowIcon?: boolean;\n}\n\n/**\n * MrlToast component.\n * @param {MrlToastProps} props - The props for the MrlToast component.\n * @returns {React.ReactElement} The MrlToast component.\n */\nexport const MrlToast = ({\n\t['data-qa']: qa = 'toast-notification',\n\tautoClose = true,\n\tavatar,\n\tbackgroundColor,\n\tclassName,\n\tcloseAfterMs = 3000,\n\tkind = 'info',\n\tlink,\n\tonClose,\n\tprimaryCTA,\n\tprimaryMessage,\n\tsecondaryCTA,\n\tsecondaryMessage,\n\tshowCloseButton = false,\n\tshowIcon = true,\n\t...rest\n}: MrlToastProps): React.ReactElement => {\n\t// Set to true if any buttons exist on the toast, false otherwise\n\tconst hasInteractiveElements = showCloseButton || primaryCTA || secondaryCTA;\n\n\t// Allowing autoClose when there are interactive elements in the toast is an anti-pattern\n\t// and should be avoided. If autoClose is set to true and interactive elements exist, the\n\t// toast will not close automatically.\n\tconst shouldAutoClose = autoClose && !hasInteractiveElements;\n\n\t/* Boolean value tracking if the close timeout has been reached */\n\tconst [closed, setClosed] = useAutoClose(shouldAutoClose, closeAfterMs, onClose);\n\n\tconst handleClose = (): void => {\n\t\tsetClosed(true);\n\n\t\t// Slightly delay the onClose callback to allow the toast to animate out.\n\t\t// This will prevent the toast from disappearing abruptly depending on how\n\t\t// it is implemented within the application\n\t\tsetTimeout(() => {\n\t\t\tif (onClose) onClose();\n\t\t}, 500);\n\t};\n\n\tconst DEFAULT_ICONS: Partial<Record<MrlToastKind, DSIconType>> = {\n\t\tcollaborator: lock,\n\t\terror,\n\t\tinfo,\n\t\tprivate: modePrivate,\n\t\tsuccess: check,\n\t\twarning\n\t};\n\n\tconst hasAvatar = typeof avatar !== 'undefined' && kind === 'collaborator';\n\n\tconst darkCollaborator =\n\t\tkind === 'collaborator' &&\n\t\tbackgroundColor &&\n\t\tstickyTextColor(backgroundColor, 'light', 'dark') === 'light';\n\n\tconst classes = classNames(styles['MrlToast'], className, styles[`${kind}Notification`], {\n\t\t[styles.darkCollaborator]: !!darkCollaborator,\n\t\t[styles.closing]: closed,\n\t\t[styles['has-cta']]: !!hasInteractiveElements,\n\t\t[styles['has-avatar']]: hasAvatar\n\t});\n\n\tconst closeButtonkind = kind === 'warning' || darkCollaborator ? 'ghost' : 'ghost-inverse';\n\n\tconst customTextColor =\n\t\t!!backgroundColor && kind === 'collaborator'\n\t\t\t? stickyTextColor(backgroundColor, '#000000', '#ffffff')\n\t\t\t: undefined;\n\n\tconst primaryMessageClasses = classNames(styles.primaryMessage, 'MrlToast--primaryMessage');\n\tconst secondaryMessageClasses = classNames(styles.secondaryMessage, 'MrlToast--secondaryMessage');\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={classes}\n\t\t\tdata-qa={qa}\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: kind === 'collaborator' ? backgroundColor : undefined,\n\t\t\t\tcolor: customTextColor,\n\t\t\t\tzIndex: layers.TOAST.zIndex\n\t\t\t}}\n\t\t>\n\t\t\t<div className={styles.content}>\n\t\t\t\t{hasAvatar && <span className={styles.avatarWrapper}>{avatar}</span>}\n\t\t\t\t{!hasAvatar && showIcon && (\n\t\t\t\t\t<span className={styles.iconWrapper}>\n\t\t\t\t\t\t<MrlSvg size=\"small\" svg={DEFAULT_ICONS[kind] || info} />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<span className={styles.textContent}>\n\t\t\t\t\t<span className={primaryMessageClasses} data-qa=\"toast-primary-content\">\n\t\t\t\t\t\t{primaryMessage}\n\t\t\t\t\t</span>{' '}\n\t\t\t\t\t<span className={secondaryMessageClasses}>{secondaryMessage}</span>\n\t\t\t\t\t{link && (\n\t\t\t\t\t\t<span className={styles.link}>\n\t\t\t\t\t\t\t<MrlLink\n\t\t\t\t\t\t\t\ttext={link.text}\n\t\t\t\t\t\t\t\thref={link.url}\n\t\t\t\t\t\t\t\tkind=\"simple\"\n\t\t\t\t\t\t\t\tstyle={{ color: 'inherit' }}\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t{hasInteractiveElements && (\n\t\t\t\t<div className={styles['cta-container']}>\n\t\t\t\t\t{secondaryCTA && (\n\t\t\t\t\t\t<MrlButton\n\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\tclassName: styles['cta--secondary']\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdata-qa={secondaryCTA.dataQa}\n\t\t\t\t\t\t\tkind=\"inverse\"\n\t\t\t\t\t\t\tonClick={secondaryCTA.onClick}\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\ttext={secondaryCTA.text}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{primaryCTA && (\n\t\t\t\t\t\t<MrlButton\n\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\tclassName: styles['cta--primary']\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdata-qa={primaryCTA.dataQa}\n\t\t\t\t\t\t\tkind=\"inverse\"\n\t\t\t\t\t\t\tonClick={primaryCTA.onClick}\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\ttext={primaryCTA.text}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{showCloseButton && (\n\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\tattrs={{\n\t\t\t\t\t\t\t\tclassName: styles['cta--close']\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdata-qa=\"mrl-toast-close-button\"\n\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\tkind={closeButtonkind}\n\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["MrlToast","_ref","_ref$dataQa","qa","_ref$autoClose","autoClose","avatar","backgroundColor","className","_ref$closeAfterMs","closeAfterMs","_ref$kind","kind","link","onClose","primaryCTA","primaryMessage","secondaryCTA","secondaryMessage","_ref$showCloseButton","showCloseButton","_ref$showIcon","showIcon","rest","_objectWithoutProperties","_excluded","hasInteractiveElements","shouldAutoClose","_useAutoClose","useAutoClose","_useAutoClose2","_slicedToArray","closed","setClosed","handleClose","setTimeout","DEFAULT_ICONS","collaborator","lock","error","info","modePrivate","success","check","warning","hasAvatar","darkCollaborator","stickyTextColor","classes","classNames","styles","concat","_defineProperty","closing","closeButtonkind","customTextColor","undefined","primaryMessageClasses","secondaryMessageClasses","React","createElement","_extends","style","color","zIndex","layers","TOAST","content","avatarWrapper","iconWrapper","MrlSvg","size","svg","textContent","MrlLink","text","href","url","MrlButton","attrs","dataQa","onClick","MrlIconButton","icon","close","state"],"mappings":"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"}

package/dist/esm/components/notification/MrlToast/MrlToast.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlToast":"MrlToast--WHnT9","has-cta":"has-cta--D2bJy","has-avatar":"has-avatar--KFztL","closing":"closing--ORG1o","fadeout":"fadeout--tteGt","content":"content--PsaqT","iconWrapper":"iconWrapper--NSYKT","avatarWrapper":"avatarWrapper--TKMkv","textContent":"textContent--g9ima","primaryMessage":"primaryMessage--CwHWD","secondaryMessage":"secondaryMessage--VMVbR","link":"link--Qccyr","cta-container":"cta-container--HMghw","cta":"cta--hhAlS","cta--secondary":"cta--secondary--qRqGT","cta--close":"cta--close--yi8kz","infoNotification":"infoNotification--GObYB","warningNotification":"warningNotification--nnWE0","successNotification":"successNotification--kirSR","errorNotification":"errorNotification--lPM7c","privateNotification":"privateNotification--Uzbo_","generalNotification":"generalNotification--Qmi6y","collaboratorNotification":"collaboratorNotification--JUtKn","darkCollaborator":"darkCollaborator--sIsI9"};
+
+export { styles as default };
+//# sourceMappingURL=MrlToast.module.scss.js.map

package/dist/esm/components/notification/MrlToast/MrlToast.module.scss.js.map

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

package/dist/esm/components/notification/constants.js

@@ -0,0 +1,23 @@
+/*
+ * Notification component
+ * ------------------------------------------------------------------
+ */
+/**
+ * Default values for props on the Notification component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  dismissible: true,
+  kind: 'info',
+  level: '2',
+  scope: 'page',
+  state: 'open'
+};
+
+/**
+ * Default transition duration for the notification transitions
+ */
+var TransitionDuration = 333;
+
+export { TransitionDuration, defaults };
+//# sourceMappingURL=constants.js.map

package/dist/esm/components/notification/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/notification/constants.ts"],"sourcesContent":["/*\n * Notification component\n * ------------------------------------------------------------------\n */\nexport const allowedValues = {\n\tkinds: [\n\t\t'info',\n\t\t'success',\n\t\t'warning',\n\t\t'error',\n\t\t'private',\n\t\t'general'\n\t\t// @todo need to remove 'private' once we release v2\n\t] as const,\n\t// A notification should never have a level 1 hierarchy.\n\t// They should always have a page heading.\n\tlevels: ['2', '3', '4', '5', '6'] as const,\n\tscopes: ['page', 'inline'] as const,\n\tstates: ['open', 'close'] as const\n};\n\nexport type NotificationKind = (typeof allowedValues.kinds)[number];\nexport type NotificationScope = (typeof allowedValues.scopes)[number];\nexport type NotificationState = (typeof allowedValues.states)[number];\nexport type NotificationLevel = (typeof allowedValues.levels)[number];\n\nexport interface NotificationDefaults {\n\tdismissible: boolean;\n\tkind: NotificationKind;\n\tlevel: NotificationLevel;\n\tscope: NotificationScope;\n\tstate: NotificationState;\n}\n\n/**\n * Default values for props on the Notification component;\n * Shared between the component and Storybook\n */\nexport const defaults: NotificationDefaults = {\n\tdismissible: true,\n\tkind: 'info',\n\tlevel: '2',\n\tscope: 'page',\n\tstate: 'open'\n};\n\n/**\n * Default transition duration for the notification transitions\n */\nexport const TransitionDuration = 333;\n"],"names":["defaults","dismissible","kind","level","scope","state","TransitionDuration"],"mappings":"AAAA;AACA;AACA;AACA;AA+BA;AACA;AACA;AACA;AACO,IAAMA,QAA8B,GAAG;AAC7CC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACO,IAAMC,kBAAkB,GAAG;;;;"}

package/dist/esm/components/pagination/MrlPagination/MrlPagination.js

@@ -0,0 +1,31 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlPagination.module.scss.js';
+
+var _excluded = ["children", "className", "heading", "style"];
+/**
+ * Pagination component
+ *
+ * @param {MrlPaginationProps} props - the component props
+ * @returns pagination
+ */
+function MrlPagination(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$heading = _ref.heading,
+    heading = _ref$heading === void 0 ? 'Pagination' : _ref$heading,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames(styles['MrlPagination'], className);
+  return /*#__PURE__*/React.createElement("nav", _extends({
+    className: allClasses,
+    "aria-label": heading,
+    style: style
+  }, rest), /*#__PURE__*/React.createElement("ul", {
+    className: styles.MrlPaginationList
+  }, children));
+}
+
+export { MrlPagination };
+//# sourceMappingURL=MrlPagination.js.map

package/dist/esm/components/pagination/MrlPagination/MrlPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPagination.js","sources":["../../../../../src/components/pagination/MrlPagination/MrlPagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './MrlPagination.module.scss';\n\ninterface MrlPaginationProps extends React.ComponentPropsWithoutRef<'nav'> {\n\t/** Elements to be rendered by MrlPagination */\n\tchildren: React.ReactNode;\n\t/** Additional class to add to the nav element */\n\tclassName?: string;\n\t/** Pagination heading */\n\theading?: string;\n\t/** Styles to add to the wrapper for the unordered list */\n\tstyle?: React.CSSProperties;\n}\n\n/**\n * Pagination component\n *\n * @param {MrlPaginationProps} props - the component props\n * @returns pagination\n */\nexport function MrlPagination({\n\tchildren,\n\tclassName,\n\theading = 'Pagination',\n\tstyle,\n\t...rest\n}: MrlPaginationProps): JSX.Element {\n\tconst allClasses = classnames(styles['MrlPagination'], className);\n\n\treturn (\n\t\t<nav className={allClasses} aria-label={heading} style={style}\n\t\t\t{...rest}>\n\t\t\t<ul className={styles.MrlPaginationList}>{children}</ul>\n\t\t</nav>\n\t);\n}\n"],"names":["MrlPagination","_ref","children","className","_ref$heading","heading","style","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","React","createElement","_extends","MrlPaginationList"],"mappings":";;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAMO;AAAA,EAAA,IALnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,YAAA,GAAAH,IAAA,CACTI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,YAAY,GAAAA,YAAA;IACtBE,KAAK,GAAAL,IAAA,CAALK,KAAK;AACFC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;EAEP,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,eAAe,CAAC,EAAET,SAAS,CAAC;AAEjE,EAAA,oBACCU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKZ,IAAAA,SAAS,EAAEO,UAAW;AAAC,IAAA,YAAA,EAAYL,OAAQ;AAACC,IAAAA,KAAK,EAAEA;AAAM,GAAA,EACzDC,IAAI,CAAA,eACRM,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;IAAIX,SAAS,EAAES,MAAM,CAACI;GAAkB,EAAEd,QAAa,CACnD,CAAC;AAER;;;;"}

package/dist/esm/components/pagination/MrlPagination/MrlPagination.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlPagination":"MrlPagination--fCh2a","MrlPaginationList":"MrlPaginationList--X6xAc","MrlPaginationItem":"MrlPaginationItem--t5fZ8","MrlPaginationText":"MrlPaginationText--P1M27","MrlPaginationRange":"MrlPaginationRange--FM225","MrlPaginationDash":"MrlPaginationDash--mz1xd","MrlPaginationTotal":"MrlPaginationTotal--ogBg5"};
+
+export { styles as default };
+//# sourceMappingURL=MrlPagination.module.scss.js.map

package/dist/esm/components/pagination/MrlPagination/MrlPagination.module.scss.js.map

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

package/dist/esm/components/pagination/MrlPaginationButton/MrlPaginationButton.js

@@ -0,0 +1,59 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { chevronLeft, chevronRight, chevronGoToLast, chevronGoToFirst } from '@muraldevkit/ds-icons';
+import styles from '../MrlPagination/MrlPagination.module.scss.js';
+import { MrlTooltipDefaults } from '../../tooltip/constants.js';
+import { MrlIconButton } from '../../button/MrlIconButton/MrlIconButton.js';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["buttonClass", "className", "disabled", "kind", "handleClick", "text", "tooltipAnchor", "tooltipPosition"];
+/**
+ * Pagination button component
+ * @param {MrlPaginationButtonProps} props - the component props
+ * @returns a pagintaion button
+ */
+function MrlPaginationButton(_ref) {
+  var buttonClass = _ref.buttonClass,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    kind = _ref.kind,
+    handleClick = _ref.handleClick,
+    text = _ref.text,
+    _ref$tooltipAnchor = _ref.tooltipAnchor,
+    tooltipAnchor = _ref$tooltipAnchor === void 0 ? MrlTooltipDefaults.anchor : _ref$tooltipAnchor,
+    _ref$tooltipPosition = _ref.tooltipPosition,
+    tooltipPosition = _ref$tooltipPosition === void 0 ? 'top' : _ref$tooltipPosition,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var itemClasses = classnames(styles['MrlPaginationItem'], className);
+  var icons = {
+    first: chevronGoToFirst,
+    last: chevronGoToLast,
+    next: chevronRight,
+    previous: chevronLeft
+  };
+  var defaultText = {
+    first: 'Beginning',
+    last: 'End',
+    next: 'Next',
+    previous: 'Previous'
+  };
+  return /*#__PURE__*/React.createElement("li", {
+    className: itemClasses
+  }, /*#__PURE__*/React.createElement(MrlIconButton, _extends({}, rest, {
+    className: buttonClass,
+    kind: "ghost",
+    icon: /*#__PURE__*/React.createElement(MrlSvg, {
+      svg: icons[kind]
+    }),
+    onClick: handleClick,
+    position: tooltipPosition,
+    state: disabled ? 'disabled' : 'default',
+    text: text || defaultText[kind],
+    size: "xsmall",
+    tipAnchor: tooltipAnchor
+  })));
+}
+
+export { MrlPaginationButton };
+//# sourceMappingURL=MrlPaginationButton.js.map

package/dist/esm/components/pagination/MrlPaginationButton/MrlPaginationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlPaginationButton.js","sources":["../../../../../src/components/pagination/MrlPaginationButton/MrlPaginationButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport {\n\tMrlIconButton,\n\tMrlSvg,\n\tMrlTooltipAnchor,\n\tMrlTooltipDefaults,\n\tMrlTooltipPosition\n} from '../..';\nimport { PaginationButtonType } from '../constants';\nimport {\n\tchevronGoToFirst,\n\tchevronGoToLast,\n\tchevronLeft,\n\tchevronRight\n} from '@muraldevkit/ds-icons';\n\nimport styles from '../MrlPagination/MrlPagination.module.scss';\n\ninterface MrlPaginationButtonProps {\n\t/** Additional class to add to the button element */\n\tbuttonClass?: string;\n\t/** Additional class to add to the container element */\n\tclassName?: string;\n\tdisabled?: boolean;\n\t/** The type of pagination item  */\n\tkind: PaginationButtonType;\n\t/**\n\t * Click event for the button.\n\t */\n\thandleClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n\t/** Pagination heading */\n\ttext?: string;\n\t/** The anchor of the tooltips on the buttons */\n\ttooltipAnchor?: MrlTooltipAnchor;\n\t/** The placement of the tooltips on the buttons */\n\ttooltipPosition?: MrlTooltipPosition;\n}\n\n/**\n * Pagination button component\n * @param {MrlPaginationButtonProps} props - the component props\n * @returns a pagintaion button\n */\nexport function MrlPaginationButton({\n\tbuttonClass,\n\tclassName,\n\tdisabled,\n\tkind,\n\thandleClick,\n\ttext,\n\ttooltipAnchor = MrlTooltipDefaults.anchor,\n\ttooltipPosition = 'top',\n\t...rest\n}: MrlPaginationButtonProps): JSX.Element {\n\tconst itemClasses = classnames(styles['MrlPaginationItem'], className);\n\tconst icons = {\n\t\tfirst: chevronGoToFirst,\n\t\tlast: chevronGoToLast,\n\t\tnext: chevronRight,\n\t\tprevious: chevronLeft\n\t};\n\tconst defaultText = {\n\t\tfirst: 'Beginning',\n\t\tlast: 'End',\n\t\tnext: 'Next',\n\t\tprevious: 'Previous'\n\t};\n\n\treturn (\n\t\t<li className={itemClasses}>\n\t\t\t<MrlIconButton\n\t\t\t\t{...rest}\n\t\t\t\tclassName={buttonClass}\n\t\t\t\tkind=\"ghost\"\n\t\t\t\ticon={<MrlSvg svg={icons[kind]} />}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tposition={tooltipPosition}\n\t\t\t\tstate={disabled ? 'disabled' : 'default'}\n\t\t\t\ttext={text || defaultText[kind]}\n\t\t\t\tsize=\"xsmall\"\n\t\t\t\ttipAnchor={tooltipAnchor}\n\t\t\t/>\n\t\t</li>\n\t);\n}\n"],"names":["MrlPaginationButton","_ref","buttonClass","className","disabled","kind","handleClick","text","_ref$tooltipAnchor","tooltipAnchor","MrlTooltipDefaults","anchor","_ref$tooltipPosition","tooltipPosition","rest","_objectWithoutProperties","_excluded","itemClasses","classnames","styles","icons","first","chevronGoToFirst","last","chevronGoToLast","next","chevronRight","previous","chevronLeft","defaultText","React","createElement","MrlIconButton","_extends","icon","MrlSvg","svg","onClick","position","state","size","tipAnchor"],"mappings":";;;;;;;;;;AAuCA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAAAC,IAAA,EAUO;AAAA,EAAA,IATzCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IAAAC,kBAAA,GAAAP,IAAA,CACJQ,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,MAAA,GAAGE,kBAAkB,CAACC,MAAM,GAAAH,kBAAA;IAAAI,oBAAA,GAAAX,IAAA,CACzCY,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,oBAAA;AACpBE,IAAAA,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,UAAU,CAACC,MAAM,CAAC,mBAAmB,CAAC,EAAEhB,SAAS,CAAC;AACtE,EAAA,IAAMiB,KAAK,GAAG;AACbC,IAAAA,KAAK,EAAEC,gBAAgB;AACvBC,IAAAA,IAAI,EAAEC,eAAe;AACrBC,IAAAA,IAAI,EAAEC,YAAY;AAClBC,IAAAA,QAAQ,EAAEC;GACV;AACD,EAAA,IAAMC,WAAW,GAAG;AACnBR,IAAAA,KAAK,EAAE,WAAW;AAClBE,IAAAA,IAAI,EAAE,KAAK;AACXE,IAAAA,IAAI,EAAE,MAAM;AACZE,IAAAA,QAAQ,EAAE;GACV;EAED,oBACCG,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAI5B,IAAAA,SAAS,EAAEc;GAAY,eAC1Ba,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAAC,QAAA,KACTnB,IAAI,EAAA;AACRX,IAAAA,SAAS,EAAED,WAAY;AACvBG,IAAAA,IAAI,EAAC,OAAO;AACZ6B,IAAAA,IAAI,eAAEJ,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;MAACC,GAAG,EAAEhB,KAAK,CAACf,IAAI;AAAE,KAAE,CAAE;AACnCgC,IAAAA,OAAO,EAAE/B,WAAY;AACrBgC,IAAAA,QAAQ,EAAEzB,eAAgB;AAC1B0B,IAAAA,KAAK,EAAEnC,QAAQ,GAAG,UAAU,GAAG,SAAU;AACzCG,IAAAA,IAAI,EAAEA,IAAI,IAAIsB,WAAW,CAACxB,IAAI,CAAE;AAChCmC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,SAAS,EAAEhC;AAAc,GAAA,CACzB,CACE,CAAC;AAEP;;;;"}

package/dist/esm/components/pagination/MrlPaginationText/MrlPaginationText.js

@@ -0,0 +1,50 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import classnames from 'classnames';
+import * as React from 'react';
+import styles from '../MrlPagination/MrlPagination.module.scss.js';
+import { MrlLiveRegion } from '../../live-region/MrlLiveRegion/MrlLiveRegion.js';
+
+var _excluded = ["className", "isEstimate", "rangeStart", "rangeEnd", "textClass", "total"];
+/**
+ * Pagination text component
+ * @param {MrlPaginationTextProps} props - the component props
+ * @returns pagination text
+ */
+function MrlPaginationText(_ref) {
+  var className = _ref.className,
+    isEstimate = _ref.isEstimate,
+    rangeStart = _ref.rangeStart,
+    rangeEnd = _ref.rangeEnd,
+    textClass = _ref.textClass,
+    total = _ref.total,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var itemClasses = classnames(styles['MrlPaginationItem'], className);
+  var textClasses = classnames(styles['MrlPaginationText'], textClass);
+  var _Intl$NumberFormat = Intl.NumberFormat(),
+    format = _Intl$NumberFormat.format;
+  var totalText = isEstimate ? "".concat(format(total), "+") : format(total);
+  var accessibleText = "Results ".concat(format(rangeStart), " through ").concat(format(rangeEnd), " of ").concat(totalText);
+  return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
+    className: itemClasses
+  }), /*#__PURE__*/React.createElement("span", {
+    "aria-current": "true",
+    "aria-label": accessibleText,
+    className: textClasses
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.MrlPaginationRange
+  }, format(rangeStart)), /*#__PURE__*/React.createElement("span", {
+    className: styles.MrlPaginationDash
+  }, "-"), /*#__PURE__*/React.createElement("span", {
+    className: styles.MrlPaginationRange
+  }, format(rangeEnd)), "of", /*#__PURE__*/React.createElement("span", {
+    className: styles.MrlPaginationTotal
+  }, totalText)), /*#__PURE__*/React.createElement(MrlLiveRegion, {
+    ariaLive: "assertive",
+    visible: false,
+    srContent: accessibleText,
+    shouldClearContent: true
+  }));
+}
+
+export { MrlPaginationText };
+//# sourceMappingURL=MrlPaginationText.js.map

package/dist/esm/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,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,UAAU,CAACC,MAAM,CAAC,mBAAmB,CAAC,EAAEX,SAAS,CAAC;EACtE,IAAMY,WAAW,GAAGF,UAAU,CAACC,MAAM,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,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,QAAA,KAAQhB,IAAI,EAAA;AAAEN,IAAAA,SAAS,EAAES;GAAY,CAAA,eACpCW,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,cAAA,EAAa,MAAM;AAAC,IAAA,YAAA,EAAYF,cAAe;AAACnB,IAAAA,SAAS,EAAEY;GAAY,eAC5EQ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,MAAM,CAACY;GAAmB,EAAEP,MAAM,CAACd,UAAU,CAAQ,CAAC,eACvEkB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,MAAM,CAACa;AAAkB,GAAA,EAAC,GAAO,CAAC,eACnDJ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,MAAM,CAACY;GAAmB,EAAEP,MAAM,CAACb,QAAQ,CAAQ,CAAC,EAAA,IAErE,eAAAiB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMrB,SAAS,EAAEW,MAAM,CAACc;GAAmB,EAAER,SAAgB,CACxD,CAAC,eACPG,KAAA,CAAAC,aAAA,CAACK,aAAa,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/esm/components/panel/MrlPanel/MrlPanel.js

@@ -0,0 +1,147 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlPanel.module.scss.js';
+import { close } from '@muraldevkit/ds-icons';
+import { useHasFocusableDescendant } from '../../../hooks/useHasFocusableDescendant/index.js';
+import { useScrollbarInfo } from '../../../hooks/useScrollbarInfo/index.js';
+import { getUniqueId } from '../../../utils/setAttributes/setAttributes.js';
+import { MrlPanelContext } from '../MrlPanelContext/MrlPanelContext.js';
+import { MrlFocusTrap } from '../../focus-trap/MrlFocusTrap/MrlFocusTrap.js';
+import { MrlDivider } from '../../divider/MrlDivider/MrlDivider.js';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+import { MrlTextHeading } from '../../text/MrlTextHeading/MrlTextHeading.js';
+import { MrlIconButton } from '../../button/MrlIconButton/MrlIconButton.js';
+import { MrlText } from '../../text/MrlText/MrlText.js';
+
+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.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 = _objectWithoutProperties(props, _excluded);
+  var panelRef = React.useRef(null);
+
+  // Unique ID for aria-describedby
+  var descriptionIdRef = React.useRef(description ? getUniqueId('mrl-panel-description') : '');
+  var _useScrollbarInfo = useScrollbarInfo(),
+    scrollableContainerRef = _useScrollbarInfo.scrollableContainerRef,
+    hasVerticalScrollbar = _useScrollbarInfo.hasVerticalScrollbar,
+    hasHorizontalScrollbar = _useScrollbarInfo.hasHorizontalScrollbar,
+    horizontalScrollbarHeight = _useScrollbarInfo.horizontalScrollbarHeight,
+    verticalScrollbarWidth = _useScrollbarInfo.verticalScrollbarWidth;
+  var hasFocusableDescendant = useHasFocusableDescendant(scrollableContainerRef);
+  React.useImperativeHandle(ref, function () {
+    return panelRef.current;
+  });
+  var handleKeyDown = React.useCallback(function (e) {
+    if (e.key === 'Escape' && typeof onClose === 'function') {
+      e.preventDefault();
+      e.stopPropagation();
+      onClose();
+    }
+  }, [onClose]);
+  var panelClasses = classnames(styles['MrlPanel'], 'MrlPanel', className);
+  return /*#__PURE__*/React.createElement(MrlPanelContext.Provider, {
+    value: {
+      hasHorizontalScrollbar: hasHorizontalScrollbar,
+      hasVerticalScrollbar: hasVerticalScrollbar,
+      horizontalScrollbarHeight: horizontalScrollbarHeight,
+      verticalScrollbarWidth: verticalScrollbarWidth
+    }
+  }, /*#__PURE__*/React.createElement("div", _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.createElement(MrlFocusTrap, {
+    containerRef: panelRef,
+    disableAutofocus: disableAutofocus
+  }, /*#__PURE__*/React.createElement("header", {
+    className: classnames(styles['MrlPanel--header'], 'MrlPanel--header')
+  }, !header && /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles['MrlPanel--header-content'], 'MrlPanel--header-content', _defineProperty({}, styles['MrlPanel--header-content-description'], !!description))
+  }, /*#__PURE__*/React.createElement(MrlTextHeading, {
+    className: styles['MrlPanel--title'],
+    attrs: {
+      'data-qa': "".concat(qa, "-header-title"),
+      id: id
+    },
+    hierarchy: "primary",
+    kind: "title",
+    level: "2",
+    size: "medium",
+    text: title
+  }), topActions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles['MrlPanel--top-actions'], 'MrlPanel--top-actions')
+  }, topActions, /*#__PURE__*/React.createElement(MrlDivider, {
+    orientation: "vertical",
+    spacing: "small",
+    length: "var(--mrl-spacing-06)",
+    className: classnames(styles['MrlPanel--top-actions-divider'], 'MrlPanel--top-actions-divider')
+  })))), header, /*#__PURE__*/React.createElement(MrlIconButton, {
+    "data-qa": "".concat(qa, "-close-button"),
+    wrapperClassName: classnames(styles['MrlPanel--close'], 'MrlPanel--close'),
+    icon: /*#__PURE__*/React.createElement(MrlSvg, {
+      svg: close
+    }),
+    onClick: onClose,
+    text: "Close",
+    size: "small",
+    state: "default",
+    position: "bottom",
+    tipAnchor: "center",
+    kind: "ghost"
+  })), /*#__PURE__*/React.createElement("div", _extends({
+    ref: scrollableContainerRef,
+    "data-scroll-anchor": hasDataScrollAnchor,
+    "data-qa": "".concat(qa, "-scrollable"),
+    className: classnames(styles['MrlPanel--scrollable'], 'MrlPanel--scrollable', _defineProperty({}, styles['MrlPanel--scrollable-has-sticky-header'], hasStickyHeader))
+  }, verticalScrollbarWidth > 0 && {
+    style: {
+      paddingRight: "calc(var(--mrl-spacing-06) - ".concat(verticalScrollbarWidth, "px)")
+    }
+  }, hasVerticalScrollbar && _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.createElement(MrlText, {
+    attrs: {
+      className: classnames(styles['MrlPanel--description'], 'MrlPanel--description'),
+      id: descriptionIdRef.current
+    },
+    size: "xsmall",
+    text: description
+  }), children))));
+});
+
+export { MrlPanel };
+//# sourceMappingURL=MrlPanel.js.map

package/dist/esm/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","_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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"}

package/dist/esm/components/panel/MrlPanel/MrlPanel.module.scss.js

@@ -0,0 +1,4 @@
+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"};
+
+export { styles as default };
+//# sourceMappingURL=MrlPanel.module.scss.js.map

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

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

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+var initialState = {
+  hasHorizontalScrollbar: false,
+  hasVerticalScrollbar: false,
+  horizontalScrollbarHeight: 0,
+  verticalScrollbarWidth: 0
+};
+var MrlPanelContext = /*#__PURE__*/React.createContext(initialState);
+
+export { MrlPanelContext, initialState };
+//# sourceMappingURL=MrlPanelContext.js.map

package/dist/esm/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,KAAK,CAACC,aAAa,CAAuBP,YAAY;;;;"}

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

@@ -0,0 +1,38 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlPanelFooter.module.scss.js';
+import { MrlDivider } from '../../divider/MrlDivider/MrlDivider.js';
+import { MrlText } from '../../text/MrlText/MrlText.js';
+
+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.forwardRef(function MrlPanelFooter(_ref, ref) {
+  var children = _ref.children,
+    hasDivider = _ref.hasDivider,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("footer", _extends({}, rest, {
+    ref: ref,
+    className: classnames(styles['MrlPanelFooter'], 'MrlPanelFooter', className)
+  }), hasDivider && /*#__PURE__*/React.createElement(MrlDivider, {
+    spacing: "small",
+    className: classnames(styles['MrlPanelFooter--divider'], 'MrlPanelFooter--divider')
+  }), typeof children === 'string' && /*#__PURE__*/React.createElement(MrlText, {
+    size: "xsmall",
+    text: children
+  }), _typeof(children) === 'object' && children);
+});
+
+export { MrlPanelFooter };
+//# sourceMappingURL=MrlPanelFooter.js.map

package/dist/esm/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","_typeof"],"mappings":";;;;;;;;;AAMA;AACA;AACA;;AAaA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,gBAAGC,KAAK,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,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AACjE,EAAA,oBACCT,KAAA,CAAAU,aAAA,CAAA,QAAA,EAAAC,QAAA,KACKJ,IAAI,EAAA;AACRJ,IAAAA,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEM,UAAU,CAACC,MAAM,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,EAAEP,SAAS;AAAE,GAAA,CAAA,EAE5ED,UAAU,iBACVL,KAAA,CAAAU,aAAA,CAACI,UAAU,EAAA;AACVC,IAAAA,OAAO,EAAC,OAAO;IACfT,SAAS,EAAEM,UAAU,CAACC,MAAM,CAAC,yBAAyB,CAAC,EAAE,yBAAyB;GAClF,CACD,EACA,OAAOT,QAAQ,KAAK,QAAQ,iBAAIJ,KAAA,CAAAU,aAAA,CAACM,OAAO,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAQ;AAACC,IAAAA,IAAI,EAAEd;GAAW,CAAC,EACzEe,OAAA,CAAOf,QAAQ,CAAA,KAAK,QAAQ,IAAIA,QAC1B,CAAC;AAEX,CACD;;;;"}

package/dist/esm/components/panel/MrlPanelFooter/MrlPanelFooter.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlPanelFooter":"MrlPanelFooter--iX4RS","MrlPanelFooter--divider":"MrlPanelFooter--divider--DMvrl"};
+
+export { styles as default };
+//# sourceMappingURL=MrlPanelFooter.module.scss.js.map

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

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

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

@@ -0,0 +1,28 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlPanelStickyHeader.module.scss.js';
+
+var _excluded = ["children", "className"];
+
+/**
+ * Props for the MrlPanelStickyHeader component.
+ */
+
+/**
+ * MrlPanelStickyHeader component.
+ *
+ * @param props The MrlPanelStickyHeader component properties.
+ * @returns The MrlPanel component.
+ */
+var MrlPanelStickyHeader = function MrlPanelStickyHeader(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: classnames(styles['MrlPanelStickyHeader'], 'MrlPanelStickyHeader', className)
+  }), children);
+};
+
+export { MrlPanelStickyHeader };
+//# sourceMappingURL=MrlPanelStickyHeader.js.map

package/dist/esm/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;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,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAEP,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,KACKL,IAAI,EAAA;IACRD,SAAS,EAAEO,UAAU,CAACC,MAAM,CAAC,sBAAsB,CAAC,EAAE,sBAAsB,EAAER,SAAS;AAAE,GAAA,CAAA,EAExFD,QACG,CAAC;AAER;;;;"}

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

@@ -0,0 +1,4 @@
+var styles = {"MrlPanelStickyHeader":"MrlPanelStickyHeader--I1FiZ"};
+
+export { styles as default };
+//# sourceMappingURL=MrlPanelStickyHeader.module.scss.js.map

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

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