@procore/data-table 14.28.0-cdn.1 → 14.28.0-cdn.10

package/dist/modern/index.cjs

@@ -1422,7 +1422,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
-@keyframes _ag-shake-left-to-right_1ajw9_369 {
+@keyframes _ag-shake-left-to-right_if78k_369 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5423,7 +5423,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_1ajw9_1 {
+@keyframes _spin_if78k_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7678,6 +7678,9 @@ input[class^=ag-][type=range]:disabled {
 .ag-theme-alpine.ag-theme-alpine .ag-icon-tree-open::before {
   content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8px' height='4px'><path d='M0 0H8L4 4L0 0Z' fill='%232066DF'/></svg>");
 }
+.ag-theme-alpine.ag-theme-alpine .ag-header-cell-resize {
+  right: -5px;
+}
 .ag-theme-alpine.ag-theme-alpine .ag-header-cell-resize::after {
   width: 1px;
   height: 100%;
@@ -7931,7 +7934,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_1ajw9_7156 {
+div._contextPanel_if78k_7159 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7940,7 +7943,7 @@ div._contextPanel_1ajw9_7156 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_1ajw9_7165 {
+div._contextPanel--hidden_if78k_7168 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7948,50 +7951,50 @@ div._contextPanel--hidden_1ajw9_7165 {
   width: 0px;
 }
 
-._contextPanelWrapper_1ajw9_7173 {
+._contextPanelWrapper_if78k_7176 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_1ajw9_7178 {
+._contextPanelBody_if78k_7181 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_1ajw9_7182 {
+._contextPanel-stickyHeader_if78k_7185 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_1ajw9_7189 {
+._filters-list_if78k_7192 {
   padding: 0;
   margin: 0;
 }
-._filters-list_1ajw9_7189 ol {
+._filters-list_if78k_7192 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_1ajw9_7198 {
+._col-drag-column-icon_if78k_7201 {
   color: #6a767c;
 }
 
-._tabular-nums_1ajw9_7202 {
+._tabular-nums_if78k_7205 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_1ajw9_7156",
-  "contextPanel--hidden": "_contextPanel--hidden_1ajw9_7165",
-  "contextPanelWrapper": "_contextPanelWrapper_1ajw9_7173",
-  "contextPanelBody": "_contextPanelBody_1ajw9_7178",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_1ajw9_7182",
-  "filters-list": "_filters-list_1ajw9_7189",
-  "col-drag-column-icon": "_col-drag-column-icon_1ajw9_7198",
-  "tabular-nums": "_tabular-nums_1ajw9_7202",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_1ajw9_369",
-  "spin": "_spin_1ajw9_1"
+  "contextPanel": "_contextPanel_if78k_7159",
+  "contextPanel--hidden": "_contextPanel--hidden_if78k_7168",
+  "contextPanelWrapper": "_contextPanelWrapper_if78k_7176",
+  "contextPanelBody": "_contextPanelBody_if78k_7181",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_if78k_7185",
+  "filters-list": "_filters-list_if78k_7192",
+  "col-drag-column-icon": "_col-drag-column-icon_if78k_7201",
+  "tabular-nums": "_tabular-nums_if78k_7205",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_if78k_369",
+  "spin": "_spin_if78k_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -54322,6 +54325,9 @@ function useFilterState({
     },
     [gridApi]
   );
+  const filterableColumns = React80__default.default.useMemo(() => {
+    return columnDefinitions.filter((colDef) => !!colDef.filterRenderer).sort(sortColumnDefinitionsByFilterIndex);
+  }, [columnDefinitions]);
   const getFieldFilters = React80__default.default.useCallback(() => {
     return filterableColumns.map((column2) => {
       const filterInstance = getFieldFilter(column2.field);
@@ -54335,10 +54341,7 @@ function useFilterState({
         ...instanceOptions
       };
     }).filter((filter) => filter.instance !== void 0);
-  }, [getFieldFilter, gridApi]);
-  const filterableColumns = React80__default.default.useMemo(() => {
-    return columnDefinitions.filter((colDef) => !!colDef.filterRenderer).sort(sortColumnDefinitionsByFilterIndex);
-  }, [columnDefinitions]);
+  }, [getFieldFilter, gridApi, filterableColumns]);
   const filterEventFunction = function filterEventFunction2() {
     if (listenersEnabled.current) {
       const allFilters = getFieldFilters();
@@ -54449,6 +54452,10 @@ function ClientSideMultiSelectFilterRenderer({
   value = [],
   ...props
 }) {
+  const filterOptions = React80__default.default.useMemo(
+    () => (options ?? []).map((option) => option ?? ""),
+    [options]
+  );
   return /* @__PURE__ */ React80__default.default.createElement(
     coreReact.MultiSelect,
     {
@@ -54462,8 +54469,8 @@ function ClientSideMultiSelectFilterRenderer({
         return getLabel(columnDefinition.filterProps?.getLabel, option);
       },
       onChange,
-      options,
-      value: ramda.intersection(value || [], options)
+      options: filterOptions,
+      value: ramda.intersection(value || [], filterOptions)
     }
   );
 }
@@ -57154,7 +57161,7 @@ var SortComponent = (props) => {
   return null;
 };
 var isRowSelected = (rowNode) => {
-  return Boolean(rowNode.selectable ? rowNode.isSelected() : true);
+  return Boolean(rowNode.selectable ? rowNode.isSelected() : false);
 };
 var GenericHeaderRenderer = (props) => {
   const colDef = props.column.getColDef();
@@ -57209,22 +57216,26 @@ var GenericHeaderRenderer = (props) => {
   }, []);
   React80__default.default.useEffect(() => {
     function calculatePosition() {
-      const columns = props.columnApi.getColumnState();
-      if (!columns?.length) {
+      const visibleColumns = props.columnApi.getAllDisplayedColumns();
+      if (!visibleColumns?.length)
         return;
-      }
-      if (columns[0].colId === colId) {
-        setIsFirstColumn(true);
-      } else {
-        setIsFirstColumn(false);
-      }
+      const isCurrentFirst = visibleColumns[0].getColId() === colId;
+      setIsFirstColumn(isCurrentFirst);
     }
     props.api.addEventListener("columnMoved", calculatePosition);
+    props.api.addEventListener("columnPinned", calculatePosition);
+    props.api.addEventListener("columnVisible", calculatePosition);
     calculatePosition();
     return () => {
       removeEventListenerFromGrid("columnMoved", calculatePosition, props.api);
+      removeEventListenerFromGrid("columnPinned", calculatePosition, props.api);
+      removeEventListenerFromGrid(
+        "columnVisible",
+        calculatePosition,
+        props.api
+      );
     };
-  }, []);
+  }, [colId, props.api]);
   const onSortToggled = (event) => {
     let currentSort = null;
     if (Array.from(checkbox.current?.parentElement?.children || []).includes(
@@ -57436,7 +57447,7 @@ var GenericHeaderRenderer = (props) => {
       return;
     }
     function updateSelectAllCheckbox(e) {
-      if (e.source === "uiSelectAll") {
+      if (e && e.source === "uiSelectAll") {
         return;
       }
       const selectionState = props.api.getServerSideSelectionState();
@@ -57449,7 +57460,10 @@ var GenericHeaderRenderer = (props) => {
       );
       const isPagination = Boolean(props.api.paginationGetRowCount());
       const currentRows = getCurrentRows(props.api, isPagination);
-      const isAllSelected = isPagination ? currentRows.length && currentRows.every(isRowSelected) : isSelectionStateSelectAll;
+      const selectableRows = currentRows.filter(
+        (rowNode) => rowNode.selectable
+      );
+      const isAllSelected = isPagination ? selectableRows.length > 0 && selectableRows.every(isRowSelected) : isSelectionStateSelectAll;
       const isPartialSelected = isPagination ? !isAllSelected && currentRows.some(isRowSelected) : isSelectionStatePartialSelected;
       if (isAllSelected) {
         setSelectAll("all" /* All */);
@@ -57461,6 +57475,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -57695,6 +57710,11 @@ function getGroupNodes(params) {
 function CustomLoader(params) {
   const I18n = coreReact.useI18nContext();
   const groupNodes = getGroupNodes(params);
+  const internalTableContext = useInternalTableContext();
+  const hasDuplicateRowIds = internalTableContext.hasDuplicateRowIds ?? false;
+  if (hasDuplicateRowIds) {
+    return null;
+  }
   if (params.node === groupNodes.firstLoading) {
     return /* @__PURE__ */ React80__default.default.createElement(coreReact.Flex, { style: { paddingLeft: "16px" } }, /* @__PURE__ */ React80__default.default.createElement(
       LevelIndents,
@@ -58383,7 +58403,8 @@ var InternalTableContext = React80__default.default.createContext({
   },
   totalRowCount: 0,
   setTotalRowCount: () => {
-  }
+  },
+  hasDuplicateRowIds: false
 });
 var useInternalTableContext = () => React80__default.default.useContext(InternalTableContext);
 var prng = ulid$1.detectPrng(true);
@@ -105593,6 +105614,9 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
+      multiSelectCell: {
+        placeholder: "Werte ausw\xE4hlen"
+      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105658,7 +105682,7 @@ var en_AU_default = {
       close: "Close",
       locationFilter: {
         selectAll: "Select all",
-        includeSublocations: "Include sublocations",
+        includeSublocations: "Include sub-locations",
         searchLocations: "Search locations",
         locations: "Locations"
       },
@@ -105709,7 +105733,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",
@@ -105756,6 +105780,9 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Select values"
+      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -105872,7 +105899,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",
@@ -105919,6 +105946,9 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Select values"
+      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106082,6 +106112,9 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Select values"
+      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106411,6 +106444,9 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Seleccionar valores"
+      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106447,7 +106483,7 @@ var es_default = {
         description: "Una vez que su equipo cree \xEDtems, podr\xE1 acceder a ellos aqu\xED. ",
         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 al %{tableName}",
+        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 %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
@@ -106461,7 +106497,7 @@ 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",
       success: "Los \xEDtems se actualizaron correctamente.",
@@ -106507,14 +106543,14 @@ var es_default = {
       }
     },
     loading: {
-      initial: "Cargando informaci\xF3n.",
+      initial: "Cargando informaci\xF3n...",
       secondary: "Cargando informaci\xF3n. Gracias por su paciencia."
     },
     menuOptions: {
       sortMenuItem: {
         label: "Ordenar por esta columna",
-        sortAscItem: "Ordenar columna ascendente",
-        sortDescItem: "Ordenar columna descendente",
+        sortAscItem: "Ordenar columna - Ascendente",
+        sortDescItem: "Ordenar columna - Descendente",
         sortResetItem: "Columna no ordenada"
       },
       expandAllGroups: "Expandir todos los grupos",
@@ -106574,6 +106610,9 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Seleccionar valores"
+      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106624,7 +106663,7 @@ 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",
       success: "Les items ont \xE9t\xE9 mis \xE0 jour avec succ\xE8s.",
@@ -106737,6 +106776,9 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "S\xE9lectionner les valeurs"
+      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -106787,7 +106829,7 @@ 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",
       success: "Les \xE9l\xE9ments ont bien \xE9t\xE9 mis \xE0 jour.",
@@ -106900,6 +106942,9 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "S\xE9lectionner les valeurs"
+      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107063,6 +107108,9 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Veldu Gildi"
+      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107226,6 +107274,9 @@ var ja_JP_default = {
       selectCell: {
         placeholder: "{{label}}\u3092\u9078\u629E\u3059\u308B"
       },
+      multiSelectCell: {
+        placeholder: "\u5024\u3092\u9078\u629E"
+      },
       booleanCell: {
         options: {
           yes: "\u306F\u3044",
@@ -107389,6 +107440,9 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Wybierz warto\u015Bci"
+      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107591,8 +107645,8 @@ var pt_BR_default = {
         description: "Depois que sua equipe criar esses itens, voc\xEA poder\xE1 acess\xE1-los aqui. ",
         title: "N\xE3o H\xE1 Itens para Exibir Agora",
         itemsTitle: "N\xE3o H\xE1 %{itemsLabel} para Exibir Agora",
-        tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado assim que voc\xEA adicionar informa\xE7\xF5es ao %{tableName}",
-        searchTooltip: "A pesquisa ser\xE1 ativada assim que voc\xEA adicionar informa\xE7\xF5es \xE0 tabela %{tableName}",
+        tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado assim que voc\xEA adicionar informa\xE7\xF5es \xE0 %{tableName}",
+        searchTooltip: "A pesquisa ser\xE1 ativada assim que voc\xEA adicionar informa\xE7\xF5es \xE0 %{tableName}",
         featureFilter: "Filtrar",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -107605,7 +107659,7 @@ 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",
       success: "Os itens foram atualizados com sucesso.",
@@ -107718,6 +107772,9 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Selecionar Valores"
+      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -107768,7 +107825,7 @@ 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",
       success: "\u0E2D\u0E31\u0E1B\u0E40\u0E14\u0E15\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08\u0E41\u0E25\u0E49\u0E27",
@@ -107881,6 +107938,9 @@ var th_TH_default = {
       selectCell: {
         placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01 {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E48\u0E32"
+      },
       booleanCell: {
         options: {
           yes: "\u0E43\u0E0A\u0E48",
@@ -108044,6 +108104,9 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
+      multiSelectCell: {
+        placeholder: "\u9009\u62E9\u503C"
+      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109070,9 +109133,9 @@ var DataTable = ({
     {
       locale: clientI18n.locale,
       type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
+      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
     },
-    { en: translations.en },
+    { en: translations.en, pseudo: translations.pseudo },
     {
       oldTranslations: translations,
       enableCDN: isCDNEnabled
@@ -109137,6 +109200,7 @@ var DataTable = ({
   );
   const [gridApi, setGridApi] = React80__default.default.useState();
   const [columnApi, setColumnApi] = React80__default.default.useState();
+  const [hasDuplicateRowIds, setHasDuplicateRowIds] = React80__default.default.useState(false);
   const searchStorage = useSearchStorage();
   const filterState = useFilterState({
     columnDefinitions: columns,
@@ -109212,7 +109276,9 @@ var DataTable = ({
           gridApi?.hideOverlay.bind(gridApi),
           filterStorage.filtersState,
           searchStorage.searchValue,
-          setTotalRowCount
+          setTotalRowCount,
+          setHasDuplicateRowIds,
+          getRowId
         )
       );
       gridApi?.paginationGoToPage(0);
@@ -109305,7 +109371,8 @@ var DataTable = ({
         tableRef,
         totalRowCount,
         setTotalRowCount,
-        updateServerSideDataSource
+        updateServerSideDataSource,
+        hasDuplicateRowIds
       }
     },
     children
@@ -109316,12 +109383,34 @@ var rowDragMoveEvent;
 var rowDragEndEvent;
 function getServerSideDatasource(onServerSideDataRequestCallbackRef, onEmptyResponseCallback = () => {
 }, onNonEmptyResponseCallback = () => {
-}, filters, search, setTotalRowCount) {
+}, filters, search, setTotalRowCount, setHasDuplicateRowIds, getRowId) {
   return {
     getRows: async (params) => {
       if (onServerSideDataRequestCallbackRef.current) {
         const { request, success, fail } = params;
         const onSuccess = (loadSuccessParams) => {
+          const { rowData } = loadSuccessParams;
+          if (rowData && Array.isArray(rowData) && getRowId) {
+            const uniqueRowIds = /* @__PURE__ */ new Set();
+            for (const row2 of rowData) {
+              const id = getRowId({
+                data: row2,
+                level: 0,
+                api: {},
+                columnApi: {},
+                context: {}
+              });
+              if (uniqueRowIds.has(id)) {
+                setHasDuplicateRowIds(true);
+                logger.error(
+                  "Duplicate row IDs detected in rowData. Check getRowId() to ensure it returns unique IDs."
+                );
+                fail();
+                return;
+              }
+              uniqueRowIds.add(id);
+            }
+          }
           if (!loadSuccessParams.rowCount && request.groupKeys.length === 0) {
             onEmptyResponseCallback();
           } else {
@@ -109359,7 +109448,7 @@ var Table = (props) => {
   const internalTableContext = useInternalTableContext();
   const clientSideRowData = props.rows ? { rowData: props.rows } : {};
   const serverSideInfiniteScroll = internalTableContext.onServerSideDataRequest ? { serverSideInfiniteScroll: true } : {};
-  const { columnApi, getRowHeight, gridApi } = internalTableContext;
+  const { columnApi, getRowHeight, gridApi, filterState } = internalTableContext;
   const [viewportWidth, setViewportWidth] = React80__default.default.useState(0);
   const rowActionsWidth = React80__default.default.useRef(0);
   const [tableHeight, setTableHeight] = React80__default.default.useState(0);
@@ -109588,6 +109677,13 @@ var Table = (props) => {
       setSiblingGroupsRowSelection(selectedGroupIndex, gridApi);
     }
   }, [internalTableContext.selectedGroupIndex]);
+  React80__default.default.useEffect(() => {
+    filterState.allAvailableFilters.forEach((filter) => {
+      if (Array.isArray(filter.filterValues) && filter.filterValues.length === 0) {
+        tableApi.removeFilter(filter.field);
+      }
+    });
+  }, [filterState.allAvailableFilters]);
   function footerValueGetter(params) {
     if (props.getSubtotalLabel) {
       return props.getSubtotalLabel(
@@ -110305,10 +110401,7 @@ function isLastColumnInGroup(params) {
 function ClientSideFilterInner(props) {
   const { Component: Component4, columnDefinition, onChange, options, value } = props;
   const filterHeading = columnDefinition.filterProps?.getFilterHeadingText?.(columnDefinition) ?? columnDefinition.headerName;
-  const filterOptions = React80__default.default.useMemo(
-    () => (options ?? [])?.filter((option) => !!option),
-    [options]
-  );
+  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(
     coreReact.Label,
     {

package/dist/modern/index.d.cts

@@ -1378,6 +1378,7 @@ interface InternalTableContext {
     getColumnDefinition: (field: string) => ColumnDefinition | undefined;
     totalRowCount: number;
     setTotalRowCount: React__default.Dispatch<React__default.SetStateAction<number>>;
+    hasDuplicateRowIds: boolean;
     setSelectedGroupIndex?: React__default.Dispatch<React__default.SetStateAction<string | null>>;
 }
 declare const InternalTableContext: React__default.Context<InternalTableContext>;

package/dist/modern/index.d.ts

@@ -1378,6 +1378,7 @@ interface InternalTableContext {
     getColumnDefinition: (field: string) => ColumnDefinition | undefined;
     totalRowCount: number;
     setTotalRowCount: React__default.Dispatch<React__default.SetStateAction<number>>;
+    hasDuplicateRowIds: boolean;
     setSelectedGroupIndex?: React__default.Dispatch<React__default.SetStateAction<string | null>>;
 }
 declare const InternalTableContext: React__default.Context<InternalTableContext>;