@procore/data-table 14.31.0 → 14.32.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 14.32.0
+
+### Minor Changes
+
+- 76650bc: Support Styled Components v6 for peerDep upper limit
+
+### Patch Changes
+
+- Updated dependencies [76650bc]
+  - @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
+
 ## 14.31.0
 
 ### Minor Changes
@@ -9,14 +23,6 @@
 ### Patch Changes
 
 - a9ac0ff: Yarn 4 migration
-
-  - Update to Yarn 4
-  - Update README instructions
-  - Update workspace syntax
-  - Update CircleCI config
-  - Replace Husky with Git hooks
-  - Fix minor TypeScript build issues
-
 - Updated dependencies [a9ac0ff]
   - @procore/labs-datetime-select@0.1.2
   - @procore/labs-group-by-select@4.0.1

package/dist/legacy/index.cjs

@@ -52628,9 +52628,6 @@ var Renderer6 = ({
     },
     [(_e = columnDefinition.cellRendererParams) == null ? void 0 : _e.getInitials]
   );
-  React80__default.default.useEffect(() => {
-    setFullCellView(rowHeight === rowSize.lg || rowHeight === rowSize.md);
-  }, [rowHeight]);
   const getPersonNameWithCompany = React80__default.default.useCallback(
     (person) => {
       const name = getPersonName(person);
@@ -52639,6 +52636,9 @@ var Renderer6 = ({
     },
     [getCompanyName, getPersonName]
   );
+  React80__default.default.useEffect(() => {
+    setFullCellView(rowHeight === rowSize.lg || rowHeight === rowSize.md);
+  }, [rowHeight]);
   const namesWithCompany = React80__default.default.useMemo(
     () => getPeople().map(getPersonNameWithCompany).join(", "),
     [getPeople, getPersonNameWithCompany]
@@ -54013,7 +54013,7 @@ var NumberFilterRenderer = React80__default.default.memo(
         return {
           type: prev == null ? void 0 : prev.type,
           filter: prev == null ? void 0 : prev.filter,
-          filterTo: inputValue
+          filterTo: inputValue !== "" ? Number(inputValue) : void 0
         };
       });
       if (inputValue === void 0 || inputValue === "") {
@@ -54023,7 +54023,7 @@ var NumberFilterRenderer = React80__default.default.memo(
         return {
           type: prev == null ? void 0 : prev.type,
           filter: prev == null ? void 0 : prev.filter,
-          filterTo: inputValue
+          filterTo: Number(inputValue)
         };
       });
     }, []);
@@ -54291,7 +54291,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__default.default.createElement(
       Component4,
@@ -104625,11 +104625,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"
@@ -104796,11 +104791,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"
@@ -104864,7 +104854,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",
@@ -104967,11 +104957,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"
@@ -105035,7 +105020,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",
@@ -105138,11 +105123,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"
@@ -105480,11 +105460,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"
@@ -105635,7 +105610,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",
@@ -105648,14 +105623,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"
@@ -105819,14 +105789,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"
@@ -105949,7 +105914,7 @@ var fr_CA_default = {
     },
     filterRenders: {
       dateFilter: {
-        single: "Seul",
+        single: "Unique",
         range: "Intervalle"
       }
     },
@@ -105990,14 +105955,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"
@@ -106164,11 +106124,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"
@@ -106335,11 +106290,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"
@@ -106506,11 +106456,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"
@@ -106845,14 +106790,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"
@@ -107016,14 +106956,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"
@@ -107190,11 +107125,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"
@@ -109064,7 +108994,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;
       }
     },
@@ -109637,14 +109567,14 @@ function ClientSideFilterInner(props) {
   const { Component: Component4, columnDefinition, onChange, options, value } = props;
   const filterHeading = ((_b = (_a = columnDefinition.filterProps) == null ? void 0 : _a.getFilterHeadingText) == null ? void 0 : _b.call(_a, columnDefinition)) ?? columnDefinition.headerName;
   const filterOptions = React80__default.default.useMemo(() => options ?? [], [options]);
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { as: "li", display: "block", paddingBottom: "xl", style: { width: "100%" } }, filterHeading ? /* @__PURE__ */ React80__default.default.createElement(
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { as: "li", display: "block", paddingBottom: "xl", style: { width: "100%" } }, filterHeading && /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Label,
     {
       "data-qa": `data-table-filter-heading-${columnDefinition.field}`,
       id: `data-table-filter-heading-${columnDefinition.field}`
     },
-    filterHeading
-  ) : null, /* @__PURE__ */ React80__default.default.createElement(
+    /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, filterHeading)
+  ), /* @__PURE__ */ React80__default.default.createElement(
     Component4,
     {
       "data-qa": `data-table-filter-input-${columnDefinition.field}`,
@@ -110646,58 +110576,60 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
         const isValueEmpty = ["", null, void 0].includes(
           ctx.state.value
         );
-        return /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
+        return /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
           isValueEmpty,
           ctx.state.selectedLabel,
           ctx.config.placeholder,
           filterName
-        ));
+        )));
       }),
-      TriggerContainer: React80__default.default.forwardRef((props, ref) => {
-        const ctx = coreReact.UNSAFE_useSuperSelectContext();
-        if (!Array.isArray(ctx.state.value)) {
+      TriggerContainer: React80__default.default.forwardRef(
+        (props, ref) => {
+          const ctx = coreReact.UNSAFE_useSuperSelectContext();
+          if (!Array.isArray(ctx.state.value)) {
+            return /* @__PURE__ */ React80__default.default.createElement(
+              coreReact.UNSAFE_StyledSuperSelectTrigger,
+              {
+                $block: ctx.config.block,
+                ...props,
+                ref
+              }
+            );
+          }
           return /* @__PURE__ */ React80__default.default.createElement(
-            coreReact.UNSAFE_StyledSuperSelectTrigger,
+            coreReact.Popover,
             {
-              $block: ctx.config.block,
-              ...props,
-              ref
-            }
+              placement: "top",
+              trigger: ctx.state.value.length > 1 ? "hover" : "none",
+              overlay: /* @__PURE__ */ React80__default.default.createElement(StyledFilterPresetPopoverContent, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.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__default.default.createElement(
+              coreReact.UNSAFE_StyledSuperSelectTrigger,
+              {
+                $block: ctx.config.block,
+                ...props,
+                ref
+              }
+            )
           );
         }
-        return /* @__PURE__ */ React80__default.default.createElement(
-          coreReact.Popover,
-          {
-            placement: "top",
-            trigger: ctx.state.value.length > 1 ? "hover" : "none",
-            overlay: /* @__PURE__ */ React80__default.default.createElement(StyledFilterPresetPopoverContent, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.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__default.default.createElement(
-            coreReact.UNSAFE_StyledSuperSelectTrigger,
-            {
-              $block: ctx.config.block,
-              ...props,
-              ref
-            }
-          )
-        );
-      }),
+      ),
       MultiValueContainer: () => {
         const ctx = coreReact.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__default.default.createElement(coreReact.UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
+          return /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
             isValueEmpty,
             value,
             ctx.config.placeholder,
             filterName
-          ));
+          )));
         }
         return /* @__PURE__ */ React80__default.default.createElement("div", null, "Value is not an array");
       }
@@ -111254,7 +111186,7 @@ var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef) {
         return null;
       }
-      return /* @__PURE__ */ React80__default.default.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken.Label, null, getFilterTokenText(colDef, filter.filterValues)), /* @__PURE__ */ React80__default.default.createElement(
+      return /* @__PURE__ */ React80__default.default.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, getFilterTokenText(colDef, filter.filterValues))), /* @__PURE__ */ React80__default.default.createElement(
         coreReact.UNSAFE_FilterToken.Remove,
         {
           onClick: () => {
@@ -111353,10 +111285,10 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
         return null;
       }
       const filter = getListFilter(fieldName);
-      return /* @__PURE__ */ React80__default.default.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken.Label, null, getFilterTokenText(
+      return /* @__PURE__ */ React80__default.default.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, getFilterTokenText(
         colDef,
         colDef.filterRenderer === DateFilterRenderer_default ? filter.value : filter.selected
-      )), /* @__PURE__ */ React80__default.default.createElement(
+      ))), /* @__PURE__ */ React80__default.default.createElement(
         coreReact.UNSAFE_FilterToken.Remove,
         {
           "data-qa": "data-table-quick-filter-remove-token",

package/dist/legacy/index.d.cts

@@ -76,9 +76,10 @@ type NumberFilterValue$1 = {
     filter?: number;
     filterTo?: number;
 } | undefined;
-declare const NumberFilterRenderer: React__default.NamedExoticComponent<FilterComponentProps<unknown, NumberFilterValue$1> & {
-    'aria-labelledby'?: string | undefined;
-}>;
+type NumberFilterProps = FilterComponentProps<unknown, NumberFilterValue$1> & {
+    'aria-labelledby'?: string;
+};
+declare const NumberFilterRenderer: React__default.NamedExoticComponent<NumberFilterProps>;
 
 interface MenuDropdownOption extends Omit<DropdownFlyoutOption, 'children'> {
     action?: (params: ColDef | null) => void;
@@ -1445,7 +1446,7 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
     ContextPanel: React__default.FC<TablePanelProps>;
-    QuickControls: React__default.FunctionComponent<QuickControlsProps>;
+    QuickControls: React__default.FunctionComponent<React__default.PropsWithChildren<QuickControlsProps>>;
     QuickFilters: React__default.FunctionComponent<{
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
@@ -1482,7 +1483,7 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
     ContextPanel: React__default.FC<TablePanelProps>;
-    QuickControls: React__default.FunctionComponent<QuickControlsProps>;
+    QuickControls: React__default.FunctionComponent<React__default.PropsWithChildren<QuickControlsProps>>;
     QuickFilters: React__default.FunctionComponent<{
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;

package/dist/legacy/index.d.ts

@@ -76,9 +76,10 @@ type NumberFilterValue$1 = {
     filter?: number;
     filterTo?: number;
 } | undefined;
-declare const NumberFilterRenderer: React__default.NamedExoticComponent<FilterComponentProps<unknown, NumberFilterValue$1> & {
-    'aria-labelledby'?: string | undefined;
-}>;
+type NumberFilterProps = FilterComponentProps<unknown, NumberFilterValue$1> & {
+    'aria-labelledby'?: string;
+};
+declare const NumberFilterRenderer: React__default.NamedExoticComponent<NumberFilterProps>;
 
 interface MenuDropdownOption extends Omit<DropdownFlyoutOption, 'children'> {
     action?: (params: ColDef | null) => void;
@@ -1445,7 +1446,7 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
     ContextPanel: React__default.FC<TablePanelProps>;
-    QuickControls: React__default.FunctionComponent<QuickControlsProps>;
+    QuickControls: React__default.FunctionComponent<React__default.PropsWithChildren<QuickControlsProps>>;
     QuickFilters: React__default.FunctionComponent<{
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
@@ -1482,7 +1483,7 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
     ContextPanel: React__default.FC<TablePanelProps>;
-    QuickControls: React__default.FunctionComponent<QuickControlsProps>;
+    QuickControls: React__default.FunctionComponent<React__default.PropsWithChildren<QuickControlsProps>>;
     QuickFilters: React__default.FunctionComponent<{
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;