@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/date-picker/consts.js

@@ -1,13 +1,8 @@
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.object.values.js';
-import 'core-js/modules/es.regexp.exec.js';
 import PropTypes from 'prop-types';
 import { add } from 'date-fns/add';
 
-var unit = 8; // px;
-var units = {
+const unit = 8; // px;
+const units = {
   unit,
   /* eslint-disable @typescript-eslint/no-magic-numbers */
   cellSize: unit * 3,
@@ -15,10 +10,10 @@ var units = {
   yearHeight: unit * 4
   /* eslint-enable */
 };
-var YEAR = 12;
-var WEEK = 7;
-var FIFTH_DAY = 4;
-var weekdays = {
+const YEAR = 12;
+const WEEK = 7;
+const FIFTH_DAY = 4;
+const weekdays = {
   MO: 1,
   TU: 2,
   WE: 3,
@@ -27,36 +22,34 @@ var weekdays = {
   SA: 6,
   SU: 0
 };
-var MIDDLE_DAY = 15;
-var durationToMillis = function durationToMillis(duration) {
-  return +add(0, duration);
-};
-var yearDuration = durationToMillis({
+const MIDDLE_DAY = 15;
+const durationToMillis = duration => +add(0, duration);
+const yearDuration = durationToMillis({
   years: 1
 });
-var yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
-var DOUBLE = 2;
-var HALF = 0.5;
-var dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
+const yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
+const DOUBLE = 2;
+const HALF = 0.5;
+const dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
 function parseTime(time) {
-  var result = null;
+  let result = null;
   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;
 }
 function shiftWeekArray(arr, startOfWeek) {
-  var shiftTimes = startOfWeek - 1;
+  const shiftTimes = startOfWeek - 1;
   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) {
-  var weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));
+  const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));
   return weekDays.indexOf(day);
 }
 

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

@@ -1,9 +1,3 @@
-import { a as _inherits, b as _createClass, _ as _defineProperty, f as _classCallCheck, g 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 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -12,7 +6,7 @@ import { ControlsHeight } from '../global/controls-height.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import 'core-js/modules/es.object.values.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
@@ -21,157 +15,132 @@ 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 '../control-label/control-label.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];
+class DateInput extends React.PureComponent {
+  static propTypes = {
+    active: PropTypes.bool,
+    divider: PropTypes.bool,
+    name: PropTypes.string,
+    text: PropTypes.string,
+    hoverDate: dateType,
+    date: dateType,
+    time: PropTypes.string,
+    displayFormat: PropTypes.func,
+    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
+  };
+  componentDidUpdate(prevProps) {
+    const {
+      text,
+      active
+    } = this.props;
+    if (text !== prevProps.text || active !== prevProps.active) {
+      this.updateInput({
+        text,
+        active
+      });
     }
-    _this = _callSuper(this, DateInput, [].concat(args));
-    _defineProperty(_this, "input", void 0);
-    _defineProperty(_this, "inputRef", function (el) {
-      _this.input = el;
-      _this.updateInput(_this.props);
-    });
-    _defineProperty(_this, "handleChange", function (e) {
-      return _this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
-    });
-    _defineProperty(_this, "handleKeyDown", function (e) {
-      return e.key === 'Enter' && _this.props.onConfirm();
-    });
-    return _this;
   }
-  _inherits(DateInput, _React$PureComponent);
-  return _createClass(DateInput, [{
-    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
-        });
-      }
+  static contextType = I18nContext;
+  input;
+  inputRef = el => {
+    this.input = el;
+    this.updateInput(this.props);
+  };
+  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__*/React.createElement(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
-      });
+  }
+  handleChange = e => this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
+  handleKeyDown = e => e.key === 'Enter' && this.props.onConfirm();
+  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);
-_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,
-  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, "contextType", I18nContext);
+    const placeholder = ((_translations$addFirs, _translations$addSeco, _translations$addTime, _translations$selectN) => {
+      switch (name) {
+        case 'from':
+          return fromPlaceholder || ((_translations$addFirs = translations?.addFirstDate) !== null && _translations$addFirs !== void 0 ? _translations$addFirs : translate('addFirstDate'));
+        case 'to':
+          return toPlaceholder || ((_translations$addSeco = translations?.addSecondDate) !== null && _translations$addSeco !== void 0 ? _translations$addSeco : translate('addSecondDate'));
+        case 'time':
+          return timePlaceholder || ((_translations$addTime = translations?.addTime) !== null && _translations$addTime !== void 0 ? _translations$addTime : translate('addTime'));
+        default:
+          return ((_translations$selectN = 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[`${name}Input`], divider && modules_0c7b7d96[`${name}InputWithDivider`], 'ring-js-shortcuts');
+    return /*#__PURE__*/React.createElement(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
+    });
+  }
+}
 
 export { DateInput as default };