@jetbrains/ring-ui-built 6.1.1-beta.0 → 7.0.0-beta.10

package/components/dialog/dialog.js

@@ -1,8 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent, createRef } from 'react';
 import { createPortal } from 'react-dom';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close';
 import { AdaptiveIsland } from '../island/island.js';
@@ -12,7 +11,7 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import TabTrap from '../tab-trap/tab-trap.js';
 import { Button } from '../button/button.js';
 import { PopupTarget } from '../popup/popup.target.js';
-import { m as modules_5e9b8c03, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';
+import { p as preventerFactory, m as modules_5e9b8c03 } from '../_helpers/dialog__body-scroll-preventer.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -21,255 +20,199 @@ import '../island/header.js';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.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/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/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", "native", "modal"];
+const _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal"];
 function noop() {}
-var Dialog = /*#__PURE__*/function (_PureComponent) {
-  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 = _callSuper(this, Dialog, [].concat(args));
-    _defineProperty(_this, "state", {
+class Dialog extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       shortcutsScope: getUID('ring-dialog-')
     });
-    _defineProperty(_this, "scrollPreventer", preventerFactory(getUID('preventer-')));
-    _defineProperty(_this, "uid", getUID('dialog-'));
-    _defineProperty(_this, "handleClick", function (event) {
-      _this.props.onOverlayClick(event);
-      _this.props.onCloseAttempt(event);
+    _defineProperty(this, "scrollPreventer", preventerFactory(getUID('preventer-')));
+    _defineProperty(this, "uid", getUID('dialog-'));
+    _defineProperty(this, "handleClick", event => {
+      this.props.onOverlayClick(event);
+      this.props.onCloseAttempt(event);
     });
-    _defineProperty(_this, "onCloseClick", function (event) {
-      _this.props.onCloseClick(event);
-      _this.props.onCloseAttempt(event);
+    _defineProperty(this, "onCloseClick", event => {
+      this.props.onCloseClick(event);
+      this.props.onCloseAttempt(event);
     });
-    _defineProperty(_this, "getShortcutsMap", function () {
-      var onEscape = function onEscape(event) {
-        if (_this.props.show) {
-          _this.props.onEscPress(event);
-          _this.props.onCloseAttempt(event);
+    _defineProperty(this, "getShortcutsMap", () => {
+      const onEscape = event => {
+        if (this.props.show) {
+          this.props.onEscPress(event);
+          this.props.onCloseAttempt(event);
         }
       };
       return {
         esc: onEscape
       };
     });
-    _defineProperty(_this, "dialog", void 0);
-    _defineProperty(_this, "dialogRef", function (tabTrap) {
-      _this.dialog = tabTrap && tabTrap.node;
+    _defineProperty(this, "dialog", void 0);
+    _defineProperty(this, "dialogRef", tabTrap => {
+      this.dialog = tabTrap && tabTrap.node;
     });
-    _defineProperty(_this, "nativeDialog", /*#__PURE__*/createRef());
-    return _this;
+    _defineProperty(this, "nativeDialog", /*#__PURE__*/createRef());
   }
-  _inherits(Dialog, _PureComponent);
-  return _createClass(Dialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props = this.props,
-        show = _this$props.show,
-        native = _this$props.native;
-      if (native && show) {
-        this.toggleNativeDialog();
-      }
-      this.toggleScrollPreventer();
+  componentDidMount() {
+    const {
+      show,
+      native
+    } = this.props;
+    if (native && show) {
+      this.toggleNativeDialog();
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props2 = this.props,
-        show = _this$props2.show,
-        native = _this$props2.native;
-      if (native && show !== prevProps.show) {
-        this.toggleNativeDialog();
-      }
-      if (prevProps.show !== this.props.show) {
-        this.toggleScrollPreventer();
-      }
+    this.toggleScrollPreventer();
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      show,
+      native
+    } = this.props;
+    if (native && show !== prevProps.show) {
+      this.toggleNativeDialog();
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.scrollPreventer.reset();
+    if (prevProps.show !== this.props.show) {
+      this.toggleScrollPreventer();
     }
-  }, {
-    key: "toggleNativeDialog",
-    value: function toggleNativeDialog() {
-      var _this$props3 = this.props,
-        show = _this$props3.show,
-        modal = _this$props3.modal;
-      if (this.nativeDialog.current != null) {
-        if (show) {
-          modal ? this.nativeDialog.current.showModal() : this.nativeDialog.current.show();
+  }
+  componentWillUnmount() {
+    this.scrollPreventer.reset();
+  }
+  toggleNativeDialog() {
+    const {
+      show,
+      modal
+    } = this.props;
+    if (this.nativeDialog.current != null) {
+      if (show) {
+        this.nativeDialog.current.removeAttribute('open');
+        if (modal) {
+          this.nativeDialog.current.showModal();
         } else {
-          this.nativeDialog.current.close();
+          this.nativeDialog.current.show();
         }
-      }
-    }
-  }, {
-    key: "toggleScrollPreventer",
-    value: function toggleScrollPreventer() {
-      if (this.props.show) {
-        this.scrollPreventer.prevent();
       } else {
-        this.scrollPreventer.reset();
+        this.nativeDialog.current.close();
       }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props4 = this.props,
-        show = _this$props4.show,
-        showCloseButton = _this$props4.showCloseButton,
-        onOverlayClick = _this$props4.onOverlayClick,
-        onCloseAttempt = _this$props4.onCloseAttempt;
-        _this$props4.onEscPress;
-        _this$props4.onCloseClick;
-        var children = _this$props4.children,
-        className = _this$props4.className,
-        contentClassName = _this$props4.contentClassName,
-        trapFocus = _this$props4.trapFocus,
-        dataTest = _this$props4['data-test'],
-        closeButtonInside = _this$props4.closeButtonInside,
-        portalTarget = _this$props4.portalTarget,
-        label = _this$props4.label,
-        closeButtonTitle = _this$props4.closeButtonTitle,
-        dense = _this$props4.dense;
-        _this$props4.shortcutOptions;
-        var native = _this$props4.native;
-        _this$props4.modal;
-        var restProps = _objectWithoutProperties(_this$props4, _excluded);
-      var classes = classNames(modules_5e9b8c03.container, className);
-      var shortcutsMap = this.getShortcutsMap();
-      var content = /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Shortcuts, {
-          map: shortcutsMap,
-          scope: this.state.shortcutsScope,
-          options: this.props.shortcutOptions
-        }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
-          // click handler is duplicated in close button
-          role: "presentation",
-          className: modules_5e9b8c03.clickableOverlay,
-          onClick: this.handleClick
-        }), /*#__PURE__*/jsx("div", {
-          className: modules_5e9b8c03.innerContainer,
-          children: /*#__PURE__*/jsxs(AdaptiveIsland, {
-            className: classNames(modules_5e9b8c03.content, contentClassName, {
-              [modules_5e9b8c03.dense]: dense
+  }
+  toggleScrollPreventer() {
+    if (this.props.show) {
+      this.scrollPreventer.prevent();
+    } else {
+      this.scrollPreventer.reset();
+    }
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        show,
+        showCloseButton,
+        onOverlayClick,
+        onCloseAttempt,
+        onEscPress,
+        onCloseClick,
+        children,
+        className,
+        contentClassName,
+        trapFocus,
+        'data-test': dataTest,
+        closeButtonInside,
+        portalTarget,
+        label,
+        closeButtonTitle,
+        dense,
+        shortcutOptions,
+        native,
+        modal
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_5e9b8c03.container, className);
+    const shortcutsMap = this.getShortcutsMap();
+    const content = /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Shortcuts, {
+        map: shortcutsMap,
+        scope: this.state.shortcutsScope,
+        options: this.props.shortcutOptions
+      }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
+        // click handler is duplicated in close button
+        role: "presentation",
+        className: modules_5e9b8c03.clickableOverlay,
+        onClick: this.handleClick,
+        "data-test": "ring-dialog-overlay"
+      }), /*#__PURE__*/jsx("div", {
+        className: modules_5e9b8c03.innerContainer,
+        children: /*#__PURE__*/jsxs(AdaptiveIsland, {
+          className: classNames(modules_5e9b8c03.content, contentClassName, {
+            [modules_5e9b8c03.dense]: dense
+          }),
+          "data-test": "ring-dialog",
+          role: "dialog",
+          "aria-label": label,
+          children: [children, showCloseButton && /*#__PURE__*/jsx(Button, {
+            icon: closeIcon,
+            "data-test": "ring-dialog-close-button",
+            className: classNames(modules_5e9b8c03.closeButton, {
+              [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
+              [modules_5e9b8c03.closeButtonInside]: closeButtonInside
             }),
-            "data-test": "ring-dialog",
-            role: "dialog",
-            "aria-label": label,
-            children: [children, showCloseButton && /*#__PURE__*/jsx(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'
-            })]
+            iconClassName: modules_5e9b8c03.closeIcon,
+            onClick: this.onCloseClick,
+            title: closeButtonTitle,
+            "aria-label": closeButtonTitle || 'close dialog'
+          })]
+        })
+      })]
+    });
+    if (native) {
+      return /*#__PURE__*/jsx("dialog", {
+        className: classNames(modules_5e9b8c03.nativeDialog, className),
+        ref: this.nativeDialog,
+        children: /*#__PURE__*/jsx(PopupTarget, {
+          id: this.uid,
+          className: modules_5e9b8c03.popupTarget,
+          children: target => /*#__PURE__*/jsxs(Fragment, {
+            children: [content, target]
           })
-        })]
+        })
       });
-      if (native) {
-        return /*#__PURE__*/jsx("dialog", {
-          className: classNames(modules_5e9b8c03.nativeDialog, className),
-          ref: this.nativeDialog,
-          children: /*#__PURE__*/jsx(PopupTarget, {
-            id: this.uid,
-            className: modules_5e9b8c03.popupTarget,
-            children: function children(target) {
-              return /*#__PURE__*/jsxs(Fragment, {
-                children: [content, target]
-              });
-            }
-          })
-        });
-      }
-      return show && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
-        id: this.uid,
-        className: modules_5e9b8c03.popupTarget,
-        children: function children(target) {
-          return /*#__PURE__*/jsxs(TabTrap, _objectSpread2(_objectSpread2({
-            trapDisabled: !trapFocus,
-            "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
-            ref: _this2.dialogRef,
-            className: classes,
-            role: "presentation"
-          }, restProps), {}, {
-            children: [content, target]
-          }));
-        }
-      }), portalTarget instanceof HTMLElement ? portalTarget : document.body);
     }
-  }]);
-}(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
-});
+    return show && /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
+      id: this.uid,
+      className: modules_5e9b8c03.popupTarget,
+      children: target => /*#__PURE__*/jsxs(TabTrap, _objectSpread2(_objectSpread2({
+        trapDisabled: !trapFocus,
+        "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
+        ref: this.dialogRef,
+        className: classes,
+        role: "presentation"
+      }, restProps), {}, {
+        children: [content, target]
+      }))
+    }), portalTarget instanceof HTMLElement ? portalTarget : document.body);
+  }
+}
 _defineProperty(Dialog, "defaultProps", {
   label: 'Dialog',
   onOverlayClick: noop,

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

@@ -1,6 +1,3 @@
-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/web.dom-collections.iterator.js';
 import 'scrollbar-width';
 export { d as default, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';

package/components/dropdown/anchor.d.ts

@@ -1,10 +1,3 @@
-import PropTypes from 'prop-types';
 import { ButtonAttrs } from '../button/button';
-declare const _default: import("react").MemoExoticComponent<{
-    ({ children, className, ...restProps }: ButtonAttrs): import("react").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-    };
-}>;
+declare const _default: import("react").MemoExoticComponent<({ children, className, ...restProps }: ButtonAttrs) => import("react").JSX.Element>;
 export default _default;

package/components/dropdown/anchor.js

@@ -1,6 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
-import 'prop-types';
 import '@jetbrains/icons/chevron-10px';
 import 'classnames';
 import '../icon/icon.js';
@@ -12,14 +11,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.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.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.array.concat.js';
 import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/components/dropdown/dropdown.d.ts

@@ -1,6 +1,5 @@
 import { Component, HTMLAttributes, ReactNode, ReactElement } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { PopupAttrs } from '../popup/popup';
 import Anchor from './anchor';
 export interface AnchorProps {
@@ -15,6 +14,10 @@ export interface DropdownChildProps {
     dontCloseOnAnchorClick: boolean;
 }
 export interface DropdownProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /**
+     * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
+     * React element should render some interactive HTML element like `button` or `a`
+     */
     anchor: ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode);
     children: ReactElement<PopupAttrs> | ((props: Omit<PopupAttrs, 'children'>) => ReactNode);
     initShown: boolean;
@@ -36,27 +39,6 @@ interface DropdownState {
  * @name Dropdown
  */
 export default class Dropdown extends Component<DropdownProps, DropdownState> {
-    static propTypes: {
-        /**
-         * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
-         * React element should render some interactive HTML element like `button` or `a`
-         */
-        anchor: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>>;
-        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
-        initShown: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        activeClassName: PropTypes.Requireable<string>;
-        clickMode: PropTypes.Requireable<boolean>;
-        hoverMode: PropTypes.Requireable<boolean>;
-        hoverShowTimeOut: PropTypes.Requireable<number>;
-        hoverHideTimeOut: PropTypes.Requireable<number>;
-        disabled: PropTypes.Requireable<boolean>;
-        onShow: PropTypes.Requireable<(...args: any[]) => any>;
-        onHide: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         initShown: boolean;
         clickMode: boolean;