diff --git a/src/lib/index.js b/src/lib/index.js
index 0878562c3..aa4abe598 100644
--- a/src/lib/index.js
+++ b/src/lib/index.js
@@ -51,3 +51,4 @@ export { SectionInstallation } from '@pages/frontsite/Home/Sections/SectionInsta
 export { PaymentInformation } from '@components/backoffice/PaymentInformation';
 export { OrderLine } from '@pages/backoffice/Acquisition/Order/OrderDetails/OrderLines';
 export { formatPrice } from '@api/utils';
+export { DocumentItems } from '@pages/backoffice/Document/DocumentDetails/DocumentItems';
diff --git a/src/lib/pages/backoffice/Document/DocumentDetails/DocumentItems/DocumentItems.js b/src/lib/pages/backoffice/Document/DocumentDetails/DocumentItems/DocumentItems.js
index b9a9ccde5..f9cd559df 100644
--- a/src/lib/pages/backoffice/Document/DocumentDetails/DocumentItems/DocumentItems.js
+++ b/src/lib/pages/backoffice/Document/DocumentDetails/DocumentItems/DocumentItems.js
@@ -8,8 +8,9 @@ import { itemApi } from '@api/items';
 import { BackOfficeRoutes } from '@routes/urls';
 import { SeeAllButton } from '@components/backoffice/buttons/SeeAllButton';
 import _get from 'lodash/get';
+import Overridable from 'react-overridable';
 
-export default class DocumentItems extends Component {
+class DocumentItems extends Component {
   componentDidMount() {
     const { fetchDocumentItems, documentDetails } = this.props;
     fetchDocumentItems(documentDetails.pid);
@@ -39,9 +40,8 @@ export default class DocumentItems extends Component {
     return `${row.metadata.internal_location.name} (${row.metadata.internal_location.location.name})`;
   };
 
-  renderTable(data) {
-    const { showMaxItems } = this.props;
-    const columns = [
+  getColumnFormat = () => {
+    return [
       {
         title: 'Barcode',
         field: 'metadata.barcode',
@@ -75,6 +75,12 @@ export default class DocumentItems extends Component {
         },
       },
     ];
+  };
+
+  renderTable(data) {
+    const { showMaxItems, columnFormat } = this.props;
+    const columns =
+      columnFormat !== null ? columnFormat() : this.getColumnFormat();
     return (
       <ResultsTable
         data={data.hits}
@@ -104,10 +110,17 @@ DocumentItems.propTypes = {
   showMaxItems: PropTypes.number,
   isLoading: PropTypes.bool,
   error: PropTypes.object,
+  columnFormat: PropTypes.func,
 };
 
 DocumentItems.defaultProps = {
   showMaxItems: 5,
   isLoading: false,
   error: null,
+  columnFormat: null,
 };
+
+export default Overridable.component(
+  'DocumentDetails.DocumentItems',
+  DocumentItems
+);
diff --git a/src/lib/pages/backoffice/Document/DocumentDetails/DocumentItems/__snapshots__/DocumentItems.test.js.snap b/src/lib/pages/backoffice/Document/DocumentDetails/DocumentItems/__snapshots__/DocumentItems.test.js.snap
index d66dc3925..928aec8e2 100644
--- a/src/lib/pages/backoffice/Document/DocumentDetails/DocumentItems/__snapshots__/DocumentItems.test.js.snap
+++ b/src/lib/pages/backoffice/Document/DocumentDetails/DocumentItems/__snapshots__/DocumentItems.test.js.snap
@@ -1,79 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DocumentItems tests should load the DocumentItems component 1`] = `
-<Overridable(Loader)
+<DocumentItems
+  columnFormat={null}
+  documentDetails={
+    Object {
+      "metadata": Object {
+        "pid": 111,
+      },
+      "pid": 111,
+    }
+  }
+  documentItems={
+    Object {
+      "hits": Array [],
+      "total": 0,
+    }
+  }
+  error={null}
+  fetchDocumentItems={[Function]}
   isLoading={false}
->
-  <Error
-    FallbackComponent={[Function]}
-    boundary={false}
-    error={null}
-    onUIError={null}
-  >
-    <ResultsTable
-      columns={
-        Array [
-          Object {
-            "field": "metadata.barcode",
-            "formatter": [Function],
-            "title": "Barcode",
-          },
-          Object {
-            "field": "metadata.status",
-            "title": "Status",
-          },
-          Object {
-            "field": "metadata.medium",
-            "title": "Medium",
-          },
-          Object {
-            "field": "metadata.internal_location.name",
-            "formatter": [Function],
-            "title": "Location",
-          },
-          Object {
-            "field": "metadata.shelf",
-            "title": "Shelf",
-          },
-          Object {
-            "field": "metadata.circulation_restriction",
-            "title": "Restrictions",
-          },
-          Object {
-            "field": "metadata.circulation.state",
-            "formatter": [Function],
-            "title": "Loan Status",
-          },
-        ]
-      }
-      currentPage={1}
-      data={Array []}
-      fixed={false}
-      headerActionComponent={null}
-      name="attached items"
-      paginationComponent={null}
-      renderEmptyResultsElement={null}
-      seeAllComponent={
-        <SeeAllButton
-          disabled={false}
-          fluid={false}
-          to="/backoffice/items?q=document_pid:111"
-        />
-      }
-      showAllResults={false}
-      showFooterSummary={true}
-      showMaxRows={5}
-      singleLine={true}
-      subtitle=""
-      title=""
-      totalHitsCount={0}
-    />
-  </Error>
-</Overridable(Loader)>
+  showMaxItems={5}
+/>
 `;
 
 exports[`DocumentItems tests should render item 1`] = `
-<DocumentItems
+<Overridable(DocumentItems)
   documentDetails={
     Object {
       "metadata": Object {
@@ -133,660 +85,724 @@ exports[`DocumentItems tests should render item 1`] = `
       "total": 2,
     }
   }
-  error={null}
   fetchDocumentItems={[Function]}
-  isLoading={false}
-  showMaxItems={5}
 >
-  <Overridable(Loader)
+  <DocumentItems
+    columnFormat={null}
+    documentDetails={
+      Object {
+        "metadata": Object {
+          "pid": 111,
+        },
+        "pid": 111,
+      }
+    }
+    documentItems={
+      Object {
+        "hits": Array [
+          Object {
+            "ID": "1",
+            "metadata": Object {
+              "barcode": "123456789-1",
+              "circulation_restriction": "NO_RESTRICTION",
+              "document": Object {
+                "title": "Document 1 title",
+              },
+              "document_pid": "docid-1",
+              "internal_location": Object {
+                "location": Object {
+                  "name": "Somewhere",
+                },
+              },
+              "internal_location_pid": "ilocid-1",
+              "medium": "NOT_SPECIFIED",
+              "pid": "itemid-1",
+              "shelf": "Shelf 1",
+              "status": "MISSING",
+            },
+            "pid": "item1",
+          },
+          Object {
+            "id": "2",
+            "metadata": Object {
+              "barcode": "123456789-2",
+              "circulation_restriction": "ONE_WEEK",
+              "document": Object {
+                "title": "Document 2 title",
+              },
+              "document_pid": "docid-1",
+              "internal_location": Object {
+                "location": Object {
+                  "name": "Somewhere Else",
+                },
+              },
+              "internal_location_pid": "ilocid-2",
+              "medium": "NOT_SPECIFIED",
+              "pid": "itemid-2",
+              "shelf": "Shelf 2",
+              "status": "CAN_CIRCULATE",
+            },
+            "pid": "item2",
+          },
+        ],
+        "total": 2,
+      }
+    }
+    error={null}
+    fetchDocumentItems={[Function]}
     isLoading={false}
+    showMaxItems={5}
   >
-    <Loader
+    <Overridable(Loader)
       isLoading={false}
     >
-      <Overridable
-        id="Loader.layout"
+      <Loader
         isLoading={false}
       >
-        <Error
-          FallbackComponent={[Function]}
-          boundary={false}
-          error={null}
-          onUIError={null}
+        <Overridable
+          id="Loader.layout"
+          isLoading={false}
         >
-          <ResultsTable
-            columns={
-              Array [
-                Object {
-                  "field": "metadata.barcode",
-                  "formatter": [Function],
-                  "title": "Barcode",
-                },
-                Object {
-                  "field": "metadata.status",
-                  "title": "Status",
-                },
-                Object {
-                  "field": "metadata.medium",
-                  "title": "Medium",
-                },
-                Object {
-                  "field": "metadata.internal_location.name",
-                  "formatter": [Function],
-                  "title": "Location",
-                },
-                Object {
-                  "field": "metadata.shelf",
-                  "title": "Shelf",
-                },
-                Object {
-                  "field": "metadata.circulation_restriction",
-                  "title": "Restrictions",
-                },
-                Object {
-                  "field": "metadata.circulation.state",
-                  "formatter": [Function],
-                  "title": "Loan Status",
-                },
-              ]
-            }
-            currentPage={1}
-            data={
-              Array [
-                Object {
-                  "ID": "1",
-                  "metadata": Object {
-                    "barcode": "123456789-1",
-                    "circulation_restriction": "NO_RESTRICTION",
-                    "document": Object {
-                      "title": "Document 1 title",
-                    },
-                    "document_pid": "docid-1",
-                    "internal_location": Object {
-                      "location": Object {
-                        "name": "Somewhere",
+          <Error
+            FallbackComponent={[Function]}
+            boundary={false}
+            error={null}
+            onUIError={null}
+          >
+            <ResultsTable
+              columns={
+                Array [
+                  Object {
+                    "field": "metadata.barcode",
+                    "formatter": [Function],
+                    "title": "Barcode",
+                  },
+                  Object {
+                    "field": "metadata.status",
+                    "title": "Status",
+                  },
+                  Object {
+                    "field": "metadata.medium",
+                    "title": "Medium",
+                  },
+                  Object {
+                    "field": "metadata.internal_location.name",
+                    "formatter": [Function],
+                    "title": "Location",
+                  },
+                  Object {
+                    "field": "metadata.shelf",
+                    "title": "Shelf",
+                  },
+                  Object {
+                    "field": "metadata.circulation_restriction",
+                    "title": "Restrictions",
+                  },
+                  Object {
+                    "field": "metadata.circulation.state",
+                    "formatter": [Function],
+                    "title": "Loan Status",
+                  },
+                ]
+              }
+              currentPage={1}
+              data={
+                Array [
+                  Object {
+                    "ID": "1",
+                    "metadata": Object {
+                      "barcode": "123456789-1",
+                      "circulation_restriction": "NO_RESTRICTION",
+                      "document": Object {
+                        "title": "Document 1 title",
                       },
+                      "document_pid": "docid-1",
+                      "internal_location": Object {
+                        "location": Object {
+                          "name": "Somewhere",
+                        },
+                      },
+                      "internal_location_pid": "ilocid-1",
+                      "medium": "NOT_SPECIFIED",
+                      "pid": "itemid-1",
+                      "shelf": "Shelf 1",
+                      "status": "MISSING",
                     },
-                    "internal_location_pid": "ilocid-1",
-                    "medium": "NOT_SPECIFIED",
-                    "pid": "itemid-1",
-                    "shelf": "Shelf 1",
-                    "status": "MISSING",
+                    "pid": "item1",
                   },
-                  "pid": "item1",
-                },
-                Object {
-                  "id": "2",
-                  "metadata": Object {
-                    "barcode": "123456789-2",
-                    "circulation_restriction": "ONE_WEEK",
-                    "document": Object {
-                      "title": "Document 2 title",
-                    },
-                    "document_pid": "docid-1",
-                    "internal_location": Object {
-                      "location": Object {
-                        "name": "Somewhere Else",
+                  Object {
+                    "id": "2",
+                    "metadata": Object {
+                      "barcode": "123456789-2",
+                      "circulation_restriction": "ONE_WEEK",
+                      "document": Object {
+                        "title": "Document 2 title",
                       },
+                      "document_pid": "docid-1",
+                      "internal_location": Object {
+                        "location": Object {
+                          "name": "Somewhere Else",
+                        },
+                      },
+                      "internal_location_pid": "ilocid-2",
+                      "medium": "NOT_SPECIFIED",
+                      "pid": "itemid-2",
+                      "shelf": "Shelf 2",
+                      "status": "CAN_CIRCULATE",
                     },
-                    "internal_location_pid": "ilocid-2",
-                    "medium": "NOT_SPECIFIED",
-                    "pid": "itemid-2",
-                    "shelf": "Shelf 2",
-                    "status": "CAN_CIRCULATE",
+                    "pid": "item2",
                   },
-                  "pid": "item2",
-                },
-              ]
-            }
-            fixed={false}
-            headerActionComponent={null}
-            name="attached items"
-            paginationComponent={null}
-            renderEmptyResultsElement={null}
-            seeAllComponent={
-              <SeeAllButton
-                disabled={false}
-                fluid={false}
-                to="/backoffice/items?q=document_pid:111"
-              />
-            }
-            showAllResults={false}
-            showFooterSummary={true}
-            showMaxRows={5}
-            singleLine={true}
-            subtitle=""
-            title=""
-            totalHitsCount={2}
-          >
-            <Table
-              as="table"
-              compact={true}
+                ]
+              }
               fixed={false}
+              headerActionComponent={null}
               name="attached items"
-              selectable={true}
+              paginationComponent={null}
+              renderEmptyResultsElement={null}
+              seeAllComponent={
+                <SeeAllButton
+                  disabled={false}
+                  fluid={false}
+                  to="/backoffice/items?q=document_pid:111"
+                />
+              }
+              showAllResults={false}
+              showFooterSummary={true}
+              showMaxRows={5}
               singleLine={true}
-              striped={true}
               subtitle=""
               title=""
-              unstackable={true}
+              totalHitsCount={2}
             >
-              <table
-                className="ui selectable single line striped unstackable compact table"
+              <Table
+                as="table"
+                compact={true}
+                fixed={false}
                 name="attached items"
+                selectable={true}
+                singleLine={true}
+                striped={true}
                 subtitle=""
                 title=""
+                unstackable={true}
               >
-                <ResultsTableHeader
-                  columns={
-                    Array [
-                      Object {
-                        "field": "metadata.barcode",
-                        "formatter": [Function],
-                        "title": "Barcode",
-                      },
-                      Object {
-                        "field": "metadata.status",
-                        "title": "Status",
-                      },
-                      Object {
-                        "field": "metadata.medium",
-                        "title": "Medium",
-                      },
-                      Object {
-                        "field": "metadata.internal_location.name",
-                        "formatter": [Function],
-                        "title": "Location",
-                      },
-                      Object {
-                        "field": "metadata.shelf",
-                        "title": "Shelf",
-                      },
-                      Object {
-                        "field": "metadata.circulation_restriction",
-                        "title": "Restrictions",
-                      },
-                      Object {
-                        "field": "metadata.circulation.state",
-                        "formatter": [Function],
-                        "title": "Loan Status",
-                      },
-                    ]
-                  }
+                <table
+                  className="ui selectable single line striped unstackable compact table"
+                  name="attached items"
+                  subtitle=""
+                  title=""
                 >
-                  <TableHeader
-                    as="thead"
+                  <ResultsTableHeader
+                    columns={
+                      Array [
+                        Object {
+                          "field": "metadata.barcode",
+                          "formatter": [Function],
+                          "title": "Barcode",
+                        },
+                        Object {
+                          "field": "metadata.status",
+                          "title": "Status",
+                        },
+                        Object {
+                          "field": "metadata.medium",
+                          "title": "Medium",
+                        },
+                        Object {
+                          "field": "metadata.internal_location.name",
+                          "formatter": [Function],
+                          "title": "Location",
+                        },
+                        Object {
+                          "field": "metadata.shelf",
+                          "title": "Shelf",
+                        },
+                        Object {
+                          "field": "metadata.circulation_restriction",
+                          "title": "Restrictions",
+                        },
+                        Object {
+                          "field": "metadata.circulation.state",
+                          "formatter": [Function],
+                          "title": "Loan Status",
+                        },
+                      ]
+                    }
                   >
-                    <thead
-                      className=""
+                    <TableHeader
+                      as="thead"
                     >
-                      <TableRow
-                        as="tr"
-                        cellAs="td"
-                        data-test="header"
+                      <thead
+                        className=""
                       >
-                        <tr
-                          className=""
+                        <TableRow
+                          as="tr"
+                          cellAs="td"
                           data-test="header"
                         >
-                          <TableHeaderCell
-                            as="th"
-                            key="Barcode"
+                          <tr
+                            className=""
+                            data-test="header"
                           >
-                            <TableCell
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Barcode"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Barcode
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Status"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Barcode
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Status"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Status
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Medium"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Status
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Medium"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Medium
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Location"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Medium
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Location"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Location
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Shelf"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Location
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Shelf"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Shelf
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Restrictions"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Shelf
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Restrictions"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Restrictions
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Loan Status"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Restrictions
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Loan Status"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Loan Status
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                        </tr>
-                      </TableRow>
-                    </thead>
-                  </TableHeader>
-                </ResultsTableHeader>
-                <ResultsTableBody
-                  columns={
-                    Array [
-                      Object {
-                        "field": "metadata.barcode",
-                        "formatter": [Function],
-                        "title": "Barcode",
-                      },
-                      Object {
-                        "field": "metadata.status",
-                        "title": "Status",
-                      },
-                      Object {
-                        "field": "metadata.medium",
-                        "title": "Medium",
-                      },
-                      Object {
-                        "field": "metadata.internal_location.name",
-                        "formatter": [Function],
-                        "title": "Location",
-                      },
-                      Object {
-                        "field": "metadata.shelf",
-                        "title": "Shelf",
-                      },
-                      Object {
-                        "field": "metadata.circulation_restriction",
-                        "title": "Restrictions",
-                      },
-                      Object {
-                        "field": "metadata.circulation.state",
-                        "formatter": [Function],
-                        "title": "Loan Status",
-                      },
-                    ]
-                  }
-                  rows={
-                    Array [
-                      Object {
-                        "ID": "1",
-                        "metadata": Object {
-                          "barcode": "123456789-1",
-                          "circulation_restriction": "NO_RESTRICTION",
-                          "document": Object {
-                            "title": "Document 1 title",
-                          },
-                          "document_pid": "docid-1",
-                          "internal_location": Object {
-                            "location": Object {
-                              "name": "Somewhere",
+                                <th
+                                  className=""
+                                >
+                                  Loan Status
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                          </tr>
+                        </TableRow>
+                      </thead>
+                    </TableHeader>
+                  </ResultsTableHeader>
+                  <ResultsTableBody
+                    columns={
+                      Array [
+                        Object {
+                          "field": "metadata.barcode",
+                          "formatter": [Function],
+                          "title": "Barcode",
+                        },
+                        Object {
+                          "field": "metadata.status",
+                          "title": "Status",
+                        },
+                        Object {
+                          "field": "metadata.medium",
+                          "title": "Medium",
+                        },
+                        Object {
+                          "field": "metadata.internal_location.name",
+                          "formatter": [Function],
+                          "title": "Location",
+                        },
+                        Object {
+                          "field": "metadata.shelf",
+                          "title": "Shelf",
+                        },
+                        Object {
+                          "field": "metadata.circulation_restriction",
+                          "title": "Restrictions",
+                        },
+                        Object {
+                          "field": "metadata.circulation.state",
+                          "formatter": [Function],
+                          "title": "Loan Status",
+                        },
+                      ]
+                    }
+                    rows={
+                      Array [
+                        Object {
+                          "ID": "1",
+                          "metadata": Object {
+                            "barcode": "123456789-1",
+                            "circulation_restriction": "NO_RESTRICTION",
+                            "document": Object {
+                              "title": "Document 1 title",
                             },
+                            "document_pid": "docid-1",
+                            "internal_location": Object {
+                              "location": Object {
+                                "name": "Somewhere",
+                              },
+                            },
+                            "internal_location_pid": "ilocid-1",
+                            "medium": "NOT_SPECIFIED",
+                            "pid": "itemid-1",
+                            "shelf": "Shelf 1",
+                            "status": "MISSING",
                           },
-                          "internal_location_pid": "ilocid-1",
-                          "medium": "NOT_SPECIFIED",
-                          "pid": "itemid-1",
-                          "shelf": "Shelf 1",
-                          "status": "MISSING",
+                          "pid": "item1",
                         },
-                        "pid": "item1",
-                      },
-                      Object {
-                        "id": "2",
-                        "metadata": Object {
-                          "barcode": "123456789-2",
-                          "circulation_restriction": "ONE_WEEK",
-                          "document": Object {
-                            "title": "Document 2 title",
-                          },
-                          "document_pid": "docid-1",
-                          "internal_location": Object {
-                            "location": Object {
-                              "name": "Somewhere Else",
+                        Object {
+                          "id": "2",
+                          "metadata": Object {
+                            "barcode": "123456789-2",
+                            "circulation_restriction": "ONE_WEEK",
+                            "document": Object {
+                              "title": "Document 2 title",
+                            },
+                            "document_pid": "docid-1",
+                            "internal_location": Object {
+                              "location": Object {
+                                "name": "Somewhere Else",
+                              },
                             },
+                            "internal_location_pid": "ilocid-2",
+                            "medium": "NOT_SPECIFIED",
+                            "pid": "itemid-2",
+                            "shelf": "Shelf 2",
+                            "status": "CAN_CIRCULATE",
                           },
-                          "internal_location_pid": "ilocid-2",
-                          "medium": "NOT_SPECIFIED",
-                          "pid": "itemid-2",
-                          "shelf": "Shelf 2",
-                          "status": "CAN_CIRCULATE",
+                          "pid": "item2",
                         },
-                        "pid": "item2",
-                      },
-                    ]
-                  }
-                >
-                  <TableBody
-                    as="tbody"
+                      ]
+                    }
                   >
-                    <tbody
-                      className=""
+                    <TableBody
+                      as="tbody"
                     >
-                      <TableRow
-                        as="tr"
-                        cellAs="td"
-                        data-test="item1"
-                        key="item1"
+                      <tbody
+                        className=""
                       >
-                        <tr
-                          className=""
+                        <TableRow
+                          as="tr"
+                          cellAs="td"
                           data-test="item1"
+                          key="item1"
                         >
-                          <TableCell
-                            as="td"
-                            data-label="Barcode"
-                            data-test="0-item1"
-                            key="0-item1"
+                          <tr
+                            className=""
+                            data-test="item1"
                           >
-                            <td
-                              className=""
+                            <TableCell
+                              as="td"
                               data-label="Barcode"
                               data-test="0-item1"
+                              key="0-item1"
                             >
-                              <Link
-                                data-test="itemid-1"
-                                to="url/itemid-1"
-                              />
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Status"
-                            data-test="1-item1"
-                            key="1-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Barcode"
+                                data-test="0-item1"
+                              >
+                                <Link
+                                  data-test="itemid-1"
+                                  to="url/itemid-1"
+                                />
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Status"
                               data-test="1-item1"
+                              key="1-item1"
                             >
-                              MISSING
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Medium"
-                            data-test="2-item1"
-                            key="2-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Status"
+                                data-test="1-item1"
+                              >
+                                MISSING
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Medium"
                               data-test="2-item1"
+                              key="2-item1"
                             >
-                              NOT_SPECIFIED
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Location"
-                            data-test="3-item1"
-                            key="3-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Medium"
+                                data-test="2-item1"
+                              >
+                                NOT_SPECIFIED
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Location"
                               data-test="3-item1"
+                              key="3-item1"
                             >
-                              undefined (Somewhere)
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Shelf"
-                            data-test="4-item1"
-                            key="4-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Location"
+                                data-test="3-item1"
+                              >
+                                undefined (Somewhere)
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Shelf"
                               data-test="4-item1"
+                              key="4-item1"
                             >
-                              Shelf 1
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Restrictions"
-                            data-test="5-item1"
-                            key="5-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Shelf"
+                                data-test="4-item1"
+                              >
+                                Shelf 1
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Restrictions"
                               data-test="5-item1"
+                              key="5-item1"
                             >
-                              NO_RESTRICTION
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Loan Status"
-                            data-test="6-item1"
-                            key="6-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Restrictions"
+                                data-test="5-item1"
+                              >
+                                NO_RESTRICTION
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Loan Status"
                               data-test="6-item1"
+                              key="6-item1"
                             >
-                              -
-                            </td>
-                          </TableCell>
-                        </tr>
-                      </TableRow>
-                      <TableRow
-                        as="tr"
-                        cellAs="td"
-                        data-test="item2"
-                        key="item2"
-                      >
-                        <tr
-                          className=""
+                              <td
+                                className=""
+                                data-label="Loan Status"
+                                data-test="6-item1"
+                              >
+                                -
+                              </td>
+                            </TableCell>
+                          </tr>
+                        </TableRow>
+                        <TableRow
+                          as="tr"
+                          cellAs="td"
                           data-test="item2"
+                          key="item2"
                         >
-                          <TableCell
-                            as="td"
-                            data-label="Barcode"
-                            data-test="0-item2"
-                            key="0-item2"
+                          <tr
+                            className=""
+                            data-test="item2"
                           >
-                            <td
-                              className=""
+                            <TableCell
+                              as="td"
                               data-label="Barcode"
                               data-test="0-item2"
+                              key="0-item2"
                             >
-                              <Link
-                                data-test="itemid-2"
-                                to="url/itemid-2"
-                              />
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Status"
-                            data-test="1-item2"
-                            key="1-item2"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Barcode"
+                                data-test="0-item2"
+                              >
+                                <Link
+                                  data-test="itemid-2"
+                                  to="url/itemid-2"
+                                />
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Status"
                               data-test="1-item2"
+                              key="1-item2"
                             >
-                              CAN_CIRCULATE
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Medium"
-                            data-test="2-item2"
-                            key="2-item2"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Status"
+                                data-test="1-item2"
+                              >
+                                CAN_CIRCULATE
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Medium"
                               data-test="2-item2"
+                              key="2-item2"
                             >
-                              NOT_SPECIFIED
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Location"
-                            data-test="3-item2"
-                            key="3-item2"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Medium"
+                                data-test="2-item2"
+                              >
+                                NOT_SPECIFIED
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Location"
                               data-test="3-item2"
+                              key="3-item2"
                             >
-                              undefined (Somewhere Else)
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Shelf"
-                            data-test="4-item2"
-                            key="4-item2"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Location"
+                                data-test="3-item2"
+                              >
+                                undefined (Somewhere Else)
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Shelf"
                               data-test="4-item2"
+                              key="4-item2"
                             >
-                              Shelf 2
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Restrictions"
-                            data-test="5-item2"
-                            key="5-item2"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Shelf"
+                                data-test="4-item2"
+                              >
+                                Shelf 2
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Restrictions"
                               data-test="5-item2"
+                              key="5-item2"
                             >
-                              ONE_WEEK
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Loan Status"
-                            data-test="6-item2"
-                            key="6-item2"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Restrictions"
+                                data-test="5-item2"
+                              >
+                                ONE_WEEK
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Loan Status"
                               data-test="6-item2"
+                              key="6-item2"
                             >
-                              -
-                            </td>
-                          </TableCell>
-                        </tr>
-                      </TableRow>
-                    </tbody>
-                  </TableBody>
-                </ResultsTableBody>
-                <ResultsTableFooter
-                  allRowsNumber={2}
-                  columnsNumber={7}
-                  currentPage={1}
-                  paginationComponent={null}
-                  seeAllComponent={
-                    <SeeAllButton
-                      disabled={false}
-                      fluid={false}
-                      to="/backoffice/items?q=document_pid:111"
-                    />
-                  }
-                  showAllResults={false}
-                  showFooterSummary={true}
-                  showMaxRows={5}
-                />
-              </table>
-            </Table>
-          </ResultsTable>
-        </Error>
-      </Overridable>
-    </Loader>
-  </Overridable(Loader)>
-</DocumentItems>
+                              <td
+                                className=""
+                                data-label="Loan Status"
+                                data-test="6-item2"
+                              >
+                                -
+                              </td>
+                            </TableCell>
+                          </tr>
+                        </TableRow>
+                      </tbody>
+                    </TableBody>
+                  </ResultsTableBody>
+                  <ResultsTableFooter
+                    allRowsNumber={2}
+                    columnsNumber={7}
+                    currentPage={1}
+                    paginationComponent={null}
+                    seeAllComponent={
+                      <SeeAllButton
+                        disabled={false}
+                        fluid={false}
+                        to="/backoffice/items?q=document_pid:111"
+                      />
+                    }
+                    showAllResults={false}
+                    showFooterSummary={true}
+                    showMaxRows={5}
+                  />
+                </table>
+              </Table>
+            </ResultsTable>
+          </Error>
+        </Overridable>
+      </Loader>
+    </Overridable(Loader)>
+  </DocumentItems>
+</Overridable(DocumentItems)>
 `;
 
 exports[`DocumentItems tests should render show a message with no items 1`] = `
-<DocumentItems
+<Overridable(DocumentItems)
   documentDetails={
     Object {
       "metadata": Object {
@@ -801,122 +817,141 @@ exports[`DocumentItems tests should render show a message with no items 1`] = `
       "total": 0,
     }
   }
-  error={null}
   fetchDocumentItems={[Function]}
-  isLoading={false}
-  showMaxItems={5}
 >
-  <Overridable(Loader)
+  <DocumentItems
+    columnFormat={null}
+    documentDetails={
+      Object {
+        "metadata": Object {
+          "pid": 111,
+        },
+        "pid": 111,
+      }
+    }
+    documentItems={
+      Object {
+        "hits": Array [],
+        "total": 0,
+      }
+    }
+    error={null}
+    fetchDocumentItems={[Function]}
     isLoading={false}
+    showMaxItems={5}
   >
-    <Loader
+    <Overridable(Loader)
       isLoading={false}
     >
-      <Overridable
-        id="Loader.layout"
+      <Loader
         isLoading={false}
       >
-        <Error
-          FallbackComponent={[Function]}
-          boundary={false}
-          error={null}
-          onUIError={null}
+        <Overridable
+          id="Loader.layout"
+          isLoading={false}
         >
-          <ResultsTable
-            columns={
-              Array [
-                Object {
-                  "field": "metadata.barcode",
-                  "formatter": [Function],
-                  "title": "Barcode",
-                },
-                Object {
-                  "field": "metadata.status",
-                  "title": "Status",
-                },
-                Object {
-                  "field": "metadata.medium",
-                  "title": "Medium",
-                },
-                Object {
-                  "field": "metadata.internal_location.name",
-                  "formatter": [Function],
-                  "title": "Location",
-                },
-                Object {
-                  "field": "metadata.shelf",
-                  "title": "Shelf",
-                },
-                Object {
-                  "field": "metadata.circulation_restriction",
-                  "title": "Restrictions",
-                },
-                Object {
-                  "field": "metadata.circulation.state",
-                  "formatter": [Function],
-                  "title": "Loan Status",
-                },
-              ]
-            }
-            currentPage={1}
-            data={Array []}
-            fixed={false}
-            headerActionComponent={null}
-            name="attached items"
-            paginationComponent={null}
-            renderEmptyResultsElement={null}
-            seeAllComponent={
-              <SeeAllButton
-                disabled={false}
-                fluid={false}
-                to="/backoffice/items?q=document_pid:111"
-              />
-            }
-            showAllResults={false}
-            showFooterSummary={true}
-            showMaxRows={5}
-            singleLine={true}
-            subtitle=""
-            title=""
-            totalHitsCount={0}
+          <Error
+            FallbackComponent={[Function]}
+            boundary={false}
+            error={null}
+            onUIError={null}
           >
-            <Message
-              data-test="no-results"
-              icon={true}
-              info={true}
+            <ResultsTable
+              columns={
+                Array [
+                  Object {
+                    "field": "metadata.barcode",
+                    "formatter": [Function],
+                    "title": "Barcode",
+                  },
+                  Object {
+                    "field": "metadata.status",
+                    "title": "Status",
+                  },
+                  Object {
+                    "field": "metadata.medium",
+                    "title": "Medium",
+                  },
+                  Object {
+                    "field": "metadata.internal_location.name",
+                    "formatter": [Function],
+                    "title": "Location",
+                  },
+                  Object {
+                    "field": "metadata.shelf",
+                    "title": "Shelf",
+                  },
+                  Object {
+                    "field": "metadata.circulation_restriction",
+                    "title": "Restrictions",
+                  },
+                  Object {
+                    "field": "metadata.circulation.state",
+                    "formatter": [Function],
+                    "title": "Loan Status",
+                  },
+                ]
+              }
+              currentPage={1}
+              data={Array []}
+              fixed={false}
+              headerActionComponent={null}
+              name="attached items"
+              paginationComponent={null}
+              renderEmptyResultsElement={null}
+              seeAllComponent={
+                <SeeAllButton
+                  disabled={false}
+                  fluid={false}
+                  to="/backoffice/items?q=document_pid:111"
+                />
+              }
+              showAllResults={false}
+              showFooterSummary={true}
+              showMaxRows={5}
+              singleLine={true}
+              subtitle=""
+              title=""
+              totalHitsCount={0}
             >
-              <div
-                className="ui icon info message"
+              <Message
                 data-test="no-results"
+                icon={true}
+                info={true}
               >
-                <MessageContent>
-                  <div
-                    className="content"
-                  >
-                    <MessageHeader>
-                      <div
-                        className="header"
-                      >
-                        No results found
-                      </div>
-                    </MessageHeader>
-                    There are no 
-                    attached items
-                    .
-                  </div>
-                </MessageContent>
-              </div>
-            </Message>
-          </ResultsTable>
-        </Error>
-      </Overridable>
-    </Loader>
-  </Overridable(Loader)>
-</DocumentItems>
+                <div
+                  className="ui icon info message"
+                  data-test="no-results"
+                >
+                  <MessageContent>
+                    <div
+                      className="content"
+                    >
+                      <MessageHeader>
+                        <div
+                          className="header"
+                        >
+                          No results found
+                        </div>
+                      </MessageHeader>
+                      There are no 
+                      attached items
+                      .
+                    </div>
+                  </MessageContent>
+                </div>
+              </Message>
+            </ResultsTable>
+          </Error>
+        </Overridable>
+      </Loader>
+    </Overridable(Loader)>
+  </DocumentItems>
+</Overridable(DocumentItems)>
 `;
 
 exports[`DocumentItems tests should render the see all button when showing only a few items 1`] = `
-<DocumentItems
+<Overridable(DocumentItems)
   documentDetails={
     Object {
       "metadata": Object {
@@ -976,997 +1011,1168 @@ exports[`DocumentItems tests should render the see all button when showing only
       "total": 2,
     }
   }
-  error={null}
   fetchDocumentItems={[Function]}
-  isLoading={false}
   showMaxItems={1}
 >
-  <Overridable(Loader)
+  <DocumentItems
+    columnFormat={null}
+    documentDetails={
+      Object {
+        "metadata": Object {
+          "pid": 111,
+        },
+        "pid": 111,
+      }
+    }
+    documentItems={
+      Object {
+        "hits": Array [
+          Object {
+            "ID": "1",
+            "metadata": Object {
+              "barcode": "123456789-1",
+              "circulation_restriction": "NO_RESTRICTION",
+              "document": Object {
+                "title": "Document 1 title",
+              },
+              "document_pid": "docid-1",
+              "internal_location": Object {
+                "location": Object {
+                  "name": "Somewhere",
+                },
+              },
+              "internal_location_pid": "ilocid-1",
+              "medium": "NOT_SPECIFIED",
+              "pid": "itemid-1",
+              "shelf": "Shelf 1",
+              "status": "MISSING",
+            },
+            "pid": "item1",
+          },
+          Object {
+            "id": "2",
+            "metadata": Object {
+              "barcode": "123456789-2",
+              "circulation_restriction": "ONE_WEEK",
+              "document": Object {
+                "title": "Document 2 title",
+              },
+              "document_pid": "docid-1",
+              "internal_location": Object {
+                "location": Object {
+                  "name": "Somewhere Else",
+                },
+              },
+              "internal_location_pid": "ilocid-2",
+              "medium": "NOT_SPECIFIED",
+              "pid": "itemid-2",
+              "shelf": "Shelf 2",
+              "status": "CAN_CIRCULATE",
+            },
+            "pid": "item2",
+          },
+        ],
+        "total": 2,
+      }
+    }
+    error={null}
+    fetchDocumentItems={[Function]}
     isLoading={false}
+    showMaxItems={1}
   >
-    <Loader
+    <Overridable(Loader)
       isLoading={false}
     >
-      <Overridable
-        id="Loader.layout"
+      <Loader
         isLoading={false}
       >
-        <Error
-          FallbackComponent={[Function]}
-          boundary={false}
-          error={null}
-          onUIError={null}
+        <Overridable
+          id="Loader.layout"
+          isLoading={false}
         >
-          <ResultsTable
-            columns={
-              Array [
-                Object {
-                  "field": "metadata.barcode",
-                  "formatter": [Function],
-                  "title": "Barcode",
-                },
-                Object {
-                  "field": "metadata.status",
-                  "title": "Status",
-                },
-                Object {
-                  "field": "metadata.medium",
-                  "title": "Medium",
-                },
-                Object {
-                  "field": "metadata.internal_location.name",
-                  "formatter": [Function],
-                  "title": "Location",
-                },
-                Object {
-                  "field": "metadata.shelf",
-                  "title": "Shelf",
-                },
-                Object {
-                  "field": "metadata.circulation_restriction",
-                  "title": "Restrictions",
-                },
-                Object {
-                  "field": "metadata.circulation.state",
-                  "formatter": [Function],
-                  "title": "Loan Status",
-                },
-              ]
-            }
-            currentPage={1}
-            data={
-              Array [
-                Object {
-                  "ID": "1",
-                  "metadata": Object {
-                    "barcode": "123456789-1",
-                    "circulation_restriction": "NO_RESTRICTION",
-                    "document": Object {
-                      "title": "Document 1 title",
-                    },
-                    "document_pid": "docid-1",
-                    "internal_location": Object {
-                      "location": Object {
-                        "name": "Somewhere",
+          <Error
+            FallbackComponent={[Function]}
+            boundary={false}
+            error={null}
+            onUIError={null}
+          >
+            <ResultsTable
+              columns={
+                Array [
+                  Object {
+                    "field": "metadata.barcode",
+                    "formatter": [Function],
+                    "title": "Barcode",
+                  },
+                  Object {
+                    "field": "metadata.status",
+                    "title": "Status",
+                  },
+                  Object {
+                    "field": "metadata.medium",
+                    "title": "Medium",
+                  },
+                  Object {
+                    "field": "metadata.internal_location.name",
+                    "formatter": [Function],
+                    "title": "Location",
+                  },
+                  Object {
+                    "field": "metadata.shelf",
+                    "title": "Shelf",
+                  },
+                  Object {
+                    "field": "metadata.circulation_restriction",
+                    "title": "Restrictions",
+                  },
+                  Object {
+                    "field": "metadata.circulation.state",
+                    "formatter": [Function],
+                    "title": "Loan Status",
+                  },
+                ]
+              }
+              currentPage={1}
+              data={
+                Array [
+                  Object {
+                    "ID": "1",
+                    "metadata": Object {
+                      "barcode": "123456789-1",
+                      "circulation_restriction": "NO_RESTRICTION",
+                      "document": Object {
+                        "title": "Document 1 title",
                       },
+                      "document_pid": "docid-1",
+                      "internal_location": Object {
+                        "location": Object {
+                          "name": "Somewhere",
+                        },
+                      },
+                      "internal_location_pid": "ilocid-1",
+                      "medium": "NOT_SPECIFIED",
+                      "pid": "itemid-1",
+                      "shelf": "Shelf 1",
+                      "status": "MISSING",
                     },
-                    "internal_location_pid": "ilocid-1",
-                    "medium": "NOT_SPECIFIED",
-                    "pid": "itemid-1",
-                    "shelf": "Shelf 1",
-                    "status": "MISSING",
+                    "pid": "item1",
                   },
-                  "pid": "item1",
-                },
-                Object {
-                  "id": "2",
-                  "metadata": Object {
-                    "barcode": "123456789-2",
-                    "circulation_restriction": "ONE_WEEK",
-                    "document": Object {
-                      "title": "Document 2 title",
-                    },
-                    "document_pid": "docid-1",
-                    "internal_location": Object {
-                      "location": Object {
-                        "name": "Somewhere Else",
+                  Object {
+                    "id": "2",
+                    "metadata": Object {
+                      "barcode": "123456789-2",
+                      "circulation_restriction": "ONE_WEEK",
+                      "document": Object {
+                        "title": "Document 2 title",
                       },
+                      "document_pid": "docid-1",
+                      "internal_location": Object {
+                        "location": Object {
+                          "name": "Somewhere Else",
+                        },
+                      },
+                      "internal_location_pid": "ilocid-2",
+                      "medium": "NOT_SPECIFIED",
+                      "pid": "itemid-2",
+                      "shelf": "Shelf 2",
+                      "status": "CAN_CIRCULATE",
                     },
-                    "internal_location_pid": "ilocid-2",
-                    "medium": "NOT_SPECIFIED",
-                    "pid": "itemid-2",
-                    "shelf": "Shelf 2",
-                    "status": "CAN_CIRCULATE",
+                    "pid": "item2",
                   },
-                  "pid": "item2",
-                },
-              ]
-            }
-            fixed={false}
-            headerActionComponent={null}
-            name="attached items"
-            paginationComponent={null}
-            renderEmptyResultsElement={null}
-            seeAllComponent={
-              <SeeAllButton
-                disabled={false}
-                fluid={false}
-                to="/backoffice/items?q=document_pid:111"
-              />
-            }
-            showAllResults={false}
-            showFooterSummary={true}
-            showMaxRows={1}
-            singleLine={true}
-            subtitle=""
-            title=""
-            totalHitsCount={2}
-          >
-            <Table
-              as="table"
-              compact={true}
+                ]
+              }
               fixed={false}
+              headerActionComponent={null}
               name="attached items"
-              selectable={true}
+              paginationComponent={null}
+              renderEmptyResultsElement={null}
+              seeAllComponent={
+                <SeeAllButton
+                  disabled={false}
+                  fluid={false}
+                  to="/backoffice/items?q=document_pid:111"
+                />
+              }
+              showAllResults={false}
+              showFooterSummary={true}
+              showMaxRows={1}
               singleLine={true}
-              striped={true}
               subtitle=""
               title=""
-              unstackable={true}
+              totalHitsCount={2}
             >
-              <table
-                className="ui selectable single line striped unstackable compact table"
+              <Table
+                as="table"
+                compact={true}
+                fixed={false}
                 name="attached items"
+                selectable={true}
+                singleLine={true}
+                striped={true}
                 subtitle=""
                 title=""
+                unstackable={true}
               >
-                <ResultsTableHeader
-                  columns={
-                    Array [
-                      Object {
-                        "field": "metadata.barcode",
-                        "formatter": [Function],
-                        "title": "Barcode",
-                      },
-                      Object {
-                        "field": "metadata.status",
-                        "title": "Status",
-                      },
-                      Object {
-                        "field": "metadata.medium",
-                        "title": "Medium",
-                      },
-                      Object {
-                        "field": "metadata.internal_location.name",
-                        "formatter": [Function],
-                        "title": "Location",
-                      },
-                      Object {
-                        "field": "metadata.shelf",
-                        "title": "Shelf",
-                      },
-                      Object {
-                        "field": "metadata.circulation_restriction",
-                        "title": "Restrictions",
-                      },
-                      Object {
-                        "field": "metadata.circulation.state",
-                        "formatter": [Function],
-                        "title": "Loan Status",
-                      },
-                    ]
-                  }
+                <table
+                  className="ui selectable single line striped unstackable compact table"
+                  name="attached items"
+                  subtitle=""
+                  title=""
                 >
-                  <TableHeader
-                    as="thead"
+                  <ResultsTableHeader
+                    columns={
+                      Array [
+                        Object {
+                          "field": "metadata.barcode",
+                          "formatter": [Function],
+                          "title": "Barcode",
+                        },
+                        Object {
+                          "field": "metadata.status",
+                          "title": "Status",
+                        },
+                        Object {
+                          "field": "metadata.medium",
+                          "title": "Medium",
+                        },
+                        Object {
+                          "field": "metadata.internal_location.name",
+                          "formatter": [Function],
+                          "title": "Location",
+                        },
+                        Object {
+                          "field": "metadata.shelf",
+                          "title": "Shelf",
+                        },
+                        Object {
+                          "field": "metadata.circulation_restriction",
+                          "title": "Restrictions",
+                        },
+                        Object {
+                          "field": "metadata.circulation.state",
+                          "formatter": [Function],
+                          "title": "Loan Status",
+                        },
+                      ]
+                    }
                   >
-                    <thead
-                      className=""
+                    <TableHeader
+                      as="thead"
                     >
-                      <TableRow
-                        as="tr"
-                        cellAs="td"
-                        data-test="header"
+                      <thead
+                        className=""
                       >
-                        <tr
-                          className=""
+                        <TableRow
+                          as="tr"
+                          cellAs="td"
                           data-test="header"
                         >
-                          <TableHeaderCell
-                            as="th"
-                            key="Barcode"
+                          <tr
+                            className=""
+                            data-test="header"
                           >
-                            <TableCell
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Barcode"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Barcode
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Status"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Barcode
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Status"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Status
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Medium"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Status
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Medium"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Medium
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Location"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Medium
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Location"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Location
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Shelf"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Location
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Shelf"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Shelf
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Restrictions"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Shelf
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Restrictions"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Restrictions
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                          <TableHeaderCell
-                            as="th"
-                            key="Loan Status"
-                          >
-                            <TableCell
+                                <th
+                                  className=""
+                                >
+                                  Restrictions
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                            <TableHeaderCell
                               as="th"
-                              className=""
+                              key="Loan Status"
                             >
-                              <th
+                              <TableCell
+                                as="th"
                                 className=""
                               >
-                                Loan Status
-                              </th>
-                            </TableCell>
-                          </TableHeaderCell>
-                        </tr>
-                      </TableRow>
-                    </thead>
-                  </TableHeader>
-                </ResultsTableHeader>
-                <ResultsTableBody
-                  columns={
-                    Array [
-                      Object {
-                        "field": "metadata.barcode",
-                        "formatter": [Function],
-                        "title": "Barcode",
-                      },
-                      Object {
-                        "field": "metadata.status",
-                        "title": "Status",
-                      },
-                      Object {
-                        "field": "metadata.medium",
-                        "title": "Medium",
-                      },
-                      Object {
-                        "field": "metadata.internal_location.name",
-                        "formatter": [Function],
-                        "title": "Location",
-                      },
-                      Object {
-                        "field": "metadata.shelf",
-                        "title": "Shelf",
-                      },
-                      Object {
-                        "field": "metadata.circulation_restriction",
-                        "title": "Restrictions",
-                      },
-                      Object {
-                        "field": "metadata.circulation.state",
-                        "formatter": [Function],
-                        "title": "Loan Status",
-                      },
-                    ]
-                  }
-                  rows={
-                    Array [
-                      Object {
-                        "ID": "1",
-                        "metadata": Object {
-                          "barcode": "123456789-1",
-                          "circulation_restriction": "NO_RESTRICTION",
-                          "document": Object {
-                            "title": "Document 1 title",
-                          },
-                          "document_pid": "docid-1",
-                          "internal_location": Object {
-                            "location": Object {
-                              "name": "Somewhere",
-                            },
-                          },
-                          "internal_location_pid": "ilocid-1",
-                          "medium": "NOT_SPECIFIED",
-                          "pid": "itemid-1",
-                          "shelf": "Shelf 1",
-                          "status": "MISSING",
+                                <th
+                                  className=""
+                                >
+                                  Loan Status
+                                </th>
+                              </TableCell>
+                            </TableHeaderCell>
+                          </tr>
+                        </TableRow>
+                      </thead>
+                    </TableHeader>
+                  </ResultsTableHeader>
+                  <ResultsTableBody
+                    columns={
+                      Array [
+                        Object {
+                          "field": "metadata.barcode",
+                          "formatter": [Function],
+                          "title": "Barcode",
                         },
-                        "pid": "item1",
-                      },
-                    ]
-                  }
-                >
-                  <TableBody
-                    as="tbody"
-                  >
-                    <tbody
-                      className=""
+                        Object {
+                          "field": "metadata.status",
+                          "title": "Status",
+                        },
+                        Object {
+                          "field": "metadata.medium",
+                          "title": "Medium",
+                        },
+                        Object {
+                          "field": "metadata.internal_location.name",
+                          "formatter": [Function],
+                          "title": "Location",
+                        },
+                        Object {
+                          "field": "metadata.shelf",
+                          "title": "Shelf",
+                        },
+                        Object {
+                          "field": "metadata.circulation_restriction",
+                          "title": "Restrictions",
+                        },
+                        Object {
+                          "field": "metadata.circulation.state",
+                          "formatter": [Function],
+                          "title": "Loan Status",
+                        },
+                      ]
+                    }
+                    rows={
+                      Array [
+                        Object {
+                          "ID": "1",
+                          "metadata": Object {
+                            "barcode": "123456789-1",
+                            "circulation_restriction": "NO_RESTRICTION",
+                            "document": Object {
+                              "title": "Document 1 title",
+                            },
+                            "document_pid": "docid-1",
+                            "internal_location": Object {
+                              "location": Object {
+                                "name": "Somewhere",
+                              },
+                            },
+                            "internal_location_pid": "ilocid-1",
+                            "medium": "NOT_SPECIFIED",
+                            "pid": "itemid-1",
+                            "shelf": "Shelf 1",
+                            "status": "MISSING",
+                          },
+                          "pid": "item1",
+                        },
+                      ]
+                    }
+                  >
+                    <TableBody
+                      as="tbody"
                     >
-                      <TableRow
-                        as="tr"
-                        cellAs="td"
-                        data-test="item1"
-                        key="item1"
+                      <tbody
+                        className=""
                       >
-                        <tr
-                          className=""
+                        <TableRow
+                          as="tr"
+                          cellAs="td"
                           data-test="item1"
+                          key="item1"
                         >
-                          <TableCell
-                            as="td"
-                            data-label="Barcode"
-                            data-test="0-item1"
-                            key="0-item1"
+                          <tr
+                            className=""
+                            data-test="item1"
                           >
-                            <td
-                              className=""
+                            <TableCell
+                              as="td"
                               data-label="Barcode"
                               data-test="0-item1"
+                              key="0-item1"
                             >
-                              <Link
-                                data-test="itemid-1"
-                                to="url/itemid-1"
-                              />
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Status"
-                            data-test="1-item1"
-                            key="1-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Barcode"
+                                data-test="0-item1"
+                              >
+                                <Link
+                                  data-test="itemid-1"
+                                  to="url/itemid-1"
+                                />
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Status"
                               data-test="1-item1"
+                              key="1-item1"
                             >
-                              MISSING
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Medium"
-                            data-test="2-item1"
-                            key="2-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Status"
+                                data-test="1-item1"
+                              >
+                                MISSING
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Medium"
                               data-test="2-item1"
+                              key="2-item1"
                             >
-                              NOT_SPECIFIED
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Location"
-                            data-test="3-item1"
-                            key="3-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Medium"
+                                data-test="2-item1"
+                              >
+                                NOT_SPECIFIED
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Location"
                               data-test="3-item1"
+                              key="3-item1"
                             >
-                              undefined (Somewhere)
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Shelf"
-                            data-test="4-item1"
-                            key="4-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Location"
+                                data-test="3-item1"
+                              >
+                                undefined (Somewhere)
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Shelf"
                               data-test="4-item1"
+                              key="4-item1"
                             >
-                              Shelf 1
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Restrictions"
-                            data-test="5-item1"
-                            key="5-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Shelf"
+                                data-test="4-item1"
+                              >
+                                Shelf 1
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Restrictions"
                               data-test="5-item1"
+                              key="5-item1"
                             >
-                              NO_RESTRICTION
-                            </td>
-                          </TableCell>
-                          <TableCell
-                            as="td"
-                            data-label="Loan Status"
-                            data-test="6-item1"
-                            key="6-item1"
-                          >
-                            <td
-                              className=""
+                              <td
+                                className=""
+                                data-label="Restrictions"
+                                data-test="5-item1"
+                              >
+                                NO_RESTRICTION
+                              </td>
+                            </TableCell>
+                            <TableCell
+                              as="td"
                               data-label="Loan Status"
                               data-test="6-item1"
+                              key="6-item1"
                             >
-                              -
-                            </td>
-                          </TableCell>
-                        </tr>
-                      </TableRow>
-                    </tbody>
-                  </TableBody>
-                </ResultsTableBody>
-                <ResultsTableFooter
-                  allRowsNumber={2}
-                  columnsNumber={7}
-                  currentPage={1}
-                  paginationComponent={null}
-                  seeAllComponent={
-                    <SeeAllButton
-                      disabled={false}
-                      fluid={false}
-                      to="/backoffice/items?q=document_pid:111"
-                    />
-                  }
-                  showAllResults={false}
-                  showFooterSummary={true}
-                  showMaxRows={1}
-                >
-                  <TableFooter
-                    as="tfoot"
-                    data-test="footer"
-                    fullWidth={true}
+                              <td
+                                className=""
+                                data-label="Loan Status"
+                                data-test="6-item1"
+                              >
+                                -
+                              </td>
+                            </TableCell>
+                          </tr>
+                        </TableRow>
+                      </tbody>
+                    </TableBody>
+                  </ResultsTableBody>
+                  <ResultsTableFooter
+                    allRowsNumber={2}
+                    columnsNumber={7}
+                    currentPage={1}
+                    paginationComponent={null}
+                    seeAllComponent={
+                      <SeeAllButton
+                        disabled={false}
+                        fluid={false}
+                        to="/backoffice/items?q=document_pid:111"
+                      />
+                    }
+                    showAllResults={false}
+                    showFooterSummary={true}
+                    showMaxRows={1}
                   >
-                    <TableHeader
+                    <TableFooter
                       as="tfoot"
                       data-test="footer"
                       fullWidth={true}
                     >
-                      <tfoot
-                        className="full-width"
+                      <TableHeader
+                        as="tfoot"
                         data-test="footer"
+                        fullWidth={true}
                       >
-                        <TableRow
-                          as="tr"
-                          cellAs="td"
+                        <tfoot
+                          className="full-width"
+                          data-test="footer"
                         >
-                          <tr
-                            className=""
+                          <TableRow
+                            as="tr"
+                            cellAs="td"
                           >
-                            <TableHeaderCell
-                              as="th"
-                              colSpan={8}
-                              textAlign="right"
+                            <tr
+                              className=""
                             >
-                              <TableCell
+                              <TableHeaderCell
                                 as="th"
-                                className=""
                                 colSpan={8}
                                 textAlign="right"
                               >
-                                <th
-                                  className="right aligned"
+                                <TableCell
+                                  as="th"
+                                  className=""
                                   colSpan={8}
+                                  textAlign="right"
                                 >
-                                  <span
-                                    className="results-table-compact-summary"
+                                  <th
+                                    className="right aligned"
+                                    colSpan={8}
                                   >
-                                    Showing entries 
-                                    1
-                                    -
-                                    1
-                                     of 
-                                    2
-                                     
-                                  </span>
-                                  <span>
-                                    <SeeAllButton
-                                      disabled={false}
-                                      fluid={false}
-                                      to="/backoffice/items?q=document_pid:111"
+                                    <span
+                                      className="results-table-compact-summary"
                                     >
-                                      <Button
-                                        as={
-                                          Object {
-                                            "$$typeof": Symbol(react.forward_ref),
-                                            "displayName": "Link",
-                                            "propTypes": Object {
-                                              "innerRef": [MockFunction] {
-                                                "calls": Array [
-                                                  Array [
+                                      Showing entries 
+                                      1
+                                      -
+                                      1
+                                       of 
+                                      2
+                                       
+                                    </span>
+                                    <span>
+                                      <SeeAllButton
+                                        disabled={false}
+                                        fluid={false}
+                                        to="/backoffice/items?q=document_pid:111"
+                                      >
+                                        <Button
+                                          as={
+                                            Object {
+                                              "$$typeof": Symbol(react.forward_ref),
+                                              "displayName": "Link",
+                                              "propTypes": Object {
+                                                "innerRef": [MockFunction] {
+                                                  "calls": Array [
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "innerRef",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-2",
+                                                        "data-test": "itemid-2",
+                                                        "to": "url/itemid-2",
+                                                      },
+                                                      "innerRef",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "innerRef",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "innerRef",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "innerRef",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                  ],
+                                                  "results": Array [
                                                     Object {
-                                                      "children": "123456789-1",
-                                                      "data-test": "itemid-1",
-                                                      "to": "url/itemid-1",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "innerRef",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "children": "123456789-2",
-                                                      "data-test": "itemid-2",
-                                                      "to": "url/itemid-2",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "innerRef",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "children": "123456789-1",
-                                                      "data-test": "itemid-1",
-                                                      "to": "url/itemid-1",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "innerRef",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "innerRef",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "innerRef",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
                                                   ],
-                                                ],
-                                                "results": Array [
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                ],
-                                              },
-                                              "onClick": [MockFunction] {
-                                                "calls": Array [
-                                                  Array [
+                                                },
+                                                "onClick": [MockFunction] {
+                                                  "calls": Array [
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "onClick",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-2",
+                                                        "data-test": "itemid-2",
+                                                        "to": "url/itemid-2",
+                                                      },
+                                                      "onClick",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "onClick",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "onClick",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "onClick",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                  ],
+                                                  "results": Array [
                                                     Object {
-                                                      "children": "123456789-1",
-                                                      "data-test": "itemid-1",
-                                                      "to": "url/itemid-1",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "onClick",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "children": "123456789-2",
-                                                      "data-test": "itemid-2",
-                                                      "to": "url/itemid-2",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "onClick",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "children": "123456789-1",
-                                                      "data-test": "itemid-1",
-                                                      "to": "url/itemid-1",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "onClick",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "onClick",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "onClick",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
                                                   ],
-                                                ],
-                                                "results": Array [
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                ],
-                                              },
-                                              "replace": [MockFunction] {
-                                                "calls": Array [
-                                                  Array [
+                                                },
+                                                "replace": [MockFunction] {
+                                                  "calls": Array [
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "replace",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-2",
+                                                        "data-test": "itemid-2",
+                                                        "to": "url/itemid-2",
+                                                      },
+                                                      "replace",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "replace",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "replace",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "replace",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                  ],
+                                                  "results": Array [
                                                     Object {
-                                                      "children": "123456789-1",
-                                                      "data-test": "itemid-1",
-                                                      "to": "url/itemid-1",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "replace",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "children": "123456789-2",
-                                                      "data-test": "itemid-2",
-                                                      "to": "url/itemid-2",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "replace",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "children": "123456789-1",
-                                                      "data-test": "itemid-1",
-                                                      "to": "url/itemid-1",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "replace",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "replace",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "replace",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
                                                   ],
-                                                ],
-                                                "results": Array [
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                ],
-                                              },
-                                              "target": [MockFunction] {
-                                                "calls": Array [
-                                                  Array [
+                                                },
+                                                "target": [MockFunction] {
+                                                  "calls": Array [
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "target",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-2",
+                                                        "data-test": "itemid-2",
+                                                        "to": "url/itemid-2",
+                                                      },
+                                                      "target",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "target",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "target",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "target",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                  ],
+                                                  "results": Array [
                                                     Object {
-                                                      "children": "123456789-1",
-                                                      "data-test": "itemid-1",
-                                                      "to": "url/itemid-1",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "target",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "children": "123456789-2",
-                                                      "data-test": "itemid-2",
-                                                      "to": "url/itemid-2",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "target",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "children": "123456789-1",
-                                                      "data-test": "itemid-1",
-                                                      "to": "url/itemid-1",
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "target",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
                                                     Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
+                                                      "type": "return",
+                                                      "value": undefined,
+                                                    },
+                                                    Object {
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "target",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
                                                   ],
-                                                  Array [
+                                                },
+                                                "to": [MockFunction] {
+                                                  "calls": Array [
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "to",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-2",
+                                                        "data-test": "itemid-2",
+                                                        "to": "url/itemid-2",
+                                                      },
+                                                      "to",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "children": "123456789-1",
+                                                        "data-test": "itemid-1",
+                                                        "to": "url/itemid-1",
+                                                      },
+                                                      "to",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "to",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                    Array [
+                                                      Object {
+                                                        "aria-pressed": undefined,
+                                                        "children": Array [
+                                                          "See all",
+                                                          false,
+                                                          false,
+                                                        ],
+                                                        "className": "ui small button",
+                                                        "disabled": undefined,
+                                                        "onClick": [Function],
+                                                        "role": "button",
+                                                        "tabIndex": undefined,
+                                                        "to": "/backoffice/items?q=document_pid:111",
+                                                        "type": undefined,
+                                                      },
+                                                      "to",
+                                                      "Link",
+                                                      "prop",
+                                                      null,
+                                                      "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    ],
+                                                  ],
+                                                  "results": Array [
                                                     Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
+                                                      "type": "return",
+                                                      "value": undefined,
+                                                    },
+                                                    Object {
+                                                      "type": "return",
+                                                      "value": undefined,
+                                                    },
+                                                    Object {
+                                                      "type": "return",
+                                                      "value": undefined,
+                                                    },
+                                                    Object {
+                                                      "type": "return",
+                                                      "value": undefined,
+                                                    },
+                                                    Object {
+                                                      "type": "return",
+                                                      "value": undefined,
                                                     },
-                                                    "target",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
                                                   ],
-                                                ],
-                                                "results": Array [
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
-                                                ],
+                                                },
                                               },
-                                              "to": [MockFunction] {
+                                              "render": [MockFunction] {
                                                 "calls": Array [
                                                   Array [
                                                     Object {
@@ -1974,11 +2180,7 @@ exports[`DocumentItems tests should render the see all button when showing only
                                                       "data-test": "itemid-1",
                                                       "to": "url/itemid-1",
                                                     },
-                                                    "to",
-                                                    "Link",
-                                                    "prop",
                                                     null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
                                                   ],
                                                   Array [
                                                     Object {
@@ -1986,11 +2188,7 @@ exports[`DocumentItems tests should render the see all button when showing only
                                                       "data-test": "itemid-2",
                                                       "to": "url/itemid-2",
                                                     },
-                                                    "to",
-                                                    "Link",
-                                                    "prop",
                                                     null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
                                                   ],
                                                   Array [
                                                     Object {
@@ -1998,33 +2196,7 @@ exports[`DocumentItems tests should render the see all button when showing only
                                                       "data-test": "itemid-1",
                                                       "to": "url/itemid-1",
                                                     },
-                                                    "to",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
-                                                  ],
-                                                  Array [
-                                                    Object {
-                                                      "aria-pressed": undefined,
-                                                      "children": Array [
-                                                        "See all",
-                                                        false,
-                                                        false,
-                                                      ],
-                                                      "className": "ui small button",
-                                                      "disabled": undefined,
-                                                      "onClick": [Function],
-                                                      "role": "button",
-                                                      "tabIndex": undefined,
-                                                      "to": "/backoffice/items?q=document_pid:111",
-                                                      "type": undefined,
-                                                    },
-                                                    "to",
-                                                    "Link",
-                                                    "prop",
                                                     null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
                                                   ],
                                                   Array [
                                                     Object {
@@ -2042,11 +2214,7 @@ exports[`DocumentItems tests should render the see all button when showing only
                                                       "to": "/backoffice/items?q=document_pid:111",
                                                       "type": undefined,
                                                     },
-                                                    "to",
-                                                    "Link",
-                                                    "prop",
-                                                    null,
-                                                    "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",
+                                                    [Function],
                                                   ],
                                                 ],
                                                 "results": Array [
@@ -2066,125 +2234,57 @@ exports[`DocumentItems tests should render the see all button when showing only
                                                     "type": "return",
                                                     "value": undefined,
                                                   },
-                                                  Object {
-                                                    "type": "return",
-                                                    "value": undefined,
-                                                  },
                                                 ],
                                               },
-                                            },
-                                            "render": [MockFunction] {
-                                              "calls": Array [
-                                                Array [
-                                                  Object {
-                                                    "children": "123456789-1",
-                                                    "data-test": "itemid-1",
-                                                    "to": "url/itemid-1",
-                                                  },
-                                                  null,
-                                                ],
-                                                Array [
-                                                  Object {
-                                                    "children": "123456789-2",
-                                                    "data-test": "itemid-2",
-                                                    "to": "url/itemid-2",
-                                                  },
-                                                  null,
-                                                ],
-                                                Array [
-                                                  Object {
-                                                    "children": "123456789-1",
-                                                    "data-test": "itemid-1",
-                                                    "to": "url/itemid-1",
-                                                  },
-                                                  null,
-                                                ],
-                                                Array [
-                                                  Object {
-                                                    "aria-pressed": undefined,
-                                                    "children": Array [
-                                                      "See all",
-                                                      false,
-                                                      false,
-                                                    ],
-                                                    "className": "ui small button",
-                                                    "disabled": undefined,
-                                                    "onClick": [Function],
-                                                    "role": "button",
-                                                    "tabIndex": undefined,
-                                                    "to": "/backoffice/items?q=document_pid:111",
-                                                    "type": undefined,
-                                                  },
-                                                  [Function],
-                                                ],
-                                              ],
-                                              "results": Array [
-                                                Object {
-                                                  "type": "return",
-                                                  "value": undefined,
-                                                },
-                                                Object {
-                                                  "type": "return",
-                                                  "value": undefined,
-                                                },
-                                                Object {
-                                                  "type": "return",
-                                                  "value": undefined,
-                                                },
-                                                Object {
-                                                  "type": "return",
-                                                  "value": undefined,
-                                                },
-                                              ],
-                                            },
-                                          }
-                                        }
-                                        disabled={false}
-                                        fluid={false}
-                                        size="small"
-                                        to="/backoffice/items?q=document_pid:111"
-                                      >
-                                        <Ref
-                                          innerRef={
-                                            Object {
-                                              "current": null,
                                             }
                                           }
+                                          disabled={false}
+                                          fluid={false}
+                                          size="small"
+                                          to="/backoffice/items?q=document_pid:111"
                                         >
-                                          <RefForward
+                                          <Ref
                                             innerRef={
                                               Object {
                                                 "current": null,
                                               }
                                             }
                                           >
-                                            <Link
-                                              className="ui small button"
-                                              onClick={[Function]}
-                                              role="button"
-                                              to="/backoffice/items?q=document_pid:111"
-                                            />
-                                          </RefForward>
-                                        </Ref>
-                                      </Button>
-                                    </SeeAllButton>
-                                  </span>
-                                  <span />
-                                </th>
-                              </TableCell>
-                            </TableHeaderCell>
-                          </tr>
-                        </TableRow>
-                      </tfoot>
-                    </TableHeader>
-                  </TableFooter>
-                </ResultsTableFooter>
-              </table>
-            </Table>
-          </ResultsTable>
-        </Error>
-      </Overridable>
-    </Loader>
-  </Overridable(Loader)>
-</DocumentItems>
+                                            <RefForward
+                                              innerRef={
+                                                Object {
+                                                  "current": null,
+                                                }
+                                              }
+                                            >
+                                              <Link
+                                                className="ui small button"
+                                                onClick={[Function]}
+                                                role="button"
+                                                to="/backoffice/items?q=document_pid:111"
+                                              />
+                                            </RefForward>
+                                          </Ref>
+                                        </Button>
+                                      </SeeAllButton>
+                                    </span>
+                                    <span />
+                                  </th>
+                                </TableCell>
+                              </TableHeaderCell>
+                            </tr>
+                          </TableRow>
+                        </tfoot>
+                      </TableHeader>
+                    </TableFooter>
+                  </ResultsTableFooter>
+                </table>
+              </Table>
+            </ResultsTable>
+          </Error>
+        </Overridable>
+      </Loader>
+    </Overridable(Loader)>
+  </DocumentItems>
+</Overridable(DocumentItems)>
 `;