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

package/components/contenteditable/contenteditable.js

@@ -1,13 +1,13 @@
-import { _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { renderToStaticMarkup } from 'react-dom/server';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"],
+const _excluded = ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"],
   _excluded2 = ["children"];
 function noop() {}
-var commonPropTypes = {
+const commonPropTypes = {
   disabled: PropTypes.bool,
   tabIndex: PropTypes.number,
   componentDidUpdate: PropTypes.func,
@@ -15,48 +15,38 @@ var commonPropTypes = {
   className: PropTypes.string,
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-var ContentEditableBase = /*#__PURE__*/function (_Component) {
-  function ContentEditableBase() {
-    _classCallCheck(this, ContentEditableBase);
-    return _callSuper(this, ContentEditableBase, arguments);
+class ContentEditableBase extends Component {
+  shouldComponentUpdate(nextProps) {
+    return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
   }
-  _inherits(ContentEditableBase, _Component);
-  return _createClass(ContentEditableBase, [{
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      this.props.onComponentUpdate(prevProps);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        __html = _this$props.__html;
-        _this$props.onComponentUpdate;
-        var disabled = _this$props.disabled,
-        tabIndex = _this$props.tabIndex,
-        inputRef = _this$props.inputRef,
-        props = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
-        ref: inputRef
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        ,
-        disabled: disabled,
-        role: "textbox",
-        tabIndex: disabled ? undefined : tabIndex,
-        contentEditable: !this.props.disabled,
-        dangerouslySetInnerHTML: {
-          __html
-        }
-      }));
-    }
-  }]);
-}(Component);
+  componentDidUpdate(prevProps) {
+    this.props.onComponentUpdate(prevProps);
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        __html,
+        onComponentUpdate,
+        disabled,
+        tabIndex,
+        inputRef
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+      ref: inputRef
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      ,
+      disabled: disabled,
+      role: "textbox",
+      tabIndex: disabled ? undefined : tabIndex,
+      contentEditable: !this.props.disabled,
+      dangerouslySetInnerHTML: {
+        __html
+      }
+    }));
+  }
+}
 _defineProperty(ContentEditableBase, "propTypes", _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
   __html: PropTypes.string
 }));
@@ -66,8 +56,10 @@ _defineProperty(ContentEditableBase, "defaultProps", {
   onInput: noop,
   onComponentUpdate: noop
 });
-var ContentEditable = function ContentEditable(_ref) {
-  var children = _ref.children,
+const ContentEditable = _ref => {
+  let {
+      children
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded2);
   return /*#__PURE__*/jsx(ContentEditableBase, _objectSpread2(_objectSpread2({}, props), {}, {
     __html: renderToStaticMarkup(children)

package/components/control-help/control-help.js

@@ -1,12 +1,14 @@
-import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
 var modules_7bfdf71c = {"light":"light_rui_2ac4","help":"help_rui_63a3"};
 
-var _excluded = ["className"];
+const _excluded = ["className"];
 function ControlHelp(_ref) {
-  var className = _ref.className,
+  let {
+      className
+    } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx("div", _objectSpread2({
     className: classNames(className, modules_7bfdf71c.help)

package/components/control-label/control-label.js

@@ -1,4 +1,4 @@
-import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,21 +6,22 @@ import { jsx } from 'react/jsx-runtime';
 
 var modules_9eb96a10 = {"label":"label_rui_fe46","formLabel":"formLabel_rui_fe46","secondaryLabel":"secondaryLabel_rui_fe46","disabledLabel":"disabledLabel_rui_fe46"};
 
-var _excluded = ["children", "type", "disabled"];
+const _excluded = ["children", "type", "disabled"];
 var LabelType;
 (function (LabelType) {
   LabelType["SECONDARY"] = "secondary";
   LabelType["FORM"] = "form";
 })(LabelType || (LabelType = {}));
-var classNameByType = {
+const classNameByType = {
   [LabelType.SECONDARY]: modules_9eb96a10.secondaryLabel,
   [LabelType.FORM]: modules_9eb96a10.formLabel
 };
-var ControlLabel = function ControlLabel(_ref) {
-  var children = _ref.children,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? LabelType.SECONDARY : _ref$type,
-    disabled = _ref.disabled,
+const ControlLabel = _ref => {
+  let {
+      children,
+      type = LabelType.SECONDARY,
+      disabled
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx("label", _objectSpread2(_objectSpread2({
     className: classNames(modules_9eb96a10.label, classNameByType[type], {

package/components/data-list/data-list.js

@@ -1,6 +1,5 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -16,36 +15,17 @@ import { m as modules_09d014b4 } from '../_helpers/title.js';
 import Selection from './selection.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '../global/composeRefs.js';
-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';
 import '../table/selection.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../loader/loader__core.js';
-import 'core-js/modules/es.array.fill.js';
 import '../global/dom.js';
-import 'core-js/modules/es.string.split.js';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
 import '../link/link.js';
@@ -55,55 +35,50 @@ import '../text/text.js';
 import '../loader-inline/loader-inline.js';
 import '../button/button.js';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.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.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../control-help/control-help.js';
-import 'core-js/modules/es.array.find.js';
 
-var DataList = /*#__PURE__*/function (_PureComponent) {
-  function DataList() {
-    var _this;
-    _classCallCheck(this, DataList);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, DataList, [].concat(args));
-    _defineProperty(_this, "shortcutsScope", getUID('ring-data-list-'));
-    _defineProperty(_this, "onItemFocus", function (item) {
-      var _this$props = _this.props,
-        selection = _this$props.selection,
-        onSelect = _this$props.onSelect;
+class DataList extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "shortcutsScope", getUID('ring-data-list-'));
+    _defineProperty(this, "onItemFocus", item => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
       onSelect(selection.focus(item));
     });
-    _defineProperty(_this, "onItemSelect", function (item, selected) {
-      var _this$props2 = _this.props,
-        selection = _this$props2.selection,
-        onSelect = _this$props2.onSelect;
+    _defineProperty(this, "onItemSelect", (item, selected) => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
       if (selected) {
         onSelect(selection.select(item));
       } else {
         onSelect(selection.deselect(item));
       }
     });
-    _defineProperty(_this, "onEqualPress", function () {
-      var _this$props3 = _this.props,
-        selection = _this$props3.selection,
-        itemFormatter = _this$props3.itemFormatter;
-      var focused = selection.getFocused();
+    _defineProperty(this, "onEqualPress", () => {
+      const {
+        selection,
+        itemFormatter
+      } = this.props;
+      const focused = selection.getFocused();
       if (focused == null) {
         throw new Error('No focused item');
       }
-      var item = itemFormatter(focused);
+      const item = itemFormatter(focused);
       if (item.collapsed) {
         var _item$onExpand;
         (_item$onExpand = item.onExpand) === null || _item$onExpand === void 0 || _item$onExpand.call(item);
@@ -112,98 +87,92 @@ var DataList = /*#__PURE__*/function (_PureComponent) {
         (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === void 0 || _item$onCollapse.call(item);
       }
     });
-    _defineProperty(_this, "shortcutsMap", {
-      '=': _this.onEqualPress
+    _defineProperty(this, "shortcutsMap", {
+      '=': this.onEqualPress
     });
-    return _this;
   }
-  _inherits(DataList, _PureComponent);
-  return _createClass(DataList, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props4 = this.props,
-        data = _this$props4.data,
-        selection = _this$props4.selection,
-        onSelect = _this$props4.onSelect,
-        selectable = _this$props4.selectable;
-      if (data !== prevProps.data && !prevProps.remoteSelection) {
-        onSelect(selection.cloneWith({
-          data
-        }));
-      }
-      if (!selectable && prevProps.selectable) {
-        onSelect(selection.resetSelection());
-      }
+  componentDidUpdate(prevProps) {
+    const {
+      data,
+      selection,
+      onSelect,
+      selectable
+    } = this.props;
+    if (data !== prevProps.data && !prevProps.remoteSelection) {
+      onSelect(selection.cloneWith({
+        data
+      }));
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props5 = this.props,
-        data = _this$props5.data,
-        className = _this$props5.className,
-        loading = _this$props5.loading,
-        selection = _this$props5.selection,
-        disabledHover = _this$props5.disabledHover,
-        itemFormatter = _this$props5.itemFormatter,
-        focused = _this$props5.focused,
-        innerRef = _this$props5.innerRef;
-      var shortcutsMap = _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap);
-      var classes = classNames(className, {
-        [modules_09d014b4.dataList]: true,
-        [modules_09d014b4.disabledHover]: disabledHover,
-        [modules_09d014b4.multiSelection]: selection.getSelected().size > 0
-      });
-      return /*#__PURE__*/jsxs("div", {
-        className: modules_09d014b4.dataListWrapper,
-        "data-test": "ring-data-list",
-        ref: innerRef,
-        children: [focused && /*#__PURE__*/jsx(Shortcuts, {
-          map: shortcutsMap,
-          scope: this.shortcutsScope
-        }), /*#__PURE__*/jsx("ul", {
-          className: classes,
-          children: data.map(function (model) {
-            var _this2$props$itemMore, _this2$props;
-            var item = itemFormatter(model);
-            var id = item.id,
-              key = item.key,
-              title = item.title,
-              items = item.items;
-            var showMoreLessButton = (_this2$props$itemMore = (_this2$props = _this2.props).itemMoreLessState) === null || _this2$props$itemMore === void 0 ? void 0 : _this2$props$itemMore.call(_this2$props, item);
-            return /*#__PURE__*/jsx(Item, {
-              item: model,
-              title: title,
-              items: items,
-              itemFormatter: itemFormatter,
-              collapsible: item.collapsible,
-              collapsed: item.collapsed,
-              onCollapse: item.onCollapse,
-              onExpand: item.onExpand,
-              showFocus: selection.isFocused(model),
-              onFocus: _this2.onItemFocus,
-              selection: selection,
-              selectable: item.selectable,
-              selected: selection.isSelected(model),
-              onSelect: _this2.onItemSelect,
-              showMoreLessButton: showMoreLessButton,
-              onItemMoreLess: _this2.props.onItemMoreLess
-            }, key || id);
-          })
-        }), loading && /*#__PURE__*/jsx("div", {
-          className: data.length > 0 ? modules_09d014b4.loadingOverlay : undefined,
-          children: /*#__PURE__*/jsx(Loader, {})
-        })]
-      });
+    if (!selectable && prevProps.selectable) {
+      onSelect(selection.resetSelection());
     }
-  }]);
-}(PureComponent);
+  }
+  render() {
+    const {
+      data,
+      className,
+      loading,
+      selection,
+      disabledHover,
+      itemFormatter,
+      focused,
+      innerRef
+    } = this.props;
+    const shortcutsMap = _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap);
+    const classes = classNames(className, {
+      [modules_09d014b4.dataList]: true,
+      [modules_09d014b4.disabledHover]: disabledHover,
+      [modules_09d014b4.multiSelection]: selection.getSelected().size > 0
+    });
+    return /*#__PURE__*/jsxs("div", {
+      className: modules_09d014b4.dataListWrapper,
+      "data-test": "ring-data-list",
+      ref: innerRef,
+      children: [focused && /*#__PURE__*/jsx(Shortcuts, {
+        map: shortcutsMap,
+        scope: this.shortcutsScope
+      }), /*#__PURE__*/jsx("ul", {
+        className: classes,
+        children: data.map(model => {
+          var _this$props$itemMoreL, _this$props;
+          const item = itemFormatter(model);
+          const {
+            id,
+            key,
+            title,
+            items
+          } = item;
+          const showMoreLessButton = (_this$props$itemMoreL = (_this$props = this.props).itemMoreLessState) === null || _this$props$itemMoreL === void 0 ? void 0 : _this$props$itemMoreL.call(_this$props, item);
+          return /*#__PURE__*/jsx(Item, {
+            item: model,
+            title: title,
+            items: items,
+            itemFormatter: itemFormatter,
+            collapsible: item.collapsible,
+            collapsed: item.collapsed,
+            onCollapse: item.onCollapse,
+            onExpand: item.onExpand,
+            showFocus: selection.isFocused(model),
+            onFocus: this.onItemFocus,
+            selection: selection,
+            selectable: item.selectable,
+            selected: selection.isSelected(model),
+            onSelect: this.onItemSelect,
+            showMoreLessButton: showMoreLessButton,
+            onItemMoreLess: this.props.onItemMoreLess
+          }, key || id);
+        })
+      }), loading && /*#__PURE__*/jsx("div", {
+        className: data.length > 0 ? modules_09d014b4.loadingOverlay : undefined,
+        children: /*#__PURE__*/jsx(Loader, {})
+      })]
+    });
+  }
+}
 _defineProperty(DataList, "defaultProps", {
   loading: false,
-  onItemMoreLess: function onItemMoreLess() {},
-  itemMoreLessState: function itemMoreLessState() {
-    return moreLessButtonStates.UNUSED;
-  },
+  onItemMoreLess: () => {},
+  itemMoreLessState: () => moreLessButtonStates.UNUSED,
   remoteSelection: false
 });
 DataList.propTypes = {
@@ -222,30 +191,18 @@ DataList.propTypes = {
   onSelect: PropTypes.func.isRequired,
   remoteSelection: PropTypes.bool
 };
-var getContainer = function getContainer() {
-  return disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
-};
+const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
 // eslint-disable-next-line react/no-multi-comp
-var DataListContainer = /*#__PURE__*/function (_Component) {
-  function DataListContainer() {
-    var _this3;
-    _classCallCheck(this, DataListContainer);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this3 = _callSuper(this, DataListContainer, [].concat(args));
+class DataListContainer extends Component {
+  constructor() {
+    super(...arguments);
     // https://stackoverflow.com/a/53882322/6304152
-    _defineProperty(_this3, "DataList", getContainer());
-    return _this3;
+    _defineProperty(this, "DataList", getContainer());
   }
-  _inherits(DataListContainer, _Component);
-  return _createClass(DataListContainer, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsx(this.DataList, _objectSpread2({}, this.props));
-    }
-  }]);
-}(Component);
+  render() {
+    return /*#__PURE__*/jsx(this.DataList, _objectSpread2({}, this.props));
+  }
+}
 _defineProperty(DataListContainer, "propTypes", getContainer().propTypes);
 
 export { DataListContainer as default };

package/components/data-list/data-list.mock.js

@@ -6,16 +6,14 @@ import 'react';
 import 'prop-types';
 import 'classnames';
 import '../global/data-tests.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 '../link/clickableLink.js';
 import '../_helpers/link.js';
 import 'util-deprecate';
 import '../_helpers/badge.js';
 
-var items = [{
+const items = [{
   id: 1,
   title: /*#__PURE__*/jsxs("span", {
     children: [/*#__PURE__*/jsx("strong", {
@@ -250,7 +248,7 @@ var items = [{
   selectable: true,
   collapsible: true
 }];
-var moreItems = [{
+const moreItems = [{
   id: 91,
   selectable: true,
   collapsible: true,