@decisiv/ui-components 2.0.1-alpha.194 → 2.0.1-alpha.196

package/lib/components/JumpTo/JumpToMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JumpToMenu.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/JumpToMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAa9E,OAAO,EAAc,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiH7D,QAAA,MAAM,iBAAiB,+EAAyB,CAAC;AAKjD,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"JumpToMenu.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/JumpToMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAcf,OAAO,EAAc,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA4J7D,QAAA,MAAM,iBAAiB,+EAAyB,CAAC;AAKjD,eAAe,iBAAiB,CAAC"}

package/lib/components/JumpTo/JumpToMenu.js

@@ -15,6 +15,8 @@ var _focusWithoutScrolling = _interopRequireDefault(require("../../utils/focusWi
 
 var _useTranslations = _interopRequireDefault(require("../../utils/useTranslations"));
 
+var _useDebounce = _interopRequireDefault(require("../../utils/useDebounce"));
+
 var _Button = _interopRequireDefault(require("../Button"));
 
 var _Menu = _interopRequireDefault(require("../Menu"));
@@ -55,20 +57,30 @@ function JumpToMenu(props, forwardedRef) {
       globalOffset = props.offset,
       onKeyDown = props.onKeyDown,
       zIndex = props.zIndex,
-      rest = _objectWithoutProperties(props, ["items", "label", "offset", "onKeyDown", "zIndex"]);
+      _props$openOnMouseHov = props.openOnMouseHover,
+      openOnMouseHover = _props$openOnMouseHov === void 0 ? false : _props$openOnMouseHov,
+      rest = _objectWithoutProperties(props, ["items", "label", "offset", "onKeyDown", "zIndex", "openOnMouseHover"]);
 
   var translate = (0, _useTranslations.default)();
   var itemSelected = (0, _react.useRef)(false);
 
-  var _useState = (0, _react.useState)({
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isPopoverVisible = _useState2[0],
+      setIsPopoverVisible = _useState2[1];
+
+  var debouncedVisible = (0, _useDebounce.default)(isPopoverVisible, 200);
+
+  var _useState3 = (0, _react.useState)({
     hide: function hide() {},
     isVisible: false,
     show: function show() {},
-    toggle: function toggle() {}
+    toggle: function toggle() {},
+    contentNode: null
   }),
-      _useState2 = _slicedToArray(_useState, 2),
-      popover = _useState2[0],
-      setPopover = _useState2[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      popover = _useState4[0],
+      setPopover = _useState4[1];
 
   var buttonRef = (0, _react.useRef)(null);
   var popoverRef = (0, _react.useCallback)(setPopover, [popover]);
@@ -102,6 +114,7 @@ function JumpToMenu(props, forwardedRef) {
         selector = _ref2.selector;
     itemSelected.current = true;
     popover.hide();
+    setIsPopoverVisible(false);
     selector && (0, _utils.jumpToSelector)(selector, globalOffset, itemOffset);
   };
 
@@ -111,6 +124,29 @@ function JumpToMenu(props, forwardedRef) {
   var onHide = (0, _react.useCallback)(function () {
     itemSelected && !itemSelected.current && buttonRef && buttonRef.current && (0, _focusWithoutScrolling.default)(buttonRef.current);
   }, []);
+  var handleMouseEnter = (0, _react.useCallback)(function () {
+    setIsPopoverVisible(true);
+
+    if (popover && popover.contentNode) {
+      (0, _focusWithoutScrolling.default)(popover.contentNode);
+    }
+  }, [openOnMouseHover, popover, popover && popover.contentNode]);
+  var handleMouseLeave = (0, _react.useCallback)(function () {
+    setIsPopoverVisible(false);
+  }, [openOnMouseHover, popover]);
+  var handleMouseEnterButton = (0, _react.useCallback)(function () {
+    if (openOnMouseHover) {
+      buttonRef && buttonRef.current && (0, _focusWithoutScrolling.default)(buttonRef.current);
+      setIsPopoverVisible(true);
+
+      if (popover && popover.contentNode) {
+        (0, _focusWithoutScrolling.default)(popover.contentNode);
+      }
+    }
+  }, [openOnMouseHover, buttonRef, popover && popover.contentNode]);
+  (0, _react.useEffect)(function () {
+    if (!debouncedVisible) itemSelected.current = false;
+  }, [debouncedVisible, itemSelected.current]);
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Button.default, _extends({
     icon: popover.isVisible ? _ChevronUp.default : _ChevronDown.default,
     iconPosition: "right",
@@ -119,16 +155,21 @@ function JumpToMenu(props, forwardedRef) {
     ref: buttonRef,
     size: "small",
     text: translate(label, 'jumpTo.menuLabel'),
-    variant: "ghost"
+    variant: "ghost",
+    onMouseEnter: handleMouseEnterButton,
+    onMouseLeave: handleMouseLeave
   }, popover.ariaAttributes)), _react.default.createElement(_Popover.default, {
     contentRole: "menu",
-    manageEvents: false,
+    manageEvents: openOnMouseHover ? 'click' : false,
     onRequestHide: onRequestHide,
     ref: popoverRef,
     target: buttonRef,
     zIndex: zIndex,
     onShow: onShow,
-    onHide: onHide
+    onHide: onHide,
+    visible: openOnMouseHover ? debouncedVisible && !itemSelected.current : undefined,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
   }, _react.default.createElement(_Menu.default, _extends({
     items: menuItems,
     onSelectItem: onSelectItem,

package/lib/components/JumpTo/index.test.js

@@ -124,4 +124,88 @@ describe('JumpTo', function () {
       expect(container.children[0].childElementCount).toEqual(0);
     });
   });
+  describe('with openOnMouseHover', function () {
+    it('renders list on hover', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var label, items, _renderJumpTo4, baseElement, getByText;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              label = 'TEST LABEL';
+              items = [{
+                label: 'First Item',
+                selector: '#item-1'
+              }, {
+                label: 'Second Item',
+                selector: '#item-2'
+              }];
+              _renderJumpTo4 = renderJumpTo({
+                label: label,
+                items: items,
+                openOnMouseHover: true,
+                variant: 'menu'
+              }), baseElement = _renderJumpTo4.baseElement, getByText = _renderJumpTo4.getByText;
+              (0, _react2.act)(function () {
+                _react2.fireEvent.mouseEnter(getByText(label));
+              });
+              _context2.next = 6;
+              return (0, _react2.waitForElement)(function () {
+                return getByText(items[0].label);
+              });
+
+            case 6:
+              expect(baseElement).toMatchSnapshot();
+
+            case 7:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    it('closes popover after selecting an item', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      var label, items, _renderJumpTo5, baseElement, getByText, queryByText;
+
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              label = 'TEST LABEL';
+              items = [{
+                label: 'First Item',
+                selector: '#item-1'
+              }, {
+                label: 'Second Item',
+                selector: '#item-2'
+              }];
+              _renderJumpTo5 = renderJumpTo({
+                label: label,
+                items: items,
+                openOnMouseHover: true,
+                variant: 'menu'
+              }), baseElement = _renderJumpTo5.baseElement, getByText = _renderJumpTo5.getByText, queryByText = _renderJumpTo5.queryByText;
+              (0, _react2.act)(function () {
+                _react2.fireEvent.mouseEnter(getByText(label));
+              });
+              _context3.next = 6;
+              return (0, _react2.waitForElement)(function () {
+                return getByText(items[0].label);
+              });
+
+            case 6:
+              (0, _react2.act)(function () {
+                _react2.fireEvent.click(getByText(items[0].label));
+              });
+              expect(queryByText(items[0].label)).toBeNull();
+              expect(baseElement).toMatchSnapshot();
+
+            case 9:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    })));
+  });
 });

package/lib/components/JumpTo/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAkCnD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAuCnD,eAAe,MAAM,CAAC"}

package/lib/components/JumpTo/schema.js

@@ -20,7 +20,8 @@ schema.propTypes = {
   label: _reactDesc.PropTypes.string.description('An optional string that sets the label for the component. You can also set the label using the translations object set in context.').defaultValue('Jump To:'),
   offset: _reactDesc.PropTypes.number.description('A distance to offset the jump to target for _all_ selectors. Can be overridden when declaring jump to items.'),
   variant: _reactDesc.PropTypes.oneOf(['menu']).description("Selects a specific variation for display. If set to 'menu', the Jump To will display as a drop-down menu. If not set, will display using the standard horizontal layout."),
-  zIndex: _reactDesc.PropTypes.number.description('For the nav variant, sets the z-index of the `<nav>` element. For the menu variant, sets the z-index of the Popover containing the menu items.')
+  zIndex: _reactDesc.PropTypes.number.description('For the nav variant, sets the z-index of the `<nav>` element. For the menu variant, sets the z-index of the Popover containing the menu items.'),
+  openOnMouseHover: _reactDesc.PropTypes.bool.description('For the menu variant, if true, the menu will open on mouse hover. If false, the menu will open on mouse click.').defaultValue(false)
 };
 var _default = schema;
 exports.default = _default;

package/lib/components/JumpTo/types.d.ts

@@ -12,5 +12,6 @@ export interface JumpToProps extends React.HTMLAttributes<HTMLElement> {
     offset?: number;
     variant?: 'menu';
     zIndex?: number;
+    openOnMouseHover?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/components/JumpTo/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,oBAAY,SAAS,GAAG,cAAc,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,oBAAY,SAAS,GAAG,cAAc,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/lib/components/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAUN,MAAM,OAAO,CAAC;AAWf,OAAc,EAAE,WAAW,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EACL,UAAU,IAAI,cAAc,EAC5B,WAAW,IAAI,eAAe,EAE9B,SAAS,IAAI,aAAa,EAC1B,YAAY,IAAI,SAAS,EACzB,MAAM,IAAI,aAAa,EACvB,cAAc,IAAI,kBAAkB,EACpC,mBAAmB,IAAI,uBAAuB,EAE/C,MAAM,SAAS,CAAC;AAGjB,oBAAY,UAAU,GAAG,cAAc,CAAC;AACxC,oBAAY,WAAW,GAAG,eAAe,CAAC;AAC1C,oBAAY,WAAW,GAAG,eAAe,CAAC;AAC1C,oBAAY,SAAS,GAAG,aAAa,CAAC;AACtC,oBAAY,YAAY,GAAG,SAAS,CAAC;AACrC,oBAAY,MAAM,GAAG,aAAa,CAAC;AACnC,oBAAY,cAAc,GAAG,kBAAkB,CAAC;AAChD,oBAAY,mBAAmB,GAAG,uBAAuB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AA+PnC,QAAA,MAAM,cAAc,mFAAsB,CAAC;AAkD3C,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAUN,MAAM,OAAO,CAAC;AAWf,OAAc,EAAE,WAAW,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EACL,UAAU,IAAI,cAAc,EAC5B,WAAW,IAAI,eAAe,EAE9B,SAAS,IAAI,aAAa,EAC1B,YAAY,IAAI,SAAS,EACzB,MAAM,IAAI,aAAa,EACvB,cAAc,IAAI,kBAAkB,EACpC,mBAAmB,IAAI,uBAAuB,EAE/C,MAAM,SAAS,CAAC;AAGjB,oBAAY,UAAU,GAAG,cAAc,CAAC;AACxC,oBAAY,WAAW,GAAG,eAAe,CAAC;AAC1C,oBAAY,WAAW,GAAG,eAAe,CAAC;AAC1C,oBAAY,SAAS,GAAG,aAAa,CAAC;AACtC,oBAAY,YAAY,GAAG,SAAS,CAAC;AACrC,oBAAY,MAAM,GAAG,aAAa,CAAC;AACnC,oBAAY,cAAc,GAAG,kBAAkB,CAAC;AAChD,oBAAY,mBAAmB,GAAG,uBAAuB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AAyQnC,QAAA,MAAM,cAAc,mFAAsB,CAAC;AAkD3C,eAAe,cAAc,CAAC"}

package/lib/components/Popover/index.js

@@ -199,9 +199,10 @@ var Popover = function Popover(props, instanceRef) {
       isVisible: isVisible,
       show: show,
       toggle: toggle,
-      targetNode: targetNode
+      targetNode: targetNode,
+      contentNode: contentRef.current
     });
-  }, [instanceRef, ariaAttributes, hide, isVisible, show, toggle, targetNode]); // React to changes to the `visible` prop if we are a controlled component
+  }, [instanceRef, ariaAttributes, hide, isVisible, show, toggle, targetNode, contentRef && contentRef.current]); // React to changes to the `visible` prop if we are a controlled component
 
   (0, _react.useEffect)(function () {
     return setIsVisible(visible !== undefined ? visible : isVisible);

package/lib/components/Popover/types.d.ts

@@ -1,5 +1,5 @@
 import { BorderRadiusProperty } from 'csstype';
-import { AriaAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { AriaAttributes, HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
 import { RefHandler } from 'react-popper';
 import { CommonUIColorKeys } from '../../utils/commonUIColors';
 import { placements } from './constants';
@@ -18,6 +18,7 @@ export interface InstanceRef {
     toggle: VisibilityAction;
     isVisible: boolean;
     targetNode?: HTMLElement | null;
+    contentNode?: HTMLDivElement | null;
 }
 export interface TargetRendererProps {
     ref: RefHandler;
@@ -41,7 +42,7 @@ interface ChildrenRendererProps {
 export declare type ChildrenRenderer = (props: ChildrenRendererProps) => ReactNode;
 export declare type Children = ReactNode | ChildrenRenderer;
 export declare type ArrowColor = 'charcoal' | CommonUIColorKeys;
-export interface PopoverProps {
+export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
     alwaysRender?: boolean;
     arrowColor?: ArrowColor;
     borderRadius?: BorderRadiusProperty<string>;

package/lib/components/Popover/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/types.ts"],"names":[],"mappings":"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"}

package/lib/utils/useDebounce.d.ts

@@ -0,0 +1,2 @@
+export default function useDebounce<T>(value: T, delay: number): T;
+//# sourceMappingURL=useDebounce.d.ts.map

package/lib/utils/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/utils/useDebounce.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAc7D"}

package/lib/utils/useDebounce.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDebounce;
+
+var _react = require("react");
+
+var _useUpdateEffect = _interopRequireDefault(require("./useUpdateEffect"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function useDebounce(value, delay) {
+  var _useState = (0, _react.useState)(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      debouncedValue = _useState2[0],
+      setDebouncedValue = _useState2[1];
+
+  (0, _useUpdateEffect.default)(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(value);
+    }, delay);
+    return function () {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.194+085deec",
+  "version": "2.0.1-alpha.196+9518bb9",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "085deecc96e864d01b06301914036b4208c5ddd9"
+  "gitHead": "9518bb958af5cb4a795b7feddcaf1695d75ac8ba"
 }