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

package/components/date-picker/months.js

@@ -1,5 +1,4 @@
-import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { useMemo, useRef, useEffect, createElement } from 'react';
 import PropTypes from 'prop-types';
 import { addMonths } from 'date-fns/addMonths';
@@ -16,15 +15,11 @@ import MonthNames from './month-names.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import units, { dateType, DOUBLE, HALF, WEEK, weekdays } from './consts.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'date-fns/addDays';
 import 'date-fns/format';
 import 'date-fns/setDay';
 import './day.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';
@@ -38,57 +33,59 @@ import 'date-fns/startOfYear';
 import './month-slider.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.regexp.exec.js';
 import 'date-fns/add';
 
-var unit = units.unit,
-  cellSize = units.cellSize,
-  calHeight = units.calHeight;
-var FridayToSunday = WEEK + weekdays.SU - weekdays.FR;
-var FIVELINES = 31;
-var TALLMONTH = 6;
-var SHORTMONTH = 5;
-var PADDING = 2;
-var MONTHSBACK = 2;
+const {
+  unit,
+  cellSize,
+  calHeight
+} = units;
+const FridayToSunday = WEEK + weekdays.SU - weekdays.FR;
+const FIVELINES = 31;
+const TALLMONTH = 6;
+const SHORTMONTH = 5;
+const PADDING = 2;
+const MONTHSBACK = 2;
 function monthHeight(date) {
-  var monthStart = startOfMonth(date);
-  var daysSinceLastFriday = (getDay(monthStart) + FridayToSunday) % WEEK;
-  var monthLines = daysSinceLastFriday + getDaysInMonth(monthStart) > FIVELINES ? TALLMONTH : SHORTMONTH;
+  const monthStart = startOfMonth(date);
+  const daysSinceLastFriday = (getDay(monthStart) + FridayToSunday) % WEEK;
+  const monthLines = daysSinceLastFriday + getDaysInMonth(monthStart) > FIVELINES ? TALLMONTH : SHORTMONTH;
   return monthLines * cellSize + unit * PADDING;
 }
 // in milliseconds per pixel
 function scrollSpeed(date) {
-  var monthStart = startOfMonth(date);
-  var monthEnd = endOfMonth(date);
+  const monthStart = startOfMonth(date);
+  const monthEnd = endOfMonth(date);
   return (Number(monthEnd) - Number(monthStart)) / monthHeight(monthStart);
 }
-var scrollSchedule = scheduleRAF();
-var dy = 0;
+const scrollSchedule = scheduleRAF();
+let dy = 0;
 function Months(props) {
-  var scrollDate = props.scrollDate;
-  var monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate);
-  var monthStart = startOfMonth(monthDate);
-  var months = useMemo(function () {
-    var month = subMonths(monthStart, MONTHSBACK);
-    var result = [month];
-    for (var i = 0; i < MONTHSBACK * DOUBLE; i++) {
+  const {
+    scrollDate
+  } = props;
+  const monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate);
+  const monthStart = startOfMonth(monthDate);
+  const months = useMemo(() => {
+    let month = subMonths(monthStart, MONTHSBACK);
+    const result = [month];
+    for (let i = 0; i < MONTHSBACK * DOUBLE; i++) {
       month = addMonths(month, 1);
       result.push(month);
     }
     return result;
   }, [monthStart]);
-  var currentSpeed = scrollSpeed(scrollDate);
-  var pxToDate = linearFunction(0, Number(scrollDate), currentSpeed);
-  var offset = pxToDate.x(Number(monthStart)); // is a negative number
-  var bottomOffset = monthHeight(scrollDate) + offset;
-  var componentRef = useRef(null);
-  var handleWheel = useEventCallback(function (e) {
+  const currentSpeed = scrollSpeed(scrollDate);
+  const pxToDate = linearFunction(0, Number(scrollDate), currentSpeed);
+  const offset = pxToDate.x(Number(monthStart)); // is a negative number
+  const bottomOffset = monthHeight(scrollDate) + offset;
+  const componentRef = useRef(null);
+  const handleWheel = useEventCallback(e => {
     e.preventDefault();
     dy += e.deltaY;
-    scrollSchedule(function () {
-      var date;
+    scrollSchedule(() => {
+      let date;
       // adjust scroll speed to prevent glitches
       if (dy < offset) {
         date = pxToDate.y(offset) + (dy - offset) * scrollSpeed(months[1]);
@@ -101,14 +98,14 @@ function Months(props) {
       dy = 0;
     });
   });
-  useEffect(function () {
-    var current = componentRef.current;
+  useEffect(() => {
+    const current = componentRef.current;
     if (current !== null) {
       current.addEventListener('wheel', handleWheel, {
         passive: false
       });
     }
-    return function () {
+    return () => {
       if (current !== null) {
         current.removeEventListener('wheel', handleWheel);
       }
@@ -122,12 +119,10 @@ function Months(props) {
         top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
       },
       className: modules_0c7b7d96.days,
-      children: months.map(function (date) {
-        return /*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
-          month: date,
-          key: +date
-        }));
-      })
+      children: months.map(date => /*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
+        month: date,
+        key: +date
+      })))
     }), /*#__PURE__*/jsx(MonthNames, _objectSpread2({}, props))]
   });
 }

package/components/date-picker/weekdays.js

@@ -1,7 +1,3 @@
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.values.js';
-import 'core-js/modules/es.string.includes.js';
 import classNames from 'classnames';
 import { getDay } from 'date-fns/getDay';
 import { format } from 'date-fns/format';
@@ -11,29 +7,24 @@ import PropTypes from 'prop-types';
 import { shiftWeekArray, getWeekStartsOn, 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.concat.js';
-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 Weekdays(props) {
-  var days = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale)).map(function (value) {
-    return startOfDay(setDay(new Date(), value));
-  });
-  var locale = props.locale;
+  const days = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale)).map(value => startOfDay(setDay(new Date(), value)));
+  const {
+    locale
+  } = props;
   return /*#__PURE__*/jsx("div", {
     className: modules_0c7b7d96.weekdays,
-    children: days.map(function (day) {
-      return /*#__PURE__*/jsx("span", {
-        className: classNames(modules_0c7b7d96.weekday, {
-          [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
-        }),
-        children: format(day, 'EEEEEE', {
-          locale
-        })
-      }, +day);
-    })
+    children: days.map(day => /*#__PURE__*/jsx("span", {
+      className: classNames(modules_0c7b7d96.weekday, {
+        [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
+      }),
+      children: format(day, 'EEEEEE', {
+        locale
+      })
+    }, +day))
   });
 }
 Weekdays.propTypes = {

package/components/date-picker/years.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, createRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,120 +13,100 @@ import { startOfYear } from 'date-fns/startOfYear';
 import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import units, { dateType, DOUBLE, HALF, yearDuration } from './consts.js';
+import units, { dateType, yearDuration, DOUBLE, HALF } from './consts.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 yearHeight = units.yearHeight,
-  calHeight = units.calHeight;
-var scrollTO;
-var YEARSBACK = 5;
-var scrollDelay = 100;
-var Years = /*#__PURE__*/function (_PureComponent) {
-  function Years() {
-    var _this;
-    _classCallCheck(this, Years);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Years, [].concat(args));
-    _defineProperty(_this, "state", {
+const {
+  yearHeight,
+  calHeight
+} = units;
+let scrollTO;
+const YEARSBACK = 5;
+const scrollDelay = 100;
+class Years extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       scrollDate: null
     });
-    _defineProperty(_this, "stoppedScrolling", void 0);
-    _defineProperty(_this, "componentRef", /*#__PURE__*/createRef());
-    _defineProperty(_this, "handleWheel", function (e) {
-      var scrollDate = _this.props.scrollDate;
-      var date = _this.state.scrollDate || scrollDate;
+    _defineProperty(this, "stoppedScrolling", void 0);
+    _defineProperty(this, "componentRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "handleWheel", e => {
+      const {
+        scrollDate
+      } = this.props;
+      const date = this.state.scrollDate || scrollDate;
       e.preventDefault();
-      var newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
-      _this.setState({
+      const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
+      this.setState({
         scrollDate: newScrollDate
       });
       if (scrollTO) {
         window.clearTimeout(scrollTO);
       }
-      scrollTO = window.setTimeout(function () {
-        return _this.setYear(newScrollDate);
-      }, scrollDelay);
+      scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
     });
-    return _this;
   }
-  _inherits(Years, _PureComponent);
-  return _createClass(Years, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.componentRef.current) {
-        this.componentRef.current.addEventListener('wheel', this.handleWheel);
-      }
+  componentDidMount() {
+    if (this.componentRef.current) {
+      this.componentRef.current.addEventListener('wheel', this.handleWheel);
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      this.stoppedScrolling = prevState.scrollDate != null && !this.state.scrollDate;
+  }
+  componentDidUpdate(prevProps, prevState) {
+    this.stoppedScrolling = prevState.scrollDate != null && !this.state.scrollDate;
+  }
+  componentWillUnmount() {
+    if (this.componentRef.current) {
+      this.componentRef.current.removeEventListener('wheel', this.handleWheel);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.componentRef.current) {
-        this.componentRef.current.removeEventListener('wheel', this.handleWheel);
-      }
+  }
+  setYear(date) {
+    if (scrollTO) {
+      window.clearTimeout(scrollTO);
+      scrollTO = null;
     }
-  }, {
-    key: "setYear",
-    value: function setYear$1(date) {
-      if (scrollTO) {
-        window.clearTimeout(scrollTO);
-        scrollTO = null;
-      }
-      this.setState({
-        scrollDate: null
-      });
-      this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
+    this.setState({
+      scrollDate: null
+    });
+    this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
+  }
+  render() {
+    const {
+      onScrollChange,
+      scrollDate
+    } = this.props;
+    const date = this.state.scrollDate || scrollDate;
+    const yearStart = startOfYear(date);
+    let year = subYears(yearStart, YEARSBACK);
+    const years = [year];
+    for (let i = 0; i < YEARSBACK * DOUBLE; i++) {
+      year = addYears(year, 1);
+      years.push(year);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        onScrollChange = _this$props.onScrollChange,
-        scrollDate = _this$props.scrollDate;
-      var date = this.state.scrollDate || scrollDate;
-      var yearStart = startOfYear(date);
-      var year = subYears(yearStart, YEARSBACK);
-      var years = [year];
-      for (var i = 0; i < YEARSBACK * DOUBLE; i++) {
-        year = addYears(year, 1);
-        years.push(year);
-      }
-      var pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
-      return /*#__PURE__*/jsx("div", {
-        className: modules_0c7b7d96.years,
-        ref: this.componentRef,
-        style: {
-          transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
-          top: Math.floor(calHeight * HALF - pxToDate.x(Number(date)))
+    const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
+    return /*#__PURE__*/jsx("div", {
+      className: modules_0c7b7d96.years,
+      ref: this.componentRef,
+      style: {
+        transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
+        top: Math.floor(calHeight * HALF - pxToDate.x(Number(date)))
+      },
+      children: years.map(item => /*#__PURE__*/jsx("button", {
+        type: "button",
+        className: classNames(modules_0c7b7d96.year, {
+          [modules_0c7b7d96.currentYear]: isSameYear(item, date),
+          [modules_0c7b7d96.today]: isThisYear(item)
+        }),
+        onClick: function handleClick() {
+          onScrollChange(Number(setYear(scrollDate, getYear(item))));
         },
-        children: years.map(function (item) {
-          return /*#__PURE__*/jsx("button", {
-            type: "button",
-            className: classNames(modules_0c7b7d96.year, {
-              [modules_0c7b7d96.currentYear]: isSameYear(item, date),
-              [modules_0c7b7d96.today]: isThisYear(item)
-            }),
-            onClick: function handleClick() {
-              onScrollChange(Number(setYear(scrollDate, getYear(item))));
-            },
-            children: format(item, 'yyyy')
-          }, +item);
-        })
-      });
-    }
-  }]);
-}(PureComponent);
+        children: format(item, 'yyyy')
+      }, +item))
+    });
+  }
+}
 _defineProperty(Years, "propTypes", {
   scrollDate: dateType,
   onScroll: PropTypes.func,