@jetbrains/ring-ui 5.0.127 → 5.0.129

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 {};

package/dist/dialog/dialog.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 { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -42,37 +42,45 @@ import 'scrollbar-width';
  */
 function noop() {}
 class Dialog extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      shortcutsScope: getUID('ring-dialog-')
-    });
-    _defineProperty(this, "scrollPreventer", preventerFactory(getUID('preventer-')));
-    _defineProperty(this, "uid", getUID('dialog-'));
-    _defineProperty(this, "handleClick", event => {
-      this.props.onOverlayClick(event);
-      this.props.onCloseAttempt(event);
-    });
-    _defineProperty(this, "onCloseClick", event => {
-      this.props.onCloseClick(event);
-      this.props.onCloseAttempt(event);
-    });
-    _defineProperty(this, "getShortcutsMap", () => {
-      const onEscape = event => {
-        if (this.props.show) {
-          this.props.onEscPress(event);
-          this.props.onCloseAttempt(event);
-        }
-      };
-      return {
-        esc: onEscape
-      };
-    });
-    _defineProperty(this, "dialog", void 0);
-    _defineProperty(this, "dialogRef", tabTrap => {
-      this.dialog = tabTrap && tabTrap.node;
-    });
-  }
+  static propTypes = {
+    label: PropTypes.string,
+    className: PropTypes.string,
+    contentClassName: PropTypes.string,
+    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+    show: PropTypes.bool.isRequired,
+    showCloseButton: PropTypes.bool,
+    closeButtonInside: PropTypes.bool,
+    closeButtonTitle: PropTypes.string,
+    onOverlayClick: PropTypes.func,
+    onEscPress: PropTypes.func,
+    onCloseClick: PropTypes.func,
+    shortcutOptions: PropTypes.object,
+    // onCloseAttempt is a common callback for ESC pressing and overlay clicking.
+    // Use it if you don't need different behaviors for this cases.
+    onCloseAttempt: PropTypes.func,
+    // focusTrap may break popups inside dialog, so use it carefully
+    trapFocus: PropTypes.bool,
+    portalTarget: PropTypes.instanceOf(HTMLElement),
+    autoFocusFirst: PropTypes.bool,
+    'data-test': PropTypes.string
+  };
+  static defaultProps = {
+    label: 'Dialog',
+    onOverlayClick: noop,
+    onEscPress: noop,
+    onCloseClick: noop,
+    onCloseAttempt: noop,
+    showCloseButton: false,
+    closeButtonInside: false,
+    shortcutOptions: {
+      modal: false
+    },
+    trapFocus: false,
+    autoFocusFirst: true
+  };
+  state = {
+    shortcutsScope: getUID('ring-dialog-')
+  };
   componentDidMount() {
     this.toggleScrollPreventer();
   }
@@ -84,6 +92,8 @@ class Dialog extends PureComponent {
   componentWillUnmount() {
     this.scrollPreventer.reset();
   }
+  scrollPreventer = preventerFactory(getUID('preventer-'));
+  uid = getUID('dialog-');
   toggleScrollPreventer() {
     if (this.props.show) {
       this.scrollPreventer.prevent();
@@ -91,6 +101,29 @@ class Dialog extends PureComponent {
       this.scrollPreventer.reset();
     }
   }
+  handleClick = event => {
+    this.props.onOverlayClick(event);
+    this.props.onCloseAttempt(event);
+  };
+  onCloseClick = event => {
+    this.props.onCloseClick(event);
+    this.props.onCloseAttempt(event);
+  };
+  getShortcutsMap = () => {
+    const onEscape = event => {
+      if (this.props.show) {
+        this.props.onEscPress(event);
+        this.props.onCloseAttempt(event);
+      }
+    };
+    return {
+      esc: onEscape
+    };
+  };
+  dialog;
+  dialogRef = tabTrap => {
+    this.dialog = tabTrap && tabTrap.node;
+  };
   render() {
     const {
       show,
@@ -109,6 +142,7 @@ class Dialog extends PureComponent {
       label,
       closeButtonTitle,
       dense,
+      shortcutOptions,
       ...restProps
     } = this.props;
     const classes = classNames(modules_5e9b8c03.container, className);
@@ -124,7 +158,8 @@ class Dialog extends PureComponent {
       role: "presentation"
     }, restProps), /*#__PURE__*/React.createElement(Shortcuts, {
       map: shortcutsMap,
-      scope: this.state.shortcutsScope
+      scope: this.state.shortcutsScope,
+      options: this.props.shortcutOptions
     }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/React.createElement("div", {
       // click handler is duplicated in close button
       role: "presentation",
@@ -153,37 +188,5 @@ class Dialog extends PureComponent {
     }))), target)), portalTarget instanceof HTMLElement ? portalTarget : document.body);
   }
 }
-_defineProperty(Dialog, "propTypes", {
-  label: PropTypes.string,
-  className: PropTypes.string,
-  contentClassName: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  show: PropTypes.bool.isRequired,
-  showCloseButton: PropTypes.bool,
-  closeButtonInside: PropTypes.bool,
-  closeButtonTitle: PropTypes.string,
-  onOverlayClick: PropTypes.func,
-  onEscPress: PropTypes.func,
-  onCloseClick: PropTypes.func,
-  // onCloseAttempt is a common callback for ESC pressing and overlay clicking.
-  // Use it if you don't need different behaviors for this cases.
-  onCloseAttempt: PropTypes.func,
-  // focusTrap may break popups inside dialog, so use it carefully
-  trapFocus: PropTypes.bool,
-  portalTarget: PropTypes.instanceOf(HTMLElement),
-  autoFocusFirst: PropTypes.bool,
-  'data-test': PropTypes.string
-});
-_defineProperty(Dialog, "defaultProps", {
-  label: 'Dialog',
-  onOverlayClick: noop,
-  onEscPress: noop,
-  onCloseClick: noop,
-  onCloseAttempt: noop,
-  showCloseButton: false,
-  closeButtonInside: false,
-  trapFocus: false,
-  autoFocusFirst: true
-});
 
 export { Dialog as default };

package/dist/dialog-ng/dialog-ng.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import { createFocusTrap } from 'focus-trap';
 import { getStyles, getRect } from '../global/dom.js';
@@ -36,21 +35,6 @@ const angularModule = angular.module('Ring.dialog', [Button, PromisedClick, rgCo
 class DialogController extends RingAngularComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "hide", () => {
-      if (!this.inSidebar) {
-        this.scrollPreventer.reset();
-      }
-      this.active = false;
-      this.content = '';
-      this.focusTrap.deactivate();
-      Reflect.deleteProperty(this, 'DIALOG_NAMESPACE');
-      if (shortcuts.indexOfScope(this.dialogService.DIALOG_NAMESPACE) > -1) {
-        shortcuts.setScope(this.currentShortcutsScope);
-      }
-      this._resetFormState();
-      this.$inject.$scope.$broadcast('dialog.hide');
-    });
-    _defineProperty(this, "serverErrorFields", []);
     this.styles = modules_b378ce5a;
     this.dialogStyles = modules_5e9b8c03;
     this.islandStyles = modules_e6a056e1;
@@ -189,6 +173,20 @@ class DialogController extends RingAngularComponent {
     Object.assign(this.data, config.data);
     Object.assign(this.buttons, config.buttons);
   }
+  hide = () => {
+    if (!this.inSidebar) {
+      this.scrollPreventer.reset();
+    }
+    this.active = false;
+    this.content = '';
+    this.focusTrap.deactivate();
+    Reflect.deleteProperty(this, 'DIALOG_NAMESPACE');
+    if (shortcuts.indexOfScope(this.dialogService.DIALOG_NAMESPACE) > -1) {
+      shortcuts.setScope(this.currentShortcutsScope);
+    }
+    this._resetFormState();
+    this.$inject.$scope.$broadcast('dialog.hide');
+  };
   _resetFormState() {
     const dialogForm = this.dialogForm;
     if (!dialogForm) {
@@ -223,6 +221,7 @@ class DialogController extends RingAngularComponent {
     }
     return null;
   }
+  serverErrorFields = [];
   action(button) {
     if (button.inProgress) {
       return undefined;
@@ -284,15 +283,12 @@ class DialogController extends RingAngularComponent {
 DialogController.$inject = [];
 DialogController.$inject = ['$scope', '$q', 'dialog', '$element', 'dialogInSidebar', '$compile', '$injector', '$controller', 'rgCompiler', '$sce'];
 class DialogService extends RingAngularComponent {
+  DIALOG_NAMESPACE = 'ring-dialog';
+  fallbackDialog = null;
   constructor() {
     super(...arguments);
 
     // Binding proxy methods to a service instance
-    _defineProperty(this, "DIALOG_NAMESPACE", 'ring-dialog');
-    _defineProperty(this, "fallbackDialog", null);
-    _defineProperty(this, "unregister", () => {
-      Reflect.deleteProperty(this, 'ctrl');
-    });
     ['show', 'hide', 'update', 'done', 'reset'].forEach(key => {
       this[key] = function methodWrapper() {
         if (this.ctrl) {
@@ -309,13 +305,16 @@ class DialogService extends RingAngularComponent {
   register(ctrl) {
     this.ctrl = ctrl;
   }
+  unregister = () => {
+    Reflect.deleteProperty(this, 'ctrl');
+  };
 }
 DialogService.$inject = [];
 DialogService.$inject = ['$log'];
 class DialogInSidebarService extends DialogService {
+  DIALOG_NAMESPACE = 'ring-dialog-in-sidebar';
   constructor() {
     super(...arguments);
-    _defineProperty(this, "DIALOG_NAMESPACE", 'ring-dialog-in-sidebar');
     this.fallbackDialog = this.$inject.dialog;
   }
 }

package/dist/docked-panel-ng/docked-panel-ng.js

@@ -1,7 +1,6 @@
 import angular from 'angular';
 import scheduleRAF from '../global/schedule-raf.js';
 import { getDocumentScrollTop, getWindowHeight } from '../global/dom.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 
 var modules_655b40c7 = {"unit":"i__const_unit_0","light":"light_rui_f45d","dockedPanel":"dockedPanel_rui_f45d","fixed":"fixed_rui_f45d"};