@jetbrains/ring-ui 5.0.156 → 5.0.157

package/dist/dialog/dialog.js

@@ -1,4 +1,5 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass, h as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -19,173 +20,220 @@ import '../island/header.js';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
+import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'scrollbar-width';
 
+var _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions"];
 /**
  * @name Dialog
  */
 function noop() {}
-class Dialog extends PureComponent {
-  static propTypes = {
-    label: PropTypes.string,
-    className: PropTypes.string,
-    contentClassName: PropTypes.string,
-    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-    show: PropTypes.bool.isRequired,
-    showCloseButton: PropTypes.bool,
-    closeButtonInside: PropTypes.bool,
-    closeButtonTitle: PropTypes.string,
-    onOverlayClick: PropTypes.func,
-    onEscPress: PropTypes.func,
-    onCloseClick: PropTypes.func,
-    shortcutOptions: PropTypes.object,
-    // onCloseAttempt is a common callback for ESC pressing and overlay clicking.
-    // Use it if you don't need different behaviors for this cases.
-    onCloseAttempt: PropTypes.func,
-    // focusTrap may break popups inside dialog, so use it carefully
-    trapFocus: PropTypes.bool,
-    portalTarget: PropTypes.instanceOf(HTMLElement),
-    autoFocusFirst: PropTypes.bool,
-    'data-test': PropTypes.string
-  };
-  static defaultProps = {
-    label: 'Dialog',
-    onOverlayClick: noop,
-    onEscPress: noop,
-    onCloseClick: noop,
-    onCloseAttempt: noop,
-    showCloseButton: false,
-    closeButtonInside: false,
-    shortcutOptions: {
-      modal: false
-    },
-    trapFocus: false,
-    autoFocusFirst: true
-  };
-  state = {
-    shortcutsScope: getUID('ring-dialog-')
-  };
-  componentDidMount() {
-    this.toggleScrollPreventer();
+var Dialog = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Dialog, _PureComponent);
+  var _super = _createSuper(Dialog);
+  function Dialog() {
+    var _this;
+    _classCallCheck(this, Dialog);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      shortcutsScope: getUID('ring-dialog-')
+    });
+    _defineProperty(_assertThisInitialized(_this), "scrollPreventer", preventerFactory(getUID('preventer-')));
+    _defineProperty(_assertThisInitialized(_this), "uid", getUID('dialog-'));
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
+      _this.props.onOverlayClick(event);
+      _this.props.onCloseAttempt(event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onCloseClick", function (event) {
+      _this.props.onCloseClick(event);
+      _this.props.onCloseAttempt(event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getShortcutsMap", function () {
+      var onEscape = function onEscape(event) {
+        if (_this.props.show) {
+          _this.props.onEscPress(event);
+          _this.props.onCloseAttempt(event);
+        }
+      };
+      return {
+        esc: onEscape
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "dialog", void 0);
+    _defineProperty(_assertThisInitialized(_this), "dialogRef", function (tabTrap) {
+      _this.dialog = tabTrap && tabTrap.node;
+    });
+    return _this;
   }
-  componentDidUpdate(prevProps) {
-    if (prevProps.show !== this.props.show) {
+  _createClass(Dialog, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
       this.toggleScrollPreventer();
     }
-  }
-  componentWillUnmount() {
-    this.scrollPreventer.reset();
-  }
-  scrollPreventer = preventerFactory(getUID('preventer-'));
-  uid = getUID('dialog-');
-  toggleScrollPreventer() {
-    if (this.props.show) {
-      this.scrollPreventer.prevent();
-    } else {
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.show !== this.props.show) {
+        this.toggleScrollPreventer();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
       this.scrollPreventer.reset();
     }
-  }
-  handleClick = event => {
-    this.props.onOverlayClick(event);
-    this.props.onCloseAttempt(event);
-  };
-  onCloseClick = event => {
-    this.props.onCloseClick(event);
-    this.props.onCloseAttempt(event);
-  };
-  getShortcutsMap = () => {
-    const onEscape = event => {
+  }, {
+    key: "toggleScrollPreventer",
+    value: function toggleScrollPreventer() {
       if (this.props.show) {
-        this.props.onEscPress(event);
-        this.props.onCloseAttempt(event);
+        this.scrollPreventer.prevent();
+      } else {
+        this.scrollPreventer.reset();
       }
-    };
-    return {
-      esc: onEscape
-    };
-  };
-  dialog;
-  dialogRef = tabTrap => {
-    this.dialog = tabTrap && tabTrap.node;
-  };
-  render() {
-    const {
-      show,
-      showCloseButton,
-      onOverlayClick,
-      onCloseAttempt,
-      onEscPress,
-      onCloseClick,
-      children,
-      className,
-      contentClassName,
-      trapFocus,
-      'data-test': dataTest,
-      closeButtonInside,
-      portalTarget,
-      label,
-      closeButtonTitle,
-      dense,
-      shortcutOptions,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_5e9b8c03.container, className);
-    const shortcutsMap = this.getShortcutsMap();
-    return show && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PopupTarget, {
-      id: this.uid,
-      className: modules_5e9b8c03.popupTarget
-    }, target => /*#__PURE__*/React.createElement(TabTrap, _extends({
-      trapDisabled: !trapFocus,
-      "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
-      ref: this.dialogRef,
-      className: classes,
-      role: "presentation"
-    }, restProps), /*#__PURE__*/React.createElement(Shortcuts, {
-      map: shortcutsMap,
-      scope: this.state.shortcutsScope,
-      options: this.props.shortcutOptions
-    }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/React.createElement("div", {
-      // click handler is duplicated in close button
-      role: "presentation",
-      className: modules_5e9b8c03.clickableOverlay,
-      onClick: this.handleClick
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_5e9b8c03.innerContainer
-    }, /*#__PURE__*/React.createElement(AdaptiveIsland, {
-      className: classNames(modules_5e9b8c03.content, contentClassName, {
-        [modules_5e9b8c03.dense]: dense
-      }),
-      "data-test": "ring-dialog",
-      role: "dialog",
-      "aria-label": label
-    }, children, showCloseButton && /*#__PURE__*/React.createElement(Button, {
-      icon: closeIcon,
-      "data-test": "ring-dialog-close-button",
-      className: classNames(modules_5e9b8c03.closeButton, {
-        [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
-        [modules_5e9b8c03.closeButtonInside]: closeButtonInside
-      }),
-      iconClassName: modules_5e9b8c03.closeIcon,
-      onClick: this.onCloseClick,
-      title: closeButtonTitle,
-      "aria-label": closeButtonTitle || 'close dialog'
-    }))), target)), portalTarget instanceof HTMLElement ? portalTarget : document.body);
-  }
-}
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        show = _this$props.show,
+        showCloseButton = _this$props.showCloseButton,
+        onOverlayClick = _this$props.onOverlayClick,
+        onCloseAttempt = _this$props.onCloseAttempt;
+        _this$props.onEscPress;
+        _this$props.onCloseClick;
+        var children = _this$props.children,
+        className = _this$props.className,
+        contentClassName = _this$props.contentClassName,
+        trapFocus = _this$props.trapFocus,
+        dataTest = _this$props['data-test'],
+        closeButtonInside = _this$props.closeButtonInside,
+        portalTarget = _this$props.portalTarget,
+        label = _this$props.label,
+        closeButtonTitle = _this$props.closeButtonTitle,
+        dense = _this$props.dense;
+        _this$props.shortcutOptions;
+        var restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_5e9b8c03.container, className);
+      var shortcutsMap = this.getShortcutsMap();
+      return show && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PopupTarget, {
+        id: this.uid,
+        className: modules_5e9b8c03.popupTarget
+      }, function (target) {
+        var _classNames2;
+        return /*#__PURE__*/React.createElement(TabTrap, _extends({
+          trapDisabled: !trapFocus,
+          "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
+          ref: _this2.dialogRef,
+          className: classes,
+          role: "presentation"
+        }, restProps), /*#__PURE__*/React.createElement(Shortcuts, {
+          map: shortcutsMap,
+          scope: _this2.state.shortcutsScope,
+          options: _this2.props.shortcutOptions
+        }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/React.createElement("div", {
+          // click handler is duplicated in close button
+          role: "presentation",
+          className: modules_5e9b8c03.clickableOverlay,
+          onClick: _this2.handleClick
+        }), /*#__PURE__*/React.createElement("div", {
+          className: modules_5e9b8c03.innerContainer
+        }, /*#__PURE__*/React.createElement(AdaptiveIsland, {
+          className: classNames(modules_5e9b8c03.content, contentClassName, _defineProperty({}, modules_5e9b8c03.dense, dense)),
+          "data-test": "ring-dialog",
+          role: "dialog",
+          "aria-label": label
+        }, children, showCloseButton && /*#__PURE__*/React.createElement(Button, {
+          icon: closeIcon,
+          "data-test": "ring-dialog-close-button",
+          className: classNames(modules_5e9b8c03.closeButton, (_classNames2 = {}, _defineProperty(_classNames2, modules_5e9b8c03.closeButtonOutside, !closeButtonInside), _defineProperty(_classNames2, modules_5e9b8c03.closeButtonInside, closeButtonInside), _classNames2)),
+          iconClassName: modules_5e9b8c03.closeIcon,
+          onClick: _this2.onCloseClick,
+          title: closeButtonTitle,
+          "aria-label": closeButtonTitle || 'close dialog'
+        }))), target);
+      }), portalTarget instanceof HTMLElement ? portalTarget : document.body);
+    }
+  }]);
+  return Dialog;
+}(PureComponent);
+_defineProperty(Dialog, "propTypes", {
+  label: PropTypes.string,
+  className: PropTypes.string,
+  contentClassName: PropTypes.string,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+  show: PropTypes.bool.isRequired,
+  showCloseButton: PropTypes.bool,
+  closeButtonInside: PropTypes.bool,
+  closeButtonTitle: PropTypes.string,
+  onOverlayClick: PropTypes.func,
+  onEscPress: PropTypes.func,
+  onCloseClick: PropTypes.func,
+  shortcutOptions: PropTypes.object,
+  // onCloseAttempt is a common callback for ESC pressing and overlay clicking.
+  // Use it if you don't need different behaviors for this cases.
+  onCloseAttempt: PropTypes.func,
+  // focusTrap may break popups inside dialog, so use it carefully
+  trapFocus: PropTypes.bool,
+  portalTarget: PropTypes.instanceOf(HTMLElement),
+  autoFocusFirst: PropTypes.bool,
+  'data-test': PropTypes.string
+});
+_defineProperty(Dialog, "defaultProps", {
+  label: 'Dialog',
+  onOverlayClick: noop,
+  onEscPress: noop,
+  onCloseClick: noop,
+  onCloseAttempt: noop,
+  showCloseButton: false,
+  closeButtonInside: false,
+  shortcutOptions: {
+    modal: false
+  },
+  trapFocus: false,
+  autoFocusFirst: true
+});
 
 export { Dialog as default };

package/dist/dialog/dialog__body-scroll-preventer.js

@@ -1,2 +1,7 @@
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'scrollbar-width';
 export { d as default, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';