Function AllProps

data-browser/src/components/AllProps.tsx:24–52

Lists all PropVals for some resource. Optionally ignores a bunch of subjects

({
  resource,
  except = [],
  editable,
  columns,
}: Props)

/** Lists all PropVals for some resource. Optionally ignores a bunch of subjects */
function AllProps({
  resource,
  except = [],
  editable,
  columns,
}: Props): JSX.Element {
  return (
    <AllPropsWrapper>
      {[...resource.getPropVals()].map(
        // This is a place where you might want to use the _val, because of performance. However, we currently don't, because of the form renderer.
        // eslint-disable-next-line @typescript-eslint/no-unused-vars
        ([prop, _val]): JSX.Element => {
          if (except.includes(prop)) {
            return null;
          }
          return (
            <PropVal
              columns={columns}
              key={prop}
              propertyURL={prop}
              resource={resource}
              editable={editable}
            />
          );
        },
      )}
    </AllPropsWrapper>
  );
}

export default AllProps;