@dhis2/analytics 28.0.3 → 28.0.4

package/build/cjs/components/PivotTable/PivotTableTitleRow.js

@@ -11,16 +11,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _PivotTableCell = require("./PivotTableCell.js");
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 var _PivotTableStyle = require("./styles/PivotTable.style.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableTitleRow = _ref => {
+const PivotTableTitleRow = ({
+  title,
+  scrollPosition,
+  containerWidth
+}) => {
   var _scrollPosition$x;
-  let {
-    title,
-    scrollPosition,
-    containerWidth
-  } = _ref;
   const containerRef = (0, _react.useRef)(null);
   const [scrollWidth, setScrollWidth] = (0, _react.useState)(0);
   const [isTitleTruncated, setIsTitleTruncated] = (0, _react.useState)(false);
@@ -63,22 +61,19 @@ const PivotTableTitleRow = _ref => {
     className: `jsx-${_PivotTableStyle.cell.__hash}` + " " + "title-cell-content"
   }, isTitleTruncated ? /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
     content: title
-  }, _ref2 => {
-    let {
-      ref: tooltipRef,
-      onMouseOver,
-      onMouseOut
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: tooltipRef,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut,
-      style: {
-        maxWidth
-      },
-      className: `jsx-${_PivotTableStyle.cell.__hash}` + " " + "title-cell-content"
-    }, title);
-  }) : title)));
+  }, ({
+    ref: tooltipRef,
+    onMouseOver,
+    onMouseOut
+  }) => /*#__PURE__*/_react.default.createElement("div", {
+    ref: tooltipRef,
+    onMouseOver: onMouseOver,
+    onMouseOut: onMouseOut,
+    style: {
+      maxWidth
+    },
+    className: `jsx-${_PivotTableStyle.cell.__hash}` + " " + "title-cell-content"
+  }, title)) : title)));
 };
 exports.PivotTableTitleRow = PivotTableTitleRow;
 PivotTableTitleRow.propTypes = {

package/build/cjs/components/PivotTable/PivotTableTitleRows.js

@@ -10,12 +10,11 @@ var _getFilterText = _interopRequireDefault(require("../../visualizations/util/g
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 var _PivotTableTitleRow = require("./PivotTableTitleRow.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableTitleRows = _ref => {
+const PivotTableTitleRows = ({
+  clippingResult,
+  width
+}) => {
   var _engine$visualization;
-  let {
-    clippingResult,
-    width
-  } = _ref;
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, engine.options.title ? /*#__PURE__*/_react.default.createElement(_PivotTableTitleRow.PivotTableTitleRow, {
     title: engine.options.title,

package/build/cjs/components/PivotTable/PivotTableValueCell.js

@@ -13,16 +13,14 @@ var _valueTypes = require("../../modules/valueTypes.js");
 var _PivotTableCell = require("./PivotTableCell.js");
 var _PivotTableEmptyCell = require("./PivotTableEmptyCell.js");
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableValueCell = _ref => {
+const PivotTableValueCell = ({
+  row,
+  column,
+  onToggleContextualMenu
+}) => {
   var _cellContent$titleVal, _cellContent$rendered;
-  let {
-    row,
-    column,
-    onToggleContextualMenu
-  } = _ref;
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   const cellRef = (0, _react.useRef)(undefined);
   const cellContent = engine.get({

package/build/cjs/components/RichText/Editor/Editor.js

@@ -14,88 +14,78 @@ var _UserMentionWrapper = require("../../UserMention/UserMentionWrapper.js");
 var _Parser = require("../Parser/Parser.js");
 var _markdownHandler = require("./markdownHandler.js");
 var _EditorStyle = require("./styles/Editor.style.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const EmojisPopover = _ref => {
-  let {
-    onInsertMarkdown,
-    onClose,
-    reference
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_ui.Popover, {
-    reference: reference,
-    onClickOutside: onClose
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}` + " " + "emojisList"
-  }, /*#__PURE__*/_react.default.createElement("li", {
-    onClick: () => onInsertMarkdown(_markdownHandler.EMOJI_SMILEY_FACE),
-    className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}`
-  }, /*#__PURE__*/_react.default.createElement(_Parser.Parser, null, _markdownHandler.emojis[_markdownHandler.EMOJI_SMILEY_FACE])), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: () => onInsertMarkdown(_markdownHandler.EMOJI_SAD_FACE),
-    className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}`
-  }, /*#__PURE__*/_react.default.createElement(_Parser.Parser, null, _markdownHandler.emojis[_markdownHandler.EMOJI_SAD_FACE])), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: () => onInsertMarkdown(_markdownHandler.EMOJI_THUMBS_UP),
-    className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}`
-  }, /*#__PURE__*/_react.default.createElement(_Parser.Parser, null, _markdownHandler.emojis[_markdownHandler.EMOJI_THUMBS_UP])), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: () => onInsertMarkdown(_markdownHandler.EMOJI_THUMBS_DOWN),
-    className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}`
-  }, /*#__PURE__*/_react.default.createElement(_Parser.Parser, null, _markdownHandler.emojis[_markdownHandler.EMOJI_THUMBS_DOWN]))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _EditorStyle.emojisPopoverClasses.__hash
-  }, _EditorStyle.emojisPopoverClasses));
-};
+const EmojisPopover = ({
+  onInsertMarkdown,
+  onClose,
+  reference
+}) => /*#__PURE__*/_react.default.createElement(_ui.Popover, {
+  reference: reference,
+  onClickOutside: onClose
+}, /*#__PURE__*/_react.default.createElement("ul", {
+  className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}` + " " + "emojisList"
+}, /*#__PURE__*/_react.default.createElement("li", {
+  onClick: () => onInsertMarkdown(_markdownHandler.EMOJI_SMILEY_FACE),
+  className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}`
+}, /*#__PURE__*/_react.default.createElement(_Parser.Parser, null, _markdownHandler.emojis[_markdownHandler.EMOJI_SMILEY_FACE])), /*#__PURE__*/_react.default.createElement("li", {
+  onClick: () => onInsertMarkdown(_markdownHandler.EMOJI_SAD_FACE),
+  className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}`
+}, /*#__PURE__*/_react.default.createElement(_Parser.Parser, null, _markdownHandler.emojis[_markdownHandler.EMOJI_SAD_FACE])), /*#__PURE__*/_react.default.createElement("li", {
+  onClick: () => onInsertMarkdown(_markdownHandler.EMOJI_THUMBS_UP),
+  className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}`
+}, /*#__PURE__*/_react.default.createElement(_Parser.Parser, null, _markdownHandler.emojis[_markdownHandler.EMOJI_THUMBS_UP])), /*#__PURE__*/_react.default.createElement("li", {
+  onClick: () => onInsertMarkdown(_markdownHandler.EMOJI_THUMBS_DOWN),
+  className: `jsx-${_EditorStyle.emojisPopoverClasses.__hash}`
+}, /*#__PURE__*/_react.default.createElement(_Parser.Parser, null, _markdownHandler.emojis[_markdownHandler.EMOJI_THUMBS_DOWN]))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _EditorStyle.emojisPopoverClasses.__hash
+}, _EditorStyle.emojisPopoverClasses));
 EmojisPopover.propTypes = {
   onClose: _propTypes.default.func.isRequired,
   onInsertMarkdown: _propTypes.default.func.isRequired,
   reference: _propTypes.default.object
 };
-const IconButtonWithTooltip = _ref2 => {
-  let {
-    tooltipContent,
-    disabled,
-    icon,
-    onClick
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
-    content: tooltipContent,
-    placement: "bottom",
-    closeDelay: 200
-  }, _ref3 => {
-    let {
-      ref,
-      onMouseOver,
-      onMouseOut
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      ref: ref,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut,
-      className: `jsx-${_EditorStyle.tooltipAnchorClasses.__hash}` + " " + "tooltip"
-    }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
-      secondary: true,
-      small: true,
-      disabled: disabled,
-      icon: icon,
-      onClick: onClick
-    }));
-  }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _EditorStyle.tooltipAnchorClasses.__hash
-  }, _EditorStyle.tooltipAnchorClasses));
-};
+const IconButtonWithTooltip = ({
+  tooltipContent,
+  disabled,
+  icon,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+  content: tooltipContent,
+  placement: "bottom",
+  closeDelay: 200
+}, ({
+  ref,
+  onMouseOver,
+  onMouseOut
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  ref: ref,
+  onMouseOver: onMouseOver,
+  onMouseOut: onMouseOut,
+  className: `jsx-${_EditorStyle.tooltipAnchorClasses.__hash}` + " " + "tooltip"
+}, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+  secondary: true,
+  small: true,
+  disabled: disabled,
+  icon: icon,
+  onClick: onClick,
+  "aria-label": tooltipContent
+}))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _EditorStyle.tooltipAnchorClasses.__hash
+}, _EditorStyle.tooltipAnchorClasses));
 IconButtonWithTooltip.propTypes = {
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,
   tooltipContent: _propTypes.default.string,
   onClick: _propTypes.default.func
 };
-const Toolbar = _ref4 => {
-  let {
-    disabled,
-    onInsertMarkdown,
-    onTogglePreview,
-    previewButtonDisabled,
-    previewMode
-  } = _ref4;
+const Toolbar = ({
+  disabled,
+  onInsertMarkdown,
+  onTogglePreview,
+  previewButtonDisabled,
+  previewMode
+}) => {
   const emojisButtonRef = (0, _react.useRef)();
   const [emojisPopoverIsOpen, setEmojisPopoverIsOpen] = (0, _react.useState)(false);
   const iconColor = disabled ? _ui.colors.grey600 : _ui.colors.grey700;
@@ -177,17 +167,16 @@ Toolbar.propTypes = {
   onTogglePreview: _propTypes.default.func.isRequired,
   disabled: _propTypes.default.bool
 };
-const Editor = exports.Editor = /*#__PURE__*/(0, _react.forwardRef)((_ref5, externalRef) => {
-  let {
-    value,
-    disabled,
-    inputPlaceholder,
-    onChange,
-    errorText,
-    helpText,
-    initialFocus,
-    resizable
-  } = _ref5;
+const Editor = exports.Editor = /*#__PURE__*/(0, _react.forwardRef)(({
+  value,
+  disabled,
+  inputPlaceholder,
+  onChange,
+  errorText,
+  helpText,
+  initialFocus = true,
+  resizable = true
+}, externalRef) => {
   const [previewMode, setPreviewMode] = (0, _react.useState)(false);
   const internalRef = (0, _react.useRef)();
   const textareaRef = externalRef || internalRef;
@@ -251,10 +240,6 @@ const Editor = exports.Editor = /*#__PURE__*/(0, _react.forwardRef)((_ref5, exte
   }, _EditorStyle.mainClasses));
 });
 Editor.displayName = 'Editor';
-Editor.defaultProps = {
-  initialFocus: true,
-  resizable: true
-};
 Editor.propTypes = {
   value: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired,

package/build/cjs/components/RichText/Parser/Parser.js

@@ -7,14 +7,12 @@ exports.Parser = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _MdParser = require("./MdParser.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Parser = _ref => {
-  let {
-    children,
-    style
-  } = _ref;
+const Parser = ({
+  children,
+  style = null
+}) => {
   const MdParserInstance = (0, _react.useMemo)(() => new _MdParser.MdParser(), []);
   return children ? /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -26,9 +24,6 @@ const Parser = _ref => {
   }) : null;
 };
 exports.Parser = Parser;
-Parser.defaultProps = {
-  style: null
-};
 Parser.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
   style: _propTypes.default.object

package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuBar.js

@@ -7,8 +7,7 @@ exports.useHoverMenubarContext = exports.HoverMenuBar = void 0;
 var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const throwErrorIfNotInitialized = () => {
   throw new Error('`HoverMenubarContext` has not been initialised');
@@ -22,32 +21,42 @@ const HoverMenubarContext = /*#__PURE__*/(0, _react.createContext)({
 });
 const useHoverMenubarContext = () => (0, _react.useContext)(HoverMenubarContext);
 exports.useHoverMenubarContext = useHoverMenubarContext;
-const HoverMenuBar = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
+const HoverMenuBar = ({
+  children,
+  dataTest = 'dhis2-analytics-hovermenubar'
+}) => {
   const [openedDropdownEl, setOpenedDropdownEl] = (0, _react.useState)(null);
-  const [lastHoveredSubMenuEl, setLastHoveredSubMenuEl] = (0, _react.useState)(null);
+  const lastHoveredSubMenuElRef = (0, _react.useRef)(null);
   const [isInHoverMode, setIsInHoverMode] = (0, _react.useState)(false);
   const closeMenu = (0, _react.useCallback)(() => {
     setIsInHoverMode(false);
     setOpenedDropdownEl(null);
   }, []);
+  const setLastHoveredSubMenuEl = (0, _react.useCallback)(element => {
+    lastHoveredSubMenuElRef.current = element;
+  }, []);
   const onDocumentClick = (0, _react.useCallback)(event => {
-    const isClickOnOpenedSubMenuAnchor = lastHoveredSubMenuEl && (lastHoveredSubMenuEl === event.target || lastHoveredSubMenuEl.contains(event.target));
+    const isClickOnOpenedSubMenuAnchor = lastHoveredSubMenuElRef.current && (lastHoveredSubMenuElRef.current === event.target || lastHoveredSubMenuElRef.current.contains(event.target));
     if (!isClickOnOpenedSubMenuAnchor) {
       closeMenu();
     }
-  }, [closeMenu, lastHoveredSubMenuEl]);
+  }, [closeMenu]);
   const onDropDownButtonClick = (0, _react.useCallback)(event => {
     if (!isInHoverMode) {
+      /* Stop event propagation to avoid it from bubling up to the
+       * document, which would actually cause the menu to close again
+       * immediately */
+      event.stopPropagation();
       setIsInHoverMode(true);
       setOpenedDropdownEl(event.currentTarget);
+      document.addEventListener('click', onDocumentClick, {
+        once: true
+      });
     } else {
+      document.removeEventListener('click', onDocumentClick);
       closeMenu();
     }
-  }, [closeMenu, isInHoverMode]);
+  }, [closeMenu, isInHoverMode, onDocumentClick]);
   const onDropDownButtonMouseOver = (0, _react.useCallback)(event => {
     if (isInHoverMode) {
       setOpenedDropdownEl(event.currentTarget);
@@ -67,16 +76,6 @@ const HoverMenuBar = _ref => {
       closeMenu();
     }
   }, [closeMenu]);
-  (0, _react.useEffect)(() => {
-    if (isInHoverMode) {
-      document.addEventListener('click', onDocumentClick, {
-        once: true
-      });
-    }
-    return () => {
-      document.removeEventListener('click', onDocumentClick);
-    };
-  }, [onDocumentClick, isInHoverMode]);
   return /*#__PURE__*/_react.default.createElement(HoverMenubarContext.Provider, {
     value: {
       onDropDownButtonClick,
@@ -93,9 +92,6 @@ const HoverMenuBar = _ref => {
   }, [".jsx-3020154784{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}"])));
 };
 exports.HoverMenuBar = HoverMenuBar;
-HoverMenuBar.defaultProps = {
-  dataTest: 'dhis2-analytics-hovermenubar'
-};
 HoverMenuBar.propTypes = {
   children: _propTypes.default.node.isRequired,
   dataTest: _propTypes.default.string

package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuDropdown.js

@@ -11,17 +11,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _MenuButtonStyles = _interopRequireDefault(require("../MenuButton.styles.js"));
 var _HoverMenuBar = require("./HoverMenuBar.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const HoverMenuDropdown = _ref => {
-  let {
-    children,
-    className,
-    label,
-    dataTest,
-    disabled
-  } = _ref;
+const HoverMenuDropdown = ({
+  children,
+  className,
+  label,
+  dataTest = 'dhis2-analytics-hovermenudropdown',
+  disabled
+}) => {
   const buttonRef = (0, _react.useRef)();
   const {
     onDropDownButtonClick,
@@ -46,9 +44,6 @@ const HoverMenuDropdown = _ref => {
   }, children)));
 };
 exports.HoverMenuDropdown = HoverMenuDropdown;
-HoverMenuDropdown.defaultProps = {
-  dataTest: 'dhis2-analytics-hovermenudropdown'
-};
 HoverMenuDropdown.propTypes = {
   children: _propTypes.default.node.isRequired,
   label: _propTypes.default.node.isRequired,

package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuList.js

@@ -9,8 +9,7 @@ var _ui = require("@dhis2/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _HoverMenuBar = require("./HoverMenuBar.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const throwErrorIfNotInitialized = () => {
   throw new Error('`HoverMenuListContext` has not been initialised');
@@ -23,15 +22,14 @@ const HoverMenuListContext = /*#__PURE__*/(0, _react.createContext)({
 });
 const useHoverMenuListContext = () => (0, _react.useContext)(HoverMenuListContext);
 exports.useHoverMenuListContext = useHoverMenuListContext;
-const HoverMenuList = _ref => {
-  let {
-    children,
-    className,
-    dataTest,
-    dense,
-    maxHeight,
-    maxWidth
-  } = _ref;
+const HoverMenuList = ({
+  children,
+  className,
+  dataTest = 'dhis2-analytics-hovermenulist',
+  dense = true,
+  maxHeight = 'auto',
+  maxWidth = '380px'
+}) => {
   const {
     setLastHoveredSubMenuEl
   } = (0, _HoverMenuBar.useHoverMenubarContext)();
@@ -62,12 +60,6 @@ const HoverMenuList = _ref => {
   }, [`ul.__jsx-style-dynamic-selector{position:relative;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:${_ui.colors.white};border:1px solid ${_ui.colors.grey200};border-radius:3px;box-shadow:${_ui.elevations.e300};display:inline-block;min-width:${dense ? '128' : '180'}px;max-width:${maxWidth};max-height:${maxHeight};padding:${_ui.spacers.dp4} 0;overflow:auto;list-style:none;}`])));
 };
 exports.HoverMenuList = HoverMenuList;
-HoverMenuList.defaultProps = {
-  dataTest: 'dhis2-analytics-hovermenulist',
-  maxWidth: '380px',
-  maxHeight: 'auto',
-  dense: true
-};
 HoverMenuList.propTypes = {
   /** Typically `MenuItem`, `MenuDivider`, and `MenuSectionHeader` */
   children: _propTypes.default.node,

package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuListItem.js

@@ -11,20 +11,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _HoverMenuList = require("./HoverMenuList.js");
 var _HoverMenuListItemStyles = _interopRequireDefault(require("./HoverMenuListItem.styles.js"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const HoverMenuListItem = _ref => {
-  let {
-    onClick,
-    children,
-    icon,
-    className,
-    destructive,
-    disabled,
-    dataTest,
-    label
-  } = _ref;
+const HoverMenuListItem = ({
+  onClick,
+  children,
+  icon,
+  className,
+  destructive,
+  disabled,
+  dataTest = 'dhis2-uicore-hovermenulistitem',
+  label
+}) => {
   const ref = (0, _react.useRef)();
   const {
     onSubmenuAnchorMouseEnter,
@@ -61,9 +59,6 @@ const HoverMenuListItem = _ref => {
   }, children))));
 };
 exports.HoverMenuListItem = HoverMenuListItem;
-HoverMenuListItem.defaultProps = {
-  dataTest: 'dhis2-uicore-hovermenulistitem'
-};
 HoverMenuListItem.propTypes = {
   // Nested menu items become submenus
   children: _propTypes.default.node,

package/build/cjs/components/Toolbar/HoverMenuBar/__tests__/HoverMenuBar.spec.js

@@ -105,11 +105,10 @@ describe('<HoverMenuBar/>', () => {
     });
   });
 });
-function createFullMenuBarWrapper() {
-  let {
-    menuItemOnClickSpy,
-    subMenuItemOnClickSpy
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function createFullMenuBarWrapper({
+  menuItemOnClickSpy,
+  subMenuItemOnClickSpy
+} = {}) {
   return (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuDropdown, {
     label: "Menu A"
   }, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuList, null, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuListItem, {

package/build/cjs/components/Toolbar/HoverMenuBar/__tests__/HoverMenuList.spec.js

@@ -1,50 +1,52 @@
 "use strict";
 
+require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
 var _enzyme = require("enzyme");
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 var _index = require("../index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<HoverMenuList/>', () => {
   const dataTest = 'test';
   const childNode = 'children';
   it('renders children', () => {
-    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.HoverMenuList, null, childNode));
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react2.default.createElement(_index.HoverMenuList, null, childNode));
     expect(wrapper.containsMatchingElement(childNode)).toBe(true);
   });
   it('accept a `className` prop', () => {
     const className = 'className';
-    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.HoverMenuList, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react2.default.createElement(_index.HoverMenuList, {
       className: className
     }, childNode));
     expect(wrapper.find('ul')).toHaveClassName(className);
   });
   it('accepts a `dataTest` prop', () => {
-    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.HoverMenuList, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react2.default.createElement(_index.HoverMenuList, {
       dataTest: dataTest
     }, childNode));
     expect(wrapper.find('ul').prop('data-test')).toBe(dataTest);
   });
   it('accept a `dense` prop', () => {
-    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.HoverMenuList, {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_index.HoverMenuList, {
       dense: true
-    }, /*#__PURE__*/_react.default.createElement(_index.HoverMenuListItem, {
+    }, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuListItem, {
       label: "item 1"
-    }), /*#__PURE__*/_react.default.createElement(_index.HoverMenuListItem, {
+    }), /*#__PURE__*/_react2.default.createElement(_index.HoverMenuListItem, {
       label: "item 2"
     })));
-    expect(wrapper.find('li').first()).toHaveClassName('dense');
-    expect(wrapper.find('li').last()).toHaveClassName('dense');
+    expect(_react.screen.getByText('item 1').closest('li')).toHaveClass('dense');
+    expect(_react.screen.getByText('item 2').closest('li')).toHaveClass('dense');
   });
   it('accept a `maxHeight` prop', () => {
     const maxHeight = '100000px';
-    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.HoverMenuList, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react2.default.createElement(_index.HoverMenuList, {
       maxHeight: maxHeight
     }, childNode));
     expect(wrapper.find('style').text()).toContain(`max-height: ${maxHeight}`);
   });
   it('accept a `maxWidth` prop', () => {
     const maxWidth = '100000px';
-    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.HoverMenuList, {
+    const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react2.default.createElement(_index.HoverMenuList, {
       maxWidth: maxWidth
     }, childNode));
     expect(wrapper.find('style').text()).toContain(`max-width: ${maxWidth}`);