@procore/data-table 13.2.2 → 13.3.1

package/dist/modern/index.mjs

@@ -55217,7 +55217,7 @@ function ClientSideRowCheckbox(props) {
       "data-qa": "rowCheckbox",
       onClick: noop2,
       onChange: () => {
-        props.node.setSelected(!selected);
+        props.node.setSelected(!selected, void 0, "checkboxSelected");
       }
     }
   ));
@@ -55254,7 +55254,13 @@ function ServerSideRowCheckbox(props) {
       "data-qa": "rowCheckbox",
       onClick: noop2,
       onChange: () => {
-        props.node.isSelected() ? tableRef?.current?.deselectRows([props.node.id]) : tableRef?.current?.selectRows([props.node.id]);
+        props.node.isSelected() ? tableRef?.current?.deselectRows(
+          [props.node.id],
+          "checkboxSelected"
+        ) : tableRef?.current?.selectRows(
+          [props.node.id],
+          "checkboxSelected"
+        );
       }
     }
   ));
@@ -56372,8 +56378,12 @@ var GenericHeaderRenderer = (props) => {
     if (!onSSDR || !isFirstColumn2 || !props.selectionSSREnabled) {
       return;
     }
-    function updateSelectAllCheckbox() {
-      const currentRows = getCurrentRows(props.api);
+    function updateSelectAllCheckbox(e) {
+      if (e.source === "uiSelectAll") {
+        return;
+      }
+      const isPagination = Boolean(props.api.paginationGetRowCount());
+      const currentRows = getCurrentRows(props.api, isPagination);
       const isAllSelected = currentRows.length && currentRows.every(isRowSelected);
       const isPartialSelected = !isAllSelected && currentRows.some(isRowSelected);
       if (isAllSelected) {
@@ -56390,18 +56400,35 @@ var GenericHeaderRenderer = (props) => {
       props.api.removeEventListener(selectionChanged, updateSelectAllCheckbox);
       props.api.removeEventListener(paginationChanged, updateSelectAllCheckbox);
     };
-  }, [isFirstColumn2, selectAll, props.selectionSSREnabled]);
-  const toggleSelectAll = () => {
+  }, [isFirstColumn2, props.selectionSSREnabled, props.api, onSSDR]);
+  const toggleSelectAll = React82.useCallback(() => {
     const nextSelectedState = selectAll === "all" /* All */ ? "none" /* None */ : "all" /* All */;
     setSelectAll(nextSelectedState);
     props.onSelectAll?.(nextSelectedState);
     const isSelectAll = nextSelectedState == "all" /* All */;
     if (props.selectionSSREnabled) {
-      isSelectAll ? tableRef?.current?.selectAll() : tableRef?.current?.deselectAll();
+      const isPagination = Boolean(props.api.paginationGetRowCount());
+      const rowsIdsToSelectOrDeselect = getCurrentRows(
+        props.api,
+        isPagination
+      ).map((node) => node.id);
+      isSelectAll ? tableRef?.current?.selectRows(
+        rowsIdsToSelectOrDeselect,
+        "uiSelectAll"
+      ) : tableRef?.current?.deselectRows(
+        rowsIdsToSelectOrDeselect,
+        "uiSelectAll"
+      );
     } else {
       isSelectAll ? props.api.selectAllFiltered() : props.api.deselectAllFiltered();
     }
-  };
+  }, [
+    setSelectAll,
+    selectAll,
+    props.onSelectAll,
+    props.selectionSSREnabled,
+    props.api
+  ]);
   return /* @__PURE__ */ React82.createElement(
     Flex,
     {
@@ -56437,9 +56464,7 @@ var GenericHeaderRenderer = (props) => {
           checked: selectAll === "all" /* All */,
           indeterminate: selectAll === "partial",
           onClick: (e) => e.stopPropagation(),
-          onChange: () => {
-            toggleSelectAll();
-          }
+          onChange: toggleSelectAll
         }
       ),
       /* @__PURE__ */ React82.createElement("div", { className: "ag-header-cell-label" }, /* @__PURE__ */ React82.createElement(
@@ -56511,6 +56536,20 @@ function GenericColumnGroupHeader(props) {
   ));
 }
 
+// src/utils/pagination.ts
+var getPaginationPageStartEnd = ({
+  activePage,
+  items: totalItems,
+  perPage
+}) => {
+  const numPages = Math.ceil(totalItems / perPage);
+  const actualActivePage = numPages === 0 ? 0 : activePage + 1;
+  return {
+    end: Math.min(actualActivePage * perPage, totalItems),
+    start: Math.max((actualActivePage - 1) * perPage, 0)
+  };
+};
+
 // src/utils/cellHelpers.tsx
 function withDataTableEditor(Component4, editorType) {
   return React82.forwardRef(
@@ -56590,7 +56629,7 @@ function getFrameworkComponents(headerMenuConfig, onSelectAll, selectionSSREnabl
   DefaultFrameworkComponents["autoGroupCellRenderer"] = AutoGroupCellRenderer;
   return { ...DefaultFrameworkComponents, ...customFrameworkComponents };
 }
-function getCurrentRows(gridApi) {
+function getCurrentRows(gridApi, useCurrentPageOnly) {
   let currentRows = [];
   if (gridApi?.getModel()?.getType() === "clientSide") {
     gridApi?.forEachNodeAfterFilterAndSort((rowNode) => {
@@ -56600,6 +56639,16 @@ function getCurrentRows(gridApi) {
     gridApi?.forEachNode((rowNode) => {
       currentRows.push(rowNode);
     });
+    if (useCurrentPageOnly) {
+      const { start, end } = getPaginationPageStartEnd({
+        items: gridApi?.paginationGetRowCount() || 0,
+        perPage: gridApi?.paginationGetPageSize() || 0,
+        activePage: gridApi?.paginationGetCurrentPage() || 0
+      });
+      return currentRows.filter(
+        (row2) => row2.rowIndex >= start && row2.rowIndex < end
+      );
+    }
   }
   return currentRows;
 }
@@ -58708,10 +58757,8 @@ var useRowSelectionState = () => {
     }
     selectionEventFunction();
     gridApi?.addEventListener("selectionChanged", selectionEventFunction);
-    gridApi?.addEventListener("paginationChanged", selectionEventFunction);
     return () => {
       gridApi?.removeEventListener("selectionChanged", selectionEventFunction);
-      gridApi?.removeEventListener("paginationChanged", selectionEventFunction);
     };
   }, [gridApi]);
   return selectedRows;
@@ -79644,6 +79691,150 @@ var is_IS_default = {
   }
 };
 
+// src/locales/ja-JP.json
+var ja_JP_default = {
+  dataTable: {
+    emptyState: {
+      noFilteredResults: {
+        description: "\u30B9\u30DA\u30EB\u3068\u30D5\u30A3\u30EB\u30BF\u30FC\u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u78BA\u8A8D\u3059\u308B\u304B\u3001\u5225\u306E\u30AD\u30FC\u30EF\u30FC\u30C9\u3092\u691C\u7D22\u3057\u307E\u3059\u3002",
+        title: "\u691C\u7D22\u306B\u4E00\u81F4\u3059\u308B\u9805\u76EE\u306F\u3042\u308A\u307E\u305B\u3093",
+        itemsTitle: "\u691C\u7D22\u306B\u4E00\u81F4\u3059\u308B%{itemsLabel}\u306F\u3042\u308A\u307E\u305B\u3093"
+      },
+      noResults: {
+        description: "\u30C1\u30FC\u30E0\u304C\u3053\u308C\u3089\u306E\u9805\u76EE\u3092\u4F5C\u6210\u3057\u305F\u3089\u3001\u3053\u3061\u3089\u3067\u30A2\u30AF\u30BB\u30B9\u3067\u304D\u307E\u3059\u3002 ",
+        title: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B\u9805\u76EE\u304C\u3042\u308A\u307E\u305B\u3093",
+        itemsTitle: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B%{itemsLabel}\u304C\u3042\u308A\u307E\u305B\u3093",
+        tooltip: "\u60C5\u5831\u3092%{tableName}\u306B\u8FFD\u52A0\u3059\u308B\u3068\u3001[%{featureName}]\u30DC\u30BF\u30F3\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
+        featureFilter: "\u30D5\u30A3\u30EB\u30BF\u30FC",
+        featureSearch: "\u691C\u7D22",
+        featureGroupBy: "\u30B0\u30EB\u30FC\u30D7\u5316",
+        featureConfigure: "\u69CB\u6210",
+        tableNameFallback: "\u8868"
+      }
+    },
+    bulkActions: {
+      apply: "\u9069\u7528\u3059\u308B",
+      bulkEdit: "\u4E00\u62EC\u7DE8\u96C6",
+      cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB",
+      editValues: "\u5024\u3092\u7DE8\u96C6\u3059\u308B",
+      error: "\u7533\u3057\u8A33\u3042\u308A\u307E\u305B\u3093\u304C\u3001\u9805\u76EE\u3092\u66F4\u65B0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002\u518D\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",
+      placeholderForField: "%{fieldName}\u3092\u5165\u529B\u3059\u308B",
+      selection: "%{count}%{number}\u3092\u9078\u629E\u3057\u307E\u3057\u305F",
+      success: "\u9805\u76EE\u306F\u6B63\u5E38\u306B\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F\u3002",
+      one: "\u9805\u76EE",
+      many: "\u9805\u76EE"
+    },
+    exporting: "\u30A8\u30AF\u30B9\u30DD\u30FC\u30C8\u4E2D...",
+    filters: {
+      filters: "\u30D5\u30A3\u30EB\u30BF\u30FC",
+      moreFilters: "\u305D\u306E\u4ED6\u306E\u30D5\u30A3\u30EB\u30BF\u30FC",
+      clearAllFilters: "\u3059\u3079\u3066\u306E\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u30AF\u30EA\u30A2",
+      close: "\u9589\u3058\u308B",
+      locationFilter: {
+        selectAll: "\u3059\u3079\u3066\u3092\u9078\u629E\u3059\u308B",
+        includeSublocations: "\u30B5\u30D6\u30ED\u30B1\u30FC\u30B7\u30E7\u30F3\u3092\u542B\u3081\u308B",
+        searchLocations: "\u5834\u6240\u3092\u691C\u7D22",
+        locations: "\u5834\u6240"
+      },
+      numberFilter: {
+        labels: {
+          and: "\u305D\u3057\u3066",
+          input_placeholder: "\u5024\u3092\u5165\u529B",
+          placeholder: "\u9805\u76EE\u3092\u9078\u629E\u3059\u308B"
+        },
+        options: {
+          any_value: "\u4EFB\u610F\u306E\u5024",
+          is_between: "\u9593\u306B\u3042\u308B",
+          greater_than: "\u3088\u308A\u5927\u304D\u3044",
+          greater_than_equal_to: "\u4EE5\u4E0A\u3067\u3042\u308B",
+          less_than: "\u672A\u6E80\u3067\u3042\u308B",
+          less_than_equal_to: "\u4EE5\u4E0B\u3067\u3059",
+          no_value: "\u5024\u304C\u3042\u308A\u307E\u305B\u3093"
+        }
+      }
+    },
+    loading: {
+      initial: "\u60C5\u5831\u3092\u8AAD\u307F\u8FBC\u3093\u3067\u3044\u307E\u3059\u3002",
+      secondary: "\u60C5\u5831\u3092\u8AAD\u307F\u8FBC\u3093\u3067\u3044\u307E\u3059\u3002\u3057\u3070\u3089\u304F\u304A\u5F85\u3061\u304F\u3060\u3055\u3044\u3002"
+    },
+    menuOptions: {
+      sortMenuItem: {
+        label: "\u3053\u306E\u5217\u3067\u4E26\u3079\u66FF\u3048\u308B",
+        sortAscItem: "\u5217\u3092\u6607\u9806\u306B\u4E26\u3079\u66FF\u3048\u308B",
+        sortDescItem: "\u5217\u3092\u964D\u9806\u306B\u4E26\u3079\u66FF\u3048\u308B",
+        sortResetItem: "\u5217\u306F\u4E26\u3079\u66FF\u3048\u3089\u308C\u3066\u3044\u307E\u305B\u3093"
+      },
+      expandAllGroups: "\u3059\u3079\u3066\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B\u3059\u308B",
+      collapseAllGroups: "\u3059\u3079\u3066\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080",
+      pinColumn: "\u5217\u3092\u30D4\u30F3\u7559\u3081\u3059\u308B",
+      pinLeft: "\u5DE6\u5074\u3092\u30D4\u30F3\u7559\u3081\u3059\u308B",
+      pinRight: "\u53F3\u5074\u3092\u30D4\u30F3\u7559\u3081\u3059\u308B",
+      noPin: "\u30D4\u30F3\u7559\u3081\u306F\u3042\u308A\u307E\u305B\u3093",
+      autoSizeThisColumn: "\u3053\u306E\u5217\u3092\u81EA\u52D5\u30B5\u30A4\u30BA\u8ABF\u6574\u3059\u308B",
+      autoSizeAllColumns: "\u3059\u3079\u3066\u306E\u5217\u3092\u81EA\u52D5\u30B5\u30A4\u30BA\u8ABF\u6574\u3059\u308B",
+      resetColumns: "\u5217\u3092\u30EA\u30BB\u30C3\u30C8\u3059\u308B",
+      unGroupBy: "{{label}}\u3067\u30B0\u30EB\u30FC\u30D7\u5316\u3092\u89E3\u9664\u3059\u308B",
+      groupBy: "{{label}}\u3067\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B"
+    },
+    grandTotals: "\u5358\u7D14\u96C6\u8A08",
+    search: "\u691C\u7D22",
+    subtotals: "\u5C0F\u8A08",
+    tableSettings: {
+      configureColumns: "\u5217\u3092\u69CB\u6210",
+      resetToDefault: "\u3059\u3079\u3066\u3092\u8868\u793A\u3059\u308B",
+      rowHeight: "\u5217\u306E\u9AD8\u3055",
+      small: "\u5C0F",
+      medium: "\u4E2D",
+      large: "\u5927",
+      tableSettings: "\u8868\u306E\u8A2D\u5B9A",
+      groupBy: "\u30B0\u30EB\u30FC\u30D7\u5316:",
+      reset: "\u30EA\u30BB\u30C3\u30C8",
+      selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E"
+    },
+    rowGroupToggle: {
+      expandTierOne: "\u8868\u306E\u6700\u521D\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u958B\u304D\u307E\u3059\u3002",
+      expandAll: "\u8868\u306E\u3059\u3079\u3066\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u958B\u304D\u307E\u3059\u3002",
+      collapseAll: "\u8868\u306E\u3059\u3079\u3066\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u9589\u3058\u307E\u3059\u3002"
+    },
+    columnGroupToggle: {
+      collapse: "\u5217\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u7573\u3080",
+      expand: "\u5217\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B\u3059\u308B"
+    },
+    cells: {
+      textCell: {
+        placeholder: "\u30C6\u30AD\u30B9\u30C8\u3092\u5165\u529B\u3059\u308B"
+      },
+      currencyCell: {
+        placeholder: "\u901A\u8CA8\u3092\u5165\u529B\u3059\u308B"
+      },
+      numberCell: {
+        placeholder: "\u756A\u53F7\u3092\u5165\u529B\u3059\u308B"
+      },
+      percentCell: {
+        placeholder: "%\u3092\u5165\u529B"
+      },
+      pillCell: {
+        placeholder: "{{label}}\u3092\u9078\u629E\u3059\u308B"
+      },
+      selectCell: {
+        placeholder: "{{label}}\u3092\u9078\u629E\u3059\u308B"
+      },
+      booleanCell: {
+        options: {
+          yes: "\u306F\u3044",
+          no: "\u3044\u3044\u3048"
+        }
+      }
+    },
+    filterRenders: {
+      dateFilter: {
+        single: "\u5358\u72EC",
+        range: "\u7BC4\u56F2"
+      }
+    }
+  }
+};
+
 // src/locales/pt-BR.json
 var pt_BR_default = {
   dataTable: {
@@ -80088,6 +80279,7 @@ var translations = {
   "fr-CA": fr_CA_default,
   "fr-FR": fr_FR_default,
   "is-IS": is_IS_default,
+  "ja-JP": ja_JP_default,
   "pt-BR": pt_BR_default,
   "th-TH": th_TH_default,
   "zh-SG": zh_SG_default
@@ -80690,24 +80882,24 @@ var useTableApi = ({
     });
   };
   const selectRows = React82.useCallback(
-    (rowIds) => {
+    (rowIds, source) => {
       rowIds?.forEach((id) => {
         const rowNode = gridApi?.getRowNode(id.toString());
         if (!rowNode)
           return;
-        rowNode.setSelected(true);
+        rowNode.setSelected(true, void 0, source);
         onSelectionChanged(rowNode);
       });
     },
     [gridApi]
   );
   const deselectRows = React82.useCallback(
-    (rowIds) => {
+    (rowIds, source) => {
       rowIds?.forEach((id) => {
         const rowNode = gridApi?.getRowNode(id.toString());
         if (!rowNode)
           return;
-        rowNode.setSelected(false);
+        rowNode.setSelected(false, void 0, source);
         onSelectionChanged(rowNode);
       });
     },
@@ -82050,7 +82242,6 @@ var TablePagination = ({
     page: 0,
     items: 0
   });
-  const { rowSelectionRef } = useInternalTableContext();
   React82.useEffect(() => {
     function onPaginationChanged(params) {
       if (gridApi && params.api.paginationGetCurrentPage() !== pagination.page || pagination.items !== params.api.paginationGetRowCount()) {
@@ -82058,10 +82249,6 @@ var TablePagination = ({
           page: params.api.paginationGetCurrentPage(),
           items: params.api.paginationGetRowCount()
         });
-        if (params.api.getModel().getType() === "serverSide") {
-          rowSelectionRef?.current?.affectedRows && (rowSelectionRef.current.affectedRows = {});
-          gridApi?.deselectAll();
-        }
       }
     }
     gridApi?.addEventListener("paginationChanged", onPaginationChanged);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "13.2.2",
+  "version": "13.3.1",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "main": "dist/legacy/index.js",
   "module": "dist/legacy/index.mjs",
@@ -103,7 +103,7 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.0.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "11.31.0",
+    "@procore/core-react": "11.33.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/labs-financials-utils": "3.0.1",
     "@procore/labs-procore-environment": "3.2.0",