@jetbrains/ring-ui-built 6.0.32 → 6.0.33

package/components/date-picker/day.js

@@ -1,3 +1,8 @@
+import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.includes.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -12,97 +17,121 @@ import { isToday } from 'date-fns/isToday';
 import { startOfDay } from 'date-fns/startOfDay';
 import { dateType, getDayNumInWeek, weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.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 'date-fns/add';
 
-let hoverTO;
-class Day extends Component {
-  static propTypes = {
-    day: dateType,
-    from: dateType,
-    currentRange: PropTypes.arrayOf(dateType),
-    activeRange: PropTypes.arrayOf(dateType),
-    empty: PropTypes.bool,
-    onSelect: PropTypes.func,
-    parseDateInput: PropTypes.func,
-    onHover: PropTypes.func,
-    locale: PropTypes.object,
-    minDate: dateType,
-    maxDate: dateType
-  };
-  handleClick = () => this.props.onSelect(this.props.day);
-  handleMouseOver = () => {
-    if (hoverTO) {
-      window.clearTimeout(hoverTO);
-      hoverTO = null;
+var hoverTO;
+var Day = /*#__PURE__*/function (_Component) {
+  function Day() {
+    var _this;
+    _classCallCheck(this, Day);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-    this.props.onHover(this.props.day);
-  };
-  handleMouseOut = () => {
-    hoverTO = window.setTimeout(this.props.onHover, 0);
-  };
-  isDay = date => isSameDay(this.props.day, date);
-  is = name => {
-    const value = this.props[name];
-    return value != null && this.isDay(value);
-  };
-  inRange = range => range && isAfter(startOfDay(this.props.day), startOfDay(range[0])) && isBefore(startOfDay(this.props.day), startOfDay(range[1]));
-  isDisabled = date => {
-    const min = this.parse(this.props.minDate);
-    const max = this.parse(this.props.maxDate);
-    return min != null && isBefore(startOfDay(date), startOfDay(min)) || max != null && isAfter(startOfDay(date), startOfDay(max));
-  };
-  parse(text) {
-    return this.props.parseDateInput(text);
+    _this = _callSuper(this, Day, [].concat(args));
+    _defineProperty(_this, "handleClick", function () {
+      return _this.props.onSelect(_this.props.day);
+    });
+    _defineProperty(_this, "handleMouseOver", function () {
+      if (hoverTO) {
+        window.clearTimeout(hoverTO);
+        hoverTO = null;
+      }
+      _this.props.onHover(_this.props.day);
+    });
+    _defineProperty(_this, "handleMouseOut", function () {
+      hoverTO = window.setTimeout(_this.props.onHover, 0);
+    });
+    _defineProperty(_this, "isDay", function (date) {
+      return isSameDay(_this.props.day, date);
+    });
+    _defineProperty(_this, "is", function (name) {
+      var value = _this.props[name];
+      return value != null && _this.isDay(value);
+    });
+    _defineProperty(_this, "inRange", function (range) {
+      return range && isAfter(startOfDay(_this.props.day), startOfDay(range[0])) && isBefore(startOfDay(_this.props.day), startOfDay(range[1]));
+    });
+    _defineProperty(_this, "isDisabled", function (date) {
+      var min = _this.parse(_this.props.minDate);
+      var max = _this.parse(_this.props.maxDate);
+      return min != null && isBefore(startOfDay(date), startOfDay(min)) || max != null && isAfter(startOfDay(date), startOfDay(max));
+    });
+    return _this;
   }
-  render() {
-    const {
-      day,
-      from,
-      currentRange,
-      activeRange,
-      empty,
-      locale
-    } = this.props;
-    const reverse = activeRange && activeRange[1] === from;
-    const dayInWeek = getDayNumInWeek(locale, getDay(day)) + 1;
-    function makeSpreadRange(range) {
-      return range && [range[0], addDays(range[1], 1)];
+  _inherits(Day, _Component);
+  return _createClass(Day, [{
+    key: "parse",
+    value: function parse(text) {
+      return this.props.parseDateInput(text);
     }
-    const spreadRange = makeSpreadRange(currentRange);
-    const disabled = this.isDisabled(day);
-    const activeSpreadRange = makeSpreadRange(activeRange);
-    return (
-      /*#__PURE__*/
-      // TODO make keyboard navigation actually work
-      React.createElement("button", {
-        type: "button",
-        className: classNames(modules_0c7b7d96.day, modules_0c7b7d96[`Day${dayInWeek}`], {
-          [modules_0c7b7d96.current]: ['date', 'from', 'to'].some(this.is),
-          [modules_0c7b7d96.active]: !disabled && this.is('activeDate'),
-          [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day)),
-          [modules_0c7b7d96.empty]: empty,
-          [modules_0c7b7d96.from]: currentRange && this.isDay(currentRange[0]) && !reverse || activeRange && this.isDay(activeRange[0]),
-          [modules_0c7b7d96.to]: currentRange && this.isDay(currentRange[1]) || activeRange && this.isDay(activeRange[1]),
-          [modules_0c7b7d96.between]: this.inRange(currentRange),
-          [modules_0c7b7d96.activeBetween]: !disabled && this.inRange(activeRange),
-          [modules_0c7b7d96.first]: getDate(day) === 1,
-          [modules_0c7b7d96.spread]: this.inRange(spreadRange),
-          [modules_0c7b7d96.activeSpread]: !disabled && this.inRange(activeSpreadRange),
-          [modules_0c7b7d96.disabled]: disabled
-        }),
-        onClick: this.handleClick,
-        onMouseOver: this.handleMouseOver,
-        onFocus: this.handleMouseOver,
-        onMouseOut: this.handleMouseOut,
-        onBlur: this.handleMouseOut,
-        disabled: disabled
-      }, empty || /*#__PURE__*/React.createElement("span", {
-        className: classNames({
-          [modules_0c7b7d96.today]: isToday(day)
-        })
-      }, format(day, 'd')))
-    );
-  }
-}
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        day = _this$props.day,
+        from = _this$props.from,
+        currentRange = _this$props.currentRange,
+        activeRange = _this$props.activeRange,
+        empty = _this$props.empty,
+        locale = _this$props.locale;
+      var reverse = activeRange && activeRange[1] === from;
+      var dayInWeek = getDayNumInWeek(locale, getDay(day)) + 1;
+      function makeSpreadRange(range) {
+        return range && [range[0], addDays(range[1], 1)];
+      }
+      var spreadRange = makeSpreadRange(currentRange);
+      var disabled = this.isDisabled(day);
+      var activeSpreadRange = makeSpreadRange(activeRange);
+      return (
+        /*#__PURE__*/
+        // TODO make keyboard navigation actually work
+        React.createElement("button", {
+          type: "button",
+          className: classNames(modules_0c7b7d96.day, modules_0c7b7d96["Day".concat(dayInWeek)], {
+            [modules_0c7b7d96.current]: ['date', 'from', 'to'].some(this.is),
+            [modules_0c7b7d96.active]: !disabled && this.is('activeDate'),
+            [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day)),
+            [modules_0c7b7d96.empty]: empty,
+            [modules_0c7b7d96.from]: currentRange && this.isDay(currentRange[0]) && !reverse || activeRange && this.isDay(activeRange[0]),
+            [modules_0c7b7d96.to]: currentRange && this.isDay(currentRange[1]) || activeRange && this.isDay(activeRange[1]),
+            [modules_0c7b7d96.between]: this.inRange(currentRange),
+            [modules_0c7b7d96.activeBetween]: !disabled && this.inRange(activeRange),
+            [modules_0c7b7d96.first]: getDate(day) === 1,
+            [modules_0c7b7d96.spread]: this.inRange(spreadRange),
+            [modules_0c7b7d96.activeSpread]: !disabled && this.inRange(activeSpreadRange),
+            [modules_0c7b7d96.disabled]: disabled
+          }),
+          onClick: this.handleClick,
+          onMouseOver: this.handleMouseOver,
+          onFocus: this.handleMouseOver,
+          onMouseOut: this.handleMouseOut,
+          onBlur: this.handleMouseOut,
+          disabled: disabled
+        }, empty || /*#__PURE__*/React.createElement("span", {
+          className: classNames({
+            [modules_0c7b7d96.today]: isToday(day)
+          })
+        }, format(day, 'd')))
+      );
+    }
+  }]);
+}(Component);
+_defineProperty(Day, "propTypes", {
+  day: dateType,
+  from: dateType,
+  currentRange: PropTypes.arrayOf(dateType),
+  activeRange: PropTypes.arrayOf(dateType),
+  empty: PropTypes.bool,
+  onSelect: PropTypes.func,
+  parseDateInput: PropTypes.func,
+  onHover: PropTypes.func,
+  locale: PropTypes.object,
+  minDate: dateType,
+  maxDate: dateType
+});
 
 export { Day as default };

package/components/date-picker/month-names.js

@@ -1,4 +1,6 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, j as _slicedToArray, e as _extends, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,61 +16,82 @@ import { dateType, YEAR, MIDDLE_DAY, yearScrollSpeed } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
+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 'date-fns/add';
 
-class MonthName extends PureComponent {
-  static propTypes = {
-    month: dateType,
-    onScrollChange: PropTypes.func,
-    locale: PropTypes.object
-  };
-  handleClick = () => {
-    const end = endOfMonth(this.props.month);
-    this.props.onScrollChange(end.getTime());
-  };
-  render() {
-    const {
-      month,
-      locale
-    } = this.props;
-    return /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: classNames(modules_0c7b7d96.monthName, {
-        [modules_0c7b7d96.today]: isThisMonth(month)
-      }),
-      onClick: this.handleClick
-    }, format(month, 'LLL', {
-      locale
-    }));
+var MonthName = /*#__PURE__*/function (_PureComponent) {
+  function MonthName() {
+    var _this;
+    _classCallCheck(this, MonthName);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, MonthName, [].concat(args));
+    _defineProperty(_this, "handleClick", function () {
+      var end = endOfMonth(_this.props.month);
+      _this.props.onScrollChange(end.getTime());
+    });
+    return _this;
   }
-}
+  _inherits(MonthName, _PureComponent);
+  return _createClass(MonthName, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        month = _this$props.month,
+        locale = _this$props.locale;
+      return /*#__PURE__*/React.createElement("button", {
+        type: "button",
+        className: classNames(modules_0c7b7d96.monthName, {
+          [modules_0c7b7d96.today]: isThisMonth(month)
+        }),
+        onClick: this.handleClick
+      }, format(month, 'LLL', {
+        locale
+      }));
+    }
+  }]);
+}(PureComponent);
+_defineProperty(MonthName, "propTypes", {
+  month: dateType,
+  onScrollChange: PropTypes.func,
+  locale: PropTypes.object
+});
 function MonthNames(props) {
-  const {
-    scrollDate,
-    locale
-  } = props;
-  const months = [];
-  for (let i = 0; i < YEAR; i++) {
-    const middleDay = set(scrollDate, {
+  var scrollDate = props.scrollDate,
+    locale = props.locale;
+  var months = [];
+  for (var i = 0; i < YEAR; i++) {
+    var middleDay = set(scrollDate, {
       month: i,
       date: MIDDLE_DAY
     });
     months.push(startOfDay(middleDay));
   }
-  const pxToDate = linearFunction(0, Number(startOfYear(scrollDate)), yearScrollSpeed);
-  let top = 0;
-  let bottom = 0;
+  var pxToDate = linearFunction(0, Number(startOfYear(scrollDate)), yearScrollSpeed);
+  var top = 0;
+  var bottom = 0;
   if (props.currentRange) {
-    [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(Number(date))));
+    var _props$currentRange$m = props.currentRange.map(function (date) {
+      return Math.floor(pxToDate.x(Number(date)));
+    });
+    var _props$currentRange$m2 = _slicedToArray(_props$currentRange$m, 2);
+    top = _props$currentRange$m2[0];
+    bottom = _props$currentRange$m2[1];
   }
   return /*#__PURE__*/React.createElement("div", {
     className: modules_0c7b7d96.monthNames
-  }, months.map(month => /*#__PURE__*/React.createElement(MonthName, {
-    key: +month,
-    month: month,
-    onScrollChange: props.onScrollChange,
-    locale: locale
-  })), props.currentRange && /*#__PURE__*/React.createElement("div", {
+  }, months.map(function (month) {
+    return /*#__PURE__*/React.createElement(MonthName, {
+      key: +month,
+      month: month,
+      onScrollChange: props.onScrollChange,
+      locale: locale
+    });
+  }), props.currentRange && /*#__PURE__*/React.createElement("div", {
     className: modules_0c7b7d96.range,
     style: {
       top: top - 1,

package/components/date-picker/month-slider.js

@@ -1,3 +1,6 @@
+import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,63 +10,85 @@ import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import units, { dateType, yearScrollSpeed } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.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 'date-fns/add';
 
-const COVERYEARS = 3;
-class MonthSlider extends PureComponent {
-  static propTypes = {
-    scrollDate: dateType,
-    onScroll: PropTypes.func,
-    pxToDate: PropTypes.shape({
-      x: PropTypes.func,
-      y: PropTypes.func
-    })
-  };
-  state = {
-    dragging: false
-  };
-  componentDidUpdate(prevProps, prevState) {
-    if (this.state.dragging && !prevState.dragging) {
-      window.addEventListener('mousemove', this.onMouseMove);
-      window.addEventListener('mouseup', this.onMouseUp);
-    } else if (!this.state.dragging && prevState.dragging) {
-      window.removeEventListener('mousemove', this.onMouseMove);
-      window.removeEventListener('mouseup', this.onMouseUp);
+var COVERYEARS = 3;
+var MonthSlider = /*#__PURE__*/function (_PureComponent) {
+  function MonthSlider() {
+    var _this;
+    _classCallCheck(this, MonthSlider);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-  }
-  onMouseDown = () => {
-    this.setState({
-      dragging: true
-    });
-  };
-  onMouseUp = () => {
-    this.setState({
+    _this = _callSuper(this, MonthSlider, [].concat(args));
+    _defineProperty(_this, "state", {
       dragging: false
     });
-  };
-  onMouseMove = e => {
-    this.props.onScroll(linearFunction(0, Number(this.props.scrollDate), yearScrollSpeed).y(e.movementY));
-  };
-  render() {
-    let year = subYears(startOfDay(this.props.scrollDate), 1);
-    const years = [year];
-    for (let i = 0; i <= COVERYEARS; i++) {
-      year = addYears(year, 1);
-      years.push(year);
-    }
-    const classes = classNames(modules_0c7b7d96.monthSlider, {
-      [modules_0c7b7d96.dragging]: this.state.dragging
+    _defineProperty(_this, "onMouseDown", function () {
+      _this.setState({
+        dragging: true
+      });
+    });
+    _defineProperty(_this, "onMouseUp", function () {
+      _this.setState({
+        dragging: false
+      });
     });
-    return /*#__PURE__*/React.createElement("div", null, years.map(date => /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      key: +date,
-      className: classes,
-      style: {
-        top: Math.floor(this.props.pxToDate.x(Number(date)) - units.cellSize)
-      },
-      onMouseDown: this.onMouseDown
-    })));
+    _defineProperty(_this, "onMouseMove", function (e) {
+      _this.props.onScroll(linearFunction(0, Number(_this.props.scrollDate), yearScrollSpeed).y(e.movementY));
+    });
+    return _this;
   }
-}
+  _inherits(MonthSlider, _PureComponent);
+  return _createClass(MonthSlider, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.state.dragging && !prevState.dragging) {
+        window.addEventListener('mousemove', this.onMouseMove);
+        window.addEventListener('mouseup', this.onMouseUp);
+      } else if (!this.state.dragging && prevState.dragging) {
+        window.removeEventListener('mousemove', this.onMouseMove);
+        window.removeEventListener('mouseup', this.onMouseUp);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var year = subYears(startOfDay(this.props.scrollDate), 1);
+      var years = [year];
+      for (var i = 0; i <= COVERYEARS; i++) {
+        year = addYears(year, 1);
+        years.push(year);
+      }
+      var classes = classNames(modules_0c7b7d96.monthSlider, {
+        [modules_0c7b7d96.dragging]: this.state.dragging
+      });
+      return /*#__PURE__*/React.createElement("div", null, years.map(function (date) {
+        return /*#__PURE__*/React.createElement("button", {
+          type: "button",
+          key: +date,
+          className: classes,
+          style: {
+            top: Math.floor(_this2.props.pxToDate.x(Number(date)) - units.cellSize)
+          },
+          onMouseDown: _this2.onMouseDown
+        });
+      }));
+    }
+  }]);
+}(PureComponent);
+_defineProperty(MonthSlider, "propTypes", {
+  scrollDate: dateType,
+  onScroll: PropTypes.func,
+  pxToDate: PropTypes.shape({
+    x: PropTypes.func,
+    y: PropTypes.func
+  })
+});
 
 export { MonthSlider as default };

package/components/date-picker/month.js

@@ -1,4 +1,6 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.object.values.js';
 import React from 'react';
 import { addDays } from 'date-fns/addDays';
 import { endOfMonth } from 'date-fns/endOfMonth';
@@ -9,6 +11,10 @@ import PropTypes from 'prop-types';
 import Day from './day.js';
 import { dateType, shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.includes.js';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';
@@ -16,20 +22,21 @@ import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/startOfDay';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 function Month(props) {
-  const start = props.month;
-  const end = endOfMonth(start);
-  const {
-    locale
-  } = props;
+  var start = props.month;
+  var end = endOfMonth(start);
+  var locale = props.locale;
   // pad with empty cells starting from last friday
-  const weekday = getDay(start);
-  const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale));
-  const fifthDayOfWeek = weekDays[FIFTH_DAY];
-  let day = setDay(start, weekday >= fifthDayOfWeek ? fifthDayOfWeek : fifthDayOfWeek - WEEK);
-  const days = [];
+  var weekday = getDay(start);
+  var weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale));
+  var fifthDayOfWeek = weekDays[FIFTH_DAY];
+  var day = setDay(start, weekday >= fifthDayOfWeek ? fifthDayOfWeek : fifthDayOfWeek - WEEK);
+  var days = [];
   while (day < end) {
     days.push(day);
     day = addDays(day, 1);
@@ -40,11 +47,13 @@ function Month(props) {
     className: modules_0c7b7d96.monthTitle
   }, format(props.month, 'LLLL', {
     locale
-  })), days.map(date => /*#__PURE__*/React.createElement(Day, _extends({}, props, {
-    day: date,
-    empty: date < start,
-    key: +date
-  }))));
+  })), days.map(function (date) {
+    return /*#__PURE__*/React.createElement(Day, _extends({}, props, {
+      day: date,
+      empty: date < start,
+      key: +date
+    }));
+  }));
 }
 Month.propTypes = {
   month: dateType,