@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.4

package/components/data-list/item.js

@@ -1,22 +1,17 @@
-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.map.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 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 from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.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 '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../icon/icon.js';
@@ -25,28 +20,17 @@ import '../icon/icon__constants.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 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.set.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 'memoize-one';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../control-help/control-help.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 
 var moreLessButtonStates;
 (function (moreLessButtonStates) {
@@ -55,48 +39,48 @@ var moreLessButtonStates;
   moreLessButtonStates[moreLessButtonStates["MORE_LOADING"] = 2] = "MORE_LOADING";
   moreLessButtonStates[moreLessButtonStates["LESS"] = 3] = "LESS";
 })(moreLessButtonStates || (moreLessButtonStates = {}));
-var ITEM_LEFT_OFFSET = 32;
-var LIST_LEFT_OFFSET = 24;
-var Item = /*#__PURE__*/function (_PureComponent) {
-  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 = _callSuper(this, Item, [].concat(args));
-    _defineProperty(_this, "onShowMore", function () {
-      var _this$props = _this.props,
-        onItemMoreLess = _this$props.onItemMoreLess,
-        item = _this$props.item;
+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;
       onItemMoreLess(item, true);
     });
-    _defineProperty(_this, "onShowLess", function () {
-      var _this$props2 = _this.props,
-        onItemMoreLess = _this$props2.onItemMoreLess,
-        item = _this$props2.item;
+    _defineProperty(this, "onShowLess", () => {
+      const {
+        onItemMoreLess,
+        item
+      } = this.props;
       onItemMoreLess(item, false);
     });
-    _defineProperty(_this, "onFocus", function () {
-      var _this$props3 = _this.props,
-        onFocus = _this$props3.onFocus,
-        item = _this$props3.item;
+    _defineProperty(this, "onFocus", () => {
+      const {
+        onFocus,
+        item
+      } = this.props;
       onFocus(item);
     });
-    _defineProperty(_this, "onSelect", function (selected) {
-      var _this$props4 = _this.props,
-        onSelect = _this$props4.onSelect,
-        item = _this$props4.item;
+    _defineProperty(this, "onSelect", selected => {
+      const {
+        onSelect,
+        item
+      } = this.props;
       onSelect(item, selected);
     });
-    _defineProperty(_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);
+    _defineProperty(this, "renderItem", (model, parentShift) => {
+      const {
+        onFocus,
+        onSelect,
+        selection,
+        level,
+        itemFormatter
+      } = this.props;
+      const item = itemFormatter(model);
       return /*#__PURE__*/jsx(Item, {
         item: model,
         title: item.title,
@@ -116,127 +100,97 @@ var Item = /*#__PURE__*/function (_PureComponent) {
         onSelect: onSelect
       }, item.key || item.id);
     });
-    return _this;
   }
-  _inherits(Item, _PureComponent);
-  return _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__*/jsxs(Text, {
-          info: true,
-          children: [/*#__PURE__*/jsx(Link, {
-            inherit: true,
-            pseudo: true,
-            onClick: this.onShowMore,
-            children: 'Show more'
-          }), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/jsx(LoaderInline, {
-            className: modules_09d014b4.showMoreLoader
-          })]
+  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__*/jsxs(Text, {
+        info: true,
+        children: [/*#__PURE__*/jsx(Link, {
+          inherit: true,
+          pseudo: true,
+          onClick: this.onShowMore,
+          children: 'Show more'
+        }), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/jsx(LoaderInline, {
+          className: modules_09d014b4.showMoreLoader
+        })]
+      });
+    } else if (showMoreLessButton === moreLessButtonStates.LESS) {
+      moreLessButton = /*#__PURE__*/jsx(Text, {
+        info: true,
+        children: /*#__PURE__*/jsx(Link, {
+          inherit: true,
+          pseudo: true,
+          onClick: this.onShowLess,
+          children: 'Show less'
+        })
+      });
+    }
+    let collapserExpander = null;
+    if (collapsible) {
+      if (collapsed) {
+        collapserExpander = /*#__PURE__*/jsx(Button, {
+          title: "Expand",
+          onClick: onExpand,
+          icon: chevronRightIcon,
+          className: modules_09d014b4.collapseButton,
+          iconClassName: modules_09d014b4.collapseIcon,
+          "data-test": "ring-data-list-expand"
         });
-      } else if (showMoreLessButton === moreLessButtonStates.LESS) {
-        moreLessButton = /*#__PURE__*/jsx(Text, {
-          info: true,
-          children: /*#__PURE__*/jsx(Link, {
-            inherit: true,
-            pseudo: true,
-            onClick: this.onShowLess,
-            children: 'Show less'
-          })
+      } else {
+        collapserExpander = /*#__PURE__*/jsx(Button, {
+          title: "Collapse",
+          onClick: onCollapse,
+          icon: chevronDownIcon,
+          className: modules_09d014b4.collapseButton,
+          iconClassName: modules_09d014b4.collapseIcon,
+          "data-test": "ring-data-list-collapse"
         });
       }
-      var collapserExpander = null;
-      if (collapsible) {
-        if (collapsed) {
-          collapserExpander = /*#__PURE__*/jsx(Button, {
-            title: "Expand",
-            onClick: onExpand,
-            icon: chevronRightIcon,
-            className: modules_09d014b4.collapseButton,
-            iconClassName: modules_09d014b4.collapseIcon,
-            "data-test": "ring-data-list-expand"
-          });
-        } else {
-          collapserExpander = /*#__PURE__*/jsx(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__*/jsxs("li", {
-        children: [/*#__PURE__*/jsx(Title, {
-          title: title,
-          focused: showFocus,
-          showFocus: showFocus,
-          selectable: selectable,
-          selected: selected,
-          collapserExpander: collapserExpander,
-          onFocus: this.onFocus,
-          onSelect: this.onSelect,
-          offset: offset
-        }), !itemIsEmpty ? /*#__PURE__*/jsxs("ul", {
-          className: modules_09d014b4.itemContent,
-          children: [items.map(function (model) {
-            return _this2.renderItem(model, parentShift);
-          }), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/jsx("li", {
-            className: modules_09d014b4.showMore,
-            children: moreLessButton
-          }) : null]
-        }) : null]
-      });
     }
-  }]);
-}(PureComponent);
+    const itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
+    const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
+    return /*#__PURE__*/jsxs("li", {
+      children: [/*#__PURE__*/jsx(Title, {
+        title: title,
+        focused: showFocus,
+        showFocus: showFocus,
+        selectable: selectable,
+        selected: selected,
+        collapserExpander: collapserExpander,
+        onFocus: this.onFocus,
+        onSelect: this.onSelect,
+        offset: offset
+      }), !itemIsEmpty ? /*#__PURE__*/jsxs("ul", {
+        className: modules_09d014b4.itemContent,
+        children: [items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/jsx("li", {
+          className: modules_09d014b4.showMore,
+          children: moreLessButton
+        }) : null]
+      }) : null]
+    });
+  }
+}
 _defineProperty(Item, "defaultProps", {
   items: [],
   level: 0,
   parentShift: 0,
   showMoreLessButton: moreLessButtonStates.UNUSED,
-  onItemMoreLess: function onItemMoreLess() {}
+  onItemMoreLess: () => {}
 });
-Item.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-  }).isRequired,
-  title: PropTypes.node,
-  items: PropTypes.array,
-  className: PropTypes.string,
-  level: PropTypes.number,
-  parentShift: PropTypes.number,
-  itemFormatter: PropTypes.func.isRequired,
-  collapsible: PropTypes.bool,
-  collapsed: PropTypes.bool,
-  onCollapse: PropTypes.func,
-  onExpand: PropTypes.func,
-  showFocus: PropTypes.bool,
-  onFocus: PropTypes.func.isRequired,
-  selection: PropTypes.instanceOf(Selection).isRequired,
-  selectable: PropTypes.bool,
-  selected: PropTypes.bool,
-  onSelect: PropTypes.func.isRequired,
-  showMoreLessButton: PropTypes.number,
-  onItemMoreLess: PropTypes.func
-};
 
 export { Item as default, moreLessButtonStates };

package/components/data-list/selection.js

@@ -1,146 +1,88 @@
-import { a as _inherits, b as _createClass, j as _toConsumableArray, l as _get, m as _getPrototypeOf, 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.find.js';
-import 'core-js/modules/es.array.includes.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.includes.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import Selection$1 from '../table/selection.js';
-import 'core-js/modules/es.array.index-of.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 
-var Selection = /*#__PURE__*/function (_TableSelection) {
-  function Selection() {
-    _classCallCheck(this, Selection);
-    return _callSuper(this, Selection, arguments);
+class Selection extends Selection$1 {
+  _buildData(data) {
+    return new Set(this._getDescendants(data));
   }
-  _inherits(Selection, _TableSelection);
-  return _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)));
+  _buildSelected(data, selected) {
+    const _selected = new Set(selected);
+    [...data].forEach(item => {
+      if (_selected.has(item)) {
+        this._selectDescendants(item, _selected);
       }
-      return result;
-    }
-  }, {
-    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);
-      });
+    });
+    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)];
     }
-  }, {
-    key: "select",
-    value: function select() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-      if (!value || !this._isItemSelectable(value)) {
-        return this;
+    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);
       }
-      var selected = new Set(this._selected);
-      selected.add(value);
-      this._selectDescendants(value, selected);
-      this._selectAncestors(value, selected);
-      return this.cloneWith({
-        selected
-      });
-    }
-  }, {
-    key: "focus",
-    value: function focus(value) {
-      return _get(_getPrototypeOf(Selection.prototype), "focus", this).call(this, value);
-    }
-  }, {
-    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);
+    });
+  }
+  _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;
     }
-  }, {
-    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
-      });
+    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;
     }
-  }]);
-}(Selection$1);
+    const selected = new Set(this._selected);
+    selected.delete(value);
+    this._deselectDescendants(value, selected);
+    this._deselectAncestors(value, selected);
+    return this.cloneWith({
+      selected
+    });
+  }
+}
 
 export { Selection as default };

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

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode, ComponentType } from 'react';
+import { PureComponent, ReactNode } from 'react';
 import { FocusSensorAddProps } from '../global/focus-sensor-hoc';
 export interface TitleProps extends FocusSensorAddProps<HTMLDivElement> {
     onSelect: (selected: boolean) => void;
@@ -22,5 +22,5 @@ declare class Title extends PureComponent<TitleProps> {
     toggleSelection(): void;
     render(): import("react").JSX.Element;
 }
-declare const _default: ComponentType<import("../global/focus-sensor-hoc").FocusSensorProps<TitleProps, HTMLDivElement, typeof Title>>;
+declare const _default: import("react").ComponentType<import("../global/focus-sensor-hoc").FocusSensorProps<TitleProps, HTMLDivElement, typeof Title>>;
 export default _default;

package/components/data-list/title.js

@@ -1,31 +1,21 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
-import 'prop-types';
 import 'classnames';
 import '../global/focus-sensor-hoc.js';
 import '../checkbox/checkbox.js';
 import '../global/get-uid.js';
-import '../global/prop-types.js';
 export { T as default } from '../_helpers/title.js';
 import '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 '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon__constants.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 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../control-help/control-help.js';
-import 'core-js/modules/es.regexp.to-string.js';

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import type { Locale } from 'date-fns';
 declare const units: {
     unit: number;
@@ -25,7 +24,6 @@ export declare const yearDuration: number;
 export declare const yearScrollSpeed: number;
 export declare const DOUBLE = 2;
 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 declare function shiftWeekArray<T>(arr: T[], startOfWeek: number): T[];
 export declare function getWeekStartsOn(locale: Locale | undefined): number;