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

package/components/island/content.js

@@ -1,7 +1,6 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { forwardRef, Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import createResizeDetector from 'element-resize-detector';
 import scheduleRAF from '../global/schedule-raf.js';
@@ -10,144 +9,125 @@ import { ScrollHandlerContext } from './adaptive-island-hoc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/linear-function.js';
 
-var _excluded = ["children", "className", "bottomBorder", "scrollableWrapperClassName", "onScroll", "onScrollToBottom", "fade", "tabIndex"];
-var scheduleScrollAction = scheduleRAF();
-var noop = function noop() {};
-var END_DISTANCE = 16;
-var Content = /*#__PURE__*/function (_Component) {
-  function Content() {
-    var _this;
-    _classCallCheck(this, Content);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Content, [].concat(args));
-    _defineProperty(_this, "state", {
+const _excluded = ["children", "className", "bottomBorder", "scrollableWrapperClassName", "onScroll", "onScrollToBottom", "fade", "tabIndex"];
+const scheduleScrollAction = scheduleRAF();
+const noop = () => {};
+const END_DISTANCE = 16;
+class Content extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       scrolledToTop: true,
       scrolledToBottom: false
     });
-    _defineProperty(_this, "resizeDetector", createResizeDetector({
+    _defineProperty(this, "resizeDetector", createResizeDetector({
       strategy: 'scroll'
     }));
-    _defineProperty(_this, "wrapperNode", void 0);
-    _defineProperty(_this, "setWrapper", function (node) {
+    _defineProperty(this, "wrapperNode", void 0);
+    _defineProperty(this, "setWrapper", node => {
       if (!node) {
         return;
       }
-      _this.wrapperNode = node;
-      _this.resizeDetector.listenTo(node, _this.calculateScrollPosition);
+      this.wrapperNode = node;
+      this.resizeDetector.listenTo(node, this.calculateScrollPosition);
     });
-    _defineProperty(_this, "calculateScrollPosition", function () {
-      return scheduleScrollAction(function () {
-        var _this2 = _this,
-          scrollableNode = _this2.scrollableNode;
-        if (!scrollableNode) {
-          return;
-        }
-        _this.props.onScroll(scrollableNode);
-        var scrollTop = scrollableNode.scrollTop,
-          scrollHeight = scrollableNode.scrollHeight,
-          offsetHeight = scrollableNode.offsetHeight;
-        var scrolledToTop = scrollTop === 0;
-        var scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
-        if (scrolledToBottom) {
-          var _this$props$onScrollT, _this$props;
-          (_this$props$onScrollT = (_this$props = _this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 || _this$props$onScrollT.call(_this$props);
-        }
-        _this.setState({
-          scrolledToTop,
-          scrolledToBottom
-        });
+    _defineProperty(this, "calculateScrollPosition", () => scheduleScrollAction(() => {
+      const {
+        scrollableNode
+      } = this;
+      if (!scrollableNode) {
+        return;
+      }
+      this.props.onScroll(scrollableNode);
+      const {
+        scrollTop,
+        scrollHeight,
+        offsetHeight
+      } = scrollableNode;
+      const scrolledToTop = scrollTop === 0;
+      const scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
+      if (scrolledToBottom) {
+        var _this$props$onScrollT, _this$props;
+        (_this$props$onScrollT = (_this$props = this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 || _this$props$onScrollT.call(_this$props);
+      }
+      this.setState({
+        scrolledToTop,
+        scrolledToBottom
       });
-    });
-    _defineProperty(_this, "scrollableNode", void 0);
-    _defineProperty(_this, "setScrollableNodeAndCalculatePosition", function (node) {
+    }));
+    _defineProperty(this, "scrollableNode", void 0);
+    _defineProperty(this, "setScrollableNodeAndCalculatePosition", node => {
       if (!node) {
         return;
       }
-      _this.scrollableNode = node;
-      _this.calculateScrollPosition();
+      this.scrollableNode = node;
+      this.calculateScrollPosition();
     });
-    return _this;
   }
-  _inherits(Content, _Component);
-  return _createClass(Content, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.scrollableNode = null;
-      if (!this.wrapperNode) {
-        return;
-      }
-      this.resizeDetector.removeAllListeners(this.wrapperNode);
+  componentWillUnmount() {
+    this.scrollableNode = null;
+    if (!this.wrapperNode) {
+      return;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        children = _this$props2.children,
-        className = _this$props2.className,
-        bottomBorder = _this$props2.bottomBorder,
-        scrollableWrapperClassName = _this$props2.scrollableWrapperClassName;
-        _this$props2.onScroll;
-        _this$props2.onScrollToBottom;
-        var fade = _this$props2.fade,
-        tabIndex = _this$props2.tabIndex,
-        restProps = _objectWithoutProperties(_this$props2, _excluded);
-      var _this$state = this.state,
-        scrolledToTop = _this$state.scrolledToTop,
-        scrolledToBottom = _this$state.scrolledToBottom;
-      var classes = classNames(modules_e6a056e1.content, className, {
-        [modules_e6a056e1.contentWithTopFade]: fade && !scrolledToTop,
-        [modules_e6a056e1.contentWithBottomFade]: fade && !scrolledToBottom,
-        [modules_e6a056e1.withTransparentBottomBorder]: bottomBorder,
-        [modules_e6a056e1.withBottomBorder]: bottomBorder && !scrolledToBottom
-      });
-      var scrollableWrapperClasses = classNames(modules_e6a056e1.scrollableWrapper, scrollableWrapperClassName);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": "ring-island-content",
-        className: classes,
-        children: /*#__PURE__*/jsxs("div", {
-          tabIndex: tabIndex,
-          className: scrollableWrapperClasses,
-          ref: this.setScrollableNodeAndCalculatePosition,
-          onScroll: fade ? this.calculateScrollPosition : noop,
-          children: [fade && /*#__PURE__*/jsx("div", {
-            ref: this.setWrapper,
-            children: children
-          }), !fade && children]
-        })
-      }));
-    }
-  }]);
-}(Component);
-_defineProperty(Content, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  scrollableWrapperClassName: PropTypes.string,
-  fade: PropTypes.bool,
-  bottomBorder: PropTypes.bool,
-  onScroll: PropTypes.func,
-  onScrollToBottom: PropTypes.func
-});
+    this.resizeDetector.removeAllListeners(this.wrapperNode);
+  }
+  render() {
+    const _this$props2 = this.props,
+      {
+        children,
+        className,
+        bottomBorder,
+        scrollableWrapperClassName,
+        onScroll,
+        onScrollToBottom,
+        fade,
+        tabIndex
+      } = _this$props2,
+      restProps = _objectWithoutProperties(_this$props2, _excluded);
+    const {
+      scrolledToTop,
+      scrolledToBottom
+    } = this.state;
+    const classes = classNames(modules_e6a056e1.content, className, {
+      [modules_e6a056e1.contentWithTopFade]: fade && !scrolledToTop,
+      [modules_e6a056e1.contentWithBottomFade]: fade && !scrolledToBottom,
+      [modules_e6a056e1.withTransparentBottomBorder]: bottomBorder,
+      [modules_e6a056e1.withBottomBorder]: bottomBorder && !scrolledToBottom
+    });
+    const scrollableWrapperClasses = classNames(modules_e6a056e1.scrollableWrapper, scrollableWrapperClassName);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      "data-test": "ring-island-content",
+      className: classes,
+      children: /*#__PURE__*/jsxs("div", {
+        tabIndex: tabIndex,
+        className: scrollableWrapperClasses,
+        ref: this.setScrollableNodeAndCalculatePosition,
+        onScroll: fade ? this.calculateScrollPosition : noop,
+        children: [fade && /*#__PURE__*/jsx("div", {
+          ref: this.setWrapper,
+          children: children
+        }), !fade && children]
+      })
+    }));
+  }
+}
 _defineProperty(Content, "defaultProps", {
   fade: true,
   bottomBorder: false,
   onScroll: noop,
   onScrollToBottom: noop
 });
-var ContentWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/jsx(ScrollHandlerContext.Consumer, {
-    children: function children(onScroll) {
-      var addProps = onScroll != null ? {
-        onScroll,
-        bottomBorder: true
-      } : {};
-      return /*#__PURE__*/jsx(Content, _objectSpread2(_objectSpread2(_objectSpread2({}, props), addProps), {}, {
-        ref: ref
-      }));
-    }
-  });
-});
+const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/jsx(ScrollHandlerContext.Consumer, {
+  children: onScroll => {
+    const addProps = onScroll != null ? {
+      onScroll,
+      bottomBorder: true
+    } : {};
+    return /*#__PURE__*/jsx(Content, _objectSpread2(_objectSpread2(_objectSpread2({}, props), addProps), {}, {
+      ref: ref
+    }));
+  }
+}));
 ContentWrapper.displayName = 'ContentWrapper';
 
 export { ContentWrapper as default };

package/components/island/header.js

@@ -1,15 +1,14 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { interpolateLinear } from '../global/linear-function.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import { PhaseContext } from './adaptive-island-hoc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var _excluded = ["children", "className", "wrapWithTitle", "border", "phase"];
-var Start = {
+const _excluded = ["children", "className", "wrapWithTitle", "border", "phase"];
+const Start = {
   FONT_SIZE: 24,
   LINE_HEIGHT: 28,
   PADDING_TOP: 24,
@@ -18,7 +17,7 @@ var Start = {
   Y: 0,
   SPACING: 0
 };
-var End = {
+const End = {
   FONT_SIZE: 13,
   LINE_HEIGHT: 20,
   PADDING_TOP: 16,
@@ -28,76 +27,59 @@ var End = {
   Y: 0.1,
   SPACING: 1.09
 };
-var BORDER_APPEAR_PHASE = 0.5;
-var Header = /*#__PURE__*/function (_Component) {
-  function Header() {
-    _classCallCheck(this, Header);
-    return _callSuper(this, Header, arguments);
+const BORDER_APPEAR_PHASE = 0.5;
+class Header extends Component {
+  style(name) {
+    var _this$props$phase;
+    return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== void 0 ? _this$props$phase : 0);
   }
-  _inherits(Header, _Component);
-  return _createClass(Header, [{
-    key: "style",
-    value: function style(name) {
-      var _this$props$phase;
-      return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== void 0 ? _this$props$phase : 0);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        wrapWithTitle = _this$props.wrapWithTitle,
-        border = _this$props.border,
-        phase = _this$props.phase,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_e6a056e1.header, className, {
-        [modules_e6a056e1.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
-      });
-      var headerStyle = phase != null ? {
-        lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
-        // need to append px because number is a valid line-height value
-        paddingTop: this.style('PADDING_TOP'),
-        paddingBottom: this.style('PADDING_BOTTOM')
-      } : undefined;
-      var scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
-      var titleStyle = phase != null && phase < 1 ? {
-        fontSize: Start.FONT_SIZE,
-        transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
-        letterSpacing: this.style('SPACING')
-      } : undefined;
-      return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": "ring-island-header",
-        className: classes,
-        style: headerStyle,
-        children: [wrapWithTitle && /*#__PURE__*/jsx("h2", {
-          className: modules_e6a056e1.title,
-          style: titleStyle,
-          children: children
-        }), !wrapWithTitle && children]
-      }));
-    }
-  }]);
-}(Component);
-_defineProperty(Header, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  border: PropTypes.bool,
-  wrapWithTitle: PropTypes.bool,
-  phase: PropTypes.number
-});
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        wrapWithTitle,
+        border,
+        phase
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_e6a056e1.header, className, {
+      [modules_e6a056e1.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
+    });
+    const headerStyle = phase != null ? {
+      lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
+      // need to append px because number is a valid line-height value
+      paddingTop: this.style('PADDING_TOP'),
+      paddingBottom: this.style('PADDING_BOTTOM')
+    } : undefined;
+    const scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
+    const titleStyle = phase != null && phase < 1 ? {
+      fontSize: Start.FONT_SIZE,
+      transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
+      letterSpacing: this.style('SPACING')
+    } : undefined;
+    return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      "data-test": "ring-island-header",
+      className: classes,
+      style: headerStyle,
+      children: [wrapWithTitle && /*#__PURE__*/jsx("h2", {
+        className: modules_e6a056e1.title,
+        style: titleStyle,
+        children: children
+      }), !wrapWithTitle && children]
+    }));
+  }
+}
 _defineProperty(Header, "defaultProps", {
   wrapWithTitle: true
 });
-var HeaderWrapper = function HeaderWrapper(props) {
-  return /*#__PURE__*/jsx(PhaseContext.Consumer, {
-    children: function children(phase) {
-      var addProps = phase != null ? {
-        phase
-      } : {};
-      return /*#__PURE__*/jsx(Header, _objectSpread2(_objectSpread2({}, props), addProps));
-    }
-  });
-};
+const HeaderWrapper = props => /*#__PURE__*/jsx(PhaseContext.Consumer, {
+  children: phase => {
+    const addProps = phase != null ? {
+      phase
+    } : {};
+    return /*#__PURE__*/jsx(Header, _objectSpread2(_objectSpread2({}, props), addProps));
+  }
+});
 
 export { HeaderWrapper as default };

package/components/island/island.d.ts

@@ -1,5 +1,4 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 export interface IslandProps extends HTMLAttributes<HTMLElement> {
     narrow?: boolean | null | undefined;
     withoutPaddings?: boolean | null | undefined;
@@ -9,13 +8,6 @@ export interface IslandProps extends HTMLAttributes<HTMLElement> {
  * @name Island
  */
 export default class Island extends Component<IslandProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        narrow: PropTypes.Requireable<boolean>;
-        withoutPaddings: PropTypes.Requireable<boolean>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     render(): import("react").JSX.Element;
 }
 export declare const AdaptiveIsland: {
@@ -71,7 +63,6 @@ export declare const AdaptiveIsland: {
         componentWillUpdate?(nextProps: Readonly<IslandProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<IslandProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    propTypes: import("react").WeakValidationMap<IslandProps> | undefined;
     contextType?: import("react").Context<any> | undefined;
 };
 export { default as Header } from './header';

package/components/island/island.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 { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import adaptiveIslandHOC from './adaptive-island-hoc.js';
@@ -8,50 +7,35 @@ import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import { jsx } from 'react/jsx-runtime';
 export { default as Header } from './header.js';
 export { default as Content } from './content.js';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/linear-function.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-var _excluded = ["children", "className", "narrow", "withoutPaddings", "data-test"];
-var Island = /*#__PURE__*/function (_Component) {
-  function Island() {
-    _classCallCheck(this, Island);
-    return _callSuper(this, Island, arguments);
+const _excluded = ["children", "className", "narrow", "withoutPaddings", "data-test"];
+class Island extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        narrow,
+        withoutPaddings,
+        'data-test': dataTest
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_e6a056e1.island, className, {
+      [modules_e6a056e1.narrowIsland]: narrow,
+      [modules_e6a056e1.withoutPaddings]: withoutPaddings
+    });
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-island', dataTest),
+      children: children
+    }));
   }
-  _inherits(Island, _Component);
-  return _createClass(Island, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        narrow = _this$props.narrow,
-        withoutPaddings = _this$props.withoutPaddings,
-        dataTest = _this$props['data-test'],
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_e6a056e1.island, className, {
-        [modules_e6a056e1.narrowIsland]: narrow,
-        [modules_e6a056e1.withoutPaddings]: withoutPaddings
-      });
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        "data-test": joinDataTestAttributes('ring-island', dataTest),
-        children: children
-      }));
-    }
-  }]);
-}(Component);
-_defineProperty(Island, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  narrow: PropTypes.bool,
-  withoutPaddings: PropTypes.bool,
-  'data-test': PropTypes.string
-});
-var AdaptiveIsland = adaptiveIslandHOC(Island);
+}
+const AdaptiveIsland = adaptiveIslandHOC(Island);
 
 export { AdaptiveIsland, Island as default };

package/components/island-legacy/content-legacy.d.ts

@@ -1,10 +1,5 @@
 import { HTMLAttributes, PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import './island-legacy.css';
 export default class Content extends PureComponent<HTMLAttributes<HTMLElement>> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/island-legacy/content-legacy.js

@@ -1,34 +1,23 @@
-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 { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "className"];
-var Content = /*#__PURE__*/function (_PureComponent) {
-  function Content() {
-    _classCallCheck(this, Content);
-    return _callSuper(this, Content, arguments);
+const _excluded = ["children", "className"];
+class Content extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames('ring-island__content', className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      children: children
+    }));
   }
-  _inherits(Content, _PureComponent);
-  return _createClass(Content, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames('ring-island__content', className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: children
-      }));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Content, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { Content as default };

package/components/island-legacy/header-legacy.d.ts

@@ -1,10 +1,5 @@
 import { HTMLAttributes, PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import './island-legacy.css';
 export default class Header extends PureComponent<HTMLAttributes<HTMLElement>> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/island-legacy/header-legacy.js

@@ -1,37 +1,26 @@
-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 { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "className"];
-var Header = /*#__PURE__*/function (_PureComponent) {
-  function Header() {
-    _classCallCheck(this, Header);
-    return _callSuper(this, Header, arguments);
+const _excluded = ["children", "className"];
+class Header extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames('ring-island__header', className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      children: /*#__PURE__*/jsx("div", {
+        className: "ring-island__title",
+        children: children
+      })
+    }));
   }
-  _inherits(Header, _PureComponent);
-  return _createClass(Header, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames('ring-island__header', className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: /*#__PURE__*/jsx("div", {
-          className: "ring-island__title",
-          children: children
-        })
-      }));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Header, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { Header as default };