@procore/data-table 14.46.0 → 14.46.2

package/dist/modern/index.js

@@ -54285,7 +54285,7 @@ function ServerSideNumberFilterRenderer({
       },
       {
         id: "isEqual",
-        label: I18n.t("options.isEqual", {
+        label: I18n.t("options.is_equal_to", {
           defaultValue: "Is Equal To",
           scope: "dataTable.filters.numberFilter"
         })
@@ -54772,26 +54772,19 @@ function serializeNode(node) {
     rowPinned: node.rowPinned
   };
 }
-function transformToColDef(colDefinition, enableGroupEditAndValidation, enableDynamicRowHeight) {
+function transformToColDef(colDefinition, tableOptions) {
   if (isNestedColumnDefinition(colDefinition)) {
     return {
       ...colDefinition,
       children: colDefinition.children.map(
-        (childColDefinition) => transformColumnDefinitionToColDef(
-          childColDefinition,
-          enableGroupEditAndValidation,
-          enableDynamicRowHeight
-        )
+        (childColDefinition) => transformColumnDefinitionToColDef(childColDefinition, tableOptions)
       )
     };
   }
-  return transformColumnDefinitionToColDef(
-    colDefinition,
-    enableGroupEditAndValidation,
-    enableDynamicRowHeight
-  );
+  return transformColumnDefinitionToColDef(colDefinition, tableOptions);
 }
-function transformColumnDefinitionToColDef(dataTableColumnDefinition, enableGroupEditAndValidation, enableDynamicRowHeight) {
+function transformColumnDefinitionToColDef(dataTableColumnDefinition, tableOptions) {
+  const { enableGroupEditAndValidation, enableDynamicRowHeight } = tableOptions;
   const {
     aggFunc,
     bulkEditable,
@@ -54834,7 +54827,8 @@ function transformColumnDefinitionToColDef(dataTableColumnDefinition, enableGrou
   };
   const cellClassRules = {
     "invalid-cell": function isValid(params) {
-      const shouldValidate = !params.node.group && params.data && !params.data.isAggData || enableGroupEditAndValidation && (params.node.footer || params.node.group && !params.node.expanded);
+      const shouldValidateGroupHeader = tableOptions.enableGroupHeaderEdit && params.node.group;
+      const shouldValidate = !params.node.group && params.data && !params.data.isAggData || enableGroupEditAndValidation && (params.node.footer || params.node.group && !params.node.expanded) || shouldValidateGroupHeader;
       return (shouldValidate && valueValidator && !valueValidator({
         columnDefinition: transformToColumnDefinition(params.colDef),
         data: params.data,
@@ -55171,12 +55165,8 @@ function addAutoGroupParams(columnDefinition, isRowSelectable, siblingGroupsRowS
     }
   };
 }
-function getDecoratedAutoGroupColDef(columnDefinition, enableGroupEditAndValidation, enableDynamicRowHeight, isRowSelectable, siblingGroupsRowSelectionDisabled, groupsAlwaysExpanded, isDetailTable) {
-  const colDef = columnDefinition ? transformToColDef(
-    columnDefinition,
-    enableGroupEditAndValidation,
-    enableDynamicRowHeight
-  ) : DEFAULT_AUTO_GROUP_COLUMN_DEFINITION;
+function getDecoratedAutoGroupColDef(columnDefinition, tableOptions, isRowSelectable, siblingGroupsRowSelectionDisabled, groupsAlwaysExpanded, isDetailTable) {
+  const colDef = columnDefinition ? transformToColDef(columnDefinition, tableOptions) : DEFAULT_AUTO_GROUP_COLUMN_DEFINITION;
   return addAutoGroupParams(
     colDef,
     isRowSelectable,
@@ -55187,12 +55177,12 @@ function getDecoratedAutoGroupColDef(columnDefinition, enableGroupEditAndValidat
 }
 
 // src/CellRenderers/AutoGroupCell.scss
-var css5 = `._autoGroupCell_1qx8z_1 {
+var css5 = `._autoGroupCell_1h6pf_1 {
   height: 100%;
   width: 100%;
 }
 
-._indent_1qx8z_6 {
+._indent_1h6pf_6 {
   border-right: 1px solid #d6dadc;
   background: #f4f5f6;
   position: absolute;
@@ -55200,45 +55190,69 @@ var css5 = `._autoGroupCell_1qx8z_1 {
   bottom: -1px;
   width: 12px;
 }
-._indent_1qx8z_6._innermostLastIndent_1qx8z_14 {
+._indent_1h6pf_6._innermostLastIndent_1h6pf_14 {
   bottom: 0px;
 }
 
-._expandableCaret_1qx8z_18 {
+._expandableCaret_1h6pf_18 {
   margin-left: -8px;
   margin-right: 4px;
   width: 24px;
   flex-shrink: 0;
 }
 
-._expandCaret_1qx8z_25 {
+._expandableCaretButton_1h6pf_25 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  margin-left: -8px;
+  margin-right: 4px;
+  border: none;
+  border-radius: 2px;
+  background: transparent;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+._expandableCaretButton_1h6pf_25:focus-visible {
+  outline: 2px solid #2066df;
+  outline-offset: 1px;
+}
+._expandableCaretButton_1h6pf_25:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+
+._expandCaret_1h6pf_48 {
   color: #2066df;
   cursor: pointer;
 }
 
-._collapseCaret_1qx8z_30 {
+._collapseCaret_1h6pf_53 {
   color: #75838a;
   cursor: pointer;
 }
 
-._value_1qx8z_35 {
+._value_1h6pf_58 {
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 12px;
 }
-._value_1qx8z_35._footer_1qx8z_40 {
+._value_1h6pf_58._footer_1h6pf_63 {
   color: #6a767c;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css5));
 var AutoGroupCell_default = {
-  "autoGroupCell": "_autoGroupCell_1qx8z_1",
-  "indent": "_indent_1qx8z_6",
-  "innermostLastIndent": "_innermostLastIndent_1qx8z_14",
-  "expandableCaret": "_expandableCaret_1qx8z_18",
-  "expandCaret": "_expandCaret_1qx8z_25",
-  "collapseCaret": "_collapseCaret_1qx8z_30",
-  "value": "_value_1qx8z_35",
-  "footer": "_footer_1qx8z_40"
+  "autoGroupCell": "_autoGroupCell_1h6pf_1",
+  "indent": "_indent_1h6pf_6",
+  "innermostLastIndent": "_innermostLastIndent_1h6pf_14",
+  "expandableCaret": "_expandableCaret_1h6pf_18",
+  "expandableCaretButton": "_expandableCaretButton_1h6pf_25",
+  "expandCaret": "_expandCaret_1h6pf_48",
+  "collapseCaret": "_collapseCaret_1h6pf_53",
+  "value": "_value_1h6pf_58",
+  "footer": "_footer_1h6pf_63"
 };
 
 // src/utils/rowSelectionHelpers.ts
@@ -55495,6 +55509,7 @@ var LevelIndents = (props) => {
 };
 function GroupCaret(props) {
   const mounted = React80.useRef(false);
+  const buttonRef = React80.useRef(null);
   const [expanded, setExpanded] = useState(props.node.expanded);
   const ExpandableCaret = expanded ? CaretDown : CaretRight;
   const I18n = useI18nContext();
@@ -55505,6 +55520,16 @@ function GroupCaret(props) {
       }, 0);
     }
   }
+  const handleToggle = () => {
+    props.api.setRowNodeExpanded(props.node, !expanded);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      event.stopPropagation();
+      handleToggle();
+    }
+  };
   useEffect(() => {
     mounted.current = true;
     props.api.addEventListener("rowGroupOpened", handleRowGroupToggle);
@@ -55517,20 +55542,45 @@ function GroupCaret(props) {
       );
     };
   }, []);
+  useEffect(() => {
+    if (!props.node.isExpandable()) return;
+    const cell2 = buttonRef.current?.closest(".ag-cell");
+    if (!cell2) return;
+    const handleCellKeyDown = (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      if (!event.isTrusted) return;
+      const target = event.target;
+      if (target.closest("button") || target.closest("input")) return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      buttonRef.current?.click();
+    };
+    cell2.addEventListener("keydown", handleCellKeyDown, { capture: true });
+    return () => {
+      cell2.removeEventListener("keydown", handleCellKeyDown, { capture: true });
+    };
+  }, []);
+  if (!props.node.isExpandable()) {
+    return /* @__PURE__ */ React80.createElement("div", { className: AutoGroupCell_default.expandableCaret });
+  }
   return /* @__PURE__ */ React80.createElement(
-    Box,
+    "button",
     {
+      type: "button",
+      ref: buttonRef,
+      "aria-expanded": expanded,
       "aria-label": I18n.t(
         `dataTable.groupCell.${expanded ? "collapse" : "expand"}`
       ),
-      className: AutoGroupCell_default.expandableCaret,
-      role: "button"
+      className: AutoGroupCell_default.expandableCaretButton,
+      onClick: handleToggle,
+      onKeyDown: handleKeyDown,
+      "data-qa": "group-expand-collapse"
     },
-    props.node.isExpandable() && /* @__PURE__ */ React80.createElement(
+    /* @__PURE__ */ React80.createElement(
       ExpandableCaret,
       {
-        className: expanded ? AutoGroupCell_default.collapseCaret : AutoGroupCell_default.expandCaret,
-        onClick: () => props.api.setRowNodeExpanded(props.node, !expanded)
+        className: expanded ? AutoGroupCell_default.collapseCaret : AutoGroupCell_default.expandCaret
       }
     )
   );
@@ -56387,10 +56437,15 @@ var css7 = `.data-table-container .ag-header-cell .data-table-header-menu {
   align-items: center;
   justify-content: center;
   background-color: #e3e6e8;
+  border: none;
   border-radius: 2px;
   cursor: pointer;
   margin-right: 8px;
 }
+.data-table-container .ag-header-cell .expand-button:focus-visible {
+  outline: 2px solid #2066df;
+  outline-offset: 1px;
+}
 .data-table-container .ag-header-group-cell-with-group .ag-header-cell-comp-wrapper {
   width: 100%;
   overflow: hidden;
@@ -56403,10 +56458,15 @@ var css7 = `.data-table-container .ag-header-cell .data-table-header-menu {
   align-items: center;
   justify-content: center;
   background-color: #e3e6e8;
+  border: none;
   border-radius: 2px;
   cursor: pointer;
   margin-left: auto;
 }
+.data-table-container .ag-header-group-cell-with-group .expand-button:focus-visible {
+  outline: 2px solid #2066df;
+  outline-offset: 1px;
+}
 .data-table-container .auto-column-expand-tooltip-content {
   width: 96px;
 }
@@ -56554,6 +56614,7 @@ var GenericHeaderRenderer = (props) => {
     I18n
   );
   const headerCellRef = useRef(null);
+  const expandButtonRef = useRef(null);
   const menuButtonRef = useRef(null);
   const headerCheckboxSelection = colDef.headerCheckboxSelection;
   const headerCheckboxSelectionEnabled = typeof headerCheckboxSelection === "function" ? headerCheckboxSelection({
@@ -56704,6 +56765,28 @@ var GenericHeaderRenderer = (props) => {
     );
   }
   React80.useEffect(updateExpandedState);
+  React80.useEffect(() => {
+    if (!isExpandable) return;
+    const headerCell = headerCellRef.current?.closest(".ag-header-cell");
+    if (!headerCell) return;
+    const handleExpandKeyDown = (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      if (!event.isTrusted) return;
+      const target = event.target;
+      if (target.closest("button") || target.closest("input")) return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      expandButtonRef.current?.click();
+    };
+    headerCell.addEventListener("keydown", handleExpandKeyDown, {
+      capture: true
+    });
+    return () => {
+      headerCell.removeEventListener("keydown", handleExpandKeyDown, {
+        capture: true
+      });
+    };
+  }, [isExpandable]);
   const [expansionVariant, setExpansionVariant] = React80.useState("closed");
   React80.useEffect(() => {
     const onExpandAllChange = (event) => {
@@ -56981,12 +57064,21 @@ var GenericHeaderRenderer = (props) => {
           overlay: /* @__PURE__ */ React80.createElement(Tooltip.Content, { className: "auto-column-expand-tooltip-content" }, tooltipText[expansionVariant])
         },
         /* @__PURE__ */ React80.createElement(
-          "div",
+          "button",
           {
+            type: "button",
+            ref: expandButtonRef,
+            "aria-expanded": expansionVariant !== "closed",
             "aria-label": tooltipText[expansionVariant],
             className: "expand-button",
             onClick: onExpandToggle,
-            role: "button",
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                e.stopPropagation();
+                onExpandToggle(e);
+              }
+            },
             "data-qa": "expand-or-collapse-all-button"
           },
           /* @__PURE__ */ React80.createElement(ExpansionVariantIcon, { size: "sm" })
@@ -57772,6 +57864,7 @@ var ServerSideSearch = ({
   const { updateServerSideDataSource } = useInternalTableContext();
   const hasNoContent = useTableHasNoContent();
   const I18n = useI18nContext();
+  const resolvedPlaceholder = placeholder || I18n.t("dataTable.search");
   const debouncedSetSearchValue = React80.useCallback(
     debounce5((value) => {
       updateServerSideDataSource({ search: value });
@@ -57796,7 +57889,8 @@ var ServerSideSearch = ({
       value: internalValue,
       className: cx17("search", { "search--empty": !internalValue.length }),
       onChange,
-      placeholder: placeholder || I18n.t("dataTable.search")
+      placeholder: resolvedPlaceholder,
+      "aria-label": resolvedPlaceholder
     }
   ));
 };
@@ -104540,11 +104634,10 @@ var ConfigurationColumns = React80.forwardRef(
         return columnDefs;
       }
       const columnDefinitionsMappedToDefs = columnDefinitions.map(
-        (colDef) => transformToColDef(
-          colDef,
+        (colDef) => transformToColDef(colDef, {
           enableGroupEditAndValidation,
           enableDynamicRowHeight
-        )
+        })
       );
       return toGroupedCols(columnDefinitionsMappedToDefs);
     });
@@ -104843,8 +104936,10 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           alwaysAggregateAtRootLevel: !isServerSideRowModel,
           autoGroupColumnDef: getDecoratedAutoGroupColDef(
             detailRowConfig.autoGroupColumnDefinition,
-            enableGroupEditAndValidation,
-            enableDynamicRowHeight,
+            {
+              enableGroupEditAndValidation,
+              enableDynamicRowHeight
+            },
             isRowSelectable,
             false,
             detailRowConfig.groupsAlwaysExpanded ?? false,
@@ -104856,11 +104951,10 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
           },
           columnDefs: toGroupedCols(
             detailRowConfig.columnDefinitions.map(
-              (colDef) => transformToColDef(
-                colDef,
+              (colDef) => transformToColDef(colDef, {
                 enableGroupEditAndValidation,
-                colDef.autoHeight ?? enableDynamicRowHeight
-              )
+                enableDynamicRowHeight: colDef.autoHeight ?? enableDynamicRowHeight
+              })
             )
           ),
           groupsAlwaysExpanded: detailRowConfig.groupsAlwaysExpanded ?? false,
@@ -107229,158 +107323,158 @@ var nb_NO_default = {
   dataTable: {
     emptyState: {
       noFilteredResults: {
-        description: "Kontroller staving og filteralternativer, eller s\xF8k etter et annet n\xF8kkelord.",
-        title: "Ingen enheter samsvarer med s\xF8ket ditt",
-        itemsTitle: "No %{itemsLabel} Match Your Search"
+        description: "Sjekk stavem\xE5ten og filteralternativene dine, eller s\xF8k etter et annet n\xF8kkelord.",
+        title: "Ingen elementer samsvarer med s\xF8ket ditt",
+        itemsTitle: "Ingen %{itemsLabel} samsvarer med s\xF8ket ditt"
       },
       noResults: {
-        description: "Once your team creates these items, you can access them here. ",
-        title: "Ingen enheter kan vises akkurat n\xE5",
-        itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
-        tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
-        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
+        description: "N\xE5r teamet ditt har opprettet disse elementene, kan du f\xE5 tilgang til dem her. ",
+        title: "Det er ingen elementer \xE5 vise akkurat n\xE5",
+        itemsTitle: "Det er ingen %{itemsLabel} \xE5 vise akkurat n\xE5",
+        tooltip: "%{featureName} -knappen vil bli aktivert n\xE5r du legger til informasjon i %{tableName}",
+        searchTooltip: "S\xF8k vil bli aktivert n\xE5r du legger til informasjon i %{tableName}",
         featureFilter: "Filter",
-        featureQuickFilter: "Quick Filter",
-        featureGroupBy: "Group By",
-        featureConfigure: "Configure",
-        tableNameFallback: "table"
+        featureQuickFilter: "Hurtigfilter",
+        featureGroupBy: "Grupper etter",
+        featureConfigure: "Konfigurer",
+        tableNameFallback: "bord"
       }
     },
     bulkActions: {
-      apply: "Apply",
-      bulkEdit: "Bulk Edit",
+      apply: "S\xF8k",
+      bulkEdit: "Masseendring",
       cancel: "Avbryt",
-      editValues: "Edit Values",
-      error: "Sorry, the items couldn't be updated. Try again.",
-      placeholderForField: "Enter %{fieldName}",
-      selection: "%{count} %{number} selected",
+      editValues: "Rediger verdier",
+      error: "Beklager, elementene kunne ikke oppdateres. Pr\xF8v igjen.",
+      placeholderForField: "Skriv inn %{fieldName}",
+      selection: "%{count} %{number} valgt",
       selection_count: {
-        zero: "%{count} items selected",
-        one: "%{count} item selected",
-        other: "%{count} items selected"
+        zero: "%{count} elementer valgt",
+        one: "%{count} element valgt",
+        other: "%{count} elementer valgt"
       },
-      success: "The items were successfully updated.",
-      one: "item",
-      many: "Enheter"
+      success: "Elementene ble oppdatert.",
+      one: "element",
+      many: "gjenstander"
     },
-    exporting: "Exporting...",
+    exporting: "Eksporterer...",
     filters: {
       filters: "Filtre",
       allFilters: "Alle filtre",
       moreFilters: "More Filters",
       clearAllFilters: "Fjern alle filtre",
-      close: "Close",
+      close: "Lukk",
       removeFilterToken: "Fjern %{name}",
       locationFilter: {
         selectAll: "Velg alle",
-        includeSublocations: "Include sublocations",
-        searchLocations: "Search locations",
-        locations: "Locations"
+        includeSublocations: "Inkluder underlokasjoner",
+        searchLocations: "S\xF8k etter steder",
+        locations: "Steder"
       },
       numberFilter: {
         labels: {
-          and: "OG",
-          input_placeholder: "Enter Value",
-          placeholder: "Select an item"
+          and: "og",
+          input_placeholder: "Angi verdi",
+          placeholder: "Velg et element"
         },
         options: {
-          any_value: "Any Value",
-          is_between: "Is Between",
-          is_equal_to: "Is Equal To",
-          greater_than: "Is Greater Than",
-          greater_than_equal_to: "Is Greater Than or Equal To",
-          less_than: "Is Less Than",
-          less_than_equal_to: "Is Less Than or Equal To",
-          no_value: "No Value"
+          any_value: "Enhver verdi",
+          is_between: "Er mellom",
+          is_equal_to: "Er lik",
+          greater_than: "Er st\xF8rre enn",
+          greater_than_equal_to: "Er st\xF8rre enn eller lik",
+          less_than: "Er mindre enn",
+          less_than_equal_to: "Er mindre enn eller lik",
+          no_value: "Ingen verdi"
         }
       },
       singleSelectFilter: {
-        placeholder: "Select a Value"
+        placeholder: "Velg en verdi"
       },
       multiSelectQuickFilter: {
-        ariaLabel: "Quick filter: Select multiple options"
+        ariaLabel: "Hurtigfilter: Velg flere alternativer"
       },
       singleSelectQuickFilter: {
-        ariaLabel: "Quick filter: Select an option"
+        ariaLabel: "Hurtigfilter: Velg et alternativ"
       }
     },
     loading: {
-      initial: "Information loading.",
-      secondary: "Information loading, thanks for your patience."
+      initial: "Laster inn informasjon.",
+      secondary: "Informasjon lastes, takk for t\xE5lmodigheten."
     },
     menuOptions: {
       ariaMenuColumn: "Trykk p\xE5 Alt/Option og pil ned for \xE5 \xE5pne kolonnemenyen.",
       sortMenuItem: {
-        label: "Sort By This Column",
-        sortAscItem: "Sort Column Ascending",
-        sortDescItem: "Sort Column Descending",
-        sortResetItem: "Column Not Sorted",
-        sortAscending: "sorted ascending",
-        sortDescending: "sorted descending",
-        sortCleared: "Sorting cleared"
-      },
-      expandAllGroups: "Expand All Groups",
-      collapseAllGroups: "Collapse All Groups",
-      pinColumn: "Pin Column",
-      pinLeft: "Pin Left",
-      pinRight: "Pin Right",
-      noPin: "No Pin",
-      autoSizeThisColumn: "Autosize This Column",
-      autoSizeAllColumns: "Autosize All Columns",
-      hideColumn: "Hide Column",
+        label: "Sorter etter denne kolonnen",
+        sortAscItem: "Sorter kolonne stigende",
+        sortDescItem: "Sorter kolonne synkende",
+        sortResetItem: "Kolonne ikke sortert",
+        sortAscending: "sortert stigende",
+        sortDescending: "sortert synkende",
+        sortCleared: "Sortering fjernet"
+      },
+      expandAllGroups: "Utvid alle grupper",
+      collapseAllGroups: "Skjul alle grupper",
+      pinColumn: "Fest kolonne",
+      pinLeft: "Fest til venstre",
+      pinRight: "Fest til h\xF8yre",
+      noPin: "Ingen PIN",
+      autoSizeThisColumn: "Tilpass kolonnebredden automatisk",
+      autoSizeAllColumns: "Tilpass alle kolonner automatisk",
+      hideColumn: "Skjul kolonne",
       resetColumns: "Tilbakestill kolonner",
-      unGroupBy: "Un-Group by {{label}}",
-      groupBy: "Group by {{label}}"
+      unGroupBy: "Fjern gruppering etter {{label}}",
+      groupBy: "Grupper etter {{label}}"
     },
-    grandTotals: "Grand Totals",
+    grandTotals: "Totale summer",
     search: "S\xF8k",
-    subtotals: "Subtotals",
+    subtotals: "Delsummer",
     tableSettings: {
-      configureColumns: "Configure Columns",
-      resetToDefault: "Show All",
-      rowHeight: "Row Height",
-      small: "Small",
-      medium: "Medium",
-      large: "Large",
-      tableSettings: "Table Settings",
-      groupBy: "Group by:",
+      configureColumns: "Konfigurer kolonner",
+      resetToDefault: "Vis alle",
+      rowHeight: "Radh\xF8yde",
+      small: "Liten",
+      medium: "Middels",
+      large: "Stor",
+      tableSettings: "Borddekking",
+      groupBy: "Grupper etter:",
       reset: "Tilbakestill",
-      selectColumnGroup: "Select a column to group",
-      configure: "Configure"
+      selectColumnGroup: "Velg en kolonne \xE5 gruppere",
+      configure: "Konfigurer"
     },
     rowGroupToggle: {
-      expandTierOne: "Open first groups in the table.",
-      expandAll: "Open all groups in the table.",
-      collapseAll: "Close all groups in the table."
+      expandTierOne: "\xC5pne de f\xF8rste gruppene i tabellen.",
+      expandAll: "\xC5pne alle grupper i tabellen.",
+      collapseAll: "Lukk alle grupper i tabellen."
     },
     columnGroupToggle: {
-      collapse: "Collapse column group",
-      expand: "Expand column group"
+      collapse: "Skjul kolonnegruppe",
+      expand: "Utvid kolonnegruppe"
     },
     cells: {
       textCell: {
-        placeholder: "Enter text"
+        placeholder: "Skriv inn tekst"
       },
       currencyCell: {
-        placeholder: "Enter currency"
+        placeholder: "Angi valuta"
       },
       linkCell: {
         externalLabel: "\xC5pne ekstern kobling"
       },
       numberCell: {
-        placeholder: "Enter number"
+        placeholder: "Skriv inn nummer"
       },
       percentCell: {
-        placeholder: "Enter %"
+        placeholder: "Skriv inn %"
       },
       pillCell: {
-        placeholder: "Select {{label}}"
+        placeholder: "Velg {{label}}"
       },
       selectCell: {
-        placeholder: "Select {{label}}"
+        placeholder: "Velg {{label}}"
       },
       multiSelectCell: {
-        placeholder: "Select Values"
+        placeholder: "Velg verdier"
       },
       booleanCell: {
         options: {
@@ -107391,16 +107485,16 @@ var nb_NO_default = {
     },
     filterRenders: {
       dateFilter: {
-        single: "Single",
-        range: "Range"
+        single: "Enslig",
+        range: "Rekkevidde"
       }
     },
     groupCell: {
-      expand: "Expand group",
-      collapse: "Collapse group"
+      expand: "Utvid gruppe",
+      collapse: "Skjul gruppe"
     },
     rowCheckbox: {
-      ariaLabel: "Select Row"
+      ariaLabel: "Velg rad"
     }
   }
 };
@@ -107829,7 +107923,7 @@ var pt_BR_default = {
         options: {
           any_value: "Qualquer Valor",
           is_between: "Est\xE1 entre",
-          is_equal_to: "\xC9 igual a",
+          is_equal_to: "\xC9 Igual a",
           greater_than: "\xC9 Maior Que",
           greater_than_equal_to: "\xC9 Maior Que ou Igual a",
           less_than: "\xC9 Menor Que",
@@ -107961,8 +108055,8 @@ var pt_PT_default = {
         description: "Assim que a sua equipa criar estes itens, poder\xE1 aceder aos mesmos aqui. ",
         title: "N\xE3o h\xE1 itens para apresentar neste momento",
         itemsTitle: "N\xE3o h\xE1 %{itemsLabel} para apresentar neste momento",
-        tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado quando adicionar informa\xE7\xF5es \xE0 tabela %{tableName}",
-        searchTooltip: "A pesquisa ser\xE1 ativada quando adicionar informa\xE7\xF5es a %{tableName}",
+        tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado quando adicionar informa\xE7\xF5es a %{tableName}",
+        searchTooltip: "A pesquisa ser\xE1 ativada quando adicionar informa\xE7\xF5es a: %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -108063,8 +108157,8 @@ var pt_PT_default = {
       configureColumns: "Configurar colunas",
       resetToDefault: "Mostrar tudo",
       rowHeight: "Altura da linha",
-      small: "Pequeno",
-      medium: "M\xE9dio",
+      small: "Pequena",
+      medium: "M\xE9dia",
       large: "Grande",
       tableSettings: "Defini\xE7\xF5es de tabela",
       groupBy: "Agrupar por:",
@@ -109993,11 +110087,16 @@ function getServerSideDatasource(onServerSideDataRequestCallbackRef, onEmptyResp
   };
 }
 var minimumColumnWidth = 140;
+function resolveGroupIncludeFooter(props, onSSDR) {
+  if (props.enableGroupHeaderEdit) return false;
+  if (!onSSDR && props.groupIncludeFooter === void 0) return true;
+  return props.groupIncludeFooter;
+}
 function useComputeAgGridProps(props) {
   const internalTableContext = useInternalTableContext();
   const onSSDR = internalTableContext.onServerSideDataRequest;
   return {
-    groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
+    groupIncludeFooter: resolveGroupIncludeFooter(props, !!onSSDR),
     rowDragManaged: onSSDR ? false : props.rowDragManaged ?? true,
     rowModelType: onSSDR ? "serverSide" : void 0,
     groupSelectsChildren: (
@@ -110070,11 +110169,11 @@ var Table = (props) => {
   });
   const decoratedColDefs = React80.useMemo(
     () => internalTableContext.columnDefinitions?.map((colDef) => {
-      const newColDef = transformToColDef(
-        colDef,
-        internalTableContext.enableGroupEditAndValidation,
-        internalTableContext.enableDynamicRowHeight
-      );
+      const newColDef = transformToColDef(colDef, {
+        enableGroupEditAndValidation: internalTableContext.enableGroupEditAndValidation,
+        enableDynamicRowHeight: internalTableContext.enableDynamicRowHeight,
+        enableGroupHeaderEdit: props.enableGroupHeaderEdit
+      });
       return {
         ...newColDef,
         editable: overrideEditable(colDef.editable)
@@ -110360,8 +110459,10 @@ var Table = (props) => {
   const decoratedAutoGroupColDef = React80.useMemo(
     () => getDecoratedAutoGroupColDef(
       props?.autoGroupColumnDefinition,
-      internalTableContext.enableGroupEditAndValidation,
-      internalTableContext.enableDynamicRowHeight,
+      {
+        enableGroupEditAndValidation: internalTableContext.enableGroupEditAndValidation,
+        enableDynamicRowHeight: internalTableContext.enableDynamicRowHeight
+      },
       isRowSelectable,
       props.siblingGroupsRowSelectionDisabled,
       props.groupsAlwaysExpanded ?? false,
@@ -111978,6 +112079,21 @@ var LocationQuickFilterRenderer_default = LocationQuickFilterRenderer;
 var StyledFilterPresetPopoverContent = styled4(Popover.Content)`
   padding: ${spacing.sm}px ${spacing.lg}px;
 `;
+var StyledClearButton = styled4(Button)`
+  position: absolute;
+  right: ${spacing.md + spacing.lg}px;
+  top: calc(36px / 2);
+  transform: translateY(-50%);
+  color: ${colors.blue45};
+  &:hover,
+  &:focus {
+    color: ${colors.blue45};
+    background: ${colors.white};
+  }
+`;
+var StyledTriggerContainerWrapper = styled4.div`
+  position: relative;
+`;
 var getValueLabel = (isValueEmpty, value, placeholder, filterName) => {
   const prefixLabel = isValueEmpty ? placeholder || filterName : filterName;
   const valueLabel = value ? `${prefixLabel ? ": " : ""}${value}` : "";
@@ -111997,7 +112113,7 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
         const ctx = UNSAFE_useSuperSelectContext();
         const I18n = useI18nContext();
         return /* @__PURE__ */ React80.createElement(
-          Button,
+          StyledClearButton,
           {
             ...ctx.props.clear(),
             "aria-label": I18n.t("dataTable.filters.removeFilterToken", {
@@ -112022,6 +112138,11 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
           filterName
         )));
       }),
+      TriggerContainerWrapper: React80.forwardRef(
+        (props, ref) => {
+          return /* @__PURE__ */ React80.createElement(StyledTriggerContainerWrapper, { ref, ...props });
+        }
+      ),
       TriggerContainer: React80.forwardRef(
         (props, ref) => {
           const ctx = UNSAFE_useSuperSelectContext();
@@ -112035,11 +112156,31 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
               }
             );
           }
+          const {
+            "aria-activedescendant": ariaActivedescendant,
+            "aria-controls": ariaControls,
+            "aria-expanded": ariaExpanded,
+            "aria-haspopup": ariaHaspopup,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            role,
+            tabIndex
+          } = ctx.props.multiInput();
+          const a11yProps = {
+            "aria-activedescendant": ariaActivedescendant,
+            "aria-controls": ariaControls,
+            "aria-expanded": ariaExpanded,
+            "aria-haspopup": ariaHaspopup,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            role,
+            tabIndex
+          };
           return /* @__PURE__ */ React80.createElement(
             Popover,
             {
               placement: "top",
-              trigger: ctx.state.value.length > 1 ? "hover" : "none",
+              trigger: ctx.state.value.length > 1 ? ["hover", "focus"] : "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
@@ -112052,6 +112193,7 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
               {
                 $block: ctx.config.block,
                 ...props,
+                ...a11yProps,
                 ref
               }
             )
@@ -112864,6 +113006,7 @@ var ClientSideSearch = ({
   const { tableRef } = useInternalTableContext();
   const hasNoContent = useTableHasNoContent();
   const I18n = useI18nContext();
+  const resolvedPlaceholder = placeholder || I18n.t("dataTable.search");
   const debouncedSetSearchValue = React80.useCallback(
     debounce5((value) => {
       tableRef?.current?.setSearchValue(value);
@@ -112891,7 +113034,8 @@ var ClientSideSearch = ({
         "search--empty": !internalValue.length
       }),
       onChange,
-      placeholder: placeholder || I18n.t("dataTable.search")
+      placeholder: resolvedPlaceholder,
+      "aria-label": resolvedPlaceholder
     }
   ));
 };