@dhis2/analytics 25.2.0 → 25.2.2

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

@@ -1,30 +0,0 @@
-"use strict";
-
-var _enzyme = require("enzyme");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = require("../index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe('<ToolbarSidebar/>', () => {
-  it('renders children', () => {
-    const childNode = 'text node';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.ToolbarSidebar, null, childNode));
-    expect(wrapper.containsMatchingElement(childNode)).toBe(true);
-  });
-  it('accepts a `dataTest` prop', () => {
-    const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.ToolbarSidebar, {
-      dataTest: dataTest
-    }));
-    expect(wrapper.prop('data-test')).toBe(dataTest);
-  });
-  it('accepts a `isHidden` prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.ToolbarSidebar, {
-      isHidden: true
-    }));
-    expect(wrapper.find('div').hasClass('isHidden')).toEqual(true);
-  });
-});

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

@@ -1,44 +0,0 @@
-"use strict";
-
-var _enzyme = require("enzyme");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = require("../index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe('<UpdateButton/>', () => {
-  const noop = () => {};
-
-  it('accepts an `onClick` prop', () => {
-    const onClick = jest.fn();
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.UpdateButton, {
-      onClick: onClick
-    }));
-    wrapper.simulate('click');
-    expect(onClick).toHaveBeenCalledTimes(1);
-  });
-  it('accepts a `dataTest` prop', () => {
-    const dataTest = 'test';
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.UpdateButton, {
-      onClick: noop,
-      dataTest: dataTest
-    }));
-    expect(wrapper.prop('data-test')).toBe(dataTest);
-  });
-  it('accepts a `disabled` prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.UpdateButton, {
-      disabled: true,
-      onClick: noop
-    }));
-    expect(wrapper.find('button').prop('disabled')).toEqual(true);
-  });
-  it('accepts an `loading` prop', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.UpdateButton, {
-      onClick: noop,
-      loading: true
-    }));
-    expect(wrapper.find('CircularLoader')).toHaveLength(1);
-  });
-});

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

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  InterpretationsAndDetailsToggler: true,
-  Toolbar: true,
-  ToolbarSidebar: true,
-  UpdateButton: true
-};
-Object.defineProperty(exports, "InterpretationsAndDetailsToggler", {
-  enumerable: true,
-  get: function () {
-    return _InterpretationsAndDetailsToggler.InterpretationsAndDetailsToggler;
-  }
-});
-Object.defineProperty(exports, "Toolbar", {
-  enumerable: true,
-  get: function () {
-    return _Toolbar.Toolbar;
-  }
-});
-Object.defineProperty(exports, "ToolbarSidebar", {
-  enumerable: true,
-  get: function () {
-    return _ToolbarSidebar.ToolbarSidebar;
-  }
-});
-Object.defineProperty(exports, "UpdateButton", {
-  enumerable: true,
-  get: function () {
-    return _UpdateButton.UpdateButton;
-  }
-});
-
-var _InterpretationsAndDetailsToggler = require("./InterpretationsAndDetailsToggler.js");
-
-var _Toolbar = require("./Toolbar.js");
-
-var _ToolbarSidebar = require("./ToolbarSidebar.js");
-
-var _UpdateButton = require("./UpdateButton.js");
-
-var _index = require("./HoverMenuBar/index.js");
-
-Object.keys(_index).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _index[key];
-    }
-  });
-});

package/build/es/__demo__/Toolbar.stories.js

@@ -1,69 +0,0 @@
-import { storiesOf } from '@storybook/react';
-import React, { useState } from 'react';
-import { HoverMenuBar, HoverMenuDropdown, HoverMenuList, HoverMenuListItem, InterpretationsAndDetailsToggler, Toolbar, ToolbarSidebar, UpdateButton } from '../components/Toolbar/index.js';
-
-function ToolbarWithState() {
-  const [isHidden, setIsHidden] = useState(false);
-  const [isSidebarShowing, setIsSidebarShowing] = useState(false);
-  return /*#__PURE__*/React.createElement(Toolbar, null, /*#__PURE__*/React.createElement(ToolbarSidebar, {
-    isHidden: isHidden
-  }, /*#__PURE__*/React.createElement("span", null, "Toolbar side bar"), /*#__PURE__*/React.createElement("a", {
-    style: {
-      paddingLeft: 12,
-      textDecoration: 'underline',
-      cursor: 'pointer'
-    },
-    onClick: () => setIsHidden(true)
-  }, "click to hide")), /*#__PURE__*/React.createElement(UpdateButton, null), /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(HoverMenuDropdown, {
-    label: "Menu A"
-  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item A.1"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item A.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item A.3"
-  }))), /*#__PURE__*/React.createElement(HoverMenuDropdown, {
-    label: "Menu B"
-  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.1"
-  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.1.1"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.1.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.1.3"
-  })), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.2"
-  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.2.1"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.2.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.2.3"
-  })), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.3",
-    disabled: true
-  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.3.1"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.3.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.3.3"
-  })))), /*#__PURE__*/React.createElement(HoverMenuDropdown, {
-    label: "Menu C",
-    disabled: true
-  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item C.1"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item C.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item C.3"
-  })))), /*#__PURE__*/React.createElement(InterpretationsAndDetailsToggler, {
-    isShowing: isSidebarShowing,
-    onClick: () => setIsSidebarShowing(current => !current)
-  }));
-}
-
-storiesOf('Toolbar', module).add('default', () => {
-  return /*#__PURE__*/React.createElement(ToolbarWithState, null);
-});

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

@@ -1,90 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import PropTypes from 'prop-types';
-import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
-
-const throwErrorIfNotInitialized = () => {
-  throw new Error('`HoverMenubarContext` has not been initialised');
-};
-
-const HoverMenubarContext = /*#__PURE__*/createContext({
-  closeMenu: throwErrorIfNotInitialized,
-  onDropDownButtonClick: throwErrorIfNotInitialized,
-  onDropDownButtonMouseOver: throwErrorIfNotInitialized,
-  setLastHoveredSubMenuEl: throwErrorIfNotInitialized,
-  openedDropdownEl: null
-});
-
-const useHoverMenubarContext = () => useContext(HoverMenubarContext);
-
-const HoverMenuBar = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  const [openedDropdownEl, setOpenedDropdownEl] = useState(null);
-  const [lastHoveredSubMenuEl, setLastHoveredSubMenuEl] = useState(null);
-  const [isInHoverMode, setIsInHoverMode] = useState(false);
-  const closeMenu = useCallback(() => {
-    setIsInHoverMode(false);
-    setOpenedDropdownEl(null);
-  }, []);
-  const onDocumentClick = useCallback(event => {
-    const isClickOnOpenedSubMenuAnchor = lastHoveredSubMenuEl && (lastHoveredSubMenuEl === event.target || lastHoveredSubMenuEl.contains(event.target));
-
-    if (!isClickOnOpenedSubMenuAnchor) {
-      closeMenu();
-    }
-  }, [closeMenu, lastHoveredSubMenuEl]);
-  const onDropDownButtonClick = useCallback(event => {
-    if (!isInHoverMode) {
-      setIsInHoverMode(true);
-      setOpenedDropdownEl(event.currentTarget);
-    } else {
-      closeMenu();
-    }
-  }, [closeMenu, isInHoverMode]);
-  const onDropDownButtonMouseOver = useCallback(event => {
-    if (isInHoverMode) {
-      setOpenedDropdownEl(event.currentTarget);
-    }
-  }, [isInHoverMode]);
-  const closeMenuWithEsc = useCallback(event => {
-    if (event.keyCode === 27) {
-      closeMenu();
-    }
-  }, [closeMenu]);
-  useEffect(() => {
-    if (isInHoverMode) {
-      document.addEventListener('click', onDocumentClick, {
-        once: true
-      });
-    }
-
-    return () => {
-      document.removeEventListener('click', onDocumentClick);
-    };
-  }, [onDocumentClick, isInHoverMode]);
-  return /*#__PURE__*/React.createElement(HoverMenubarContext.Provider, {
-    value: {
-      onDropDownButtonClick,
-      onDropDownButtonMouseOver,
-      openedDropdownEl,
-      setLastHoveredSubMenuEl
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    onKeyDown: closeMenuWithEsc,
-    "data-test": dataTest,
-    className: "jsx-3020154784"
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3020154784"
-  }, [".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;}"])));
-};
-
-HoverMenuBar.defaultProps = {
-  dataTest: 'dhis2-analytics-hovermenubar'
-};
-HoverMenuBar.propTypes = {
-  children: PropTypes.node.isRequired,
-  dataTest: PropTypes.string
-};
-export { HoverMenuBar, useHoverMenubarContext };

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

@@ -1,44 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import { Popper } from '@dhis2-ui/popper';
-import { Portal } from '@dhis2-ui/portal';
-import PropTypes from 'prop-types';
-import React, { useRef } from 'react';
-import menuButtonStyles from '../MenuButton.styles.js';
-import { useHoverMenubarContext } from './HoverMenuBar.js';
-export const HoverMenuDropdown = _ref => {
-  let {
-    children,
-    label,
-    dataTest,
-    disabled
-  } = _ref;
-  const buttonRef = useRef();
-  const {
-    onDropDownButtonClick,
-    onDropDownButtonMouseOver,
-    openedDropdownEl
-  } = useHoverMenubarContext();
-  const isOpen = openedDropdownEl === buttonRef.current;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
-    ref: buttonRef,
-    onClick: onDropDownButtonClick,
-    disabled: disabled,
-    onMouseOver: disabled ? undefined : onDropDownButtonMouseOver,
-    "data-test": dataTest,
-    className: "jsx-".concat(menuButtonStyles.__hash)
-  }, label, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: menuButtonStyles.__hash
-  }, menuButtonStyles)), isOpen && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Popper, {
-    placement: "bottom-start",
-    reference: buttonRef
-  }, children)));
-};
-HoverMenuDropdown.defaultProps = {
-  dataTest: 'dhis2-analytics-hovermenudropdown'
-};
-HoverMenuDropdown.propTypes = {
-  children: PropTypes.node.isRequired,
-  label: PropTypes.node.isRequired,
-  dataTest: PropTypes.string,
-  disabled: PropTypes.bool
-};

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

@@ -1,75 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import { colors, elevations, spacers } from '@dhis2/ui-constants';
-import PropTypes from 'prop-types';
-import React, { createContext, useCallback, useContext, useState } from 'react';
-import { useHoverMenubarContext } from './HoverMenuBar.js';
-
-const throwErrorIfNotInitialized = () => {
-  throw new Error('`HoverMenuListContext` has not been initialised');
-};
-
-const HoverMenuListContext = /*#__PURE__*/createContext({
-  onSubmenuAnchorMouseEnter: throwErrorIfNotInitialized,
-  onMenuItemMouseEnter: throwErrorIfNotInitialized,
-  openedSubMenuEl: null,
-  dense: false
-});
-
-const useHoverMenuListContext = () => useContext(HoverMenuListContext);
-
-const HoverMenuList = _ref => {
-  let {
-    children,
-    className,
-    dataTest,
-    dense,
-    maxHeight,
-    maxWidth
-  } = _ref;
-  const {
-    setLastHoveredSubMenuEl
-  } = useHoverMenubarContext();
-  const [openedSubMenuEl, setOpenedSubMenuEl] = useState(null);
-  const onSubmenuAnchorMouseEnter = useCallback(event => {
-    if (openedSubMenuEl !== event.currentTarget) {
-      setOpenedSubMenuEl(event.currentTarget);
-      setLastHoveredSubMenuEl(event.currentTarget);
-    }
-  }, [openedSubMenuEl, setLastHoveredSubMenuEl]);
-  const onMenuItemMouseEnter = useCallback(() => {
-    setOpenedSubMenuEl(null);
-    setLastHoveredSubMenuEl(null);
-  }, [setLastHoveredSubMenuEl]);
-  return /*#__PURE__*/React.createElement(HoverMenuListContext.Provider, {
-    value: {
-      onSubmenuAnchorMouseEnter,
-      onMenuItemMouseEnter,
-      openedSubMenuEl,
-      dense
-    }
-  }, /*#__PURE__*/React.createElement("ul", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["3026610659", [colors.white, colors.grey200, elevations.e300, dense ? '128' : '180', maxWidth, maxHeight, spacers.dp4]]]) + " " + (className || "")
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3026610659",
-    dynamic: [colors.white, colors.grey200, elevations.e300, dense ? '128' : '180', maxWidth, maxHeight, spacers.dp4]
-  }, ["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:".concat(colors.white, ";border:1px solid ").concat(colors.grey200, ";border-radius:3px;box-shadow:").concat(elevations.e300, ";display:inline-block;min-width:").concat(dense ? '128' : '180', "px;max-width:").concat(maxWidth, ";max-height:").concat(maxHeight, ";padding:").concat(spacers.dp4, " 0;overflow:auto;list-style:none;}")])));
-};
-
-HoverMenuList.defaultProps = {
-  dataTest: 'dhis2-analytics-hovermenulist',
-  maxWidth: '380px',
-  maxHeight: 'auto'
-};
-HoverMenuList.propTypes = {
-  /** Typically `MenuItem`, `MenuDivider`, and `MenuSectionHeader` */
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataTest: PropTypes.string,
-
-  /** Gives all HoverMenuListItem children a dense style */
-  dense: PropTypes.bool,
-  maxHeight: PropTypes.string,
-  maxWidth: PropTypes.string
-};
-export { HoverMenuList, useHoverMenuListContext };

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

@@ -1,78 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import { Popper } from '@dhis2-ui/popper';
-import { Portal } from '@dhis2-ui/portal';
-import { IconChevronRight24 } from '@dhis2/ui-icons';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { useRef } from 'react';
-import { HoverMenuList, useHoverMenuListContext } from './HoverMenuList.js';
-import styles from './HoverMenuListItem.styles.js';
-
-const HoverMenuListItem = _ref => {
-  let {
-    onClick,
-    children,
-    icon,
-    className,
-    destructive,
-    disabled,
-    dataTest,
-    label
-  } = _ref;
-  const ref = useRef();
-  const {
-    onSubmenuAnchorMouseEnter,
-    onMenuItemMouseEnter,
-    openedSubMenuEl,
-    dense
-  } = useHoverMenuListContext();
-  const isSubMenuOpen = openedSubMenuEl === ref.current;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
-    ref: ref,
-    "data-test": dataTest,
-    onClick: !disabled && !children && onClick ? onClick : undefined,
-    onMouseEnter: disabled ? undefined : children ? onSubmenuAnchorMouseEnter : onMenuItemMouseEnter,
-    className: "jsx-".concat(styles.__hash) + " " + (cx(className, {
-      destructive,
-      disabled,
-      dense,
-      active: isSubMenuOpen,
-      'with-chevron': children
-    }) || "")
-  }, icon && /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "icon"
-  }, icon), /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "label"
-  }, label), !!children && /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "chevron"
-  }, /*#__PURE__*/React.createElement(IconChevronRight24, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: styles.__hash
-  }, styles)), children && isSubMenuOpen && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Popper, {
-    placement: "right-start",
-    reference: ref
-  }, /*#__PURE__*/React.createElement(HoverMenuList, {
-    dense: dense
-  }, children))));
-};
-
-HoverMenuListItem.defaultProps = {
-  dataTest: 'dhis2-uicore-hovermenulistitem'
-};
-HoverMenuListItem.propTypes = {
-  // Nested menu items become submenus
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataTest: PropTypes.string,
-  destructive: PropTypes.bool,
-  disabled: PropTypes.bool,
-
-  /** An icon for the left side of the menu item */
-  icon: PropTypes.node,
-
-  /** Text in the menu item */
-  label: PropTypes.node,
-
-  /** Click handler */
-  onClick: PropTypes.func
-};
-export { HoverMenuListItem };

package/build/es/components/Toolbar/HoverMenuBar/HoverMenuListItem.styles.js

@@ -1,4 +0,0 @@
-import { colors, spacers } from '@dhis2/ui-constants';
-const _defaultExport = ["li.jsx-1056713124{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px ".concat(spacers.dp24, ";cursor:pointer;list-style:none;background-color:").concat(colors.white, ";color:").concat(colors.grey900, ";fill:").concat(colors.grey900, ";font-size:14px;line-height:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), "li.jsx-1056713124:hover{background-color:".concat(colors.grey200, ";}"), "li.jsx-1056713124:active,li.active.jsx-1056713124{background-color:".concat(colors.grey300, ";}"), "li.destructive.jsx-1056713124{color:".concat(colors.red700, ";fill:").concat(colors.red600, ";}"), "li.destructive.jsx-1056713124:hover{background-color:".concat(colors.red050, ";}"), "li.destructive.jsx-1056713124:active,li.destructive.active.jsx-1056713124{background-color:".concat(colors.red100, ";}"), "li.disabled.jsx-1056713124{cursor:not-allowed;color:".concat(colors.grey500, ";fill:").concat(colors.grey500, ";}"), "li.disabled.jsx-1056713124:hover{background-color:".concat(colors.white, ";}"), ".label.jsx-1056713124{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:".concat(spacers.dp12, " 0;}"), "li.dense.jsx-1056713124 .label.jsx-1056713124{padding:".concat(spacers.dp8, " 0;}"), ".icon.jsx-1056713124{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;margin-right:".concat(spacers.dp12, ";width:24px;height:24px;}"), ".chevron.jsx-1056713124{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;margin-left:".concat(spacers.dp24, ";}"), "li.dense.jsx-1056713124 .icon.jsx-1056713124{margin-right:".concat(spacers.dp8, ";width:16px;height:16px;}"), "li.jsx-1056713124 .icon.jsx-1056713124>svg{width:24px;height:24px;}", "li.dense.jsx-1056713124 .icon.jsx-1056713124>svg,li.jsx-1056713124 .chevron.jsx-1056713124>svg{width:16px;height:16px;}"];
-_defaultExport.__hash = "1056713124";
-export default _defaultExport;

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

@@ -1,168 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, fireEvent, screen } from '@testing-library/react';
-import { shallow } from 'enzyme';
-import React from 'react';
-import { HoverMenuBar, HoverMenuDropdown, HoverMenuList, HoverMenuListItem } from '../index.js';
-describe('<HoverMenuBar/>', () => {
-  it('renders children', () => {
-    const childNode = 'text node';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(HoverMenuBar, null, childNode));
-    expect(wrapper.containsMatchingElement(childNode)).toBe(true);
-  });
-  it('accepts a `dataTest` prop', () => {
-    const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(HoverMenuBar, {
-      dataTest: dataTest
-    }, "children"));
-    expect(wrapper.find('div').prop('data-test')).toBe(dataTest);
-  });
-  describe('mouse interactions', () => {
-    it('does not open on hover before a dropdown anchor is clicked', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.mouseOver(screen.getByText('Menu A'));
-      await expectMenuItemsInDocument([['Menu item A.1', false], ['Menu item A.2', false], ['Menu item A.3', false]]);
-    });
-    it('does not open when a disabled dropdown anchor is clicked', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.click(screen.getByText('Menu C'));
-      await expectMenuItemsInDocument([['Menu item A.1', false], ['Menu item A.2', false], ['Menu item A.3', false]]);
-    });
-    it('opens menu list when clicked', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.click(screen.getByText('Menu A'));
-      await expectMenuItemsInDocument([['Menu item A.1', true], ['Menu item B.1', false], ['Menu item C.1', false]]);
-    });
-    it('responds to hover once open', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.click(screen.getByText('Menu A'));
-      fireEvent.mouseOver(screen.getByText('Menu B'));
-      await expectMenuItemsInDocument([['Menu item A.1', false], ['Menu item B.1', true], ['Menu item C.1', false]]);
-    });
-    it('does not open disabled dropdown on hover in hover mode', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.click(screen.getByText('Menu B'));
-      fireEvent.mouseOver(screen.getByText('Menu C'));
-      await expectMenuItemsInDocument([['Menu item B.1', true], ['Menu item C.1', false]]);
-    });
-    it('opens submenus when in hover mode', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.click(screen.getByText('Menu B'));
-      fireEvent.mouseOver(screen.getByText('Menu item B.1'));
-      await expectMenuItemsInDocument([['Menu item B.1.1', true], ['Menu item B.1.2', true], ['Menu item B.1.3', true], ['Menu item B.2.1', false], ['Menu item B.2.2', false], ['Menu item B.2.3', false]]);
-      fireEvent.mouseOver(screen.getByText('Menu item B.2'));
-      await expectMenuItemsInDocument([['Menu item B.1.1', false], ['Menu item B.1.2', false], ['Menu item B.1.3', false], ['Menu item B.2.1', true], ['Menu item B.2.2', true], ['Menu item B.2.3', true]]);
-    });
-    it('does not open disabled submenus when in hover mode', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.click(screen.getByText('Menu B'));
-      fireEvent.mouseOver(screen.getByText('Menu item B.2'));
-      await expectMenuItemsInDocument([['Menu item B.2.1', true], ['Menu item B.2.2', true], ['Menu item B.2.3', true], ['Menu item B.3.1', false], ['Menu item B.3.2', false], ['Menu item B.3.3', false]]);
-      fireEvent.mouseOver(screen.getByText('Menu item B.3'));
-      await expectMenuItemsInDocument([['Menu item B.2.1', true], ['Menu item B.2.2', true], ['Menu item B.2.3', true], ['Menu item B.3.1', false], ['Menu item B.3.2', false], ['Menu item B.3.3', false]]);
-    });
-    it('closes when clicking on then document', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.click(screen.getByText('Menu A'));
-      await expectMenuItemsInDocument([['Menu item A.1', true]]);
-      fireEvent.click(document);
-      await expectMenuItemsInDocument([['Menu item A.1', false]]);
-    });
-    it('stays open when clicking a open submenu anchor', async () => {
-      createFullMenuBarWrapper();
-      fireEvent.click(screen.getByText('Menu B'));
-      await expectMenuItemsInDocument([['Menu item B.1', true]]);
-      fireEvent.mouseOver(screen.getByText('Menu item B.1'));
-      await expectMenuItemsInDocument([['Menu item B.1', true], ['Menu item B.1.1', true], ['Menu item B.1.2', true], ['Menu item B.1.3', true]]);
-      fireEvent.click(screen.getByText('Menu item B.1'));
-      await expectMenuItemsInDocument([['Menu item B.1', true], ['Menu item B.1.1', true], ['Menu item B.1.2', true], ['Menu item B.1.3', true]]);
-    });
-    it('calls the onClick of the menu item and closes when clicking a menu item', async () => {
-      const menuItemOnClickSpy = jest.fn();
-      createFullMenuBarWrapper({
-        menuItemOnClickSpy
-      });
-      fireEvent.click(screen.getByText('Menu A'));
-      await expectMenuItemsInDocument([['Menu item A.1', true]]);
-      fireEvent.click(screen.getByText('Menu item A.1'));
-      expect(menuItemOnClickSpy).toHaveBeenCalledTimes(1);
-      await expectMenuItemsInDocument([['Menu item A.1', false]]);
-    });
-    it('calls the onClick of the menu item and closes when clicking a submenu item', async () => {
-      const subMenuItemOnClickSpy = jest.fn();
-      createFullMenuBarWrapper({
-        subMenuItemOnClickSpy
-      });
-      fireEvent.click(screen.getByText('Menu B'));
-      await expectMenuItemsInDocument([['Menu item B.1', true]]);
-      fireEvent.mouseOver(screen.getByText('Menu item B.1'));
-      await expectMenuItemsInDocument([['Menu item B.1.1', true]]);
-      fireEvent.click(screen.getByText('Menu item B.1.1'));
-      expect(subMenuItemOnClickSpy).toHaveBeenCalledTimes(1);
-      await expectMenuItemsInDocument([['Menu item B.1', false], ['Menu item B.1.1', false], ['Menu item B.1.1', false]]);
-    });
-  });
-});
-
-function createFullMenuBarWrapper() {
-  let {
-    menuItemOnClickSpy,
-    subMenuItemOnClickSpy
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return render( /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(HoverMenuDropdown, {
-    label: "Menu A"
-  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item A.1",
-    onClick: menuItemOnClickSpy
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item A.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item A.3"
-  }))), /*#__PURE__*/React.createElement(HoverMenuDropdown, {
-    label: "Menu B"
-  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.1"
-  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.1.1",
-    onClick: subMenuItemOnClickSpy
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.1.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.1.3"
-  })), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.2"
-  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.2.1"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.2.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.2.3"
-  })), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.3",
-    disabled: true
-  }, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.3.1"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.3.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item B.3.3"
-  })))), /*#__PURE__*/React.createElement(HoverMenuDropdown, {
-    label: "Menu C",
-    disabled: true
-  }, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item C.1"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item C.2"
-  }), /*#__PURE__*/React.createElement(HoverMenuListItem, {
-    label: "Menu item C.3"
-  })))));
-}
-
-async function expectMenuItemsInDocument(items) {
-  for (const [text, inDocument] of items) {
-    if (inDocument) {
-      expect(await screen.findByText(text)).toBeInTheDocument();
-    } else {
-      expect(screen.queryByText(text)).not.toBeInTheDocument();
-    }
-  }
-}