Make checkbox visible in datagrid (#4306)

saleor · Oct 11, 2023 · fd94279 · fd94279
1 parent bd3290b
commit fd94279
Show file tree

Hide file tree

Showing 15 changed files with 35 additions and 30 deletions.
diff --git a/.changeset/odd-pants-know.md b/.changeset/odd-pants-know.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": minor
+---
+
+Add visible checkbox in datagrids
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -24,8 +24,8 @@
     "@editorjs/list": "^1.7.0",
     "@editorjs/paragraph": "^2.8.0",
     "@editorjs/quote": "^2.4.0",
-    "@glideapps/glide-data-grid": "5.2.1",
-    "@glideapps/glide-data-grid-cells": "^5.2.1",
+    "@glideapps/glide-data-grid": "5.3.0",
+    "@glideapps/glide-data-grid-cells": "^5.3.0",
     "@graphiql/plugin-explorer": "^0.1.12",
     "@graphiql/react": "^0.15.0",
     "@graphiql/toolkit": "^0.8.0",

diff --git a/src/attributes/components/AttributeListDatagrid/AttributeListDatagrid.tsx b/src/attributes/components/AttributeListDatagrid/AttributeListDatagrid.tsx
@@ -110,7 +110,7 @@ export const AttributeListDatagrid = ({
       <Datagrid
         readonly
         loading={disabled}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         hasRowHover={true}
         onColumnMoved={handlers.onMove}

diff --git a/src/categories/components/CategoryListDatagrid/CategoryListDatagrid.tsx b/src/categories/components/CategoryListDatagrid/CategoryListDatagrid.tsx
@@ -94,7 +94,7 @@ export const CategoryListDatagrid = ({
         loading={disabled}
         columnSelect={sort !== undefined ? "single" : undefined}
         verticalBorder={col => col > 0}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         availableColumns={visibleColumns}
         rows={categories?.length ?? 0}
         getCellContent={getCellContent}

diff --git a/src/categories/components/CategoryProductListDatagrid/CategoryProductListDatagrid.tsx b/src/categories/components/CategoryProductListDatagrid/CategoryProductListDatagrid.tsx
@@ -59,7 +59,7 @@ export const CategoryProductListDatagrid = ({
         actionButtonPosition="right"
         loading={disabled}
         verticalBorder={false}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         availableColumns={visibleColumns}
         rows={products?.length ?? 0}
         getCellContent={getCellContent}

diff --git a/src/collections/components/CollectionListDatagrid/CollectionListDatagrid.tsx b/src/collections/components/CollectionListDatagrid/CollectionListDatagrid.tsx
@@ -155,7 +155,7 @@ export const CollectionListDatagrid = ({
       <Datagrid
         readonly
         loading={loading}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         hasRowHover={hasRowHover}
         onColumnMoved={handlers.onMove}

diff --git a/src/customers/components/CustomerListDatagrid/CustomerListDatagrid.tsx b/src/customers/components/CustomerListDatagrid/CustomerListDatagrid.tsx
@@ -128,7 +128,7 @@ export const CustomerListDatagrid = ({
       <Datagrid
         readonly
         loading={loading}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         hasRowHover={hasRowHover}
         onColumnMoved={handlers.onMove}

diff --git a/src/discounts/components/SaleListDatagrid/SaleListDatagrid.tsx b/src/discounts/components/SaleListDatagrid/SaleListDatagrid.tsx
@@ -134,7 +134,7 @@ export const SaleListDatagrid = ({
       <Datagrid
         readonly
         loading={disabled}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         hasRowHover={hasRowHover}
         onColumnMoved={handlers.onMove}

diff --git a/src/discounts/components/VoucherListDatagrid/VoucherListDatagrid.tsx b/src/discounts/components/VoucherListDatagrid/VoucherListDatagrid.tsx
@@ -135,7 +135,7 @@ export const VoucherListDatagrid = ({
       <Datagrid
         readonly
         loading={disabled}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         hasRowHover={true}
         onColumnMoved={handlers.onMove}

diff --git a/src/giftCards/GiftCardsList/GiftCardsListDatagrid/GiftCardsListDatagrid.tsx b/src/giftCards/GiftCardsList/GiftCardsListDatagrid/GiftCardsListDatagrid.tsx
@@ -169,7 +169,7 @@ export const GiftCardsListDatagrid = () => {
       <Datagrid
         readonly
         loading={loading}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         hasRowHover={true}
         onColumnMoved={handlers.onMove}

diff --git a/src/orders/components/OrderDraftListDatagrid/OrderDraftListDatagrid.tsx b/src/orders/components/OrderDraftListDatagrid/OrderDraftListDatagrid.tsx
@@ -106,7 +106,7 @@ export const OrderDraftListDatagrid = ({
     <DatagridChangeStateContext.Provider value={datagridState}>
       <Datagrid
         readonly
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         freezeColumns={1}
         hasRowHover={hasRowHover}

diff --git a/src/pages/components/PageListDatagrid/PageListDatagrid.tsx b/src/pages/components/PageListDatagrid/PageListDatagrid.tsx
@@ -116,7 +116,7 @@ export const PageListDatagrid = ({
       <Datagrid
         readonly
         loading={loading}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         hasRowHover={hasRowHover}
         onColumnMoved={handlers.onMove}

diff --git a/src/products/components/ProductListDatagrid/ProductListDatagrid.tsx b/src/products/components/ProductListDatagrid/ProductListDatagrid.tsx
@@ -251,7 +251,7 @@ export const ProductListDatagrid: React.FC<ProductListDatagridProps> = ({
         <Datagrid
           readonly
           loading={loading}
-          rowMarkers="checkbox"
+          rowMarkers="checkbox-visible"
           columnSelect="single"
           hasRowHover={hasRowHover}
           onColumnMoved={handlers.onMove}

diff --git a/src/shipping/components/ShippingZonesListDatagrid/ShippingZonesListDatagrid.tsx b/src/shipping/components/ShippingZonesListDatagrid/ShippingZonesListDatagrid.tsx
@@ -92,7 +92,7 @@ export const ShippingZoneListDatagrid = ({
       <Datagrid
         readonly
         loading={disabled}
-        rowMarkers="checkbox"
+        rowMarkers="checkbox-visible"
         columnSelect="single"
         hasRowHover={true}
         freezeColumns={1}