@jetbrains/ring-ui-built 7.0.66 → 7.0.70

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

@@ -1,10 +1,8 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 
 var styles = {"label":"ring-control-label-label","formLabel":"ring-control-label-formLabel","secondaryLabel":"ring-control-label-secondaryLabel","disabledLabel":"ring-control-label-disabledLabel"};
 
-const _excluded = ["children", "type", "disabled"];
 var LabelType;
 (function (LabelType) {
   LabelType["SECONDARY"] = "secondary";
@@ -14,20 +12,17 @@ const classNameByType = {
   [LabelType.SECONDARY]: styles.secondaryLabel,
   [LabelType.FORM]: styles.formLabel
 };
-const ControlLabel = _ref => {
-  let {
-      children,
-      type = LabelType.SECONDARY,
-      disabled
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return jsx("label", _objectSpread2(_objectSpread2({
-    className: classNames(styles.label, classNameByType[type], {
-      [styles.disabledLabel]: disabled
-    })
-  }, rest), {}, {
-    children: children
-  }));
-};
+const ControlLabel = ({
+  children,
+  type = LabelType.SECONDARY,
+  disabled,
+  ...rest
+}) => jsx("label", {
+  className: classNames(styles.label, classNameByType[type], {
+    [styles.disabledLabel]: disabled
+  }),
+  ...rest,
+  children: children
+});
 
 export { ControlLabel, LabelType, ControlLabel as default };

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

@@ -1,7 +1,5 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { PureComponent, Component } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Component, PureComponent } from 'react';
 import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import selectionShortcutsHOC from '../table/selection-shortcuts-hoc.js';
@@ -14,11 +12,10 @@ import { s as styles } from '../_helpers/title.js';
 import '../global/compose-refs.js';
 import 'memoize-one';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../loader/loader-core.js';
+import '../_helpers/loader-core.js';
 import '../global/dom.js';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
@@ -34,7 +31,6 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
@@ -45,49 +41,12 @@ import '@jetbrains/icons/remove-12px';
 import '../control-help/control-help.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) {
-        throw new Error('No focused item');
-      }
-      const item = itemFormatter(focused);
-      if (item.collapsed) {
-        var _item$onExpand;
-        (_item$onExpand = item.onExpand) === null || _item$onExpand === void 0 || _item$onExpand.call(item);
-      } else {
-        var _item$onCollapse;
-        (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === void 0 || _item$onCollapse.call(item);
-      }
-    });
-    _defineProperty(this, "shortcutsMap", {
-      '=': this.onEqualPress
-    });
-  }
+  static defaultProps = {
+    loading: false,
+    onItemMoreLess: () => {},
+    itemMoreLessState: () => moreLessButtonStates.UNUSED,
+    remoteSelection: false
+  };
   componentDidUpdate(prevProps) {
     const {
       data,
@@ -104,6 +63,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 || focused === undefined) {
+      throw new Error('No focused item');
+    }
+    const item = itemFormatter(focused);
+    if (item.collapsed) {
+      item.onExpand?.();
+    } else {
+      item.onCollapse?.();
+    }
+  };
+  shortcutsMap = {
+    '=': this.onEqualPress
+  };
   render() {
     const {
       data,
@@ -115,7 +112,10 @@ class DataList extends PureComponent {
       focused,
       innerRef
     } = this.props;
-    const shortcutsMap = _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap);
+    const shortcutsMap = {
+      ...this.shortcutsMap,
+      ...this.props.shortcutsMap
+    };
     const classes = classNames(className, {
       [styles.dataList]: true,
       [styles.disabledHover]: disabledHover,
@@ -131,7 +131,6 @@ class DataList extends PureComponent {
       }), jsx("ul", {
         className: classes,
         children: data.map(model => {
-          var _this$props$itemMoreL, _this$props;
           const item = itemFormatter(model);
           const {
             id,
@@ -139,7 +138,7 @@ class DataList extends PureComponent {
             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);
+          const showMoreLessButton = this.props.itemMoreLessState?.(item);
           return jsx(Item, {
             item: model,
             title: title,
@@ -167,22 +166,15 @@ class DataList extends PureComponent {
     });
   }
 }
-_defineProperty(DataList, "defaultProps", {
-  loading: false,
-  onItemMoreLess: () => {},
-  itemMoreLessState: () => moreLessButtonStates.UNUSED,
-  remoteSelection: false
-});
 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());
-  }
+  // https://stackoverflow.com/a/53882322/6304152
+  DataList = getContainer();
   render() {
-    return jsx(this.DataList, _objectSpread2({}, this.props));
+    return jsx(this.DataList, {
+      ...this.props
+    });
   }
 }
 

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

@@ -1,11 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Link from '../link/link.js';
 import Tag from '../tag/tag.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/close-12px';
@@ -13,8 +11,6 @@ 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 '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';

package/components/data-list/item.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
@@ -18,8 +16,6 @@ import 'util-deprecate';
 import '../icon/icon.js';
 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 '../global/memoize.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
@@ -43,66 +39,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 jsx(Item, {
-        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),
-        partialSelected: selection.isPartialSelected(model),
-        onSelect: onSelect
-      }, item.key || item.id);
-    });
-  }
+  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 jsx(Item, {
+      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),
+      partialSelected: selection.isPartialSelected(model),
+      onSelect: onSelect
+    }, item.key || item.id);
+  };
   render() {
     const {
       title,
@@ -167,7 +167,7 @@ class Item extends PureComponent {
         });
       }
     }
-    const itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
+    const itemIsEmpty = !items?.length || collapsible && collapsed;
     const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
     return jsxs("li", {
       children: [jsx(Title, {
@@ -191,12 +191,5 @@ class Item extends PureComponent {
     });
   }
 }
-_defineProperty(Item, "defaultProps", {
-  items: [],
-  level: 0,
-  parentShift: 0,
-  showMoreLessButton: moreLessButtonStates.UNUSED,
-  onItemMoreLess: () => {}
-});
 
 export { Item as default, moreLessButtonStates };

package/components/data-list/selection.js

@@ -1,17 +1,12 @@
-import { a as _objectWithoutProperties, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import Selection$1 from '../table/selection.js';
 
-const _excluded = ["partialSelected"],
-  _excluded2 = ["partialSelected"];
 class Selection extends Selection$1 {
-  constructor(_ref) {
-    let {
-        partialSelected = new Set()
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
+  _partialSelected;
+  constructor({
+    partialSelected = new Set(),
+    ...props
+  }) {
     super(props);
-    _defineProperty(this, "_partialSelected", void 0);
     this._partialSelected = partialSelected;
   }
   _buildData(data) {
@@ -78,8 +73,7 @@ class Selection extends Selection$1 {
       selected.delete(ancestor);
     });
   }
-  select() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+  select(value = this._focused) {
     if (!value || !this._isItemSelectable(value)) {
       return this;
     }
@@ -103,11 +97,10 @@ class Selection extends Selection$1 {
   resetSelection() {
     return super.resetSelection();
   }
-  cloneWith(_ref2) {
-    let {
-        partialSelected = this._partialSelected
-      } = _ref2,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
+  cloneWith({
+    partialSelected = this._partialSelected,
+    ...rest
+  }) {
     const parentClone = super.cloneWith(rest);
     return new this.constructor({
       // eslint-disable-next-line no-underscore-dangle
@@ -125,8 +118,7 @@ class Selection extends Selection$1 {
       partialSelected
     });
   }
-  deselect() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+  deselect(value = this._focused) {
     if (!value || !this._isItemSelectable(value)) {
       return this;
     }

package/components/data-list/title.js

@@ -1,5 +1,3 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
@@ -15,7 +13,5 @@ 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 '../global/memoize.js';
 import '../control-help/control-help.js';

package/components/date-picker/consts.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.regexp.exec.js';
 import { add } from 'date-fns/add';
 
 const unit = 8; // px;
@@ -35,7 +34,7 @@ function parseTime(time) {
   if (/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
     result = time;
   } else if (/^([0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
-    result = "0".concat(time);
+    result = `0${time}`;
   }
   return result;
 }
@@ -44,8 +43,8 @@ function shiftWeekArray(arr, startOfWeek) {
   return arr.slice(shiftTimes).concat(arr.slice(0, shiftTimes));
 }
 function getWeekStartsOn(locale) {
-  var _locale$options$weekS, _locale$options;
-  return (_locale$options$weekS = locale === null || locale === void 0 || (_locale$options = locale.options) === null || _locale$options === void 0 ? void 0 : _locale$options.weekStartsOn) !== null && _locale$options$weekS !== void 0 ? _locale$options$weekS : weekdays.MO;
+  var _locale$options$weekS;
+  return (_locale$options$weekS = locale?.options?.weekStartsOn) !== null && _locale$options$weekS !== void 0 ? _locale$options$weekS : weekdays.MO;
 }
 function getDayNumInWeek(locale, day) {
   const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));

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

@@ -1,7 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
@@ -29,24 +25,6 @@ import '../control-help/control-help.js';
 import '../i18n/i18n.js';
 
 class DateInput extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-    });
-    _defineProperty(this, "handleChange", e => this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name));
-    _defineProperty(this, "handleKeyDown", e => {
-      if (e.key === 'Enter') {
-        // We have to prevent the default behavior, because restoring focus by TabTrap caused by
-        // pressing Enter will trigger the onClick event on the DatePicker Dropdown anchor,
-        // so DatePicker will be open again.
-        // https://youtrack.jetbrains.com/issue/RG-2450/Anchor-should-be-focused-after-closing-datepicker#focus=Comments-27-10044234.0-0.
-        e.preventDefault();
-        this.props.onConfirm();
-      }
-    });
-  }
   componentDidMount() {
     this.updateInput(this.props);
   }
@@ -62,11 +40,15 @@ class DateInput extends React.PureComponent {
       });
     }
   }
-  updateInput(_ref) {
-    let {
-      text,
-      active
-    } = _ref;
+  static contextType = I18nContext;
+  input;
+  inputRef = el => {
+    this.input = el;
+  };
+  updateInput({
+    text,
+    active
+  }) {
     const el = this.input;
     if (!el) {
       return;
@@ -80,6 +62,17 @@ class DateInput extends React.PureComponent {
       el.blur();
     }
   }
+  handleChange = e => this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
+  handleKeyDown = e => {
+    if (e.key === 'Enter') {
+      // We have to prevent the default behavior, because restoring focus by TabTrap caused by
+      // pressing Enter will trigger the onClick event on the DatePicker Dropdown anchor,
+      // so DatePicker will be open again.
+      // https://youtrack.jetbrains.com/issue/RG-2450/Anchor-should-be-focused-after-closing-datepicker#focus=Comments-27-10044234.0-0.
+      e.preventDefault();
+      this.props.onConfirm();
+    }
+  };
   render() {
     const {
       active,
@@ -114,16 +107,16 @@ class DateInput extends React.PureComponent {
     const placeholder = ((_translations$addFirs, _translations$addSeco, _translations$addTime, _translations$selectN) => {
       switch (name) {
         case 'from':
-          return fromPlaceholder || ((_translations$addFirs = translations === null || translations === void 0 ? void 0 : translations.addFirstDate) !== null && _translations$addFirs !== void 0 ? _translations$addFirs : translate('addFirstDate'));
+          return fromPlaceholder || ((_translations$addFirs = translations?.addFirstDate) !== null && _translations$addFirs !== void 0 ? _translations$addFirs : translate('addFirstDate'));
         case 'to':
-          return toPlaceholder || ((_translations$addSeco = translations === null || translations === void 0 ? void 0 : translations.addSecondDate) !== null && _translations$addSeco !== void 0 ? _translations$addSeco : translate('addSecondDate'));
+          return toPlaceholder || ((_translations$addSeco = translations?.addSecondDate) !== null && _translations$addSeco !== void 0 ? _translations$addSeco : translate('addSecondDate'));
         case 'time':
-          return timePlaceholder || ((_translations$addTime = translations === null || translations === void 0 ? void 0 : translations.addTime) !== null && _translations$addTime !== void 0 ? _translations$addTime : translate('addTime'));
+          return timePlaceholder || ((_translations$addTime = translations?.addTime) !== null && _translations$addTime !== void 0 ? _translations$addTime : translate('addTime'));
         default:
-          return ((_translations$selectN = translations === null || translations === void 0 ? void 0 : translations.selectName) !== null && _translations$selectN !== void 0 ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
+          return ((_translations$selectN = translations?.selectName) !== null && _translations$selectN !== void 0 ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
       }
     })();
-    const classes = classNames(styles.filter, styles["".concat(name, "Input")], divider && styles["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
+    const classes = classNames(styles.filter, styles[`${name}Input`], divider && styles[`${name}InputWithDivider`], 'ring-js-shortcuts');
     return jsx(Input, {
       autoComplete: 'off',
       borderless: true,
@@ -140,6 +133,5 @@ class DateInput extends React.PureComponent {
     });
   }
 }
-_defineProperty(DateInput, "contextType", I18nContext);
 
 export { DateInput as default };