@makeen.io/material-ui-kit/distr/molecules/Table/index.js

Makeen UI components kit. Based on material-ui.

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject2() {var data = _taggedTemplateLiteral(["\n  outline: none;\n"]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteral(["\n  height: ", ";\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import Paper from "@material-ui/core/Paper";
import styled from "styled-components";
import Spreadsheet from "./Components/Spreadsheet";
import VirtualizedTable from "./Components/VirtualizedTable";
var PaperWrapper = styled(Paper)(_templateObject(),
function (_ref) {var autoHeight = _ref.autoHeight;return autoHeight ? "100%" : "auto";});

var Component = function Component(_ref2) {var data = _ref2.data,height = _ref2.height,_ref2$autoHeight = _ref2.autoHeight,autoHeight = _ref2$autoHeight === void 0 ? false : _ref2$autoHeight,columns = _ref2.columns,rowHeight = _ref2.rowHeight,checkable = _ref2.checkable,expandable = _ref2.expandable,itemActions = _ref2.itemActions,onCheckAll = _ref2.onCheckAll,_ref2$checkedRows = _ref2.checkedRows,checkedRows = _ref2$checkedRows === void 0 ? [] : _ref2$checkedRows,customItemActions = _ref2.customItemActions,onCheckItem = _ref2.onCheckItem,onToggleCollapsible = _ref2.onToggleCollapsible,isRowCheckable = _ref2.isRowCheckable,isRowExpandable = _ref2.isRowExpandable,checkableColumnWidth = _ref2.checkableColumnWidth,_ref2$checkableColumn = _ref2.checkableColumnPosition,checkableColumnPosition = _ref2$checkableColumn === void 0 ? "left" : _ref2$checkableColumn,_ref2$hideNonCheckabl = _ref2.hideNonCheckables,hideNonCheckables = _ref2$hideNonCheckabl === void 0 ? false : _ref2$hideNonCheckabl,_ref2$hideNonExpandab = _ref2.hideNonExpandable,hideNonExpandable = _ref2$hideNonExpandab === void 0 ? false : _ref2$hideNonExpandab,_ref2$showLoader = _ref2.showLoader,showLoader = _ref2$showLoader === void 0 ? false : _ref2$showLoader,_ref2$reorderable = _ref2.reorderable,reorderable = _ref2$reorderable === void 0 ? false : _ref2$reorderable,_ref2$hideHeader = _ref2.hideHeader,hideHeader = _ref2$hideHeader === void 0 ? false : _ref2$hideHeader,onReorder = _ref2.onReorder,_ref2$reorderHeader = _ref2.reorderHeader,reorderHeader = _ref2$reorderHeader === void 0 ? "Arrange" : _ref2$reorderHeader,sort = _ref2.sort,_ref2$customStyle = _ref2.customStyle,customStyle = _ref2$customStyle === void 0 ? "" : _ref2$customStyle,sortBy = _ref2.sortBy,sortDirection = _ref2.sortDirection,_ref2$multigrid = _ref2.multigrid,multigrid = _ref2$multigrid === void 0 ? false : _ref2$multigrid,onLastRowScrolled = _ref2.onLastRowScrolled;
  var ref = React.useRef(null);var _React$useState =
    React.useState(500),_React$useState2 = _slicedToArray(_React$useState, 2),width = _React$useState2[0],setWidth = _React$useState2[1];
  React.useEffect(function () {
    if (ref) {
      setWidth(ref.current.clientWidth);
    }
  }, [ref]);
  if (multigrid) {
    return /*#__PURE__*/React.createElement(PaperWrapper, { ref: ref, autoHeight: autoHeight }, /*#__PURE__*/
    React.createElement(Spreadsheet, { data: data, width: width, rowHeight: rowHeight, height: height, autoHeight: autoHeight, hideHeader: hideHeader, checkedRows: checkedRows, rowCount: data.length, columns: columns, rowGetter: function rowGetter(_ref3) {var index = _ref3.index;return data[index];}, itemActions: itemActions, customItemActions: customItemActions, checkableColumnWidth: checkableColumnWidth, checkableColumnPosition: checkableColumnPosition, checkable: checkable, expandable: expandable, isRowExpandable: isRowExpandable, onCheckAll: onCheckAll, onCheckItem: onCheckItem, onToggleCollapsible: onToggleCollapsible, isRowCheckable: isRowCheckable, hideNonCheckables: hideNonCheckables, showLoader: showLoader, reorderable: reorderable, onReorder: onReorder, reorderHeader: reorderHeader, sort: sort, sortBy: sortBy, sortDirection: sortDirection, customStyle: customStyle, onLastRowScrolled: onLastRowScrolled }));
  }
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/
  React.createElement(Paper, { ref: ref }, /*#__PURE__*/
  React.createElement(VirtualizedTable, { data: data, width: width, rowHeight: rowHeight, height: height, hideHeader: hideHeader, checkedRows: checkedRows, rowCount: data.length, columns: columns, rowGetter: function rowGetter(_ref4) {var index = _ref4.index;return data[index];}, itemActions: itemActions, customItemActions: customItemActions, checkableColumnWidth: checkableColumnWidth, checkable: checkable, expandable: expandable, onCheckAll: onCheckAll, onCheckItem: onCheckItem, onToggleCollapsible: onToggleCollapsible, isRowCheckable: isRowCheckable, isRowExpandable: isRowExpandable, hideNonCheckables: hideNonCheckables, hideNonExpandable: hideNonExpandable, showLoader: showLoader, reorderable: reorderable, onReorder: onReorder, reorderHeader: reorderHeader, sort: sort, sortBy: sortBy, sortDirection: sortDirection, customStyle: customStyle, onLastRowScrolled: onLastRowScrolled })));
};
var ExplorerTable = styled(Component)(_templateObject2());


export default ExplorerTable;
//# sourceMappingURL=index.js.map