@planningcenter/tapestry-react 2.9.2 → 2.10.0-rc.10

package/dist/esm/Combobox/ComboboxPopover.js

@@ -1,243 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component } from 'react';
-import { ItemList } from '../ItemList';
-import Button from '../Button';
-import FocusGroup from '../FocusGroup';
-import Menu from '../Menu';
-import Popover from '../Popover';
-import { generateId } from '../utils';
-import ComboboxInput from './ComboboxInput';
-
-var ComboboxPopover = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(ComboboxPopover, _Component);
-
-  function ComboboxPopover() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isPopoverOpen: _this.props.defaultOpen || false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "id", generateId('combobox'));
-
-    _defineProperty(_assertThisInitialized(_this), "inputNode", null);
-
-    _defineProperty(_assertThisInitialized(_this), "inputTouched", false);
-
-    _defineProperty(_assertThisInitialized(_this), "closeRequestId", null);
-
-    _defineProperty(_assertThisInitialized(_this), "setItemListRef", function (component) {
-      _this.itemList = component;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "setInputRef", function (component) {
-      _this.input = component;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "openPopover", function () {
-      _this.setState({
-        isPopoverOpen: true
-      }, function () {
-        _this.itemList.setHighlightedIndex(0, {
-          maybeScrollIntoView: false
-        });
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "closePopover", function () {
-      // push to next event stack because Popover events are messed up :(
-      _this.closeRequestId = requestAnimationFrame(function () {
-        _this.setState({
-          isPopoverOpen: false
-        }, function () {
-          _this.itemList.clearHighlightedIndex();
-        });
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (event) {
-      _this.closePopover();
-
-      _this.inputTouched = false;
-
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleSelect", function (event) {
-      if (_this.props.closeOnSelect) {
-        _this.closePopover();
-      }
-
-      if (_this.props.onSelect) {
-        _this.props.onSelect(event);
-      }
-    });
-
-    return _this;
-  }
-
-  var _proto = ComboboxPopover.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate(lastProps) {
-    if (lastProps.disabled !== lastProps.disabled && this.props.disabled === true) {
-      this.closePopover();
-    }
-
-    var isComboboxFocused = document.activeElement === this.inputNode;
-
-    if (isComboboxFocused && lastProps.value !== this.props.value && this.props.value.length > 0 && !this.state.isPopoverOpen) {
-      this.openPopover();
-    }
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.closeRequestId) {
-      cancelAnimationFrame(this.closeRequestId);
-    }
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    var _this$props = this.props,
-        children = _this$props.children,
-        closeButton = _this$props.closeButton,
-        closeOnSelect = _this$props.closeOnSelect,
-        disabled = _this$props.disabled,
-        dropdownButton = _this$props.dropdownButton,
-        _innerRef = _this$props.innerRef,
-        defaultOpen = _this$props.defaultOpen,
-        lockScrollWhileOpen = _this$props.lockScrollWhileOpen,
-        onClear = _this$props.onClear,
-        onBlur = _this$props.onBlur,
-        _onFocus = _this$props.onFocus,
-        onSelect = _this$props.onSelect,
-        openOnFocus = _this$props.openOnFocus,
-        placement = _this$props.placement,
-        popoverProps = _this$props.popoverProps,
-        relativeTo = _this$props.relativeTo,
-        renderTo = _this$props.renderTo,
-        value = _this$props.value,
-        restProps = _objectWithoutPropertiesLoose(_this$props, ["children", "closeButton", "closeOnSelect", "disabled", "dropdownButton", "innerRef", "defaultOpen", "lockScrollWhileOpen", "onClear", "onBlur", "onFocus", "onSelect", "openOnFocus", "placement", "popoverProps", "relativeTo", "renderTo", "value"]);
-
-    var isPopoverOpen = this.state.isPopoverOpen;
-    var valuePresent = value && value.length > 0;
-    return /*#__PURE__*/React.createElement(FocusGroup, {
-      onBlur: this.handleBlur
-    }, function (_ref) {
-      var requestBlur = _ref.requestBlur,
-          setRef = _ref.setRef;
-      return /*#__PURE__*/React.createElement(ItemList, {
-        ref: _this2.setItemListRef,
-        onSelect: _this2.handleSelect
-      }, function (_ref2) {
-        var clearHighlightedIndex = _ref2.clearHighlightedIndex;
-        return /*#__PURE__*/React.createElement(Popover, _extends({
-          keepInView: false,
-          matchWidths: true,
-          minWidth: 16
-        }, popoverProps, {
-          as: Menu,
-          ref: function ref(component) {
-            _this2.popover = component;
-          },
-          innerRef: function innerRef(node) {
-            setRef(_this2.id + "-popover")(node);
-          },
-          role: "menu",
-          tabIndex: -1,
-          elevation: 2,
-          lockScrollWhileOpen: lockScrollWhileOpen,
-          placement: placement,
-          relativeTo: relativeTo,
-          renderTo: renderTo,
-          open: isPopoverOpen,
-          onBlur: requestBlur,
-          anchorElement: function anchorElement(anchorProps) {
-            return /*#__PURE__*/React.createElement(ComboboxInput, _extends({
-              ref: _this2.setInputRef,
-              innerRef: function innerRef(node) {
-                var _anchorProps$innerRef;
-
-                if (typeof anchorProps.innerRef === 'function') {
-                  anchorProps.innerRef(node);
-                } else if ((_anchorProps$innerRef = anchorProps.innerRef) != null && _anchorProps$innerRef.current) {
-                  anchorProps.innerRef.current = node;
-                }
-
-                _this2.inputNode = node ? node.querySelector('input') : null;
-                setRef(_this2.id + "-input")(node);
-
-                if (_innerRef) {
-                  _innerRef(node);
-                }
-              },
-              value: value,
-              onFocus: function onFocus(event) {
-                if (closeOnSelect ? openOnFocus && !_this2.inputTouched : openOnFocus) {
-                  _this2.openPopover();
-                }
-
-                _this2.inputTouched = true;
-                _onFocus && _onFocus(event);
-              },
-              onBlur: function onBlur(event) {
-                requestBlur(event);
-                clearHighlightedIndex();
-              },
-              onClear: valuePresent ? onClear : undefined,
-              renderRight: closeButton ? /*#__PURE__*/React.createElement(Button, _extends({
-                disabled: disabled,
-                icon: {
-                  name: 'general.x'
-                },
-                title: "close options",
-                theme: false
-              }, closeButton)) : dropdownButton ? /*#__PURE__*/React.createElement(Button, {
-                disabled: disabled,
-                icon: {
-                  name: isPopoverOpen ? 'general.x' : 'general.downCaret'
-                },
-                title: isPopoverOpen ? 'close options' : 'open options',
-                theme: false,
-                onClick: function onClick() {
-                  if (isPopoverOpen) {
-                    _this2.closePopover();
-                  } else {
-                    _this2.openPopover();
-                  }
-
-                  _this2.input.focus();
-                }
-              }) : null,
-              disabled: disabled
-            }, restProps));
-          }
-        }), children);
-      });
-    });
-  };
-
-  return ComboboxPopover;
-}(Component);
-
-_defineProperty(ComboboxPopover, "displayName", 'Combobox.Popover');
-
-_defineProperty(ComboboxPopover, "defaultProps", {
-  closeOnSelect: false,
-  openOnFocus: false
-});
-
-export default ComboboxPopover;

package/dist/esm/Combobox/index.js

@@ -1,10 +0,0 @@
-import Combobox from './Combobox';
-import ComboboxInput from './ComboboxInput';
-import ComboboxItem from './ComboboxItem';
-import ComboboxItems from './ComboboxItems';
-import ComboboxPopover from './ComboboxPopover';
-Combobox.Input = ComboboxInput;
-Combobox.Item = ComboboxItem;
-Combobox.Items = ComboboxItems;
-Combobox.Popover = ComboboxPopover;
-export default Combobox;

package/dist/esm/DataTable/DataTable.js

@@ -1,248 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { Fragment, useMemo, useRef, useImperativeHandle } from 'react';
-import DragDrop from '../DragDrop';
-import Pagination from '../Pagination';
-import Spinner from '../Spinner';
-import StackView from '../StackView';
-import Summary from '../Summary';
-import { useCss } from '../system';
-import { useId } from '../hooks';
-import { reorderArray } from '../utils';
-import { BodyRows, HeaderCell } from './components';
-import { CollapsibleRowsContext, useCollapsibleRows, useColumnSort, useColumnWidths, useScrollShadows, useScrollSync, useVariants } from './hooks';
-import { getParsedColumns } from './utils';
-var defaultAccessibility = {
-  toggleAllSubRowsTooltipTitle: function toggleAllSubRowsTooltipTitle(allSubRowsOpen) {
-    return allSubRowsOpen ? 'Close all sub rows' : 'Open all sub rows';
-  }
-};
-var defaultHiddenColumnIds = [];
-
-var _ref3 = /*#__PURE__*/React.createElement(Spinner, {
-  size: "xl"
-});
-
-var DataTable = function DataTable(props) {
-  var _props$accessibility = props.accessibility,
-      accessibility = _props$accessibility === void 0 ? defaultAccessibility : _props$accessibility,
-      innerBodyRef = props.innerBodyRef,
-      _props$canCollapseSub = props.canCollapseSubRows,
-      canCollapseSubRows = _props$canCollapseSub === void 0 ? true : _props$canCollapseSub,
-      columns = props.columns,
-      currentPage = props.currentPage,
-      data = props.data,
-      dataTableRef = props.dataTableRef,
-      defaultSort = props.defaultSort,
-      defaultAllSubRowsOpen = props.defaultAllSubRowsOpen,
-      droppableId = props.droppableId,
-      empty = props.empty,
-      _props$getRowId = props.getRowId,
-      getRowId = _props$getRowId === void 0 ? function (rowData, rowIndex) {
-    return rowData.id || (droppableId === undefined ? rowIndex : droppableId + "-" + rowIndex);
-  } : _props$getRowId,
-      getRowLink = props.getRowLink,
-      getSubData = props.getSubData,
-      _props$hiddenColumnId = props.hiddenColumnIds,
-      hiddenColumnIds = _props$hiddenColumnId === void 0 ? defaultHiddenColumnIds : _props$hiddenColumnId,
-      keyboardShortcuts = props.keyboardShortcuts,
-      loading = props.loading,
-      loadingTitle = props.loadingTitle,
-      onColumnSort = props.onColumnSort,
-      onDragStart = props.onDragStart,
-      onDragEnd = props.onDragEnd,
-      onDrop = props.onDrop,
-      onPageChange = props.onPageChange,
-      onRowClick = props.onRowClick,
-      onRowSort = props.onRowSort,
-      sourceOnly = props.sourceOnly,
-      totalPages = props.totalPages,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? {} : _props$variant;
-  var css = useCss();
-  var tableId = useId('table');
-  var hasParentDragDrop = DragDrop.useDragDrop();
-  var isLoadingOrEmpty = loading || data.length <= 0;
-  var headerRef = useRef();
-  var bodyRef = useRef();
-  var footerRef = useRef();
-  var scrollRefs = [headerRef, bodyRef];
-  var draggable = sourceOnly || onRowSort || onDrop;
-  var getVariant = useVariants(variant);
-  var collapsibleRows = useCollapsibleRows(data, defaultAllSubRowsOpen);
-  var hasSubRows = Boolean(canCollapseSubRows && getSubData);
-  var parsedColumns = useMemo(function () {
-    return getParsedColumns({
-      accessibility: accessibility,
-      hasSubRows: hasSubRows,
-      columns: columns,
-      hiddenColumnIds: hiddenColumnIds,
-      draggable: draggable
-    });
-  }, [columns, hasSubRows, hiddenColumnIds, draggable]);
-  var hasFooterColumns = parsedColumns.map(Object.keys).some(function (keys) {
-    return keys.some(function (key) {
-      return key === 'footer';
-    });
-  });
-
-  var _useColumnWidths = useColumnWidths({
-    columns: parsedColumns,
-    data: data,
-    loading: loading,
-    bodyRef: bodyRef
-  }),
-      columnWidths = _useColumnWidths.columnWidths,
-      getColumnRef = _useColumnWidths.getColumnRef;
-
-  var columnSort = useColumnSort({
-    defaultSort: defaultSort,
-    onColumnSort: onColumnSort
-  });
-  var shadowsToRender = useScrollShadows(bodyRef);
-  var bodyRowsProps = {
-    columns: parsedColumns,
-    collapsibleRows: collapsibleRows,
-    columnWidths: columnWidths,
-    data: data,
-    draggable: draggable,
-    getColumnRef: getColumnRef,
-    getRowId: getRowId,
-    getRowLink: getRowLink,
-    getSubData: getSubData,
-    getVariant: getVariant,
-    keyboardShortcuts: keyboardShortcuts,
-    onRowClick: onRowClick
-  };
-  var bodyToRender;
-
-  if (hasFooterColumns) {
-    scrollRefs.push(footerRef);
-  }
-
-  useScrollSync.apply(void 0, scrollRefs);
-  useImperativeHandle(dataTableRef, function () {
-    return collapsibleRows;
-  });
-
-  if (typeof innerBodyRef === 'function') {
-    innerBodyRef(bodyRef);
-  }
-
-  if (hasParentDragDrop || draggable) {
-    bodyToRender = /*#__PURE__*/React.createElement(DragDrop.Provider, {
-      onDragEnd: function onDragEnd(_ref) {
-        var source = _ref.source,
-            destination = _ref.destination;
-
-        if (onRowSort && destination) {
-          onRowSort(reorderArray({
-            list: data,
-            startIndex: source.index,
-            endIndex: destination.index
-          }));
-        }
-      }
-    }, /*#__PURE__*/React.createElement(DragDrop.Droppable, {
-      droppableId: droppableId === undefined ? tableId : droppableId,
-      sourceOnly: sourceOnly,
-      onDragStart: onDragStart,
-      onDragEnd: onDragEnd,
-      onDrop: onDrop
-    }, function (provided) {
-      return /*#__PURE__*/React.createElement("div", _extends({
-        className: css(getVariant('body')),
-        "data-dnd-ignore-scrollable": true,
-        ref: function ref(_ref2) {
-          bodyRef.current = _ref2;
-          provided.innerRef(_ref2);
-        },
-        role: "rowgroup"
-      }, provided.droppableProps), /*#__PURE__*/React.createElement(BodyRows, bodyRowsProps), provided.placeholder);
-    }));
-  } else {
-    bodyToRender = /*#__PURE__*/React.createElement("div", {
-      ref: bodyRef,
-      role: "rowgroup",
-      className: css(getVariant('body'))
-    }, /*#__PURE__*/React.createElement(BodyRows, bodyRowsProps));
-  }
-
-  return /*#__PURE__*/React.createElement(Fragment, null, isLoadingOrEmpty && /*#__PURE__*/React.createElement(StackView, {
-    grow: 1,
-    alignment: "center",
-    distribution: "center",
-    minHeight: "100%",
-    paddingVertical: 8
-  }, loading ? /*#__PURE__*/React.createElement(Summary, {
-    image: _ref3,
-    title: loadingTitle
-  }) : empty), /*#__PURE__*/React.createElement(CollapsibleRowsContext.Provider, {
-    value: collapsibleRows
-  }, /*#__PURE__*/React.createElement("div", {
-    role: getRowLink ? undefined : 'grid',
-    style: isLoadingOrEmpty ? {
-      display: 'none'
-    } : undefined,
-    className: "tapestry-react-reset " + css({
-      position: 'relative'
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: headerRef,
-    role: "rowgroup",
-    className: css(getVariant('header'))
-  }, /*#__PURE__*/React.createElement("div", {
-    role: "row",
-    className: css(getVariant('headerRow'))
-  }, parsedColumns.map(function (column, columnIndex) {
-    var cellVariantClassName = getVariant('headerCell', {
-      columnIndex: columnIndex,
-      isSortable: column.sortable
-    });
-    return /*#__PURE__*/React.createElement(HeaderCell, {
-      key: columnIndex,
-      cellRef: getColumnRef(columnIndex + ".0"),
-      column: column,
-      columnIndex: columnIndex,
-      columnSort: columnSort,
-      className: "tapestry-react-reset " + css([].concat(cellVariantClassName, [column.css]))
-    });
-  }))), bodyToRender, hasFooterColumns && /*#__PURE__*/React.createElement("div", {
-    ref: footerRef,
-    role: "rowgroup",
-    className: css(getVariant('footer'))
-  }, /*#__PURE__*/React.createElement("div", {
-    role: "row",
-    className: css(getVariant('footerRow'))
-  }, parsedColumns.map(function (column, columnIndex) {
-    var cellVariantClassName = getVariant('footerCell', {
-      columnIndex: columnIndex,
-      isSortable: column.sortable
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      key: columnIndex,
-      role: "cell",
-      ref: getColumnRef(columnIndex + "." + (data.length + 1)),
-      className: "tapestry-react-reset " + css([].concat(cellVariantClassName, [column.css]))
-    }, typeof column.footer === 'string' || /*#__PURE__*/React.isValidElement(column.footer) ? column.footer : column.footer ? /*#__PURE__*/React.createElement(column.footer, {
-      columnIndex: columnIndex
-    }) : null);
-  }))), shadowsToRender, /*#__PURE__*/React.createElement(Pagination, {
-    currentPage: currentPage,
-    totalPages: totalPages,
-    onPageChange: onPageChange,
-    position: "sticky",
-    bottom: 0,
-    zIndex: 35,
-    marginTop: "-1px",
-    backgroundColor: "white",
-    borderTopWidth: 1,
-    borderTopColor: "grey-3",
-    className: css({
-      '@media print': {
-        position: 'relative'
-      }
-    })
-  }))));
-};
-
-export default DataTable;

package/dist/esm/DataTable/components/BodyRow.js

@@ -1,49 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React from 'react';
-import { useKeyboardShortcuts } from '../../hooks';
-
-function BodyRow(_ref) {
-  var innerRef = _ref.innerRef,
-      placeholder = _ref.placeholder,
-      rowData = _ref.rowData,
-      rowIndex = _ref.rowIndex,
-      style = _ref.style,
-      keyboardShortcuts = _ref.keyboardShortcuts,
-      onRowClick = _ref.onRowClick,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["innerRef", "placeholder", "rowData", "rowIndex", "style", "keyboardShortcuts", "onRowClick"]);
-
-  var Component = restProps.href ? 'a' : 'div';
-
-  var _useKeyboardShortcuts = useKeyboardShortcuts(keyboardShortcuts, {
-    rowData: rowData,
-    rowIndex: rowIndex
-  }),
-      bindKeyboardShortcuts = _useKeyboardShortcuts.bindKeyboardShortcuts,
-      unbindKeyboardShortcuts = _useKeyboardShortcuts.unbindKeyboardShortcuts;
-
-  var props = _objectSpread({
-    ref: innerRef,
-    onClick: function onClick(event) {
-      return onRowClick && onRowClick(rowData, rowIndex, event);
-    },
-    onMouseEnter: bindKeyboardShortcuts,
-    onMouseLeave: unbindKeyboardShortcuts,
-    style: _objectSpread({
-      opacity: placeholder ? 0.65 : undefined
-    }, style)
-  }, restProps);
-
-  if (!restProps.href) {
-    props.role = 'row';
-  }
-
-  return /*#__PURE__*/React.createElement(Component, props);
-}
-
-export default BodyRow;

package/dist/esm/DataTable/components/BodyRows.js

@@ -1,114 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React, { Fragment } from 'react';
-import { useCss } from '../../system';
-import DragDrop from '../../DragDrop';
-import { getCell, getRowLinkProps } from '../utils';
-import BodyRow from './BodyRow';
-import BodySubRows from './BodySubRows';
-
-function BodyRows(_ref) {
-  var columns = _ref.columns,
-      columnWidths = _ref.columnWidths,
-      data = _ref.data,
-      draggable = _ref.draggable,
-      getColumnRef = _ref.getColumnRef,
-      getRowId = _ref.getRowId,
-      getRowLink = _ref.getRowLink,
-      getSubData = _ref.getSubData,
-      getVariant = _ref.getVariant,
-      keyboardShortcuts = _ref.keyboardShortcuts,
-      onRowClick = _ref.onRowClick;
-  var css = useCss();
-  return data.map(function (rowData, rowIndex) {
-    var getCells = function getCells(_dragHandleProps) {
-      return columns.map(function (column, columnIndex) {
-        var cellVariantStyles = getVariant('bodyCell', {
-          rowData: rowData,
-          rowIndex: rowIndex,
-          columnIndex: columnIndex,
-          firstRow: rowIndex === 0,
-          lastRow: rowIndex === Math.max(0, data.length - 1),
-          firstCell: columnIndex === 0,
-          lastCell: columnIndex === Math.max(0, columns.length - 1)
-        });
-        return /*#__PURE__*/React.createElement("div", {
-          key: columnIndex,
-          ref: getColumnRef(columnIndex + "." + (rowIndex + 1)) // offset by 1 to account for header row
-          ,
-          role: "cell",
-          className: "tapestry-react-reset " + css([].concat(cellVariantStyles, [column.css]))
-        }, getCell(column.cell, {
-          columnIndex: columnIndex,
-          rowData: rowData,
-          rowIndex: rowIndex,
-          _dragHandleProps: _dragHandleProps
-        }));
-      });
-    };
-
-    var rowId = getRowId(rowData, rowIndex);
-    var rowVariantClassName = getVariant('bodyRow', {
-      rowData: rowData,
-      rowIndex: rowIndex,
-      isLink: Boolean(getRowLink) || Boolean(onRowClick),
-      firstRow: rowIndex === 0,
-      lastRow: rowIndex === Math.max(0, data.length - 1),
-      evenRow: rowIndex % 2 === 0,
-      oddRow: Math.abs(rowIndex % 2) === 1
-    });
-
-    var rowProps = _objectSpread({
-      rowData: rowData,
-      rowIndex: rowIndex,
-      keyboardShortcuts: keyboardShortcuts,
-      onRowClick: onRowClick,
-      className: "tapestry-react-reset " + css(rowVariantClassName)
-    }, getRowLinkProps({
-      getRowLink: getRowLink,
-      data: rowData,
-      isSubRow: false
-    }));
-
-    var subRowData = getSubData ? getSubData(rowData) : null;
-    var subRows = subRowData && /*#__PURE__*/React.createElement(BodySubRows, {
-      columns: columns,
-      data: subRowData,
-      getColumnRef: getColumnRef,
-      getRowLink: getRowLink,
-      getVariant: getVariant,
-      keyboardShortcuts: keyboardShortcuts,
-      columnWidths: columnWidths,
-      parentRowIndex: rowIndex
-    });
-
-    if (draggable) {
-      return /*#__PURE__*/React.createElement(DragDrop.Draggable, {
-        key: rowId,
-        draggableId: rowId.toString(),
-        index: rowIndex,
-        data: rowData,
-        placeholder: function placeholder() {
-          return /*#__PURE__*/React.createElement(BodyRow, _extends({}, rowProps, {
-            placeholder: true
-          }), getCells({}));
-        }
-      }, function (provided) {
-        return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BodyRow, _extends({
-          innerRef: provided.innerRef
-        }, provided.draggableProps, rowProps), getCells(provided.dragHandleProps)), subRows);
-      });
-    } else {
-      return /*#__PURE__*/React.createElement(Fragment, {
-        key: rowId
-      }, /*#__PURE__*/React.createElement(BodyRow, rowProps, getCells()), subRows);
-    }
-  });
-}
-
-export default BodyRows;