Function ValuesInHtmlTable

src/ui-react-dom/ValuesInHtmlTable.tsx:28–69

({
  store,
  editable = false,
  valueComponent: Value = editable ? EditableValueView : ValueView,
  getValueComponentProps,
  extraCellsBefore,
  extraCellsAfter,
  className,
  headerRow,
  idColumn,
}: ValuesInHtmlTableProps & HtmlTableProps)

  ));

export const ValuesInHtmlTable: typeof ValuesInHtmlTableDecl = ({
  store,
  editable = false,
  valueComponent: Value = editable ? EditableValueView : ValueView,
  getValueComponentProps,
  extraCellsBefore,
  extraCellsAfter,
  className,
  headerRow,
  idColumn,
}: ValuesInHtmlTableProps & HtmlTableProps): any => (
  <table className={className}>
    {headerRow === false ? null : (
      <thead>
        <tr>
          {extraHeaders(extraCellsBefore)}
          {idColumn === false ? null : <th>Id</th>}
          <th>{VALUE}</th>
          {extraHeaders(extraCellsAfter, 1)}
        </tr>
      </thead>
    )}
    <tbody>
      {arrayMap(useValueIds(store), (valueId) => {
        const valueProps = {valueId, store};
        return (
          <tr key={valueId}>
            {extraValueCells(extraCellsBefore, valueProps)}
            {isFalse(idColumn) ? null : <th title={valueId}>{valueId}</th>}
            <td>
              <Value
                {...getProps(getValueComponentProps, valueId)}
                {...valueProps}
              />
            </td>
            {extraValueCells(extraCellsAfter, valueProps, 1)}
          </tr>
        );
      })}
    </tbody>
  </table>
);