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

package/components/global/promise-with-timeout.js

@@ -1,14 +1,12 @@
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
-
 // Useful for using fetch with timeout
 // https://github.com/github/fetch/issues/175#issuecomment-284787564
 function promiseWithTimeout(promise, timeout, _ref) {
-  var error = _ref.error,
-    _ref$onTimeout = _ref.onTimeout,
-    onTimeout = _ref$onTimeout === void 0 ? function () {} : _ref$onTimeout;
-  return new Promise(function (resolve, reject) {
-    setTimeout(function () {
+  let {
+    error,
+    onTimeout = () => {}
+  } = _ref;
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
       onTimeout();
       reject(error || new Error('Timeout'));
     }, timeout);

package/components/global/react-dom-renderer.d.ts

@@ -1,14 +1,9 @@
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 export interface RendererProps {
     className?: string | undefined;
     nodes: readonly Node[] | NodeList;
 }
 export default class Renderer extends Component<RendererProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        nodes: PropTypes.Requireable<object>;
-    };
     componentDidMount(): void;
     node?: HTMLElement | null;
     nodeRef: (node: HTMLElement | null) => void;

package/components/global/react-dom-renderer.js

@@ -1,53 +1,37 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from 'react/jsx-runtime';
 
-var Renderer = /*#__PURE__*/function (_Component) {
-  function Renderer() {
-    var _this;
-    _classCallCheck(this, Renderer);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Renderer, [].concat(args));
-    _defineProperty(_this, "node", void 0);
-    _defineProperty(_this, "nodeRef", function (node) {
-      _this.node = node;
+class Renderer extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "node", void 0);
+    _defineProperty(this, "nodeRef", node => {
+      this.node = node;
     });
-    return _this;
   }
-  _inherits(Renderer, _Component);
-  return _createClass(Renderer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var node = this.node;
-      var nodes = this.props.nodes;
-      if (!node || !nodes || !nodes.length) {
-        return;
-      }
-      Array.from(this.props.nodes).forEach(function (nodeToRender) {
-        return node.appendChild(nodeToRender);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var className = this.props.className;
-      return /*#__PURE__*/jsx("div", {
-        className: className,
-        ref: this.nodeRef
-      });
+  componentDidMount() {
+    const {
+      node
+    } = this;
+    const {
+      nodes
+    } = this.props;
+    if (!node || !nodes || !nodes.length) {
+      return;
     }
-  }]);
-}(Component);
-_defineProperty(Renderer, "propTypes", {
-  className: PropTypes.string,
-  nodes: PropTypes.oneOfType([PropTypes.array, PropTypes.object])
-});
+    Array.from(this.props.nodes).forEach(nodeToRender => node.appendChild(nodeToRender));
+  }
+  render() {
+    const {
+      className
+    } = this.props;
+    return /*#__PURE__*/jsx("div", {
+      className: className,
+      ref: this.nodeRef
+    });
+  }
+}
 
 export { Renderer as default };

package/components/global/rerender-hoc.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import { Component, PropsWithoutRef } from 'react';
 export interface RerenderableComponent<P, S> extends Component<P, S> {
     node?: HTMLElement | null;
 }
@@ -7,4 +7,4 @@ export interface RerenderableComponentClass<P, S> {
 }
 export default function rerenderHOC<P extends {}, C extends Component<P, unknown>>(ComposedComponent: {
     new (props: P): C;
-}): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<C>>;
+}): import("react").ForwardRefExoticComponent<PropsWithoutRef<P> & import("react").RefAttributes<C>>;

package/components/global/rerender-hoc.js

@@ -1,42 +1,26 @@
-import { a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { forwardRef, Component } from 'react';
 import { createComposedRef } from './composeRefs.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
-import 'util-deprecate';
 
 function rerenderHOC(ComposedComponent) {
-  var Rerenderer = /*#__PURE__*/function (_Component) {
-    function Rerenderer() {
-      var _this;
-      _classCallCheck(this, Rerenderer);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _callSuper(this, Rerenderer, [].concat(args));
-      _defineProperty(_this, "state", _this.props.props);
-      _defineProperty(_this, "composedRef", createComposedRef());
-      return _this;
+  class Rerenderer extends Component {
+    constructor() {
+      super(...arguments);
+      _defineProperty(this, "state", this.props.props);
+      _defineProperty(this, "composedRef", createComposedRef());
     }
-    _inherits(Rerenderer, _Component);
-    return _createClass(Rerenderer, [{
-      key: "render",
-      value: function render() {
-        var _this2 = this;
-        var _ref = this.composedRef(this.props.forwardedRef);
-        return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.state), {}, {
-          ref: function ref(instance) {
-            return _ref(instance != null ? _objectSpread2(_objectSpread2({}, instance), {}, {
-              rerender: _this2.setState.bind(_this2)
-            }) : null);
-          }
-        }));
-      }
-    }]);
-  }(Component);
+    render() {
+      const ref = this.composedRef(this.props.forwardedRef);
+      return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.state), {}, {
+        ref: instance => ref(instance != null ? _objectSpread2(_objectSpread2({}, instance), {}, {
+          rerender: this.setState.bind(this)
+        }) : null)
+      }));
+    }
+  }
   return /*#__PURE__*/forwardRef(function RerendererForwardRef(props, ref) {
     return /*#__PURE__*/jsx(Rerenderer, {
       props: props,

package/components/global/schedule-raf.js

@@ -1,9 +1,9 @@
 function scheduleRAF(trailingCall) {
-  var scheduledCb;
-  var RAF;
-  var trailingCallScheduled = false;
+  let scheduledCb;
+  let RAF;
+  let trailingCallScheduled = false;
   function doSchedule() {
-    RAF = window.requestAnimationFrame(function () {
+    RAF = window.requestAnimationFrame(() => {
       var _scheduledCb;
       (_scheduledCb = scheduledCb) === null || _scheduledCb === void 0 || _scheduledCb();
       if (trailingCallScheduled) {

package/components/global/sniffer.js

@@ -1,6 +1,6 @@
 import Sniffr from 'sniffr';
 
-var sniffr = new Sniffr();
+const sniffr = new Sniffr();
 sniffr.sniff();
 
 export { sniffr as default };

package/components/global/theme.d.ts

@@ -1,9 +1,13 @@
-import { HTMLAttributes, ReactElement } from 'react';
+import { HTMLAttributes, ReactElement, FunctionComponent } from 'react';
 declare enum Theme {
     AUTO = "auto",
     LIGHT = "light",
     DARK = "dark"
 }
+export declare const ThemeContext: import("react").Context<{
+    theme: Theme.LIGHT | Theme.DARK;
+}>;
+export declare const GLOBAL_DARK_CLASS_NAME = "ring-ui-theme-dark";
 export declare function useTheme(): Theme.LIGHT | Theme.DARK;
 export declare function useThemeClasses(theme: Theme): string;
 export interface WithThemeClassesProps {
@@ -12,10 +16,12 @@ export interface WithThemeClassesProps {
 }
 export declare function WithThemeClasses({ theme, children }: WithThemeClassesProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare function applyTheme(theme: Theme.DARK | Theme.LIGHT, container: HTMLElement): void;
+type WrapperType = FunctionComponent<HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
     theme?: Theme;
     passToPopups?: boolean;
+    WrapperComponent?: WrapperType;
     target?: HTMLElement;
 }
-export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLElement>>;
 export default Theme;

package/components/global/theme.js

@@ -1,37 +1,19 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
-export { a as ThemeProvider, W as WithThemeClasses, c as applyTheme, T as default, u as useTheme, b as useThemeClasses } from '../_helpers/theme.js';
+export { G as GLOBAL_DARK_CLASS_NAME, b as ThemeContext, a as ThemeProvider, W as WithThemeClasses, d as applyTheme, T as default, u as useTheme, c as useThemeClasses } from '../_helpers/theme.js';
 import './get-uid.js';
 import 'react/jsx-runtime';
-import 'prop-types';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import './schedule-raf.js';
 import './dom.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.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.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import './sniffer.js';
 import 'sniffr';

package/components/global/trivial-template-tag.js

@@ -1,19 +1,14 @@
-import { j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var TWO = 2;
+const TWO = 2;
 function trivialTemplateTag(f) {
   return function (strings) {
-    var chunks = _toConsumableArray(strings);
+    const chunks = [...strings];
     // insert the interpolations where they belong to
     for (var _len = arguments.length, interpolations = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       interpolations[_key - 1] = arguments[_key];
     }
-    interpolations.forEach(function (value, i) {
-      return chunks.splice(TWO * i + 1, 0, value);
-    });
+    interpolations.forEach((value, i) => chunks.splice(TWO * i + 1, 0, value));
     return f(chunks.join(''));
   };
 }

package/components/global/typescript-utils.js

@@ -1,8 +1,4 @@
-var isArray = function isArray(arg) {
-  return Array.isArray(arg);
-};
-var isTruthy = function isTruthy(arg) {
-  return Boolean(arg);
-};
+const isArray = arg => Array.isArray(arg);
+const isTruthy = arg => Boolean(arg);
 
 export { isArray, isTruthy };

package/components/global/url.js

@@ -1,7 +1,4 @@
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
 import 'core-js/modules/es.string.replace.js';
 
 /**
@@ -10,21 +7,21 @@ import 'core-js/modules/es.string.replace.js';
 /**
  * @const {RegExp}
  */
-var ORIGIN_PATTERN = /^[a-z]+:\/\/[^/]+/i;
+const ORIGIN_PATTERN = /^[a-z]+:\/\/[^/]+/i;
 /**
  * @const {RegExp}
  */
-var ABSOLUTE_URL_PATTERN = /^[a-z]+:\/\//i;
+const ABSOLUTE_URL_PATTERN = /^[a-z]+:\/\//i;
 /**
  * @const {RegExp}
  */
-var ENDING_SLASH_PATTERN = /\/$/;
+const ENDING_SLASH_PATTERN = /\/$/;
 /**
  * Get URI from the <base> tag
  * @return {string|undefined} base URI
  */
 function getBaseURI() {
-  var baseElement = document.getElementsByTagName('base')[0];
+  const baseElement = document.getElementsByTagName('base')[0];
   return baseElement ? baseElement.href : undefined;
 }
 /**
@@ -32,9 +29,9 @@ function getBaseURI() {
  * @return {string} absolute base URI
  */
 function getAbsoluteBaseURL() {
-  var baseUrl = getBaseURI();
-  var host = "".concat(window.location.protocol, "//").concat(window.location.host);
-  var uri;
+  const baseUrl = getBaseURI();
+  const host = "".concat(window.location.protocol, "//").concat(window.location.host);
+  let uri;
   if (baseUrl) {
     uri = ABSOLUTE_URL_PATTERN.test(baseUrl) ? baseUrl : host + baseUrl;
   } else {
@@ -48,7 +45,7 @@ function getAbsoluteBaseURL() {
  * @returns {string|undefined} origin
  */
 function getOrigin(url) {
-  var matches = url.match(ORIGIN_PATTERN);
+  const matches = url.match(ORIGIN_PATTERN);
   if (matches) {
     return matches[0];
   }
@@ -70,9 +67,9 @@ function getAbsoluteURL() {
  * @return {string} fixed URL
  */
 function fixUrl(url) {
-  var baseURIGetter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getBaseURI;
+  let baseURIGetter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getBaseURI;
   if (url.indexOf('http://') === -1 && url.indexOf('https://') === -1 && url.indexOf('/') !== 0) {
-    var baseUrl = baseURIGetter();
+    const baseUrl = baseURIGetter();
     if (baseUrl) {
       return baseUrl + url;
     }
@@ -98,14 +95,14 @@ function parseQueryString(queryString) {
   if (queryString == null) {
     return {};
   }
-  var queryParameterPairRE = /([^&;=]+)=?([^&;]*)/g;
-  var FIRST_PAIR_ELEMENT = 1;
-  var SECOND_PAIR_ELEMENT = 2;
-  var urlParams = {};
+  const queryParameterPairRE = /([^&;=]+)=?([^&;]*)/g;
+  const FIRST_PAIR_ELEMENT = 1;
+  const SECOND_PAIR_ELEMENT = 2;
+  const urlParams = {};
   function decode(s) {
     return decodeURIComponent(s.replace(/\+/g, ' '));
   }
-  var matchedQueryPair;
+  let matchedQueryPair;
   while ((matchedQueryPair = queryParameterPairRE.exec(queryString)) != null) {
     urlParams[decode(matchedQueryPair[FIRST_PAIR_ELEMENT])] = decode(matchedQueryPair[SECOND_PAIR_ELEMENT]);
   }
@@ -122,11 +119,11 @@ function customEncodeURIComponent(str) {
  * @returns {string} encoded URL
  */
 function encodeURL(url, params) {
-  var equalsSign = '=';
-  var firstSeparator = url.indexOf('?') === -1 ? '?' : '&';
-  var res = url;
-  var k;
-  var i = 0;
+  const equalsSign = '=';
+  const firstSeparator = url.indexOf('?') === -1 ? '?' : '&';
+  let res = url;
+  let k;
+  let i = 0;
   for (k in params) {
     if (params.hasOwnProperty(k) && params[k] != null) {
       res += (i++ === 0 ? firstSeparator : '&') + customEncodeURIComponent(k) + equalsSign + customEncodeURIComponent(params[k]);

package/components/global/use-event-callback.js

@@ -1,16 +1,19 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useLayoutEffect, useCallback } from 'react';
 
 function useEventCallback(fn) {
-  var ref = useRef();
-  useLayoutEffect(function () {
+  const ref = useRef();
+  useLayoutEffect(() => {
     ref.current = fn;
   });
   return useCallback(function () {
-    var current = ref.current;
+    const {
+      current
+    } = ref;
     if (current == null) {
       throw new Error('callback created in useEventCallback can only be called from event handlers');
     }
-    return current.apply(void 0, arguments);
+    return current(...arguments);
   }, []);
 }
 

package/components/grid/col.d.ts

@@ -1,5 +1,4 @@
 import { Component, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export interface ColProps {
     children?: ReactNode;
     xs?: boolean | number | null | undefined;
@@ -14,18 +13,5 @@ export interface ColProps {
     className?: string | null | undefined;
 }
 export default class Col extends Component<ColProps> {
-    static propTypes: {
-        xs: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
-        sm: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
-        md: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
-        lg: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
-        xsOffset: PropTypes.Requireable<number>;
-        smOffset: PropTypes.Requireable<number>;
-        mdOffset: PropTypes.Requireable<number>;
-        lgOffset: PropTypes.Requireable<number>;
-        reverse: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/grid/col.js

@@ -1,18 +1,13 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, i as _slicedToArray, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import { a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reverse.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "className", "reverse"];
-var ModifierType = PropTypes.oneOfType([PropTypes.number, PropTypes.bool]);
-var classMap = {
+const _excluded = ["children", "className", "reverse"];
+const classMap = {
   xs: 'col-xs',
   sm: 'col-sm',
   md: 'col-md',
@@ -28,53 +23,32 @@ var classMap = {
  * @returns {Array} result classnames
  */
 function getClassNames(props) {
-  return Object.entries(props).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
-      key = _ref2[0];
+  return Object.entries(props).filter(_ref => {
+    let [key] = _ref;
     return classMap[key];
-  }).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      key = _ref4[0],
-      value = _ref4[1];
+  }).map(_ref2 => {
+    let [key, value] = _ref2;
     return modules_855170c0[Number.isInteger(value) ? "".concat(classMap[key], "-").concat(value) : classMap[key]];
   });
 }
-var Col = /*#__PURE__*/function (_Component) {
-  function Col() {
-    _classCallCheck(this, Col);
-    return _callSuper(this, Col, arguments);
+class Col extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        reverse
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_855170c0.col, className, getClassNames(restProps), {
+      [modules_855170c0.reverse]: reverse
+    });
+    return /*#__PURE__*/jsx("div", {
+      className: classes,
+      "data-test": "ring-grid-column",
+      children: children
+    });
   }
-  _inherits(Col, _Component);
-  return _createClass(Col, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        reverse = _this$props.reverse,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_855170c0.col, className, getClassNames(restProps), {
-        [modules_855170c0.reverse]: reverse
-      });
-      return /*#__PURE__*/jsx("div", {
-        className: classes,
-        children: children
-      });
-    }
-  }]);
-}(Component);
-_defineProperty(Col, "propTypes", {
-  xs: ModifierType,
-  sm: ModifierType,
-  md: ModifierType,
-  lg: ModifierType,
-  xsOffset: PropTypes.number,
-  smOffset: PropTypes.number,
-  mdOffset: PropTypes.number,
-  lgOffset: PropTypes.number,
-  reverse: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { Col as default };

package/components/grid/grid.d.ts

@@ -1,13 +1,8 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 /**
  * @name Grid
  */
 export declare class Grid extends Component<HTMLAttributes<HTMLDivElement>> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     render(): import("react").JSX.Element;
 }
 export { default as Row } from './row';

package/components/grid/grid.js

@@ -1,43 +1,31 @@
-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 { m as modules_855170c0 } from '../_helpers/grid.js';
 import { jsx } from 'react/jsx-runtime';
 export { default as Row } from './row.js';
 export { default as Col } from './col.js';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.reverse.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var _excluded = ["children", "className"];
-var Grid = /*#__PURE__*/function (_Component) {
-  function Grid() {
-    _classCallCheck(this, Grid);
-    return _callSuper(this, Grid, arguments);
+const _excluded = ["children", "className"];
+class Grid extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_855170c0['container-fluid'], className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
+      "data-test": "ring-grid"
+    }, restProps), {}, {
+      className: classes,
+      children: children
+    }));
   }
-  _inherits(Grid, _Component);
-  return _createClass(Grid, [{
-    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(modules_855170c0['container-fluid'], className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: children
-      }));
-    }
-  }]);
-}(Component);
-_defineProperty(Grid, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { Grid };