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

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

@@ -1,9 +1,6 @@
-import { _ as _defineProperty, i as _slicedToArray, k as _createForOfIteratorHelper, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, 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 'core-js/modules/es.object.values.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { format } from 'date-fns/format';
 import { isSameDay } from 'date-fns/isSameDay';
@@ -23,36 +20,17 @@ import Link from '../link/link.js';
 import { S as Size } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import DatePopup from './date-popup.js';
-import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import formats from './formats.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -69,13 +47,11 @@ import '@jetbrains/icons/chevron-10px';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/close-12px';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import 'memoize-one';
 import '../control-label/control-label.js';
@@ -86,8 +62,6 @@ import 'date-fns/isBefore';
 import 'date-fns/startOfDay';
 import 'date-fns';
 import './date-input.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'date-fns/add';
 import './months.js';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
@@ -103,6 +77,8 @@ import 'date-fns/setDay';
 import './day.js';
 import 'date-fns/getDate';
 import 'date-fns/isToday';
+import './consts.js';
+import 'date-fns/add';
 import './month-names.js';
 import 'date-fns/isThisMonth';
 import 'date-fns/startOfYear';
@@ -115,16 +91,17 @@ import 'date-fns/isThisYear';
 import 'date-fns/setYear';
 import './weekdays.js';
 
-var _excluded = ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"],
+const _excluded = ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"],
   _excluded2 = ["className", "popupClassName", "clear", "inline", "dropdownProps", "translations"];
-var PopupComponent = function PopupComponent(_ref) {
-  var _ref$hidden = _ref.hidden,
-    hidden = _ref$hidden === void 0 ? false : _ref$hidden,
-    className = _ref.className,
-    popupRef = _ref.popupRef,
-    onClear = _ref.onClear,
-    datePopupProps = _ref.datePopupProps,
-    onComplete = _ref.onComplete,
+const PopupComponent = _ref => {
+  let {
+      hidden = false,
+      className,
+      popupRef,
+      onClear,
+      datePopupProps,
+      onComplete
+    } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
     hidden: hidden,
@@ -140,53 +117,43 @@ var PopupComponent = function PopupComponent(_ref) {
     }))
   }));
 };
-PopupComponent.propTypes = {
-  hidden: PropTypes.bool,
-  className: PropTypes.string,
-  popupRef: PropTypes.func,
-  onClear: PropTypes.func,
-  datePopupProps: PropTypes.shape(DatePopup.propTypes),
-  onComplete: PropTypes.func
-};
 /**
  * @name Date Picker
  */
-var DatePicker = /*#__PURE__*/function (_PureComponent) {
-  function DatePicker() {
-    var _this;
-    _classCallCheck(this, DatePicker);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, DatePicker, [].concat(args));
-    _defineProperty(_this, "handleChange", function (change) {
-      var _this$props = _this.props,
-        onChange = _this$props.onChange,
-        withTime = _this$props.withTime,
-        applyTimeInput = _this$props.applyTimeInput;
-      var adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
+class DatePicker extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "handleChange", change => {
+      const {
+        onChange,
+        withTime,
+        applyTimeInput
+      } = this.props;
+      const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
       onChange(adjustedChange);
     });
-    _defineProperty(_this, "clear", function () {
-      var change = null;
-      if (_this.props.range) {
+    _defineProperty(this, "clear", () => {
+      let change = null;
+      if (this.props.range) {
         change = {
           from: null,
           to: null
         };
       }
-      _this.handleChange(change);
+      this.handleChange(change);
     });
-    _defineProperty(_this, "popup", void 0);
-    _defineProperty(_this, "popupRef", function (el) {
-      _this.popup = el;
+    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "popupRef", el => {
+      this.popup = el;
     });
-    _defineProperty(_this, "closePopup", function () {
+    _defineProperty(this, "closePopup", () => {
       var _this$popup;
-      (_this$popup = _this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
+      (_this$popup = this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
     });
-    _defineProperty(_this, "parse", memoize(function (date) {
-      var parseDateInput = _this.props.parseDateInput;
+    _defineProperty(this, "parse", memoize(date => {
+      const {
+        parseDateInput
+      } = this.props;
       if (date instanceof Date) {
         return date;
       }
@@ -195,23 +162,26 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
       }
       return parseDateInput(date);
     }));
-    _defineProperty(_this, "getAnchorText", function () {
-      var _this$props2 = _this.props,
-        range = _this$props2.range,
-        datePlaceholder = _this$props2.datePlaceholder,
-        dateTimePlaceholder = _this$props2.dateTimePlaceholder,
-        rangePlaceholder = _this$props2.rangePlaceholder,
-        withTime = _this$props2.withTime,
-        displayFormat = _this$props2.displayFormat,
-        displayMonthFormat = _this$props2.displayMonthFormat,
-        displayDayFormat = _this$props2.displayDayFormat,
-        translations = _this$props2.translations,
-        locale = _this$props2.locale;
-      var translate = _this.context.translate;
-      var date = _this.parse(_this.props.date);
-      var from = _this.parse(_this.props.from);
-      var to = _this.parse(_this.props.to);
-      var time = _this.formatTime();
+    _defineProperty(this, "getAnchorText", () => {
+      const {
+        range,
+        datePlaceholder,
+        dateTimePlaceholder,
+        rangePlaceholder,
+        withTime,
+        displayFormat,
+        displayMonthFormat,
+        displayDayFormat,
+        translations,
+        locale
+      } = this.props;
+      const {
+        translate
+      } = this.context;
+      const date = this.parse(this.props.date);
+      const from = this.parse(this.props.from);
+      const to = this.parse(this.props.to);
+      const time = this.formatTime();
       if (!range && !withTime) {
         var _ref2;
         return date ? displayFormat(date, locale) : (_ref2 = datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDate) !== null && _ref2 !== void 0 ? _ref2 : translate('setDate');
@@ -241,107 +211,76 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
         return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setPeriod) !== null && _ref4 !== void 0 ? _ref4 : translate('setPeriod');
       }
     });
-    return _this;
   }
-  _inherits(DatePicker, _PureComponent);
-  return _createClass(DatePicker, [{
-    key: "formatTime",
-    value: function formatTime() {
-      var _this$props3 = this.props,
-        displayTimeFormat = _this$props3.displayTimeFormat,
-        locale = _this$props3.locale;
-      var date = this.parse(this.props.date);
-      if (date != null) {
-        return displayTimeFormat(date, locale);
-      }
-      return null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props$disabled, _this$props$disabled2;
-      var anchorContent = /*#__PURE__*/jsxs("div", {
-        className: modules_0c7b7d96.anchorContent,
-        children: [/*#__PURE__*/jsx(Icon, {
-          glyph: calendarIcon,
-          className: modules_0c7b7d96.calendarIcon
-        }), this.getAnchorText(), /*#__PURE__*/jsx(Icon, {
-          glyph: chevronDownIcon,
-          className: modules_0c7b7d96.chevronDownIcon
-        })]
-      });
-      var _this$props4 = this.props,
-        className = _this$props4.className,
-        popupClassName = _this$props4.popupClassName,
-        clear = _this$props4.clear,
-        inline = _this$props4.inline,
-        dropdownProps = _this$props4.dropdownProps,
-        translations = _this$props4.translations,
-        datePopupProps = _objectWithoutProperties(_this$props4, _excluded2);
-      var classes = classNames(modules_0c7b7d96.datePicker, className, modules_0c7b7d96["size".concat(this.props.size)], {
-        [modules_0c7b7d96.inline]: inline
-      });
-      return /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
-        className: classes,
-        disabled: this.props.disabled,
-        anchor: inline ? /*#__PURE__*/jsx(Link, {
-          "data-test-ring-dropdown-anchor": true,
-          className: modules_0c7b7d96.anchor,
-          disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
-          pseudo: true,
-          children: this.getAnchorText()
-        }) : /*#__PURE__*/jsx(Button, {
-          "data-test-ring-dropdown-anchor": true,
-          className: modules_0c7b7d96.anchor,
-          text: false,
-          disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false,
-          children: anchorContent
-        })
-      }, dropdownProps), {}, {
-        children: /*#__PURE__*/jsx(PopupComponent, {
-          className: popupClassName,
-          popupRef: this.popupRef,
-          onClear: clear ? this.clear : null,
-          datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
-            translations,
-            onChange: this.handleChange,
-            parseDateInput: this.parse,
-            time: this.formatTime()
-          }),
-          onComplete: this.closePopup
-        })
-      }));
+  formatTime() {
+    const {
+      displayTimeFormat,
+      locale
+    } = this.props;
+    const date = this.parse(this.props.date);
+    if (date != null) {
+      return displayTimeFormat(date, locale);
     }
-  }]);
-}(PureComponent);
-_defineProperty(DatePicker, "propTypes", {
-  className: PropTypes.string,
-  popupClassName: PropTypes.string,
-  date: dateType,
-  withTime: PropTypes.bool,
-  range: PropTypes.bool,
-  from: dateType,
-  to: dateType,
-  clear: PropTypes.bool,
-  inline: PropTypes.bool,
-  displayFormat: PropTypes.func,
-  displayMonthFormat: PropTypes.func,
-  displayDayFormat: PropTypes.func,
-  displayTimeFormat: PropTypes.func,
-  parseDateInput: PropTypes.func,
-  applyTimeInput: PropTypes.func,
-  datePlaceholder: PropTypes.string,
-  dateTimePlaceholder: PropTypes.string,
-  rangePlaceholder: PropTypes.string,
-  onChange: PropTypes.func,
-  dropdownProps: PropTypes.object,
-  disabled: PropTypes.bool,
-  minDate: dateType,
-  maxDate: dateType,
-  translations: PropTypes.object,
-  locale: PropTypes.object,
-  size: PropTypes.oneOf(Object.values(Size))
-});
+    return null;
+  }
+  render() {
+    var _this$props$disabled, _this$props$disabled2;
+    const anchorContent = /*#__PURE__*/jsxs("div", {
+      className: modules_0c7b7d96.anchorContent,
+      children: [/*#__PURE__*/jsx(Icon, {
+        glyph: calendarIcon,
+        className: modules_0c7b7d96.calendarIcon
+      }), this.getAnchorText(), /*#__PURE__*/jsx(Icon, {
+        glyph: chevronDownIcon,
+        className: modules_0c7b7d96.chevronDownIcon
+      })]
+    });
+    const _this$props = this.props,
+      {
+        className,
+        popupClassName,
+        clear,
+        inline,
+        dropdownProps,
+        translations
+      } = _this$props,
+      datePopupProps = _objectWithoutProperties(_this$props, _excluded2);
+    const classes = classNames(modules_0c7b7d96.datePicker, className, modules_0c7b7d96["size".concat(this.props.size)], {
+      [modules_0c7b7d96.inline]: inline
+    });
+    return /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
+      className: classes,
+      disabled: this.props.disabled,
+      "data-test": "ring-date-picker",
+      anchor: inline ? /*#__PURE__*/jsx(Link, {
+        "data-test-ring-dropdown-anchor": true,
+        className: modules_0c7b7d96.anchor,
+        disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
+        pseudo: true,
+        children: this.getAnchorText()
+      }) : /*#__PURE__*/jsx(Button, {
+        "data-test-ring-dropdown-anchor": true,
+        className: modules_0c7b7d96.anchor,
+        text: false,
+        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false,
+        children: anchorContent
+      })
+    }, dropdownProps), {}, {
+      children: /*#__PURE__*/jsx(PopupComponent, {
+        className: popupClassName,
+        popupRef: this.popupRef,
+        onClear: clear ? this.clear : null,
+        datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
+          translations,
+          onChange: this.handleChange,
+          parseDateInput: this.parse,
+          time: this.formatTime()
+        }),
+        onComplete: this.closePopup
+      })
+    }));
+  }
+}
 _defineProperty(DatePicker, "defaultProps", {
   className: '',
   date: null,
@@ -352,35 +291,24 @@ _defineProperty(DatePicker, "defaultProps", {
   clear: false,
   inline: false,
   size: Size.M,
-  displayFormat: function displayFormat(date, locale) {
-    return date ? format(date, 'd MMM yyyy', {
-      locale
-    }) : '';
-  },
-  displayMonthFormat: function displayMonthFormat(date, locale) {
-    return date ? format(date, 'd MMM', {
-      locale
-    }) : '';
-  },
-  displayDayFormat: function displayDayFormat(date, locale) {
-    return date ? format(date, 'd', {
-      locale
-    }) : '';
-  },
-  displayTimeFormat: function displayTimeFormat(date, locale) {
-    return date ? format(date, 'HH:mm', {
-      locale
-    }) : '';
-  },
+  displayFormat: (date, locale) => date ? format(date, 'd MMM yyyy', {
+    locale
+  }) : '',
+  displayMonthFormat: (date, locale) => date ? format(date, 'd MMM', {
+    locale
+  }) : '',
+  displayDayFormat: (date, locale) => date ? format(date, 'd', {
+    locale
+  }) : '',
+  displayTimeFormat: (date, locale) => date ? format(date, 'HH:mm', {
+    locale
+  }) : '',
   minDate: null,
   maxDate: null,
   onChange() {},
   applyTimeInput(date, timeString) {
     var _timeString$split$map;
-    var _ref5 = (_timeString$split$map = timeString === null || timeString === void 0 ? void 0 : timeString.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [],
-      _ref6 = _slicedToArray(_ref5, 2),
-      hours = _ref6[0],
-      minutes = _ref6[1];
+    const [hours, minutes] = (_timeString$split$map = timeString === null || timeString === void 0 ? void 0 : timeString.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
     return minutes != null ? set(date, {
       hours,
       minutes
@@ -390,21 +318,12 @@ _defineProperty(DatePicker, "defaultProps", {
     if (!string) {
       return null;
     }
-    var today = new Date();
-    var _iterator = _createForOfIteratorHelper(formats),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var format = _step.value;
-        var date = parse(string, format, today);
-        if (isValid(date)) {
-          return date;
-        }
+    const today = new Date();
+    for (const format of formats) {
+      const date = parse(string, format, today);
+      if (isValid(date)) {
+        return date;
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
     return null;
   }

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

@@ -1,31 +1,9 @@
 import { Component } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { DatePickerChange, DatePopupBaseProps, DateSpecificPopupProps, DatePopupState, RangeSpecificPopupProps, TimeSpecificPopupProps, Field } from './consts';
 export type DatePopupProps = DatePopupBaseProps & (DateSpecificPopupProps | TimeSpecificPopupProps | RangeSpecificPopupProps);
 export default class DatePopup extends Component<DatePopupProps, DatePopupState> {
     static sameDay(next: Date | number | null, prev: Date | number | null): boolean;
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        range: PropTypes.Requireable<boolean>;
-        withTime: PropTypes.Requireable<boolean>;
-        time: PropTypes.Requireable<string>;
-        from: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        to: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        renderAfterCalendar: PropTypes.Requireable<(...args: any[]) => any>;
-        displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        parseDateInput: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onComplete: PropTypes.Requireable<(...args: any[]) => any>;
-        onClear: PropTypes.Requireable<(...args: any[]) => any>;
-        minDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        maxDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        fromPlaceholder: PropTypes.Requireable<string>;
-        toPlaceholder: PropTypes.Requireable<string>;
-        timePlaceholder: PropTypes.Requireable<string>;
-        locale: PropTypes.Requireable<object>;
-    };
     static defaultProps: {
         onChange(): void;
     };