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

package/dist/contenteditable/contenteditable.js

@@ -1,81 +0,0 @@
-import { _ as _defineProperty, c as _objectSpread2, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { renderToStaticMarkup } from 'react-dom/server';
-
-/**
- * @name ContentEditable
- */
-
-function noop() {}
-
-const commonPropTypes = {
-  disabled: PropTypes.bool,
-  tabIndex: PropTypes.number,
-  componentDidUpdate: PropTypes.func,
-  onComponentUpdate: PropTypes.func,
-  className: PropTypes.string,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-};
-
-class ContentEditableBase extends Component {
-  shouldComponentUpdate(nextProps) {
-    return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    this.props.onComponentUpdate(prevProps, prevState);
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      __html,
-      onComponentUpdate,
-      disabled,
-      tabIndex,
-      inputRef
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"]);
-
-    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-      ref: inputRef,
-      disabled: disabled,
-      role: "textbox",
-      tabIndex: disabled ? null : tabIndex,
-      contentEditable: !this.props.disabled,
-      dangerouslySetInnerHTML: {
-        __html
-      }
-    }));
-  }
-
-}
-
-_defineProperty(ContentEditableBase, "propTypes", _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
-  __html: PropTypes.string
-}));
-
-_defineProperty(ContentEditableBase, "defaultProps", {
-  disabled: false,
-  tabIndex: 0,
-  onInput: noop,
-  onComponentUpdate: noop
-});
-
-const ContentEditable = _ref => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, ["children"]);
-
-  return /*#__PURE__*/React.createElement(ContentEditableBase, _extends({}, props, {
-    __html: renderToStaticMarkup(children)
-  }));
-};
-
-ContentEditable.propTypes = _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
-  children: PropTypes.node
-});
-
-export default ContentEditable;

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

@@ -1,203 +0,0 @@
-import { _ as _defineProperty, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import focusSensorHOC from '../global/focus-sensor-hoc.js';
-import selectionShortcutsHOC from '../table/selection-shortcuts-hoc.js';
-import disableHoverHOC from '../table/disable-hover-hoc.js';
-import getUID from '../global/get-uid.js';
-import Shortcuts from '../shortcuts/shortcuts.js';
-import Loader from '../loader/loader.js';
-import Item, { moreLessButtonStates } from './item.js';
-import { m as modules_09d014b4 } from '../_helpers/title.js';
-import '../global/composeRefs.js';
-import '../table/selection.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import '../loader/loader__core.js';
-import '../global/dom.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 '../text/text.js';
-import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.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__svg.js';
-import '../_helpers/button__classes.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-
-class DataList extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "shortcutsScope", getUID('ring-data-list-'));
-
-    _defineProperty(this, "onItemFocus", item => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      onSelect(selection.focus(item));
-    });
-
-    _defineProperty(this, "onItemSelect", (item, selected) => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-
-      if (selected) {
-        onSelect(selection.select(item));
-      } else {
-        onSelect(selection.deselect(item));
-      }
-    });
-
-    _defineProperty(this, "onEqualPress", () => {
-      const {
-        selection,
-        itemFormatter
-      } = this.props;
-      const item = itemFormatter(selection.getFocused());
-
-      if (item.collapsed) {
-        item.onExpand();
-      } else {
-        item.onCollapse();
-      }
-    });
-
-    _defineProperty(this, "shortcutsMap", {
-      '=': this.onEqualPress
-    });
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      data,
-      selection,
-      onSelect,
-      selectable
-    } = this.props;
-
-    if (data !== prevProps.data && !prevProps.remoteSelection) {
-      onSelect(selection.cloneWith({
-        data
-      }));
-    }
-
-    if (!selectable && prevProps.selectable) {
-      onSelect(selection.resetSelection());
-    }
-  }
-
-  render() {
-    const {
-      data,
-      className,
-      loading,
-      selection,
-      disabledHover,
-      itemFormatter,
-      focused,
-      innerRef
-    } = this.props;
-
-    const shortcutsMap = _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap);
-
-    const classes = classNames(className, {
-      [modules_09d014b4.dataList]: true,
-      [modules_09d014b4.disabledHover]: disabledHover,
-      [modules_09d014b4.multiSelection]: selection.getSelected().size > 0
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_09d014b4.dataListWrapper,
-      "data-test": "ring-data-list",
-      ref: innerRef
-    }, focused && /*#__PURE__*/React.createElement(Shortcuts, {
-      map: shortcutsMap,
-      scope: this.shortcutsScope
-    }), /*#__PURE__*/React.createElement("ul", {
-      className: classes
-    }, data.map(model => {
-      const item = itemFormatter(model);
-      const {
-        id,
-        key,
-        title,
-        items
-      } = item;
-      const showMoreLessButton = this.props.itemMoreLessState(item);
-      return /*#__PURE__*/React.createElement(Item, {
-        key: key || id,
-        item: model,
-        title: title,
-        items: items,
-        itemFormatter: itemFormatter,
-        collapsible: item.collapsible,
-        collapsed: item.collapsed,
-        onCollapse: item.onCollapse,
-        onExpand: item.onExpand,
-        focused: selection.isFocused(model),
-        showFocus: selection.isFocused(model),
-        onFocus: this.onItemFocus,
-        selection: selection,
-        selectable: item.selectable,
-        selected: selection.isSelected(model),
-        onSelect: this.onItemSelect,
-        showMoreLessButton: showMoreLessButton,
-        onItemMoreLess: this.props.onItemMoreLess
-      });
-    })), loading && /*#__PURE__*/React.createElement("div", {
-      className: data.length > 0 ? modules_09d014b4.loadingOverlay : null
-    }, /*#__PURE__*/React.createElement(Loader, null)));
-  }
-
-}
-
-_defineProperty(DataList, "propTypes", {
-  className: PropTypes.string,
-  data: PropTypes.array.isRequired,
-  loading: PropTypes.bool,
-  focused: PropTypes.bool,
-  disabledHover: PropTypes.bool,
-  selection: PropTypes.object,
-  selectable: PropTypes.bool,
-  shortcutsMap: PropTypes.object,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
-  itemFormatter: PropTypes.func.isRequired,
-  onItemMoreLess: PropTypes.func,
-  itemMoreLessState: PropTypes.func,
-  onSelect: PropTypes.func,
-  remoteSelection: PropTypes.bool
-});
-
-_defineProperty(DataList, "defaultProps", {
-  loading: false,
-  onItemMoreLess: () => {},
-  itemMoreLessState: () => moreLessButtonStates.UNUSED,
-  remoteSelection: false
-});
-
-var dataList = disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
-
-export default dataList;

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

@@ -1,190 +0,0 @@
-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 '../global/data-tests.js';
-import '../link/clickableLink.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 default dataList_mock;
-export { moreItems };

package/dist/data-list/item.js

@@ -1,225 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.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 '../global/theme.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.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__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';
-
-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 default Item;
-export { moreLessButtonStates };