@muraldevkit/ui-toolkit 4.68.0-dev-Qgwh.1 → 4.69.0

package/dist/esm/components/toolbar/MrlToolbar/MrlToolbar.js

@@ -1,172 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import * as React from 'react';
-import classnames from 'classnames';
-import { more } from '@muraldevkit/ds-icons';
-import styles from './MrlToolbar.module.scss.js';
-import { MrlRovingTabindex } from '../../rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js';
-import { MrlToolbarButton } from '../MrlToolbarButton/MrlToolbarButton.js';
-import { MrlMenu } from '../../menu/MrlMenu/MrlMenu.js';
-import { MrlIconButton } from '../../button/MrlIconButton/MrlIconButton.js';
-import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
-
-var _excluded = ["children", "className", "kind", "label", "maxVisibleItems", "menuButtonProps", "menuProps", "orientation", "shouldUseRti", "size", "spaced"];
-
-/**
- * Props for the MrlToolbar component.
- */
-
-/**
- * MrlToolbar component.
- *
- * @param props The MrlToolbar component properties.
- * @param ref The ref to forward to the toolbar div element.
- * @returns The MrlToolbar component.
- */
-var MrlToolbar = /*#__PURE__*/React.forwardRef(function MrlToolbar(props, ref) {
-  var children = props.children,
-    className = props.className,
-    _props$kind = props.kind,
-    kind = _props$kind === void 0 ? 'default' : _props$kind,
-    label = props.label,
-    _props$maxVisibleItem = props.maxVisibleItems,
-    maxVisibleItems = _props$maxVisibleItem === void 0 ? -1 : _props$maxVisibleItem,
-    _props$menuButtonProp = props.menuButtonProps,
-    menuButtonProps = _props$menuButtonProp === void 0 ? {
-      kind: kind === 'inverse' ? 'ghost-inverse' : 'ghost',
-      position: props.orientation === 'vertical' ? 'right' : 'bottom',
-      size: 'small',
-      state: 'default',
-      text: 'More tools'
-    } : _props$menuButtonProp,
-    _props$menuProps = props.menuProps,
-    menuProps = _props$menuProps === void 0 ? {
-      actionState: {
-        actionType: null,
-        isOpen: false
-      },
-      alignment: 'center',
-      clickOutsideEvent: 'mouseup',
-      isInternal: false,
-      isSubMenu: false,
-      menuOffset: 10,
-      position: 'bottom',
-      spacing: 'default',
-      triggerStopPropagation: false
-    } : _props$menuProps,
-    _props$orientation = props.orientation,
-    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-    shouldUseRti = props.shouldUseRti,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'small' : _props$size,
-    spaced = props.spaced,
-    rest = _objectWithoutProperties(props, _excluded);
-  var toolbarClasses = classnames(styles['MrlToolbar'], 'MrlToolbar', className, {
-    [styles["MrlToolbar-".concat(kind)]]: kind !== 'default',
-    [styles["MrlToolbar-".concat(orientation)]]: orientation !== 'horizontal',
-    [styles["MrlToolbar-".concat(size)]]: size !== 'small',
-    [styles['MrlToolbar-spaced']]: spaced
-  });
-  var menuTriggerRef = React.useRef(null);
-
-  // eslint-disable-next-line
-  var renderMenu = items => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var lockedChildren = [];
-    var menuItems = React.Children.map(items, child => {
-      if (child.props.lockedInToolbar) {
-        lockedChildren.push(child);
-        return;
-      }
-      if (child.type.name === 'MrlToolbarButton') {
-        return /*#__PURE__*/React.createElement(MrlToolbarButton, _extends({}, child.props, {
-          renderInMenu: true
-        }));
-      }
-      return child;
-    });
-    if (menuItems.length === 0) {
-      return;
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MrlIconButton, _extends({
-      "data-roving": shouldUseRti ? 'true' : undefined,
-      icon: /*#__PURE__*/React.createElement(MrlSvg, {
-        svg: more
-      })
-    }, menuButtonProps, {
-      ref: menuTriggerRef
-    })), /*#__PURE__*/React.createElement(MrlMenu, _extends({
-      spacing: menuProps.spacing,
-      position: menuProps.position,
-      actionState: menuProps.actionState || {
-        actionType: null,
-        isOpen: false
-      },
-      alignment: menuProps.alignment,
-      triggerRef: menuTriggerRef
-    }, menuProps), menuItems), lockedChildren);
-  };
-  var renderChildren = () => {
-    if (children) {
-      var numberOfChildren = React.Children.count(children);
-      var childArray = React.Children.toArray(children);
-      var hasLimit = maxVisibleItems > 0;
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      var toolbarChildren = [];
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      var menuChildren = [];
-      if (hasLimit && numberOfChildren > maxVisibleItems + 1) {
-        childArray.map((child, index) => {
-          if (maxVisibleItems > index) {
-            toolbarChildren.push(child);
-          } else {
-            menuChildren.push(child);
-          }
-        });
-      } else {
-        toolbarChildren = childArray;
-      }
-      if (kind === 'skeleton') {
-        var mediumButtonWidth = 24;
-        var smallButtonWidth = 32;
-        var xsmallButtonWidth = 32;
-        var buttonSize = size === 'xsmall' ? xsmallButtonWidth : size === 'medium' ? mediumButtonWidth : smallButtonWidth;
-        var skeletonSize = numberOfChildren * buttonSize / 16;
-        var displayStyle = orientation === 'vertical' ? {
-          height: "".concat(skeletonSize, "rem")
-        } : {
-          width: "".concat(skeletonSize, "rem")
-        };
-        return /*#__PURE__*/React.createElement("span", {
-          style: displayStyle
-        });
-      }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, toolbarChildren, renderMenu(menuChildren));
-    }
-  };
-  var renderToolbar = () => {
-    return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-      className: toolbarClasses,
-      "aria-label": label || rest['aria-label'],
-      ref: ref
-      /*
-       * Toolbars with the attribute role="toolbar" should use arrow keys
-       * for keyboard navigation rather than the tab key. When MrlToolbar
-       * is used in places like the MrlPanel header they should not have
-       * this role and the prop `shouldUseRti` should be passed in to
-       * achieve the expected behavior for a screen reader user.
-       */
-    }, shouldUseRti ? {
-      role: 'toolbar'
-    } : {}), renderChildren());
-  };
-  if (shouldUseRti) {
-    return /*#__PURE__*/React.createElement(MrlRovingTabindex, null, renderToolbar());
-  } else {
-    return renderToolbar();
-  }
-});
-
-export { MrlToolbar };
-//# sourceMappingURL=MrlToolbar.js.map

package/dist/esm/components/toolbar/MrlToolbar/MrlToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlToolbar.js","sources":["../../../../../src/components/toolbar/MrlToolbar/MrlToolbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { more } from '@muraldevkit/ds-icons';\nimport {\n\tMrlIconButton,\n\tMrlIconButtonProps,\n\tMrlMenu,\n\tMrlMenuProps,\n\tMrlRovingTabindex,\n\tMrlToolbarButton,\n\tMrlSvg\n} from '../../../';\n\nimport styles from './MrlToolbar.module.scss';\n\n/**\n * Props for the MrlToolbar component.\n */\nexport interface MrlToolbarProps extends React.ComponentPropsWithRef<'div'> {\n\tchildren?: React.ReactNode;\n\tkind?: 'default' | 'inverse' | 'skeleton';\n\t/**\n\t * An optional prop to apply an aria-label to the MrlToobar\n\t */\n\tlabel?: string;\n\tlastToolbarInRow?: boolean;\n\t/**\n\t * An optional prop to set the maximum number of visible items in a toolbar.\n\t * Additional items will appear in a menu.\n\t */\n\tmaxVisibleItems?: number;\n\tmenuButtonProps?: MrlIconButtonProps;\n\tmenuProps?: MrlMenuProps;\n\torientation?: 'horizontal' | 'vertical';\n\t/**\n\t * A boolean prop that sets RovingTabindex in the MrlToolbar\n\t */\n\tshouldUseRti?: boolean;\n\t/**\n\t * Sets the size of the toolbar - defaults to 'small'\n\t */\n\tsize?: 'xsmall' | 'small' | 'medium';\n\t/*\n\t * Spaced toolbars provide more space between elements. This is\n\t * meant to be used for toolbars that have \"bigger\" elements inside\n\t * (i.e. long title, ToolbarButtonAdapters, etc).\n\t *\n\t * Currently used for all secondary toolbars.\n\t */\n\tspaced?: boolean;\n}\n\n/**\n * MrlToolbar component.\n *\n * @param props The MrlToolbar component properties.\n * @param ref The ref to forward to the toolbar div element.\n * @returns The MrlToolbar component.\n */\nexport const MrlToolbar = React.forwardRef<HTMLDivElement, MrlToolbarProps>(function MrlToolbar(\n\tprops,\n\tref\n): React.ReactElement {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tkind = 'default',\n\t\tlabel,\n\t\tmaxVisibleItems = -1,\n\t\tmenuButtonProps = {\n\t\t\tkind: kind === 'inverse' ? 'ghost-inverse' : 'ghost',\n\t\t\tposition: props.orientation === 'vertical' ? 'right' : 'bottom',\n\t\t\tsize: 'small',\n\t\t\tstate: 'default',\n\t\t\ttext: 'More tools'\n\t\t},\n\t\tmenuProps = {\n\t\t\tactionState: { actionType: null, isOpen: false },\n\t\t\talignment: 'center',\n\t\t\tclickOutsideEvent: 'mouseup',\n\t\t\tisInternal: false,\n\t\t\tisSubMenu: false,\n\t\t\tmenuOffset: 10,\n\t\t\tposition: 'bottom',\n\t\t\tspacing: 'default',\n\t\t\ttriggerStopPropagation: false\n\t\t},\n\t\torientation = 'horizontal',\n\t\tshouldUseRti,\n\t\tsize = 'small',\n\t\tspaced,\n\t\t...rest\n\t} = props;\n\tconst toolbarClasses = classnames(styles['MrlToolbar'], 'MrlToolbar', className, {\n\t\t[styles[`MrlToolbar-${kind}`]]: kind !== 'default',\n\t\t[styles[`MrlToolbar-${orientation}`]]: orientation !== 'horizontal',\n\t\t[styles[`MrlToolbar-${size}`]]: size !== 'small',\n\t\t[styles['MrlToolbar-spaced']]: spaced\n\t});\n\tconst menuTriggerRef = React.useRef(null);\n\n\t// eslint-disable-next-line\n\tconst renderMenu = (items: any[]) => {\n\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\tconst lockedChildren = [] as any[];\n\t\tconst menuItems = React.Children.map(items, (child) => {\n\t\t\tif (child.props.lockedInToolbar) {\n\t\t\t\tlockedChildren.push(child);\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (child.type.name === 'MrlToolbarButton') {\n\t\t\t\treturn <MrlToolbarButton {...child.props} renderInMenu={true} />;\n\t\t\t}\n\n\t\t\treturn child;\n\t\t});\n\n\t\tif (menuItems.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<MrlIconButton\n\t\t\t\t\tdata-roving={shouldUseRti ? 'true' : undefined}\n\t\t\t\t\ticon={<MrlSvg svg={more} />}\n\t\t\t\t\t{...menuButtonProps}\n\t\t\t\t\tref={menuTriggerRef}\n\t\t\t\t/>\n\t\t\t\t<MrlMenu\n\t\t\t\t\tspacing={menuProps.spacing}\n\t\t\t\t\tposition={menuProps.position}\n\t\t\t\t\tactionState={menuProps.actionState || { actionType: null, isOpen: false }}\n\t\t\t\t\talignment={menuProps.alignment}\n\t\t\t\t\ttriggerRef={menuTriggerRef}\n\t\t\t\t\t{...menuProps}\n\t\t\t\t>\n\t\t\t\t\t{menuItems}\n\t\t\t\t</MrlMenu>\n\t\t\t\t{lockedChildren as React.ReactNode}\n\t\t\t</>\n\t\t);\n\t};\n\n\tconst renderChildren = () => {\n\t\tif (children) {\n\t\t\tconst numberOfChildren = React.Children.count(children);\n\t\t\tconst childArray = React.Children.toArray(children);\n\t\t\tconst hasLimit = maxVisibleItems > 0;\n\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\tlet toolbarChildren = [] as any[];\n\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\tconst menuChildren = [] as any[];\n\n\t\t\tif (hasLimit && numberOfChildren > maxVisibleItems + 1) {\n\t\t\t\tchildArray.map((child, index) => {\n\t\t\t\t\tif (maxVisibleItems > index) {\n\t\t\t\t\t\ttoolbarChildren.push(child);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmenuChildren.push(child);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\ttoolbarChildren = childArray;\n\t\t\t}\n\n\t\t\tif (kind === 'skeleton') {\n\t\t\t\tconst mediumButtonWidth = 24;\n\t\t\t\tconst smallButtonWidth = 32;\n\t\t\t\tconst xsmallButtonWidth = 32;\n\t\t\t\tconst buttonSize =\n\t\t\t\t\tsize === 'xsmall'\n\t\t\t\t\t\t? xsmallButtonWidth\n\t\t\t\t\t\t: size === 'medium'\n\t\t\t\t\t\t? mediumButtonWidth\n\t\t\t\t\t\t: smallButtonWidth;\n\t\t\t\tconst skeletonSize = (numberOfChildren * buttonSize) / 16;\n\t\t\t\tconst displayStyle =\n\t\t\t\t\torientation === 'vertical'\n\t\t\t\t\t\t? { height: `${skeletonSize}rem` }\n\t\t\t\t\t\t: { width: `${skeletonSize}rem` };\n\n\t\t\t\treturn <span style={displayStyle} />;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{toolbarChildren as React.ReactNode}\n\t\t\t\t\t{renderMenu(menuChildren)}\n\t\t\t\t</>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst renderToolbar = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\t{...rest}\n\t\t\t\tclassName={toolbarClasses}\n\t\t\t\taria-label={label || rest['aria-label']}\n\t\t\t\tref={ref}\n\t\t\t\t/*\n\t\t\t\t * Toolbars with the attribute role=\"toolbar\" should use arrow keys\n\t\t\t\t * for keyboard navigation rather than the tab key. When MrlToolbar\n\t\t\t\t * is used in places like the MrlPanel header they should not have\n\t\t\t\t * this role and the prop `shouldUseRti` should be passed in to\n\t\t\t\t * achieve the expected behavior for a screen reader user.\n\t\t\t\t */\n\t\t\t\t{...(shouldUseRti ? { role: 'toolbar' } : {})}\n\t\t\t>\n\t\t\t\t{renderChildren()}\n\t\t\t</div>\n\t\t);\n\t};\n\n\tif (shouldUseRti) {\n\t\treturn <MrlRovingTabindex>{renderToolbar()}</MrlRovingTabindex>;\n\t} else {\n\t\treturn renderToolbar();\n\t}\n});\n"],"names":["MrlToolbar","React","forwardRef","props","ref","children","className","_props$kind","kind","label","_props$maxVisibleItem","maxVisibleItems","_props$menuButtonProp","menuButtonProps","position","orientation","size","state","text","_props$menuProps","menuProps","actionState","actionType","isOpen","alignment","clickOutsideEvent","isInternal","isSubMenu","menuOffset","spacing","triggerStopPropagation","_props$orientation","shouldUseRti","_props$size","spaced","rest","_objectWithoutProperties","_excluded","toolbarClasses","classnames","styles","concat","menuTriggerRef","useRef","renderMenu","items","lockedChildren","menuItems","Children","map","child","lockedInToolbar","push","type","name","createElement","MrlToolbarButton","_extends","renderInMenu","length","Fragment","MrlIconButton","undefined","icon","MrlSvg","svg","more","MrlMenu","triggerRef","renderChildren","numberOfChildren","count","childArray","toArray","hasLimit","toolbarChildren","menuChildren","index","mediumButtonWidth","smallButtonWidth","xsmallButtonWidth","buttonSize","skeletonSize","displayStyle","height","width","style","renderToolbar","role","MrlRovingTabindex"],"mappings":"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"}

package/dist/esm/components/toolbar/MrlToolbar/MrlToolbar.module.scss.js

@@ -1,4 +0,0 @@
-var styles = {"MrlToolbar":"MrlToolbar--Lrhb6","MrlToolbar-inverse":"MrlToolbar-inverse--OwdSd","MrlToolbar-skeleton":"MrlToolbar-skeleton--eWZQv","MrlToolbar-vertical":"MrlToolbar-vertical--hO8hj","MrlToolbar-medium":"MrlToolbar-medium--FKg7Y","MrlToolbar-xsmall":"MrlToolbar-xsmall--St9Ez","MrlToolbar-spaced":"MrlToolbar-spaced--gmE0X","mrlButton":"mrlButton--Oymf3"};
-
-export { styles as default };
-//# sourceMappingURL=MrlToolbar.module.scss.js.map

package/dist/esm/components/toolbar/MrlToolbar/MrlToolbar.module.scss.js.map

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

package/dist/esm/components/toolbar/MrlToolbarButton/MrlToolbarButton.js

@@ -1,58 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import * as React from 'react';
-import styles from './MrlToolbarButton.module.scss.js';
-import classnames from 'classnames';
-import { MrlMenuItem } from '../../menu/MrlMenuItem/MrlMenuItem.js';
-import { MrlIconButton } from '../../button/MrlIconButton/MrlIconButton.js';
-
-var _excluded = ["className", "icon", "includeInRoving", "menuItemProps", "onClick", "qa", "renderInMenu", "text", "toolbarButtonProps"];
-
-/**
- * Props for the MrlToolbarButton component.
- */
-
-/**
- * MrlToolbarButton component.
- * @param props The MrlToolbarButton component properties.
- * @returns The MrlToolbarButton component.
- */
-var MrlToolbarButton = /*#__PURE__*/React.forwardRef(function MrlToolbarButton(props, ref) {
-  var className = props.className,
-    icon = props.icon,
-    _props$includeInRovin = props.includeInRoving,
-    includeInRoving = _props$includeInRovin === void 0 ? false : _props$includeInRovin,
-    menuItemProps = props.menuItemProps,
-    onClick = props.onClick,
-    qa = props.qa,
-    renderInMenu = props.renderInMenu,
-    text = props.text,
-    _props$toolbarButtonP = props.toolbarButtonProps,
-    toolbarButtonProps = _props$toolbarButtonP === void 0 ? {
-      position: 'bottom',
-      size: 'small',
-      state: 'default'
-    } : _props$toolbarButtonP,
-    rest = _objectWithoutProperties(props, _excluded);
-  var classes = classnames('MrlToolbarButton', className);
-  if (renderInMenu) {
-    return /*#__PURE__*/React.createElement(MrlMenuItem, _extends({}, menuItemProps, {
-      className: classes,
-      "data-qa": qa,
-      onClick: onClick
-    }), /*#__PURE__*/React.createElement("span", {
-      className: styles.MrlToolbarButtonIcon
-    }, icon), text);
-  }
-  return /*#__PURE__*/React.createElement(MrlIconButton, _extends({}, rest, toolbarButtonProps, {
-    className: classes,
-    "data-qa": qa,
-    "data-roving": includeInRoving ? 'true' : undefined,
-    icon: icon,
-    onClick: onClick,
-    ref: ref,
-    text: text
-  }));
-});
-
-export { MrlToolbarButton };
-//# sourceMappingURL=MrlToolbarButton.js.map

package/dist/esm/components/toolbar/MrlToolbarButton/MrlToolbarButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlToolbarButton.js","sources":["../../../../../src/components/toolbar/MrlToolbarButton/MrlToolbarButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlIconButton, MrlIconButtonProps, MrlMenuItem, MrlMenuItemProps } from '../../../';\n\nimport styles from './MrlToolbarButton.module.scss';\nimport classnames from 'classnames';\n\n/**\n * Props for the MrlToolbarButton component.\n */\nexport interface MrlToolbarButtonProps {\n\t/** Additional class to add to the Toolbar button */\n\tclassName?: string;\n\t/**\n\t * The icon that will be rendered.\n\t */\n\ticon: React.ReactElement;\n\tincludeInRoving?: boolean;\n\t/**\n\t * A prop used to set a toolbar button to never move into the menu.\n\t */\n\tlockedInToolbar?: boolean;\n\t/**\n\t * onClick event for the button.\n\t */\n\tonClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n\t/**\n\t * Props used to control the display of the button in the menu.\n\t */\n\tmenuItemProps?: Omit<MrlMenuItemProps, 'onClick'>;\n\tqa?: string;\n\t/**\n\t * A prop used to render the item in the menu instead of the toolbar.\n\t */\n\trenderInMenu?: boolean;\n\ttext: string;\n\t/**\n\t * Props used to control the display of the button in the toolbar.\n\t */\n\ttoolbarButtonProps?: {\n\t\tbadge?: MrlIconButtonProps['badge'];\n\t\tdisableEvents?: MrlIconButtonProps['disableEvents'];\n\t\tkind?: MrlIconButtonProps['kind'];\n\t\tloading?: MrlIconButtonProps['loading'];\n\t\tloadingText?: MrlIconButtonProps['loadingText'];\n\t\tonKeyUp?: MrlIconButtonProps['onKeyUp'];\n\t\tonMouseUp?: MrlIconButtonProps['onMouseUp'];\n\t\tposition?: MrlIconButtonProps['position'];\n\t\tsize?: MrlIconButtonProps['size'];\n\t\tstate?: MrlIconButtonProps['state'];\n\t\ttipAnchor?: MrlIconButtonProps['tipAnchor'];\n\t\ttoggleAria?: MrlIconButtonProps['toggleAria'];\n\t\ttoggleStyle?: MrlIconButtonProps['toggleStyle'];\n\t\ttooltipKind?: MrlIconButtonProps['tooltipKind'];\n\t};\n}\n\n/**\n * MrlToolbarButton component.\n * @param props The MrlToolbarButton component properties.\n * @returns The MrlToolbarButton component.\n */\nexport const MrlToolbarButton = React.forwardRef<HTMLButtonElement, MrlToolbarButtonProps>(\n\tfunction MrlToolbarButton(props, ref): JSX.Element {\n\t\tconst {\n\t\t\tclassName,\n\t\t\ticon,\n\t\t\tincludeInRoving = false,\n\t\t\tmenuItemProps,\n\t\t\tonClick,\n\t\t\tqa,\n\t\t\trenderInMenu,\n\t\t\ttext,\n\t\t\ttoolbarButtonProps = {\n\t\t\t\tposition: 'bottom',\n\t\t\t\tsize: 'small',\n\t\t\t\tstate: 'default'\n\t\t\t},\n\t\t\t...rest\n\t\t} = props;\n\t\tconst classes = classnames('MrlToolbarButton', className);\n\n\t\tif (renderInMenu) {\n\t\t\treturn (\n\t\t\t\t<MrlMenuItem {...menuItemProps} className={classes} data-qa={qa} onClick={onClick}>\n\t\t\t\t\t<span className={styles.MrlToolbarButtonIcon}>{icon}</span>\n\t\t\t\t\t{text}\n\t\t\t\t</MrlMenuItem>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<MrlIconButton\n\t\t\t\t{...rest}\n\t\t\t\t{...toolbarButtonProps}\n\t\t\t\tclassName={classes}\n\t\t\t\tdata-qa={qa}\n\t\t\t\tdata-roving={includeInRoving ? 'true' : undefined}\n\t\t\t\ticon={icon}\n\t\t\t\tonClick={onClick}\n\t\t\t\tref={ref}\n\t\t\t\ttext={text}\n\t\t\t/>\n\t\t);\n\t}\n);\n"],"names":["MrlToolbarButton","React","forwardRef","props","ref","className","icon","_props$includeInRovin","includeInRoving","menuItemProps","onClick","qa","renderInMenu","text","_props$toolbarButtonP","toolbarButtonProps","position","size","state","rest","_objectWithoutProperties","_excluded","classes","classnames","createElement","MrlMenuItem","_extends","styles","MrlToolbarButtonIcon","MrlIconButton","undefined"],"mappings":";;;;;;;;;AAMA;AACA;AACA;;AAgDA;AACA;AACA;AACA;AACA;AACO,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,UAAU,CAC/C,SAASF,gBAAgBA,CAACG,KAAK,EAAEC,GAAG,EAAe;AAClD,EAAA,IACCC,SAAS,GAcNF,KAAK,CAdRE,SAAS;IACTC,IAAI,GAaDH,KAAK,CAbRG,IAAI;IAAAC,qBAAA,GAaDJ,KAAK,CAZRK,eAAe;AAAfA,IAAAA,eAAe,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IACvBE,aAAa,GAWVN,KAAK,CAXRM,aAAa;IACbC,OAAO,GAUJP,KAAK,CAVRO,OAAO;IACPC,EAAE,GASCR,KAAK,CATRQ,EAAE;IACFC,YAAY,GAQTT,KAAK,CARRS,YAAY;IACZC,IAAI,GAODV,KAAK,CAPRU,IAAI;IAAAC,qBAAA,GAODX,KAAK,CANRY,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG;AACpBE,MAAAA,QAAQ,EAAE,QAAQ;AAClBC,MAAAA,IAAI,EAAE,OAAO;AACbC,MAAAA,KAAK,EAAE;AACR,KAAC,GAAAJ,qBAAA;AACEK,IAAAA,IAAI,GAAAC,wBAAA,CACJjB,KAAK,EAAAkB,SAAA,CAAA;AACT,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAAC,kBAAkB,EAAElB,SAAS,CAAC;AAEzD,EAAA,IAAIO,YAAY,EAAE;IACjB,oBACCX,KAAA,CAAAuB,aAAA,CAACC,WAAW,EAAAC,QAAA,KAAKjB,aAAa,EAAA;AAAEJ,MAAAA,SAAS,EAAEiB,OAAQ;AAAC,MAAA,SAAA,EAASX,EAAG;AAACD,MAAAA,OAAO,EAAEA;KAAQ,CAAA,eACjFT,KAAA,CAAAuB,aAAA,CAAA,MAAA,EAAA;MAAMnB,SAAS,EAAEsB,MAAM,CAACC;AAAqB,KAAA,EAAEtB,IAAW,CAAC,EAC1DO,IACW,CAAC;AAEhB,EAAA;EAEA,oBACCZ,KAAA,CAAAuB,aAAA,CAACK,aAAa,EAAAH,QAAA,CAAA,EAAA,EACTP,IAAI,EACJJ,kBAAkB,EAAA;AACtBV,IAAAA,SAAS,EAAEiB,OAAQ;AACnB,IAAA,SAAA,EAASX,EAAG;AACZ,IAAA,aAAA,EAAaH,eAAe,GAAG,MAAM,GAAGsB,SAAU;AAClDxB,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,OAAO,EAAEA,OAAQ;AACjBN,IAAAA,GAAG,EAAEA,GAAI;AACTS,IAAAA,IAAI,EAAEA;AAAK,GAAA,CACX,CAAC;AAEJ,CACD;;;;"}

package/dist/esm/components/toolbar/MrlToolbarButton/MrlToolbarButton.module.scss.js

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

package/dist/esm/components/toolbar/MrlToolbarButton/MrlToolbarButton.module.scss.js.map

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

package/dist/esm/components/toolbar/MrlToolbarItem/MrlToolbarItem.js

@@ -1,23 +0,0 @@
-/**
- * Props for the MrlToolbarItem component.
- */
-
-/**
- * MrlToolbarItem component.
- *
- * @param props The MrlToolbarItem component properties.
- * @returns The MrlToolbarItem component.
- */
-var MrlToolbarItem = props => {
-  var renderInMenu = props.renderInMenu,
-    _props$menuItem = props.menuItem,
-    menuItem = _props$menuItem === void 0 ? null : _props$menuItem,
-    toolbarItem = props.toolbarItem;
-  if (renderInMenu) {
-    return menuItem;
-  }
-  return toolbarItem;
-};
-
-export { MrlToolbarItem };
-//# sourceMappingURL=MrlToolbarItem.js.map

package/dist/esm/components/toolbar/MrlToolbarItem/MrlToolbarItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlToolbarItem.js","sources":["../../../../../src/components/toolbar/MrlToolbarItem/MrlToolbarItem.tsx"],"sourcesContent":["/**\n * Props for the MrlToolbarItem component.\n */\nexport interface MrlToolbarItemProps {\n\t/**\n\t * A prop used to set a toolbar button to never move into the menu.\n\t */\n\tlockedInToolbar?: boolean;\n\t/**\n\t * The rendered component in the overflow menu.\n\t * If nothing is passed, the toolbarItem will be rendered in the menu.\n\t */\n\tmenuItem?: JSX.Element;\n\t/**\n\t * A prop used to render the item in the menu instead of the toolbar.\n\t */\n\trenderInMenu?: boolean;\n\t/**\n\t * The rendered markup in the toolbar.\n\t */\n\ttoolbarItem: JSX.Element;\n}\n\n/**\n * MrlToolbarItem component.\n *\n * @param props The MrlToolbarItem component properties.\n * @returns The MrlToolbarItem component.\n */\nexport const MrlToolbarItem = (props: MrlToolbarItemProps): JSX.Element | null => {\n\tconst { renderInMenu, menuItem = null, toolbarItem } = props;\n\n\tif (renderInMenu) {\n\t\treturn menuItem;\n\t}\n\n\treturn toolbarItem;\n};\n"],"names":["MrlToolbarItem","props","renderInMenu","_props$menuItem","menuItem","toolbarItem"],"mappings":"AAAA;AACA;AACA;;AAqBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,GAAIC,KAA0B,IAAyB;AACjF,EAAA,IAAQC,YAAY,GAAmCD,KAAK,CAApDC,YAAY;IAAAC,eAAA,GAAmCF,KAAK,CAAtCG,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,eAAA;IAAEE,WAAW,GAAKJ,KAAK,CAArBI,WAAW;AAElD,EAAA,IAAIH,YAAY,EAAE;AACjB,IAAA,OAAOE,QAAQ;AAChB,EAAA;AAEA,EAAA,OAAOC,WAAW;AACnB;;;;"}

package/dist/esm/components/tooltip/MrlTooltip/MrlTooltip.js

@@ -1,220 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import * as React from 'react';
-import { MrlTooltipDefaults } from '../constants.js';
-import { MrlTooltipContent } from '../MrlTooltipContent/MrlTooltipContent.js';
-import { curryHandlers } from '../utils.js';
-import classnames from 'classnames';
-import { useTooltipPosition } from '../useTooltipPosition/index.js';
-import { useTransition, animated } from '@react-spring/web';
-import { PORTAL_LAYERS } from '../../../utils/layers/index.js';
-import { getUniqueId } from '../../../utils/setAttributes/setAttributes.js';
-import { MrlPortal } from '../../portal/MrlPortal.js';
-
-var _excluded = ["children", "clickToClose", "disableTooltipHover", "display", "text", "attrs", "dataQa", "kind", "position", "anchor", "srAnnouncement", "tooltipClass", "tooltipContentClass"],
-  _excluded2 = ["className", "onBlur", "onFocus", "onKeyDown", "onMouseOver", "onMouseOut", "onMouseUp", "children"];
-/**
- * MrlTooltip Component
- *
- * This component is not displayed when rendering this component if the primary pointing device can’t hover. Examples include touchscreens and screens that use a basic drawing stylus.
- * Pointing devices that can hover, but for which doing so is inconvenient and not part of the normal way they are used, also match this criteria. For example, a touchscreen where a long press is treated as hovering.
- * @param {MrlTooltipProps} props - The props of the component
- * @returns {HTMLElement} a configured Tooltip component
- */
-var MrlTooltip = /*#__PURE__*/React.memo(props => {
-  var children = props.children,
-    _props$clickToClose = props.clickToClose,
-    clickToClose = _props$clickToClose === void 0 ? true : _props$clickToClose,
-    _props$disableTooltip = props.disableTooltipHover,
-    disableTooltipHover = _props$disableTooltip === void 0 ? false : _props$disableTooltip,
-    _props$display = props.display,
-    defaultDisplay = _props$display === void 0 ? 'hide' : _props$display,
-    text = props.text,
-    _props$attrs = props.attrs,
-    attrs = _props$attrs === void 0 ? {} : _props$attrs,
-    dataQa = props.dataQa,
-    _props$kind = props.kind,
-    kind = _props$kind === void 0 ? 'default' : _props$kind,
-    _props$position = props.position,
-    position = _props$position === void 0 ? MrlTooltipDefaults.position || 'top' : _props$position,
-    _props$anchor = props.anchor,
-    anchor = _props$anchor === void 0 ? MrlTooltipDefaults.anchor : _props$anchor,
-    _props$srAnnouncement = props.srAnnouncement,
-    srAnnouncement = _props$srAnnouncement === void 0 ? true : _props$srAnnouncement,
-    tooltipClass = props.tooltipClass,
-    tooltipContentClass = props.tooltipContentClass,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _React$useState = React.useState('mouse'),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    interaction = _React$useState2[0],
-    setInteraction = _React$useState2[1];
-  var triggerRef = React.useRef(null);
-  var tooltipRef = React.useRef(null);
-
-  /**
-   * State value to determine if the tooltip should be displayed
-   */
-  var _React$useState3 = React.useState(defaultDisplay),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    display = _React$useState4[0],
-    setDisplay = _React$useState4[1];
-
-  /**
-   * State value to determine if the tooltip should be displayed
-   */
-  var _React$useState5 = React.useState(''),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    id = _React$useState6[0],
-    setId = _React$useState6[1];
-
-  /**
-   * Event handler to show tooltip when the trigger is focused
-   */
-  var handleShowTooltip = React.useCallback(() => {
-    setDisplay('show');
-  }, []);
-  var handleFocus = React.useCallback(() => {
-    if (interaction === 'keyboard') {
-      handleShowTooltip();
-    }
-  }, [interaction, handleShowTooltip]);
-
-  /**
-   * Event handler to hide the tooltip on mouseout
-   */
-  var handleHideTooltip = () => {
-    setDisplay('hide');
-  };
-
-  /**
-   * Event handler to hide the tooltip when a user presses escape
-   * @param {React.KeyboardEvent} e Keyboard event
-   */
-  var handleKeyDown = e => {
-    if (e.key === 'Escape' || e.key === 'Enter' || e.key === ' ') {
-      handleHideTooltip();
-    }
-  };
-  var handleSetKeyboardInteraction = e => {
-    if (e.key === 'Tab' || e.key === 'Enter' || e.key === ' ') {
-      setInteraction('keyboard');
-    }
-  };
-  var handlesetMouseInteraction = () => setInteraction('mouse');
-
-  /**
-   * Setup of the initial component attributes and events
-   */
-  React.useEffect(() => {
-    if (id === '') setId(getUniqueId('mrl-tooltip'));
-  }, [id]);
-  React.useEffect(() => {
-    setDisplay(defaultDisplay);
-  }, [defaultDisplay]);
-
-  /**
-   * Setting the triggerRef to the trigger element
-   *
-   * We need to use 'querySelector' because we cannot pass a ref to the child object. There are
-   * some situations where the child component may not accept a ref, for example: a react router
-   * link is passed as a child. In older versions of react router you could not pass a ref to the
-   * component so this causes an issue.
-   */
-  React.useEffect(() => {
-    var trigger = document.querySelector("[data-tooltip-id=\"".concat(id, "\"]"));
-    triggerRef.current = trigger;
-  }, [id]);
-  React.useEffect(() => {
-    var currentTooltipRef = tooltipRef.current;
-    document.addEventListener('keydown', handleSetKeyboardInteraction);
-    document.addEventListener('mousedown', handlesetMouseInteraction);
-    if (!disableTooltipHover && currentTooltipRef) {
-      currentTooltipRef.addEventListener('mouseover', handleShowTooltip);
-      currentTooltipRef.addEventListener('mouseout', handleHideTooltip);
-    }
-    return () => {
-      if (!disableTooltipHover && currentTooltipRef) {
-        currentTooltipRef.removeEventListener('mouseover', handleShowTooltip);
-        currentTooltipRef.removeEventListener('mouseout', handleHideTooltip);
-      }
-      document.removeEventListener('keydown', handleSetKeyboardInteraction);
-      document.removeEventListener('mousedown', handlesetMouseInteraction);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [handleShowTooltip, tooltipRef.current]);
-  var positionStyles = useTooltipPosition(triggerRef, tooltipRef, {
-    align: anchor,
-    position: position
-  }, display === 'show', -1);
-  var inlineStyles = {
-    menu: {
-      left: positionStyles.left,
-      position: 'fixed',
-      top: positionStyles.top
-    }
-  };
-  var transitions = useTransition(display === 'show', {
-    config: {
-      duration: display === 'show' ? 150 : 25
-    },
-    enter: {
-      opacity: 1
-    },
-    from: {
-      opacity: 0
-    },
-    leave: {
-      opacity: 0
-    }
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, (child, index) => {
-    if (index === 0 && /*#__PURE__*/React.isValidElement(child)) {
-      var _props = child.props,
-        className = _props.className,
-        onBlur = _props.onBlur,
-        onFocus = _props.onFocus,
-        onKeyDown = _props.onKeyDown,
-        onMouseOver = _props.onMouseOver,
-        onMouseOut = _props.onMouseOut,
-        onMouseUp = _props.onMouseUp,
-        _children = _props.children,
-        otherProps = _objectWithoutProperties(_props, _excluded2);
-      return /*#__PURE__*/React.cloneElement(child, _objectSpread2(_objectSpread2(_objectSpread2({
-        'aria-describedby': display === 'show' && srAnnouncement ? id : undefined,
-        className: classnames(tooltipClass, className, 'mrl-tooltip-trigger', display === 'show' && 'mrl-tooltip-trigger--active'),
-        onBlur: curryHandlers(onBlur, handleHideTooltip)
-      }, clickToClose && !disableTooltipHover ? {
-        onMouseUp: curryHandlers(onMouseUp, handleHideTooltip)
-      } : {}), {}, {
-        onFocus: curryHandlers(onFocus, handleFocus),
-        onKeyDown: curryHandlers(onKeyDown, handleKeyDown),
-        onMouseOut: curryHandlers(onMouseOut, handleHideTooltip),
-        onMouseOver: curryHandlers(onMouseOver, handleShowTooltip)
-      }, otherProps), {}, {
-        children: _children,
-        ['data-tooltip-id']: id
-      }));
-    }
-    return child;
-  }), /*#__PURE__*/React.createElement(MrlPortal, {
-    id: PORTAL_LAYERS.TOOLTIP.name,
-    layer: PORTAL_LAYERS.TOOLTIP,
-    className: PORTAL_LAYERS.TOOLTIP.name,
-    "data-qa": PORTAL_LAYERS.TOOLTIP.name
-  }, transitions((style, item) => item && /*#__PURE__*/React.createElement(animated.div, {
-    ref: tooltipRef,
-    style: _objectSpread2(_objectSpread2({}, inlineStyles.menu), style)
-  }, /*#__PURE__*/React.createElement(MrlTooltipContent, _extends({}, rest, {
-    attrs: attrs,
-    anchor: anchor,
-    dataQa: dataQa,
-    kind: kind,
-    id: id,
-    position: position,
-    text: text,
-    tooltipContentClass: tooltipContentClass
-  }))))));
-});
-MrlTooltip.displayName = 'MrlTooltip';
-
-export { MrlTooltip };
-//# sourceMappingURL=MrlTooltip.js.map

package/dist/esm/components/tooltip/MrlTooltip/MrlTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlTooltip.js","sources":["../../../../../src/components/tooltip/MrlTooltip/MrlTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AttrsObject, getUniqueId } from '../../../utils';\nimport {\n\tMrlTooltipAnchor,\n\tMrlTooltipDefaults,\n\tMrlTooltipPosition,\n\tMrlTooltipState,\n\tMrlTooltipVariant\n} from '../constants';\nimport { MrlTooltipContent } from '../MrlTooltipContent/MrlTooltipContent';\nimport { curryHandlers } from '../utils';\nimport classNames from 'classnames';\nimport { MrlPortal } from '../../portal';\nimport '../../../styles/shared/a11y-helpers/a11y.global.scss';\nimport { useTooltipPosition } from '../useTooltipPosition';\nimport { useTransition, animated } from '@react-spring/web';\nimport { PORTAL_LAYERS } from '../../../utils/layers';\n\ninterface MrlTooltipProps {\n\t/** The arrow position of the tooltip in relation to its trigger's content */\n\tanchor?: MrlTooltipAnchor;\n\n\t/**\n\t * Attributes that are applied to the component during the initial render.\n\t *\n\t * Example usage: html attributes, custom data attributes (data-qa), aria\n\t * @deprecated please use props for component instead\n\t */\n\tattrs?: AttrsObject;\n\n\t/**\n\t * Children to be rendered within the tooltip. The first child is used as the trigger.\n\t *\n\t * Warning: The tooltip is only setup to work with a single trigger. If multiple children\n\t * are passed in the component will not have event handling for the additional child elements.\n\t */\n\tchildren: React.ReactElement;\n\n\t/** Whether the tooltip should close when clicked */\n\tclickToClose?: boolean;\n\n\t/** The data-qa attribute for the tooltip */\n\tdataQa?: string;\n\n\t/** The state value to determine if the tooltip should be displayed */\n\tdisplay?: MrlTooltipState;\n\n\t/** Whether to disable the tooltip hover action that keeps it open */\n\tdisableTooltipHover?: boolean;\n\n\t/** The kind of tooltip to be rendered */\n\tkind?: MrlTooltipVariant;\n\n\t/** The placement of the tooltip in relation to its trigger */\n\tposition?: MrlTooltipPosition;\n\n\t/** Whether to announce the tooltip content to screen readers */\n\tsrAnnouncement?: boolean;\n\n\t/** The textual label of tooltip */\n\ttext: string;\n\n\t/** A custom class selector to be applied to the tooltip wrapper */\n\ttooltipClass?: string;\n\n\t/** A class to be applied ot the tooltip content */\n\ttooltipContentClass?: string;\n\n\t/** A custom render function to render the tooltip content */\n\tcustomRender?: (text?: string) => React.ReactNode;\n}\n\n/**\n * MrlTooltip Component\n *\n * This component is not displayed when rendering this component if the primary pointing device can’t hover. Examples include touchscreens and screens that use a basic drawing stylus.\n * Pointing devices that can hover, but for which doing so is inconvenient and not part of the normal way they are used, also match this criteria. For example, a touchscreen where a long press is treated as hovering.\n * @param {MrlTooltipProps} props - The props of the component\n * @returns {HTMLElement} a configured Tooltip component\n */\nexport const MrlTooltip = React.memo((props: MrlTooltipProps): React.ReactElement => {\n\tconst {\n\t\tchildren,\n\t\tclickToClose = true,\n\t\tdisableTooltipHover = false,\n\t\tdisplay: defaultDisplay = 'hide',\n\t\ttext,\n\t\tattrs = {},\n\t\tdataQa,\n\t\tkind = 'default',\n\t\tposition = MrlTooltipDefaults.position || 'top',\n\t\tanchor = MrlTooltipDefaults.anchor,\n\t\tsrAnnouncement = true,\n\t\ttooltipClass,\n\t\ttooltipContentClass,\n\t\t...rest\n\t} = props;\n\n\tconst [interaction, setInteraction] = React.useState('mouse');\n\n\tconst triggerRef = React.useRef<HTMLElement | null>(null);\n\n\tconst tooltipRef = React.useRef<HTMLDivElement>(null);\n\n\t/**\n\t * State value to determine if the tooltip should be displayed\n\t */\n\tconst [display, setDisplay] = React.useState<MrlTooltipState>(defaultDisplay);\n\n\t/**\n\t * State value to determine if the tooltip should be displayed\n\t */\n\tconst [id, setId] = React.useState<string>('');\n\n\t/**\n\t * Event handler to show tooltip when the trigger is focused\n\t */\n\tconst handleShowTooltip = React.useCallback(() => {\n\t\tsetDisplay('show');\n\t}, []);\n\n\tconst handleFocus = React.useCallback(() => {\n\t\tif (interaction === 'keyboard') {\n\t\t\thandleShowTooltip();\n\t\t}\n\t}, [interaction, handleShowTooltip]);\n\n\t/**\n\t * Event handler to hide the tooltip on mouseout\n\t */\n\tconst handleHideTooltip = (): void => {\n\t\tsetDisplay('hide');\n\t};\n\n\t/**\n\t * Event handler to hide the tooltip when a user presses escape\n\t * @param {React.KeyboardEvent} e Keyboard event\n\t */\n\tconst handleKeyDown = (e: React.KeyboardEvent): void => {\n\t\tif (e.key === 'Escape' || e.key === 'Enter' || e.key === ' ') {\n\t\t\thandleHideTooltip();\n\t\t}\n\t};\n\n\tconst handleSetKeyboardInteraction = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Tab' || e.key === 'Enter' || e.key === ' ') {\n\t\t\tsetInteraction('keyboard');\n\t\t}\n\t};\n\n\tconst handlesetMouseInteraction = () => setInteraction('mouse');\n\n\t/**\n\t * Setup of the initial component attributes and events\n\t */\n\tReact.useEffect(() => {\n\t\tif (id === '') setId(getUniqueId('mrl-tooltip'));\n\t}, [id]);\n\n\tReact.useEffect(() => {\n\t\tsetDisplay(defaultDisplay);\n\t}, [defaultDisplay]);\n\n\t/**\n\t * Setting the triggerRef to the trigger element\n\t *\n\t * We need to use 'querySelector' because we cannot pass a ref to the child object. There are\n\t * some situations where the child component may not accept a ref, for example: a react router\n\t * link is passed as a child. In older versions of react router you could not pass a ref to the\n\t * component so this causes an issue.\n\t */\n\tReact.useEffect(() => {\n\t\tconst trigger = document.querySelector(`[data-tooltip-id=\"${id}\"]`);\n\t\ttriggerRef.current = trigger as HTMLElement;\n\t}, [id]);\n\n\tReact.useEffect(() => {\n\t\tconst currentTooltipRef = tooltipRef.current;\n\n\t\tdocument.addEventListener('keydown', handleSetKeyboardInteraction);\n\t\tdocument.addEventListener('mousedown', handlesetMouseInteraction);\n\n\t\tif (!disableTooltipHover && currentTooltipRef) {\n\t\t\tcurrentTooltipRef.addEventListener('mouseover', handleShowTooltip);\n\t\t\tcurrentTooltipRef.addEventListener('mouseout', handleHideTooltip);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (!disableTooltipHover && currentTooltipRef) {\n\t\t\t\tcurrentTooltipRef.removeEventListener('mouseover', handleShowTooltip);\n\t\t\t\tcurrentTooltipRef.removeEventListener('mouseout', handleHideTooltip);\n\t\t\t}\n\n\t\t\tdocument.removeEventListener('keydown', handleSetKeyboardInteraction);\n\t\t\tdocument.removeEventListener('mousedown', handlesetMouseInteraction);\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [handleShowTooltip, tooltipRef.current]);\n\n\tconst positionStyles = useTooltipPosition(\n\t\ttriggerRef,\n\t\ttooltipRef,\n\t\t{\n\t\t\talign: anchor,\n\t\t\tposition: position\n\t\t},\n\t\tdisplay === 'show',\n\t\t-1\n\t);\n\n\tconst inlineStyles = {\n\t\tmenu: {\n\t\t\tleft: positionStyles.left,\n\t\t\tposition: 'fixed' as const,\n\t\t\ttop: positionStyles.top\n\t\t}\n\t};\n\n\tconst transitions = useTransition(display === 'show', {\n\t\tconfig: { duration: display === 'show' ? 150 : 25 },\n\t\tenter: { opacity: 1 },\n\t\tfrom: { opacity: 0 },\n\t\tleave: { opacity: 0 }\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t{React.Children.map(children, (child, index) => {\n\t\t\t\tif (index === 0 && React.isValidElement(child)) {\n\t\t\t\t\tconst {\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\tonBlur,\n\t\t\t\t\t\tonFocus,\n\t\t\t\t\t\tonKeyDown,\n\t\t\t\t\t\tonMouseOver,\n\t\t\t\t\t\tonMouseOut,\n\t\t\t\t\t\tonMouseUp,\n\t\t\t\t\t\tchildren,\n\t\t\t\t\t\t...otherProps\n\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\t\t} = (child as any).props;\n\n\t\t\t\t\treturn React.cloneElement(child as React.ReactElement, {\n\t\t\t\t\t\t'aria-describedby': display === 'show' && srAnnouncement ? id : undefined,\n\t\t\t\t\t\tclassName: classNames(\n\t\t\t\t\t\t\ttooltipClass,\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'mrl-tooltip-trigger',\n\t\t\t\t\t\t\tdisplay === 'show' && 'mrl-tooltip-trigger--active'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tonBlur: curryHandlers(onBlur, handleHideTooltip),\n\t\t\t\t\t\t...(clickToClose && !disableTooltipHover\n\t\t\t\t\t\t\t? { onMouseUp: curryHandlers(onMouseUp, handleHideTooltip) }\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tonFocus: curryHandlers(onFocus, handleFocus),\n\t\t\t\t\t\tonKeyDown: curryHandlers(onKeyDown, handleKeyDown),\n\t\t\t\t\t\tonMouseOut: curryHandlers(onMouseOut, handleHideTooltip),\n\t\t\t\t\t\tonMouseOver: curryHandlers(onMouseOver, handleShowTooltip),\n\t\t\t\t\t\t...otherProps,\n\t\t\t\t\t\tchildren,\n\t\t\t\t\t\t['data-tooltip-id']: id\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn child;\n\t\t\t})}\n\t\t\t<MrlPortal\n\t\t\t\tid={PORTAL_LAYERS.TOOLTIP.name}\n\t\t\t\tlayer={PORTAL_LAYERS.TOOLTIP}\n\t\t\t\tclassName={PORTAL_LAYERS.TOOLTIP.name}\n\t\t\t\tdata-qa={PORTAL_LAYERS.TOOLTIP.name}\n\t\t\t>\n\t\t\t\t{transitions(\n\t\t\t\t\t(style, item) =>\n\t\t\t\t\t\titem && (\n\t\t\t\t\t\t\t<animated.div ref={tooltipRef} style={{ ...inlineStyles.menu, ...style }}>\n\t\t\t\t\t\t\t\t<MrlTooltipContent\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tattrs={attrs}\n\t\t\t\t\t\t\t\t\tanchor={anchor}\n\t\t\t\t\t\t\t\t\tdataQa={dataQa}\n\t\t\t\t\t\t\t\t\tkind={kind}\n\t\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\t\tposition={position}\n\t\t\t\t\t\t\t\t\ttext={text}\n\t\t\t\t\t\t\t\t\ttooltipContentClass={tooltipContentClass}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</animated.div>\n\t\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t</MrlPortal>\n\t\t</>\n\t);\n});\n\nMrlTooltip.displayName = 'MrlTooltip';\n"],"names":["MrlTooltip","React","memo","props","children","_props$clickToClose","clickToClose","_props$disableTooltip","disableTooltipHover","_props$display","display","defaultDisplay","text","_props$attrs","attrs","dataQa","_props$kind","kind","_props$position","position","MrlTooltipDefaults","_props$anchor","anchor","_props$srAnnouncement","srAnnouncement","tooltipClass","tooltipContentClass","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","interaction","setInteraction","triggerRef","useRef","tooltipRef","_React$useState3","_React$useState4","setDisplay","_React$useState5","_React$useState6","id","setId","handleShowTooltip","useCallback","handleFocus","handleHideTooltip","handleKeyDown","e","key","handleSetKeyboardInteraction","handlesetMouseInteraction","useEffect","getUniqueId","trigger","document","querySelector","concat","current","currentTooltipRef","addEventListener","removeEventListener","positionStyles","useTooltipPosition","align","inlineStyles","menu","left","top","transitions","useTransition","config","duration","enter","opacity","from","leave","createElement","Fragment","Children","map","child","index","isValidElement","_props","className","onBlur","onFocus","onKeyDown","onMouseOver","onMouseOut","onMouseUp","otherProps","_excluded2","cloneElement","_objectSpread","undefined","classNames","curryHandlers","MrlPortal","PORTAL_LAYERS","TOOLTIP","name","layer","style","item","animated","div","ref","MrlTooltipContent","_extends","displayName"],"mappings":"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"}

package/dist/esm/components/tooltip/MrlTooltipContent/MrlTooltipContent.js

@@ -1,49 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import * as React from 'react';
-import classnames from 'classnames';
-import { MrlTooltipDefaults } from '../constants.js';
-import { setAttributes, setClasses } from '../../../utils/setAttributes/setAttributes.js';
-
-var _excluded = ["anchor", "attrs", "dataQa", "id", "kind", "position", "text", "tooltipContentClass", "customRender"];
-/**
- * MrlTooltipContent Component
- *
- * The tooltip content is the text that is displayed when the user hovers over the trigger.
- * IMPORTANT: This component is not intended to be used directly, it should always be a child of MrlTooltip.
- * @param {MrlTooltipContentProps} props - the props of the tooltip content
- * @returns {HTMLElement} a configured Tooltip Content component
- */
-var MrlTooltipContent = props => {
-  var anchor = props.anchor,
-    attrs = props.attrs,
-    dataQa = props.dataQa,
-    id = props.id,
-    kind = props.kind,
-    position = props.position,
-    text = props.text,
-    tooltipContentClass = props.tooltipContentClass,
-    customRender = props.customRender,
-    rest = _objectWithoutProperties(props, _excluded);
-  var attributes = setAttributes(attrs, MrlTooltipDefaults.attrs);
-  var classes = setClasses(attrs, {});
-  var tooltipClasses = classnames('mrl-tooltip-content', {
-    ["".concat(classes)]: classes !== undefined,
-    'has-custom-render': typeof customRender === 'function',
-    'mrl-tooltip-content--inverse': kind === 'inverse',
-    ["".concat(tooltipContentClass)]: tooltipContentClass !== undefined
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    "data-anchor": anchor,
-    "data-position": position,
-    "data-qa": dataQa,
-    id: id,
-    role: "tooltip"
-  }, attributes, {
-    className: tooltipClasses
-  }), customRender && typeof customRender === 'function' ? customRender(text) : text, /*#__PURE__*/React.createElement("div", {
-    className: "mrl-tooltip-content__hover"
-  }));
-};
-
-export { MrlTooltipContent };
-//# sourceMappingURL=MrlTooltipContent.js.map