actually fix all grids

Author: lkostrowski

src/categories/components/CategoryListDatagrid/CategoryListDatagrid.tsx

@@ -39,6 +39,7 @@ export const CategoryListDatagrid = ({
   selectionActionButton = null,
   hasRowHover = true,
 }: CategoryListDatagridProps) => {
+  const navigate = useNavigator();
   const location = useLocation();
   const datagridState = useDatagridChangeState();
   const intl = useIntl();
@@ -107,6 +108,9 @@ export const CategoryListDatagrid = ({
           />
         )}
         navigatorOpts={{ state: getPrevLocationState(location) }}
+        onRowClick={item => {
+          navigate(handleRowAnchor(item));
+        }}
       />
 
       <Box paddingX={6}>

src/components/Datagrid/Datagrid.tsx

@@ -259,8 +259,17 @@ export const Datagrid: React.FC<DatagridProps> = ({
         return;
       }
 
-      if (onRowClick) {
+      const intentToOpenInNewTab = args.metaKey || args.ctrlKey;
+
+      /**
+       * Assume rowClick is standard click, if ctrl/cmd is used, let it pass to anchor logic and allow to open in a new tab
+       *
+       * TODO: This can be refactored, but every Datagrid is used a little different way
+       */
+      if (onRowClick && !intentToOpenInNewTab) {
         onRowClick(item);
+
+        return;
       }
 
       if (getCellAction(availableColumns, item[0])) {
@@ -278,6 +287,7 @@ export const Datagrid: React.FC<DatagridProps> = ({
           metaKey: args.metaKey,
           ctrlKey: args.ctrlKey,
           shiftKey: args.shiftKey,
+          bubbles: true,
         });
 
         rowAnchorRef.current.dispatchEvent(clickEvent);

src/orders/views/OrderDraftList/OrderDraftList.tsx

@@ -170,6 +170,10 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
   return (
     <PaginatorContext.Provider value={paginationValues}>
       <OrderDraftListPage
+        // @ts-expect-error - due to strict-ignores, this prop is not typed properly but it is passed.
+        onRowClick={item => {
+          navigate(orderUrl(item));
+        }}
         selectedFilterPreset={selectedPreset}
         filterOpts={getFilterOpts(params)}
         limits={limitOpts.data?.shop.limits}

src/orders/views/OrderList/OrderList.tsx

@@ -132,6 +132,10 @@ export const OrderList: React.FC<OrderListProps> = ({ params }) => {
   return (
     <PaginatorContext.Provider value={paginationValues}>
       <OrderListPage
+        // @ts-expect-error - due to strict-ignores, this prop is not typed properly but it is passed.
+        onRowClick={item => {
+          navigate(orderUrl(item));
+        }}
         settings={settings}
         currentTab={selectedPreset}
         disabled={!data}