@jetbrains/ring-ui 4.2.7 → 4.2.10

package/dist/data-list/data-list.mock.js

@@ -0,0 +1,191 @@
+import React from 'react';
+import Link from '../link/link.js';
+import Badge from '../badge/badge.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
+import 'prop-types';
+import 'classnames';
+import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/badge.js';
+
+var dataList_mock = [{
+  id: 1,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Assigner"), " in 60 projects"),
+  collapsible: true,
+  selectable: true,
+  items: [{
+    id: 11,
+    title: '6 projects: as a member of jetbrains-team',
+    collapsible: true,
+    selectable: true,
+    items: [{
+      id: 111,
+      selectable: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "TeamCity")
+    }, {
+      id: 112,
+      selectable: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "YouTrack")
+    }, {
+      id: 113,
+      selectable: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "Sandbox")
+    }, {
+      id: 114,
+      selectable: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "Exception Analyzer")
+    }, {
+      id: 115,
+      selectable: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "MPS")
+    }]
+  }]
+}, {
+  id: 2,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Code Reviewer"), " in 5 projects"),
+  selectable: true,
+  collapsible: true,
+  items: [{
+    id: 21,
+    selectable: true,
+    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
+      href: "#"
+    }, "JetProfile"), /*#__PURE__*/React.createElement("span", null, " "), /*#__PURE__*/React.createElement(Badge, {
+      gray: true
+    }, "duplicate"))
+  }, {
+    id: 22,
+    title: '6 projects: as a member of jetbrains-team',
+    collapsible: true,
+    items: [{
+      id: 221,
+      collapsible: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "TeamCity")
+    }, {
+      id: 222,
+      collapsible: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "YouTrack")
+    }, {
+      id: 223,
+      collapsible: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "Sandbox")
+    }, {
+      id: 224,
+      collapsible: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "Exception Analyzer")
+    }, {
+      id: 225,
+      collapsible: true,
+      title: /*#__PURE__*/React.createElement(Link, {
+        href: "#"
+      }, "MPS")
+    }]
+  }, {
+    id: 23,
+    collapsible: true,
+    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
+      href: "#"
+    }, "CustomJDK"), /*#__PURE__*/React.createElement("span", null, ": as a member of ide-developers"))
+  }]
+}, {
+  id: 3,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Code Viewer"), " in 5 projects"),
+  selectable: true,
+  collapsible: true,
+  items: [{
+    id: 31,
+    collapsible: true,
+    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
+      href: "#"
+    }, "ide-frontend"), /*#__PURE__*/React.createElement("span", null, ": as a member of ide-developers"))
+  }, {
+    id: 32,
+    collapsible: true,
+    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
+      href: "#"
+    }, "ide-frontend"), /*#__PURE__*/React.createElement("span", null, ": as a member of ide-frontend Code Viewers"))
+  }]
+}, {
+  id: 4,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Commenter"), " in 12 projects"),
+  collapsible: true,
+  items: [{
+    id: 41,
+    collapsible: true,
+    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
+      href: "#"
+    }, "Intellij IDEA"), /*#__PURE__*/React.createElement("span", null, ": as a member of Registered Users"))
+  }, {
+    id: 42,
+    collapsible: true,
+    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
+      href: "#"
+    }, "YouTrack Backlog"), /*#__PURE__*/React.createElement("span", null, ": as a member of jetbrains-team"))
+  }]
+}, {
+  id: 5,
+  collapsible: true,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Developer"), /*#__PURE__*/React.createElement("span", null, " in 57 projects "), /*#__PURE__*/React.createElement(Badge, null, "team role")),
+  items: [{
+    id: 51,
+    selectable: true,
+    collapsible: true,
+    title: /*#__PURE__*/React.createElement(Link, {
+      href: "#"
+    }, "Wasabi")
+  }]
+}, {
+  id: 6,
+  collapsible: true,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Git Hosting Admin"), /*#__PURE__*/React.createElement("span", null, " in project "), /*#__PURE__*/React.createElement(Link, {
+    href: "#"
+  }, "Hackathon 2016"), /*#__PURE__*/React.createElement("span", null, ": as a member of jetbrains-team"))
+}, {
+  id: 7,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Git Hosting Checkout"), " in 7 projects"),
+  selectable: true,
+  collapsible: true
+}];
+const moreItems = [{
+  id: 91,
+  selectable: true,
+  collapsible: true,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
+    href: "#"
+  }, "More item 1"), /*#__PURE__*/React.createElement("span", null, " "), /*#__PURE__*/React.createElement(Badge, {
+    gray: true
+  }, "duplicate"))
+}, {
+  id: 92,
+  selectable: true,
+  collapsible: true,
+  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
+    href: "#"
+  }, "More item 2"), /*#__PURE__*/React.createElement("span", null, " "), /*#__PURE__*/React.createElement(Badge, {
+    gray: true
+  }, "duplicate"))
+}];
+
+export { dataList_mock as default, moreItems };

package/dist/data-list/item.js

@@ -0,0 +1,229 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import chevronRightIcon from '@jetbrains/icons/chevron-right';
+import chevronDownIcon from '@jetbrains/icons/chevron-down';
+import Link from '../link/link.js';
+import Text from '../text/text.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
+import Button from '../button/button.js';
+import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
+import 'focus-visible';
+import 'classnames';
+import '../global/memoize.js';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../global/theme.js';
+import '../_helpers/inject-styles.js';
+import '../global/conic-gradient.js';
+import 'core-js/modules/es.string.replace.js';
+import 'conic-gradient';
+import '../global/supports-css.js';
+import '../global/inject-styles.js';
+import '../global/radial-gradient-mask.js';
+import '../global/get-uid.js';
+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 '../_helpers/button__classes.js';
+import '../global/focus-sensor-hoc.js';
+import '../global/composeRefs.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
+
+const moreLessButtonStates = {
+  UNUSED: 0,
+  MORE: 1,
+  MORE_LOADING: 2,
+  LESS: 3
+};
+const ITEM_LEFT_OFFSET = 32;
+const LIST_LEFT_OFFSET = 24;
+class Item extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "onShowMore", () => {
+      const {
+        onItemMoreLess,
+        item
+      } = this.props;
+      onItemMoreLess(item, true);
+    });
+
+    _defineProperty(this, "onShowLess", () => {
+      const {
+        onItemMoreLess,
+        item
+      } = this.props;
+      onItemMoreLess(item, false);
+    });
+
+    _defineProperty(this, "onFocus", () => {
+      const {
+        onFocus,
+        item
+      } = this.props;
+      onFocus(item);
+    });
+
+    _defineProperty(this, "onSelect", selected => {
+      const {
+        onSelect,
+        item
+      } = this.props;
+      onSelect(item, selected);
+    });
+
+    _defineProperty(this, "renderItem", (model, parentShift) => {
+      const {
+        onFocus,
+        onSelect,
+        selection,
+        level,
+        itemFormatter
+      } = this.props;
+      const item = itemFormatter(model);
+      return /*#__PURE__*/React.createElement(Item, {
+        key: item.key || item.id,
+        item: model,
+        title: item.title,
+        items: item.items,
+        level: level + 1,
+        parentShift: parentShift,
+        itemFormatter: itemFormatter,
+        collapsible: item.collapsible,
+        collapsed: item.collapsed,
+        onCollapse: item.onCollapse,
+        onExpand: item.onExpand,
+        focused: selection.isFocused(model),
+        showFocus: selection.isFocused(model),
+        onFocus: onFocus,
+        selection: selection,
+        selectable: item.selectable,
+        selected: selection.isSelected(model),
+        onSelect: onSelect
+      });
+    });
+  }
+
+  render() {
+    const {
+      title,
+      items,
+      showMoreLessButton,
+      level,
+      parentShift,
+      showFocus,
+      selectable,
+      selected,
+      collapsible,
+      collapsed,
+      onCollapse,
+      onExpand
+    } = this.props;
+    let moreLessButton;
+
+    if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
+      moreLessButton = /*#__PURE__*/React.createElement(Text, {
+        info: true
+      }, /*#__PURE__*/React.createElement(Link, {
+        inherit: true,
+        pseudo: true,
+        onClick: this.onShowMore
+      }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
+        className: modules_09d014b4.showMoreLoader
+      }));
+    } else if (showMoreLessButton === moreLessButtonStates.LESS) {
+      moreLessButton = /*#__PURE__*/React.createElement(Text, {
+        info: true
+      }, /*#__PURE__*/React.createElement(Link, {
+        inherit: true,
+        pseudo: true,
+        onClick: this.onShowLess
+      }, 'Show less'));
+    }
+
+    let collapserExpander = null;
+
+    if (collapsible) {
+      if (collapsed) {
+        collapserExpander = /*#__PURE__*/React.createElement(Button, {
+          title: "Expand",
+          onClick: onExpand,
+          icon: chevronRightIcon,
+          className: modules_09d014b4.collapseButton,
+          iconClassName: modules_09d014b4.collapseIcon,
+          "data-test": "ring-data-list-expand"
+        });
+      } else {
+        collapserExpander = /*#__PURE__*/React.createElement(Button, {
+          title: "Collapse",
+          onClick: onCollapse,
+          icon: chevronDownIcon,
+          className: modules_09d014b4.collapseButton,
+          iconClassName: modules_09d014b4.collapseIcon,
+          "data-test": "ring-data-list-collapse"
+        });
+      }
+    }
+
+    const itemIsEmpty = !items.length || collapsible && collapsed;
+    const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
+    return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
+      title: title,
+      focused: showFocus,
+      showFocus: showFocus,
+      selectable: selectable,
+      selected: selected,
+      collapserExpander: collapserExpander,
+      onFocus: this.onFocus,
+      onSelect: this.onSelect,
+      offset: offset
+    }), !itemIsEmpty ? /*#__PURE__*/React.createElement("ul", {
+      className: modules_09d014b4.itemContent
+    }, items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/React.createElement("li", {
+      className: modules_09d014b4.showMore
+    }, moreLessButton) : null) : null);
+  }
+
+}
+
+_defineProperty(Item, "propTypes", {
+  item: PropTypes.object,
+  title: PropTypes.node,
+  items: PropTypes.array,
+  className: PropTypes.string,
+  level: PropTypes.number,
+  parentShift: PropTypes.number,
+  itemFormatter: PropTypes.func,
+  collapsible: PropTypes.bool,
+  collapsed: PropTypes.bool,
+  onCollapse: PropTypes.func,
+  onExpand: PropTypes.func,
+  showFocus: PropTypes.bool,
+  onFocus: PropTypes.func,
+  selection: PropTypes.object,
+  selectable: PropTypes.bool,
+  selected: PropTypes.bool,
+  onSelect: PropTypes.func,
+  showMoreLessButton: PropTypes.number,
+  onItemMoreLess: PropTypes.func
+});
+
+_defineProperty(Item, "defaultProps", {
+  items: [],
+  level: 0,
+  parentShift: 0,
+  showMoreLessButton: moreLessButtonStates.UNUSED,
+  onItemMoreLess: () => {}
+});
+
+export { Item as default, moreLessButtonStates };

package/dist/data-list/selection.js

@@ -0,0 +1,102 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+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 { Selection as default };

package/dist/data-list/title.js

@@ -0,0 +1,20 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.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.js';
+import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/memoize.js';
+import '../_helpers/checkbox.js';

package/dist/data-list-ng/data-list-ng.js

@@ -0,0 +1,62 @@
+import angularComponentFactory from '../global/angular-component-factory.js';
+import DataList from '../data-list/data-list.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'angular';
+import 'react';
+import '../global/react-render-adapter.js';
+import 'react-dom';
+import '../global/ring-angular-component.js';
+import '../global/react-dom-renderer.js';
+import 'prop-types';
+import 'classnames';
+import '../global/focus-sensor-hoc.js';
+import '../global/composeRefs.js';
+import '../table/selection-shortcuts-hoc.js';
+import '../table/selection.js';
+import '../table/disable-hover-hoc.js';
+import '../global/get-uid.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../loader/loader.js';
+import '../global/data-tests.js';
+import '../loader/loader__core.js';
+import '../global/dom.js';
+import '../data-list/item.js';
+import '@jetbrains/icons/chevron-right';
+import '@jetbrains/icons/chevron-down';
+import '../link/link.js';
+import 'focus-visible';
+import '../global/memoize.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../text/text.js';
+import '../loader-inline/loader-inline.js';
+import '../global/theme.js';
+import '../_helpers/inject-styles.js';
+import '../global/conic-gradient.js';
+import 'core-js/modules/es.string.replace.js';
+import 'conic-gradient';
+import '../global/supports-css.js';
+import '../global/inject-styles.js';
+import '../global/radial-gradient-mask.js';
+import '../button/button.js';
+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 '../_helpers/button__classes.js';
+import '../_helpers/title.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
+
+var dataListNg = angularComponentFactory(DataList, 'DataList').name;
+
+export { dataListNg as default };

package/dist/date-picker/consts.js

@@ -0,0 +1,69 @@
+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("\"".concat(propName, "\" prop is deprecated and will be removed in 5.0. ").concat(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".concat(time);
+  }
+
+  return result;
+}
+
+export { DOUBLE, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, units as default, deprecatedPropType, linear, parseTime, weekdays, yearDuration, yearScrollSpeed };