@jetbrains/ring-ui 4.1.1 → 4.1.2

package/dist/content-layout/content-layout.js

@@ -0,0 +1,65 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component, cloneElement } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_b8a9dd4f, S as Sidebar } from '../_helpers/sidebar.js';
+export { S as Sidebar } from '../_helpers/sidebar.js';
+import 'react-waypoint';
+
+/**
+ * @name Content Layout
+ */
+
+class ContentLayout extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {});
+
+    _defineProperty(this, "saveContentNode", contentNode => {
+      this.setState({
+        contentNode
+      });
+    });
+  }
+
+  render() {
+    const {
+      children,
+      className,
+      contentClassName,
+      responsive,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_b8a9dd4f.contentLayout, className, {
+      [modules_b8a9dd4f.contentLayoutResponsive]: responsive
+    });
+    const contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
+    const childrenArray = React.Children.toArray(children);
+    const sidebarChild = childrenArray.filter(child => child && child.type === Sidebar)[0];
+    const sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
+      contentNode: this.state.contentNode
+    });
+    const contentChildren = childrenArray.filter(child => child !== sidebarChild);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), sidebar, /*#__PURE__*/React.createElement("main", {
+      className: contentClasses,
+      ref: this.saveContentNode
+    }, contentChildren));
+  }
+
+}
+
+_defineProperty(ContentLayout, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  contentClassName: PropTypes.string,
+  responsive: PropTypes.bool
+});
+
+_defineProperty(ContentLayout, "defaultProps", {
+  responsive: true
+});
+
+export { ContentLayout as default };

package/dist/content-layout/sidebar.js

@@ -0,0 +1,6 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import 'react-waypoint';
+export { S as default } from '../_helpers/sidebar.js';

package/dist/contenteditable/contenteditable.js

@@ -0,0 +1,78 @@
+import { _ as _defineProperty, a 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 {
+      __html,
+      onComponentUpdate,
+      disabled,
+      tabIndex,
+      inputRef,
+      ...props
+    } = this.props;
+    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", { ...commonPropTypes,
+  __html: PropTypes.string
+});
+
+_defineProperty(ContentEditableBase, "defaultProps", {
+  disabled: false,
+  tabIndex: 0,
+  onInput: noop,
+  onComponentUpdate: noop
+});
+
+const ContentEditable = _ref => {
+  let {
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(ContentEditableBase, _extends({}, props, {
+    __html: renderToStaticMarkup(children)
+  }));
+};
+
+ContentEditable.propTypes = { ...commonPropTypes,
+  children: PropTypes.node
+};
+
+export { ContentEditable as default };

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

@@ -0,0 +1,206 @@
+import { _ as _defineProperty } 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 '../_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 '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 '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
+
+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 = { ...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$1 = disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
+
+export { DataList$1 as default };

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

@@ -0,0 +1,190 @@
+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/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 };