@elastic/eui 79.0.0 → 80.0.0

package/test-env/components/context_menu/context_menu.js

@@ -25,7 +25,7 @@ var _horizontal_rule = require("../horizontal_rule");
 var _react2 = require("@emotion/react");
 var _excluded = ["isSeparator", "key"],
   _excluded2 = ["panel", "name", "key", "icon", "onClick", "toolTipTitle", "toolTipContent"],
-  _excluded3 = ["panels", "className", "initialPanelId", "size"];
+  _excluded3 = ["panels", "onPanelChange", "className", "initialPanelId", "size"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -186,12 +186,17 @@ var EuiContextMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "showPanel",
     value: function showPanel(panelId, direction) {
+      var _this$props$onPanelCh, _this$props;
       this.setState({
         outgoingPanelId: this.state.incomingPanelId,
         incomingPanelId: panelId,
         transitionDirection: direction,
         isOutgoingPanelVisible: true
       });
+      (_this$props$onPanelCh = (_this$props = this.props).onPanelChange) === null || _this$props$onPanelCh === void 0 ? void 0 : _this$props$onPanelCh.call(_this$props, {
+        panelId: panelId,
+        direction: direction
+      });
     }
   }, {
     key: "renderItems",
@@ -277,12 +282,13 @@ var EuiContextMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        panels = _this$props.panels,
-        className = _this$props.className,
-        initialPanelId = _this$props.initialPanelId,
-        size = _this$props.size,
-        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded3);
+      var _this$props2 = this.props,
+        panels = _this$props2.panels,
+        onPanelChange = _this$props2.onPanelChange,
+        className = _this$props2.className,
+        initialPanelId = _this$props2.initialPanelId,
+        size = _this$props2.size,
+        rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded3);
       var incomingPanel = this.renderPanel(this.state.incomingPanelId, 'in');
       var outgoingPanel;
       if (this.state.isOutgoingPanelVisible) {
@@ -353,6 +359,11 @@ EuiContextMenu.propTypes = {
        */
     size: _propTypes.default.oneOf(["s", "m"])
   }).isRequired),
+  /**
+       * Optional callback that fires on every panel change. Passes back
+       * the new panel ID and whether its direction was `next` or `previous`.
+       */
+  onPanelChange: _propTypes.default.func,
   initialPanelId: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired]),
   /**
        * Alters the size of the items and the title