@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.1

package/dist/data-list/selection.js

@@ -1,101 +0,0 @@
-import Selection$1 from '../table/selection.js';
-
-class Selection extends Selection$1 {
-  _buildData(data) {
-    return new Set(this._getDescendants(data));
-  }
-
-  _buildSelected(data, selected) {
-    const _selected = new Set(selected);
-
-    [...data].forEach(item => {
-      if (_selected.has(item)) {
-        this._selectDescendants(item, _selected);
-      }
-    });
-    return _selected;
-  }
-
-  _getDescendants(items) {
-    let result = [];
-    items.forEach(item => {
-      result.push(item);
-      result = [...result, ...this._getDescendants(this._getChildren(item))];
-    });
-    return result;
-  }
-
-  _getAncestors(item) {
-    let result = [];
-    const parent = [...this._data].find(it => this._getChildren(it).includes(item));
-
-    if (parent) {
-      result = [parent, ...this._getAncestors(parent)];
-    }
-
-    return result;
-  }
-
-  _selectDescendants(item, selected) {
-    this._getDescendants(this._getChildren(item)).forEach(it => selected.add(it));
-  }
-
-  _deselectDescendants(item, selected) {
-    this._getDescendants(this._getChildren(item)).forEach(it => selected.delete(it));
-  }
-
-  _selectAncestors(item, selected) {
-    this._getAncestors(item).forEach(ancestor => {
-      const groupIsSelected = this._getChildren(ancestor).filter(it => this._isItemSelectable(it)).every(it => selected.has(it));
-
-      if (groupIsSelected) {
-        selected.add(ancestor);
-      }
-    });
-  }
-
-  _deselectAncestors(item, selected) {
-    this._getAncestors(item).forEach(it => selected.delete(it));
-  }
-
-  select() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-
-    if (!value || !this._isItemSelectable(value)) {
-      return this;
-    }
-
-    const selected = new Set(this._selected);
-    selected.add(value);
-
-    this._selectDescendants(value, selected);
-
-    this._selectAncestors(value, selected);
-
-    return this.cloneWith({
-      selected
-    });
-  }
-
-  deselect() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-
-    if (!value || !this._isItemSelectable(value)) {
-      return this;
-    }
-
-    const selected = new Set(this._selected);
-    selected.delete(value);
-
-    this._deselectDescendants(value, selected);
-
-    this._deselectAncestors(value, selected);
-
-    return this.cloneWith({
-      selected
-    });
-  }
-
-}
-
-export default Selection;

package/dist/data-list/title.js

@@ -1,16 +0,0 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';
-import 'prop-types';
-import 'classnames';
-import '../global/focus-sensor-hoc.js';
-import '../checkbox/checkbox.js';
-import '../global/get-uid.js';
-export { T as default } from '../_helpers/title.js';
-import '../global/composeRefs.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';

package/dist/date-picker/consts.js

@@ -1,70 +0,0 @@
-import PropTypes from 'prop-types';
-import add from 'date-fns/add';
-
-const unit = 8; // px;
-
-const units = {
-  unit,
-
-  /* eslint-disable no-magic-numbers */
-  cellSize: unit * 3,
-  calHeight: unit * 36,
-  yearHeight: unit * 4
-  /* eslint-enable */
-
-};
-const YEAR = 12;
-const WEEK = 7;
-const weekdays = {
-  MO: 1,
-  TU: 2,
-  WE: 3,
-  TH: 4,
-  FR: 5,
-  SA: 6,
-  SU: 0
-};
-const MIDDLE_DAY = 15;
-
-const durationToMillis = duration => +add(0, duration);
-
-const yearDuration = durationToMillis({
-  years: 1
-});
-const yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
-const DOUBLE = 2;
-const HALF = 0.5;
-function linear(x0, y0, a) {
-  return {
-    y(x) {
-      return +y0 + (x - x0) * a;
-    },
-
-    x(y) {
-      return +x0 + (y - y0) / a;
-    }
-
-  };
-}
-const deprecatedPropType = replacement => (props, propName) => {
-  if (propName in props) {
-    return new Error(`"${propName}" prop is deprecated and will be removed in 5.0. ${replacement} instead. See https://github.com/JetBrains/ring-ui/blob/master/CHANGELOG.md#310 for details`);
-  }
-
-  return undefined;
-};
-const dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
-function parseTime(time) {
-  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)) {
-    result = `0${time}`;
-  }
-
-  return result;
-}
-
-export default units;
-export { DOUBLE, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, deprecatedPropType, linear, parseTime, weekdays, yearDuration, yearScrollSpeed };

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

@@ -1,169 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import Input from '../input/input.js';
-import { dateType } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import '@jetbrains/icons/close';
-import '../global/theme.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__svg.js';
-import '../global/memoize.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../global/get-uid.js';
-import 'date-fns/add';
-
-class DateInput extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-      this.updateInput(this.props);
-    });
-
-    _defineProperty(this, "handleChange", e => this.props.onInput(e.target.value, e.target.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
-      });
-    }
-  }
-
-  updateInput(_ref) {
-    let {
-      text,
-      active
-    } = _ref;
-    const el = this.input;
-
-    if (!el) {
-      return;
-    }
-
-    if (active) {
-      el.focus();
-
-      if (!text) {
-        el.select();
-      }
-    } else {
-      el.blur();
-    }
-  }
-
-  render() {
-    const {
-      active,
-      divider,
-      text,
-      time,
-      name,
-      hoverDate,
-      date,
-      displayFormat,
-      translations,
-      onActivate,
-      onClear,
-      fromPlaceholder,
-      toPlaceholder,
-      timePlaceholder
-    } = this.props;
-    let displayText = '';
-
-    if (active && hoverDate) {
-      displayText = displayFormat(hoverDate);
-    } else if (active && text != null) {
-      displayText = text;
-    } else if (date) {
-      displayText = displayFormat(date);
-    } else if (name === 'time') {
-      displayText = time || '';
-    }
-
-    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);
-      }
-    })();
-
-    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,
-      "data-name": name,
-      inputRef: this.inputRef,
-      className: classes,
-      value: displayText,
-      onChange: this.handleChange,
-      onFocus: onActivate,
-      onKeyDown: this.handleKeyDown,
-      onClear: onClear,
-      placeholder: placeholder
-    });
-  }
-
-}
-
-_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,
-  hidden: PropTypes.bool,
-  translations: PropTypes.object,
-  fromPlaceholder: PropTypes.string,
-  toPlaceholder: PropTypes.string,
-  timePlaceholder: PropTypes.string,
-  onInput: PropTypes.func,
-  onActivate: PropTypes.func,
-  onConfirm: PropTypes.func,
-  onClear: PropTypes.func
-});
-
-_defineProperty(DateInput, "defaultProps", {
-  fromPlaceholder: null,
-  toPlaceholder: null,
-  timePlaceholder: null,
-  translations: {
-    addFirstDate: 'Add first date',
-    addSecondDate: 'Add second date',
-    addTime: 'Add time',
-    selectName: 'Select %name%'
-  }
-});
-
-export default DateInput;

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

@@ -1,356 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import format from 'date-fns/format';
-import isSameDay from 'date-fns/isSameDay';
-import isSameMonth from 'date-fns/isSameMonth';
-import isSameYear from 'date-fns/isSameYear';
-import isValid from 'date-fns/isValid';
-import parse from 'date-fns/parse';
-import set from 'date-fns/set';
-import memoize from '../global/memoize.js';
-import Popup from '../popup/popup.js';
-import Dropdown from '../dropdown/dropdown.js';
-import DatePopup from './date-popup.js';
-import { dateType, deprecatedPropType } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import formats from './formats.js';
-import DateInput from './date-input.js';
-import { A as Anchor } from '../_helpers/anchor.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/startOfDay';
-import '@jetbrains/icons/calendar';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import './months.js';
-import 'date-fns/addMonths';
-import 'date-fns/getDay';
-import 'date-fns/getDaysInMonth';
-import 'date-fns/startOfHour';
-import 'date-fns/startOfMonth';
-import 'date-fns/subMonths';
-import 'date-fns/endOfMonth';
-import '../global/linear-function.js';
-import './month.js';
-import 'date-fns/addDays';
-import 'date-fns/setDay';
-import './day.js';
-import 'date-fns/getDate';
-import 'date-fns/isToday';
-import './month-names.js';
-import 'date-fns/isThisMonth';
-import 'date-fns/startOfYear';
-import './month-slider.js';
-import 'date-fns/addYears';
-import 'date-fns/subYears';
-import './years.js';
-import 'date-fns/getYear';
-import 'date-fns/isThisYear';
-import 'date-fns/setYear';
-import './weekdays.js';
-import 'date-fns/add';
-import '../input/input.js';
-import '@jetbrains/icons/close';
-import '../global/theme.js';
-import '../button/button.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-
-const PopupComponent = _ref => {
-  let {
-    hidden,
-    className,
-    popupRef,
-    onClear,
-    datePopupProps,
-    onComplete
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"]);
-
-  return /*#__PURE__*/React.createElement(Popup, _extends({
-    hidden: hidden,
-    keepMounted: true,
-    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), /*#__PURE__*/React.createElement(DatePopup, _extends({
-    onClear: onClear
-  }, datePopupProps, {
-    onComplete: onComplete,
-    hidden: hidden
-  })));
-};
-
-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
- */
-
-class DatePicker extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "handleChange", change => {
-      const {
-        onChange,
-        onDateChange,
-        withTime,
-        applyTimeInput
-      } = this.props;
-      const adjustedChange = withTime && change.date != null ? applyTimeInput(change.date, change.time) : change;
-      onChange(adjustedChange);
-
-      if (onDateChange != null) {
-        onDateChange(adjustedChange);
-      }
-    });
-
-    _defineProperty(this, "clear", () => {
-      let change = null;
-
-      if (this.props.range) {
-        change = {
-          from: null,
-          to: null
-        };
-      }
-
-      this.handleChange(change);
-    });
-
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-    });
-
-    _defineProperty(this, "closePopup", () => {
-      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);
-    }));
-
-    _defineProperty(this, "getAnchorText", () => {
-      const {
-        range,
-        datePlaceholder,
-        dateTimePlaceholder,
-        rangePlaceholder,
-        withTime,
-        displayFormat,
-        displayMonthFormat,
-        displayDayFormat,
-        translations
-      } = this.props;
-      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();
-      let text;
-
-      if (!range && !withTime) {
-        text = date ? displayFormat(date) : datePlaceholder || translations.setDate;
-      } else if (!range && withTime) {
-        if (!date && !time) {
-          text = dateTimePlaceholder || translations.setDateTime;
-        } else {
-          text = `${date && displayFormat(date) || '—'}, ${time || '—'}`;
-        }
-      } else if (!from && !to) {
-        text = rangePlaceholder || translations.setPeriod;
-      } else if (!to) {
-        text = `${displayFormat(from)} —`;
-      } else if (!from) {
-        text = `— ${displayFormat(to)}`;
-      } else if (!isSameYear(from, to)) {
-        text = `${displayFormat(from)} — ${displayFormat(to)}`;
-      } else if (!isSameMonth(from, to)) {
-        text = `${displayMonthFormat(from)} — ${displayFormat(to)}`;
-      } else if (!isSameDay(from, to)) {
-        text = `${displayDayFormat(from)} — ${displayFormat(to)}`;
-      } else {
-        text = `${displayFormat(to)}`;
-      }
-
-      return text;
-    });
-  }
-
-  formatTime() {
-    const {
-      displayTimeFormat
-    } = this.props;
-    const date = this.parse(this.props.date);
-
-    if (date != null) {
-      return displayTimeFormat(date);
-    }
-
-    return null;
-  }
-
-  render() {
-    const text = this.getAnchorText();
-
-    if (this.props.disabled) {
-      return /*#__PURE__*/React.createElement(Anchor, {
-        disabled: true
-      }, text);
-    }
-
-    const _this$props = this.props,
-          {
-      className,
-      popupClassName,
-      clear,
-      dropdownProps,
-      translations
-    } = _this$props,
-          datePopupProps = _objectWithoutProperties(_this$props, ["className", "popupClassName", "clear", "dropdownProps", "translations"]);
-
-    const classes = classNames(modules_0c7b7d96.datePicker, className); // We want to provide translations further down to DateInput.
-    // Yet we should pass at least DateInput default translations not to have them empty.
-
-    datePopupProps.translations = Object.assign({}, DateInput.defaultProps.translations, translations);
-    return /*#__PURE__*/React.createElement(Dropdown, _extends({
-      className: classes,
-      anchor: text
-    }, dropdownProps), /*#__PURE__*/React.createElement(PopupComponent, {
-      className: popupClassName,
-      popupRef: this.popupRef,
-      onClear: clear ? this.clear : null,
-      datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
-        onChange: this.handleChange,
-        parseDateInput: this.parse,
-        time: this.formatTime()
-      }),
-      onComplete: this.closePopup
-    }));
-  }
-
-}
-
-_defineProperty(DatePicker, "propTypes", {
-  className: PropTypes.string,
-  popupClassName: PropTypes.string,
-  date: dateType,
-  withTime: PropTypes.bool,
-  range: PropTypes.bool,
-  from: dateType,
-  to: dateType,
-  clear: 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,
-  // TODO: Remove in 5.0
-  onDateChange: deprecatedPropType('Use "onChange"'),
-  dropdownProps: PropTypes.object,
-  disabled: PropTypes.bool,
-  minDate: dateType,
-  maxDate: dateType,
-  translations: PropTypes.object
-});
-
-_defineProperty(DatePicker, "defaultProps", {
-  className: '',
-  date: null,
-  withTime: false,
-  range: false,
-  from: null,
-  to: null,
-  clear: false,
-  displayFormat: date => date ? format(date, 'd MMM yyyy') : '',
-  displayMonthFormat: date => date ? format(date, 'd MMM') : '',
-  displayDayFormat: date => date ? format(date, 'd') : '',
-  displayTimeFormat: date => date ? format(date, 'HH:mm') : '',
-  datePlaceholder: 'Set a date',
-  dateTimePlaceholder: 'Set date and time',
-  rangePlaceholder: 'Set a period',
-  minDate: null,
-  maxDate: null,
-
-  onChange() {},
-
-  translations: {
-    setDate: 'Set a date',
-    setDateTime: 'Set date and time',
-    setPeriod: 'Set a period'
-  },
-
-  applyTimeInput(date, timeString) {
-    var _timeString$split;
-
-    const [hours, minutes] = (_timeString$split = timeString === null || timeString === void 0 ? void 0 : timeString.split(':')) !== null && _timeString$split !== void 0 ? _timeString$split : [];
-    return minutes != null ? 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;
-  }
-
-});
-
-export default DatePicker;