@jetbrains/ring-ui-built 7.0.65 → 7.0.70

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

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } 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';
@@ -23,8 +21,6 @@ import { I18nContext } from '../i18n/i18n-context.js';
 import DatePopup from './date-popup.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import formats from './formats.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -38,7 +34,6 @@ import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
@@ -92,143 +87,182 @@ import 'date-fns/isThisYear';
 import 'date-fns/setYear';
 import './weekdays.js';
 
-const _excluded = ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"],
-  _excluded2 = ["className", "popupClassName", "clear", "inline", "dropdownProps", "translations"];
-const PopupComponent = _ref => {
-  let {
-      hidden = false,
-      className,
-      popupRef,
-      onClear,
-      datePopupProps,
-      onComplete
-    } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return jsx(Popup, _objectSpread2(_objectSpread2({
-    hidden: hidden,
-    className: className,
-    ref: popupRef,
-    directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT]
-  }, restProps), {}, {
-    trapFocus: true,
-    children: jsx(DatePopup, _objectSpread2(_objectSpread2({
-      onClear: onClear
-    }, datePopupProps), {}, {
-      onComplete: onComplete
-    }))
-  }));
-};
+const PopupComponent = ({
+  hidden = false,
+  className,
+  popupRef,
+  onClear,
+  datePopupProps,
+  onComplete,
+  ...restProps
+}) => jsx(Popup, {
+  hidden: hidden,
+  className: className,
+  ref: popupRef,
+  directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT],
+  ...restProps,
+  trapFocus: true,
+  children: jsx(DatePopup, {
+    onClear: onClear,
+    ...datePopupProps,
+    onComplete: onComplete
+  })
+});
 /**
  * @name Date Picker
  */
 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 && (change === null || change === void 0 ? void 0 : change.date) !== undefined ? applyTimeInput(change.date, change.time) : change;
-      onChange(adjustedChange);
-    });
-    _defineProperty(this, "clear", () => {
-      let change = null;
-      if (this.props.range) {
-        change = {
-          from: null,
-          to: null
-        };
-      }
-      this.handleChange(change);
-    });
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-    });
-    _defineProperty(this, "closePopup", () => {
-      var _this$popup;
-      // eslint-disable-next-line no-underscore-dangle
-      (_this$popup = this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
-    });
-    _defineProperty(this, "parse", memoize(date => {
-      const {
-        parseDateInput
-      } = this.props;
-      if (date instanceof Date) {
-        return date;
-      }
-      if (typeof date === 'number') {
-        return new Date(date);
-      }
-      return parseDateInput(date);
-    }));
-    // eslint-disable-next-line complexity
-    _defineProperty(this, "getAnchorText", () => {
-      var _ref4;
-      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');
-      }
-      if (!range && withTime) {
-        if (!date && !time) {
-          var _ref3;
-          return (_ref3 = dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDateTime) !== null && _ref3 !== void 0 ? _ref3 : translate('setDateTime');
-        }
-        return "".concat(date && displayFormat(date, locale) || '—', ", ").concat(time || '—');
+  static defaultProps = {
+    className: '',
+    date: null,
+    withTime: false,
+    range: false,
+    from: null,
+    to: null,
+    clear: false,
+    inline: false,
+    size: Size.M,
+    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;
+      const [hours, minutes] = (_timeString$split$map = timeString?.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
+      return minutes !== null && minutes !== undefined ? set(date, {
+        hours,
+        minutes
+      }) : date;
+    },
+    parseDateInput(string) {
+      if (!string) {
+        return null;
       }
-      if (from && to) {
-        if (!isSameYear(from, to)) {
-          return "".concat(displayFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
-        }
-        if (!isSameMonth(from, to)) {
-          return "".concat(displayMonthFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
+      const today = new Date();
+      for (const format of formats) {
+        const date = parse(string, format, today);
+        if (isValid(date)) {
+          return date;
         }
-        if (!isSameDay(from, to)) {
-          return "".concat(displayDayFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
-        }
-        return "".concat(displayFormat(to, locale));
-      }
-      if (from) {
-        return "".concat(displayFormat(from, locale), " \u2014");
       }
-      if (to) {
-        return "\u2014 ".concat(displayFormat(to, locale));
-      }
-      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 null;
+    }
+  };
+  static contextType = I18nContext;
+  handleChange = change => {
+    const {
+      onChange,
+      withTime,
+      applyTimeInput
+    } = this.props;
+    const adjustedChange = withTime && !(change instanceof Date) && change?.date ? applyTimeInput(change.date, change.time) : change;
+    onChange(adjustedChange);
+  };
+  clear = () => {
+    let change = null;
+    if (this.props.range) {
+      change = {
+        from: null,
+        to: null
+      };
+    }
+    this.handleChange(change);
+  };
+  popup;
+  popupRef = el => {
+    this.popup = el;
+  };
+  closePopup = () => {
+    // eslint-disable-next-line no-underscore-dangle
+    this.popup?._onCloseAttempt();
+  };
+  parse = memoize(date => {
+    const {
+      parseDateInput
+    } = this.props;
+    if (date instanceof Date) {
+      return date;
+    }
+    if (typeof date === 'number') {
+      return new Date(date);
+    }
+    return parseDateInput(date);
+  });
   formatTime() {
     const {
       displayTimeFormat,
       locale
     } = this.props;
     const date = this.parse(this.props.date);
-    if (date !== null && date !== undefined) {
+    if (date) {
       return displayTimeFormat(date, locale);
     }
     return null;
   }
+  // eslint-disable-next-line complexity
+  getAnchorText = () => {
+    var _ref3;
+    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 _ref;
+      return date ? displayFormat(date, locale) : (_ref = datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations?.setDate) !== null && _ref !== void 0 ? _ref : translate('setDate');
+    }
+    if (!range && withTime) {
+      if (!date && !time) {
+        var _ref2;
+        return (_ref2 = dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations?.setDateTime) !== null && _ref2 !== void 0 ? _ref2 : translate('setDateTime');
+      }
+      return `${date && displayFormat(date, locale) || '—'}, ${time || '—'}`;
+    }
+    if (from && to) {
+      if (!isSameYear(from, to)) {
+        return `${displayFormat(from, locale)} — ${displayFormat(to, locale)}`;
+      }
+      if (!isSameMonth(from, to)) {
+        return `${displayMonthFormat(from, locale)} — ${displayFormat(to, locale)}`;
+      }
+      if (!isSameDay(from, to)) {
+        return `${displayDayFormat(from, locale)} — ${displayFormat(to, locale)}`;
+      }
+      return `${displayFormat(to, locale)}`;
+    }
+    if (from) {
+      return `${displayFormat(from, locale)} —`;
+    }
+    if (to) {
+      return `— ${displayFormat(to, locale)}`;
+    }
+    return (_ref3 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations?.setPeriod) !== null && _ref3 !== void 0 ? _ref3 : translate('setPeriod');
+  };
   render() {
     var _this$props$disabled, _this$props$disabled2;
     const anchorContent = jsxs("div", {
@@ -241,20 +275,19 @@ class DatePicker extends PureComponent {
         className: styles.chevronDownIcon
       })]
     });
-    const _this$props = this.props,
-      {
-        className,
-        popupClassName,
-        clear,
-        inline,
-        dropdownProps,
-        translations
-      } = _this$props,
-      datePopupProps = _objectWithoutProperties(_this$props, _excluded2);
-    const classes = classNames(styles.datePicker, className, styles["size".concat(this.props.size)], {
+    const {
+      className,
+      popupClassName,
+      clear,
+      inline,
+      dropdownProps,
+      translations,
+      ...datePopupProps
+    } = this.props;
+    const classes = classNames(styles.datePicker, className, styles[`size${this.props.size}`], {
       [styles.inline]: inline
     });
-    return jsx(Dropdown, _objectSpread2(_objectSpread2({
+    return jsx(Dropdown, {
       className: classes,
       disabled: this.props.disabled,
       "data-test": 'ring-date-picker',
@@ -264,77 +297,30 @@ class DatePicker extends PureComponent {
         disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
         pseudo: true,
         children: this.getAnchorText()
-      }) : jsx(Button, _objectSpread2(_objectSpread2({
+      }) : jsx(Button, {
         "data-test-ring-dropdown-anchor": true,
         className: styles.anchor,
         inline: false,
-        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false
-      }, this.props.buttonAttributes), {}, {
+        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false,
+        ...this.props.buttonAttributes,
         children: anchorContent
-      }))
-    }, dropdownProps), {}, {
+      }),
+      ...dropdownProps,
       children: jsx(PopupComponent, {
         className: popupClassName,
         popupRef: this.popupRef,
         onClear: clear ? this.clear : null,
-        datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
+        datePopupProps: {
+          ...datePopupProps,
           translations,
           onChange: this.handleChange,
           parseDateInput: this.parse,
           time: this.formatTime()
-        }),
+        },
         onComplete: this.closePopup
       })
-    }));
+    });
   }
 }
-_defineProperty(DatePicker, "defaultProps", {
-  className: '',
-  date: null,
-  withTime: false,
-  range: false,
-  from: null,
-  to: null,
-  clear: false,
-  inline: false,
-  size: Size.M,
-  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;
-    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 && minutes !== undefined ? set(date, {
-      hours,
-      minutes
-    }) : date;
-  },
-  parseDateInput(string) {
-    if (!string) {
-      return null;
-    }
-    const today = new Date();
-    for (const format of formats) {
-      const date = parse(string, format, today);
-      if (isValid(date)) {
-        return date;
-      }
-    }
-    return null;
-  }
-});
-_defineProperty(DatePicker, "contextType", I18nContext);
 
 export { DatePicker as default };