components.render.RenderObjectTable.js Maven / Gradle / Ivy

import {
  Table,
  TableRow,
  Paper,
  TableBody,
  TableCell,
  TableContainer
} from "@mui/material"
import { basedOnEntries } from "components/form/utils/form-utils"
import RenderTableCell from "components/render/RenderTableCell"
import { RenderValue } from "components/render"
import RenderContextProvider from "contexts/RenderContext"
import { useGearsTranslation } from "hooks/translation"
import { useRenderContext } from "hooks/render"
import { useFormInfo } from "hooks/form"

const RenderObjectTableRows = ({object}) => {
  const { translator } = useGearsTranslation()
  const formInfo       = useFormInfo()
  const processKey     = formInfo?.processDefinition?.key

  const toLabel = (key) =>
    translator.toLabel(processKey, key, key)

  return basedOnEntries(object).map(([key, value], index) => {
    const label = toLabel(key)
    return (
      
        
          
           {`${label}:`}
          
        
        
      
    )
  })
}

const RenderObjectTable = ({object}) => {
  const {parent} = useRenderContext()
  const props    = parent == "table" ? {} : {component: Paper}

  return (
    
      
          
            
          
        
        
      
    
  )
}

export default RenderObjectTable