@jetbrains/ring-ui-built 7.0.65 → 7.0.70

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

@@ -1,4 +1,3 @@
-import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Component, createElement } from 'react';
@@ -14,9 +13,6 @@ import Years from './years.js';
 import Weekdays from './weekdays.js';
 import { parseTime } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'classnames';
 import '../_helpers/input.js';
 import '@jetbrains/icons/close-12px';
@@ -67,7 +63,6 @@ import 'date-fns/isSameYear';
 import 'date-fns/isThisYear';
 import 'date-fns/setYear';
 
-const _excluded = ["from", "to", "date", "time"];
 const scrollExpDelay = 10;
 class DatePopup extends Component {
   static sameDay(next, prev) {
@@ -76,102 +71,11 @@ class DatePopup extends Component {
     }
     return next === prev;
   }
+  static defaultProps = {
+    onChange() {}
+  };
   constructor(props) {
     super(props);
-    _defineProperty(this, "_scrollDate", void 0);
-    _defineProperty(this, "_scrollTS", void 0);
-    _defineProperty(this, "isInTimeMode", () => !this.props.range && this.props.withTime || false);
-    _defineProperty(this, "componentRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "handleWheel", e => {
-      if (e.cancelable) {
-        e.preventDefault();
-      }
-    });
-    _defineProperty(this, "isValidDate", parsedText => {
-      const minDate = this.parse(this.props.minDate, 'date');
-      const maxDate = this.parse(this.props.maxDate, 'date');
-      if (parsedText) {
-        return !(minDate && isBefore(parsedText, minDate) || maxDate && isAfter(parsedText, maxDate));
-      }
-      return false;
-    });
-    _defineProperty(this, "scheduleScroll", () => {
-      const current = this.state.scrollDate && this.parse(this.state.scrollDate, 'date') || this.parse(this.props[this.state.active], 'date') || new Date();
-      const goal = this._scrollDate;
-      if (!current || !goal || DatePopup.sameDay(goal, current)) {
-        this._scrollDate = null;
-        this._scrollTS = null;
-        return;
-      }
-      if (this._scrollTS) {
-        const diff = goal - Number(current);
-        const dt = Date.now() - this._scrollTS;
-        const next = goal - diff * Math.E ** (-dt / scrollExpDelay);
-        this.setState({
-          scrollDate: next
-        });
-      }
-      this._scrollTS = Date.now();
-      window.requestAnimationFrame(this.scheduleScroll);
-    });
-    _defineProperty(this, "scrollTo", scrollDate => {
-      this._scrollDate = scrollDate;
-      if (!this._scrollTS) {
-        this.scheduleScroll();
-      }
-    });
-    _defineProperty(this, "hoverHandler", hoverDate => this.setState({
-      hoverDate
-    }));
-    _defineProperty(this, "handleActivate", memoize(name => () => this.setState({
-      active: name
-    })));
-    _defineProperty(this, "handleInput", (text, name) => {
-      if (name !== 'time') {
-        const parsed = this.parse(text, name);
-        if (this.isValidDate(parsed)) {
-          this.scrollTo(Number(parsed));
-        }
-      }
-      this.setState({
-        text,
-        hoverDate: null
-      });
-    });
-    _defineProperty(this, "handleConfirm", memoize(name => () => this.confirm(name)));
-    _defineProperty(this, "selectHandler", date => {
-      if (this.isInTimeMode()) {
-        this.setState({
-          active: 'time'
-        }, () => this.select({
-          date
-        }));
-      } else {
-        this.select({
-          [this.state.active]: date
-        });
-      }
-    });
-    _defineProperty(this, "handleScroll", scrollDate => this.setState({
-      scrollDate
-    }));
-    _defineProperty(this, "onClear", e => {
-      var _this$props$onClear, _this$props, _this$componentRef$cu;
-      let changes;
-      if (this.props.range) {
-        changes = {
-          from: null,
-          to: null
-        };
-      } else {
-        changes = {
-          date: null
-        };
-      }
-      this.select(changes);
-      (_this$props$onClear = (_this$props = this.props).onClear) === null || _this$props$onClear === void 0 || _this$props$onClear.call(_this$props, e);
-      (_this$componentRef$cu = this.componentRef.current) === null || _this$componentRef$cu === void 0 || (_this$componentRef$cu = _this$componentRef$cu.querySelector('input')) === null || _this$componentRef$cu === void 0 || _this$componentRef$cu.focus();
-    });
     const defaultState = {
       text: null,
       hoverDate: null,
@@ -184,17 +88,20 @@ class DatePopup extends Component {
     if (!range) {
       const parsedDate = this.parse(props.date, 'date');
       const active = withTime && parsedDate && !props.time ? 'time' : 'date';
-      this.state = _objectSpread2(_objectSpread2({}, defaultState), {}, {
+      this.state = {
+        ...defaultState,
         active
-      });
+      };
     } else if (props.from && !props.to) {
-      this.state = _objectSpread2(_objectSpread2({}, defaultState), {}, {
+      this.state = {
+        ...defaultState,
         active: 'to'
-      });
+      };
     } else {
-      this.state = _objectSpread2(_objectSpread2({}, defaultState), {}, {
+      this.state = {
+        ...defaultState,
         active: 'from'
-      });
+      };
     }
   }
   componentDidMount() {
@@ -217,6 +124,15 @@ class DatePopup extends Component {
       this.componentRef.current.removeEventListener('wheel', this.handleWheel);
     }
   }
+  _scrollDate;
+  _scrollTS;
+  isInTimeMode = () => !this.props.range && this.props.withTime || false;
+  componentRef = /*#__PURE__*/React.createRef();
+  handleWheel = e => {
+    if (e.cancelable) {
+      e.preventDefault();
+    }
+  };
   parse(text, type) {
     if (type === 'time') {
       return parseTime(String(text));
@@ -261,7 +177,10 @@ class DatePopup extends Component {
       let {
         from,
         to
-      } = _objectSpread2(_objectSpread2({}, this.props), changes);
+      } = {
+        ...this.props,
+        ...changes
+      };
       from = this.parse(from, 'from');
       to = this.parse(to, 'to');
       // proceed to setting the end by default
@@ -313,6 +232,90 @@ class DatePopup extends Component {
       [name]: result
     });
   }
+  isValidDate = parsedText => {
+    const minDate = this.parse(this.props.minDate, 'date');
+    const maxDate = this.parse(this.props.maxDate, 'date');
+    if (parsedText) {
+      return !(minDate && isBefore(parsedText, minDate) || maxDate && isAfter(parsedText, maxDate));
+    }
+    return false;
+  };
+  scheduleScroll = () => {
+    const current = this.state.scrollDate && this.parse(this.state.scrollDate, 'date') || this.parse(this.props[this.state.active], 'date') || new Date();
+    const goal = this._scrollDate;
+    if (!current || !goal || DatePopup.sameDay(goal, current)) {
+      this._scrollDate = null;
+      this._scrollTS = null;
+      return;
+    }
+    if (this._scrollTS) {
+      const diff = goal - Number(current);
+      const dt = Date.now() - this._scrollTS;
+      const next = goal - diff * Math.E ** (-dt / scrollExpDelay);
+      this.setState({
+        scrollDate: next
+      });
+    }
+    this._scrollTS = Date.now();
+    window.requestAnimationFrame(this.scheduleScroll);
+  };
+  scrollTo = scrollDate => {
+    this._scrollDate = scrollDate;
+    if (!this._scrollTS) {
+      this.scheduleScroll();
+    }
+  };
+  hoverHandler = hoverDate => this.setState({
+    hoverDate
+  });
+  handleActivate = memoize(name => () => this.setState({
+    active: name
+  }));
+  handleInput = (text, name) => {
+    if (name !== 'time') {
+      const parsed = this.parse(text, name);
+      if (this.isValidDate(parsed)) {
+        this.scrollTo(Number(parsed));
+      }
+    }
+    this.setState({
+      text,
+      hoverDate: null
+    });
+  };
+  handleConfirm = memoize(name => () => this.confirm(name));
+  selectHandler = date => {
+    if (this.isInTimeMode()) {
+      this.setState({
+        active: 'time'
+      }, () => this.select({
+        date
+      }));
+    } else {
+      this.select({
+        [this.state.active]: date
+      });
+    }
+  };
+  handleScroll = scrollDate => this.setState({
+    scrollDate
+  });
+  onClear = e => {
+    let changes;
+    if (this.props.range) {
+      changes = {
+        from: null,
+        to: null
+      };
+    } else {
+      changes = {
+        date: null
+      };
+    }
+    this.select(changes);
+    this.props.onClear?.(e);
+    this.componentRef.current?.querySelector('input')?.focus();
+  };
   // eslint-disable-next-line complexity
   render() {
     const {
@@ -320,22 +323,22 @@ class DatePopup extends Component {
       withTime,
       locale
     } = this.props;
-    const _this$props2 = this.props,
-      {
-        from,
-        to,
-        date,
-        time
-      } = _this$props2,
-      restProps = _objectWithoutProperties(_this$props2, _excluded);
+    const {
+      from,
+      to,
+      date,
+      time,
+      ...restProps
+    } = this.props;
     const parsedDate = this.parse(this.props.date, 'date');
     const parsedTo = this.parse(this.props.to, 'to');
     const names = range ? ['from', 'to'] : ['date'];
     const dates = names.reduce((obj, key) => {
       const value = this.props[key];
-      return _objectSpread2(_objectSpread2({}, obj), {}, {
+      return {
+        ...obj,
         [key]: this.parse(value, key)
-      });
+      };
     }, {});
     const activeDate = this.state.active !== 'time' ? this.state.hoverDate || (this.state.text ? this.parse(this.state.text, 'date') : null) : this.state.hoverDate || null;
     const currentRange = range && dates.from && dates.to && [dates.from, dates.to] || null;
@@ -360,14 +363,16 @@ class DatePopup extends Component {
       }
     }
     const scrollDate = withTime && !range ? this.state.scrollDate || dates.date || new Date() : this.state.scrollDate || dates[this.state.active] || new Date();
-    const calendarProps = _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dates), {}, {
+    const calendarProps = {
+      ...restProps,
+      ...dates,
       scrollDate,
       activeDate,
       currentRange,
       activeRange,
       onScroll: this.handleScroll,
       onScrollChange: this.scrollTo
-    });
+    };
     const clearable = Boolean(this.props.onClear);
     return jsxs("div", {
       className: styles.datePopup,
@@ -380,7 +385,9 @@ class DatePopup extends Component {
           if (clearable && name !== 'from' && !this.isInTimeMode()) {
             onClear = this.onClear.bind(this);
           }
-          return /*#__PURE__*/createElement(DateInput, _objectSpread2(_objectSpread2(_objectSpread2({}, this.props), this.state), {}, {
+          return /*#__PURE__*/createElement(DateInput, {
+            ...this.props,
+            ...this.state,
             divider: name === 'from' && (!!dates[name] || !!parsedTo),
             name: name,
             key: name,
@@ -391,8 +398,9 @@ class DatePopup extends Component {
             onConfirm: this.handleConfirm(name),
             onClear: onClear,
             locale: locale
-          }));
-        }), this.isInTimeMode() ? (/*#__PURE__*/createElement(DateInput, _objectSpread2(_objectSpread2({}, this.props), {}, {
+          });
+        }), this.isInTimeMode() ? (/*#__PURE__*/createElement(DateInput, {
+          ...this.props,
           text: this.state.text,
           divider: !!parsedDate,
           hoverDate: null,
@@ -406,22 +414,22 @@ class DatePopup extends Component {
           onConfirm: this.handleConfirm('time'),
           onClear: clearable && this.onClear || undefined,
           locale: locale
-        }))) : '']
+        })) : '']
       }), jsx(Weekdays, {
         locale: locale
       }), jsxs("div", {
         className: styles.calendar,
-        children: [jsx(Months, _objectSpread2(_objectSpread2({}, calendarProps), {}, {
+        children: [jsx(Months, {
+          ...calendarProps,
           onHover: this.hoverHandler,
           onSelect: this.selectHandler,
           locale: locale
-        })), jsx(Years, _objectSpread2({}, calendarProps))]
+        }), jsx(Years, {
+          ...calendarProps
+        })]
       }), this.props.renderAfterCalendar && this.props.renderAfterCalendar(this.state)]
     });
   }
 }
-_defineProperty(DatePopup, "defaultProps", {
-  onChange() {}
-});
 
 export { DatePopup as default };

package/components/date-picker/day.d.ts

@@ -11,7 +11,7 @@ export default class Day extends Component<DayProps> {
     isDay: (date: Date) => boolean;
     is: (name: "date" | "from" | "to" | "activeDate") => boolean;
     inRange: (range: [Date, Date] | null) => boolean | null;
-    isDisabled: (date: Date) => boolean | null;
+    isDisabled: (date: Date) => boolean;
     parse(text: string | null | undefined): Date | null;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/date-picker/day.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
@@ -14,36 +12,32 @@ import { isToday } from 'date-fns/isToday';
 import { startOfDay } from 'date-fns/startOfDay';
 import { getDayNumInWeek, weekdays } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 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", () => {
-      hoverTO = window.setTimeout(this.props.onHover, 0);
-    });
-    _defineProperty(this, "isDay", date => isSameDay(this.props.day, date));
-    _defineProperty(this, "is", name => {
-      const value = this.props[name];
-      return !!value && this.isDay(value);
-    });
-    _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 && isBefore(startOfDay(date), startOfDay(min)) || max && isAfter(startOfDay(date), startOfDay(max));
-    });
-  }
+  handleClick = () => this.props.onSelect(this.props.day);
+  handleMouseOver = () => {
+    if (hoverTO) {
+      window.clearTimeout(hoverTO);
+      hoverTO = null;
+    }
+    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 && 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 && isBefore(startOfDay(date), startOfDay(min)) || !!max && isAfter(startOfDay(date), startOfDay(max));
+  };
   parse(text) {
     return this.props.parseDateInput(text);
   }
@@ -62,13 +56,13 @@ class Day extends Component {
       return range && [range[0], addDays(range[1], 1)];
     }
     const spreadRange = makeSpreadRange(currentRange);
-    const disabled = !!this.isDisabled(day);
+    const disabled = this.isDisabled(day);
     const activeSpreadRange = makeSpreadRange(activeRange);
     return (
       // TODO make keyboard navigation actually work
       jsx("button", {
         type: 'button',
-        className: classNames(styles.day, styles["Day".concat(dayInWeek)], {
+        className: classNames(styles.day, styles[`Day${dayInWeek}`], {
           [styles.current]: ['date', 'from', 'to'].some(this.is),
           [styles.active]: !disabled && this.is('activeDate'),
           [styles.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day)),

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

@@ -1,5 +1,3 @@
-import { b as _objectSpread2, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -15,17 +13,13 @@ import { YEAR, MIDDLE_DAY, yearScrollSpeed } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
-import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 class MonthName extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleClick", () => {
-      const end = endOfMonth(this.props.month);
-      this.props.onScrollChange(end.getTime());
-    });
-  }
+  handleClick = () => {
+    const end = endOfMonth(this.props.month);
+    this.props.onScrollChange(end.getTime());
+  };
   render() {
     const {
       month,
@@ -74,9 +68,10 @@ function MonthNames(props) {
         top: top - 1,
         height: bottom + 1 - (top - 1)
       }
-    }), jsx(MonthSlider, _objectSpread2(_objectSpread2({}, props), {}, {
+    }), jsx(MonthSlider, {
+      ...props,
       pxToDate: pxToDate
-    }))]
+    })]
   });
 }
 

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

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -9,30 +7,13 @@ import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import units, { yearScrollSpeed } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 const COVERYEARS = 3;
 class MonthSlider extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      dragging: false
-    });
-    _defineProperty(this, "onMouseDown", () => {
-      this.setState({
-        dragging: true
-      });
-    });
-    _defineProperty(this, "onMouseUp", () => {
-      this.setState({
-        dragging: false
-      });
-    });
-    _defineProperty(this, "onMouseMove", e => {
-      this.props.onScroll(linearFunction(0, Number(this.props.scrollDate), yearScrollSpeed).y(e.movementY));
-    });
-  }
+  state = {
+    dragging: false
+  };
   componentDidUpdate(prevProps, prevState) {
     if (this.state.dragging && !prevState.dragging) {
       window.addEventListener('mousemove', this.onMouseMove);
@@ -42,6 +23,19 @@ class MonthSlider extends PureComponent {
       window.removeEventListener('mouseup', this.onMouseUp);
     }
   }
+  onMouseDown = () => {
+    this.setState({
+      dragging: true
+    });
+  };
+  onMouseUp = () => {
+    this.setState({
+      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];

package/components/date-picker/month.js

@@ -1,4 +1,3 @@
-import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { createElement } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { addDays } from 'date-fns/addDays';
@@ -9,7 +8,6 @@ import { setDay } from 'date-fns/setDay';
 import Day from './day.js';
 import { shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';
@@ -17,7 +15,6 @@ import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/startOfDay';
-import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 function Month(props) {
@@ -43,11 +40,12 @@ function Month(props) {
       children: format(props.month, 'LLLL', {
         locale
       })
-    }), days.map(date => (/*#__PURE__*/createElement(Day, _objectSpread2(_objectSpread2({}, props), {}, {
+    }), days.map(date => (/*#__PURE__*/createElement(Day, {
+      ...props,
       day: date,
       empty: date < start,
       key: +date
-    }))))]
+    })))]
   });
 }
 

package/components/date-picker/months.js

@@ -1,4 +1,3 @@
-import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo, useRef, useEffect, createElement } from 'react';
 import { addMonths } from 'date-fns/addMonths';
@@ -14,7 +13,6 @@ import Month from './month.js';
 import MonthNames from './month-names.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import units, { DOUBLE, HALF, WEEK, weekdays } from './consts.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'date-fns/addDays';
 import 'date-fns/format';
 import 'date-fns/setDay';
@@ -32,7 +30,6 @@ import 'date-fns/startOfYear';
 import './month-slider.js';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
-import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 const {
@@ -118,11 +115,14 @@ function Months(props) {
         top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
       },
       className: styles.days,
-      children: months.map(date => (/*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
+      children: months.map(date => (/*#__PURE__*/createElement(Month, {
+        ...props,
         month: date,
         key: +date
-      }))))
-    }), jsx(MonthNames, _objectSpread2({}, props))]
+      })))
+    }), jsx(MonthNames, {
+      ...props
+    })]
   });
 }
 

package/components/date-picker/weekdays.js

@@ -6,7 +6,6 @@ import { setDay } from 'date-fns/setDay';
 import { startOfDay } from 'date-fns/startOfDay';
 import { shiftWeekArray, getWeekStartsOn, weekdays } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 function Weekdays(props) {