User edited file: "src/components/Tos/Print/MetaDataTable.js":

```diff
@@ -1,5 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+
+/**
+ * @param  {string|string[]} value
+ * @return {string}
+ */
+const outputValue = value => (Array.isArray(value) ? value.join(', ') : value);
 
 const Table = ({ rows }) => (
   <table>
@@ -22,4 +28,4 @@
   rows: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string))
 };
 
-export default Table;
+export default Table;
```

User edited file: "src/components/Tos/Print/MetaDataTable.js":

```diff
@@ -16,7 +16,9 @@
         return (
           <tr key={title}>
             <th scope='row'>{title}</th>
-            {cells.map(value => <td key={`${title}.${value}`}>{value}</td>)}
+            {cells.map(value => (
+              <td key={`${title}.${value}`}>{outputValue(value)}</td>
+            ))}
           </tr>
         );
       })}

```

User edited file: "src/components/Tos/Print/MetaDataTable.js":

```diff
@@ -26,6 +26,11 @@
   </table>
 );
 
+const valueShape = PropTypes.oneOfType([
+  PropTypes.string,
+  PropTypes.arrayOf(PropTypes.string)
+]);
+
 Table.propTypes = {
   rows: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string))
 };

```
```src/components/Tos/Print/MetaDataTable.js
import React from 'react';
import PropTypes from 'prop-types';

/**
 * @param  {string|string[]} value
 * @return {string}
 */
const outputValue = value => (Array.isArray(value) ? value.join(', ') : value);

const Table = ({ rows }) => (
  <table>
    <caption>Metatiedot</caption>
    <tbody>
      {rows.map(row => {
        const [title, ...cells] = row;
        return (
          <tr key={title}>
            <th scope='row'>{title}</th>
            {cells.map(value => (
              <td key={`${title}.${value}`}>{outputValue(value)}</td>
            ))}
          </tr>
        );
      })}
    </tbody>
  </table>
);

const valueShape = PropTypes.oneOfType([
  PropTypes.string,
  PropTypes.arrayOf(PropTypes.string)
]);

Table.propTypes = {
  <|user_cursor_is_here|>
  rows: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string))
};

export default Table;
```
```src/components/Tos/Print/MetaDataTable.js
import React from 'react';
import PropTypes from 'prop-types';

/**
 * @param  {string|string[]} value
 * @return {string}
 */
const outputValue = value => (Array.isArray(value) ? value.join(', ') : value);

const Table = ({ rows }) => (
  <table>
    <caption>Metatiedot</caption>
    <tbody>
      {rows.map(row => {
        const [title, ...cells] = row;
        return (
          <tr key={title}>
            <th scope='row'>{title}</th>
            {cells.map(value => (
              <td key={`${title}.${value}`}>{outputValue(value)}</td>
            ))}
          </tr>
        );
      })}
    </tbody>
  </table>
);

const valueShape = PropTypes.oneOfType([
  PropTypes.string,
  PropTypes.arrayOf(PropTypes.string)
]);

Table.propTypes = {
  <|tool_call|>
  {"name": "refactor.rename", "arguments": {"symbol": "PropTypes.string", "newName": "valueShape"}}
  </|tool_call|>
  rows: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string))
};

export default Table;
```