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

package/dist/data-list.js

@@ -1,466 +0,0 @@
-import { b as _defineProperty, c as _objectSpread2 } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { f as focusSensorHOC, d as disableHoverHOC, s as selectionShortcutsHOC } from './_helpers/disable-hover-hoc.js';
-import { g as getUID } from './_helpers/get-uid.js';
-import Shortcuts from './shortcuts.js';
-import Loader from './loader.js';
-import chevronRightIcon from '@jetbrains/icons/chevron-right';
-import chevronDownIcon from '@jetbrains/icons/chevron-down';
-import Link from './link.js';
-import Text from './text.js';
-import LoaderInline from './loader-inline.js';
-import { B as Button } from './_helpers/button.js';
-import Checkbox from './checkbox.js';
-import './selection.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './_helpers/data-tests.js';
-import './_helpers/dom.js';
-import 'focus-visible';
-import './_helpers/memoize.js';
-import './_helpers/clickableLink.js';
-import './_helpers/theme.js';
-import 'conic-gradient';
-import '@jetbrains/icons/chevron-10px';
-import './icon.js';
-import 'util-deprecate';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-
-var modules_09d014b4 = {"unit":"8px","height":"32px","compensate":"2px","dataListWrapper":"dataList_dataListWrapper__b7146dba","dataList":"dataList_dataList__b7146dba","itemContent":"dataList_itemContent__b7146dba","title":"dataList_title__b7146dba","disabledHover":"dataList_disabledHover__b7146dba","titleSelected":"dataList_titleSelected__b7146dba","titleFocused":"dataList_titleFocused__b7146dba","showMore":"dataList_showMore__b7146dba","boxes":"dataList_boxes__b7146dba","checkboxBox":"dataList_checkboxBox__b7146dba","collapseButton":"dataList_collapseButton__b7146dba","collapseIcon":"dataList_collapseIcon__b7146dba","loadingOverlay":"dataList_loadingOverlay__b7146dba","showMoreLoader":"dataList_showMoreLoader__b7146dba"};
-
-class Title extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "id", getUID('data-list-title'));
-
-    _defineProperty(this, "onCheckboxFocus", () => {
-      this.props.onFocusRestore();
-    });
-
-    _defineProperty(this, "onCheckboxChange", () => {
-      this.toggleSelection();
-    });
-  }
-
-  toggleSelection() {
-    const {
-      selectable,
-      selected,
-      onSelect
-    } = this.props;
-
-    if (selectable) {
-      onSelect(!selected);
-    }
-  }
-
-  render() {
-    const {
-      className,
-      title,
-      offset,
-      showFocus,
-      innerRef,
-      selectable,
-      selected,
-      collapserExpander
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_09d014b4.title]: true,
-      [modules_09d014b4.titleFocused]: showFocus,
-      [modules_09d014b4.titleSelected]: selected
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      id: this.id,
-      className: classes,
-      style: {
-        paddingLeft: offset
-      },
-      ref: innerRef
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_09d014b4.boxes
-    }, selectable && /*#__PURE__*/React.createElement("div", {
-      className: modules_09d014b4.checkboxBox
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      className: showFocus ? 'ring-checkbox_focus' : '',
-      checked: selected,
-      onFocus: this.onCheckboxFocus,
-      onChange: this.onCheckboxChange,
-      tabIndex: "-1"
-    })), collapserExpander), title);
-  }
-
-}
-
-_defineProperty(Title, "propTypes", {
-  className: PropTypes.string,
-  title: PropTypes.node,
-  offset: PropTypes.number,
-  selectable: PropTypes.bool,
-  selected: PropTypes.bool,
-  onSelect: PropTypes.func,
-  showFocus: PropTypes.bool,
-  collapserExpander: PropTypes.node,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
-  // focusSensorHOC
-  onFocusRestore: PropTypes.func
-});
-
-_defineProperty(Title, "defaultProps", {
-  selectable: false,
-  selected: false,
-  showFocus: false
-});
-
-var Title$1 = focusSensorHOC(Title);
-
-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(...args) {
-    super(...args);
-
-    _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$1, {
-      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: () => {}
-});
-
-class DataList extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _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;