Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/node_modules/@buffetjs/core/src/components/TableRow/   drwxr-xr-x
Free 13.08 GB of 57.97 GB (22.57%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (2.65 KB)      -rw-r--r--

/**
 *
 * TableRow
 *
 */

import React from 'react';
import PropTypes from 'prop-types';
import { isFunction, isObject } from 'lodash';
import { Checkbox, Links as StyledLinks } from '@buffetjs/styles';
import Icon from '../Icon';

function TableRow({
  headers,
  onClick,
  onSelect,
  row,
  rowLinks,
  withBulkAction,
}) {
  // const displayedCells = headers.map(header => ({ key: header.value, );

  return (
    <tr
      onClick={e => {
        e.preventDefault();
        e.stopPropagation();
        onClick(e, row);
      }}
    >
      {withBulkAction && (
        <td>
          <Checkbox
            onClick={e => {
              e.stopPropagation();
            }}
            onChange={onSelect}
            checked={row._isChecked}
          />
        </td>
      )}
      {headers.map(({ value: cellName, cellFormatter, cellAdapter }) => {
        let displayedValue = !isObject(row[cellName]) ? row[cellName] : '-';

        if (isFunction(cellFormatter)) {
          displayedValue = cellFormatter(row[cellName], row);
        }

        let displayedContent = <p>{displayedValue || '-'}</p>;

        if (isFunction(cellAdapter)) {
          displayedContent = cellAdapter(row);
        }

        return (
          <td key={cellName} className={`${cellName}-cell`}>
            {displayedContent}
          </td>
        );
      })}
      {rowLinks.length > 0 && (
        <td>
          <div style={{ width: 'fit-content', float: 'right' }}>
            <StyledLinks>
              {rowLinks.map((icon, index) => (
                <button
                  // eslint-disable-next-line react/no-array-index-key
                  key={index + icon}
                  onClick={e => {
                    e.preventDefault();
                    e.stopPropagation();
                    icon.onClick(row);
                  }}
                  type="button"
                >
                  <Icon className="link-icon" icon={icon.icon} />
                </button>
              ))}
            </StyledLinks>
          </div>
        </td>
      )}
    </tr>
  );
}

TableRow.defaultProps = {
  headers: [],
  onClick: () => {},
  onSelect: () => {},
  row: {},
  rowLinks: [],
  withBulkAction: false,
};

TableRow.propTypes = {
  headers: PropTypes.arrayOf(
    PropTypes.shape({
      isSortEnabled: PropTypes.bool,
      name: PropTypes.string,
      value: PropTypes.string,
    })
  ),
  onClick: PropTypes.func,
  onSelect: PropTypes.func,
  // eslint-disable-next-line react/forbid-prop-types
  row: PropTypes.object,
  rowLinks: PropTypes.arrayOf(
    PropTypes.shape({
      icon: PropTypes.node,
    })
  ),
  withBulkAction: PropTypes.bool,
};

export default TableRow;