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

package/components/date-picker/day.js

@@ -1,8 +1,5 @@
-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.includes.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.string.includes.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -18,111 +15,91 @@ import { startOfDay } from 'date-fns/startOfDay';
 import { dateType, getDayNumInWeek, weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import { jsx } from 'react/jsx-runtime';
-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];
-    }
-    _this = _callSuper(this, Day, [].concat(args));
-    _defineProperty(_this, "handleClick", function () {
-      return _this.props.onSelect(_this.props.day);
-    });
-    _defineProperty(_this, "handleMouseOver", function () {
+let hoverTO;
+class Day extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "handleClick", () => this.props.onSelect(this.props.day));
+    _defineProperty(this, "handleMouseOver", () => {
       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);
+      this.props.onHover(this.props.day);
     });
-    _defineProperty(_this, "is", function (name) {
-      var value = _this.props[name];
-      return value != null && _this.isDay(value);
+    _defineProperty(this, "handleMouseOut", () => {
+      hoverTO = window.setTimeout(this.props.onHover, 0);
     });
-    _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, "isDay", date => isSameDay(this.props.day, date));
+    _defineProperty(this, "is", name => {
+      const value = this.props[name];
+      return value != null && this.isDay(value);
     });
-    _defineProperty(_this, "isDisabled", function (date) {
-      var min = _this.parse(_this.props.minDate);
-      var max = _this.parse(_this.props.maxDate);
+    _defineProperty(this, "inRange", range => range && isAfter(startOfDay(this.props.day), startOfDay(range[0])) && isBefore(startOfDay(this.props.day), startOfDay(range[1])));
+    _defineProperty(this, "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));
     });
-    return _this;
   }
-  _inherits(Day, _Component);
-  return _createClass(Day, [{
-    key: "parse",
-    value: function parse(text) {
-      return this.props.parseDateInput(text);
+  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
-        jsx("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
+    const spreadRange = makeSpreadRange(currentRange);
+    const disabled = this.isDisabled(day);
+    const activeSpreadRange = makeSpreadRange(activeRange);
+    return (
+      /*#__PURE__*/
+      // TODO make keyboard navigation actually work
+      jsx("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,
+        children: empty || /*#__PURE__*/jsx("span", {
+          className: classNames({
+            [modules_0c7b7d96.today]: isToday(day)
           }),
-          onClick: this.handleClick,
-          onMouseOver: this.handleMouseOver,
-          onFocus: this.handleMouseOver,
-          onMouseOut: this.handleMouseOut,
-          onBlur: this.handleMouseOut,
-          disabled: disabled,
-          children: empty || /*#__PURE__*/jsx("span", {
-            className: classNames({
-              [modules_0c7b7d96.today]: isToday(day)
-            }),
-            children: format(day, 'd')
-          })
+          children: format(day, 'd')
         })
-      );
-    }
-  }]);
-}(Component);
+      })
+    );
+  }
+}
 _defineProperty(Day, "propTypes", {
   day: dateType,
   from: dateType,

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

@@ -1,6 +1,5 @@
-import { _ as _defineProperty, i as _slicedToArray, d as _objectSpread2, 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.map.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -17,82 +16,65 @@ import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 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());
+class MonthName extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "handleClick", () => {
+      const 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__*/jsx("button", {
-        type: "button",
-        className: classNames(modules_0c7b7d96.monthName, {
-          [modules_0c7b7d96.today]: isThisMonth(month)
-        }),
-        onClick: this.handleClick,
-        children: format(month, 'LLL', {
-          locale
-        })
-      });
-    }
-  }]);
-}(PureComponent);
+  render() {
+    const {
+      month,
+      locale
+    } = this.props;
+    return /*#__PURE__*/jsx("button", {
+      type: "button",
+      className: classNames(modules_0c7b7d96.monthName, {
+        [modules_0c7b7d96.today]: isThisMonth(month)
+      }),
+      onClick: this.handleClick,
+      children: format(month, 'LLL', {
+        locale
+      })
+    });
+  }
+}
 _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__*/jsxs("div", {
     className: modules_0c7b7d96.monthNames,
-    children: [months.map(function (month) {
-      return /*#__PURE__*/jsx(MonthName, {
-        month: month,
-        onScrollChange: props.onScrollChange,
-        locale: locale
-      }, +month);
-    }), props.currentRange && /*#__PURE__*/jsx("div", {
+    children: [months.map(month => /*#__PURE__*/jsx(MonthName, {
+      month: month,
+      onScrollChange: props.onScrollChange,
+      locale: locale
+    }, +month)), props.currentRange && /*#__PURE__*/jsx("div", {
       className: modules_0c7b7d96.range,
       style: {
         top: top - 1,

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

@@ -1,6 +1,5 @@
-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.map.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -11,79 +10,61 @@ 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 { jsx } from 'react/jsx-runtime';
-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];
-    }
-    _this = _callSuper(this, MonthSlider, [].concat(args));
-    _defineProperty(_this, "state", {
+const COVERYEARS = 3;
+class MonthSlider extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       dragging: false
     });
-    _defineProperty(_this, "onMouseDown", function () {
-      _this.setState({
+    _defineProperty(this, "onMouseDown", () => {
+      this.setState({
         dragging: true
       });
     });
-    _defineProperty(_this, "onMouseUp", function () {
-      _this.setState({
+    _defineProperty(this, "onMouseUp", () => {
+      this.setState({
         dragging: false
       });
     });
-    _defineProperty(_this, "onMouseMove", function (e) {
-      _this.props.onScroll(linearFunction(0, Number(_this.props.scrollDate), yearScrollSpeed).y(e.movementY));
+    _defineProperty(this, "onMouseMove", 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);
-      }
+  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__*/jsx("div", {
-        children: years.map(function (date) {
-          return /*#__PURE__*/jsx("button", {
-            type: "button",
-            className: classes,
-            style: {
-              top: Math.floor(_this2.props.pxToDate.x(Number(date)) - units.cellSize)
-            },
-            onMouseDown: _this2.onMouseDown
-          }, +date);
-        })
-      });
+  }
+  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);
     }
-  }]);
-}(PureComponent);
+    const classes = classNames(modules_0c7b7d96.monthSlider, {
+      [modules_0c7b7d96.dragging]: this.state.dragging
+    });
+    return /*#__PURE__*/jsx("div", {
+      children: years.map(date => /*#__PURE__*/jsx("button", {
+        type: "button",
+        className: classes,
+        style: {
+          top: Math.floor(this.props.pxToDate.x(Number(date)) - units.cellSize)
+        },
+        onMouseDown: this.onMouseDown
+      }, +date))
+    });
+  }
+}
 _defineProperty(MonthSlider, "propTypes", {
   scrollDate: dateType,
   onScroll: PropTypes.func,

package/components/date-picker/month.js

@@ -1,6 +1,4 @@
-import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.values.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { addDays } from 'date-fns/addDays';
 import { endOfMonth } from 'date-fns/endOfMonth';
 import { format } from 'date-fns/format';
@@ -12,10 +10,7 @@ import { dateType, shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK }
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
-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 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';
@@ -23,21 +18,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) {
-  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);
@@ -49,13 +44,11 @@ function Month(props) {
       children: format(props.month, 'LLLL', {
         locale
       })
-    }), days.map(function (date) {
-      return /*#__PURE__*/createElement(Day, _objectSpread2(_objectSpread2({}, props), {}, {
-        day: date,
-        empty: date < start,
-        key: +date
-      }));
-    })]
+    }), days.map(date => /*#__PURE__*/createElement(Day, _objectSpread2(_objectSpread2({}, props), {}, {
+      day: date,
+      empty: date < start,
+      key: +date
+    })))]
   });
 }
 Month.propTypes = {