@procore/data-table 14.31.0-cdn.0 → 14.32.0

package/dist/legacy/index.js

@@ -10,7 +10,6 @@ import { formatNumber, formatCurrency, formatPercentage } from '@procore/labs-fi
 import styled4, { css as css$1 } from 'styled-components';
 import { format } from '@procore/labs-financials-utils/dist/format';
 import { detectPrng, factory } from 'ulid';
-import { isCDNFeatureFlagEnabled, useRequestTranslations } from '@procore/cdn-translations';
 import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
 import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
@@ -52616,9 +52615,6 @@ var Renderer6 = ({
     },
     [(_e = columnDefinition.cellRendererParams) == null ? void 0 : _e.getInitials]
   );
-  React80.useEffect(() => {
-    setFullCellView(rowHeight === rowSize.lg || rowHeight === rowSize.md);
-  }, [rowHeight]);
   const getPersonNameWithCompany = React80.useCallback(
     (person) => {
       const name = getPersonName(person);
@@ -52627,6 +52623,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]
@@ -54001,7 +54000,7 @@ var NumberFilterRenderer = React80.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 === "") {
@@ -54011,7 +54010,7 @@ var NumberFilterRenderer = React80.memo(
         return {
           type: prev == null ? void 0 : prev.type,
           filter: prev == null ? void 0 : prev.filter,
-          filterTo: inputValue
+          filterTo: Number(inputValue)
         };
       });
     }, []);
@@ -54279,7 +54278,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,
@@ -104613,11 +104612,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"
@@ -104784,11 +104778,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"
@@ -104852,7 +104841,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",
@@ -104955,11 +104944,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"
@@ -105023,7 +105007,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",
@@ -105126,11 +105110,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"
@@ -105468,11 +105447,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"
@@ -105623,7 +105597,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",
@@ -105636,14 +105610,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"
@@ -105807,14 +105776,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"
@@ -105937,7 +105901,7 @@ var fr_CA_default = {
     },
     filterRenders: {
       dateFilter: {
-        single: "Seul",
+        single: "Unique",
         range: "Intervalle"
       }
     },
@@ -105978,14 +105942,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"
@@ -106152,11 +106111,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"
@@ -106323,11 +106277,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"
@@ -106494,11 +106443,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"
@@ -106833,14 +106777,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"
@@ -107004,14 +106943,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"
@@ -107178,11 +107112,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"
@@ -108316,8 +108245,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80.useRef(onServerSideDataRequest);
@@ -108329,28 +108257,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = useI18nContext();
-  const isCDNEnabled = isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations = useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: mergeDeepLeft(
       mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80.useRef({
     affectedRows: {},
@@ -109067,7 +108981,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;
       }
     },
@@ -109640,14 +109554,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.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}`,
@@ -110649,58 +110563,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");
       }
@@ -111257,7 +111173,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: () => {
@@ -111356,10 +111272,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",
@@ -111611,8 +111527,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -111630,8 +111545,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -116022,8 +115936,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -116042,8 +115955,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );