@jetbrains/ring-ui 5.1.1 → 5.1.3

package/dist/date-picker/consts.d.ts

@@ -27,10 +27,10 @@ export declare const HALF = 0.5;
 export declare const dateType: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
 export declare function parseTime(time: string): string | null;
 export interface DateInputTranslations {
-    addFirstDate: string;
-    addSecondDate: string;
-    addTime: string;
-    selectName: string;
+    addFirstDate?: string;
+    addSecondDate?: string;
+    addTime?: string;
+    selectName?: string;
 }
 export interface DateSpecificPopupProps {
     withTime?: false | undefined;
@@ -66,7 +66,7 @@ export interface DatePopupBaseProps {
     to?: Date | number | string | null | undefined;
     minDate?: string | null | undefined;
     maxDate?: string | null | undefined;
-    translations: DateInputTranslations;
+    translations?: DateInputTranslations | null | undefined;
     fromPlaceholder?: string | null | undefined;
     toPlaceholder?: string | null | undefined;
     timePlaceholder?: string | null | undefined;

package/dist/date-picker/consts.js

@@ -1,18 +1,19 @@
+import 'core-js/modules/es.regexp.exec.js';
 import PropTypes from 'prop-types';
 import add from 'date-fns/add';
 
-const unit = 8; // px;
-const units = {
-  unit,
+var unit = 8; // px;
+var units = {
+  unit: unit,
   /* eslint-disable @typescript-eslint/no-magic-numbers */
   cellSize: unit * 3,
   calHeight: unit * 36,
   yearHeight: unit * 4
   /* eslint-enable */
 };
-const YEAR = 12;
-const WEEK = 7;
-const weekdays = {
+var YEAR = 12;
+var WEEK = 7;
+var weekdays = {
   MO: 1,
   TU: 2,
   WE: 3,
@@ -21,21 +22,23 @@ const weekdays = {
   SA: 6,
   SU: 0
 };
-const MIDDLE_DAY = 15;
-const durationToMillis = duration => +add(0, duration);
-const yearDuration = durationToMillis({
+var MIDDLE_DAY = 15;
+var durationToMillis = function durationToMillis(duration) {
+  return +add(0, duration);
+};
+var yearDuration = durationToMillis({
   years: 1
 });
-const yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
-const DOUBLE = 2;
-const HALF = 0.5;
-const dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
+var yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
+var DOUBLE = 2;
+var HALF = 0.5;
+var dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
 function parseTime(time) {
-  let result = null;
+  var 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)) {
-    result = `0${time}`;
+    result = "0".concat(time);
   }
   return result;
 }

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

@@ -36,22 +36,13 @@ export default class DateInput extends React.PureComponent<DateInputProps> {
         onClear: PropTypes.Requireable<(...args: any[]) => any>;
         locale: PropTypes.Requireable<object>;
     };
-    static defaultProps: {
-        fromPlaceholder: null;
-        toPlaceholder: null;
-        timePlaceholder: null;
-        translations: {
-            addFirstDate: string;
-            addSecondDate: string;
-            addTime: string;
-            selectName: string;
-        };
-    };
     componentDidUpdate(prevProps: DateInputProps): void;
+    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof DateInput.contextType>;
     input?: HTMLInputElement | null;
     inputRef: (el: HTMLInputElement | null) => void;
     updateInput({ text, active }: UpdateInputConfig): void;
     handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleKeyDown: (e: React.KeyboardEvent) => false | void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,129 +1,163 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createSuper, d as _createClass, _ as _defineProperty, c as _classCallCheck, k as _assertThisInitialized } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { Input } from '../input/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 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/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.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.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 '../control-label/control-label.js';
+import '../_helpers/control-label.js';
 import '../_helpers/input.js';
-import '../input/input-label.js';
+import '../i18n/i18n.js';
+import 'core-js/modules/es.set.js';
 import 'date-fns/add';
 
-class DateInput extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-      this.updateInput(this.props);
-    });
-    _defineProperty(this, "handleChange", e => this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name));
-    _defineProperty(this, "handleKeyDown", e => e.key === 'Enter' && this.props.onConfirm());
-  }
-  componentDidUpdate(prevProps) {
-    const {
-      hidden,
-      text,
-      active
-    } = this.props;
-    if (!hidden && prevProps.hidden || text !== prevProps.text || active !== prevProps.active) {
-      this.updateInput({
-        text,
-        active
-      });
+var DateInput = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(DateInput, _React$PureComponent);
+  var _super = _createSuper(DateInput);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "input", void 0);
+    _defineProperty(_assertThisInitialized(_this), "inputRef", function (el) {
+      _this.input = el;
+      _this.updateInput(_this.props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (e) {
+      return _this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
+      return e.key === 'Enter' && _this.props.onConfirm();
+    });
+    return _this;
   }
-  updateInput(_ref) {
-    let {
-      text,
-      active
-    } = _ref;
-    const el = this.input;
-    if (!el) {
-      return;
-    }
-    if (active) {
-      el.focus();
-      if (!text) {
-        el.select();
+  _createClass(DateInput, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$props = this.props,
+        hidden = _this$props.hidden,
+        text = _this$props.text,
+        active = _this$props.active;
+      if (!hidden && prevProps.hidden || text !== prevProps.text || active !== prevProps.active) {
+        this.updateInput({
+          text: text,
+          active: active
+        });
       }
-    } else {
-      el.blur();
     }
-  }
-  render() {
-    const {
-      active,
-      divider,
-      text,
-      time,
-      name,
-      hoverDate,
-      date,
-      displayFormat,
-      translations,
-      onActivate,
-      onClear,
-      fromPlaceholder,
-      toPlaceholder,
-      timePlaceholder,
-      locale
-    } = this.props;
-    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 || '';
+  }, {
+    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();
+      }
     }
-    const placeholder = (() => {
-      switch (name) {
-        case 'from':
-          return fromPlaceholder || translations.addFirstDate;
-        case 'to':
-          return toPlaceholder || translations.addSecondDate;
-        case 'time':
-          return timePlaceholder || translations.addTime;
-        default:
-          return translations.selectName.replace('%name%', name);
+  }, {
+    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 || '';
       }
-    })();
-    const classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96[`${name}Input`], divider && modules_0c7b7d96[`${name}InputWithDivider`], 'ring-js-shortcuts');
-    return /*#__PURE__*/React.createElement(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
-    });
-  }
-}
+      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__*/React.createElement(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
+      });
+    }
+  }]);
+  return DateInput;
+}(React.PureComponent);
 _defineProperty(DateInput, "propTypes", {
   active: PropTypes.bool,
   divider: PropTypes.bool,
@@ -144,16 +178,6 @@ _defineProperty(DateInput, "propTypes", {
   onClear: PropTypes.func,
   locale: PropTypes.object
 });
-_defineProperty(DateInput, "defaultProps", {
-  fromPlaceholder: null,
-  toPlaceholder: null,
-  timePlaceholder: null,
-  translations: {
-    addFirstDate: 'Add first date',
-    addSecondDate: 'Add second date',
-    addTime: 'Add time',
-    selectName: 'Select %name%'
-  }
-});
+_defineProperty(DateInput, "contextType", I18nContext);
 
 export { DateInput as default };

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

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import type { Locale } from 'date-fns';
 import Popup from '../popup/popup';
@@ -17,14 +17,14 @@ export type DatePickerProps = Omit<DatePopupProps, 'translations' | 'parseDateIn
     inline: boolean;
     popupClassName?: string | null | undefined;
     dropdownProps?: DropdownAttrs;
-    translations: DatePickerTranslations;
+    translations?: DatePickerTranslations | null | undefined;
     displayMonthFormat: (date: Date, locale: Locale | undefined) => string;
     displayDayFormat: (date: Date, locale: Locale | undefined) => string;
     displayTimeFormat: (date: Date, locale: Locale | undefined) => string;
     applyTimeInput: (date: Date, time: string | null | undefined) => Date;
-    datePlaceholder: string;
-    dateTimePlaceholder: string;
-    rangePlaceholder: string;
+    datePlaceholder?: string;
+    dateTimePlaceholder?: string;
+    rangePlaceholder?: string;
     disabled?: boolean | null | undefined;
     parseDateInput: (input: string | null | undefined) => Date | null;
     size?: Size;
@@ -62,6 +62,8 @@ export default class DatePicker extends PureComponent<DatePickerProps> {
         size: PropTypes.Requireable<Size>;
     };
     static defaultProps: DatePickerProps;
+    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof DatePicker.contextType>;
     handleChange: (change: DatePickerChange | Date | null | undefined) => void;
     clear: () => void;
     popup?: Popup | null;
@@ -70,6 +72,6 @@ export default class DatePicker extends PureComponent<DatePickerProps> {
     parse: (arg: string | number | Date | null | undefined) => Date | null;
     formatTime(): string | null;
     getAnchorText: () => string;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type DatePickerAttrs = JSX.LibraryManagedAttributes<typeof DatePicker, DatePickerProps>;