@semcore/data-table 17.0.0-prerelease.36 → 17.0.0-prerelease.39

package/lib/esm/components/Head/Column.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Component, lastInteraction, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, lastInteraction, assignProps } from "@semcore/core";
 import { Flex } from "@semcore/base-components";
 import { ButtonLink } from "@semcore/button";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
@@ -11,7 +11,6 @@ import SortAsc from "@semcore/icon/SortAsc/m";
 import SortDesc from "@semcore/icon/SortDesc/m";
 import * as React from "react";
 import { handleKeydownFocusCell, handleFocusCell } from "../../enhancers/focusableCell.mjs";
-/*!__reshadow-styles__:"./style.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -82,7 +81,6 @@ class Column extends Component {
       sortVisible: false
     });
     _defineProperty(this, "calculateActiveColumnMinWidth", () => {
-      var _a;
       const node = this.columnRef.current;
       if (node) {
         const clonedColumn = document.createElement("div");
@@ -101,7 +99,7 @@ class Column extends Component {
         document.body.appendChild(clonedColumn);
         const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);
         document.body.removeChild(clonedColumn);
-        const defaultNodeWidth = ((_a = this.columnRef.current) == null ? void 0 : _a.clientWidth) ?? 0;
+        const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;
         if (computedWidth >= defaultNodeWidth) {
           return defaultNodeWidth + SORT_ICON_WIDTH;
         } else {
@@ -139,7 +137,7 @@ class Column extends Component {
         sortable
       } = this.asProps;
       if (sortable && onSortChange) {
-        const sortDirection = (sort == null ? void 0 : sort[0]) === name ? reversedSortDirection[sort[1]] : this.defaultDirection;
+        const sortDirection = sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;
         onSortChange([name, sortDirection], e);
       }
     });
@@ -153,7 +151,6 @@ class Column extends Component {
       handleKeydownFocusCell(this.lockedCell, e);
     });
     _defineProperty(this, "handleFocusableCellFocus", (e) => {
-      var _a;
       const cellElement = e.currentTarget;
       const target = e.target;
       if (lastInteraction.isKeyboard()) {
@@ -163,7 +160,7 @@ class Column extends Component {
           handleFocusCell(this.lockedCell, target, cellElement);
         });
       } else {
-        const focusableChildren = Array.from(((_a = this.columnRef.current) == null ? void 0 : _a.children) ?? []).flatMap((node) => getFocusableIn(node));
+        const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) => getFocusableIn(node));
         if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {
           this.lockedCell[0] = this.columnRef.current;
           this.lockedCell[1] = true;
@@ -171,7 +168,6 @@ class Column extends Component {
       }
     });
     _defineProperty(this, "handleClick", (e) => {
-      var _a;
       const {
         sortable,
         onClick,
@@ -180,19 +176,18 @@ class Column extends Component {
       if (sortable) {
         this.handleSort(e);
       }
-      const focusableChildren = Array.from(((_a = this.columnRef.current) == null ? void 0 : _a.children) ?? []).flatMap((node) => getFocusableIn(node));
+      const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) => getFocusableIn(node));
       if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {
         this.lockedCell[0] = this.columnRef.current;
         this.lockedCell[1] = true;
       }
-      onClick == null ? void 0 : onClick(e, {
+      onClick?.(e, {
         rowIndex: -1,
         colIndex: columnIndex
       });
     });
   }
   componentDidMount() {
-    var _a;
     const {
       parent,
       sticky,
@@ -203,18 +198,17 @@ class Column extends Component {
     } = this.asProps;
     if (parent && sticky && scrollDirection !== "horizontal") {
       const columnElement = this.columnRef.current;
-      const groupElement = (_a = columnElement == null ? void 0 : columnElement.parentElement) == null ? void 0 : _a.children.item(0);
-      const groupRectHeight = (groupElement == null ? void 0 : groupElement.getBoundingClientRect().height) ?? 0;
+      const groupElement = columnElement?.parentElement?.children.item(0);
+      const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;
       const topOffset = groupElement instanceof HTMLElement ? cssToIntDefault(groupElement.style.top) : 0;
-      columnElement == null ? void 0 : columnElement.style.setProperty("top", `${groupRectHeight + topOffset}px`);
+      columnElement?.style.setProperty("top", `${groupRectHeight + topOffset}px`);
     }
-    if (canUseDOM() && changeSortSize && (sort == null ? void 0 : sort[0]) === name) {
+    if (canUseDOM() && changeSortSize && sort?.[0] === name) {
       this.changeTemplateColumnBySort();
     }
   }
   componentDidUpdate(prevProps) {
-    var _a, _b;
-    if (this.asProps.changeSortSize && canUseDOM() && ((_a = prevProps.sort) == null ? void 0 : _a[0]) !== ((_b = this.asProps.sort) == null ? void 0 : _b[0])) {
+    if (this.asProps.changeSortSize && canUseDOM() && prevProps.sort?.[0] !== this.asProps.sort?.[0]) {
       this.changeTemplateColumnBySort();
     }
   }
@@ -226,7 +220,7 @@ class Column extends Component {
       sort,
       name
     } = this.asProps;
-    if ((sort == null ? void 0 : sort[0]) === name) {
+    if (sort?.[0] === name) {
       const newWidth = this.calculateActiveColumnMinWidth();
       setTimeout(() => {
         if (tableRef.current && newWidth !== null) {
@@ -238,7 +232,7 @@ class Column extends Component {
           }).join(" "));
         }
       });
-    } else if ((sort == null ? void 0 : sort[0]) !== name) {
+    } else if (sort?.[0] !== name) {
       setTimeout(() => {
         if (tableRef.current) {
           const currentGridTemplateColumns = tableRef.current.style.getPropertyValue("grid-template-columns");

package/lib/esm/components/Head/Group.mjs

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Component, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React__default from "react";
 import { DataTable } from "../DataTable/DataTable.mjs";
-/*!__reshadow-styles__:"./style.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/components/Head/Head.mjs

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Box, ScreenReaderOnly } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
 import React__default from "react";
@@ -8,7 +8,6 @@ import { Column } from "./Column.mjs";
 import { Group } from "./Group.mjs";
 import { SelectableRows } from "../../store/SelectableRows.mjs";
 import { UNIQ_ROW_KEY, SELECT_ALL, DataTable } from "../DataTable/DataTable.mjs";
-/*!__reshadow-styles__:"./style.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -59,8 +58,8 @@ class HeadRoot extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "unsubscribeSelectAll", void 0);
+    _defineProperty(this, "unsubscribeSetIndeterminate", void 0);
     _defineProperty(this, "handleSelectAll", (value, event) => {
-      var _a, _b;
       const {
         selectedRows
       } = this.asProps;
@@ -75,7 +74,7 @@ class HeadRoot extends Component {
             idsSet.delete(row[UNIQ_ROW_KEY]);
           });
         }
-        (_b = (_a = this.asProps).onChangeSelectAll) == null ? void 0 : _b.call(_a, Array.from(idsSet), event);
+        this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);
       } else if (selectedRows) {
         if (value) {
           selectedRows.selectAll();
@@ -85,8 +84,8 @@ class HeadRoot extends Component {
       }
     });
     _defineProperty(this, "handleClickSelectAll", (value) => (event) => {
-      event == null ? void 0 : event.preventDefault();
-      event == null ? void 0 : event.stopPropagation();
+      event?.preventDefault();
+      event?.stopPropagation();
       this.handleSelectAll(value, event);
     });
   }
@@ -95,14 +94,17 @@ class HeadRoot extends Component {
       selectedRows
     } = this.asProps;
     if (selectedRows && !Array.isArray(selectedRows)) {
-      this.unsubscribeSelectAll = selectedRows.subscribe(SelectableRows.SELECT_ALL_EVENT, () => {
+      this.unsubscribeSelectAll = selectedRows.on(SelectableRows.SELECT_ALL_EVENT, () => {
+        this.forceUpdate();
+      });
+      this.unsubscribeSetIndeterminate = selectedRows.on(SelectableRows.SET_INDETERMINATE_EVENT, () => {
         this.forceUpdate();
       });
     }
   }
   componentWillUnmount() {
-    var _a;
-    (_a = this.unsubscribeSelectAll) == null ? void 0 : _a.call(this);
+    this.unsubscribeSelectAll?.();
+    this.unsubscribeSetIndeterminate?.();
   }
   sortableColumnDescribeId() {
     const {
@@ -216,7 +218,7 @@ class HeadRoot extends Component {
       selectedRows
     } = this.asProps;
     if (Array.isArray(selectedRows)) {
-      return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows == null ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]));
+      return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));
     } else if (selectedRows) {
       return selectedRows.isAllSelected();
     }
@@ -226,7 +228,7 @@ class HeadRoot extends Component {
       selectedRows
     } = this.asProps;
     if (Array.isArray(selectedRows)) {
-      return this.selectableRows.some((row) => selectedRows == null ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]));
+      return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));
     } else if (selectedRows) {
       return selectedRows.isIndeterminate();
     }
@@ -237,8 +239,7 @@ class HeadRoot extends Component {
       flatRows
     } = this.asProps;
     const mappedFlatRows = flatRows.filter((r) => {
-      var _a;
-      const nextColumnName = (_a = columns[1]) == null ? void 0 : _a.name;
+      const nextColumnName = columns[1]?.name;
       return r[nextColumnName] !== void 0;
     });
     return mappedFlatRows;
@@ -282,9 +283,8 @@ class HeadRoot extends Component {
     }), /* @__PURE__ */ React__default.createElement(Checkbox.Value, null, /* @__PURE__ */ React__default.createElement(Checkbox.Value.Control, null), /* @__PURE__ */ React__default.createElement(Checkbox.Value.CheckMark, {
       mt: 0
     })))), children ? /* @__PURE__ */ React__default.createElement(Children, _ref2.cn("Children", {})) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, treeColumns.map((column, _i) => {
-      var _a;
       if ("columns" in column) {
-        const columnsName = (_a = column.columns) == null ? void 0 : _a.map((c) => c.name).join("/");
+        const columnsName = column.columns?.map((c) => c.name).join("/");
         return /* @__PURE__ */ React__default.createElement(DataTable.Head.Group, _extends({
           key: columnsName
         }, column, {

package/lib/esm/components/RowSelector/RowsSelector.mjs

@@ -18,21 +18,21 @@ class RowSelector extends React__default.PureComponent {
         onSelectRow,
         selectedRows
       } = this.props;
-      onSelectRow == null ? void 0 : onSelectRow(value, rowIndex, row, event);
+      onSelectRow?.(value, rowIndex, row, event);
       if (selectedRows && !Array.isArray(selectedRows)) {
         selectedRows.toggle(value, row);
       }
     });
     _defineProperty(this, "handleClickCheckbox", (value) => (event) => {
-      event == null ? void 0 : event.preventDefault();
-      event == null ? void 0 : event.stopPropagation();
+      event?.preventDefault();
+      event?.stopPropagation();
       const {
         row,
         rowIndex,
         onSelectRow,
         selectedRows
       } = this.props;
-      onSelectRow == null ? void 0 : onSelectRow(value, rowIndex, row, event);
+      onSelectRow?.(value, rowIndex, row, event);
       if (selectedRows && !Array.isArray(selectedRows)) {
         selectedRows.toggle(value, row);
       }
@@ -51,7 +51,7 @@ class RowSelector extends React__default.PureComponent {
       selectedRows
     } = this.props;
     if (selectedRows && !Array.isArray(selectedRows)) {
-      this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, (key) => {
+      this.unsubscribeToggle = selectedRows.on(SelectableRows.TOGGLE_EVENT, (key) => {
         if (row[UNIQ_ROW_KEY] === key) {
           this.setState({
             checked: selectedRows.has(row[UNIQ_ROW_KEY])
@@ -61,8 +61,7 @@ class RowSelector extends React__default.PureComponent {
     }
   }
   componentWillUnmount() {
-    var _a;
-    (_a = this.unsubscribeToggle) == null ? void 0 : _a.call(this);
+    this.unsubscribeToggle?.();
   }
   render() {
     const SCheckboxCell = Row.Cell;

package/lib/esm/components/RowSelector/SRAnnouncer.mjs

@@ -0,0 +1,44 @@
+import { ScreenReaderOnly } from "@semcore/base-components";
+import React__default from "react";
+import { UNIQ_ROW_KEY } from "../DataTable/DataTable.mjs";
+function SRAnnouncer(props) {
+  const [ariaMessage, setAriaMessage] = React__default.useState("");
+  const [selectedAll, setSelectedAll] = React__default.useState(false);
+  React__default.useEffect(() => {
+    const selectedRowsSet = new Set(props.selectedRows);
+    const allChecked = [];
+    const allUnchecked = [];
+    props.flatRows.forEach((row) => {
+      if (selectedRowsSet.has(row[UNIQ_ROW_KEY])) {
+        allChecked.push(row[UNIQ_ROW_KEY]);
+      } else {
+        allUnchecked.push(row[UNIQ_ROW_KEY]);
+      }
+    });
+    if (allChecked.length === props.data.length) {
+      setSelectedAll(true);
+    } else if (allUnchecked.length === props.data.length) {
+      setSelectedAll(false);
+    }
+  }, [props.selectedRows, props.data, props.flatRows]);
+  React__default.useEffect(() => {
+    const {
+      getI18nText
+    } = props;
+    const message = getI18nText(selectedAll ? "DataTable.allItemsSelected:aria-live" : "DataTable.allItemsDeselected:aria-live");
+    setAriaMessage(message);
+    const timeout = setTimeout(() => setAriaMessage(""), 5e3);
+    return () => clearTimeout(timeout);
+  }, [selectedAll, props.getI18nText]);
+  React__default.useEffect(() => {
+    const timer = setTimeout(() => setAriaMessage(""), 1e3);
+    return () => clearTimeout(timer);
+  }, [ariaMessage]);
+  return /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, {
+    role: "status",
+    "aria-live": "polite"
+  }, ariaMessage);
+}
+export {
+  SRAnnouncer
+};

package/lib/esm/components/RowSelector/SRReactiveAnnouncer.mjs

@@ -0,0 +1,26 @@
+import { ScreenReaderOnly } from "@semcore/base-components";
+import React__default from "react";
+import { SelectableRows } from "../../store/SelectableRows.mjs";
+function SRReactiveAnnouncer(props) {
+  const [ariaMessage, setAriaMessage] = React__default.useState("");
+  const setAriaCallback = React__default.useCallback(() => {
+    const isAllSelected = props.selectedRows.isAllSelected();
+    const message = props.getI18nText(isAllSelected ? "DataTable.allItemsSelected:aria-live" : "DataTable.allItemsDeselected:aria-live");
+    setAriaMessage(message);
+  }, [props.selectedRows]);
+  React__default.useEffect(() => {
+    const unsubscribe = props.selectedRows.on(SelectableRows.SELECT_ALL_EVENT, setAriaCallback);
+    return unsubscribe;
+  }, [props.selectedRows]);
+  React__default.useEffect(() => {
+    const timer = setTimeout(() => setAriaMessage(""), 1e3);
+    return () => clearTimeout(timer);
+  }, [ariaMessage]);
+  return /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, {
+    role: "status",
+    "aria-live": "polite"
+  }, ariaMessage);
+}
+export {
+  SRReactiveAnnouncer
+};

package/lib/esm/enhancers/focusableCell.mjs

@@ -23,12 +23,11 @@ function handleFocusCell(lockedCell, target, currentTarget) {
   }
 }
 function handleKeydownFocusCell(lockedCell, e) {
-  var _a, _b, _c, _d;
   if (e.currentTarget === lockedCell[0]) {
     const focusableChildren = Array.from(lockedCell[0].children).flatMap((node) => getFocusableIn(node));
     if (lockedCell[1]) {
       if (e.key === "Escape") {
-        (_a = lockedCell[0]) == null ? void 0 : _a.focus({
+        lockedCell[0]?.focus({
           focusVisible: true
         });
         lockedCell[1] = false;
@@ -39,12 +38,12 @@ function handleKeydownFocusCell(lockedCell, e) {
       }
       if (e.key === "Tab") {
         if (e.target === focusableChildren[0] && e.shiftKey) {
-          (_b = focusableChildren[focusableChildren.length - 1]) == null ? void 0 : _b.focus({
+          focusableChildren[focusableChildren.length - 1]?.focus({
             focusVisible: true
           });
           e.preventDefault();
         } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
-          (_c = focusableChildren[0]) == null ? void 0 : _c.focus({
+          focusableChildren[0]?.focus({
             focusVisible: true
           });
           e.preventDefault();
@@ -55,7 +54,7 @@ function handleKeydownFocusCell(lockedCell, e) {
       e.preventDefault();
       e.stopPropagation();
       lockedCell[1] = true;
-      (_d = focusableChildren[0]) == null ? void 0 : _d.focus({
+      focusableChildren[0]?.focus({
         focusVisible: true
       });
     }

package/lib/esm/store/SelectableRows.mjs

@@ -97,16 +97,16 @@ class SelectableRows extends EventEmitter {
   }
   toggleOneRow(isSelected, key) {
     if (isSelected) {
-      if (this.values.size === 0) {
-        this.emit(SelectableRows.SELECT_ALL_EVENT);
+      if (!this.isIndeterminate()) {
+        this.emit(SelectableRows.SET_INDETERMINATE_EVENT);
       }
       this.values.add(key);
-      if (this.values.size === this.availableKeys.size) {
+      if (this.isAllSelected()) {
         this.emit(SelectableRows.SELECT_ALL_EVENT);
       }
     } else {
-      if (this.values.size === this.availableKeys.size) {
-        this.emit(SelectableRows.SELECT_ALL_EVENT);
+      if (this.isAllSelected()) {
+        this.emit(SelectableRows.SET_INDETERMINATE_EVENT);
       }
       this.values.delete(key);
       if (this.values.size === 0) {
@@ -118,6 +118,7 @@ class SelectableRows extends EventEmitter {
 }
 _defineProperty(SelectableRows, "TOGGLE_EVENT", "toggle_selected_row");
 _defineProperty(SelectableRows, "SELECT_ALL_EVENT", "select_all_selected_rows");
+_defineProperty(SelectableRows, "SET_INDETERMINATE_EVENT", "set_indeterminate");
 export {
   SelectableRows
 };

package/lib/esm/translations/de.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Sortierbar";
 const de = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Details einblenden",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Details ausblenden",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Alle Elemente",
+  "DataTable.allItemsSelected:aria-live": "Alle Elemente ausgewählt",
+  "DataTable.allItemsDeselected:aria-live": "Alle Elemente nicht ausgewählt"
 };
 export {
   de as default,

package/lib/esm/translations/es.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Ordenable";
 const es = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Mostrar detalles",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Ocultar detalles",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Todos los elementos",
+  "DataTable.allItemsSelected:aria-live": "Todos los elementos seleccionados",
+  "DataTable.allItemsDeselected:aria-live": "Todos los elementos deseleccionados"
 };
 export {
   es as default,

package/lib/esm/translations/fr.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Triable";
 const fr = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Afficher les détails",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Masquer les détails",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Tous les éléments",
+  "DataTable.allItemsSelected:aria-live": "Tous les éléments sélectionnés",
+  "DataTable.allItemsDeselected:aria-live": "Tous les éléments désélectionnés"
 };
 export {
   fr as default,

package/lib/esm/translations/it.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Ordinabile";
 const it = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Mostra dettagli",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Nascondi dettagli",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Tutti gli elementi",
+  "DataTable.allItemsSelected:aria-live": "Tutti gli elementi selezionati",
+  "DataTable.allItemsDeselected:aria-live": "Tutti gli elementi deselezionati"
 };
 export {
   it as default,

package/lib/esm/translations/ja.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "分類可能";
 const ja = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "詳細を表示する",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "詳細を非表示にする",
+  "DataTable.Header.selectAllCheckbox:aria-label": "すべての項目",
+  "DataTable.allItemsSelected:aria-live": "すべての項目が選択されました",
+  "DataTable.allItemsDeselected:aria-live": "すべての項目が選択解除されました"
 };
 export {
   ja as default,

package/lib/esm/translations/ko.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "정렬 가능";
 const ko = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "세부 정보 표시",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "세부 정보 숨기기",
+  "DataTable.Header.selectAllCheckbox:aria-label": "모든 항목",
+  "DataTable.allItemsSelected:aria-live": "모든 항목이 선택됨",
+  "DataTable.allItemsDeselected:aria-live": "모든 항목이 선택 해제됨"
 };
 export {
   ko as default,

package/lib/esm/translations/nl.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Sorteerbaar";
 const nl = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Details tonen",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Details verbergen",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Alle items",
+  "DataTable.allItemsSelected:aria-live": "Alle items geselecteerd",
+  "DataTable.allItemsDeselected:aria-live": "Alle items niet geselecteerd"
 };
 export {
   nl as default,

package/lib/esm/translations/pl.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Umożliwia sortowanie";
 const pl = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Pokaż szczegóły",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Ukryj szczegóły",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Wszystkie przedmioty",
+  "DataTable.allItemsSelected:aria-live": "Wszystkie przedmioty wybrane",
+  "DataTable.allItemsDeselected:aria-live": "Wszystkie przedmioty odznaczone"
 };
 export {
   pl as default,

package/lib/esm/translations/pt.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Classificável";
 const pt = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Exibir detalhes",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Ocultar detalhes",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Todos os itens",
+  "DataTable.allItemsSelected:aria-live": "Todos os itens selecionados",
+  "DataTable.allItemsDeselected:aria-live": "Todos os itens desmarcados"
 };
 export {
   pt as default,

package/lib/esm/translations/sv.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Sorterbar";
 const sv = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Visa detaljer",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Dölj detaljer",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Alla objekt",
+  "DataTable.allItemsSelected:aria-live": "Alla objekt valda",
+  "DataTable.allItemsDeselected:aria-live": "Alla objekt avmarkerade"
 };
 export {
   sv as default,

package/lib/esm/translations/tr.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Sıralanabilir";
 const tr = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Detayları göster",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Detayları gizle",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Tüm öğeler",
+  "DataTable.allItemsSelected:aria-live": "Tüm öğeler seçildi",
+  "DataTable.allItemsDeselected:aria-live": "Tüm öğeler seçilmedi"
 };
 export {
   tr as default,

package/lib/esm/translations/vi.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Có thể sắp xếp";
 const vi = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Hiển thị chi tiết",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Ẩn bớt",
+  "DataTable.Header.selectAllCheckbox:aria-label": "Tất cả các mục",
+  "DataTable.allItemsSelected:aria-live": "Tất cả các mục đã được chọn",
+  "DataTable.allItemsDeselected:aria-live": "Tất cả các mục đã được bỏ chọn"
 };
 export {
   vi as default,

package/lib/esm/translations/zh.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "可排序";
 const zh = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "显示详细信息",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "隐藏详细信息",
+  "DataTable.Header.selectAllCheckbox:aria-label": "所有项目",
+  "DataTable.allItemsSelected:aria-live": "所有项目已选择",
+  "DataTable.allItemsDeselected:aria-live": "所有项目已取消选择"
 };
 export {
   zh as default,

package/lib/types/components/RowSelector/SRAnnouncer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { DTRow } from '../Body/Row.types';
+type Props<UniqKey> = {
+    selectedRows: Array<UniqKey>;
+    getI18nText: (key: string) => string;
+    flatRows: DTRow<UniqKey>[];
+    data: unknown[];
+};
+export declare function SRAnnouncer<UniqKey>(props: Props<UniqKey>): React.JSX.Element;
+export {};

package/lib/types/components/RowSelector/SRReactiveAnnouncer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ISelectedRows } from '../../store/SelectableRows';
+type Props<UniqKey> = {
+    selectedRows: ISelectedRows<UniqKey>;
+    getI18nText: (key: string) => string;
+};
+export declare function SRReactiveAnnouncer<UniqKey>(props: Props<UniqKey>): React.JSX.Element;
+export {};