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

package/dist/table/row.js

@@ -1,270 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import chevronRightIcon from '@jetbrains/icons/chevron-right';
-import chevronDownIcon from '@jetbrains/icons/chevron-down';
-import dragIcon from '@jetbrains/icons/drag';
-import Checkbox from '../checkbox/checkbox.js';
-import Button from '../button/button.js';
-import Tooltip from '../tooltip/tooltip.js';
-import joinDataTestAttributes from '../global/data-tests.js';
-import getUID from '../global/get-uid.js';
-import composeRefs from '../global/composeRefs.js';
-import Cell from './cell.js';
-import { m as modules_1db4bbca } from '../_helpers/table.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__svg.js';
-import '../global/memoize.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../popup/popup.js';
-import 'react-dom';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-
-const DragHandle = _ref => {
-  let {
-    alwaysShowDragHandle
-  } = _ref;
-  const classes = classNames(modules_1db4bbca.dragHandle, {
-    [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
-  });
-  return /*#__PURE__*/React.createElement(Button, {
-    "data-movable-handle": true,
-    title: "Drag",
-    className: classes,
-    icon: dragIcon
-  });
-};
-
-DragHandle.propTypes = {
-  alwaysShowDragHandle: PropTypes.bool
-};
-class Row extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "id", getUID('table-row-'));
-
-    _defineProperty(this, "onMouseEnter", () => {
-      const {
-        item,
-        onHover
-      } = this.props;
-      onHover(item);
-    });
-
-    _defineProperty(this, "onClick", e => {
-      const {
-        item
-      } = this.props;
-      this.props.onClick(item, e);
-
-      if (e.shiftKey) {
-        this.toggleSelection();
-      }
-    });
-
-    _defineProperty(this, "onCheckboxFocus", () => {
-      this.props.onFocusRestore();
-    });
-
-    _defineProperty(this, "onCheckboxChange", () => {
-      this.toggleSelection();
-    });
-
-    _defineProperty(this, "onDoubleClick", () => {
-      const {
-        item
-      } = this.props;
-      this.props.onDoubleClick(item);
-    });
-
-    _defineProperty(this, "rowRef", el => {
-      this.row = el;
-    });
-  }
-
-  toggleSelection() {
-    const {
-      selectable,
-      selected,
-      onSelect,
-      item
-    } = this.props;
-
-    if (selectable) {
-      onSelect(item, !selected);
-    }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      item,
-      columns,
-      selectable,
-      selected,
-      showFocus,
-      draggable,
-      alwaysShowDragHandle,
-      level,
-      collapsible,
-      parentCollapsible,
-      collapsed,
-      onCollapse,
-      onExpand,
-      showDisabledSelection,
-      checkboxTooltip,
-      innerRef,
-      focused,
-      autofocus,
-      onFocusReset,
-      onFocusRestore,
-      onHover,
-      className,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["item", "columns", "selectable", "selected", "showFocus", "draggable", "alwaysShowDragHandle", "level", "collapsible", "parentCollapsible", "collapsed", "onCollapse", "onExpand", "showDisabledSelection", "checkboxTooltip", "innerRef", "focused", "autofocus", "onFocusReset", "onFocusRestore", "onHover", "className", "data-test"]);
-
-    const classes = classNames(className, {
-      [modules_1db4bbca.row]: true,
-      [modules_1db4bbca.rowFocused]: showFocus,
-      [modules_1db4bbca.rowSelected]: selected
-    });
-    const testAttrs = {
-      'data-test-focused': showFocus || undefined,
-      'data-test-selected': selected || undefined
-    };
-    const metaColumnClasses = modules_1db4bbca.metaColumn;
-    const SUBITEM_OFFSET = 30;
-    const COLLAPSIBLE_PARENT_OFFSET = 20;
-    const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
-    const metaColumnStyle = {
-      paddingLeft: `${gap}px`
-    };
-    const metaColumn = /*#__PURE__*/React.createElement("div", {
-      className: metaColumnClasses,
-      style: metaColumnStyle
-    }, draggable && /*#__PURE__*/React.createElement(DragHandle, {
-      alwaysShowDragHandle: alwaysShowDragHandle
-    }), selectable && /*#__PURE__*/React.createElement(Tooltip, {
-      title: checkboxTooltip
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      className: showFocus ? 'ring-checkbox_focus' : '',
-      checked: selected,
-      onFocus: this.onCheckboxFocus,
-      onChange: this.onCheckboxChange,
-      tabIndex: "-1"
-    })), !selectable && showDisabledSelection && /*#__PURE__*/React.createElement(Tooltip, {
-      title: checkboxTooltip
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      checked: selected,
-      disabled: true
-    })), collapsible && collapsed && /*#__PURE__*/React.createElement(Button, {
-      className: modules_1db4bbca.rowCollapseExpandButton,
-      icon: chevronRightIcon,
-      onClick: () => onExpand(item)
-    }), collapsible && !collapsed && /*#__PURE__*/React.createElement(Button, {
-      className: modules_1db4bbca.rowCollapseExpandButton,
-      icon: chevronDownIcon,
-      onClick: () => onCollapse(item)
-    }));
-    const cells = columns.map((column, index) => {
-      const getValue = column.getValue || (() => item[column.id]);
-
-      const getDataTest = column.getDataTest || (() => column.id);
-
-      const value = getValue(item, column);
-      const cellClasses = classNames({
-        [modules_1db4bbca.cellRight]: column.rightAlign
-      }, column.className);
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: column.id,
-        className: cellClasses,
-        "data-test": getDataTest(item, column)
-      }, index === 0 && (draggable || selectable || showDisabledSelection) && metaColumn, value);
-    });
-    return /*#__PURE__*/React.createElement("tr", _extends({
-      id: this.id,
-      ref: composeRefs(this.rowRef, innerRef),
-      className: classes,
-      tabIndex: "0",
-      "data-test": joinDataTestAttributes('ring-table-row', dataTest)
-    }, testAttrs, restProps, {
-      onMouseMove: this.onMouseEnter,
-      onClick: this.onClick,
-      onDoubleClick: this.onDoubleClick
-    }), cells);
-  }
-
-}
-
-_defineProperty(Row, "propTypes", {
-  className: PropTypes.string,
-  item: PropTypes.object.isRequired,
-  columns: PropTypes.array.isRequired,
-  selectable: PropTypes.bool,
-  showFocus: PropTypes.bool,
-  draggable: PropTypes.bool,
-  alwaysShowDragHandle: PropTypes.bool,
-  selected: PropTypes.bool,
-  onHover: PropTypes.func,
-  onSelect: PropTypes.func,
-  onDoubleClick: PropTypes.func,
-  onClick: PropTypes.func,
-  onFocusRestore: PropTypes.func,
-  level: PropTypes.number,
-  collapsible: PropTypes.bool,
-  parentCollapsible: PropTypes.bool,
-  collapsed: PropTypes.bool,
-  onCollapse: PropTypes.func,
-  onExpand: PropTypes.func,
-  showDisabledSelection: PropTypes.bool,
-  checkboxTooltip: PropTypes.string,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  focused: PropTypes.bool,
-  autofocus: PropTypes.bool,
-  onFocusReset: PropTypes.func,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(Row, "defaultProps", {
-  selectable: true,
-  showFocus: false,
-  draggable: false,
-  alwaysShowDragHandle: false,
-  selected: false,
-  onHover: () => {},
-  onSelect: () => {},
-  onDoubleClick: () => {},
-  onClick: () => {},
-  onFocusRestore: () => {},
-  level: 0,
-  collapsible: false,
-  parentCollapsible: false,
-  collapsed: false,
-  onCollapse: () => {},
-  onExpand: () => {}
-});
-
-export default Row;

package/dist/table/selection-adapter.js

@@ -1,14 +0,0 @@
-function selectionAdapter(getSelection) {
-  return {
-    get size() {
-      return getSelection().getActive().size;
-    },
-
-    get items() {
-      return [...getSelection().getActive()];
-    }
-
-  };
-}
-
-export default selectionAdapter;

package/dist/table/selection-shortcuts-hoc.js

@@ -1,212 +0,0 @@
-import { _ as _defineProperty, c as _objectSpread2, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import Selection from './selection.js';
-
-function selectionShortcutsHOC(ComposedComponent) {
-  var _class, _temp;
-
-  return _temp = _class = class SelectionShortcuts extends PureComponent {
-    constructor() {
-      super(...arguments);
-
-      _defineProperty(this, "onUpPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveUp();
-
-        if (newSelection) {
-          onSelect(newSelection);
-        }
-
-        return false;
-      });
-
-      _defineProperty(this, "onDownPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveDown();
-
-        if (newSelection) {
-          onSelect(newSelection);
-        }
-
-        return false;
-      });
-
-      _defineProperty(this, "onShiftKeyDown", () => {
-        const {
-          selection
-        } = this.props;
-
-        if (selection.isSelected(selection.getFocused())) {
-          this.shiftSelectionMode = 'deletion';
-        } else {
-          this.shiftSelectionMode = 'addition';
-        }
-      });
-
-      _defineProperty(this, "shiftSelect", selection => {
-        if (this.shiftSelectionMode === 'addition') {
-          return selection.select();
-        } else {
-          return selection.deselect();
-        }
-      });
-
-      _defineProperty(this, "onShiftUpPress", e => {
-        e.preventDefault();
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-
-        if (!selectable) {
-          return;
-        }
-
-        const newSelection = this.shiftSelect(selection);
-        const newMovedSelection = newSelection.moveUp();
-
-        if (newMovedSelection) {
-          onSelect(newMovedSelection);
-        } else {
-          onSelect(newSelection);
-        }
-      });
-
-      _defineProperty(this, "onShiftDownPress", e => {
-        e.preventDefault();
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-
-        if (!selectable) {
-          return;
-        }
-
-        const newSelection = this.shiftSelect(selection);
-        const newMovedSelection = newSelection.moveDown();
-
-        if (newMovedSelection) {
-          onSelect(newMovedSelection);
-        } else {
-          onSelect(newSelection);
-        }
-      });
-
-      _defineProperty(this, "onHomePress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveStart();
-
-        if (newSelection) {
-          onSelect(newSelection);
-        }
-
-        return false;
-      });
-
-      _defineProperty(this, "onEndPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveEnd();
-
-        if (newSelection) {
-          onSelect(newSelection);
-        }
-
-        return false;
-      });
-
-      _defineProperty(this, "onSpacePress", () => {
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-
-        if (!selectable) {
-          return true;
-        }
-
-        onSelect(selection.toggleSelection());
-        return false;
-      });
-
-      _defineProperty(this, "onEscPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        onSelect(selection.reset()); //this.restoreFocusWithoutScroll();
-      });
-
-      _defineProperty(this, "onCmdAPress", () => {
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-
-        if (!selectable) {
-          return true;
-        }
-
-        onSelect(selection.selectAll());
-        return false;
-      });
-
-      _defineProperty(this, "shortcutsMap", {
-        up: this.onUpPress,
-        down: this.onDownPress,
-        shift: this.onShiftKeyDown,
-        'shift+up': this.onShiftUpPress,
-        'shift+down': this.onShiftDownPress,
-        home: this.onHomePress,
-        end: this.onEndPress,
-        space: this.onSpacePress,
-        esc: this.onEscPress,
-        'command+a': this.onCmdAPress,
-        'ctrl+a': this.onCmdAPress
-      });
-    }
-
-    render() {
-      const {
-        selection,
-        selectable,
-        onSelect
-      } = this.props;
-      return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, this.props, {
-        selection: selection,
-        selectable: selectable,
-        onSelect: onSelect,
-        shortcutsMap: _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcuts)
-      }));
-    }
-
-  }, _defineProperty(_class, "propTypes", _objectSpread2(_objectSpread2({}, ComposedComponent.propTypes), {}, {
-    selection: PropTypes.instanceOf(Selection).isRequired,
-    selectable: PropTypes.bool,
-    onSelect: PropTypes.func,
-    shortcuts: PropTypes.object
-  })), _defineProperty(_class, "defaultProps", _objectSpread2(_objectSpread2({}, ComposedComponent.defaultProps), {}, {
-    selectable: true,
-    onSelect: () => {},
-    shortcuts: {}
-  })), _temp;
-}
-
-export default selectionShortcutsHOC;

package/dist/table/selection.js

@@ -1,221 +0,0 @@
-class Selection {
-  constructor() {
-    let {
-      data = [],
-      selected = new Set(),
-      focused = null,
-      getKey = item => item.id,
-      getChildren = () => [],
-      isItemSelectable = () => true
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this._rawData = data;
-    this._getChildren = getChildren;
-    this._data = this._buildData(data);
-    this._selected = selected;
-    this._focused = focused;
-    this._getKey = getKey;
-    this._isItemSelectable = isItemSelectable;
-  }
-
-  _buildData(data) {
-    return new Set(data);
-  }
-
-  _buildSelected(data, selected) {
-    return new Set(selected);
-  }
-
-  cloneWith(_ref) {
-    let {
-      data,
-      selected,
-      focused
-    } = _ref;
-    const newData = data || this._rawData;
-    let newSelected;
-
-    if (data && !selected) {
-      newSelected = new Set([...this._buildData(newData)].filter(item => [...this._selected].some(it => this._getKey(item) === this._getKey(it))));
-      newSelected = this._buildSelected(this._buildData(newData), newSelected);
-    } else if (selected) {
-      newSelected = selected;
-    } else {
-      newSelected = this._selected;
-    }
-
-    newSelected = new Set([...newSelected].filter(item => this._isItemSelectable(item)));
-
-    const cloneFocus = () => [...this._buildData(data)].filter(item => this._focused && this._getKey(item) === this._getKey(this._focused))[0];
-
-    const newFocused = focused === undefined ? this._focused : focused;
-    return new this.constructor({
-      data: newData,
-      selected: newSelected,
-      focused: data && !focused ? cloneFocus() : newFocused,
-      getKey: this._getKey,
-      getChildren: this._getChildren,
-      isItemSelectable: this._isItemSelectable
-    });
-  }
-
-  focus(value) {
-    return this.cloneWith({
-      focused: value
-    });
-  }
-
-  moveUp() {
-    const focused = this._focused;
-    const data = [...this._data];
-
-    if (!focused) {
-      return this.cloneWith({
-        focused: data[data.length - 1]
-      });
-    }
-
-    const nextItem = data[data.indexOf(focused) - 1];
-
-    if (nextItem) {
-      return this.cloneWith({
-        focused: nextItem
-      });
-    }
-
-    return undefined;
-  }
-
-  moveDown() {
-    const focused = this._focused;
-    const data = [...this._data];
-
-    if (!focused) {
-      return this.cloneWith({
-        focused: data[0]
-      });
-    }
-
-    const nextItem = data[data.indexOf(focused) + 1];
-
-    if (nextItem) {
-      return this.cloneWith({
-        focused: nextItem
-      });
-    }
-
-    return undefined;
-  }
-
-  moveStart() {
-    const data = [...this._data];
-
-    if (data.length) {
-      return this.cloneWith({
-        focused: data[0]
-      });
-    }
-
-    return undefined;
-  }
-
-  moveEnd() {
-    const data = [...this._data];
-
-    if (data.length) {
-      return this.cloneWith({
-        focused: data.pop()
-      });
-    }
-
-    return undefined;
-  }
-
-  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);
-    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);
-    return this.cloneWith({
-      selected
-    });
-  }
-
-  toggleSelection() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-
-    if (this.isSelected(value)) {
-      return this.deselect(value);
-    } else {
-      return this.select(value);
-    }
-  }
-
-  selectAll() {
-    return this.cloneWith({
-      selected: [...this._data]
-    });
-  }
-
-  resetFocus() {
-    return this.cloneWith({
-      focused: null
-    });
-  }
-
-  resetSelection() {
-    return this.cloneWith({
-      selected: new Set()
-    });
-  }
-
-  reset() {
-    return this.resetFocus().resetSelection();
-  }
-
-  isFocused(value) {
-    return this._focused === value;
-  }
-
-  isSelected(value) {
-    return this._selected.has(value);
-  }
-
-  getFocused() {
-    return this._focused;
-  }
-
-  getSelected() {
-    return new Set(this._selected);
-  }
-
-  getActive() {
-    if (this._selected.size) {
-      return new Set(this._selected);
-    } else if (this._focused) {
-      return new Set([this._focused]);
-    } else {
-      return new Set();
-    }
-  }
-
-}
-
-export default Selection;