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

package/components/date-picker/consts.js

@@ -1,13 +1,8 @@
-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.object.values.js';
 import 'core-js/modules/es.regexp.exec.js';
-import PropTypes from 'prop-types';
 import { add } from 'date-fns/add';
 
-var unit = 8; // px;
-var units = {
+const unit = 8; // px;
+const units = {
   unit,
   /* eslint-disable @typescript-eslint/no-magic-numbers */
   cellSize: unit * 3,
@@ -15,10 +10,10 @@ var units = {
   yearHeight: unit * 4
   /* eslint-enable */
 };
-var YEAR = 12;
-var WEEK = 7;
-var FIFTH_DAY = 4;
-var weekdays = {
+const YEAR = 12;
+const WEEK = 7;
+const FIFTH_DAY = 4;
+const weekdays = {
   MO: 1,
   TU: 2,
   WE: 3,
@@ -27,19 +22,16 @@ var weekdays = {
   SA: 6,
   SU: 0
 };
-var MIDDLE_DAY = 15;
-var durationToMillis = function durationToMillis(duration) {
-  return +add(0, duration);
-};
-var yearDuration = durationToMillis({
+const MIDDLE_DAY = 15;
+const durationToMillis = duration => +add(0, duration);
+const yearDuration = durationToMillis({
   years: 1
 });
-var yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
-var DOUBLE = 2;
-var HALF = 0.5;
-var dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
+const yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
+const DOUBLE = 2;
+const HALF = 0.5;
 function parseTime(time) {
-  var result = null;
+  let result = null;
   if (/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
     result = time;
   } else if (/^([0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
@@ -48,7 +40,7 @@ function parseTime(time) {
   return result;
 }
 function shiftWeekArray(arr, startOfWeek) {
-  var shiftTimes = startOfWeek - 1;
+  const shiftTimes = startOfWeek - 1;
   return arr.slice(shiftTimes).concat(arr.slice(0, shiftTimes));
 }
 function getWeekStartsOn(locale) {
@@ -56,8 +48,8 @@ function getWeekStartsOn(locale) {
   return (_locale$options$weekS = locale === null || locale === void 0 || (_locale$options = locale.options) === null || _locale$options === void 0 ? void 0 : _locale$options.weekStartsOn) !== null && _locale$options$weekS !== void 0 ? _locale$options$weekS : weekdays.MO;
 }
 function getDayNumInWeek(locale, day) {
-  var weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));
+  const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));
   return weekDays.indexOf(day);
 }
 
-export { DOUBLE, FIFTH_DAY, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, units as default, getDayNumInWeek, getWeekStartsOn, parseTime, shiftWeekArray, weekdays, yearDuration, yearScrollSpeed };
+export { DOUBLE, FIFTH_DAY, HALF, MIDDLE_DAY, WEEK, YEAR, units as default, getDayNumInWeek, getWeekStartsOn, parseTime, shiftWeekArray, weekdays, yearDuration, yearScrollSpeed };

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { DatePopupBaseProps, Field } from './consts';
 export interface UpdateInputConfig {
     active: boolean;
@@ -16,25 +15,6 @@ export interface DateInputProps extends DatePopupBaseProps, UpdateInputConfig {
     onConfirm: () => void;
 }
 export default class DateInput extends React.PureComponent<DateInputProps> {
-    static propTypes: {
-        active: PropTypes.Requireable<boolean>;
-        divider: PropTypes.Requireable<boolean>;
-        name: PropTypes.Requireable<string>;
-        text: PropTypes.Requireable<string>;
-        hoverDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        time: PropTypes.Requireable<string>;
-        displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        translations: PropTypes.Requireable<object>;
-        fromPlaceholder: PropTypes.Requireable<string>;
-        toPlaceholder: PropTypes.Requireable<string>;
-        timePlaceholder: PropTypes.Requireable<string>;
-        onInput: PropTypes.Requireable<(...args: any[]) => any>;
-        onActivate: PropTypes.Requireable<(...args: any[]) => any>;
-        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
-        onClear: PropTypes.Requireable<(...args: any[]) => any>;
-        locale: PropTypes.Requireable<object>;
-    };
     componentDidMount(): void;
     componentDidUpdate(prevProps: DateInputProps): void;
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;

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

@@ -1,191 +1,143 @@
-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.filter.js';
-import 'core-js/modules/es.object.to-string.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import * as React from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import { I as Input } from '../_helpers/input.js';
 import { ControlsHeight } from '../global/controls-height.js';
 import { I18nContext } from '../i18n/i18n-context.js';
-import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/close-12px';
-import '../global/prop-types.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../global/composeRefs.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import '../i18n/i18n.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.slice.js';
-import 'date-fns/add';
 
-var DateInput = /*#__PURE__*/function (_React$PureComponent) {
-  function DateInput() {
-    var _this;
-    _classCallCheck(this, DateInput);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, DateInput, [].concat(args));
-    _defineProperty(_this, "input", void 0);
-    _defineProperty(_this, "inputRef", function (el) {
-      _this.input = el;
+class DateInput extends React.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "inputRef", el => {
+      this.input = el;
     });
-    _defineProperty(_this, "handleChange", function (e) {
-      return _this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
-    });
-    _defineProperty(_this, "handleKeyDown", function (e) {
+    _defineProperty(this, "handleChange", e => this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name));
+    _defineProperty(this, "handleKeyDown", e => {
       if (e.key === 'Enter') {
         // We have to prevent the default behavior, because restoring focus by TabTrap caused by
         // pressing Enter will trigger the onClick event on the DatePicker Dropdown anchor,
         // so DatePicker will be open again.
         // https://youtrack.jetbrains.com/issue/RG-2450/Anchor-should-be-focused-after-closing-datepicker#focus=Comments-27-10044234.0-0.
         e.preventDefault();
-        _this.props.onConfirm();
+        this.props.onConfirm();
       }
     });
-    return _this;
   }
-  _inherits(DateInput, _React$PureComponent);
-  return _createClass(DateInput, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.updateInput(this.props);
+  componentDidMount() {
+    this.updateInput(this.props);
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      text,
+      active
+    } = this.props;
+    if (text !== prevProps.text || active !== prevProps.active) {
+      this.updateInput({
+        text,
+        active
+      });
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props = this.props,
-        text = _this$props.text,
-        active = _this$props.active;
-      if (text !== prevProps.text || active !== prevProps.active) {
-        this.updateInput({
-          text,
-          active
-        });
-      }
+  }
+  updateInput(_ref) {
+    let {
+      text,
+      active
+    } = _ref;
+    const el = this.input;
+    if (!el) {
+      return;
     }
-  }, {
-    key: "updateInput",
-    value: function updateInput(_ref) {
-      var text = _ref.text,
-        active = _ref.active;
-      var el = this.input;
-      if (!el) {
-        return;
-      }
-      if (active) {
-        el.focus();
-        if (!text) {
-          el.select();
-        }
-      } else {
-        el.blur();
+    if (active) {
+      el.focus();
+      if (!text) {
+        el.select();
       }
+    } else {
+      el.blur();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        active = _this$props2.active,
-        divider = _this$props2.divider,
-        text = _this$props2.text,
-        time = _this$props2.time,
-        name = _this$props2.name,
-        hoverDate = _this$props2.hoverDate,
-        date = _this$props2.date,
-        displayFormat = _this$props2.displayFormat,
-        translations = _this$props2.translations,
-        onActivate = _this$props2.onActivate,
-        onClear = _this$props2.onClear,
-        fromPlaceholder = _this$props2.fromPlaceholder,
-        toPlaceholder = _this$props2.toPlaceholder,
-        timePlaceholder = _this$props2.timePlaceholder,
-        locale = _this$props2.locale;
-      var translate = this.context.translate;
-      var displayText = '';
-      if (active && hoverDate) {
-        displayText = displayFormat(hoverDate, locale);
-      } else if (active && text != null) {
-        displayText = text;
-      } else if (date) {
-        displayText = displayFormat(date, locale);
-      } else if (name === 'time') {
-        displayText = time || '';
-      }
-      var placeholder = function (_translations$addFirs, _translations$addSeco, _translations$addTime, _translations$selectN) {
-        switch (name) {
-          case 'from':
-            return fromPlaceholder || ((_translations$addFirs = translations === null || translations === void 0 ? void 0 : translations.addFirstDate) !== null && _translations$addFirs !== void 0 ? _translations$addFirs : translate('addFirstDate'));
-          case 'to':
-            return toPlaceholder || ((_translations$addSeco = translations === null || translations === void 0 ? void 0 : translations.addSecondDate) !== null && _translations$addSeco !== void 0 ? _translations$addSeco : translate('addSecondDate'));
-          case 'time':
-            return timePlaceholder || ((_translations$addTime = translations === null || translations === void 0 ? void 0 : translations.addTime) !== null && _translations$addTime !== void 0 ? _translations$addTime : translate('addTime'));
-          default:
-            return ((_translations$selectN = translations === null || translations === void 0 ? void 0 : translations.selectName) !== null && _translations$selectN !== void 0 ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
-        }
-      }();
-      var classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96["".concat(name, "Input")], divider && modules_0c7b7d96["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
-      return /*#__PURE__*/jsx(Input, {
-        autoComplete: "off",
-        borderless: true,
-        height: ControlsHeight.L,
-        "data-name": name,
-        inputRef: this.inputRef,
-        className: classes,
-        value: displayText,
-        onChange: this.handleChange,
-        onFocus: onActivate,
-        onKeyDown: this.handleKeyDown,
-        onClear: onClear,
-        placeholder: placeholder
-      });
+  }
+  render() {
+    const {
+      active,
+      divider,
+      text,
+      time,
+      name,
+      hoverDate,
+      date,
+      displayFormat,
+      translations,
+      onActivate,
+      onClear,
+      fromPlaceholder,
+      toPlaceholder,
+      timePlaceholder,
+      locale
+    } = this.props;
+    const {
+      translate
+    } = this.context;
+    let displayText = '';
+    if (active && hoverDate) {
+      displayText = displayFormat(hoverDate, locale);
+    } else if (active && text != null) {
+      displayText = text;
+    } else if (date) {
+      displayText = displayFormat(date, locale);
+    } else if (name === 'time') {
+      displayText = time || '';
     }
-  }]);
-}(React.PureComponent);
-_defineProperty(DateInput, "propTypes", {
-  active: PropTypes.bool,
-  divider: PropTypes.bool,
-  name: PropTypes.string,
-  text: PropTypes.string,
-  hoverDate: dateType,
-  date: dateType,
-  time: PropTypes.string,
-  displayFormat: PropTypes.func,
-  translations: PropTypes.object,
-  fromPlaceholder: PropTypes.string,
-  toPlaceholder: PropTypes.string,
-  timePlaceholder: PropTypes.string,
-  onInput: PropTypes.func,
-  onActivate: PropTypes.func,
-  onConfirm: PropTypes.func,
-  onClear: PropTypes.func,
-  locale: PropTypes.object
-});
+    const placeholder = ((_translations$addFirs, _translations$addSeco, _translations$addTime, _translations$selectN) => {
+      switch (name) {
+        case 'from':
+          return fromPlaceholder || ((_translations$addFirs = translations === null || translations === void 0 ? void 0 : translations.addFirstDate) !== null && _translations$addFirs !== void 0 ? _translations$addFirs : translate('addFirstDate'));
+        case 'to':
+          return toPlaceholder || ((_translations$addSeco = translations === null || translations === void 0 ? void 0 : translations.addSecondDate) !== null && _translations$addSeco !== void 0 ? _translations$addSeco : translate('addSecondDate'));
+        case 'time':
+          return timePlaceholder || ((_translations$addTime = translations === null || translations === void 0 ? void 0 : translations.addTime) !== null && _translations$addTime !== void 0 ? _translations$addTime : translate('addTime'));
+        default:
+          return ((_translations$selectN = translations === null || translations === void 0 ? void 0 : translations.selectName) !== null && _translations$selectN !== void 0 ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
+      }
+    })();
+    const classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96["".concat(name, "Input")], divider && modules_0c7b7d96["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
+    return /*#__PURE__*/jsx(Input, {
+      autoComplete: "off",
+      borderless: true,
+      height: ControlsHeight.L,
+      "data-name": name,
+      inputRef: this.inputRef,
+      className: classes,
+      value: displayText,
+      onChange: this.handleChange,
+      onFocus: onActivate,
+      onKeyDown: this.handleKeyDown,
+      onClear: onClear,
+      placeholder: placeholder
+    });
+  }
+}
 _defineProperty(DateInput, "contextType", I18nContext);
 
 export { DateInput as default };

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

@@ -1,6 +1,5 @@
 import { PureComponent } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import type { Locale } from 'date-fns';
 import Popup from '../popup/popup';
 import { DropdownAttrs } from '../dropdown/dropdown';
@@ -34,34 +33,6 @@ export type DatePickerProps = Omit<DatePopupProps, 'translations' | 'parseDateIn
  * @name Date Picker
  */
 export default class DatePicker extends PureComponent<DatePickerProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        popupClassName: PropTypes.Requireable<string>;
-        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        withTime: PropTypes.Requireable<boolean>;
-        range: PropTypes.Requireable<boolean>;
-        from: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        to: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        clear: PropTypes.Requireable<boolean>;
-        inline: PropTypes.Requireable<boolean>;
-        displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        displayMonthFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        displayDayFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        displayTimeFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        parseDateInput: PropTypes.Requireable<(...args: any[]) => any>;
-        applyTimeInput: PropTypes.Requireable<(...args: any[]) => any>;
-        datePlaceholder: PropTypes.Requireable<string>;
-        dateTimePlaceholder: PropTypes.Requireable<string>;
-        rangePlaceholder: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        dropdownProps: PropTypes.Requireable<object>;
-        disabled: PropTypes.Requireable<boolean>;
-        minDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        maxDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        translations: PropTypes.Requireable<object>;
-        locale: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<Size>;
-    };
     static defaultProps: DatePickerProps;
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
     context: React.ContextType<typeof DatePicker.contextType>;