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

package/components/button/button.js

@@ -1,129 +1,93 @@
-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 PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
+import deprecate from 'util-deprecate';
 import Icon from '../icon/icon.js';
 import ClickableLink from '../link/clickableLink.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { g as getButtonClasses, m as modules_e81895c9 } from '../_helpers/button__classes.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Size } from '../icon/icon__constants.js';
-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';
 
-var _excluded = ["active", "danger", "delayed", "loader", "primary", "short", "text", "inline", "dropdown", "height", "icon", "iconSize", "iconClassName", "iconSuppressSizeWarning", "className", "children"];
-var Button = /*#__PURE__*/function (_PureComponent) {
-  function Button() {
-    var _this;
-    _classCallCheck(this, Button);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Button, [].concat(args));
-    _defineProperty(_this, "buttonRef", /*#__PURE__*/createRef());
-    return _this;
+const _excluded = ["active", "danger", "delayed", "loader", "primary", "short", "text", "dropdown", "height", "icon", "iconSize", "iconClassName", "iconSuppressSizeWarning", "className", "children", "inline"];
+const warnText = deprecate(() => {}, 'Button: "text" prop is deprecated and will be removed in 8.0. Use inline instead.');
+/**
+ * @name Button
+ */
+/**
+ * A component for displaying variously styled buttons.
+ */
+class Button extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "buttonRef", /*#__PURE__*/createRef());
   }
-  _inherits(Button, _PureComponent);
-  return _createClass(Button, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        active = _this$props.active,
-        danger = _this$props.danger,
-        delayed = _this$props.delayed,
-        loader = _this$props.loader,
-        primary = _this$props.primary,
-        short = _this$props.short,
-        text = _this$props.text,
-        inline = _this$props.inline,
-        dropdown = _this$props.dropdown,
-        _this$props$height = _this$props.height,
-        height = _this$props$height === void 0 ? this.context : _this$props$height,
-        icon = _this$props.icon,
-        iconSize = _this$props.iconSize,
-        iconClassName = _this$props.iconClassName,
-        iconSuppressSizeWarning = _this$props.iconSuppressSizeWarning,
-        className = _this$props.className,
-        children = _this$props.children,
-        props = _objectWithoutProperties(_this$props, _excluded);
-      var classes = getButtonClasses({
-        className,
+  render() {
+    var _ref;
+    const _this$props = this.props,
+      {
+        // Modifiers
         active,
         danger,
         delayed,
-        icon,
         loader,
         primary,
         short,
         text,
-        inline,
-        height
-      });
-      var content = /*#__PURE__*/jsxs("span", {
-        className: modules_e81895c9.content,
-        children: [icon && /*#__PURE__*/jsx("span", {
-          className: classNames(modules_e81895c9.icon, iconClassName),
-          children: /*#__PURE__*/jsx(Icon, {
-            glyph: icon,
-            size: iconSize,
-            loading: loader,
-            suppressSizeWarning: iconSuppressSizeWarning
-          })
-        }), children && /*#__PURE__*/jsx("span", {
-          children: children
-        }), dropdown && /*#__PURE__*/jsx(Icon, {
-          glyph: chevronDownIcon,
-          className: modules_e81895c9.dropdownIcon
-        })]
-      });
-      var commonProps = _objectSpread2(_objectSpread2({
-        tabIndex: loader ? -1 : 0
-      }, props), {}, {
-        className: classes,
-        children: /*#__PURE__*/jsxs(Fragment, {
-          children: [loader && !text && !icon && /*#__PURE__*/jsx("div", {
-            className: modules_e81895c9.loaderBackground
-          }), content]
-        })
-      });
-      return commonProps.href != null ? /*#__PURE__*/jsx(ClickableLink, _objectSpread2({}, commonProps)) : /*#__PURE__*/jsx("button", _objectSpread2({
-        ref: this.buttonRef,
-        type: "button"
-      }, commonProps));
+        dropdown,
+        height,
+        // Props
+        icon,
+        iconSize,
+        iconClassName,
+        iconSuppressSizeWarning,
+        className,
+        children,
+        inline
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    const isInline = (_ref = inline !== null && inline !== void 0 ? inline : text) !== null && _ref !== void 0 ? _ref : icon != null;
+    if (text != null) {
+      warnText();
     }
-  }]);
-}(PureComponent);
-_defineProperty(Button, "propTypes", {
-  active: PropTypes.bool,
-  danger: PropTypes.bool,
-  delayed: PropTypes.bool,
-  loader: PropTypes.bool,
-  primary: PropTypes.bool,
-  short: PropTypes.bool,
-  text: PropTypes.bool,
-  inline: PropTypes.bool,
-  dropdown: PropTypes.bool,
-  href: PropTypes.string,
-  target: PropTypes.string,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  iconSize: PropTypes.number,
-  iconClassName: PropTypes.string,
-  iconSuppressSizeWarning: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  onClick: PropTypes.func
-});
+    const classes = getButtonClasses(_objectSpread2(_objectSpread2({}, this.props), {}, {
+      inline: isInline,
+      height: height !== null && height !== void 0 ? height : this.context
+    }));
+    const content = /*#__PURE__*/jsxs(Fragment, {
+      children: [icon && /*#__PURE__*/jsx(Icon, {
+        className: classNames(modules_e81895c9.icon, iconClassName),
+        glyph: icon,
+        size: iconSize,
+        loading: loader && isInline,
+        suppressSizeWarning: iconSuppressSizeWarning
+      }), children, dropdown && /*#__PURE__*/jsx(Icon, {
+        glyph: chevronDownIcon,
+        className: modules_e81895c9.dropdownIcon
+      })]
+    });
+    const commonProps = _objectSpread2(_objectSpread2({
+      tabIndex: loader ? -1 : 0
+    }, props), {}, {
+      className: classes,
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [loader && !isInline && /*#__PURE__*/jsx("div", {
+          className: modules_e81895c9.loaderBackground
+        }), content]
+      })
+    });
+    return commonProps.href != null ? /*#__PURE__*/jsx(ClickableLink, _objectSpread2({}, commonProps)) : /*#__PURE__*/jsx("button", _objectSpread2({
+      ref: this.buttonRef,
+      type: "button"
+    }, commonProps));
+  }
+}
 _defineProperty(Button, "IconSize", Size);
 _defineProperty(Button, "contextType", ControlsHeightContext);
 

package/components/button/button__classes.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from './button';
-export declare function getButtonClasses({ className, active, disabled, loader, primary, short, text, inline, danger, delayed, icon, height }: ButtonProps): string;
+export declare function getButtonClasses({ className, active, disabled, loader, primary, short, inline, danger, delayed, icon, height, children }: ButtonProps): string;

package/components/button-group/button-group.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, HTMLAttributes, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import Caption from './caption';
 export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
     split?: boolean | null | undefined;
@@ -11,10 +10,6 @@ export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
  * @name Button Group
  */
 export default class ButtonGroup extends PureComponent<ButtonGroupProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-    };
     render(): import("react").JSX.Element;
 }
 export { Caption };

package/components/button-group/button-group.js

@@ -1,8 +1,6 @@
-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 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.split.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { ControlLabel } from '../control-label/control-label.js';
@@ -10,46 +8,34 @@ import ControlHelp from '../control-help/control-help.js';
 import { m as modules_1068e447 } from '../_helpers/caption.js';
 export { C as Caption } from '../_helpers/caption.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-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';
 
-var _excluded = ["className", "split", "data-test", "label", "help"];
-var ButtonGroup = /*#__PURE__*/function (_PureComponent) {
-  function ButtonGroup() {
-    _classCallCheck(this, ButtonGroup);
-    return _callSuper(this, ButtonGroup, arguments);
+const _excluded = ["className", "split", "data-test", "label", "help"];
+class ButtonGroup extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        split,
+        'data-test': dataTest,
+        label,
+        help
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [label && /*#__PURE__*/jsx(ControlLabel, {
+        children: label
+      }), /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+        "data-test": joinDataTestAttributes('ring-button-group', dataTest),
+        className: classes
+      })), help && /*#__PURE__*/jsx(ControlHelp, {
+        className: modules_1068e447.help,
+        children: help
+      })]
+    });
   }
-  _inherits(ButtonGroup, _PureComponent);
-  return _createClass(ButtonGroup, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        split = _this$props.split,
-        dataTest = _this$props['data-test'],
-        label = _this$props.label,
-        help = _this$props.help,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [label && /*#__PURE__*/jsx(ControlLabel, {
-          children: label
-        }), /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-          "data-test": joinDataTestAttributes('ring-button-group', dataTest),
-          className: classes
-        })), help && /*#__PURE__*/jsx(ControlHelp, {
-          className: modules_1068e447.help,
-          children: help
-        })]
-      });
-    }
-  }]);
-}(PureComponent);
-_defineProperty(ButtonGroup, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
+}
 
 export { ButtonGroup as default };

package/components/button-group/caption.d.ts

@@ -1,8 +1,4 @@
 import { PureComponent, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 export default class Caption extends PureComponent<HTMLAttributes<HTMLElement>> {
-    static propTypes: {
-        className: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/button-group/caption.js

@@ -1,6 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
-import 'prop-types';
 import 'classnames';
 export { C as default } from '../_helpers/caption.js';
 import 'react/jsx-runtime';

package/components/button-set/button-set.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
 }
@@ -7,10 +6,5 @@ export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
  * @name Button Set
  */
 export default class ButtonSet extends PureComponent<ButtonSetProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/button-set/button-set.js

@@ -1,44 +1,30 @@
-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 classNames from 'classnames';
-import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { jsx } from 'react/jsx-runtime';
-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';
 
 var modules_fd849143 = {"button":"button_rui_6ad6","light":"light_rui_2ac4","buttonSet":"buttonSet_rui_97ff"};
 
-var _excluded = ["className", "data-test", "children"];
-var ButtonSet = /*#__PURE__*/function (_PureComponent) {
-  function ButtonSet() {
-    _classCallCheck(this, ButtonSet);
-    return _callSuper(this, ButtonSet, arguments);
+const _excluded = ["className", "data-test", "children"];
+class ButtonSet extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        'data-test': dataTest,
+        children
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_fd849143.buttonSet, className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      "data-test": joinDataTestAttributes('ring-button-set', dataTest),
+      className: classes,
+      children: children
+    }));
   }
-  _inherits(ButtonSet, _PureComponent);
-  return _createClass(ButtonSet, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        dataTest = _this$props['data-test'],
-        children = _this$props.children,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_fd849143.buttonSet, className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": joinDataTestAttributes('ring-button-set', dataTest),
-        className: classes,
-        children: children
-      }));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(ButtonSet, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  'data-test': PropTypes.string
-});
+}
 
 export { ButtonSet as default };

package/components/button-toolbar/button-toolbar.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
 }
@@ -7,10 +6,5 @@ export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
  * @name Button Toolbar
 */
 export default class ButtonToolbar extends PureComponent<ButtonToolbarProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/button-toolbar/button-toolbar.js

@@ -1,42 +1,28 @@
-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 joinDataTestAttributes from '../global/data-tests.js';
 import { jsx } from 'react/jsx-runtime';
-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';
 
 var modules_34154ec0 = {"button":"button_rui_6ad6","light":"light_rui_2ac4","buttonToolbar":"buttonToolbar_rui_5c90","buttonGroup":"buttonGroup_rui_5c90","split":"split_rui_5c90"};
 
-var _excluded = ["className", "data-test"];
-var ButtonToolbar = /*#__PURE__*/function (_PureComponent) {
-  function ButtonToolbar() {
-    _classCallCheck(this, ButtonToolbar);
-    return _callSuper(this, ButtonToolbar, arguments);
+const _excluded = ["className", "data-test"];
+class ButtonToolbar extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        'data-test': dataTest
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_34154ec0.buttonToolbar, className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
+      className: classes
+    }));
   }
-  _inherits(ButtonToolbar, _PureComponent);
-  return _createClass(ButtonToolbar, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        dataTest = _this$props['data-test'],
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_34154ec0.buttonToolbar, className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
-        className: classes
-      }));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(ButtonToolbar, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  'data-test': PropTypes.string
-});
+}
 
 export { ButtonToolbar as default };