芝麻web文件管理V1.00

编辑当前文件:/home/freeclou/app.optimyar.com/backend/node_modules/@buffetjs/core/src/components/Table/index.js

/**
 *
 * Table
 *
 */

import React from 'react';
import PropTypes from 'prop-types';

import {
  LoadingIndicator,
  Table as StyledTable,
  TableRowEmpty,
} from '@buffetjs/styles';
import TableHeader from '../TableHeader';
import TableRow from '../TableRow';
import ActionCollapse from './ActionCollapse';

function Table({
  bulkActionProps,
  className,
  customRow,
  headers,
  isLoading,
  onChangeSort,
  onClickRow,
  onSelect,
  onSelectAll,
  rows,
  rowLinks,
  showActionCollapse,
  sortBy,
  sortOrder,
  tableEmptyText,
  withBulkAction,
}) {
  let colSpan = withBulkAction ? headers.length + 1 : headers.length;

if (rowLinks.length > 0) {
    colSpan += 1;
  }

const areAllEntriesSelected =
    rows.length > 0 && rows.some(row => row._isChecked === true);
  const shouldDisplayEmptyRow = rows.length === 0 && !isLoading;

return (
    <StyledTable className={className}>
      <table className="">
        <TableHeader
          headers={headers}
          onChangeSort={onChangeSort}
          onSelectAll={onSelectAll}
          rows={rows}
          shouldAddCell={rowLinks.length > 0}
          sortBy={sortBy}
          sortOrder={sortOrder}
          withBulkAction={withBulkAction}
        />
        <tbody>
          {withBulkAction && areAllEntriesSelected && showActionCollapse && (
            <ActionCollapse
              colSpan={colSpan}
              numberOfSelectedEntries={
                rows.filter(row => row._isChecked === true).length
              }
              {...bulkActionProps}
            />
          )}
          {isLoading && (
            <TableRowEmpty isLoading>
              <td colSpan={colSpan}>
                <LoadingIndicator />
              </td>
            </TableRowEmpty>
          )}
          {shouldDisplayEmptyRow && (
            <TableRowEmpty>
              <td colSpan={colSpan}>{tableEmptyText}</td>
            </TableRowEmpty>
          )}
          {!shouldDisplayEmptyRow &&
            rows.map((row, index) => {
              const key = row.id || `key${index}`;

if (customRow) {
                const Row = customRow;

return (
                  <React.Fragment key={JSON.stringify(row)}>
                    <Row row={row} headers={headers} onSelect={onSelect} />
                  </React.Fragment>
                );
              }

return (
                <TableRow
                  key={key}
                  headers={headers}
                  onClick={onClickRow}
                  onSelect={() => {
                    onSelect(row, index);
                  }}
                  row={row}
                  rowLinks={rowLinks}
                  withBulkAction={withBulkAction}
                />
              );
            })}
        </tbody>
      </table>
    </StyledTable>
  );
}

Table.defaultProps = {
  bulkActionProps: {
    icon: 'trash',
    onConfirm: () => {},
    translatedNumberOfEntry: 'entry',
    translatedNumberOfEntries: 'entries',
    translatedAction: 'Delete all',
  },
  className: null,
  customRow: null,
  headers: [],
  isLoading: false,
  onChangeSort: () => {},
  onClickRow: () => {},
  onSelect: () => {},
  onSelectAll: () => {},
  rows: [],
  rowLinks: [],
  showActionCollapse: false,
  sortBy: null,
  sortOrder: 'asc',
  tableEmptyText: 'There is no data',
  withBulkAction: false,
};

Table.propTypes = {
  bulkActionProps: PropTypes.shape({
    icon: PropTypes.string,
    onConfirm: PropTypes.func,
    translatedAction: PropTypes.string,
    translatedNumberOfEntries: PropTypes.string,
    translatedNumberOfEntry: PropTypes.string,
  }),
  className: PropTypes.string,
  customRow: PropTypes.func,
  headers: PropTypes.arrayOf(
    PropTypes.shape({
      isSortEnabled: PropTypes.bool,
      name: PropTypes.string,
      value: PropTypes.string,
    })
  ),
  isLoading: PropTypes.bool,
  onChangeSort: PropTypes.func,
  onClickRow: PropTypes.func,
  onSelect: PropTypes.func,
  onSelectAll: PropTypes.func,
  rowLinks: PropTypes.instanceOf(Array),
  rows: PropTypes.instanceOf(Array),
  showActionCollapse: PropTypes.bool,
  sortBy: PropTypes.string,
  sortOrder: PropTypes.string,
  tableEmptyText: PropTypes.string,
  withBulkAction: PropTypes.bool,
};

export default Table;