diff --git a/src/components/ProductList/ProductList.tsx b/src/components/ProductList/ProductList.tsx
deleted file mode 100644
index b2fedbd03..000000000
--- a/src/components/ProductList/ProductList.tsx
+++ /dev/null
@@ -1,344 +0,0 @@
-import {
-  createStyles,
-  Theme,
-  withStyles,
-  WithStyles
-} from "@material-ui/core/styles";
-import Table from "@material-ui/core/Table";
-import TableBody from "@material-ui/core/TableBody";
-import TableCell from "@material-ui/core/TableCell";
-import TableFooter from "@material-ui/core/TableFooter";
-import TableRow from "@material-ui/core/TableRow";
-import classNames from "classnames";
-import React from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-
-import TableCellAvatar, {
-  AVATAR_MARGIN
-} from "@saleor/components/TableCellAvatar";
-import { ProductListColumns } from "@saleor/config";
-import { maybe, renderCollection } from "@saleor/misc";
-import {
-  getAttributeIdFromColumnValue,
-  isAttributeColumnValue
-} from "@saleor/products/components/ProductListPage/utils";
-import { AvailableInGridAttributes_grid_edges_node } from "@saleor/products/types/AvailableInGridAttributes";
-import { ProductList_products_edges_node } from "@saleor/products/types/ProductList";
-import { ListActions, ListProps } from "@saleor/types";
-import TDisplayColumn from "@saleor/utils/columns/DisplayColumn";
-import Checkbox from "../Checkbox";
-import Money from "../Money";
-import Skeleton from "../Skeleton";
-import StatusLabel from "../StatusLabel";
-import TableHead from "../TableHead";
-import TablePagination from "../TablePagination";
-
-const styles = (theme: Theme) =>
-  createStyles({
-    [theme.breakpoints.up("lg")]: {
-      colName: {
-        width: "auto"
-      },
-      colPrice: {
-        width: 200
-      },
-      colPublished: {
-        width: 200
-      },
-      colType: {
-        width: 200
-      }
-    },
-    colAttribute: {
-      width: 150
-    },
-    colFill: {
-      padding: 0,
-      width: "100%"
-    },
-    colName: {
-      "&$colNameFixed": {
-        width: 250
-      },
-      paddingLeft: 0
-    },
-    colNameFixed: {},
-    colNameHeader: {
-      marginLeft: AVATAR_MARGIN
-    },
-    colPrice: {
-      textAlign: "right"
-    },
-    colPublished: {},
-    colType: {},
-    link: {
-      cursor: "pointer"
-    },
-    table: {
-      tableLayout: "fixed"
-    },
-    tableContainer: {
-      overflowX: "scroll"
-    },
-    textLeft: {
-      textAlign: "left"
-    },
-    textRight: {
-      textAlign: "right"
-    }
-  });
-
-interface ProductListProps
-  extends ListProps<ProductListColumns>,
-    ListActions,
-    WithStyles<typeof styles> {
-  gridAttributes: AvailableInGridAttributes_grid_edges_node[];
-  products: ProductList_products_edges_node[];
-}
-
-export const ProductList = withStyles(styles, { name: "ProductList" })(
-  ({
-    classes,
-    settings,
-    disabled,
-    isChecked,
-    gridAttributes,
-    pageInfo,
-    products,
-    selected,
-    toggle,
-    toggleAll,
-    toolbar,
-    onNextPage,
-    onPreviousPage,
-    onUpdateListSettings,
-    onRowClick
-  }: ProductListProps) => {
-    const intl = useIntl();
-
-    const DisplayColumn: React.FC<{ column: ProductListColumns }> = props => (
-      <TDisplayColumn displayColumns={settings.columns} {...props} />
-    );
-
-    const gridAttributesFromSettings = settings.columns.filter(
-      isAttributeColumnValue
-    );
-    const numberOfColumns = 2 + settings.columns.length;
-
-    return (
-      <div className={classes.tableContainer}>
-        <Table className={classes.table}>
-          <colgroup>
-            <col />
-            <col className={classes.colName} />
-            <DisplayColumn column="productType">
-              <col className={classes.colType} />
-            </DisplayColumn>
-            <DisplayColumn column="isPublished">
-              <col className={classes.colPublished} />
-            </DisplayColumn>
-            {gridAttributesFromSettings.map(gridAttribute => (
-              <col className={classes.colAttribute} key={gridAttribute} />
-            ))}
-            <DisplayColumn column="price">
-              <col className={classes.colPrice} />
-            </DisplayColumn>
-          </colgroup>
-          <TableHead
-            colSpan={numberOfColumns}
-            selected={selected}
-            disabled={disabled}
-            items={products}
-            toggleAll={toggleAll}
-            toolbar={toolbar}
-          >
-            <TableCell
-              className={classNames(classes.colName, {
-                [classes.colNameFixed]: settings.columns.length > 4
-              })}
-            >
-              <span className={classes.colNameHeader}>
-                <FormattedMessage defaultMessage="Name" description="product" />
-              </span>
-            </TableCell>
-            <DisplayColumn column="productType">
-              <TableCell className={classes.colType}>
-                <FormattedMessage defaultMessage="Type" description="product" />
-              </TableCell>
-            </DisplayColumn>
-            <DisplayColumn column="isPublished">
-              <TableCell className={classes.colPublished}>
-                <FormattedMessage
-                  defaultMessage="Published"
-                  description="product status"
-                />
-              </TableCell>
-            </DisplayColumn>
-            {gridAttributesFromSettings.map(gridAttributeFromSettings => (
-              <TableCell
-                className={classes.colAttribute}
-                key={gridAttributeFromSettings}
-              >
-                {maybe<React.ReactNode>(
-                  () =>
-                    gridAttributes.find(
-                      gridAttribute =>
-                        getAttributeIdFromColumnValue(
-                          gridAttributeFromSettings
-                        ) === gridAttribute.id
-                    ).name,
-                  <Skeleton />
-                )}
-              </TableCell>
-            ))}
-            <DisplayColumn column="price">
-              <TableCell className={classes.colPrice}>
-                <FormattedMessage
-                  defaultMessage="Price"
-                  description="product"
-                />
-              </TableCell>
-            </DisplayColumn>
-          </TableHead>
-          <TableFooter>
-            <TableRow>
-              <TablePagination
-                colSpan={numberOfColumns}
-                settings={settings}
-                hasNextPage={
-                  pageInfo && !disabled ? pageInfo.hasNextPage : false
-                }
-                onNextPage={onNextPage}
-                onUpdateListSettings={onUpdateListSettings}
-                hasPreviousPage={
-                  pageInfo && !disabled ? pageInfo.hasPreviousPage : false
-                }
-                onPreviousPage={onPreviousPage}
-              />
-            </TableRow>
-          </TableFooter>
-          <TableBody>
-            {renderCollection(
-              products,
-              product => {
-                const isSelected = product ? isChecked(product.id) : false;
-
-                return (
-                  <TableRow
-                    selected={isSelected}
-                    hover={!!product}
-                    key={product ? product.id : "skeleton"}
-                    onClick={product && onRowClick(product.id)}
-                    className={classes.link}
-                    data-tc={product ? `product-${product.id}` : undefined}
-                  >
-                    <TableCell padding="checkbox">
-                      <Checkbox
-                        checked={isSelected}
-                        disabled={disabled}
-                        disableClickPropagation
-                        onChange={() => toggle(product.id)}
-                      />
-                    </TableCell>
-                    <TableCellAvatar
-                      className={classes.colName}
-                      thumbnail={maybe(() => product.thumbnail.url)}
-                      data-tc="name"
-                    >
-                      {maybe<React.ReactNode>(() => product.name, <Skeleton />)}
-                    </TableCellAvatar>
-                    <DisplayColumn column="productType">
-                      <TableCell
-                        className={classes.colType}
-                        data-tc="product-type"
-                      >
-                        {product && product.productType ? (
-                          product.productType.name
-                        ) : (
-                          <Skeleton />
-                        )}
-                      </TableCell>
-                    </DisplayColumn>
-                    <DisplayColumn column="isPublished">
-                      <TableCell
-                        className={classes.colPublished}
-                        data-tc="isPublished"
-                        data-tc-is-published={maybe(() => product.isAvailable)}
-                      >
-                        {product &&
-                        maybe(() => product.isAvailable !== undefined) ? (
-                          <StatusLabel
-                            label={
-                              product.isAvailable
-                                ? intl.formatMessage({
-                                    defaultMessage: "Published",
-                                    description: "product status"
-                                  })
-                                : intl.formatMessage({
-                                    defaultMessage: "Not published",
-                                    description: "product status"
-                                  })
-                            }
-                            status={product.isAvailable ? "success" : "error"}
-                          />
-                        ) : (
-                          <Skeleton />
-                        )}
-                      </TableCell>
-                    </DisplayColumn>
-                    {gridAttributesFromSettings.map(gridAttribute => {
-                      const attribute = maybe(() =>
-                        product.attributes.find(
-                          attribute =>
-                            attribute.attribute.id ===
-                            getAttributeIdFromColumnValue(gridAttribute)
-                        )
-                      );
-                      const attributeValues = attribute
-                        ? attribute.values.map(value => value.name).join(", ")
-                        : "-";
-
-                      return (
-                        <TableCell
-                          className={classes.colAttribute}
-                          key={gridAttribute}
-                          data-tc="attribute"
-                          data-tc-attribute={maybe(
-                            () => attribute.attribute.id
-                          )}
-                        >
-                          {attribute ? attributeValues : <Skeleton />}
-                        </TableCell>
-                      );
-                    })}
-                    <DisplayColumn column="price">
-                      <TableCell className={classes.colPrice}>
-                        {maybe(() => product.basePrice) &&
-                        maybe(() => product.basePrice.amount) !== undefined &&
-                        maybe(() => product.basePrice.currency) !==
-                          undefined ? (
-                          <Money money={product.basePrice} />
-                        ) : (
-                          <Skeleton />
-                        )}
-                      </TableCell>
-                    </DisplayColumn>
-                  </TableRow>
-                );
-              },
-              () => (
-                <TableRow>
-                  <TableCell colSpan={numberOfColumns}>
-                    <FormattedMessage defaultMessage="No products found" />
-                  </TableCell>
-                </TableRow>
-              )
-            )}
-          </TableBody>
-        </Table>
-      </div>
-    );
-  }
-);
-ProductList.displayName = "ProductList";
-export default ProductList;
diff --git a/src/components/ProductList/index.ts b/src/components/ProductList/index.ts
deleted file mode 100644
index 17fd4319e..000000000
--- a/src/components/ProductList/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from "./ProductList";
diff --git a/src/components/TableCellAvatar/TableCellAvatar.tsx b/src/components/TableCellAvatar/TableCellAvatar.tsx
index 893ebcc8a..e35d9c8d0 100644
--- a/src/components/TableCellAvatar/TableCellAvatar.tsx
+++ b/src/components/TableCellAvatar/TableCellAvatar.tsx
@@ -52,9 +52,10 @@ const TableCellAvatar = withStyles(styles, { name: "TableCellAvatar" })(
     children,
     className,
     thumbnail,
-    avatarProps
+    avatarProps,
+    ...props
   }: TableCellAvatarProps) => (
-    <TableCell className={classNames(classes.root, className)}>
+    <TableCell className={classNames(classes.root, className)} {...props}>
       <div className={classes.content}>
         {thumbnail === undefined ? (
           <Avatar className={classNames(classes.avatar, avatarProps)}>
diff --git a/src/products/components/ProductList/ProductList.tsx b/src/products/components/ProductList/ProductList.tsx
index a69c7b877..35998e681 100644
--- a/src/products/components/ProductList/ProductList.tsx
+++ b/src/products/components/ProductList/ProductList.tsx
@@ -284,6 +284,8 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
                     key={product ? product.id : "skeleton"}
                     onClick={product && onRowClick(product.id)}
                     className={classes.link}
+                    data-tc="id"
+                    data-tc-id={maybe(() => product.id)}
                   >
                     <TableCell padding="checkbox">
                       <Checkbox
@@ -296,6 +298,7 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
                     <TableCellAvatar
                       className={classes.colName}
                       thumbnail={maybe(() => product.thumbnail.url)}
+                      data-tc="name"
                     >
                       {maybe<React.ReactNode>(() => product.name, <Skeleton />)}
                     </TableCellAvatar>
@@ -303,7 +306,10 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
                       column="productType"
                       displayColumns={settings.columns}
                     >
-                      <TableCell className={classes.colType}>
+                      <TableCell
+                        className={classes.colType}
+                        data-tc="product-type"
+                      >
                         {product && product.productType ? (
                           product.productType.name
                         ) : (
@@ -315,7 +321,11 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
                       column="isPublished"
                       displayColumns={settings.columns}
                     >
-                      <TableCell className={classes.colPublished}>
+                      <TableCell
+                        className={classes.colPublished}
+                        data-tc="isPublished"
+                        data-tc-is-published={maybe(() => product.isAvailable)}
+                      >
                         {product &&
                         maybe(() => product.isAvailable !== undefined) ? (
                           <StatusLabel
@@ -323,12 +333,11 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
                               product.isAvailable
                                 ? intl.formatMessage({
                                     defaultMessage: "Published",
-                                    description: "product",
-                                    id: "productStatusLabel"
+                                    description: "product status"
                                   })
                                 : intl.formatMessage({
                                     defaultMessage: "Not published",
-                                    description: "product"
+                                    description: "product status"
                                   })
                             }
                             status={product.isAvailable ? "success" : "error"}
@@ -342,6 +351,10 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
                       <TableCell
                         className={classes.colAttribute}
                         key={gridAttribute}
+                        data-tc="attribute"
+                        data-tc-attribute={getAttributeIdFromColumnValue(
+                          gridAttribute
+                        )}
                       >
                         {maybe<React.ReactNode>(() => {
                           const attribute = product.attributes.find(
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index e6afd2f19..21cfb6bbc 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -94324,6 +94324,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
           >
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo2MQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94342,6 +94344,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94363,11 +94366,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Paint
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94383,6 +94389,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo2NA=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94401,6 +94409,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94422,11 +94431,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Paint
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94442,6 +94454,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo2NQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94460,6 +94474,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94481,11 +94496,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Paint
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94501,6 +94519,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3NQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94519,6 +94539,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94540,11 +94561,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94560,6 +94584,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3Ng=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94578,6 +94604,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94599,11 +94626,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94619,6 +94649,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3Mg=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94637,6 +94669,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94658,11 +94691,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94678,6 +94714,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3MQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94696,6 +94734,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94717,11 +94756,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94737,6 +94779,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3NA=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94755,6 +94799,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94776,11 +94821,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94796,6 +94844,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3OQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94814,6 +94864,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94835,11 +94886,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94855,6 +94909,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3Mw=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94873,6 +94929,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94894,11 +94951,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94914,6 +94974,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3OA=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94932,6 +94994,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -94953,11 +95016,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -94973,6 +95039,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo4OQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -94991,6 +95059,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95012,11 +95081,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95032,6 +95104,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMDc="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95050,6 +95124,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95071,11 +95146,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95091,6 +95169,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMDg="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95109,6 +95189,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95130,11 +95211,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95150,6 +95234,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMDk="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95168,6 +95254,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95189,11 +95276,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95209,6 +95299,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMTA="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95227,6 +95319,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95248,11 +95341,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95268,6 +95364,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMTU="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95286,6 +95384,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95307,11 +95406,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95327,6 +95429,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMTY="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95345,6 +95449,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95366,11 +95471,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95386,6 +95494,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMTc="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95404,6 +95514,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95425,11 +95536,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95445,6 +95559,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo4NQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95463,6 +95579,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -95484,11 +95601,14 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Cushion
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -95950,6 +96070,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
           >
             <tr
               class="MuiTableRow-root-id ProductList-link-id"
+              data-tc="id"
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -95970,6 +96091,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -96006,6 +96128,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 <span
                   class="Skeleton-skeleton-id"
@@ -96015,6 +96138,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
               >
                 <span
                   class="Skeleton-skeleton-id"
@@ -97369,6 +97493,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
           >
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo2MQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97387,6 +97513,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97408,11 +97535,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Paint
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97428,6 +97558,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo2NA=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97446,6 +97578,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97467,11 +97600,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Paint
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97487,6 +97623,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo2NQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97505,6 +97643,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97526,11 +97665,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Paint
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97546,6 +97688,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3NQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97564,6 +97708,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97585,11 +97730,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97605,6 +97753,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3Ng=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97623,6 +97773,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97644,11 +97795,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97664,6 +97818,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3Mg=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97682,6 +97838,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97703,11 +97860,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97723,6 +97883,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3MQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97741,6 +97903,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97762,11 +97925,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97782,6 +97948,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3NA=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97800,6 +97968,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97821,11 +97990,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97841,6 +98013,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3OQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97859,6 +98033,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97880,11 +98055,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97900,6 +98078,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3Mw=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97918,6 +98098,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97939,11 +98120,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -97959,6 +98143,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo3OA=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -97977,6 +98163,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -97998,11 +98185,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Juice
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98018,6 +98208,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo4OQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98036,6 +98228,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98057,11 +98250,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98077,6 +98273,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMDc="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98095,6 +98293,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98116,11 +98315,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98136,6 +98338,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMDg="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98154,6 +98358,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98175,11 +98380,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98195,6 +98403,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMDk="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98213,6 +98423,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98234,11 +98445,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98254,6 +98468,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMTA="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98272,6 +98488,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98293,11 +98510,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98313,6 +98533,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMTU="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98331,6 +98553,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98352,11 +98575,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98372,6 +98598,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMTY="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98390,6 +98618,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98411,11 +98640,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98431,6 +98663,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDoxMTc="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98449,6 +98683,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98470,11 +98705,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Top (clothing)
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"
@@ -98490,6 +98728,8 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             </tr>
             <tr
               class="MuiTableRow-root-id MuiTableRow-hover-id ProductList-link-id"
+              data-tc="id"
+              data-tc-id="UHJvZHVjdDo4NQ=="
             >
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id MuiTableCell-paddingCheckbox-id"
@@ -98508,6 +98748,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id"
+                data-tc="name"
               >
                 <div
                   class="TableCellAvatar-content-id"
@@ -98529,11 +98770,14 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colType-id"
+                data-tc="product-type"
               >
                 Cushion
               </td>
               <td
                 class="MuiTableCell-root-id MuiTableCell-body-id ProductList-colPublished-id"
+                data-tc="isPublished"
+                data-tc-is-published="true"
               >
                 <div
                   class="StatusLabel-root-id undefined StatusLabel-successDot-id"