@deephaven/components 0.43.0 → 0.44.0

package/dist/context-actions/ContextActions.js

@@ -0,0 +1,182 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * Just a simple utility class for displaying a popup menu.
+ */
+import React, { Component } from 'react';
+import Log from '@deephaven/log';
+import ContextActionUtils, { isPromise } from "./ContextActionUtils.js";
+import GlobalContextActions from "./GlobalContextActions.js";
+import "./ContextActions.css";
+var log = Log.module('ContextActions');
+/**
+ * ContextActions that you add onto any component.
+ *
+ * Usage:
+ * let actions = [{
+ *   title: 'My Action',  // Omit the title to hide it from the context menu
+ *   action: () => { alert('My Action Clicked!') }
+ *   actions: []            // Submenu of actions
+ *   icon: faPrint,         // Limited to FontAwesome icons for now.
+ *   iconColor: '#ff0000,   // Color to use for the icon
+ *   shortcut: Shortcut,    // Defaults to null
+ *   isGlobal: false,       // Global context action. Defaults to false.
+ *   group: ContextActions.groups.default,  // What group to group the context action with
+ *   order: null,                           // Int where to order within group
+ *   disabled: true         // disable action
+ *   menuElement: null      // Custom menu element for displaying in context menu. When null, creates a default menu item based on title
+ * }];
+ *
+ * <div>
+ *   Right click in this container
+ *   <ContextActions actions={actions}/>
+ * </div>
+ *
+ * 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.
+ */
+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 (actions.length === 0) {
+      return;
+    }
+    var mouseEvent = new MouseEvent('contextmenu', {
+      clientX,
+      clientY,
+      bubbles: true,
+      cancelable: true
+    });
+    mouseEvent.contextActions = actions;
+    element.dispatchEvent(mouseEvent);
+  }
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "container", void 0);
+    this.handleContextMenu = this.handleContextMenu.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.container = /*#__PURE__*/React.createRef();
+    this.state = {
+      globalActions: [],
+      keyboardActions: []
+    };
+  }
+  static getDerivedStateFromProps(props) {
+    if (props.actions == null || !Array.isArray(props.actions)) {
+      return {
+        globalActions: [],
+        keyboardActions: []
+      };
+    }
+    var globalActions = props.actions.filter(action => !isPromise(action) && typeof action !== 'function' && action.isGlobal);
+    var keyboardActions = props.actions.filter(action => !isPromise(action) && typeof action !== 'function' && (action.isGlobal === undefined || !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);
+    }
+  }
+  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);
+    }
+  }
+  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
+          };
+        }
+        el = el.parentElement;
+      };
+      while (el != null) {
+        var _ret = _loop();
+        if (typeof _ret === "object") return _ret.v;
+      }
+    }
+    if (!ContextActionUtils.isContextActionEvent(e)) {
+      e.contextActions = [];
+    }
+    if (!ContextActionUtils.isContextActionEvent(e)) {
+      return;
+    }
+    var {
+      actions
+    } = this.props;
+    if (actions != null) {
+      var contextActions = actions;
+      if (Array.isArray(contextActions)) {
+        contextActions = contextActions.filter(action => isPromise(action) || typeof action === 'function' || action.isGlobal === undefined || !action.isGlobal);
+      }
+      e.contextActions = e.contextActions.concat(contextActions);
+    }
+    log.debug('Received context menu event! Menu items are now: ', e.contextActions);
+  }
+  handleKeyDown(e) {
+    var {
+      keyboardActions
+    } = this.state;
+    for (var i = 0; i < keyboardActions.length; i += 1) {
+      var keyboardAction = keyboardActions[i];
+      if (!ContextActionUtils.actionsDisabled && keyboardAction.shortcut != null && keyboardAction.shortcut.matchesEvent(e)) {
+        var _keyboardAction$actio;
+        log.debug('Context hotkey matched!', e);
+        (_keyboardAction$actio = keyboardAction.action) === null || _keyboardAction$actio === void 0 ? void 0 : _keyboardAction$actio.call(keyboardAction, e);
+        e.stopPropagation();
+        e.preventDefault();
+        log.debug2('Matched hotkey returned false, key event not consumed');
+      }
+    }
+  }
+  render() {
+    var {
+      'data-testid': dataTestId
+    } = this.props;
+    var {
+      globalActions
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "context-actions-listener",
+      ref: this.container,
+      "data-testid": dataTestId
+    }, /*#__PURE__*/React.createElement(GlobalContextActions, {
+      actions: globalActions
+    }));
+  }
+}
+_defineProperty(ContextActions, "groups", {
+  default: undefined,
+  high: 100,
+  medium: 5000,
+  low: 10000,
+  global: 100000,
+  edit: 100
+});
+export default ContextActions;
+//# sourceMappingURL=ContextActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextActions.js","names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","length","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","undefined","shortcut","componentDidMount","current","parentElement","addEventListener","componentWillUnmount","removeEventListener","e","ignoreClassNames","el","target","classList","ignoredClassName","find","className","contains","debug2","isContextActionEvent","concat","debug","i","keyboardAction","actionsDisabled","matchesEvent","stopPropagation","preventDefault","render","dataTestId","default","high","medium","low","global","edit"],"sources":["../../src/context-actions/ContextActions.tsx"],"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, {\n  ResolvableContextAction,\n  isPromise,\n} 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: ResolvableContextAction | ResolvableContextAction[];\n  ignoreClassNames?: string[];\n  'data-testid'?: 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: undefined,\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 (actions.length === 0) {\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 == null || !Array.isArray(props.actions)) {\n      return { globalActions: [], keyboardActions: [] };\n    }\n    const globalActions = props.actions.filter(\n      action =>\n        !isPromise(action) && typeof action !== 'function' && action.isGlobal\n    ) as ContextAction[];\n    const keyboardActions = props.actions.filter(\n      action =>\n        !isPromise(action) &&\n        typeof action !== 'function' &&\n        (action.isGlobal === undefined || !action.isGlobal) &&\n        action.shortcut != null\n    ) as ContextAction[];\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 != null) {\n      let contextActions = actions;\n      if (Array.isArray(contextActions)) {\n        contextActions = contextActions.filter(\n          action =>\n            isPromise(action) ||\n            typeof action === 'function' ||\n            action.isGlobal === undefined ||\n            !action.isGlobal\n        );\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 != null &&\n        keyboardAction.shortcut.matchesEvent(e)\n      ) {\n        log.debug('Context hotkey matched!', e);\n\n        keyboardAction.action?.(e);\n\n        e.stopPropagation();\n        e.preventDefault();\n\n        log.debug2('Matched hotkey returned false, key event not consumed');\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const { 'data-testid': dataTestId } = this.props;\n    const { globalActions } = this.state;\n    return (\n      <div\n        className=\"context-actions-listener\"\n        ref={this.container}\n        data-testid={dataTestId}\n      >\n        <GlobalContextActions actions={globalActions} />\n      </div>\n    );\n  }\n}\n\nexport default ContextActions;\n"],"mappings":"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"}