@deephaven/components 0.5.2-beta.0 → 0.6.1-demo.10

package/dist/context-actions/ContextActions.js

@@ -1,25 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /**
@@ -27,8 +5,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  */
 import React, { Component } from 'react';
 import Log from '@deephaven/log';
-import ContextActionUtils from './ContextActionUtils';
-import GlobalContextActions from './GlobalContextActions';
+import ContextActionUtils from "./ContextActionUtils.js";
+import GlobalContextActions from "./GlobalContextActions.js";
 import "./ContextActions.css";
 var log = Log.module('ContextActions');
 
@@ -58,195 +36,175 @@ var log = Log.module('ContextActions');
  * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.
  * You should generally have a ContextMenuRoot on the root node of your document.
  */
-var ContextActions = /*#__PURE__*/function (_Component) {
-  _inherits(ContextActions, _Component);
-
-  var _super = _createSuper(ContextActions);
-
-  function ContextActions(props) {
-    var _this;
+class ContextActions extends Component {
+  /**
+   * Group you can assign to context menu actions to group them together.
+   * Lower group IDs appear at the top of the list.
+   * Groups are separated by a separator item.
+   * Items within groups are ordered by their order property, then by their title.
+   */
+  static triggerMenu(element, clientX, clientY, actions) {
+    if (!element || !clientX || !clientY || !actions) {
+      return;
+    }
 
-    _classCallCheck(this, ContextActions);
+    var mouseEvent = new MouseEvent('contextmenu', {
+      clientX,
+      clientY,
+      bubbles: true,
+      cancelable: true
+    });
+    mouseEvent.contextActions = actions;
+    element.dispatchEvent(mouseEvent);
+  }
 
-    _this = _super.call(this, props);
+  constructor(props) {
+    super(props);
 
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
+    _defineProperty(this, "container", void 0);
 
-    _this.handleContextMenu = _this.handleContextMenu.bind(_assertThisInitialized(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
-    _this.container = /*#__PURE__*/React.createRef();
-    _this.state = {
+    this.handleContextMenu = this.handleContextMenu.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.container = /*#__PURE__*/React.createRef();
+    this.state = {
       globalActions: [],
       keyboardActions: []
     };
-    return _this;
   }
 
-  _createClass(ContextActions, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$container$curre;
+  static getDerivedStateFromProps(props) {
+    if (!props.actions || !Array.isArray(props.actions)) {
+      return {
+        globalActions: [],
+        keyboardActions: []
+      };
+    }
 
-      if ((_this$container$curre = this.container.current) !== null && _this$container$curre !== void 0 && _this$container$curre.parentElement) {
-        this.container.current.parentElement.addEventListener('contextmenu', this.handleContextMenu);
-        this.container.current.parentElement.addEventListener('keydown', this.handleKeyDown);
-      }
+    var globalActions = props.actions.filter(action => action.isGlobal);
+    var keyboardActions = props.actions.filter(action => !action.isGlobal && action.shortcut != null);
+    return {
+      globalActions,
+      keyboardActions
+    };
+  }
+
+  componentDidMount() {
+    var _this$container$curre;
+
+    if ((_this$container$curre = this.container.current) !== null && _this$container$curre !== void 0 && _this$container$curre.parentElement) {
+      this.container.current.parentElement.addEventListener('contextmenu', this.handleContextMenu);
+      this.container.current.parentElement.addEventListener('keydown', this.handleKeyDown);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$container$curre2;
-
-      if ((_this$container$curre2 = this.container.current) !== null && _this$container$curre2 !== void 0 && _this$container$curre2.parentElement) {
-        this.container.current.parentElement.removeEventListener('contextmenu', this.handleContextMenu);
-        this.container.current.parentElement.removeEventListener('keydown', this.handleKeyDown);
-      }
+  }
+
+  componentWillUnmount() {
+    var _this$container$curre2;
+
+    if ((_this$container$curre2 = this.container.current) !== null && _this$container$curre2 !== void 0 && _this$container$curre2.parentElement) {
+      this.container.current.parentElement.removeEventListener('contextmenu', this.handleContextMenu);
+      this.container.current.parentElement.removeEventListener('keydown', this.handleKeyDown);
     }
-  }, {
-    key: "handleContextMenu",
-    value: function handleContextMenu(e) {
-      var _this$props$ignoreCla = this.props.ignoreClassNames,
-          ignoreClassNames = _this$props$ignoreCla === void 0 ? [] : _this$props$ignoreCla;
-
-      if (ignoreClassNames.length > 0) {
-        var el = e.target;
-
-        var _loop = function _loop() {
-          var _el = el,
-              classList = _el.classList;
-          var ignoredClassName = ignoreClassNames.find(function (className) {
-            return classList.contains(className);
-          });
-
-          if (ignoredClassName !== undefined) {
-            log.debug2("Contextmenu event ignored based on the target className \"".concat(ignoredClassName, "\""));
-            return {
-              v: void 0
-            };
-          }
-
-          el = el.parentElement;
-        };
-
-        while (el != null) {
-          var _ret = _loop();
-
-          if (_typeof(_ret) === "object") return _ret.v;
+  }
+
+  handleContextMenu(e) {
+    var {
+      ignoreClassNames = []
+    } = this.props;
+
+    if (ignoreClassNames.length > 0) {
+      var el = e.target;
+
+      var _loop = function _loop() {
+        var {
+          classList
+        } = el;
+        var ignoredClassName = ignoreClassNames.find(className => classList.contains(className));
+
+        if (ignoredClassName !== undefined) {
+          log.debug2("Contextmenu event ignored based on the target className \"".concat(ignoredClassName, "\""));
+          return {
+            v: void 0
+          };
         }
-      }
 
-      if (!ContextActionUtils.isContextActionEvent(e)) {
-        e.contextActions = [];
-      }
+        el = el.parentElement;
+      };
+
+      while (el != null) {
+        var _ret = _loop();
 
-      if (!ContextActionUtils.isContextActionEvent(e)) {
-        return;
+        if (typeof _ret === "object") return _ret.v;
       }
+    }
+
+    if (!ContextActionUtils.isContextActionEvent(e)) {
+      e.contextActions = [];
+    }
 
-      var actions = this.props.actions;
+    if (!ContextActionUtils.isContextActionEvent(e)) {
+      return;
+    }
 
-      if (actions) {
-        var contextActions = actions;
+    var {
+      actions
+    } = this.props;
 
-        if (Array.isArray(contextActions)) {
-          contextActions = contextActions.filter(function (action) {
-            return !action.isGlobal;
-          });
-        }
+    if (actions) {
+      var contextActions = actions;
 
-        e.contextActions = e.contextActions.concat(contextActions);
+      if (Array.isArray(contextActions)) {
+        contextActions = contextActions.filter(action => !action.isGlobal);
       }
 
-      log.debug('Received context menu event! Menu items are now: ', e.contextActions);
+      e.contextActions = e.contextActions.concat(contextActions);
     }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown(e) {
-      var keyboardActions = this.state.keyboardActions;
 
-      for (var i = 0; i < keyboardActions.length; i += 1) {
-        var _keyboardAction$short;
+    log.debug('Received context menu event! Menu items are now: ', e.contextActions);
+  }
 
-        var keyboardAction = keyboardActions[i];
+  handleKeyDown(e) {
+    var {
+      keyboardActions
+    } = this.state;
 
-        if (!ContextActionUtils.actionsDisabled && (_keyboardAction$short = keyboardAction.shortcut) !== null && _keyboardAction$short !== void 0 && _keyboardAction$short.matchesEvent(e)) {
-          var _keyboardAction$actio;
+    for (var i = 0; i < keyboardActions.length; i += 1) {
+      var _keyboardAction$short;
 
-          log.debug('Context hotkey matched!', e);
-          var result = (_keyboardAction$actio = keyboardAction.action) === null || _keyboardAction$actio === void 0 ? void 0 : _keyboardAction$actio.call(keyboardAction, e);
+      var keyboardAction = keyboardActions[i];
 
-          if (result || result === undefined) {
-            e.stopPropagation();
-            e.preventDefault();
-            return;
-          }
+      if (!ContextActionUtils.actionsDisabled && (_keyboardAction$short = keyboardAction.shortcut) !== null && _keyboardAction$short !== void 0 && _keyboardAction$short.matchesEvent(e)) {
+        var _keyboardAction$actio;
 
-          log.debug2('Matched hotkey returned false, key event not consumed');
+        log.debug('Context hotkey matched!', e);
+        var result = (_keyboardAction$actio = keyboardAction.action) === null || _keyboardAction$actio === void 0 ? void 0 : _keyboardAction$actio.call(keyboardAction, e);
+
+        if (result || result === undefined) {
+          e.stopPropagation();
+          e.preventDefault();
+          return;
         }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var globalActions = this.state.globalActions;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "context-actions-listener",
-        ref: this.container
-      }, /*#__PURE__*/React.createElement(GlobalContextActions, {
-        actions: globalActions
-      }));
-    }
-  }], [{
-    key: "triggerMenu",
-    value:
-    /**
-     * Group you can assign to context menu actions to group them together.
-     * Lower group IDs appear at the top of the list.
-     * Groups are separated by a separator item.
-     * Items within groups are ordered by their order property, then by their title.
-     */
-    function triggerMenu(element, clientX, clientY, actions) {
-      if (!element || !clientX || !clientY || !actions) {
-        return;
-      }
 
-      var mouseEvent = new MouseEvent('contextmenu', {
-        clientX: clientX,
-        clientY: clientY,
-        bubbles: true,
-        cancelable: true
-      });
-      mouseEvent.contextActions = actions;
-      element.dispatchEvent(mouseEvent);
-    }
-  }, {
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props) {
-      if (!props.actions || !Array.isArray(props.actions)) {
-        return {
-          globalActions: [],
-          keyboardActions: []
-        };
+        log.debug2('Matched hotkey returned false, key event not consumed');
       }
-
-      var globalActions = props.actions.filter(function (action) {
-        return action.isGlobal;
-      });
-      var keyboardActions = props.actions.filter(function (action) {
-        return !action.isGlobal && action.shortcut != null;
-      });
-      return {
-        globalActions: globalActions,
-        keyboardActions: keyboardActions
-      };
     }
-  }]);
+  }
+
+  render() {
+    var {
+      globalActions
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "context-actions-listener",
+      ref: this.container
+    }, /*#__PURE__*/React.createElement(GlobalContextActions, {
+      actions: globalActions
+    }));
+  }
 
-  return ContextActions;
-}(Component);
+}
 
 _defineProperty(ContextActions, "groups", {
-  "default": null,
+  default: null,
   high: 100,
   medium: 5000,
   low: 10000,

package/dist/context-actions/ContextActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context-actions/ContextActions.tsx"],"names":["React","Component","Log","ContextActionUtils","GlobalContextActions","log","module","ContextActions","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","current","parentElement","addEventListener","removeEventListener","e","ignoreClassNames","length","el","target","classList","ignoredClassName","find","className","contains","undefined","debug2","isContextActionEvent","contextActions","actions","Array","isArray","filter","action","isGlobal","concat","debug","i","keyboardAction","actionsDisabled","shortcut","matchesEvent","result","stopPropagation","preventDefault","element","clientX","clientY","mouseEvent","MouseEvent","bubbles","cancelable","dispatchEvent","high","medium","low","global","edit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;AAEA,OAAOC,oBAAP,MAAiC,wBAAjC;AACA;AAEA,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAJ,CAAW,gBAAX,CAAZ;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACMC,c;;;;;AA4CJ,0BAAYC,KAAZ,EAAwC;AAAA;;AAAA;;AACtC,8BAAMA,KAAN;;AADsC;;AAGtC,UAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,+BAAzB;AACA,UAAKC,aAAL,GAAqB,MAAKA,aAAL,CAAmBD,IAAnB,+BAArB;AAEA,UAAKE,SAAL,gBAAiBZ,KAAK,CAACa,SAAN,EAAjB;AAEA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,aAAa,EAAE,EAAjB;AAAqBC,MAAAA,eAAe,EAAE;AAAtC,KAAb;AARsC;AASvC;;;;WAgBD,6BAA0B;AAAA;;AACxB,mCAAI,KAAKJ,SAAL,CAAeK,OAAnB,kDAAI,sBAAwBC,aAA5B,EAA2C;AACzC,aAAKN,SAAL,CAAeK,OAAf,CAAuBC,aAAvB,CAAqCC,gBAArC,CACE,aADF,EAEE,KAAKV,iBAFP;AAIA,aAAKG,SAAL,CAAeK,OAAf,CAAuBC,aAAvB,CAAqCC,gBAArC,CACE,SADF,EAEE,KAAKR,aAFP;AAID;AACF;;;WAED,gCAA6B;AAAA;;AAC3B,oCAAI,KAAKC,SAAL,CAAeK,OAAnB,mDAAI,uBAAwBC,aAA5B,EAA2C;AACzC,aAAKN,SAAL,CAAeK,OAAf,CAAuBC,aAAvB,CAAqCE,mBAArC,CACE,aADF,EAEE,KAAKX,iBAFP;AAIA,aAAKG,SAAL,CAAeK,OAAf,CAAuBC,aAAvB,CAAqCE,mBAArC,CACE,SADF,EAEE,KAAKT,aAFP;AAID;AACF;;;WAID,2BAAkBU,CAAlB,EAAuC;AACrC,kCAAkC,KAAKb,KAAvC,CAAQc,gBAAR;AAAA,UAAQA,gBAAR,sCAA2B,EAA3B;;AACA,UAAIA,gBAAgB,CAACC,MAAjB,GAA0B,CAA9B,EAAiC;AAC/B,YAAIC,EAAE,GAAGH,CAAC,CAACI,MAAX;;AAD+B;AAG7B,oBAAsBD,EAAtB;AAAA,cAAQE,SAAR,OAAQA,SAAR;AACA,cAAMC,gBAAgB,GAAGL,gBAAgB,CAACM,IAAjB,CAAsB,UAAAC,SAAS;AAAA,mBACtDH,SAAS,CAACI,QAAV,CAAmBD,SAAnB,CADsD;AAAA,WAA/B,CAAzB;;AAGA,cAAIF,gBAAgB,KAAKI,SAAzB,EAAoC;AAClC1B,YAAAA,GAAG,CAAC2B,MAAJ,qEAC8DL,gBAD9D;AAGA;AAAA;AAAA;AACD;;AACDH,UAAAA,EAAE,GAAGA,EAAE,CAACN,aAAR;AAb6B;;AAE/B,eAAOM,EAAE,IAAI,IAAb,EAAmB;AAAA;;AAAA;AAYlB;AACF;;AACD,UAAI,CAACrB,kBAAkB,CAAC8B,oBAAnB,CAAwCZ,CAAxC,CAAL,EAAiD;AAC9CA,QAAAA,CAAD,CAA0Ba,cAA1B,GAA2C,EAA3C;AACD;;AAED,UAAI,CAAC/B,kBAAkB,CAAC8B,oBAAnB,CAAwCZ,CAAxC,CAAL,EAAiD;AAC/C;AACD;;AAED,UAAQc,OAAR,GAAoB,KAAK3B,KAAzB,CAAQ2B,OAAR;;AACA,UAAIA,OAAJ,EAAa;AACX,YAAID,cAAc,GAAGC,OAArB;;AACA,YAAIC,KAAK,CAACC,OAAN,CAAcH,cAAd,CAAJ,EAAmC;AACjCA,UAAAA,cAAc,GAAGA,cAAc,CAACI,MAAf,CAAsB,UAAAC,MAAM;AAAA,mBAAI,CAACA,MAAM,CAACC,QAAZ;AAAA,WAA5B,CAAjB;AACD;;AAEDnB,QAAAA,CAAC,CAACa,cAAF,GAAmBb,CAAC,CAACa,cAAF,CAAiBO,MAAjB,CAAwBP,cAAxB,CAAnB;AACD;;AAED7B,MAAAA,GAAG,CAACqC,KAAJ,CACE,mDADF,EAEErB,CAAC,CAACa,cAFJ;AAID;;;WAED,uBAAcb,CAAd,EAAsC;AACpC,UAAQL,eAAR,GAA4B,KAAKF,KAAjC,CAAQE,eAAR;;AACA,WAAK,IAAI2B,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG3B,eAAe,CAACO,MAApC,EAA4CoB,CAAC,IAAI,CAAjD,EAAoD;AAAA;;AAClD,YAAMC,cAAc,GAAG5B,eAAe,CAAC2B,CAAD,CAAtC;;AACA,YACE,CAACxC,kBAAkB,CAAC0C,eAApB,6BACAD,cAAc,CAACE,QADf,kDACA,sBAAyBC,YAAzB,CAAsC1B,CAAtC,CAFF,EAGE;AAAA;;AACAhB,UAAAA,GAAG,CAACqC,KAAJ,CAAU,yBAAV,EAAqCrB,CAArC;AAEA,cAAM2B,MAAM,4BAAGJ,cAAc,CAACL,MAAlB,0DAAG,2BAAAK,cAAc,EAAUvB,CAAV,CAA7B;;AAEA,cAAI2B,MAAM,IAAIA,MAAM,KAAKjB,SAAzB,EAAoC;AAClCV,YAAAA,CAAC,CAAC4B,eAAF;AACA5B,YAAAA,CAAC,CAAC6B,cAAF;AACA;AACD;;AAED7C,UAAAA,GAAG,CAAC2B,MAAJ,CAAW,uDAAX;AACD;AACF;AACF;;;WAED,kBAAsB;AACpB,UAAQjB,aAAR,GAA0B,KAAKD,KAA/B,CAAQC,aAAR;AACA,0BACE;AAAK,QAAA,SAAS,EAAC,0BAAf;AAA0C,QAAA,GAAG,EAAE,KAAKH;AAApD,sBACE,oBAAC,oBAAD;AAAsB,QAAA,OAAO,EAAEG;AAA/B,QADF,CADF;AAKD;;;;AArKD;AACF;AACA;AACA;AACA;AACA;AAWE,yBACEoC,OADF,EAEEC,OAFF,EAGEC,OAHF,EAIElB,OAJF,EAKQ;AACN,UAAI,CAACgB,OAAD,IAAY,CAACC,OAAb,IAAwB,CAACC,OAAzB,IAAoC,CAAClB,OAAzC,EAAkD;AAChD;AACD;;AAED,UAAMmB,UAAuC,GAAG,IAAIC,UAAJ,CAC9C,aAD8C,EAE9C;AACEH,QAAAA,OAAO,EAAPA,OADF;AAEEC,QAAAA,OAAO,EAAPA,OAFF;AAGEG,QAAAA,OAAO,EAAE,IAHX;AAIEC,QAAAA,UAAU,EAAE;AAJd,OAF8C,CAAhD;AASAH,MAAAA,UAAU,CAACpB,cAAX,GAA4BC,OAA5B;AAEAgB,MAAAA,OAAO,CAACO,aAAR,CAAsBJ,UAAtB;AACD;;;WAaD,kCACE9C,KADF,EAEuB;AACrB,UAAI,CAACA,KAAK,CAAC2B,OAAP,IAAkB,CAACC,KAAK,CAACC,OAAN,CAAc7B,KAAK,CAAC2B,OAApB,CAAvB,EAAqD;AACnD,eAAO;AAAEpB,UAAAA,aAAa,EAAE,EAAjB;AAAqBC,UAAAA,eAAe,EAAE;AAAtC,SAAP;AACD;;AACD,UAAMD,aAAa,GAAGP,KAAK,CAAC2B,OAAN,CAAcG,MAAd,CAAqB,UAAAC,MAAM;AAAA,eAAIA,MAAM,CAACC,QAAX;AAAA,OAA3B,CAAtB;AACA,UAAMxB,eAAe,GAAGR,KAAK,CAAC2B,OAAN,CAAcG,MAAd,CACtB,UAAAC,MAAM;AAAA,eAAI,CAACA,MAAM,CAACC,QAAR,IAAoBD,MAAM,CAACO,QAAP,IAAmB,IAA3C;AAAA,OADgB,CAAxB;AAIA,aAAO;AAAE/B,QAAAA,aAAa,EAAbA,aAAF;AAAiBC,QAAAA,eAAe,EAAfA;AAAjB,OAAP;AACD;;;;EAnE0Bf,S;;gBAAvBM,c,YAUY;AACd,aAAS,IADK;AAEdoD,EAAAA,IAAI,EAAE,GAFQ;AAGdC,EAAAA,MAAM,EAAE,IAHM;AAIdC,EAAAA,GAAG,EAAE,KAJS;AAKdC,EAAAA,MAAM,EAAE,MALM;AAOdC,EAAAA,IAAI,EAAE;AAPQ,C;;AAkKlB,eAAexD,cAAf","sourcesContent":["/**\n * Just a simple utility class for displaying a popup menu.\n */\nimport React, { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\nimport GlobalContextActions from './GlobalContextActions';\nimport './ContextActions.scss';\n\nconst log = Log.module('ContextActions');\n\ninterface ContextActionsProps {\n  actions: ContextAction[] | (() => ContextAction[]);\n  ignoreClassNames?: string[];\n}\n\ninterface ContextActionsState {\n  globalActions: ContextAction[];\n  keyboardActions: ContextAction[];\n}\n\n/**\n * ContextActions that you add onto any component.\n *\n * Usage:\n * let actions = [{\n *   title: 'My Action',  // Omit the title to hide it from the context menu\n *   action: () => { alert('My Action Clicked!') }\n *   actions: []            // Submenu of actions\n *   icon: faPrint,         // Limited to FontAwesome icons for now.\n *   iconColor: '#ff0000,   // Color to use for the icon\n *   shortcut: Shortcut,    // Defaults to null\n *   isGlobal: false,       // Global context action. Defaults to false.\n *   group: ContextActions.groups.default,  // What group to group the context action with\n *   order: null,                           // Int where to order within group\n *   disabled: true         // disable action\n *   menuElement: null      // Custom menu element for displaying in context menu. When null, creates a default menu item based on title\n * }];\n *\n * <div>\n *   Right click in this container\n *   <ContextActions actions={actions}/>\n * </div>\n *\n * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.\n * You should generally have a ContextMenuRoot on the root node of your document.\n */\nclass ContextActions extends Component<\n  ContextActionsProps,\n  ContextActionsState\n> {\n  /**\n   * Group you can assign to context menu actions to group them together.\n   * Lower group IDs appear at the top of the list.\n   * Groups are separated by a separator item.\n   * Items within groups are ordered by their order property, then by their title.\n   */\n  static groups = {\n    default: null,\n    high: 100,\n    medium: 5000,\n    low: 10000,\n    global: 100000,\n\n    edit: 100,\n  };\n\n  static triggerMenu(\n    element: Element,\n    clientX: number,\n    clientY: number,\n    actions: ContextAction[]\n  ): void {\n    if (!element || !clientX || !clientY || !actions) {\n      return;\n    }\n\n    const mouseEvent: Partial<ContextActionEvent> = new MouseEvent(\n      'contextmenu',\n      {\n        clientX,\n        clientY,\n        bubbles: true,\n        cancelable: true,\n      }\n    );\n    mouseEvent.contextActions = actions;\n\n    element.dispatchEvent(mouseEvent as ContextActionEvent);\n  }\n\n  constructor(props: ContextActionsProps) {\n    super(props);\n\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.container = React.createRef();\n\n    this.state = { globalActions: [], keyboardActions: [] };\n  }\n\n  static getDerivedStateFromProps(\n    props: ContextActionsProps\n  ): ContextActionsState {\n    if (!props.actions || !Array.isArray(props.actions)) {\n      return { globalActions: [], keyboardActions: [] };\n    }\n    const globalActions = props.actions.filter(action => action.isGlobal);\n    const keyboardActions = props.actions.filter(\n      action => !action.isGlobal && action.shortcut != null\n    );\n\n    return { globalActions, keyboardActions };\n  }\n\n  componentDidMount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.addEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n      this.container.current.parentElement.addEventListener(\n        'keydown',\n        this.handleKeyDown\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.removeEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n      this.container.current.parentElement.removeEventListener(\n        'keydown',\n        this.handleKeyDown\n      );\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  handleContextMenu(e: MouseEvent): void {\n    const { ignoreClassNames = [] } = this.props;\n    if (ignoreClassNames.length > 0) {\n      let el = e.target as Element | null;\n      while (el != null) {\n        const { classList } = el;\n        const ignoredClassName = ignoreClassNames.find(className =>\n          classList.contains(className)\n        );\n        if (ignoredClassName !== undefined) {\n          log.debug2(\n            `Contextmenu event ignored based on the target className \"${ignoredClassName}\"`\n          );\n          return;\n        }\n        el = el.parentElement;\n      }\n    }\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      (e as ContextActionEvent).contextActions = [];\n    }\n\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      return;\n    }\n\n    const { actions } = this.props;\n    if (actions) {\n      let contextActions = actions;\n      if (Array.isArray(contextActions)) {\n        contextActions = contextActions.filter(action => !action.isGlobal);\n      }\n\n      e.contextActions = e.contextActions.concat(contextActions);\n    }\n\n    log.debug(\n      'Received context menu event! Menu items are now: ',\n      e.contextActions\n    );\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    const { keyboardActions } = this.state;\n    for (let i = 0; i < keyboardActions.length; i += 1) {\n      const keyboardAction = keyboardActions[i];\n      if (\n        !ContextActionUtils.actionsDisabled &&\n        keyboardAction.shortcut?.matchesEvent(e)\n      ) {\n        log.debug('Context hotkey matched!', e);\n\n        const result = keyboardAction.action?.(e);\n\n        if (result || result === undefined) {\n          e.stopPropagation();\n          e.preventDefault();\n          return;\n        }\n\n        log.debug2('Matched hotkey returned false, key event not consumed');\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const { globalActions } = this.state;\n    return (\n      <div className=\"context-actions-listener\" ref={this.container}>\n        <GlobalContextActions actions={globalActions} />\n      </div>\n    );\n  }\n}\n\nexport default ContextActions;\n"],"file":"ContextActions.js"}
+{"version":3,"sources":["../../src/context-actions/ContextActions.tsx"],"names":["React","Component","Log","ContextActionUtils","GlobalContextActions","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","shortcut","componentDidMount","current","parentElement","addEventListener","componentWillUnmount","removeEventListener","e","ignoreClassNames","length","el","target","classList","ignoredClassName","find","className","contains","undefined","debug2","isContextActionEvent","concat","debug","i","keyboardAction","actionsDisabled","matchesEvent","result","stopPropagation","preventDefault","render","default","high","medium","low","global","edit"],"mappings":"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","sourcesContent":["/**\n * Just a simple utility class for displaying a popup menu.\n */\nimport React, { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\nimport GlobalContextActions from './GlobalContextActions';\nimport './ContextActions.scss';\n\nconst log = Log.module('ContextActions');\n\ninterface ContextActionsProps {\n  actions: ContextAction[] | (() => ContextAction[]);\n  ignoreClassNames?: string[];\n}\n\ninterface ContextActionsState {\n  globalActions: ContextAction[];\n  keyboardActions: ContextAction[];\n}\n\n/**\n * ContextActions that you add onto any component.\n *\n * Usage:\n * let actions = [{\n *   title: 'My Action',  // Omit the title to hide it from the context menu\n *   action: () => { alert('My Action Clicked!') }\n *   actions: []            // Submenu of actions\n *   icon: faPrint,         // Limited to FontAwesome icons for now.\n *   iconColor: '#ff0000,   // Color to use for the icon\n *   shortcut: Shortcut,    // Defaults to null\n *   isGlobal: false,       // Global context action. Defaults to false.\n *   group: ContextActions.groups.default,  // What group to group the context action with\n *   order: null,                           // Int where to order within group\n *   disabled: true         // disable action\n *   menuElement: null      // Custom menu element for displaying in context menu. When null, creates a default menu item based on title\n * }];\n *\n * <div>\n *   Right click in this container\n *   <ContextActions actions={actions}/>\n * </div>\n *\n * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.\n * You should generally have a ContextMenuRoot on the root node of your document.\n */\nclass ContextActions extends Component<\n  ContextActionsProps,\n  ContextActionsState\n> {\n  /**\n   * Group you can assign to context menu actions to group them together.\n   * Lower group IDs appear at the top of the list.\n   * Groups are separated by a separator item.\n   * Items within groups are ordered by their order property, then by their title.\n   */\n  static groups = {\n    default: null,\n    high: 100,\n    medium: 5000,\n    low: 10000,\n    global: 100000,\n\n    edit: 100,\n  };\n\n  static triggerMenu(\n    element: Element,\n    clientX: number,\n    clientY: number,\n    actions: ContextAction[]\n  ): void {\n    if (!element || !clientX || !clientY || !actions) {\n      return;\n    }\n\n    const mouseEvent: Partial<ContextActionEvent> = new MouseEvent(\n      'contextmenu',\n      {\n        clientX,\n        clientY,\n        bubbles: true,\n        cancelable: true,\n      }\n    );\n    mouseEvent.contextActions = actions;\n\n    element.dispatchEvent(mouseEvent as ContextActionEvent);\n  }\n\n  constructor(props: ContextActionsProps) {\n    super(props);\n\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.container = React.createRef();\n\n    this.state = { globalActions: [], keyboardActions: [] };\n  }\n\n  static getDerivedStateFromProps(\n    props: ContextActionsProps\n  ): ContextActionsState {\n    if (!props.actions || !Array.isArray(props.actions)) {\n      return { globalActions: [], keyboardActions: [] };\n    }\n    const globalActions = props.actions.filter(action => action.isGlobal);\n    const keyboardActions = props.actions.filter(\n      action => !action.isGlobal && action.shortcut != null\n    );\n\n    return { globalActions, keyboardActions };\n  }\n\n  componentDidMount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.addEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n      this.container.current.parentElement.addEventListener(\n        'keydown',\n        this.handleKeyDown\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.removeEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n      this.container.current.parentElement.removeEventListener(\n        'keydown',\n        this.handleKeyDown\n      );\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  handleContextMenu(e: MouseEvent): void {\n    const { ignoreClassNames = [] } = this.props;\n    if (ignoreClassNames.length > 0) {\n      let el = e.target as Element | null;\n      while (el != null) {\n        const { classList } = el;\n        const ignoredClassName = ignoreClassNames.find(className =>\n          classList.contains(className)\n        );\n        if (ignoredClassName !== undefined) {\n          log.debug2(\n            `Contextmenu event ignored based on the target className \"${ignoredClassName}\"`\n          );\n          return;\n        }\n        el = el.parentElement;\n      }\n    }\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      (e as ContextActionEvent).contextActions = [];\n    }\n\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      return;\n    }\n\n    const { actions } = this.props;\n    if (actions) {\n      let contextActions = actions;\n      if (Array.isArray(contextActions)) {\n        contextActions = contextActions.filter(action => !action.isGlobal);\n      }\n\n      e.contextActions = e.contextActions.concat(contextActions);\n    }\n\n    log.debug(\n      'Received context menu event! Menu items are now: ',\n      e.contextActions\n    );\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    const { keyboardActions } = this.state;\n    for (let i = 0; i < keyboardActions.length; i += 1) {\n      const keyboardAction = keyboardActions[i];\n      if (\n        !ContextActionUtils.actionsDisabled &&\n        keyboardAction.shortcut?.matchesEvent(e)\n      ) {\n        log.debug('Context hotkey matched!', e);\n\n        const result = keyboardAction.action?.(e);\n\n        if (result || result === undefined) {\n          e.stopPropagation();\n          e.preventDefault();\n          return;\n        }\n\n        log.debug2('Matched hotkey returned false, key event not consumed');\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const { globalActions } = this.state;\n    return (\n      <div className=\"context-actions-listener\" ref={this.container}>\n        <GlobalContextActions actions={globalActions} />\n      </div>\n    );\n  }\n}\n\nexport default ContextActions;\n"],"file":"ContextActions.js"}