@procore/data-table 14.31.0 → 14.32.0

package/dist/modern/index.js

@@ -52592,9 +52592,6 @@ var Renderer6 = ({
     },
     [columnDefinition.cellRendererParams?.getInitials]
   );
-  React80.useEffect(() => {
-    setFullCellView(rowHeight === rowSize.lg || rowHeight === rowSize.md);
-  }, [rowHeight]);
   const getPersonNameWithCompany = React80.useCallback(
     (person) => {
       const name = getPersonName(person);
@@ -52603,6 +52600,9 @@ var Renderer6 = ({
     },
     [getCompanyName, getPersonName]
   );
+  React80.useEffect(() => {
+    setFullCellView(rowHeight === rowSize.lg || rowHeight === rowSize.md);
+  }, [rowHeight]);
   const namesWithCompany = React80.useMemo(
     () => getPeople().map(getPersonNameWithCompany).join(", "),
     [getPeople, getPersonNameWithCompany]
@@ -53940,7 +53940,7 @@ var NumberFilterRenderer = React80.memo(
         return {
           type: prev?.type,
           filter: prev?.filter,
-          filterTo: inputValue
+          filterTo: inputValue !== "" ? Number(inputValue) : void 0
         };
       });
       if (inputValue === void 0 || inputValue === "") {
@@ -53950,7 +53950,7 @@ var NumberFilterRenderer = React80.memo(
         return {
           type: prev?.type,
           filter: prev?.filter,
-          filterTo: inputValue
+          filterTo: Number(inputValue)
         };
       });
     }, []);
@@ -54217,7 +54217,7 @@ var ServerSideFilter = ({
         "data-qa": `data-table-filter-heading-${fieldName}`,
         id: `data-table-filter-heading-${fieldName}`
       },
-      filterHeading
+      typeof filterHeading === "function" ? filterHeading({}) : filterHeading
     ) : null,
     /* @__PURE__ */ React80.createElement(
       Component4,
@@ -104446,11 +104446,6 @@ var de_DE_default = {
       error: "Entschuldigung, die Elemente konnten nicht aktualisiert werden. Versuchen Sie es noch einmal.",
       placeholderForField: "%{fieldName} eingeben",
       selection: "%{count} %{number} ausgew\xE4hlt",
-      selection_count: {
-        zero: "%{count} Elemente ausgew\xE4hlt",
-        one: "%{count} Element ausgew\xE4hlt",
-        other: "%{count} Elemente ausgew\xE4hlt"
-      },
       success: "Die Elemente wurden erfolgreich aktualisiert.",
       one: "Element",
       many: "Elemente"
@@ -104617,11 +104612,6 @@ var en_AU_default = {
       error: "Sorry, the items couldn't be updated. Try again.",
       placeholderForField: "Enter %{fieldName}",
       selection: "%{count} %{number} selected",
-      selection_count: {
-        zero: "%{count} items selected",
-        one: "%{count} item selected",
-        other: "%{count} items selected"
-      },
       success: "The items were successfully updated.",
       one: "item",
       many: "items"
@@ -104685,7 +104675,7 @@ var en_AU_default = {
       autoSizeAllColumns: "Autosize all columns",
       hideColumn: "Hide column",
       resetColumns: "Reset columns",
-      unGroupBy: "Un-Group by {{label}}",
+      unGroupBy: "Un-group by {{label}}",
       groupBy: "Group by {{label}}"
     },
     grandTotals: "Grand totals",
@@ -104788,11 +104778,6 @@ var en_CA_default = {
       error: "Sorry, the items couldn't be updated. Try again.",
       placeholderForField: "Enter %{fieldName}",
       selection: "%{count} %{number} selected",
-      selection_count: {
-        zero: "%{count} items selected",
-        one: "%{count} item selected",
-        other: "%{count} items selected"
-      },
       success: "The items were successfully updated.",
       one: "item",
       many: "items"
@@ -104856,7 +104841,7 @@ var en_CA_default = {
       autoSizeAllColumns: "Autosize all columns",
       hideColumn: "Hide column",
       resetColumns: "Reset columns",
-      unGroupBy: "Un-Group by {{label}}",
+      unGroupBy: "Un-group by {{label}}",
       groupBy: "Group by {{label}}"
     },
     grandTotals: "Grand totals",
@@ -104959,11 +104944,6 @@ var en_GB_default = {
       error: "Sorry, the items couldn't be updated. Try again.",
       placeholderForField: "Enter %{fieldName}",
       selection: "%{count} %{number} selected",
-      selection_count: {
-        zero: "%{count} items selected",
-        one: "%{count} item selected",
-        other: "%{count} items selected"
-      },
       success: "The items were successfully updated.",
       one: "item",
       many: "items"
@@ -105301,11 +105281,6 @@ var es_ES_default = {
       error: "No se han podido actualizar los elementos. Int\xE9ntelo de nuevo.",
       placeholderForField: "Introducir %{fieldName}",
       selection: "%{count} %{number} seleccionados",
-      selection_count: {
-        zero: "%{count} elementos seleccionados",
-        one: "%{count} elemento seleccionado",
-        other: "%{count} elementos seleccionados"
-      },
       success: "Los elementos se han actualizado correctamente.",
       one: "elemento",
       many: "elementos"
@@ -105456,7 +105431,7 @@ var es_default = {
         title: "No hay \xEDtems para mostrar en este momento",
         itemsTitle: "No hay %{itemsLabel} para mostrar en este momento",
         tooltip: "El bot\xF3n %{featureName} se habilitar\xE1 una vez que agregue informaci\xF3n a la %{tableName}.",
-        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a la %{tableName}.",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a la %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -105469,14 +105444,9 @@ var es_default = {
       bulkEdit: "Edici\xF3n masiva",
       cancel: "Cancelar",
       editValues: "Editar valores",
-      error: "Lo sentimos, no se pudieron actualizar los \xEDtems. Vuelva a intentarlo.",
+      error: "Lo sentimos, no se pudieron actualizar los \xEDtems. Int\xE9ntelo de nuevo.",
       placeholderForField: "Ingrese %{fieldName}",
       selection: "%{count} %{number} seleccionado",
-      selection_count: {
-        zero: "%{count} \xEDtems seleccionados",
-        one: "%{count} \xEDtem seleccionado",
-        other: "%{count} \xEDtems seleccionados"
-      },
       success: "Los \xEDtems se actualizaron correctamente.",
       one: "\xEDtem",
       many: "\xEDtems"
@@ -105640,14 +105610,9 @@ var fr_CA_default = {
       bulkEdit: "Modifier en bloc",
       cancel: "Annuler",
       editValues: "Modifier les valeurs",
-      error: "D\xE9sol\xE9, les items n'ont pas pu \xEAtre mis \xE0 jour. R\xE9essayer.",
+      error: "D\xE9sol\xE9, les items n'ont pas pu \xEAtre mis \xE0 jour. Veuillez r\xE9essayer.",
       placeholderForField: "Entrez %{fieldName}",
       selection: "%{count} %{number} s\xE9lectionn\xE9",
-      selection_count: {
-        zero: "%{count}\xA0items s\xE9lectionn\xE9s",
-        one: "%{count}\xA0item s\xE9lectionn\xE9",
-        other: "%{count}\xA0items s\xE9lectionn\xE9s"
-      },
       success: "Les items ont \xE9t\xE9 mis \xE0 jour avec succ\xE8s.",
       one: "Item",
       many: "items"
@@ -105770,7 +105735,7 @@ var fr_CA_default = {
     },
     filterRenders: {
       dateFilter: {
-        single: "Seul",
+        single: "Unique",
         range: "Intervalle"
       }
     },
@@ -105811,14 +105776,9 @@ var fr_FR_default = {
       bulkEdit: "Modifier en masse",
       cancel: "Annuler",
       editValues: "Modifier les valeurs",
-      error: "D\xE9sol\xE9, les \xE9l\xE9ments n'ont pas pu \xEAtre mis \xE0 jour. R\xE9essayez.",
+      error: "D\xE9sol\xE9, les \xE9l\xE9ments n'ont pas pu \xEAtre mis \xE0 jour. Veuillez r\xE9essayer.",
       placeholderForField: "Saisissez %{fieldName}",
       selection: "%{count} %{number} s\xE9lectionn\xE9",
-      selection_count: {
-        zero: "%{count}\xA0\xE9l\xE9ments s\xE9lectionn\xE9s",
-        one: "%{count}\xA0\xE9l\xE9ment s\xE9lectionn\xE9",
-        other: "%{count}\xA0\xE9l\xE9ments s\xE9lectionn\xE9s"
-      },
       success: "Les \xE9l\xE9ments ont bien \xE9t\xE9 mis \xE0 jour.",
       one: "\xE9l\xE9ment",
       many: "\xE9l\xE9ments"
@@ -105985,11 +105945,6 @@ var is_IS_default = {
       error: "\xDEv\xED mi\xF0ur var ekki h\xE6gt a\xF0 uppf\xE6ra atri\xF0in. Reyndu aftur.",
       placeholderForField: "Sl\xE1\xF0u inn %{fieldName}",
       selection: "%{count} %{number} valinn",
-      selection_count: {
-        zero: "%{count} atri\xF0i valin",
-        one: "%{count} atri\xF0i vali\xF0",
-        other: "%{count} atri\xF0i valin"
-      },
       success: "Atri\xF0in voru uppf\xE6r\xF0.",
       one: "Atri\xF0i",
       many: "Hlutir"
@@ -106156,11 +106111,6 @@ var ja_JP_default = {
       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",
       selection: "%{count}%{number}\u3092\u9078\u629E\u3057\u307E\u3057\u305F",
-      selection_count: {
-        zero: "%{count}\u500B\u306E\u9805\u76EE\u3092\u9078\u629E\u3057\u307E\u3057\u305F",
-        one: "%{count}\u500B\u306E\u9805\u76EE\u3092\u9078\u629E\u3057\u307E\u3057\u305F",
-        other: "%{count}\u500B\u306E\u9805\u76EE\u3092\u9078\u629E\u3057\u307E\u3057\u305F"
-      },
       success: "\u9805\u76EE\u3092\u6B63\u5E38\u306B\u66F4\u65B0\u3057\u307E\u3057\u305F\u3002",
       one: "\u9805\u76EE",
       many: "\u9805\u76EE"
@@ -106327,11 +106277,6 @@ var pl_PL_default = {
       error: "Przepraszamy, nie mo\u017Cna zaktualizowa\u0107 pozycji.  Spr\xF3buj ponownie.",
       placeholderForField: "Wprowad\u017A %{fieldName}",
       selection: "Wybrano %{count} %{number}",
-      selection_count: {
-        zero: "Wybrano pozycje: %{count}",
-        one: "Wybrano pozycji: %{count}",
-        other: "Wybrano pozycje: %{count}"
-      },
       success: "Pozycje zosta\u0142y pomy\u015Blnie zaktualizowane.",
       one: "pozycja",
       many: "pozycje"
@@ -106666,14 +106611,9 @@ var pt_BR_default = {
       bulkEdit: "Edi\xE7\xE3o em Massa",
       cancel: "Cancelar",
       editValues: "Editar Valores",
-      error: "Lamentamos, mas n\xE3o foi poss\xEDvel atualizar os itens. Tente novamente.",
+      error: "Sentimos muito, mas n\xE3o foi poss\xEDvel atualizar os itens. Tente novamente.",
       placeholderForField: "Digite %{fieldName}",
       selection: "%{count} %{number} selecionado",
-      selection_count: {
-        zero: "%{count} itens selecionados",
-        one: "%{count} item selecionado",
-        other: "%{count} itens selecionados"
-      },
       success: "Os itens foram atualizados com sucesso.",
       one: "item",
       many: "itens"
@@ -106837,14 +106777,9 @@ var th_TH_default = {
       bulkEdit: "\u0E01\u0E32\u0E23\u0E41\u0E01\u0E49\u0E44\u0E02\u0E41\u0E1A\u0E1A\u0E01\u0E25\u0E38\u0E48\u0E21",
       cancel: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01",
       editValues: "\u0E41\u0E01\u0E49\u0E44\u0E02\u0E04\u0E48\u0E32",
-      error: "\u0E02\u0E2D\u0E2D\u0E20\u0E31\u0E22 \u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E2D\u0E31\u0E1B\u0E40\u0E14\u0E15\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E44\u0E14\u0E49 \u0E42\u0E1B\u0E23\u0E14\u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
+      error: "\u0E02\u0E2D\u0E2D\u0E20\u0E31\u0E22 \u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E2D\u0E31\u0E1B\u0E40\u0E14\u0E15\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E44\u0E14\u0E49 \u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07.",
       placeholderForField: "\u0E1B\u0E49\u0E2D\u0E19 %{fieldName}",
       selection: "%{count} %{number} \u0E17\u0E35\u0E48\u0E40\u0E25\u0E37\u0E2D\u0E01",
-      selection_count: {
-        zero: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27 %{count} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23",
-        one: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27 %{count} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23",
-        other: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27 %{count} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23"
-      },
       success: "\u0E2D\u0E31\u0E1B\u0E40\u0E14\u0E15\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08\u0E41\u0E25\u0E49\u0E27",
       one: "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23",
       many: "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23"
@@ -107011,11 +106946,6 @@ var zh_SG_default = {
       error: "\u62B1\u6B49\uFF0C\u65E0\u6CD5\u66F4\u65B0\u6B64\u9879\u3002\u8BF7\u91CD\u8BD5\u3002",
       placeholderForField: "\u8F93\u5165 %{fieldName}",
       selection: "\u5DF2\u9009\u62E9 %{count} %{number}",
-      selection_count: {
-        zero: "\u5DF2\u9009\u62E9 %{count} \u9879",
-        one: "\u5DF2\u9009\u62E9 %{count} \u9879",
-        other: "\u5DF2\u9009\u62E9 %{count} \u9879"
-      },
       success: "\u5DF2\u6210\u529F\u66F4\u65B0\u8FD9\u4E9B\u9879\u3002",
       one: "\u9879",
       many: "\u9879"
@@ -108843,7 +108773,7 @@ var Table = (props) => {
           (acc, column3) => acc + column3.width,
           0
         );
-        const currentPinnedColumnMaxWidth = tableWidth - totalPinnedWidth + column2.actualWidth - 50;
+        const currentPinnedColumnMaxWidth = tableWidth - totalPinnedWidth + column2.getActualWidth() - 50;
         column2.maxWidth = currentPinnedColumnMaxWidth;
       }
     },
@@ -109406,14 +109336,14 @@ function ClientSideFilterInner(props) {
   const { Component: Component4, columnDefinition, onChange, options, value } = props;
   const filterHeading = columnDefinition.filterProps?.getFilterHeadingText?.(columnDefinition) ?? columnDefinition.headerName;
   const filterOptions = React80.useMemo(() => options ?? [], [options]);
-  return /* @__PURE__ */ React80.createElement(Box, { as: "li", display: "block", paddingBottom: "xl", style: { width: "100%" } }, filterHeading ? /* @__PURE__ */ React80.createElement(
+  return /* @__PURE__ */ React80.createElement(Box, { as: "li", display: "block", paddingBottom: "xl", style: { width: "100%" } }, filterHeading && /* @__PURE__ */ React80.createElement(
     Label$1,
     {
       "data-qa": `data-table-filter-heading-${columnDefinition.field}`,
       id: `data-table-filter-heading-${columnDefinition.field}`
     },
-    filterHeading
-  ) : null, /* @__PURE__ */ React80.createElement(
+    /* @__PURE__ */ React80.createElement(React80.Fragment, null, filterHeading)
+  ), /* @__PURE__ */ React80.createElement(
     Component4,
     {
       "data-qa": `data-table-filter-input-${columnDefinition.field}`,
@@ -110407,58 +110337,60 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
         const isValueEmpty = ["", null, void 0].includes(
           ctx.state.value
         );
-        return /* @__PURE__ */ React80.createElement(UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
+        return /* @__PURE__ */ React80.createElement(UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, /* @__PURE__ */ React80.createElement(React80.Fragment, null, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
           isValueEmpty,
           ctx.state.selectedLabel,
           ctx.config.placeholder,
           filterName
-        ));
+        )));
       }),
-      TriggerContainer: React80.forwardRef((props, ref) => {
-        const ctx = UNSAFE_useSuperSelectContext();
-        if (!Array.isArray(ctx.state.value)) {
+      TriggerContainer: React80.forwardRef(
+        (props, ref) => {
+          const ctx = UNSAFE_useSuperSelectContext();
+          if (!Array.isArray(ctx.state.value)) {
+            return /* @__PURE__ */ React80.createElement(
+              UNSAFE_StyledSuperSelectTrigger,
+              {
+                $block: ctx.config.block,
+                ...props,
+                ref
+              }
+            );
+          }
           return /* @__PURE__ */ React80.createElement(
-            UNSAFE_StyledSuperSelectTrigger,
+            Popover,
             {
-              $block: ctx.config.block,
-              ...props,
-              ref
-            }
+              placement: "top",
+              trigger: ctx.state.value.length > 1 ? "hover" : "none",
+              overlay: /* @__PURE__ */ React80.createElement(StyledFilterPresetPopoverContent, null, /* @__PURE__ */ React80.createElement(Typography, null, ctx.state.value.map((v) => {
+                const option = ctx.state.options.find(
+                  (option2) => ctx.option.value(option2) === v
+                );
+                return option ? ctx.option.label(option) : "";
+              }).join(", ")))
+            },
+            /* @__PURE__ */ React80.createElement(
+              UNSAFE_StyledSuperSelectTrigger,
+              {
+                $block: ctx.config.block,
+                ...props,
+                ref
+              }
+            )
           );
         }
-        return /* @__PURE__ */ React80.createElement(
-          Popover,
-          {
-            placement: "top",
-            trigger: ctx.state.value.length > 1 ? "hover" : "none",
-            overlay: /* @__PURE__ */ React80.createElement(StyledFilterPresetPopoverContent, null, /* @__PURE__ */ React80.createElement(Typography, null, ctx.state.value.map((v) => {
-              const option = ctx.state.options.find(
-                (option2) => ctx.option.value(option2) === v
-              );
-              return option ? ctx.option.label(option) : "";
-            }).join(", ")))
-          },
-          /* @__PURE__ */ React80.createElement(
-            UNSAFE_StyledSuperSelectTrigger,
-            {
-              $block: ctx.config.block,
-              ...props,
-              ref
-            }
-          )
-        );
-      }),
+      ),
       MultiValueContainer: () => {
         const ctx = UNSAFE_useSuperSelectContext();
         if (Array.isArray(ctx.state.value)) {
           const isValueEmpty = !ctx.state.value.length;
           const value = ctx.state.value.length > 1 ? `(${ctx.state.value.length})` : ctx.state.value.length === 1 ? `${ctx.state.selectedLabel}` : "";
-          return /* @__PURE__ */ React80.createElement(UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
+          return /* @__PURE__ */ React80.createElement(UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, /* @__PURE__ */ React80.createElement(React80.Fragment, null, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
             isValueEmpty,
             value,
             ctx.config.placeholder,
             filterName
-          ));
+          )));
         }
         return /* @__PURE__ */ React80.createElement("div", null, "Value is not an array");
       }
@@ -110990,7 +110922,7 @@ var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef) {
         return null;
       }
-      return /* @__PURE__ */ React80.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken.Label, null, getFilterTokenText(colDef, filter.filterValues)), /* @__PURE__ */ React80.createElement(
+      return /* @__PURE__ */ React80.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80.createElement(React80.Fragment, null, getFilterTokenText(colDef, filter.filterValues))), /* @__PURE__ */ React80.createElement(
         UNSAFE_FilterToken.Remove,
         {
           onClick: () => tableRef?.current?.removeFilter(filter.field)
@@ -111085,10 +111017,10 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
         return null;
       }
       const filter = getListFilter(fieldName);
-      return /* @__PURE__ */ React80.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken.Label, null, getFilterTokenText(
+      return /* @__PURE__ */ React80.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80.createElement(React80.Fragment, null, getFilterTokenText(
         colDef,
         colDef.filterRenderer === DateFilterRenderer_default ? filter.value : filter.selected
-      )), /* @__PURE__ */ React80.createElement(
+      ))), /* @__PURE__ */ React80.createElement(
         UNSAFE_FilterToken.Remove,
         {
           "data-qa": "data-table-quick-filter-remove-token",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.31.0",
+  "version": "14.32.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "type": "module",
   "main": "dist/legacy/index.cjs",
@@ -76,12 +76,12 @@
     "@procore/labs-financials-utils": ">=3.0.1 < 5",
     "react": ">=16.8.0 < 19",
     "react-dom": ">=16.8.0 < 19",
-    "styled-components": ">= 5.1.1 < 6"
+    "styled-components": ">= 5.1.1 < 7"
   },
   "dependencies": {
-    "@procore/error-pages": "0.2.2",
-    "@procore/labs-datetime-select": "0.1.2",
-    "@procore/labs-group-by-select": "4.0.1",
+    "@procore/error-pages": "0.2.3",
+    "@procore/labs-datetime-select": "0.1.3",
+    "@procore/labs-group-by-select": "4.1.0",
     "@procore/toast-alert": "5.1.1",
     "@procore/web-sdk-storage": "^0.1.0",
     "classnames": "2.5.1",
@@ -113,7 +113,7 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.6.1",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "12.21.2",
+    "@procore/core-react": "12.22.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",
@@ -127,16 +127,14 @@
     "@testing-library/cypress": "10.0.1",
     "@testing-library/dom": "8.20.0",
     "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "11.0.4",
-    "@testing-library/react-hooks": "8.0.1",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "13.1.5",
     "@types/lodash.debounce": "4.0.7",
     "@types/lodash.isequal": "4.5.0",
     "@types/ramda": "0.28.23",
-    "@types/react": "17.0.55",
-    "@types/react-dom": "17.0.19",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.1",
     "@types/safe-json-stringify": "^1.1.2",
-    "@types/styled-components": "5.1.26",
     "@types/testing-library__jest-dom": "5.14.5",
     "@typescript-eslint/eslint-plugin": "5.48.2",
     "@typescript-eslint/parser": "5.48.1",
@@ -163,8 +161,8 @@
     "mocha-junit-reporter": "^2.2.1",
     "mochawesome": "^7.1.3",
     "postcss-modules": "^6.0.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "rimraf": "3.0.2",
     "safe-json-stringify": "^1.2.0",
     "sass": "1.57.1",
@@ -172,7 +170,7 @@
     "start-server-and-test": "1.15.4",
     "storybook": "^7.5.3",
     "style-loader": "3.3.1",
-    "styled-components": "5.3.9",
+    "styled-components": "6.1.18",
     "tsup": "^8.4.0",
     "typescript": "^4.9.5"
   }