@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

package/dist/global/rerender-hoc.js

@@ -1,8 +1,16 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createSuper, d as _createClass, c as _classCallCheck, _ as _defineProperty, k as _assertThisInitialized } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.assign.js';
 import { createElement } from 'react';
 import { render } from './react-render-adapter.js';
 import composeRefs from './composeRefs.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
+import 'core-js/modules/web.dom-collections.for-each.js';
 
 /**
  * Wraps a component to add a "rerender" method
@@ -11,27 +19,40 @@ import 'react-dom';
  * @returns {Rerenderer}
  */
 function rerenderHOC(ComposedComponent) {
-  return class Rerenderer extends ComposedComponent {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "_propsCache", this.props);
+  return /*#__PURE__*/function (_ComposedComponent) {
+    _inherits(Rerenderer, _ComposedComponent);
+    var _super = _createSuper(Rerenderer);
+    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 = _super.call.apply(_super, [this].concat(args));
+      _defineProperty(_assertThisInitialized(_this), "_propsCache", _this.props);
+      return _this;
     }
-    rerender() {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      let callback = arguments.length > 1 ? arguments[1] : undefined;
-      let container;
-      try {
-        container = this.node?.parentNode;
-      } finally {
-        if (!container || !(container instanceof Element)) {
-          throw new Error(`${this.constructor.name} component isn't mounted`);
+    _createClass(Rerenderer, [{
+      key: "rerender",
+      value: function rerender() {
+        var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var callback = arguments.length > 1 ? arguments[1] : undefined;
+        var container;
+        try {
+          var _this$node;
+          container = (_this$node = this.node) === null || _this$node === void 0 ? void 0 : _this$node.parentNode;
+        } finally {
+          if (!container || !(container instanceof Element)) {
+            throw new Error("".concat(this.constructor.name, " component isn't mounted"));
+          }
         }
+        this._propsCache = Object.assign({}, this.props, this._propsCache, props);
+        this._propsCache.ref = composeRefs(this._propsCache.ref, callback);
+        render( /*#__PURE__*/createElement(this.constructor, this._propsCache), container);
       }
-      this._propsCache = Object.assign({}, this.props, this._propsCache, props);
-      this._propsCache.ref = composeRefs(this._propsCache.ref, callback);
-      render( /*#__PURE__*/createElement(this.constructor, this._propsCache), container);
-    }
-  };
+    }]);
+    return Rerenderer;
+  }(ComposedComponent);
 }
 
 export { rerenderHOC as default };

package/dist/global/ring-angular-component.js

@@ -1,19 +1,27 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { d as _createClass, c as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 
-class RingAngularComponent {
-  static get controller() {
-    return this;
-  }
-  constructor() {
+var RingAngularComponent = /*#__PURE__*/function () {
+  function RingAngularComponent() {
+    var _this$constructor$$in,
+      _this = this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+    _classCallCheck(this, RingAngularComponent);
     _defineProperty(this, "$inject", {});
-    this.constructor.$inject.forEach((injectName, i) => {
-      this.$inject[injectName] = args[i];
+    ((_this$constructor$$in = this.constructor.$inject) !== null && _this$constructor$$in !== void 0 ? _this$constructor$$in : []).forEach(function (injectName, i) {
+      _this.$inject[injectName] = args[i];
     });
   }
-}
-_defineProperty(RingAngularComponent, "$inject", []);
+  _createClass(RingAngularComponent, null, [{
+    key: "controller",
+    get: function get() {
+      return this;
+    }
+  }]);
+  return RingAngularComponent;
+}();
 
 export { RingAngularComponent as default };

package/dist/global/schedule-raf.js

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

package/dist/global/sniffer.js

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

package/dist/global/theme.js

@@ -7,14 +7,38 @@ 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';
 import './get-uid.js';
 import 'prop-types';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
 import './schedule-raf.js';
 import './dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.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 '../shortcuts/shortcuts.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.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import './sniffer.js';
 import 'sniffr';
 import './data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';

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

@@ -1,12 +1,19 @@
-const TWO = 2;
+import { m as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.splice.js';
+
+var TWO = 2;
 function trivialTemplateTag(f) {
   return function (strings) {
-    const chunks = [...strings];
+    var chunks = _toConsumableArray(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((value, i) => chunks.splice(TWO * i + 1, 0, value));
+    interpolations.forEach(function (value, i) {
+      return chunks.splice(TWO * i + 1, 0, value);
+    });
     return f(chunks.join(''));
   };
 }

package/dist/global/typescript-utils.js

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

package/dist/global/url.js

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

package/dist/global/use-event-callback.d.ts

@@ -0,0 +1 @@
+export default function useEventCallback<I extends unknown[], O>(fn: (...args: I) => O): (...args: I) => O;

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

@@ -0,0 +1,17 @@
+import { useRef, useLayoutEffect, useCallback } from 'react';
+
+function useEventCallback(fn) {
+  var ref = useRef();
+  useLayoutEffect(function () {
+    ref.current = fn;
+  });
+  return useCallback(function () {
+    var current = ref.current;
+    if (current == null) {
+      throw new Error('callback created in useEventCallback can only be called from event handlers');
+    }
+    return current.apply(void 0, arguments);
+  }, []);
+}
+
+export { useEventCallback as default };

package/dist/grid/col.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export interface ColProps {
     children?: ReactNode;
@@ -27,5 +27,5 @@ export default class Col extends Component<ColProps> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/grid/col.js

@@ -1,11 +1,20 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.number.is-integer.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reverse.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
 
-const ModifierType = PropTypes.oneOfType([PropTypes.number, PropTypes.bool]);
-const classMap = {
+var _excluded = ["children", "className", "reverse"];
+var ModifierType = PropTypes.oneOfType([PropTypes.number, PropTypes.bool]);
+var classMap = {
   xs: 'col-xs',
   sm: 'col-sm',
   md: 'col-md',
@@ -21,30 +30,40 @@ const classMap = {
  * @returns {Array} result classnames
  */
 function getClassNames(props) {
-  return Object.entries(props).filter(_ref => {
-    let [key] = _ref;
+  return Object.entries(props).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 1),
+      key = _ref2[0];
     return classMap[key];
-  }).map(_ref2 => {
-    let [key, value] = _ref2;
-    return modules_855170c0[Number.isInteger(value) ? `${classMap[key]}-${value}` : classMap[key]];
+  }).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return modules_855170c0[Number.isInteger(value) ? "".concat(classMap[key], "-").concat(value) : classMap[key]];
   });
 }
-class Col extends Component {
-  render() {
-    const {
-      children,
-      className,
-      reverse,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_855170c0.col, className, getClassNames(restProps), {
-      [modules_855170c0.reverse]: reverse
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes
-    }, children);
+var Col = /*#__PURE__*/function (_Component) {
+  _inherits(Col, _Component);
+  var _super = _createSuper(Col);
+  function Col() {
+    _classCallCheck(this, Col);
+    return _super.apply(this, arguments);
   }
-}
+  _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), _defineProperty({}, modules_855170c0.reverse, reverse));
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, children);
+    }
+  }]);
+  return Col;
+}(Component);
 _defineProperty(Col, "propTypes", {
   xs: ModifierType,
   sm: ModifierType,

package/dist/grid/grid.d.ts

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

package/dist/grid/grid.js

@@ -1,27 +1,46 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
 export { default as Row } from './row.js';
 export { default as Col } from './col.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reverse.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.number.is-integer.js';
+import 'core-js/modules/es.number.constructor.js';
 
+var _excluded = ["children", "className"];
 /**
  * @name Grid
  */
-class Grid extends Component {
-  render() {
-    const {
-      children,
-      className,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_855170c0['container-fluid'], className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      className: classes
-    }), children);
+var Grid = /*#__PURE__*/function (_Component) {
+  _inherits(Grid, _Component);
+  var _super = _createSuper(Grid);
+  function Grid() {
+    _classCallCheck(this, Grid);
+    return _super.apply(this, arguments);
   }
-}
+  _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__*/React.createElement("div", _extends({}, restProps, {
+        className: classes
+      }), children);
+    }
+  }]);
+  return Grid;
+}(Component);
 _defineProperty(Grid, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node

package/dist/grid/row.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 declare const ModifierType: PropTypes.Requireable<string>;
 type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
@@ -35,6 +35,6 @@ export default class Row extends Component<RowProps> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/grid/row.js

@@ -1,11 +1,16 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reverse.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
 
-const ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
-const modifierKeys = ['start', 'center', 'end', 'around', 'between', 'top', 'middle', 'baseline', 'bottom', 'first', 'last' // order
+var _excluded = ["children", "className", "reverse"];
+var ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
+var modifierKeys = ['start', 'center', 'end', 'around', 'between', 'top', 'middle', 'baseline', 'bottom', 'first', 'last' // order
 ];
 /**
  * Converts xs="middle" to class "middle-xs"
@@ -13,29 +18,36 @@ const modifierKeys = ['start', 'center', 'end', 'around', 'between', 'top', 'mid
  * @returns {Array} result modifier classes
  */
 function getModifierClassNames(props) {
-  return modifierKeys.reduce((result, key) => {
+  return modifierKeys.reduce(function (result, key) {
     if (props[key]) {
-      return result.concat(modules_855170c0[`${key}-${props[key]}`]);
+      return result.concat(modules_855170c0["".concat(key, "-").concat(props[key])]);
     }
     return result;
   }, []);
 }
-class Row extends Component {
-  render() {
-    const {
-      children,
-      className,
-      reverse,
-      ...restProps
-    } = this.props;
-    const classes = classNames(className, modules_855170c0.row, getModifierClassNames(restProps), {
-      [modules_855170c0.reverse]: reverse
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes
-    }, children);
+var Row = /*#__PURE__*/function (_Component) {
+  _inherits(Row, _Component);
+  var _super = _createSuper(Row);
+  function Row() {
+    _classCallCheck(this, Row);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Row, [{
+    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(className, modules_855170c0.row, getModifierClassNames(restProps), _defineProperty({}, modules_855170c0.reverse, reverse));
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, children);
+    }
+  }]);
+  return Row;
+}(Component);
 _defineProperty(Row, "propTypes", {
   reverse: PropTypes.bool,
   start: ModifierType,

package/dist/group/group.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Group
@@ -8,5 +8,5 @@ export default class Group extends Component<HTMLAttributes<HTMLSpanElement>> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }