@semcore/data-table 4.51.0-prerelease.1 → 4.51.0-prerelease.5

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

@@ -0,0 +1,105 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import Checkbox from "@semcore/checkbox";
+import React__default from "react";
+import { SelectableRows } from "../../store/SelectableRows.mjs";
+import { Row } from "../Body/Row.mjs";
+import { UNIQ_ROW_KEY, SELECT_ALL } from "../DataTable/DataTable.mjs";
+var RowSelector = /* @__PURE__ */ (function(_React$PureComponent) {
+  function RowSelector2(props) {
+    var _this;
+    _classCallCheck(this, RowSelector2);
+    _this = _callSuper(this, RowSelector2, [props]);
+    _defineProperty(_this, "state", {
+      checked: false
+    });
+    _defineProperty(_this, "unsubscribeToggle", void 0);
+    _defineProperty(_this, "handleSelectRow", function(value, event) {
+      var _this$props = _this.props, row = _this$props.row, rowIndex = _this$props.rowIndex, onSelectRow = _this$props.onSelectRow, selectedRows = _this$props.selectedRows;
+      onSelectRow === null || onSelectRow === void 0 || onSelectRow(value, rowIndex, row, event);
+      if (selectedRows && !Array.isArray(selectedRows)) {
+        selectedRows.toggle(value, row);
+      }
+    });
+    _defineProperty(_this, "handleClickCheckbox", function(value) {
+      return function(event) {
+        event === null || event === void 0 || event.preventDefault();
+        event === null || event === void 0 || event.stopPropagation();
+        var _this$props2 = _this.props, row = _this$props2.row, rowIndex = _this$props2.rowIndex, onSelectRow = _this$props2.onSelectRow, selectedRows = _this$props2.selectedRows;
+        onSelectRow === null || onSelectRow === void 0 || onSelectRow(value, rowIndex, row, event);
+        if (selectedRows && !Array.isArray(selectedRows)) {
+          selectedRows.toggle(value, row);
+        }
+      };
+    });
+    var _row = props.row, _selectedRows = props.selectedRows;
+    if (_selectedRows && !Array.isArray(_selectedRows)) {
+      _this.state.checked = _selectedRows.has(_row[UNIQ_ROW_KEY]);
+    }
+    return _this;
+  }
+  _inherits(RowSelector2, _React$PureComponent);
+  return _createClass(RowSelector2, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var _this$props3 = this.props, row = _this$props3.row, selectedRows = _this$props3.selectedRows;
+      if (selectedRows && !Array.isArray(selectedRows)) {
+        this.unsubscribeToggle = selectedRows.on(SelectableRows.TOGGLE_EVENT, function(key) {
+          if (row[UNIQ_ROW_KEY] === key) {
+            _this2.setState({
+              checked: selectedRows.has(row[UNIQ_ROW_KEY])
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$unsubscribeTogg;
+      (_this$unsubscribeTogg = this.unsubscribeToggle) === null || _this$unsubscribeTogg === void 0 || _this$unsubscribeTogg.call(this);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var SCheckboxCell = Row.Cell;
+      var _this$props4 = this.props, row = _this$props4.row, rowIndex = _this$props4.rowIndex, gridRowIndex = _this$props4.gridRowIndex, expanded = _this$props4.expanded, withAccordion = _this$props4.withAccordion, isAccordionRow = _this$props4.isAccordionRow, isCellHidden = _this$props4.isCellHidden, theme = _this$props4.theme, uid = _this$props4.uid, selectedRows = _this$props4.selectedRows, fixed = _this$props4.fixed;
+      var rowUniqKey = row[UNIQ_ROW_KEY];
+      var checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;
+      var style = {};
+      if (fixed) {
+        style.left = 0;
+      }
+      return /* @__PURE__ */ React__default.createElement(SCheckboxCell, {
+        row,
+        rowIndex,
+        column: {
+          name: SELECT_ALL,
+          fixed
+        },
+        columnIndex: 0,
+        gridRowIndex,
+        onClick: this.handleClickCheckbox(!checked),
+        expanded,
+        isAccordionRow,
+        "aria-hidden": isCellHidden,
+        withAccordion,
+        theme,
+        "data-row-selector": true,
+        fixed,
+        style
+      }, /* @__PURE__ */ React__default.createElement(Checkbox, {
+        checked,
+        "aria-labelledby": "".concat(uid, "_").concat(rowUniqKey, "_1"),
+        onChange: this.handleSelectRow
+      }, /* @__PURE__ */ React__default.createElement(Checkbox.Value, null)));
+    }
+  }]);
+})(React__default.PureComponent);
+export {
+  RowSelector
+};

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

@@ -0,0 +1,51 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { ScreenReaderOnly } from "@semcore/base-components";
+import React__default from "react";
+import { UNIQ_ROW_KEY } from "../DataTable/DataTable.mjs";
+function SRAnnouncer(props) {
+  var _React$useState = React__default.useState(""), _React$useState2 = _slicedToArray(_React$useState, 2), ariaMessage = _React$useState2[0], setAriaMessage = _React$useState2[1];
+  var _React$useState3 = React__default.useState(false), _React$useState4 = _slicedToArray(_React$useState3, 2), selectedAll = _React$useState4[0], setSelectedAll = _React$useState4[1];
+  React__default.useEffect(function() {
+    var selectedRowsSet = new Set(props.selectedRows);
+    var allChecked = [];
+    var allUnchecked = [];
+    props.flatRows.forEach(function(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(function() {
+    var getI18nText = props.getI18nText;
+    var message = getI18nText(selectedAll ? "DataTable.allItemsSelected:aria-live" : "DataTable.allItemsDeselected:aria-live");
+    setAriaMessage(message);
+    var timeout = setTimeout(function() {
+      return setAriaMessage("");
+    }, 5e3);
+    return function() {
+      return clearTimeout(timeout);
+    };
+  }, [selectedAll, props.getI18nText]);
+  React__default.useEffect(function() {
+    var timer = setTimeout(function() {
+      return setAriaMessage("");
+    }, 1e3);
+    return function() {
+      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,31 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { ScreenReaderOnly } from "@semcore/base-components";
+import React__default from "react";
+import { SelectableRows } from "../../store/SelectableRows.mjs";
+function SRReactiveAnnouncer(props) {
+  var _React$useState = React__default.useState(""), _React$useState2 = _slicedToArray(_React$useState, 2), ariaMessage = _React$useState2[0], setAriaMessage = _React$useState2[1];
+  var setAriaCallback = React__default.useCallback(function() {
+    var isAllSelected = props.selectedRows.isAllSelected();
+    var message = props.getI18nText(isAllSelected ? "DataTable.allItemsSelected:aria-live" : "DataTable.allItemsDeselected:aria-live");
+    setAriaMessage(message);
+  }, [props.selectedRows]);
+  React__default.useEffect(function() {
+    var unsubscribe = props.selectedRows.on(SelectableRows.SELECT_ALL_EVENT, setAriaCallback);
+    return unsubscribe;
+  }, [props.selectedRows]);
+  React__default.useEffect(function() {
+    var timer = setTimeout(function() {
+      return setAriaMessage("");
+    }, 1e3);
+    return function() {
+      return clearTimeout(timer);
+    };
+  }, [ariaMessage]);
+  return /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, {
+    role: "status",
+    "aria-live": "polite"
+  }, ariaMessage);
+}
+export {
+  SRReactiveAnnouncer
+};

package/lib/esm/enhancers/focusableCell.mjs

@@ -0,0 +1,72 @@
+import { getFocusableIn } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
+function handleFocusCell(lockedCell, target, currentTarget) {
+  if (target instanceof HTMLElement && currentTarget instanceof HTMLElement && target === currentTarget && target.matches(":focus-visible")) {
+    target.scrollIntoView({
+      block: "center",
+      inline: "center"
+    });
+    var focusableChildren = Array.from(currentTarget.children).flatMap(function(node) {
+      return getFocusableIn(node);
+    });
+    if (focusableChildren.length === 1) {
+      focusableChildren[0].focus({
+        focusVisible: true
+      });
+      focusableChildren[0].scrollIntoView({
+        block: "center",
+        inline: "center"
+      });
+    } else if (focusableChildren.length > 1) {
+      lockedCell[0] = currentTarget;
+      lockedCell[1] = false;
+    }
+  }
+}
+function handleKeydownFocusCell(lockedCell, e) {
+  if (e.currentTarget === lockedCell[0]) {
+    var focusableChildren = Array.from(lockedCell[0].children).flatMap(function(node) {
+      return getFocusableIn(node);
+    });
+    if (lockedCell[1]) {
+      if (e.key === "Escape") {
+        var _lockedCell$;
+        (_lockedCell$ = lockedCell[0]) === null || _lockedCell$ === void 0 || _lockedCell$.focus({
+          focusVisible: true
+        });
+        lockedCell[1] = false;
+      }
+      if (e.key.startsWith("Arrow")) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+      if (e.key === "Tab") {
+        if (e.target === focusableChildren[0] && e.shiftKey) {
+          var _focusableChildren;
+          (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 || _focusableChildren.focus({
+            focusVisible: true
+          });
+          e.preventDefault();
+        } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
+          var _focusableChildren$;
+          (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 || _focusableChildren$.focus({
+            focusVisible: true
+          });
+          e.preventDefault();
+        }
+        e.stopPropagation();
+      }
+    } else if (e.key === "Enter") {
+      var _focusableChildren$2;
+      e.preventDefault();
+      e.stopPropagation();
+      lockedCell[1] = true;
+      (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus({
+        focusVisible: true
+      });
+    }
+  }
+}
+export {
+  handleFocusCell,
+  handleKeydownFocusCell
+};

package/lib/esm/index.mjs

@@ -1,8 +1,15 @@
-import { ROW_GROUP, default as default2, wrapDataTable, wrapDataTableCell, wrapDataTableRow } from "./DataTable.mjs";
+import { MergedColumnsCell, MergedRowsCell } from "./components/Body/MergedCells.mjs";
+import { ACCORDION, DataTable, ROW_GROUP } from "./components/DataTable/DataTable.mjs";
+import { SelectableRows } from "./store/SelectableRows.mjs";
+var wrapDataTable = function wrapDataTable2(wrapper) {
+  return wrapper;
+};
 export {
+  ACCORDION,
+  DataTable,
+  MergedColumnsCell,
+  MergedRowsCell,
   ROW_GROUP,
-  default2 as default,
-  wrapDataTable,
-  wrapDataTableCell,
-  wrapDataTableRow
+  SelectableRows,
+  wrapDataTable
 };

package/lib/esm/store/SelectableRows.mjs

@@ -0,0 +1,201 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import EventEmitter from "@semcore/core/lib/utils/eventEmitter";
+import { UNIQ_ROW_KEY } from "../components/DataTable/DataTable.mjs";
+var SelectableRows = /* @__PURE__ */ (function(_EventEmitter) {
+  function SelectableRows2() {
+    var _this;
+    var initValues = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+    _classCallCheck(this, SelectableRows2);
+    _this = _callSuper(this, SelectableRows2);
+    _defineProperty(_this, "values", void 0);
+    _defineProperty(_this, "availableKeys", /* @__PURE__ */ new Set());
+    _defineProperty(_this, "lastSelectedRow", null);
+    _defineProperty(_this, "isPressedShift", false);
+    _this.values = new Set(initValues);
+    return _this;
+  }
+  _inherits(SelectableRows2, _EventEmitter);
+  return _createClass(SelectableRows2, [{
+    key: "setAvailableKeys",
+    value: function setAvailableKeys(value) {
+      this.availableKeys = new Set(value);
+    }
+  }, {
+    key: "get",
+    value: function get() {
+      return Array.from(this.values.keys());
+    }
+  }, {
+    key: "isChecked",
+    value: function isChecked(key) {
+      return this.values.has(key);
+    }
+  }, {
+    key: "replace",
+    value: function replace(value) {
+      var _this2 = this;
+      this.clearAll();
+      value.forEach(function(val) {
+        _this2.values.add(val);
+        _this2.emit(SelectableRows2.TOGGLE_EVENT, val);
+      });
+    }
+  }, {
+    key: "has",
+    value: function has(value) {
+      return this.values.has(value);
+    }
+  }, {
+    key: "isAllSelected",
+    value: function isAllSelected() {
+      var isAllSelected2 = true;
+      if (this.availableKeys.size === 0 || this.values.size === 0) {
+        return false;
+      }
+      var _iterator = _createForOfIteratorHelper(this.availableKeys.values()), _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+          var _key = _step.value;
+          if (!this.values.has(_key)) {
+            isAllSelected2 = false;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return isAllSelected2;
+    }
+  }, {
+    key: "isIndeterminate",
+    value: function isIndeterminate() {
+      var isIndeterminate2 = false;
+      var _iterator2 = _createForOfIteratorHelper(this.availableKeys.values()), _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+          var _key2 = _step2.value;
+          if (this.values.has(_key2)) {
+            isIndeterminate2 = true;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      return isIndeterminate2;
+    }
+  }, {
+    key: "selectAll",
+    value: function selectAll() {
+      var _iterator3 = _createForOfIteratorHelper(this.availableKeys.values()), _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
+          var _key3 = _step3.value;
+          this.values.add(_key3);
+          this.emit(SelectableRows2.TOGGLE_EVENT, _key3);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      this.emit(SelectableRows2.SELECT_ALL_EVENT);
+    }
+  }, {
+    key: "clearAll",
+    value: function clearAll() {
+      var keys = Array.from(this.values.values());
+      this.values.clear();
+      for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
+        var _key4 = _keys[_i];
+        this.emit(SelectableRows2.TOGGLE_EVENT, _key4);
+      }
+      this.emit(SelectableRows2.SELECT_ALL_EVENT);
+    }
+  }, {
+    key: "clearAllAvailable",
+    value: function clearAllAvailable() {
+      var _iterator4 = _createForOfIteratorHelper(this.availableKeys.values()), _step4;
+      try {
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+          var _key5 = _step4.value;
+          this.values["delete"](_key5);
+          this.emit(SelectableRows2.TOGGLE_EVENT, _key5);
+        }
+      } catch (err) {
+        _iterator4.e(err);
+      } finally {
+        _iterator4.f();
+      }
+      this.emit(SelectableRows2.SELECT_ALL_EVENT);
+    }
+  }, {
+    key: "toggle",
+    value: function toggle(selected, row) {
+      if (this.isPressedShift && this.values.size > 0 && this.lastSelectedRow && (selected ? this.values.has(this.lastSelectedRow) : true)) {
+        var select = false;
+        var _iterator5 = _createForOfIteratorHelper(this.availableKeys.values()), _step5;
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done; ) {
+            var item = _step5.value;
+            if (!select && (item === row[UNIQ_ROW_KEY] || item === this.lastSelectedRow)) {
+              select = true;
+              this.toggleOneRow(selected, item);
+              continue;
+            }
+            if (select) {
+              this.toggleOneRow(selected, item);
+            }
+            if (select && (item === row[UNIQ_ROW_KEY] || item === this.lastSelectedRow)) {
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+      } else {
+        this.toggleOneRow(selected, row[UNIQ_ROW_KEY]);
+      }
+      this.lastSelectedRow = row[UNIQ_ROW_KEY];
+    }
+  }, {
+    key: "toggleOneRow",
+    value: function toggleOneRow(isSelected, key) {
+      if (isSelected) {
+        if (!this.isIndeterminate()) {
+          this.emit(SelectableRows2.SET_INDETERMINATE_EVENT);
+        }
+        this.values.add(key);
+        if (this.isAllSelected()) {
+          this.emit(SelectableRows2.SELECT_ALL_EVENT);
+        }
+      } else {
+        if (this.isAllSelected()) {
+          this.emit(SelectableRows2.SET_INDETERMINATE_EVENT);
+        }
+        this.values["delete"](key);
+        if (this.values.size === 0) {
+          this.emit(SelectableRows2.SELECT_ALL_EVENT);
+        }
+      }
+      this.emit(SelectableRows2.TOGGLE_EVENT, key);
+    }
+  }]);
+})(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/style/scroll-shadows.shadow.css

@@ -1,7 +1,52 @@
-SShadowHorizontal,
-SShadowVertical {
-  &:before,
-  &:after {
-    z-index: 1;
+SScrollArea {
+  width: fit-content;
+
+  view-timeline: --table-sticky-timeline block;
+
+  SContainer {
+    overflow: unset;
+
+    &[scrollDirection='both'] {
+      overflow: auto;
+
+      &[loading] {
+        overflow: hidden;
+      }
+    }
+    &[scrollDirection='horizontal'] {
+      overflow-x: auto;
+      overflow-y: unset;
+
+      &[loading] {
+        overflow: hidden;
+      }
+    }
+    &[scrollDirection='vertical'] {
+      overflow-x: unset;
+      overflow-y: auto;
+
+      &[loading] {
+        overflow: hidden;
+      }
+    }
+    &[headerHeight] {
+      scroll-padding-top: var(--headerHeight);
+    }
+    &[leftScrollPadding] {
+      scroll-padding-left: var(--leftScrollPadding);
+    }
+    &[rightScrollPadding] {
+      scroll-padding-right: var(--rightScrollPadding);
+    }
+  }
+
+  SShadowVertical::after, SShadowHorizontal::before, SShadowHorizontal:after {
+    z-index: 20;
+  }
+
+  SShadowVertical::before,
+  SShadowHorizontal[leftOffset]::before,
+  SShadowHorizontal[rightOffset]::after {
+    display: none;
   }
 }

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

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/en.json.mjs

@@ -1,6 +1,11 @@
 const sortableColumn = "Sortable";
 const en = {
-  sortableColumn
+  sortableColumn,
+  "DataTable.Cell.AccordionToggle.expand:aria-label": "Show details",
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Hide details",
+  "DataTable.Header.selectAllCheckbox:aria-label": "All items",
+  "DataTable.allItemsSelected:aria-live": "All items selected",
+  "DataTable.allItemsDeselected:aria-live": "All items deselected"
 };
 export {
   en 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,