@jetbrains/ring-ui 5.0.127 → 5.0.128

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import isAfter from 'date-fns/isAfter';
@@ -68,101 +68,33 @@ class DatePopup extends Component {
     }
     return next === prev;
   }
+  static propTypes = {
+    className: PropTypes.string,
+    date: dateType,
+    range: PropTypes.bool,
+    withTime: PropTypes.bool,
+    time: PropTypes.string,
+    from: dateType,
+    to: dateType,
+    renderAfterCalendar: PropTypes.func,
+    displayFormat: PropTypes.func,
+    parseDateInput: PropTypes.func,
+    onChange: PropTypes.func,
+    onComplete: PropTypes.func,
+    onClear: PropTypes.func,
+    minDate: dateType,
+    maxDate: dateType,
+    hidden: PropTypes.bool,
+    fromPlaceholder: PropTypes.string,
+    toPlaceholder: PropTypes.string,
+    timePlaceholder: PropTypes.string,
+    locale: PropTypes.object
+  };
+  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 => {
-      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();
-    });
     const defaultState = {
       text: null,
       hoverDate: null,
@@ -213,6 +145,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));
@@ -312,6 +253,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();
+  };
   render() {
     const {
       range,
@@ -420,30 +445,5 @@ class DatePopup extends Component {
     })), /*#__PURE__*/React.createElement(Years, calendarProps)), this.props.renderAfterCalendar && this.props.renderAfterCalendar(this.state));
   }
 }
-_defineProperty(DatePopup, "propTypes", {
-  className: PropTypes.string,
-  date: dateType,
-  range: PropTypes.bool,
-  withTime: PropTypes.bool,
-  time: PropTypes.string,
-  from: dateType,
-  to: dateType,
-  renderAfterCalendar: PropTypes.func,
-  displayFormat: PropTypes.func,
-  parseDateInput: PropTypes.func,
-  onChange: PropTypes.func,
-  onComplete: PropTypes.func,
-  onClear: PropTypes.func,
-  minDate: dateType,
-  maxDate: dateType,
-  hidden: PropTypes.bool,
-  fromPlaceholder: PropTypes.string,
-  toPlaceholder: PropTypes.string,
-  timePlaceholder: PropTypes.string,
-  locale: PropTypes.object
-});
-_defineProperty(DatePopup, "defaultProps", {
-  onChange() {}
-});
 
 export { DatePopup as default };

package/dist/date-picker/day.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -17,31 +16,40 @@ 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 != null && 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 != null && isBefore(startOfDay(date), startOfDay(min)) || max != null && isAfter(startOfDay(date), startOfDay(max));
-    });
-  }
+  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,
+    minDate: dateType,
+    maxDate: dateType
+  };
+  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 != 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);
   }
@@ -93,17 +101,5 @@ class Day extends 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,
-  minDate: dateType,
-  maxDate: dateType
-});
 
 export { Day as default };

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -10,20 +10,22 @@ import startOfDay from 'date-fns/startOfDay';
 import startOfYear from 'date-fns/startOfYear';
 import linearFunction from '../global/linear-function.js';
 import MonthSlider from './month-slider.js';
-import { dateType, YEAR, MIDDLE_DAY, yearScrollSpeed, HALF } from './consts.js';
+import { dateType, HALF, 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 'date-fns/add';
 
 class MonthName extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleClick", () => {
-      const end = endOfMonth(this.props.month);
-      this.props.onScrollChange((+this.props.month + +end) * HALF);
-    });
-  }
+  static propTypes = {
+    month: dateType,
+    onScrollChange: PropTypes.func,
+    locale: PropTypes.string
+  };
+  handleClick = () => {
+    const end = endOfMonth(this.props.month);
+    this.props.onScrollChange((+this.props.month + +end) * HALF);
+  };
   render() {
     const {
       month,
@@ -40,11 +42,6 @@ class MonthName extends PureComponent {
     }));
   }
 }
-_defineProperty(MonthName, "propTypes", {
-  month: dateType,
-  onScrollChange: PropTypes.func,
-  locale: PropTypes.string
-});
 function MonthNames(props) {
   const {
     scrollDate,

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

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -12,25 +11,17 @@ 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));
-    });
-  }
+  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);
@@ -40,6 +31,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];
@@ -61,13 +65,5 @@ class MonthSlider extends PureComponent {
     })));
   }
 }
-_defineProperty(MonthSlider, "propTypes", {
-  scrollDate: dateType,
-  onScroll: PropTypes.func,
-  pxToDate: PropTypes.shape({
-    x: PropTypes.func,
-    y: PropTypes.func
-  })
-});
 
 export { MonthSlider as default };

package/dist/date-picker/month.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import addDays from 'date-fns/addDays';
 import endOfMonth from 'date-fns/endOfMonth';

package/dist/date-picker/months.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import addMonths from 'date-fns/addMonths';

package/dist/date-picker/years.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -23,16 +22,18 @@ 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);
-  }
+  static propTypes = {
+    scrollDate: dateType,
+    onScroll: PropTypes.func,
+    onScrollChange: PropTypes.func
+  };
+  state = {
+    scrollDate: null
+  };
   componentDidUpdate(prevProps, prevState) {
     this.stoppedScrolling = prevState.scrollDate != null && !this.state.scrollDate;
   }
+  stoppedScrolling;
   setYear(date) {
     if (scrollTO) {
       window.clearTimeout(scrollTO);
@@ -88,10 +89,5 @@ class Years extends PureComponent {
     }, format(item, 'yyyy'))));
   }
 }
-_defineProperty(Years, "propTypes", {
-  scrollDate: dateType,
-  onScroll: PropTypes.func,
-  onScrollChange: PropTypes.func
-});
 
 export { Years as default };

package/dist/dialog/dialog.d.ts

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import TabTrap, { TabTrapProps } from '../tab-trap/tab-trap';
+import type { ShortcutsScopeOptions } from '../shortcuts/core';
 export interface DialogProps extends Partial<TabTrapProps> {
     show: boolean;
     label: string;
@@ -9,6 +10,7 @@ export interface DialogProps extends Partial<TabTrapProps> {
     onCloseClick: (event: React.MouseEvent<HTMLElement>) => void;
     onCloseAttempt: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
     showCloseButton: boolean;
+    shortcutOptions: ShortcutsScopeOptions;
     closeButtonInside: boolean;
     closeButtonTitle?: string;
     trapFocus: boolean;
@@ -17,10 +19,6 @@ export interface DialogProps extends Partial<TabTrapProps> {
     'data-test'?: string | null | undefined;
     dense?: boolean | null | undefined;
 }
-/**
- * @name Dialog
- */
-declare function noop(): void;
 export default class Dialog extends PureComponent<DialogProps> {
     static propTypes: {
         label: PropTypes.Requireable<string>;
@@ -34,23 +32,14 @@ export default class Dialog extends PureComponent<DialogProps> {
         onOverlayClick: PropTypes.Requireable<(...args: any[]) => any>;
         onEscPress: PropTypes.Requireable<(...args: any[]) => any>;
         onCloseClick: PropTypes.Requireable<(...args: any[]) => any>;
+        shortcutOptions: PropTypes.Requireable<object>;
         onCloseAttempt: PropTypes.Requireable<(...args: any[]) => any>;
         trapFocus: PropTypes.Requireable<boolean>;
         portalTarget: PropTypes.Requireable<HTMLElement>;
         autoFocusFirst: PropTypes.Requireable<boolean>;
         'data-test': PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        label: string;
-        onOverlayClick: typeof noop;
-        onEscPress: typeof noop;
-        onCloseClick: typeof noop;
-        onCloseAttempt: typeof noop;
-        showCloseButton: boolean;
-        closeButtonInside: boolean;
-        trapFocus: boolean;
-        autoFocusFirst: boolean;
-    };
+    static defaultProps: Partial<DialogProps>;
     state: {
         shortcutsScope: string;
     };
@@ -73,4 +62,3 @@ export default class Dialog extends PureComponent<DialogProps> {
     render(): false | React.ReactPortal;
 }
 export type DialogAttrs = JSX.LibraryManagedAttributes<typeof Dialog, DialogProps>;
-export {};