@procore/data-table 15.0.0-alpha.4 → 15.0.0-alpha.5

package/dist/modern/index.cjs

@@ -1174,7 +1174,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_xxivy_1081 {
+@keyframes _ag-shake-left-to-right_b1lvr_1081 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -3335,7 +3335,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   border-radius: 0.25rem;
   animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
 }
-@keyframes _ag-skeleton-loading_xxivy_1 {
+@keyframes _ag-skeleton-loading_b1lvr_1 {
   0% {
     opacity: 1;
   }
@@ -3369,7 +3369,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_xxivy_1 {
+@keyframes _spin_b1lvr_1 {
   from {
     transform: rotate(0deg);
   }
@@ -5897,6 +5897,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%;
@@ -6153,7 +6156,7 @@ input[class^=ag-][type=range]:disabled {
   display: none;
 }
 
-div._contextPanel_xxivy_6626 {
+div._contextPanel_b1lvr_6629 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -6162,7 +6165,7 @@ div._contextPanel_xxivy_6626 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_xxivy_6635 {
+div._contextPanel--hidden_b1lvr_6638 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -6170,51 +6173,51 @@ div._contextPanel--hidden_xxivy_6635 {
   width: 0px;
 }
 
-._contextPanelWrapper_xxivy_6643 {
+._contextPanelWrapper_b1lvr_6646 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_xxivy_6648 {
+._contextPanelBody_b1lvr_6651 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_xxivy_6652 {
+._contextPanel-stickyHeader_b1lvr_6655 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_xxivy_6659 {
+._filters-list_b1lvr_6662 {
   padding: 0;
   margin: 0;
 }
-._filters-list_xxivy_6659 ol {
+._filters-list_b1lvr_6662 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_xxivy_6668 {
+._col-drag-column-icon_b1lvr_6671 {
   color: #6a767c;
 }
 
-._tabular-nums_xxivy_6672 {
+._tabular-nums_b1lvr_6675 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_xxivy_6626",
-  "contextPanel--hidden": "_contextPanel--hidden_xxivy_6635",
-  "contextPanelWrapper": "_contextPanelWrapper_xxivy_6643",
-  "contextPanelBody": "_contextPanelBody_xxivy_6648",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_xxivy_6652",
-  "filters-list": "_filters-list_xxivy_6659",
-  "col-drag-column-icon": "_col-drag-column-icon_xxivy_6668",
-  "tabular-nums": "_tabular-nums_xxivy_6672",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_xxivy_1081",
-  "ag-skeleton-loading": "_ag-skeleton-loading_xxivy_1",
-  "spin": "_spin_xxivy_1"
+  "contextPanel": "_contextPanel_b1lvr_6629",
+  "contextPanel--hidden": "_contextPanel--hidden_b1lvr_6638",
+  "contextPanelWrapper": "_contextPanelWrapper_b1lvr_6646",
+  "contextPanelBody": "_contextPanelBody_b1lvr_6651",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_b1lvr_6655",
+  "filters-list": "_filters-list_b1lvr_6662",
+  "col-drag-column-icon": "_col-drag-column-icon_b1lvr_6671",
+  "tabular-nums": "_tabular-nums_b1lvr_6675",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_b1lvr_1081",
+  "ag-skeleton-loading": "_ag-skeleton-loading_b1lvr_1",
+  "spin": "_spin_b1lvr_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -8525,6 +8528,10 @@ function ClientSideMultiSelectFilterRenderer({
   value = [],
   ...props
 }) {
+  const filterOptions = React64__default.default.useMemo(
+    () => (options ?? []).map((option) => option ?? ""),
+    [options]
+  );
   return /* @__PURE__ */ React64__default.default.createElement(
     coreReact.MultiSelect,
     {
@@ -8538,8 +8545,8 @@ function ClientSideMultiSelectFilterRenderer({
         return getLabel(columnDefinition.filterProps?.getLabel, option);
       },
       onChange,
-      options,
-      value: ramda.intersection(value || [], options)
+      options: filterOptions,
+      value: ramda.intersection(value || [], filterOptions)
     }
   );
 }
@@ -8975,6 +8982,7 @@ function ServerSideNumberFilterRenderer({
     }
   );
   const prevValueRef = React64.useRef([]);
+  const internalClearRef = React64.useRef(false);
   const debounceTimerRef = React64.useRef(null);
   React64.useEffect(() => {
     return () => {
@@ -8984,9 +8992,10 @@ function ServerSideNumberFilterRenderer({
     };
   }, []);
   React64.useEffect(() => {
-    if (prevValueRef.current.length !== 0 && value.length === 0) {
+    if (prevValueRef.current.length > 0 && value.length === 0 && !internalClearRef.current) {
       setLocalFilter({});
     }
+    internalClearRef.current = false;
     prevValueRef.current = value;
   }, [value]);
   const transformToFilterArray = (filter) => {
@@ -9072,12 +9081,19 @@ function ServerSideNumberFilterRenderer({
         clearTimeout(debounceTimerRef.current);
       }
       debounceTimerRef.current = setTimeout(() => {
-        if (next.type === "inRange") {
-          if (next.value !== void 0 && next.valueTo !== void 0) {
-            updateFilter(next);
-          }
-        } else {
+        const { type, value: value2, valueTo } = next;
+        if (!type) {
+          onChange?.([]);
+          return;
+        }
+        const isInRange = type === "inRange";
+        const hasValues = isInRange ? value2 !== void 0 && valueTo !== void 0 : value2 !== void 0;
+        if (hasValues) {
           updateFilter(next);
+        } else {
+          internalClearRef.current = true;
+          setLocalFilter(next);
+          onChange?.([]);
         }
       }, DEBOUNCE_TIME);
     },
@@ -9210,6 +9226,17 @@ function ServerSideMultiNumberFilterRenderer({
     const [returnedFilter] = returnedFilterArray;
     const next = returnedFilter ? { ...returnedFilter, operator: firstFilter.operator } : { operator: firstFilter.operator };
     setFirstFilter(next);
+    const isCleared = !returnedFilter || !isValidFilter(returnedFilter) && !returnedFilter.type;
+    if (isCleared) {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+        debounceTimerRef.current = null;
+      }
+      setFirstFilter({ operator: "and" });
+      setSecondFilter({ operator: "and" });
+      onChange?.([]);
+      return;
+    }
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
     debounceTimerRef.current = setTimeout(() => {
@@ -9228,20 +9255,12 @@ function ServerSideMultiNumberFilterRenderer({
   };
   const fireOnChange = React64.useCallback(
     (f1, f2) => {
-      if (!f1.type) {
-        onChange?.([]);
-        setFirstFilter({ operator: "and" });
-        setSecondFilter({ operator: "and" });
-        return;
-      }
       const f1Valid = isValidFilter(f1);
       const f2Valid = isValidFilter(f2);
       const values = [f1Valid ? f1 : null, f2Valid ? f2 : null].filter(
         (value2) => value2 !== null
       );
-      if (values.length) {
-        onChange?.(values);
-      }
+      onChange?.(values);
     },
     [onChange]
   );
@@ -11260,7 +11279,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();
@@ -11313,22 +11332,26 @@ var GenericHeaderRenderer = (props) => {
   }, []);
   React64__default.default.useEffect(() => {
     function calculatePosition() {
-      const columns = props.api.getColumnState();
-      if (!columns?.length) {
+      const visibleColumns = props.api.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(
@@ -11540,7 +11563,7 @@ var GenericHeaderRenderer = (props) => {
       return;
     }
     function updateSelectAllCheckbox(e) {
-      if (e.type === "selectionChanged" && e.source === "uiSelectAll") {
+      if (e && e.source === "uiSelectAll") {
         return;
       }
       const selectionState = props.api.getServerSideSelectionState();
@@ -11553,7 +11576,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 */);
@@ -11564,7 +11590,9 @@ var GenericHeaderRenderer = (props) => {
       }
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
-    props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    const onPaginationChanged = () => updateSelectAllCheckbox();
+    props.api.addEventListener(paginationChanged, onPaginationChanged);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -11573,7 +11601,7 @@ var GenericHeaderRenderer = (props) => {
       );
       removeEventListenerFromGrid(
         paginationChanged,
-        updateSelectAllCheckbox,
+        onPaginationChanged,
         props.api
       );
     };
@@ -11801,6 +11829,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__ */ React64__default.default.createElement(coreReact.Flex, { style: { paddingLeft: "16px" } }, /* @__PURE__ */ React64__default.default.createElement(
       LevelIndents,
@@ -12487,7 +12520,8 @@ var InternalTableContext = React64__default.default.createContext({
   },
   totalRowCount: 0,
   setTotalRowCount: () => {
-  }
+  },
+  hasDuplicateRowIds: false
 });
 var useInternalTableContext = () => React64__default.default.useContext(InternalTableContext);
 var prng = ulid$1.detectPrng(true);
@@ -58701,6 +58735,7 @@ var BulkActions = (props) => {
   const {
     children,
     showAlways = false,
+    excludeGroupRowCount = false,
     showEditButtonLabel = false,
     editButtonText
   } = props;
@@ -58721,9 +58756,9 @@ var BulkActions = (props) => {
   if (selectedRows.length === 0 && !showAlways) {
     return null;
   }
-  const selectedItemsDesc = I18n.t("dataTable.bulkActions.selection", {
-    count: selectedRows.length,
-    number: selectedRows.length > 1 ? I18n.t("dataTable.bulkActions.many") : I18n.t("dataTable.bulkActions.one")
+  const selectedRowsCount = excludeGroupRowCount ? selectedRows.filter((row) => !row.group).length : selectedRows.length;
+  const selectedItemsDesc = I18n.t("dataTable.bulkActions.selection_count", {
+    count: selectedRowsCount
   });
   return /* @__PURE__ */ React64__default.default.createElement(
     coreReact.Box,
@@ -124927,12 +124962,14 @@ var ConfigurationColumns = React64__default.default.forwardRef(
     ));
   }
 );
-var ConfigurationPanel = ({}) => {
+var ConfigurationPanel = ({
+  children
+}) => {
   const { contextPanel, onServerSideDataRequest, enableDynamicRowHeight } = useInternalTableContext();
   const I18n = coreReact.useI18nContext();
   const configurationColumnsRef = React64__default.default.useRef();
   const [isAllColumnsVisible, setIsAllColumnsVisible] = React64__default.default.useState(false);
-  return /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.tableSettings.tableSettings"))), /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel.Body, { className: cx18("contextPanelBody") }, !onServerSideDataRequest && !enableDynamicRowHeight && /* @__PURE__ */ React64__default.default.createElement(
+  return /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.tableSettings.tableSettings"))), /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel.Body, { className: cx18("contextPanelBody") }, children && /* @__PURE__ */ React64__default.default.createElement(coreReact.Panel.Section, null, children), !onServerSideDataRequest && !enableDynamicRowHeight && /* @__PURE__ */ React64__default.default.createElement(
     coreReact.Panel.Section,
     {
       "data-qa": "data-table-config-panel-section-row-height",
@@ -125314,6 +125351,11 @@ 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"
@@ -125424,6 +125466,9 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
+      multiSelectCell: {
+        placeholder: "Werte ausw\xE4hlen"
+      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -125477,6 +125522,11 @@ 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"
@@ -125489,7 +125539,7 @@ var en_AU_default = {
       close: "Close",
       locationFilter: {
         selectAll: "Select all",
-        includeSublocations: "Include sublocations",
+        includeSublocations: "Include sub-locations",
         searchLocations: "Search locations",
         locations: "Locations"
       },
@@ -125587,6 +125637,9 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Select values"
+      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -125640,6 +125693,11 @@ 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"
@@ -125750,6 +125808,9 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Select values"
+      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -125803,6 +125864,11 @@ 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"
@@ -125913,6 +125979,9 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Select values"
+      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -125966,6 +126035,11 @@ var en_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"
@@ -126132,6 +126206,11 @@ 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"
@@ -126242,6 +126321,9 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Seleccionar valores"
+      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -126278,8 +126360,8 @@ 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}",
-        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{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 la %{tableName}.",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -126295,6 +126377,11 @@ var es_default = {
       error: "Lo sentimos, no se pudieron actualizar los \xEDtems. Vuelva a intentarlo.",
       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"
@@ -126338,14 +126425,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",
@@ -126405,6 +126492,9 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Seleccionar valores"
+      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -126433,7 +126523,7 @@ var fr_CA_default = {
   dataTable: {
     emptyState: {
       noFilteredResults: {
-        description: "V\xE9rifiez l'orthographe et les options de filtrage, ou recherchez un autre mot cl\xE9.",
+        description: "V\xE9rifiez l'orthographe et les options de filtrage, ou recherchez un autre mot-cl\xE9.",
         title: "Aucun item ne correspond \xE0 votre recherche",
         itemsTitle: "Aucun %{itemsLabel} ne correspond \xE0 votre recherche"
       },
@@ -126458,6 +126548,11 @@ var fr_CA_default = {
       error: "D\xE9sol\xE9, les items n'ont pas pu \xEAtre mis \xE0 jour. 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"
@@ -126568,6 +126663,9 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "S\xE9lectionner les valeurs"
+      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -126621,6 +126719,11 @@ var fr_FR_default = {
       error: "D\xE9sol\xE9, les \xE9l\xE9ments n'ont pas pu \xEAtre mis \xE0 jour. R\xE9essayez.",
       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"
@@ -126731,6 +126834,9 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "S\xE9lectionner les valeurs"
+      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -126784,6 +126890,11 @@ 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"
@@ -126894,6 +127005,9 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Veldu Gildi"
+      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -126947,6 +127061,11 @@ 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"
@@ -127057,6 +127176,9 @@ var ja_JP_default = {
       selectCell: {
         placeholder: "{{label}}\u3092\u9078\u629E\u3059\u308B"
       },
+      multiSelectCell: {
+        placeholder: "\u5024\u3092\u9078\u629E"
+      },
       booleanCell: {
         options: {
           yes: "\u306F\u3044",
@@ -127110,6 +127232,11 @@ 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"
@@ -127220,6 +127347,9 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Wybierz warto\u015Bci"
+      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -127273,6 +127403,11 @@ var pseudo_default = {
       error: "[\u015E\u015E\u015E\u015E\u015E\u015E\u015E\u015E\u015E\u015E\u01FF\u0159\u0159\u1E8F, \xB7 \u0167\u0127\u1E17 \xB7 \u012B\u0167\u1E17\u1E3F\u015F \xB7 \u0188\u01FF\u016D\u0140\u1E13\u019E'\u0167 \xB7 \u0180\u1E17 \xB7 \u016D\u01A5\u1E13\u0227\u0167\u1E17\u1E13. \xB7 \u0166\u0159\u1E8F \xB7 \u0227\u0260\u0227\u012B\u019E..........]",
       placeholderForField: "[\u1E16\u1E16\u019E\u0167\u1E17\u0159 \xB7  \xB7 [NOTRANSLATE]%{fieldName}[/NOTRANSLATE]]",
       selection: "[[NOTRANSLATE]%{count}[/NOTRANSLATE] \xB7  \xB7  \xB7 [NOTRANSLATE]%{number}[/NOTRANSLATE] \xB7  \xB7 \u015F\u1E17\u0140\u1E17\u0188\u0167\u1E17\u1E13\u1E13]",
+      selection_count: {
+        zero: "[[NOTRANSLATE]%{count}[/NOTRANSLATE] \xB7  \xB7  \xB7 \u012B\u0167\u1E17\u1E3F\u015F \xB7 \u015F\u1E17\u0140\u1E17\u0188\u0167\u1E17\u1E13\u1E13\u1E13]",
+        one: "[[NOTRANSLATE]%{count}[/NOTRANSLATE] \xB7  \xB7  \xB7 \u012B\u0167\u1E17\u1E3F \xB7 \u015F\u1E17\u0140\u1E17\u0188\u0167\u1E17\u1E13\u1E13\u1E13]",
+        other: "[[NOTRANSLATE]%{count}[/NOTRANSLATE] \xB7  \xB7  \xB7 \u012B\u0167\u1E17\u1E3F\u015F \xB7 \u015F\u1E17\u0140\u1E17\u0188\u0167\u1E17\u1E13\u1E13\u1E13]"
+      },
       success: "[\u0166\u0166\u0166\u0166\u0166\u0166\u0166\u0166\u0127\u1E17 \xB7 \u012B\u0167\u1E17\u1E3F\u015F \xB7 \u1E87\u1E17\u0159\u1E17 \xB7 \u015F\u016D\u0188\u0188\u1E17\u015F\u015F\u0192\u016D\u0140\u0140\u1E8F \xB7 \u016D\u01A5\u1E13\u0227\u0167\u1E17\u1E13........]",
       one: "[\u012B\u0167\u1E17\u1E3F]",
       many: "[\u012B\u0167\u1E17\u1E3F\u015F]"
@@ -127422,8 +127557,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",
@@ -127439,6 +127574,11 @@ var pt_BR_default = {
       error: "Lamentamos, 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"
@@ -127549,6 +127689,9 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
+      multiSelectCell: {
+        placeholder: "Selecionar Valores"
+      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -127602,6 +127745,11 @@ var th_TH_default = {
       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",
       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"
@@ -127712,6 +127860,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",
@@ -127765,6 +127916,11 @@ 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"
@@ -127875,6 +128031,9 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
+      multiSelectCell: {
+        placeholder: "\u9009\u62E9\u503C"
+      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -128956,6 +129115,7 @@ var DataTable = ({
     initialTableConfig?.rowHeight || rowSize.sm
   );
   const [gridApi, setGridApi] = React64__default.default.useState();
+  const [hasDuplicateRowIds, setHasDuplicateRowIds] = React64__default.default.useState(false);
   const searchStorage = useSearchStorage();
   const filterState = useFilterState({
     columnDefinitions: columns,
@@ -129031,7 +129191,9 @@ var DataTable = ({
           gridApi?.hideOverlay.bind(gridApi),
           filterStorage.filtersState,
           searchStorage.searchValue,
-          setTotalRowCount
+          setTotalRowCount,
+          setHasDuplicateRowIds,
+          getRowId
         )
       );
       gridApi?.paginationGoToPage(0);
@@ -129136,7 +129298,8 @@ var DataTable = ({
         totalRowCount,
         setTotalRowCount,
         updateServerSideDataSource,
-        headerCheckboxSelection: headerCheckboxSelection ?? defaultHeaderCheckboxSelection
+        headerCheckboxSelection: headerCheckboxSelection ?? defaultHeaderCheckboxSelection,
+        hasDuplicateRowIds
       }
     },
     children
@@ -129147,12 +129310,33 @@ 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 row of rowData) {
+              const id = getRowId({
+                data: row,
+                level: 0,
+                api: {},
+                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 {
@@ -129190,7 +129374,7 @@ var Table = (props) => {
   const internalTableContext = useInternalTableContext();
   const clientSideRowData = props.rows ? { rowData: props.rows } : {};
   const serverSideInfiniteScroll = internalTableContext.onServerSideDataRequest ? { serverSideInfiniteScroll: true } : {};
-  const { getRowHeight, gridApi } = internalTableContext;
+  const { getRowHeight, gridApi, filterState } = internalTableContext;
   const [viewportWidth, setViewportWidth] = React64__default.default.useState(0);
   const rowActionsWidth = React64__default.default.useRef(0);
   const [tableHeight, setTableHeight] = React64__default.default.useState(0);
@@ -129405,6 +129589,13 @@ var Table = (props) => {
       setSiblingGroupsRowSelection(selectedGroupIndex, gridApi);
     }
   }, [internalTableContext.selectedGroupIndex]);
+  React64__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(
@@ -130125,7 +130316,7 @@ var ContextPanel = ({
       "data-qa": "data-table-context-panel",
       ...props
     },
-    /* @__PURE__ */ React64__default.default.createElement(coreReact.Box, { className: cx19("contextPanelWrapper"), display: "flex-column" }, contextPanel.content === "configuration" && /* @__PURE__ */ React64__default.default.createElement(ConfigurationPanel, null), contextPanel.content === "bulkEdit" && /* @__PURE__ */ React64__default.default.createElement(BulkEditPanel, null), contextPanel.content === "custom" && children)
+    /* @__PURE__ */ React64__default.default.createElement(coreReact.Box, { className: cx19("contextPanelWrapper"), display: "flex-column" }, contextPanel.content === "configuration" && /* @__PURE__ */ React64__default.default.createElement(ConfigurationPanel, null, children), contextPanel.content === "bulkEdit" && /* @__PURE__ */ React64__default.default.createElement(BulkEditPanel, null), contextPanel.content === "custom" && children)
   );
 };
 function isLastColumnInGroup(params) {