WIP - Complete raw record access into AutoTable bulk action callback

Author: MillanWangGadget

packages/react/spec/auto/storybook/table/AutoTableActions.stories.jsx

@@ -61,6 +61,37 @@ export const NoTriggerableActions = {
   },
 };
 
+export const CustomCellRenderersWithCustomActions = {
+  args: {
+    model: api.autoTableTest,
+    select: {
+      id: true, // TODO - AutoInclude this
+      str: true,
+      num: true,
+      email: true,
+    },
+    columns: [
+      "id",
+      "str",
+      {
+        header: "custom cell renderer",
+        render: ({ record }) => <p>{JSON.stringify(record)}</p>,
+      },
+    ],
+    actions: [
+      {
+        label: "Window alert all records",
+        promoted: true,
+        // action: (records) => windowAlert(`Sum of record "num" values: ${sumRecordNumValues(records)}`),
+        action: (records) => {
+          console.log("records :", records);
+          windowAlert(`records : ${JSON.stringify(records, null, 2)}`);
+        },
+      },
+    ],
+  },
+};
+
 const windowAlert = (message) => {
   // eslint-disable-next-line no-undef
   window.alert(message);

packages/react/src/auto/polaris/PolarisAutoTable.tsx

@@ -169,12 +169,30 @@ const PolarisAutoTableComponent = <
   const selectedRows = (rows ?? []).filter((row) => selection.recordIds.includes(row.id as string));
 
   const promotedBulkActions = useMemo(
-    () => bulkActionOptions.filter((option) => option.promoted).map(bulkActionOptionMapper(selectedRows, selection.clearAll)),
+    () =>
+      bulkActionOptions
+        .filter((option) => option.promoted)
+        .map(
+          bulkActionOptionMapper({
+            rawRecords,
+            selectedRows,
+            clearSelection: selection.clearAll,
+          })
+        ),
     [bulkActionOptions, selectedRows]
   );
 
   const bulkActions = useMemo(
-    () => bulkActionOptions.filter((option) => !option.promoted).map(bulkActionOptionMapper(selectedRows, selection.clearAll)),
+    () =>
+      bulkActionOptions
+        .filter((option) => !option.promoted)
+        .map(
+          bulkActionOptionMapper({
+            rawRecords,
+            selectedRows,
+            clearSelection: selection.clearAll,
+          })
+        ),
     [bulkActionOptions, selectedRows]
   );
 
@@ -303,7 +321,27 @@ const disablePaginatedSelectAllButton = {
   paginatedSelectAllActionText: "", // Empty string to hide the select all button. We only allow selections on the current page.
 };
 
-const bulkActionOptionMapper = (selectedRows: TableRow[], clearSelection: () => void) => {
+const bulkActionOptionMapper = (props: {
+  rawRecords: GadgetRecord<any>[] | null;
+  selectedRows: TableRow[];
+  clearSelection: () => void;
+}) => {
+  const { rawRecords, selectedRows, clearSelection } = props;
+
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+  // TODO - Get the rawRecords into the selected rows
+
   return (option: BulkActionOption) => ({
     id: option.humanizedName,
     destructive: "isDeleter" in option ? option.isDeleter : false,