@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.4

package/components/i18n/i18n.js

@@ -1,7 +1,4 @@
-import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-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 { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 var login = "Log in";
@@ -109,8 +106,8 @@ var defaultMessages = {
 	unverified: unverified
 };
 
-var messages = defaultMessages;
-var warned = new Set();
+let messages = defaultMessages;
+const warned = new Set();
 function warnMissedKeyOnce(key) {
   if (warned.has(key)) {
     return;

package/components/icon/icon.d.ts

@@ -2,7 +2,6 @@
  * @name Icon
  */
 import { PureComponent, ComponentType, SVGAttributes, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 import { Color, Size } from './icon__constants';
 export type IconType = ComponentType<SVGAttributes<SVGSVGElement>>;
 export interface IconProps extends HTMLAttributes<HTMLElement> {
@@ -15,16 +14,6 @@ export interface IconProps extends HTMLAttributes<HTMLElement> {
     suppressSizeWarning?: boolean | null | undefined;
 }
 export default class Icon extends PureComponent<IconProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        color: PropTypes.Requireable<string>;
-        glyph: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>>;
-        height: PropTypes.Requireable<number>;
-        size: PropTypes.Requireable<number>;
-        width: PropTypes.Requireable<number>;
-        loading: PropTypes.Requireable<boolean>;
-        suppressSizeWarning: PropTypes.Requireable<boolean>;
-    };
     static defaultProps: {
         className: string;
         color: Color;

package/components/icon/icon.js

@@ -1,6 +1,5 @@
-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 { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 import { Color, Size } from './icon__constants.js';
@@ -8,96 +7,72 @@ import { m as modules_29747b80, I as IconSVG } from '../_helpers/icon__svg.js';
 import { jsx } from 'react/jsx-runtime';
 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';
 
-var _excluded = ["className", "size", "color", "loading", "glyph", "width", "height", "suppressSizeWarning"];
-var _warnSize = deprecate(function () {}, "`size`, `width` and `height` props are not recommended to use in Ring UI `Icon` component. The intrinsic sizes of SVG icon (`width` and `height` SVG attributes) are used instead.\n\nWe strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting icon.'");
-var Icon = /*#__PURE__*/function (_PureComponent) {
-  function Icon() {
-    _classCallCheck(this, Icon);
-    return _callSuper(this, Icon, arguments);
+const _excluded = ["className", "size", "color", "loading", "glyph", "width", "height", "suppressSizeWarning"];
+const warnSize = deprecate(() => {}, "`size`, `width` and `height` props are not recommended to use in Ring UI `Icon` component. The intrinsic sizes of SVG icon (`width` and `height` SVG attributes) are used instead.\n\nWe strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. \"Responsive\" checkmark should be unchecked when exporting icon.'");
+class Icon extends PureComponent {
+  warnSize() {
+    if (this.props.suppressSizeWarning) {
+      return;
+    }
+    warnSize();
   }
-  _inherits(Icon, _PureComponent);
-  return _createClass(Icon, [{
-    key: "warnSize",
-    value: function warnSize() {
-      if (this.props.suppressSizeWarning) {
-        return;
-      }
-      _warnSize();
+  getStyle() {
+    const {
+      size,
+      width,
+      height
+    } = this.props;
+    if (width || height) {
+      this.warnSize();
+      return {
+        width,
+        height
+      };
     }
-  }, {
-    key: "getStyle",
-    value: function getStyle() {
-      var _this$props = this.props,
-        size = _this$props.size,
-        width = _this$props.width,
-        height = _this$props.height;
-      if (width || height) {
-        this.warnSize();
-        return {
-          width,
-          height
-        };
-      }
-      if (size) {
-        this.warnSize();
-        return {
-          width: size,
-          height: size
-        };
-      }
-      return undefined;
+    if (size) {
+      this.warnSize();
+      return {
+        width: size,
+        height: size
+      };
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        className = _this$props2.className;
-        _this$props2.size;
-        var color = _this$props2.color,
-        loading = _this$props2.loading,
-        Glyph = _this$props2.glyph;
-        _this$props2.width;
-        _this$props2.height;
-        _this$props2.suppressSizeWarning;
-        var restProps = _objectWithoutProperties(_this$props2, _excluded);
-      if (!Glyph) {
-        return null;
-      }
-      var classes = classNames(modules_29747b80.icon, {
-        [modules_29747b80[color]]: !!color,
-        [modules_29747b80.loading]: loading
-      }, className);
-      return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: typeof Glyph === 'string' ? /*#__PURE__*/jsx(IconSVG, {
-          src: Glyph,
-          style: this.getStyle()
-        }) : /*#__PURE__*/jsx(Glyph, {
-          className: modules_29747b80.glyph,
-          style: this.getStyle()
-        })
-      }));
+    return undefined;
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        size,
+        color,
+        loading,
+        glyph: Glyph,
+        width,
+        height,
+        suppressSizeWarning
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    if (!Glyph) {
+      return null;
     }
-  }]);
-}(PureComponent);
-_defineProperty(Icon, "propTypes", {
-  className: PropTypes.string,
-  color: PropTypes.string,
-  glyph: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
-  height: PropTypes.number,
-  size: PropTypes.number,
-  width: PropTypes.number,
-  loading: PropTypes.bool,
-  suppressSizeWarning: PropTypes.bool
-});
+    const classes = classNames(modules_29747b80.icon, {
+      [modules_29747b80[color]]: !!color,
+      [modules_29747b80.loading]: loading
+    }, className);
+    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      children: typeof Glyph === 'string' ? /*#__PURE__*/jsx(IconSVG, {
+        src: Glyph,
+        style: this.getStyle()
+      }) : /*#__PURE__*/jsx(Glyph, {
+        className: modules_29747b80.glyph,
+        style: this.getStyle()
+      })
+    }));
+  }
+}
 _defineProperty(Icon, "defaultProps", {
   className: '',
   color: Color.DEFAULT,

package/components/icon/icon__svg.d.ts

@@ -1,15 +1,7 @@
 import { SVGAttributes } from 'react';
-import PropTypes from 'prop-types';
 export interface IconSVGProps extends SVGAttributes<SVGSVGElement> {
     src: string;
 }
 declare function IconSVG({ src, className, ...rest }: IconSVGProps): import("react").JSX.Element;
-declare namespace IconSVG {
-    var propTypes: {
-        className: PropTypes.Requireable<string>;
-        src: PropTypes.Validator<string>;
-        style: PropTypes.Requireable<object>;
-    };
-}
 declare const _default: import("react").MemoExoticComponent<typeof IconSVG>;
 export default _default;

package/components/icon/icon__svg.js

@@ -1,15 +1,9 @@
 import '../_helpers/_rollupPluginBabelHelpers.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 'react';
 import 'classnames';
-import 'prop-types';
 import '../global/memoize.js';
 export { I as default } from '../_helpers/icon__svg.js';
 import 'react/jsx-runtime';
-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';

package/components/icon/index.js

@@ -2,17 +2,11 @@ export { default } from './icon.js';
 export { Color, Size } from './icon__constants.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
-import 'prop-types';
 import 'classnames';
 import 'util-deprecate';
 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 'react/jsx-runtime';

package/components/input/input.js

@@ -1,11 +1,8 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
-import 'prop-types';
 import 'classnames';
 import '@jetbrains/icons/close-12px';
-import '../global/prop-types.js';
 import '../button/button.js';
 import '../global/get-uid.js';
 import '../icon/icon.js';
@@ -24,15 +21,6 @@ import 'util-deprecate';
 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.regexp.to-string.js';
 import '../i18n/i18n.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';

package/components/island/adaptive-island-hoc.d.ts

@@ -55,7 +55,6 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
         componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    propTypes: import("react").WeakValidationMap<P> | undefined;
     contextType?: import("react").Context<any> | undefined;
 };
 export {};

package/components/island/adaptive-island-hoc.js

@@ -1,54 +1,45 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import { createContext, Component } from 'react';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { Component, createContext } from 'react';
 import { interpolateLinear } from '../global/linear-function.js';
 import { jsx } from 'react/jsx-runtime';
 
-var TITLE_RESIZE_END = 20;
-var TITLE_RESIZE_THRESHOLD = 36;
-var PhaseContext = /*#__PURE__*/createContext(null);
-var ScrollHandlerContext = /*#__PURE__*/createContext(null);
+const TITLE_RESIZE_END = 20;
+const TITLE_RESIZE_THRESHOLD = 36;
+const PhaseContext = /*#__PURE__*/createContext(null);
+const ScrollHandlerContext = /*#__PURE__*/createContext(null);
 function adaptiveIslandHOC(ComposedComponent) {
-  var _AdaptiveIsland;
-  return _AdaptiveIsland = /*#__PURE__*/function (_Component) {
-    function AdaptiveIsland() {
-      var _this;
-      _classCallCheck(this, AdaptiveIsland);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _callSuper(this, AdaptiveIsland, [].concat(args));
-      _defineProperty(_this, "state", {
+  return class AdaptiveIsland extends Component {
+    constructor() {
+      super(...arguments);
+      _defineProperty(this, "state", {
         phase: null
       });
-      _defineProperty(_this, "onContentScroll", function (_ref) {
+      _defineProperty(this, "onContentScroll", _ref => {
         var _this$state$phase;
-        var scrollTop = _ref.scrollTop,
-          scrollHeight = _ref.scrollHeight,
-          clientHeight = _ref.clientHeight;
-        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = _this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
-          var phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
-          _this.setState({
+        let {
+          scrollTop,
+          scrollHeight,
+          clientHeight
+        } = _ref;
+        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
+          const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
+          this.setState({
             phase
           });
         }
       });
-      return _this;
     }
-    _inherits(AdaptiveIsland, _Component);
-    return _createClass(AdaptiveIsland, [{
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/jsx(PhaseContext.Provider, {
-          value: this.state.phase,
-          children: /*#__PURE__*/jsx(ScrollHandlerContext.Provider, {
-            value: this.onContentScroll,
-            children: /*#__PURE__*/jsx(ComposedComponent, _objectSpread2({}, this.props))
-          })
-        });
-      }
-    }]);
-  }(Component), _defineProperty(_AdaptiveIsland, "propTypes", ComposedComponent.propTypes), _AdaptiveIsland;
+    render() {
+      return /*#__PURE__*/jsx(PhaseContext.Provider, {
+        value: this.state.phase,
+        children: /*#__PURE__*/jsx(ScrollHandlerContext.Provider, {
+          value: this.onContentScroll,
+          children: /*#__PURE__*/jsx(ComposedComponent, _objectSpread2({}, this.props))
+        })
+      });
+    }
+  };
 }
 
 export { PhaseContext, ScrollHandlerContext, adaptiveIslandHOC as default };

package/components/island/content.d.ts

@@ -1,5 +1,4 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 import createResizeDetector from 'element-resize-detector';
 export interface IslandContentProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {
     fade?: boolean | null | undefined;
@@ -11,15 +10,6 @@ export interface IslandContentInnerProps extends IslandContentProps {
     bottomBorder: boolean;
 }
 declare class Content extends Component<IslandContentInnerProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        scrollableWrapperClassName: PropTypes.Requireable<string>;
-        fade: PropTypes.Requireable<boolean>;
-        bottomBorder: PropTypes.Requireable<boolean>;
-        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        onScrollToBottom: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: {
         fade: boolean;
         bottomBorder: boolean;