Move filter method to ProductList view

src/products/components/ProductListPage/utils.ts

@@ -1,5 +1,3 @@
-import { ProductListColumns } from "@saleor/config";
-
 const prefix = "attribute";
 
 export function getAttributeColumnValue(id: string) {
@@ -13,9 +11,3 @@ export function isAttributeColumnValue(value: string) {
 export function getAttributeIdFromColumnValue(value: string) {
   return value.substr(prefix.length + 1);
 }
-
-export function filterColumnIds(columns: ProductListColumns[]) {
-  return columns
-    .filter(isAttributeColumnValue)
-    .map(getAttributeIdFromColumnValue);
-}

src/products/views/ProductList/ProductList.tsx

@@ -33,7 +33,10 @@ import createFilterHandlers from "@saleor/utils/handlers/filterHandlers";
 import useCategorySearch from "@saleor/searches/useCategorySearch";
 import useCollectionSearch from "@saleor/searches/useCollectionSearch";
 import useProductTypeSearch from "@saleor/searches/useProductTypeSearch";
-import { filterColumnIds } from "@saleor/products/components/ProductListPage/utils";
+import {
+  getAttributeIdFromColumnValue,
+  isAttributeColumnValue
+} from "@saleor/products/components/ProductListPage/utils";
 import ProductListPage from "../../components/ProductListPage";
 import {
   TypedProductBulkDeleteMutation,
@@ -216,6 +219,12 @@ export const ProductList: React.FC<ProductListProps> = ({ params }) => {
     }
   );
 
+  function filterColumnIds(columns: ProductListColumns[]) {
+    return columns
+      .filter(isAttributeColumnValue)
+      .map(getAttributeIdFromColumnValue);
+  }
+
   return (
     <AvailableInGridAttributesQuery
       variables={{ first: 6, ids: filterColumnIds(settings.columns) }}