@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/date-picker/day.js

@@ -1,8 +1,3 @@
-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';
@@ -17,121 +12,97 @@ 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';
 
-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];
+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;
     }
-    _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;
+    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);
   }
-  _inherits(Day, _Component);
-  return _createClass(Day, [{
-    key: "parse",
-    value: function parse(text) {
-      return this.props.parseDateInput(text);
+  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)];
     }
-  }, {
-    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
-});
+    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')))
+    );
+  }
+}
 
 export { Day as default };

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

@@ -1,6 +1,4 @@
-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 { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -16,82 +14,61 @@ 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';
 
-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;
+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
+    }));
   }
-  _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) {
-  var scrollDate = props.scrollDate,
-    locale = props.locale;
-  var months = [];
-  for (var i = 0; i < YEAR; i++) {
-    var middleDay = set(scrollDate, {
+  const {
+    scrollDate,
+    locale
+  } = props;
+  const months = [];
+  for (let i = 0; i < YEAR; i++) {
+    const middleDay = set(scrollDate, {
       month: i,
       date: MIDDLE_DAY
     });
     months.push(startOfDay(middleDay));
   }
-  var pxToDate = linearFunction(0, Number(startOfYear(scrollDate)), yearScrollSpeed);
-  var top = 0;
-  var bottom = 0;
+  const pxToDate = linearFunction(0, Number(startOfYear(scrollDate)), yearScrollSpeed);
+  let top = 0;
+  let bottom = 0;
   if (props.currentRange) {
-    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];
+    [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(Number(date))));
   }
   return /*#__PURE__*/React.createElement("div", {
     className: modules_0c7b7d96.monthNames
-  }, months.map(function (month) {
-    return /*#__PURE__*/React.createElement(MonthName, {
-      key: +month,
-      month: month,
-      onScrollChange: props.onScrollChange,
-      locale: locale
-    });
-  }), props.currentRange && /*#__PURE__*/React.createElement("div", {
+  }, months.map(month => /*#__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,6 +1,3 @@
-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';
@@ -10,85 +7,63 @@ 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';
 
-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];
+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);
     }
-    _this = _callSuper(this, MonthSlider, [].concat(args));
-    _defineProperty(_this, "state", {
-      dragging: false
-    });
-    _defineProperty(_this, "onMouseDown", function () {
-      _this.setState({
-        dragging: true
-      });
+  }
+  onMouseDown = () => {
+    this.setState({
+      dragging: true
     });
-    _defineProperty(_this, "onMouseUp", function () {
-      _this.setState({
-        dragging: false
-      });
+  };
+  onMouseUp = () => {
+    this.setState({
+      dragging: false
     });
-    _defineProperty(_this, "onMouseMove", function (e) {
-      _this.props.onScroll(linearFunction(0, Number(_this.props.scrollDate), yearScrollSpeed).y(e.movementY));
+  };
+  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
     });
-    return _this;
+    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
+    })));
   }
-  _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,6 +1,4 @@
-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 { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { addDays } from 'date-fns/addDays';
 import { endOfMonth } from 'date-fns/endOfMonth';
@@ -11,10 +9,6 @@ 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';
@@ -22,21 +16,20 @@ 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) {
-  var start = props.month;
-  var end = endOfMonth(start);
-  var locale = props.locale;
+  const start = props.month;
+  const end = endOfMonth(start);
+  const {
+    locale
+  } = props;
   // pad with empty cells starting from last friday
-  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 = [];
+  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 = [];
   while (day < end) {
     days.push(day);
     day = addDays(day, 1);
@@ -47,13 +40,11 @@ function Month(props) {
     className: modules_0c7b7d96.monthTitle
   }, format(props.month, 'LLLL', {
     locale
-  })), days.map(function (date) {
-    return /*#__PURE__*/React.createElement(Day, _extends({}, props, {
-      day: date,
-      empty: date < start,
-      key: +date
-    }));
-  }));
+  })), days.map(date => /*#__PURE__*/React.createElement(Day, _extends({}, props, {
+    day: date,
+    empty: date < start,
+    key: +date
+  }))));
 }
 Month.propTypes = {
   month: dateType,