@jetbrains/ring-ui 5.0.126 → 5.0.128

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 };

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -120,90 +120,127 @@ PopupComponent.propTypes = {
  * @name Date Picker
  */
 class DatePicker extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleChange", change => {
-      const {
-        onChange,
-        withTime,
-        applyTimeInput
-      } = this.props;
-      const adjustedChange = withTime && !(change instanceof Date) && change?.date != null ? applyTimeInput(change.date, change.time) : change;
-      onChange(adjustedChange);
-    });
-    _defineProperty(this, "clear", () => {
-      let change = null;
-      if (this.props.range) {
-        change = {
-          from: null,
-          to: null
-        };
-      }
-      this.handleChange(change);
-    });
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-    });
-    _defineProperty(this, "closePopup", () => {
-      this.popup?._onCloseAttempt();
-    });
-    _defineProperty(this, "parse", memoize(date => {
-      const {
-        parseDateInput
-      } = this.props;
-      if (date instanceof Date) {
-        return date;
-      }
-      if (typeof date === 'number') {
-        return new Date(date);
+  static propTypes = {
+    className: PropTypes.string,
+    popupClassName: PropTypes.string,
+    date: dateType,
+    withTime: PropTypes.bool,
+    range: PropTypes.bool,
+    from: dateType,
+    to: dateType,
+    clear: PropTypes.bool,
+    inline: PropTypes.bool,
+    displayFormat: PropTypes.func,
+    displayMonthFormat: PropTypes.func,
+    displayDayFormat: PropTypes.func,
+    displayTimeFormat: PropTypes.func,
+    parseDateInput: PropTypes.func,
+    applyTimeInput: PropTypes.func,
+    datePlaceholder: PropTypes.string,
+    dateTimePlaceholder: PropTypes.string,
+    rangePlaceholder: PropTypes.string,
+    onChange: PropTypes.func,
+    dropdownProps: PropTypes.object,
+    disabled: PropTypes.bool,
+    minDate: dateType,
+    maxDate: dateType,
+    translations: PropTypes.object,
+    locale: PropTypes.object,
+    size: PropTypes.oneOf(Object.values(Size))
+  };
+  static defaultProps = {
+    className: '',
+    date: null,
+    withTime: false,
+    range: false,
+    from: null,
+    to: null,
+    clear: false,
+    inline: false,
+    size: Size.M,
+    displayFormat: (date, locale) => date ? format(date, 'd MMM yyyy', {
+      locale
+    }) : '',
+    displayMonthFormat: (date, locale) => date ? format(date, 'd MMM', {
+      locale
+    }) : '',
+    displayDayFormat: (date, locale) => date ? format(date, 'd', {
+      locale
+    }) : '',
+    displayTimeFormat: (date, locale) => date ? format(date, 'HH:mm', {
+      locale
+    }) : '',
+    datePlaceholder: 'Set a date',
+    dateTimePlaceholder: 'Set date and time',
+    rangePlaceholder: 'Set a period',
+    minDate: null,
+    maxDate: null,
+    onChange() {},
+    translations: {
+      setDate: 'Set a date',
+      setDateTime: 'Set date and time',
+      setPeriod: 'Set a period'
+    },
+    applyTimeInput(date, timeString) {
+      var _timeString$split$map;
+      const [hours, minutes] = (_timeString$split$map = timeString?.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
+      return minutes != null ? set(date, {
+        hours,
+        minutes
+      }) : date;
+    },
+    parseDateInput(string) {
+      if (!string) {
+        return null;
       }
-      return parseDateInput(date);
-    }));
-    _defineProperty(this, "getAnchorText", () => {
-      const {
-        range,
-        datePlaceholder,
-        dateTimePlaceholder,
-        rangePlaceholder,
-        withTime,
-        displayFormat,
-        displayMonthFormat,
-        displayDayFormat,
-        translations,
-        locale
-      } = this.props;
-      const date = this.parse(this.props.date);
-      const from = this.parse(this.props.from);
-      const to = this.parse(this.props.to);
-      const time = this.formatTime();
-      if (!range && !withTime) {
-        return date ? displayFormat(date, locale) : datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations.setDate;
-      } else if (!range && withTime) {
-        if (!date && !time) {
-          return dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations.setDateTime;
-        } else {
-          return `${date && displayFormat(date, locale) || '—'}, ${time || '—'}`;
+      const today = new Date();
+      for (const format of formats) {
+        const date = parse(string, format, today);
+        if (isValid(date)) {
+          return date;
         }
-      } else if (from && to) {
-        if (!isSameYear(from, to)) {
-          return `${displayFormat(from, locale)} — ${displayFormat(to, locale)}`;
-        } else if (!isSameMonth(from, to)) {
-          return `${displayMonthFormat(from, locale)} — ${displayFormat(to, locale)}`;
-        } else if (!isSameDay(from, to)) {
-          return `${displayDayFormat(from, locale)} — ${displayFormat(to, locale)}`;
-        } else {
-          return `${displayFormat(to, locale)}`;
-        }
-      } else if (from) {
-        return `${displayFormat(from, locale)} —`;
-      } else if (to) {
-        return `— ${displayFormat(to, locale)}`;
-      } else {
-        return rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations.setPeriod;
       }
-    });
-  }
+      return null;
+    }
+  };
+  handleChange = change => {
+    const {
+      onChange,
+      withTime,
+      applyTimeInput
+    } = this.props;
+    const adjustedChange = withTime && !(change instanceof Date) && change?.date != null ? applyTimeInput(change.date, change.time) : change;
+    onChange(adjustedChange);
+  };
+  clear = () => {
+    let change = null;
+    if (this.props.range) {
+      change = {
+        from: null,
+        to: null
+      };
+    }
+    this.handleChange(change);
+  };
+  popup;
+  popupRef = el => {
+    this.popup = el;
+  };
+  closePopup = () => {
+    this.popup?._onCloseAttempt();
+  };
+  parse = memoize(date => {
+    const {
+      parseDateInput
+    } = this.props;
+    if (date instanceof Date) {
+      return date;
+    }
+    if (typeof date === 'number') {
+      return new Date(date);
+    }
+    return parseDateInput(date);
+  });
   formatTime() {
     const {
       displayTimeFormat,
@@ -215,6 +252,49 @@ class DatePicker extends PureComponent {
     }
     return null;
   }
+  getAnchorText = () => {
+    const {
+      range,
+      datePlaceholder,
+      dateTimePlaceholder,
+      rangePlaceholder,
+      withTime,
+      displayFormat,
+      displayMonthFormat,
+      displayDayFormat,
+      translations,
+      locale
+    } = this.props;
+    const date = this.parse(this.props.date);
+    const from = this.parse(this.props.from);
+    const to = this.parse(this.props.to);
+    const time = this.formatTime();
+    if (!range && !withTime) {
+      return date ? displayFormat(date, locale) : datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations.setDate;
+    } else if (!range && withTime) {
+      if (!date && !time) {
+        return dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations.setDateTime;
+      } else {
+        return `${date && displayFormat(date, locale) || '—'}, ${time || '—'}`;
+      }
+    } else if (from && to) {
+      if (!isSameYear(from, to)) {
+        return `${displayFormat(from, locale)} — ${displayFormat(to, locale)}`;
+      } else if (!isSameMonth(from, to)) {
+        return `${displayMonthFormat(from, locale)} — ${displayFormat(to, locale)}`;
+      } else if (!isSameDay(from, to)) {
+        return `${displayDayFormat(from, locale)} — ${displayFormat(to, locale)}`;
+      } else {
+        return `${displayFormat(to, locale)}`;
+      }
+    } else if (from) {
+      return `${displayFormat(from, locale)} —`;
+    } else if (to) {
+      return `— ${displayFormat(to, locale)}`;
+    } else {
+      return rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations.setPeriod;
+    }
+  };
   render() {
     var _this$props$disabled, _this$props$disabled2;
     const anchorContent = /*#__PURE__*/React.createElement("div", {
@@ -269,88 +349,5 @@ class DatePicker extends PureComponent {
     }));
   }
 }
-_defineProperty(DatePicker, "propTypes", {
-  className: PropTypes.string,
-  popupClassName: PropTypes.string,
-  date: dateType,
-  withTime: PropTypes.bool,
-  range: PropTypes.bool,
-  from: dateType,
-  to: dateType,
-  clear: PropTypes.bool,
-  inline: PropTypes.bool,
-  displayFormat: PropTypes.func,
-  displayMonthFormat: PropTypes.func,
-  displayDayFormat: PropTypes.func,
-  displayTimeFormat: PropTypes.func,
-  parseDateInput: PropTypes.func,
-  applyTimeInput: PropTypes.func,
-  datePlaceholder: PropTypes.string,
-  dateTimePlaceholder: PropTypes.string,
-  rangePlaceholder: PropTypes.string,
-  onChange: PropTypes.func,
-  dropdownProps: PropTypes.object,
-  disabled: PropTypes.bool,
-  minDate: dateType,
-  maxDate: dateType,
-  translations: PropTypes.object,
-  locale: PropTypes.object,
-  size: PropTypes.oneOf(Object.values(Size))
-});
-_defineProperty(DatePicker, "defaultProps", {
-  className: '',
-  date: null,
-  withTime: false,
-  range: false,
-  from: null,
-  to: null,
-  clear: false,
-  inline: false,
-  size: Size.M,
-  displayFormat: (date, locale) => date ? format(date, 'd MMM yyyy', {
-    locale
-  }) : '',
-  displayMonthFormat: (date, locale) => date ? format(date, 'd MMM', {
-    locale
-  }) : '',
-  displayDayFormat: (date, locale) => date ? format(date, 'd', {
-    locale
-  }) : '',
-  displayTimeFormat: (date, locale) => date ? format(date, 'HH:mm', {
-    locale
-  }) : '',
-  datePlaceholder: 'Set a date',
-  dateTimePlaceholder: 'Set date and time',
-  rangePlaceholder: 'Set a period',
-  minDate: null,
-  maxDate: null,
-  onChange() {},
-  translations: {
-    setDate: 'Set a date',
-    setDateTime: 'Set date and time',
-    setPeriod: 'Set a period'
-  },
-  applyTimeInput(date, timeString) {
-    var _timeString$split$map;
-    const [hours, minutes] = (_timeString$split$map = timeString?.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
-    return minutes != null ? set(date, {
-      hours,
-      minutes
-    }) : date;
-  },
-  parseDateInput(string) {
-    if (!string) {
-      return null;
-    }
-    const today = new Date();
-    for (const format of formats) {
-      const date = parse(string, format, today);
-      if (isValid(date)) {
-        return date;
-      }
-    }
-    return null;
-  }
-});
 
 export { DatePicker as default };