@jetbrains/ring-ui 5.0.127 → 5.0.129

package/dist/data-list/data-list.js

@@ -1,5 +1,4 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Component } from 'react';
+import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -12,6 +11,7 @@ import { refObject } from '../global/prop-types.js';
 import Item, { moreLessButtonStates } from './item.js';
 import { m as modules_09d014b4 } from '../_helpers/title.js';
 import Selection from './selection.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/composeRefs.js';
 import '../table/selection.js';
 import '../shortcuts/core.js';
@@ -46,47 +46,12 @@ import '@jetbrains/icons/remove-14px';
 import '../_helpers/checkbox.js';
 
 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", (item, selected) => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      if (selected) {
-        onSelect(selection.select(item));
-      } else {
-        onSelect(selection.deselect(item));
-      }
-    });
-    _defineProperty(this, "onEqualPress", () => {
-      const {
-        selection,
-        itemFormatter
-      } = this.props;
-      const focused = selection.getFocused();
-      if (focused == null) {
-        throw new Error('No focused item');
-      }
-      const item = itemFormatter(focused);
-      if (item.collapsed) {
-        item.onExpand?.();
-      } else {
-        item.onCollapse?.();
-      }
-    });
-    _defineProperty(this, "shortcutsMap", {
-      '=': this.onEqualPress
-    });
-  }
+  static defaultProps = {
+    loading: false,
+    onItemMoreLess: () => {},
+    itemMoreLessState: () => moreLessButtonStates.UNUSED,
+    remoteSelection: false
+  };
   componentDidUpdate(prevProps) {
     const {
       data,
@@ -103,6 +68,44 @@ class DataList extends PureComponent {
       onSelect(selection.resetSelection());
     }
   }
+  shortcutsScope = getUID('ring-data-list-');
+  onItemFocus = item => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    onSelect(selection.focus(item));
+  };
+  onItemSelect = (item, selected) => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    if (selected) {
+      onSelect(selection.select(item));
+    } else {
+      onSelect(selection.deselect(item));
+    }
+  };
+  onEqualPress = () => {
+    const {
+      selection,
+      itemFormatter
+    } = this.props;
+    const focused = selection.getFocused();
+    if (focused == null) {
+      throw new Error('No focused item');
+    }
+    const item = itemFormatter(focused);
+    if (item.collapsed) {
+      item.onExpand?.();
+    } else {
+      item.onCollapse?.();
+    }
+  };
+  shortcutsMap = {
+    '=': this.onEqualPress
+  };
   render() {
     const {
       data,
@@ -165,12 +168,6 @@ class DataList extends PureComponent {
     }, /*#__PURE__*/React.createElement(Loader, null)));
   }
 }
-_defineProperty(DataList, "defaultProps", {
-  loading: false,
-  onItemMoreLess: () => {},
-  itemMoreLessState: () => moreLessButtonStates.UNUSED,
-  remoteSelection: false
-});
 DataList.propTypes = {
   className: PropTypes.string,
   data: PropTypes.array.isRequired,
@@ -190,15 +187,12 @@ DataList.propTypes = {
 const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
 // eslint-disable-next-line react/no-multi-comp
 class DataListContainer extends Component {
-  constructor() {
-    super(...arguments);
-    // https://stackoverflow.com/a/53882322/6304152
-    _defineProperty(this, "DataList", getContainer());
-  }
+  static propTypes = getContainer().propTypes;
+  // https://stackoverflow.com/a/53882322/6304152
+  DataList = getContainer();
   render() {
     return /*#__PURE__*/React.createElement(this.DataList, this.props);
   }
 }
-_defineProperty(DataListContainer, "propTypes", getContainer().propTypes);
 
 export { DataListContainer as default };

package/dist/data-list/item.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
@@ -9,6 +8,7 @@ import LoaderInline from '../loader-inline/loader-inline.js';
 import { Button } from '../button/button.js';
 import Selection$1 from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import 'classnames';
 import '../global/memoize.js';
@@ -43,66 +43,70 @@ var 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;
-      onItemMoreLess(item, true);
-    });
-    _defineProperty(this, "onShowLess", () => {
-      const {
-        onItemMoreLess,
-        item
-      } = this.props;
-      onItemMoreLess(item, false);
-    });
-    _defineProperty(this, "onFocus", () => {
-      const {
-        onFocus,
-        item
-      } = this.props;
-      onFocus(item);
-    });
-    _defineProperty(this, "onSelect", selected => {
-      const {
-        onSelect,
-        item
-      } = this.props;
-      onSelect(item, selected);
-    });
-    _defineProperty(this, "renderItem", (model, parentShift) => {
-      const {
-        onFocus,
-        onSelect,
-        selection,
-        level,
-        itemFormatter
-      } = this.props;
-      const item = itemFormatter(model);
-      return /*#__PURE__*/React.createElement(Item, {
-        key: item.key || item.id,
-        item: model,
-        title: item.title,
-        items: item.items,
-        level: level + 1,
-        parentShift: parentShift,
-        itemFormatter: itemFormatter,
-        collapsible: item.collapsible,
-        collapsed: item.collapsed,
-        onCollapse: item.onCollapse,
-        onExpand: item.onExpand,
-        showFocus: selection.isFocused(model),
-        onFocus: onFocus,
-        selection: selection,
-        selectable: item.selectable,
-        selected: selection.isSelected(model),
-        onSelect: onSelect
-      });
+  static defaultProps = {
+    items: [],
+    level: 0,
+    parentShift: 0,
+    showMoreLessButton: moreLessButtonStates.UNUSED,
+    onItemMoreLess: () => {}
+  };
+  onShowMore = () => {
+    const {
+      onItemMoreLess,
+      item
+    } = this.props;
+    onItemMoreLess(item, true);
+  };
+  onShowLess = () => {
+    const {
+      onItemMoreLess,
+      item
+    } = this.props;
+    onItemMoreLess(item, false);
+  };
+  onFocus = () => {
+    const {
+      onFocus,
+      item
+    } = this.props;
+    onFocus(item);
+  };
+  onSelect = selected => {
+    const {
+      onSelect,
+      item
+    } = this.props;
+    onSelect(item, selected);
+  };
+  renderItem = (model, parentShift) => {
+    const {
+      onFocus,
+      onSelect,
+      selection,
+      level,
+      itemFormatter
+    } = this.props;
+    const item = itemFormatter(model);
+    return /*#__PURE__*/React.createElement(Item, {
+      key: item.key || item.id,
+      item: model,
+      title: item.title,
+      items: item.items,
+      level: level + 1,
+      parentShift: parentShift,
+      itemFormatter: itemFormatter,
+      collapsible: item.collapsible,
+      collapsed: item.collapsed,
+      onCollapse: item.onCollapse,
+      onExpand: item.onExpand,
+      showFocus: selection.isFocused(model),
+      onFocus: onFocus,
+      selection: selection,
+      selectable: item.selectable,
+      selected: selection.isSelected(model),
+      onSelect: onSelect
     });
-  }
+  };
   render() {
     const {
       title,
@@ -179,13 +183,6 @@ class Item extends PureComponent {
     }, moreLessButton) : null) : null);
   }
 }
-_defineProperty(Item, "defaultProps", {
-  items: [],
-  level: 0,
-  parentShift: 0,
-  showMoreLessButton: moreLessButtonStates.UNUSED,
-  onItemMoreLess: () => {}
-});
 Item.propTypes = {
   item: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired

package/dist/data-list/selection.js

@@ -1,5 +1,4 @@
 import Selection$1 from '../table/selection.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 
 class Selection extends Selection$1 {
   _buildData(data) {

package/dist/data-list/title.js

@@ -1,4 +1,3 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -7,6 +6,7 @@ import '../checkbox/checkbox.js';
 import '../global/get-uid.js';
 import '../global/prop-types.js';
 export { T as default } from '../_helpers/title.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/composeRefs.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';

package/dist/data-list-ng/data-list-ng.js

@@ -1,6 +1,5 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import DataListContainer from '../data-list/data-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
@@ -10,6 +9,7 @@ import '../global/react-dom-renderer.js';
 import 'prop-types';
 import 'classnames';
 import '../global/focus-sensor-hoc.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../table/selection-shortcuts-hoc.js';

package/dist/date-picker/date-input.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -6,6 +5,7 @@ import { Input } from '../input/input.js';
 import { ControlsHeight } from '../global/controls-height.js';
 import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
@@ -26,16 +26,37 @@ import '../input/input-label.js';
 import 'date-fns/add';
 
 class DateInput extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-      this.updateInput(this.props);
-    });
-    _defineProperty(this, "handleChange", e => this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name));
-    _defineProperty(this, "handleKeyDown", e => e.key === 'Enter' && this.props.onConfirm());
-  }
+  static propTypes = {
+    active: PropTypes.bool,
+    divider: PropTypes.bool,
+    name: PropTypes.string,
+    text: PropTypes.string,
+    hoverDate: dateType,
+    date: dateType,
+    time: PropTypes.string,
+    displayFormat: PropTypes.func,
+    hidden: PropTypes.bool,
+    translations: PropTypes.object,
+    fromPlaceholder: PropTypes.string,
+    toPlaceholder: PropTypes.string,
+    timePlaceholder: PropTypes.string,
+    onInput: PropTypes.func,
+    onActivate: PropTypes.func,
+    onConfirm: PropTypes.func,
+    onClear: PropTypes.func,
+    locale: PropTypes.object
+  };
+  static defaultProps = {
+    fromPlaceholder: null,
+    toPlaceholder: null,
+    timePlaceholder: null,
+    translations: {
+      addFirstDate: 'Add first date',
+      addSecondDate: 'Add second date',
+      addTime: 'Add time',
+      selectName: 'Select %name%'
+    }
+  };
   componentDidUpdate(prevProps) {
     const {
       hidden,
@@ -49,6 +70,11 @@ class DateInput extends React.PureComponent {
       });
     }
   }
+  input;
+  inputRef = el => {
+    this.input = el;
+    this.updateInput(this.props);
+  };
   updateInput(_ref) {
     let {
       text,
@@ -67,6 +93,8 @@ class DateInput extends React.PureComponent {
       el.blur();
     }
   }
+  handleChange = e => this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
+  handleKeyDown = e => e.key === 'Enter' && this.props.onConfirm();
   render() {
     const {
       active,
@@ -124,36 +152,5 @@ class DateInput extends React.PureComponent {
     });
   }
 }
-_defineProperty(DateInput, "propTypes", {
-  active: PropTypes.bool,
-  divider: PropTypes.bool,
-  name: PropTypes.string,
-  text: PropTypes.string,
-  hoverDate: dateType,
-  date: dateType,
-  time: PropTypes.string,
-  displayFormat: PropTypes.func,
-  hidden: PropTypes.bool,
-  translations: PropTypes.object,
-  fromPlaceholder: PropTypes.string,
-  toPlaceholder: PropTypes.string,
-  timePlaceholder: PropTypes.string,
-  onInput: PropTypes.func,
-  onActivate: PropTypes.func,
-  onConfirm: PropTypes.func,
-  onClear: PropTypes.func,
-  locale: PropTypes.object
-});
-_defineProperty(DateInput, "defaultProps", {
-  fromPlaceholder: null,
-  toPlaceholder: null,
-  timePlaceholder: null,
-  translations: {
-    addFirstDate: 'Add first date',
-    addSecondDate: 'Add second date',
-    addTime: 'Add time',
-    selectName: 'Select %name%'
-  }
-});
 
 export { DateInput as default };