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

package/dist/data-list/item.js

@@ -1,4 +1,6 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
@@ -7,31 +9,43 @@ import Link from '../link/link.js';
 import Text from '../text/text.js';
 import LoaderInline from '../loader-inline/loader-inline.js';
 import { Button } from '../button/button.js';
-import Selection$1 from '../table/selection.js';
+import Selection from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
-import 'focus-visible';
 import 'classnames';
 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.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import '../_helpers/loader-inline.js';
+import 'core-js/modules/es.object.keys.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
+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/controls-height.js';
 import '../_helpers/button__classes.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.index-of.js';
 import '../global/focus-sensor-hoc.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
-import '../_helpers/checkbox.js';
 import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 
 var moreLessButtonStates;
 (function (moreLessButtonStates) {
@@ -40,48 +54,50 @@ var moreLessButtonStates;
   moreLessButtonStates[moreLessButtonStates["MORE_LOADING"] = 2] = "MORE_LOADING";
   moreLessButtonStates[moreLessButtonStates["LESS"] = 3] = "LESS";
 })(moreLessButtonStates || (moreLessButtonStates = {}));
-const ITEM_LEFT_OFFSET = 32;
-const LIST_LEFT_OFFSET = 24;
-class Item extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "onShowMore", () => {
-      const {
-        onItemMoreLess,
-        item
-      } = this.props;
+var ITEM_LEFT_OFFSET = 32;
+var LIST_LEFT_OFFSET = 24;
+var Item = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Item, _PureComponent);
+  var _super = _createSuper(Item);
+  function Item() {
+    var _this;
+    _classCallCheck(this, Item);
+    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), "onShowMore", function () {
+      var _this$props = _this.props,
+        onItemMoreLess = _this$props.onItemMoreLess,
+        item = _this$props.item;
       onItemMoreLess(item, true);
     });
-    _defineProperty(this, "onShowLess", () => {
-      const {
-        onItemMoreLess,
-        item
-      } = this.props;
+    _defineProperty(_assertThisInitialized(_this), "onShowLess", function () {
+      var _this$props2 = _this.props,
+        onItemMoreLess = _this$props2.onItemMoreLess,
+        item = _this$props2.item;
       onItemMoreLess(item, false);
     });
-    _defineProperty(this, "onFocus", () => {
-      const {
-        onFocus,
-        item
-      } = this.props;
+    _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
+      var _this$props3 = _this.props,
+        onFocus = _this$props3.onFocus,
+        item = _this$props3.item;
       onFocus(item);
     });
-    _defineProperty(this, "onSelect", selected => {
-      const {
-        onSelect,
-        item
-      } = this.props;
+    _defineProperty(_assertThisInitialized(_this), "onSelect", function (selected) {
+      var _this$props4 = _this.props,
+        onSelect = _this$props4.onSelect,
+        item = _this$props4.item;
       onSelect(item, selected);
     });
-    _defineProperty(this, "renderItem", (model, parentShift) => {
-      const {
-        onFocus,
-        onSelect,
-        selection,
-        level,
-        itemFormatter
-      } = this.props;
-      const item = itemFormatter(model);
+    _defineProperty(_assertThisInitialized(_this), "renderItem", function (model, parentShift) {
+      var _this$props5 = _this.props,
+        onFocus = _this$props5.onFocus,
+        onSelect = _this$props5.onSelect,
+        selection = _this$props5.selection,
+        level = _this$props5.level,
+        itemFormatter = _this$props5.itemFormatter;
+      var item = itemFormatter(model);
       return /*#__PURE__*/React.createElement(Item, {
         key: item.key || item.id,
         item: model,
@@ -102,89 +118,96 @@ class Item extends PureComponent {
         onSelect: onSelect
       });
     });
+    return _this;
   }
-  render() {
-    const {
-      title,
-      items,
-      showMoreLessButton,
-      level,
-      parentShift,
-      showFocus,
-      selectable,
-      selected,
-      collapsible,
-      collapsed,
-      onCollapse,
-      onExpand
-    } = this.props;
-    let moreLessButton;
-    if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
-      moreLessButton = /*#__PURE__*/React.createElement(Text, {
-        info: true
-      }, /*#__PURE__*/React.createElement(Link, {
-        inherit: true,
-        pseudo: true,
-        onClick: this.onShowMore
-      }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
-        className: modules_09d014b4.showMoreLoader
-      }));
-    } else if (showMoreLessButton === moreLessButtonStates.LESS) {
-      moreLessButton = /*#__PURE__*/React.createElement(Text, {
-        info: true
-      }, /*#__PURE__*/React.createElement(Link, {
-        inherit: true,
-        pseudo: true,
-        onClick: this.onShowLess
-      }, 'Show less'));
-    }
-    let collapserExpander = null;
-    if (collapsible) {
-      if (collapsed) {
-        collapserExpander = /*#__PURE__*/React.createElement(Button, {
-          title: "Expand",
-          onClick: onExpand,
-          icon: chevronRightIcon,
-          className: modules_09d014b4.collapseButton,
-          iconClassName: modules_09d014b4.collapseIcon,
-          "data-test": "ring-data-list-expand"
-        });
-      } else {
-        collapserExpander = /*#__PURE__*/React.createElement(Button, {
-          title: "Collapse",
-          onClick: onCollapse,
-          icon: chevronDownIcon,
-          className: modules_09d014b4.collapseButton,
-          iconClassName: modules_09d014b4.collapseIcon,
-          "data-test": "ring-data-list-collapse"
-        });
+  _createClass(Item, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props6 = this.props,
+        title = _this$props6.title,
+        items = _this$props6.items,
+        showMoreLessButton = _this$props6.showMoreLessButton,
+        level = _this$props6.level,
+        parentShift = _this$props6.parentShift,
+        showFocus = _this$props6.showFocus,
+        selectable = _this$props6.selectable,
+        selected = _this$props6.selected,
+        collapsible = _this$props6.collapsible,
+        collapsed = _this$props6.collapsed,
+        onCollapse = _this$props6.onCollapse,
+        onExpand = _this$props6.onExpand;
+      var moreLessButton;
+      if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
+        moreLessButton = /*#__PURE__*/React.createElement(Text, {
+          info: true
+        }, /*#__PURE__*/React.createElement(Link, {
+          inherit: true,
+          pseudo: true,
+          onClick: this.onShowMore
+        }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
+          className: modules_09d014b4.showMoreLoader
+        }));
+      } else if (showMoreLessButton === moreLessButtonStates.LESS) {
+        moreLessButton = /*#__PURE__*/React.createElement(Text, {
+          info: true
+        }, /*#__PURE__*/React.createElement(Link, {
+          inherit: true,
+          pseudo: true,
+          onClick: this.onShowLess
+        }, 'Show less'));
       }
+      var collapserExpander = null;
+      if (collapsible) {
+        if (collapsed) {
+          collapserExpander = /*#__PURE__*/React.createElement(Button, {
+            title: "Expand",
+            onClick: onExpand,
+            icon: chevronRightIcon,
+            className: modules_09d014b4.collapseButton,
+            iconClassName: modules_09d014b4.collapseIcon,
+            "data-test": "ring-data-list-expand"
+          });
+        } else {
+          collapserExpander = /*#__PURE__*/React.createElement(Button, {
+            title: "Collapse",
+            onClick: onCollapse,
+            icon: chevronDownIcon,
+            className: modules_09d014b4.collapseButton,
+            iconClassName: modules_09d014b4.collapseIcon,
+            "data-test": "ring-data-list-collapse"
+          });
+        }
+      }
+      var itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
+      var offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
+      return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
+        title: title,
+        focused: showFocus,
+        showFocus: showFocus,
+        selectable: selectable,
+        selected: selected,
+        collapserExpander: collapserExpander,
+        onFocus: this.onFocus,
+        onSelect: this.onSelect,
+        offset: offset
+      }), !itemIsEmpty ? /*#__PURE__*/React.createElement("ul", {
+        className: modules_09d014b4.itemContent
+      }, items.map(function (model) {
+        return _this2.renderItem(model, parentShift);
+      }), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/React.createElement("li", {
+        className: modules_09d014b4.showMore
+      }, moreLessButton) : null) : null);
     }
-    const itemIsEmpty = !items?.length || collapsible && collapsed;
-    const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
-    return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
-      title: title,
-      focused: showFocus,
-      showFocus: showFocus,
-      selectable: selectable,
-      selected: selected,
-      collapserExpander: collapserExpander,
-      onFocus: this.onFocus,
-      onSelect: this.onSelect,
-      offset: offset
-    }), !itemIsEmpty ? /*#__PURE__*/React.createElement("ul", {
-      className: modules_09d014b4.itemContent
-    }, items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/React.createElement("li", {
-      className: modules_09d014b4.showMore
-    }, moreLessButton) : null) : null);
-  }
-}
+  }]);
+  return Item;
+}(PureComponent);
 _defineProperty(Item, "defaultProps", {
   items: [],
   level: 0,
   parentShift: 0,
   showMoreLessButton: moreLessButtonStates.UNUSED,
-  onItemMoreLess: () => {}
+  onItemMoreLess: function onItemMoreLess() {}
 });
 Item.propTypes = {
   item: PropTypes.shape({
@@ -202,7 +225,7 @@ Item.propTypes = {
   onExpand: PropTypes.func,
   showFocus: PropTypes.bool,
   onFocus: PropTypes.func.isRequired,
-  selection: PropTypes.instanceOf(Selection$1).isRequired,
+  selection: PropTypes.instanceOf(Selection).isRequired,
   selectable: PropTypes.bool,
   selected: PropTypes.bool,
   onSelect: PropTypes.func.isRequired,

package/dist/data-list/selection.js

@@ -1,87 +1,149 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, m as _toConsumableArray, o as _get, p as _getPrototypeOf } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.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 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.filter.js';
 import Selection$1 from '../table/selection.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.index-of.js';
 
-class Selection extends Selection$1 {
-  _buildData(data) {
-    return new Set(this._getDescendants(data));
+var Selection = /*#__PURE__*/function (_TableSelection) {
+  _inherits(Selection, _TableSelection);
+  var _super = _createSuper(Selection);
+  function Selection() {
+    _classCallCheck(this, Selection);
+    return _super.apply(this, arguments);
   }
-  _buildSelected(data, selected) {
-    const _selected = new Set(selected);
-    [...data].forEach(item => {
-      if (_selected.has(item)) {
-        this._selectDescendants(item, _selected);
+  _createClass(Selection, [{
+    key: "_buildData",
+    value: function _buildData(data) {
+      return new Set(this._getDescendants(data));
+    }
+  }, {
+    key: "_buildSelected",
+    value: function _buildSelected(data, selected) {
+      var _this = this;
+      var _selected = new Set(selected);
+      _toConsumableArray(data).forEach(function (item) {
+        if (_selected.has(item)) {
+          _this._selectDescendants(item, _selected);
+        }
+      });
+      return _selected;
+    }
+  }, {
+    key: "_getDescendants",
+    value: function _getDescendants(items) {
+      var _this2 = this;
+      var result = [];
+      items.forEach(function (item) {
+        result.push(item);
+        result = [].concat(_toConsumableArray(result), _toConsumableArray(_this2._getDescendants(_this2._getChildren(item))));
+      });
+      return result;
+    }
+  }, {
+    key: "_getAncestors",
+    value: function _getAncestors(item) {
+      var _this3 = this;
+      var result = [];
+      var parent = _toConsumableArray(this._data).find(function (it) {
+        return _this3._getChildren(it).includes(item);
+      });
+      if (parent) {
+        result = [parent].concat(_toConsumableArray(this._getAncestors(parent)));
       }
-    });
-    return _selected;
-  }
-  _getDescendants(items) {
-    let result = [];
-    items.forEach(item => {
-      result.push(item);
-      result = [...result, ...this._getDescendants(this._getChildren(item))];
-    });
-    return result;
-  }
-  _getAncestors(item) {
-    let result = [];
-    const parent = [...this._data].find(it => this._getChildren(it).includes(item));
-    if (parent) {
-      result = [parent, ...this._getAncestors(parent)];
+      return result;
     }
-    return result;
-  }
-  _selectDescendants(item, selected) {
-    this._getDescendants(this._getChildren(item)).forEach(it => selected.add(it));
-  }
-  _deselectDescendants(item, selected) {
-    this._getDescendants(this._getChildren(item)).forEach(it => selected.delete(it));
-  }
-  _selectAncestors(item, selected) {
-    this._getAncestors(item).forEach(ancestor => {
-      const groupIsSelected = this._getChildren(ancestor).filter(it => this._isItemSelectable(it)).every(it => selected.has(it));
-      if (groupIsSelected) {
-        selected.add(ancestor);
+  }, {
+    key: "_selectDescendants",
+    value: function _selectDescendants(item, selected) {
+      this._getDescendants(this._getChildren(item)).forEach(function (it) {
+        return selected.add(it);
+      });
+    }
+  }, {
+    key: "_deselectDescendants",
+    value: function _deselectDescendants(item, selected) {
+      this._getDescendants(this._getChildren(item)).forEach(function (it) {
+        return selected.delete(it);
+      });
+    }
+  }, {
+    key: "_selectAncestors",
+    value: function _selectAncestors(item, selected) {
+      var _this4 = this;
+      this._getAncestors(item).forEach(function (ancestor) {
+        var groupIsSelected = _this4._getChildren(ancestor).filter(function (it) {
+          return _this4._isItemSelectable(it);
+        }).every(function (it) {
+          return selected.has(it);
+        });
+        if (groupIsSelected) {
+          selected.add(ancestor);
+        }
+      });
+    }
+  }, {
+    key: "_deselectAncestors",
+    value: function _deselectAncestors(item, selected) {
+      this._getAncestors(item).forEach(function (it) {
+        return selected.delete(it);
+      });
+    }
+  }, {
+    key: "select",
+    value: function select() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+      if (!value || !this._isItemSelectable(value)) {
+        return this;
       }
-    });
-  }
-  _deselectAncestors(item, selected) {
-    this._getAncestors(item).forEach(it => selected.delete(it));
-  }
-  select() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-    if (!value || !this._isItemSelectable(value)) {
-      return this;
+      var selected = new Set(this._selected);
+      selected.add(value);
+      this._selectDescendants(value, selected);
+      this._selectAncestors(value, selected);
+      return this.cloneWith({
+        selected: selected
+      });
     }
-    const selected = new Set(this._selected);
-    selected.add(value);
-    this._selectDescendants(value, selected);
-    this._selectAncestors(value, selected);
-    return this.cloneWith({
-      selected
-    });
-  }
-  focus(value) {
-    return super.focus(value);
-  }
-  resetSelection() {
-    return super.resetSelection();
-  }
-  cloneWith(config) {
-    return super.cloneWith(config);
-  }
-  deselect() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-    if (!value || !this._isItemSelectable(value)) {
-      return this;
+  }, {
+    key: "focus",
+    value: function focus(value) {
+      return _get(_getPrototypeOf(Selection.prototype), "focus", this).call(this, value);
     }
-    const selected = new Set(this._selected);
-    selected.delete(value);
-    this._deselectDescendants(value, selected);
-    this._deselectAncestors(value, selected);
-    return this.cloneWith({
-      selected
-    });
-  }
-}
+  }, {
+    key: "resetSelection",
+    value: function resetSelection() {
+      return _get(_getPrototypeOf(Selection.prototype), "resetSelection", this).call(this);
+    }
+  }, {
+    key: "cloneWith",
+    value: function cloneWith(config) {
+      return _get(_getPrototypeOf(Selection.prototype), "cloneWith", this).call(this, config);
+    }
+  }, {
+    key: "deselect",
+    value: function deselect() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+      if (!value || !this._isItemSelectable(value)) {
+        return this;
+      }
+      var selected = new Set(this._selected);
+      selected.delete(value);
+      this._deselectDescendants(value, selected);
+      this._deselectAncestors(value, selected);
+      return this.cloneWith({
+        selected: selected
+      });
+    }
+  }]);
+  return Selection;
+}(Selection$1);
 
 export { Selection as default };

package/dist/data-list/title.d.ts

@@ -20,7 +20,7 @@ declare class Title extends PureComponent<TitleProps> {
     onCheckboxFocus: () => void;
     onCheckboxChange: () => void;
     toggleSelection(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: React.ComponentType<import("../global/focus-sensor-hoc").FocusSensorProps<TitleProps, HTMLDivElement, typeof Title>>;
 export default _default;

package/dist/data-list/title.js

@@ -1,4 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -8,12 +9,21 @@ import '../global/get-uid.js';
 import '../global/prop-types.js';
 export { T as default } from '../_helpers/title.js';
 import '../global/composeRefs.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
+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 '../_helpers/checkbox.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/es.regexp.to-string.js';

package/dist/date-picker/consts.d.ts

@@ -27,10 +27,10 @@ export declare const HALF = 0.5;
 export declare const dateType: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
 export declare function parseTime(time: string): string | null;
 export interface DateInputTranslations {
-    addFirstDate: string;
-    addSecondDate: string;
-    addTime: string;
-    selectName: string;
+    addFirstDate?: string;
+    addSecondDate?: string;
+    addTime?: string;
+    selectName?: string;
 }
 export interface DateSpecificPopupProps {
     withTime?: false | undefined;
@@ -66,7 +66,7 @@ export interface DatePopupBaseProps {
     to?: Date | number | string | null | undefined;
     minDate?: string | null | undefined;
     maxDate?: string | null | undefined;
-    translations: DateInputTranslations;
+    translations?: DateInputTranslations | null | undefined;
     fromPlaceholder?: string | null | undefined;
     toPlaceholder?: string | null | undefined;
     timePlaceholder?: string | null | undefined;