@jetbrains/ring-ui 6.0.3-beta.0 → 6.0.3

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

@@ -1,249 +0,0 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
-import React, { Component, 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 { refObject } from '../global/prop-types.js';
-import Item, { moreLessButtonStates } from './item.js';
-import { m as modules_09d014b4 } from '../_helpers/title.js';
-import Selection from './selection.js';
-import '../global/composeRefs.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import '../table/selection.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.iterator.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import '../shortcuts/core.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import '../loader/loader__core.js';
-import 'core-js/modules/es.array.fill.js';
-import '../global/dom.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/es.object.keys.js';
-import '@jetbrains/icons/chevron-right';
-import '@jetbrains/icons/chevron-down';
-import '../link/link.js';
-import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import '../link/clickableLink.js';
-import '../text/text.js';
-import '../loader-inline/loader-inline.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 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-14px';
-import 'core-js/modules/es.array.find.js';
-
-var DataList = /*#__PURE__*/function (_PureComponent) {
-  _inherits(DataList, _PureComponent);
-  var _super = _createSuper(DataList);
-  function DataList() {
-    var _this;
-    _classCallCheck(this, DataList);
-    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), "shortcutsScope", getUID('ring-data-list-'));
-    _defineProperty(_assertThisInitialized(_this), "onItemFocus", function (item) {
-      var _this$props = _this.props,
-        selection = _this$props.selection,
-        onSelect = _this$props.onSelect;
-      onSelect(selection.focus(item));
-    });
-    _defineProperty(_assertThisInitialized(_this), "onItemSelect", function (item, selected) {
-      var _this$props2 = _this.props,
-        selection = _this$props2.selection,
-        onSelect = _this$props2.onSelect;
-      if (selected) {
-        onSelect(selection.select(item));
-      } else {
-        onSelect(selection.deselect(item));
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "onEqualPress", function () {
-      var _this$props3 = _this.props,
-        selection = _this$props3.selection,
-        itemFormatter = _this$props3.itemFormatter;
-      var focused = selection.getFocused();
-      if (focused == null) {
-        throw new Error('No focused item');
-      }
-      var item = itemFormatter(focused);
-      if (item.collapsed) {
-        var _item$onExpand;
-        (_item$onExpand = item.onExpand) === null || _item$onExpand === void 0 ? void 0 : _item$onExpand.call(item);
-      } else {
-        var _item$onCollapse;
-        (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === void 0 ? void 0 : _item$onCollapse.call(item);
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "shortcutsMap", {
-      '=': _this.onEqualPress
-    });
-    return _this;
-  }
-  _createClass(DataList, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props4 = this.props,
-        data = _this$props4.data,
-        selection = _this$props4.selection,
-        onSelect = _this$props4.onSelect,
-        selectable = _this$props4.selectable;
-      if (data !== prevProps.data && !prevProps.remoteSelection) {
-        onSelect(selection.cloneWith({
-          data: data
-        }));
-      }
-      if (!selectable && prevProps.selectable) {
-        onSelect(selection.resetSelection());
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _classNames,
-        _this2 = this;
-      var _this$props5 = this.props,
-        data = _this$props5.data,
-        className = _this$props5.className,
-        loading = _this$props5.loading,
-        selection = _this$props5.selection,
-        disabledHover = _this$props5.disabledHover,
-        itemFormatter = _this$props5.itemFormatter,
-        focused = _this$props5.focused,
-        innerRef = _this$props5.innerRef;
-      var shortcutsMap = _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap);
-      var classes = classNames(className, (_classNames = {}, _defineProperty(_classNames, modules_09d014b4.dataList, true), _defineProperty(_classNames, modules_09d014b4.disabledHover, disabledHover), _defineProperty(_classNames, modules_09d014b4.multiSelection, selection.getSelected().size > 0), _classNames));
-      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(function (model) {
-        var _this2$props$itemMore, _this2$props;
-        var item = itemFormatter(model);
-        var id = item.id,
-          key = item.key,
-          title = item.title,
-          items = item.items;
-        var showMoreLessButton = (_this2$props$itemMore = (_this2$props = _this2.props).itemMoreLessState) === null || _this2$props$itemMore === void 0 ? void 0 : _this2$props$itemMore.call(_this2$props, 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,
-          showFocus: selection.isFocused(model),
-          onFocus: _this2.onItemFocus,
-          selection: selection,
-          selectable: item.selectable,
-          selected: selection.isSelected(model),
-          onSelect: _this2.onItemSelect,
-          showMoreLessButton: showMoreLessButton,
-          onItemMoreLess: _this2.props.onItemMoreLess
-        });
-      })), loading && /*#__PURE__*/React.createElement("div", {
-        className: data.length > 0 ? modules_09d014b4.loadingOverlay : undefined
-      }, /*#__PURE__*/React.createElement(Loader, null)));
-    }
-  }]);
-  return DataList;
-}(PureComponent);
-_defineProperty(DataList, "defaultProps", {
-  loading: false,
-  onItemMoreLess: function onItemMoreLess() {},
-  itemMoreLessState: function itemMoreLessState() {
-    return moreLessButtonStates.UNUSED;
-  },
-  remoteSelection: false
-});
-DataList.propTypes = {
-  className: PropTypes.string,
-  data: PropTypes.array.isRequired,
-  loading: PropTypes.bool,
-  focused: PropTypes.bool.isRequired,
-  disabledHover: PropTypes.bool,
-  selection: PropTypes.instanceOf(Selection).isRequired,
-  selectable: PropTypes.bool.isRequired,
-  shortcutsMap: PropTypes.shape({}).isRequired,
-  innerRef: PropTypes.oneOfType([refObject(PropTypes.instanceOf(HTMLDivElement)), PropTypes.func]),
-  itemFormatter: PropTypes.func.isRequired,
-  onItemMoreLess: PropTypes.func,
-  itemMoreLessState: PropTypes.func,
-  onSelect: PropTypes.func.isRequired,
-  remoteSelection: PropTypes.bool
-};
-var getContainer = function getContainer() {
-  return disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
-};
-// eslint-disable-next-line react/no-multi-comp
-var DataListContainer = /*#__PURE__*/function (_Component) {
-  _inherits(DataListContainer, _Component);
-  var _super2 = _createSuper(DataListContainer);
-  function DataListContainer() {
-    var _this3;
-    _classCallCheck(this, DataListContainer);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this3 = _super2.call.apply(_super2, [this].concat(args));
-    // https://stackoverflow.com/a/53882322/6304152
-    _defineProperty(_assertThisInitialized(_this3), "DataList", getContainer());
-    return _this3;
-  }
-  _createClass(DataListContainer, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(this.DataList, this.props);
-    }
-  }]);
-  return DataListContainer;
-}(Component);
-_defineProperty(DataListContainer, "propTypes", getContainer().propTypes);
-
-export { DataListContainer as default };

package/dist/data-list/data-list.mock.d.ts

@@ -1,16 +0,0 @@
-import React, { ReactNode } from 'react';
-import { SelectionItem } from '../table/selection';
-export interface Item extends SelectionItem {
-    title: ReactNode;
-    collapsible?: boolean;
-    selectable?: boolean;
-    items?: Item[];
-}
-declare const items: Item[];
-export declare const moreItems: {
-    id: number;
-    selectable: boolean;
-    collapsible: boolean;
-    title: React.JSX.Element;
-}[];
-export default items;

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

@@ -1,197 +0,0 @@
-import React from 'react';
-import Link from '../link/link.js';
-import Badge from '../badge/badge.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'prop-types';
-import 'classnames';
-import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.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 '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.array.concat.js';
-import '../link/clickableLink.js';
-import '../_helpers/badge.js';
-
-var items = [{
-  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
-}];
-var 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 { items as default, moreItems };

package/dist/data-list/item.d.ts

@@ -1,50 +0,0 @@
-import React, { PureComponent, ReactNode } from 'react';
-import Selection, { SelectionItem } from '../table/selection';
-export declare enum moreLessButtonStates {
-    UNUSED = 0,
-    MORE = 1,
-    MORE_LOADING = 2,
-    LESS = 3
-}
-export interface BaseFormattedItem<T> {
-    items?: readonly T[];
-    title?: ReactNode;
-    collapsible?: boolean | null | undefined;
-    collapsed?: boolean | null | undefined;
-    onCollapse?: () => void;
-    onExpand?: () => void;
-    selectable?: boolean | undefined;
-}
-export interface FormattedItem<T> extends BaseFormattedItem<T> {
-    key?: string | null | undefined;
-    id?: string | number | null | undefined;
-}
-export interface ItemProps<T extends SelectionItem> extends BaseFormattedItem<T> {
-    item: T;
-    onFocus: (item: T) => void;
-    onSelect: (item: T, selected: boolean) => void;
-    itemFormatter: (item: T) => FormattedItem<T>;
-    level: number;
-    parentShift: number;
-    showMoreLessButton: moreLessButtonStates;
-    onItemMoreLess: (item: T, more: boolean) => void;
-    className?: string | null | undefined;
-    showFocus?: boolean | undefined;
-    selection: Selection<T>;
-    selected?: boolean | undefined;
-}
-export default class Item<T extends SelectionItem> extends PureComponent<ItemProps<T>> {
-    static defaultProps: {
-        items: never[];
-        level: number;
-        parentShift: number;
-        showMoreLessButton: moreLessButtonStates;
-        onItemMoreLess: () => void;
-    };
-    onShowMore: () => void;
-    onShowLess: () => void;
-    onFocus: () => void;
-    onSelect: (selected: boolean) => void;
-    renderItem: (model: T, parentShift: number) => React.JSX.Element;
-    render(): React.JSX.Element;
-}