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

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

@@ -1,9 +1,7 @@
-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.filter.js';
-import 'core-js/modules/es.object.to-string.js';
+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 * as React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -13,7 +11,6 @@ import { I18nContext } from '../i18n/i18n-context.js';
 import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
@@ -22,151 +19,129 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.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 '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../global/composeRefs.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import '../i18n/i18n.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.slice.js';
 import 'date-fns/add';
 
-var DateInput = /*#__PURE__*/function (_React$PureComponent) {
-  function DateInput() {
-    var _this;
-    _classCallCheck(this, DateInput);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, DateInput, [].concat(args));
-    _defineProperty(_this, "input", void 0);
-    _defineProperty(_this, "inputRef", function (el) {
-      _this.input = el;
-    });
-    _defineProperty(_this, "handleChange", function (e) {
-      return _this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
+class DateInput extends React.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "inputRef", el => {
+      this.input = el;
     });
-    _defineProperty(_this, "handleKeyDown", function (e) {
+    _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();
+        this.props.onConfirm();
       }
     });
-    return _this;
   }
-  _inherits(DateInput, _React$PureComponent);
-  return _createClass(DateInput, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.updateInput(this.props);
+  componentDidMount() {
+    this.updateInput(this.props);
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      text,
+      active
+    } = this.props;
+    if (text !== prevProps.text || active !== prevProps.active) {
+      this.updateInput({
+        text,
+        active
+      });
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props = this.props,
-        text = _this$props.text,
-        active = _this$props.active;
-      if (text !== prevProps.text || active !== prevProps.active) {
-        this.updateInput({
-          text,
-          active
-        });
-      }
+  }
+  updateInput(_ref) {
+    let {
+      text,
+      active
+    } = _ref;
+    const el = this.input;
+    if (!el) {
+      return;
     }
-  }, {
-    key: "updateInput",
-    value: function updateInput(_ref) {
-      var text = _ref.text,
-        active = _ref.active;
-      var el = this.input;
-      if (!el) {
-        return;
-      }
-      if (active) {
-        el.focus();
-        if (!text) {
-          el.select();
-        }
-      } else {
-        el.blur();
+    if (active) {
+      el.focus();
+      if (!text) {
+        el.select();
       }
+    } else {
+      el.blur();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        active = _this$props2.active,
-        divider = _this$props2.divider,
-        text = _this$props2.text,
-        time = _this$props2.time,
-        name = _this$props2.name,
-        hoverDate = _this$props2.hoverDate,
-        date = _this$props2.date,
-        displayFormat = _this$props2.displayFormat,
-        translations = _this$props2.translations,
-        onActivate = _this$props2.onActivate,
-        onClear = _this$props2.onClear,
-        fromPlaceholder = _this$props2.fromPlaceholder,
-        toPlaceholder = _this$props2.toPlaceholder,
-        timePlaceholder = _this$props2.timePlaceholder,
-        locale = _this$props2.locale;
-      var translate = this.context.translate;
-      var displayText = '';
-      if (active && hoverDate) {
-        displayText = displayFormat(hoverDate, locale);
-      } else if (active && text != null) {
-        displayText = text;
-      } else if (date) {
-        displayText = displayFormat(date, locale);
-      } else if (name === 'time') {
-        displayText = time || '';
-      }
-      var placeholder = function (_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'));
-          case 'to':
-            return toPlaceholder || ((_translations$addSeco = translations === null || translations === void 0 ? void 0 : 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'));
-          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);
-        }
-      }();
-      var classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96["".concat(name, "Input")], divider && modules_0c7b7d96["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
-      return /*#__PURE__*/jsx(Input, {
-        autoComplete: "off",
-        borderless: true,
-        height: ControlsHeight.L,
-        "data-name": name,
-        inputRef: this.inputRef,
-        className: classes,
-        value: displayText,
-        onChange: this.handleChange,
-        onFocus: onActivate,
-        onKeyDown: this.handleKeyDown,
-        onClear: onClear,
-        placeholder: placeholder
-      });
+  }
+  render() {
+    const {
+      active,
+      divider,
+      text,
+      time,
+      name,
+      hoverDate,
+      date,
+      displayFormat,
+      translations,
+      onActivate,
+      onClear,
+      fromPlaceholder,
+      toPlaceholder,
+      timePlaceholder,
+      locale
+    } = this.props;
+    const {
+      translate
+    } = this.context;
+    let displayText = '';
+    if (active && hoverDate) {
+      displayText = displayFormat(hoverDate, locale);
+    } else if (active && text != null) {
+      displayText = text;
+    } else if (date) {
+      displayText = displayFormat(date, locale);
+    } else if (name === 'time') {
+      displayText = time || '';
     }
-  }]);
-}(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'));
+        case 'to':
+          return toPlaceholder || ((_translations$addSeco = translations === null || translations === void 0 ? void 0 : 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'));
+        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);
+      }
+    })();
+    const classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96["".concat(name, "Input")], divider && modules_0c7b7d96["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
+    return /*#__PURE__*/jsx(Input, {
+      autoComplete: "off",
+      borderless: true,
+      height: ControlsHeight.L,
+      "data-name": name,
+      inputRef: this.inputRef,
+      className: classes,
+      value: displayText,
+      onChange: this.handleChange,
+      onFocus: onActivate,
+      onKeyDown: this.handleKeyDown,
+      onClear: onClear,
+      placeholder: placeholder
+    });
+  }
+}
 _defineProperty(DateInput, "propTypes", {
   active: PropTypes.bool,
   divider: PropTypes.bool,