@jetbrains/ring-ui-built 6.0.32 → 6.0.33

package/components/date-picker/consts.js

@@ -1,8 +1,13 @@
+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';
 
-const unit = 8; // px;
-const units = {
+var unit = 8; // px;
+var units = {
   unit,
   /* eslint-disable @typescript-eslint/no-magic-numbers */
   cellSize: unit * 3,
@@ -10,10 +15,10 @@ const units = {
   yearHeight: unit * 4
   /* eslint-enable */
 };
-const YEAR = 12;
-const WEEK = 7;
-const FIFTH_DAY = 4;
-const weekdays = {
+var YEAR = 12;
+var WEEK = 7;
+var FIFTH_DAY = 4;
+var weekdays = {
   MO: 1,
   TU: 2,
   WE: 3,
@@ -22,34 +27,36 @@ const weekdays = {
   SA: 6,
   SU: 0
 };
-const MIDDLE_DAY = 15;
-const durationToMillis = duration => +add(0, duration);
-const yearDuration = durationToMillis({
+var MIDDLE_DAY = 15;
+var durationToMillis = function durationToMillis(duration) {
+  return +add(0, duration);
+};
+var yearDuration = durationToMillis({
   years: 1
 });
-const yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
-const DOUBLE = 2;
-const HALF = 0.5;
-const dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
+var yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
+var DOUBLE = 2;
+var HALF = 0.5;
+var dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
 function parseTime(time) {
-  let result = null;
+  var 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${time}`;
+    result = "0".concat(time);
   }
   return result;
 }
 function shiftWeekArray(arr, startOfWeek) {
-  const shiftTimes = startOfWeek - 1;
+  var shiftTimes = startOfWeek - 1;
   return arr.slice(shiftTimes).concat(arr.slice(0, shiftTimes));
 }
 function getWeekStartsOn(locale) {
-  var _locale$options$weekS;
-  return (_locale$options$weekS = locale?.options?.weekStartsOn) !== null && _locale$options$weekS !== void 0 ? _locale$options$weekS : weekdays.MO;
+  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;
 }
 function getDayNumInWeek(locale, day) {
-  const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));
+  var weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));
   return weekDays.indexOf(day);
 }
 

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

@@ -1,3 +1,9 @@
+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';
@@ -6,7 +12,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 '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
@@ -15,132 +21,157 @@ 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';
 
-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
-      });
+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;
+      _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;
   }
-  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;
-    }
-    if (active) {
-      el.focus();
-      if (!text) {
-        el.select();
+  _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
+        });
       }
-    } else {
-      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,
-      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 || '';
+  }, {
+    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();
+      }
     }
-    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);
+  }, {
+    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 || '';
       }
-    })();
-    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
-    });
-  }
-}
+      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
+      });
+    }
+  }]);
+}(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);
 
 export { DateInput as default };