@semcore/data-table 4.50.2-prerelease.0 → 4.51.0-prerelease.0

package/lib/es6/components/Head/style.shadow.css

@@ -0,0 +1,292 @@
+SHead, SGroupContainer {
+  display: contents;
+}
+
+SHead[isDataEmpty][gridTemplateColumns] {
+  display: grid;
+  grid-template-columns: var(--gridTemplateColumns);
+  overflow: auto;
+  scrollbar-width: thin;
+}
+
+SHead[animationDuration] > SColumn {
+  transition: top var(--animationDuration) ease-out;
+}
+
+@keyframes moveWithScroll {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(var(--global-scroll-to));
+  }
+}
+
+SHead[withAnimation][sticky] SColumn, SHead[withAnimation][sticky] SGroup {
+  animation-name: moveWithScroll;
+  animation-timeline: --table-sticky-timeline;
+  animation-range-start: exit-crossing calc(-1 * var(--global-header-top));
+  animation-range-end: exit-crossing calc(100% - var(--global-header-top));
+  animation-timing-function: linear;
+  animation-fill-mode: both;
+
+  transform: none;
+}
+
+SHead[sticky] SColumn, SHead[sticky] SGroup {
+  position: sticky;
+  top: 0;
+  z-index: 18;
+  transform: translateY(var(--global-scroll-translate));
+  will-change: scroll-position;
+}
+
+SHead[compact] SColumn {
+  padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px);
+}
+
+SGroup, SColumn {
+  display: flex;
+  align-items: flex-start;
+  font-size: var(--intergalactic-fs-100, 12px);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+  box-sizing: border-box;
+  height: 100%;
+  position: relative;
+  transition: width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out, min-width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out, max-width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
+  overflow: hidden;
+  line-height: var(--intergalactic-lh-100, 133%);
+}
+
+SGroup {
+  justify-content: center;
+  text-align: center;
+  background-color: var(--intergalactic-table-th-primary-cell, oklch(0.98 0.001 180));
+}
+
+SGroup[use='primary'] {
+  padding: var(--intergalactic-spacing-3x, 12px);
+
+  &:has(~ SColumn[visibleSort]) {
+    background-color: var(--intergalactic-table-th-primary-cell-hover, oklch(0.94 0.002 180));
+  }
+}
+SGroup[use='secondary'] {
+  padding: var(--intergalactic-spacing-2x, 8px);
+}
+
+SGroup[borders='both'], SColumn[borders='both'], SGroup[borders='left'], SColumn[borders='left'] {
+  border-left: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
+}
+
+SGroup[borders='both'], SColumn[borders='both'], SGroup[borders='right'], SColumn[borders='right'] {
+  border-right: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
+}
+
+SColumn[use='primary'] {
+  padding: var(--intergalactic-spacing-3x, 12px);
+  border-bottom: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
+  background-color: var(--intergalactic-table-th-primary-cell, oklch(0.98 0.001 180));
+
+  SSortWrapper::before {
+    background: linear-gradient(
+      270deg,
+      var(--intergalactic-table-th-primary-cell-hover, oklch(0.94 0.002 180)) 67.5%,
+      rgba(224, 225, 233, 0) 105%
+    );
+  }
+
+  &[visibleSort] {
+    background-color: var(--intergalactic-table-th-primary-cell-hover, oklch(0.94 0.002 180));
+
+    SSortWrapper {
+      flex-basis: calc(var(--intergalactic-spacing-1x, 4px) + 16px);
+      opacity: 1;
+
+      &::before {
+        display: flex;
+        opacity: 1;
+      }
+    }
+
+    SSortButton {
+      display: flex;
+      opacity: 1;
+    }
+  }
+
+  &[justifyContent='right'] {
+    SSortWrapper {
+      position: absolute;
+    }
+
+    &[changeSortSize][isSorted] {
+      SSortWrapper {
+        position: relative;
+      }
+    }
+  }
+}
+
+SColumn[use='secondary'] {
+  padding: var(--intergalactic-spacing-2x, 8px);
+  border-bottom: 1px solid var(--intergalactic-border-table-accent, oklch(0.137 0.026 175.7 / 0.161));
+  background-color: var(--intergalactic-table-th-secondary-cell, oklch(1 0 0));
+
+  SSortWrapper::before {
+    background: linear-gradient(
+      270deg,
+      var(--intergalactic-table-th-secondary-cell, oklch(1 0 0)) 67.5%,
+      rgba(255, 255, 255, 0) 105%
+    );
+  }
+
+  &[visibleSort] {
+    SSortWrapper {
+      flex-basis: calc(var(--intergalactic-spacing-1x, 4px) + 16px);
+      opacity: 1;
+
+      &::before {
+        display: flex;
+        opacity: 1;
+      }
+    }
+
+    SSortButton {
+      display: flex;
+      opacity: 1;
+    }
+  }
+
+  &[justifyContent='right'] {
+    SSortWrapper {
+      position: absolute;
+    }
+
+    &[changeSortSize][isSorted] {
+      SSortWrapper {
+        position: relative;
+      }
+    }
+  }
+}
+
+SColumn[gridArea], SGroup[gridArea], SGroupTitle[gridArea] {
+  grid-area: var(--gridArea);
+}
+
+SHead[sticky] SColumn[fixed], SHead SColumn[fixed], SHead SGroup[fixed] {
+  position: sticky;
+  /* because up resizable */
+  z-index: 19;
+}
+
+SColumn[sortable]:hover {
+  cursor: pointer;
+}
+
+SSortWrapper {
+  align-items: center;
+  display: flex;
+  flex-shrink: 1;
+  position: relative;
+  flex-basis: 0;
+  min-height: 16px;
+  opacity: 0;
+  transition: all calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
+}
+
+SSortWrapper:before {
+  display: none;
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 20px;
+  height: 100%;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+SSortButton {
+  display: none;
+  fill: var(--intergalactic-icon-secondary-neutral-hover-active, oklch(0.1 0.023 159.1 / 0.433));
+  position: absolute;
+  right: 0;
+  margin-left: var(--intergalactic-spacing-1x, 4px);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+SHead[sideIndents='wide'] {
+  SColumn:first-child {
+    padding-left: var(--intergalactic-spacing-5x, 20px);
+  }
+  SColumn:last-child {
+    padding-right: var(--intergalactic-spacing-5x, 20px);
+  }
+}
+
+SHeadCheckboxCol {
+  cursor: pointer;
+}
+
+
+SColumn[fixed][shadowVertical], SGroup[fixed][shadowVertical] {
+  &:after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    display: none;
+    top: 0;
+    width: 5px;
+    height: 100%;
+    z-index: 5;
+  }
+}
+
+
+/*SColumnChildrenWrapper*/
+
+SColumn[fixed='left'][shadowVertical='median'],
+SColumn[fixed='left'][shadowVertical='start'],
+SGroup[fixed='left'][shadowVertical='median'],
+SGroup[fixed='left'][shadowVertical='start'] {
+  margin-right: -5px;
+  border-right-color: transparent;
+
+  &[use='primary'] {
+    padding-right: calc(var(--intergalactic-spacing-3x, 12px) + 5px);
+  }
+  &[use='secondary'] {
+    padding-right: calc(var(--intergalactic-spacing-2x, 8px) + 5px);
+  }
+
+  &:after {
+    display: block;
+    right: 0;
+    background: var(--intergalactic-scroll-area-shadow-left,
+    linear-gradient(to right, oklch(from oklch(0.23 0.01 140) l c h / 0.08) 20.55%, transparent 100%));
+  }
+}
+SColumn[fixed='right'][shadowVertical='median'],
+SColumn[fixed='right'][shadowVertical='end'],
+SGroup[fixed='right'][shadowVertical='median'],
+SGroup[fixed='right'][shadowVertical='end'] {
+  margin-left: -5px;
+  border-left-color: transparent;
+
+  &[use='primary'] {
+    padding-left: calc(var(--intergalactic-spacing-3x, 12px) + 5px);
+  }
+  &[use='secondary'] {
+    padding-left: calc(var(--intergalactic-spacing-2x, 8px) + 5px);
+  }
+
+  &:after {
+    display: block;
+    left: 0;
+    background: var(--intergalactic-scroll-area-shadow-right,
+    linear-gradient(to left, oklch(from oklch(0.23 0.01 140) l c h / 0.08) 20.55%, transparent 100%));
+  }
+}

package/lib/es6/components/RowSelector/RowsSelector.js

@@ -0,0 +1,125 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _callSuper from "@babel/runtime/helpers/callSuper";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import Checkbox from '@semcore/checkbox';
+import React from 'react';
+import { SelectableRows } from '../../store/SelectableRows';
+import { Row } from '../Body/Row';
+import { UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';
+export var RowSelector = /*#__PURE__*/function (_React$PureComponent) {
+  function RowSelector(props) {
+    var _this;
+    _classCallCheck(this, RowSelector);
+    _this = _callSuper(this, RowSelector, [props]);
+    _defineProperty(_this, "state", {
+      checked: false
+    });
+    _defineProperty(_this, "unsubscribeToggle", undefined);
+    _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(RowSelector, _React$PureComponent);
+  return _createClass(RowSelector, [{
+    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.createElement(SCheckboxCell, {
+        row: row,
+        rowIndex: rowIndex,
+        column: {
+          name: SELECT_ALL,
+          fixed: fixed
+        },
+        columnIndex: 0,
+        gridRowIndex: gridRowIndex,
+        onClick: this.handleClickCheckbox(!checked),
+        expanded: expanded,
+        isAccordionRow: isAccordionRow,
+        "aria-hidden": isCellHidden,
+        withAccordion: withAccordion,
+        theme: theme,
+        "data-row-selector": true,
+        fixed: fixed,
+        style: style
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: checked,
+        "aria-labelledby": "".concat(uid, "_").concat(rowUniqKey, "_1"),
+        onChange: this.handleSelectRow
+      }, /*#__PURE__*/React.createElement(Checkbox.Value, null)));
+    }
+  }]);
+}(React.PureComponent);
+//# sourceMappingURL=RowsSelector.js.map

package/lib/es6/components/RowSelector/RowsSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowsSelector.js","names":["Checkbox","React","SelectableRows","Row","UNIQ_ROW_KEY","SELECT_ALL","RowSelector","_React$PureComponent","props","_this","_classCallCheck","_callSuper","_defineProperty","checked","undefined","value","event","_this$props","row","rowIndex","onSelectRow","selectedRows","Array","isArray","toggle","preventDefault","stopPropagation","_this$props2","state","has","_inherits","_createClass","key","componentDidMount","_this2","_this$props3","unsubscribeToggle","on","TOGGLE_EVENT","setState","componentWillUnmount","_this$unsubscribeTogg","call","render","SCheckboxCell","Cell","_this$props4","gridRowIndex","expanded","withAccordion","isAccordionRow","isCellHidden","theme","uid","fixed","rowUniqKey","includes","style","left","createElement","column","name","columnIndex","onClick","handleClickCheckbox","concat","onChange","handleSelectRow","Value","PureComponent"],"sources":["../../../../src/components/RowSelector/RowsSelector.tsx"],"sourcesContent":["import Checkbox from '@semcore/checkbox';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\n\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { Theme } from '../Body/Cell.types';\nimport { Row } from '../Body/Row';\nimport type { DTRow } from '../Body/Row.types';\nimport { UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';\n\ntype RowSelectorProps<UniqKeyType> = {\n  row: DTRow<UniqKeyType>;\n  rowIndex: number;\n  gridRowIndex: number;\n  expanded: boolean;\n  withAccordion: boolean;\n\n  uid: string;\n  theme?: Theme;\n  isCellHidden?: boolean;\n  isAccordionRow?: boolean;\n  selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow<UniqKeyType>,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n  fixed?: boolean;\n};\n\ntype State = {\n  checked: boolean;\n};\n\nexport class RowSelector<UniqKeyType> extends React.PureComponent<RowSelectorProps<UniqKeyType>, State> {\n  state: State = {\n    checked: false,\n  };\n\n  private unsubscribeToggle: undefined | (() => void) = undefined;\n\n  constructor(props: RowSelectorProps<UniqKeyType>) {\n    super(props);\n\n    const { row, selectedRows } = props;\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.state.checked = selectedRows.has(row[UNIQ_ROW_KEY]);\n    }\n  }\n\n  componentDidMount(): void {\n    const { row, selectedRows } = this.props;\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.unsubscribeToggle = selectedRows.on(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {\n        if (row[UNIQ_ROW_KEY] === key) {\n          this.setState({ checked: selectedRows.has(row[UNIQ_ROW_KEY]) });\n        }\n      });\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.unsubscribeToggle?.();\n  }\n\n  handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n    onSelectRow?.(value, rowIndex, row, event);\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      selectedRows.toggle(value, row);\n    }\n  };\n\n  handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n    onSelectRow?.(value, rowIndex, row, event);\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      selectedRows.toggle(value, row);\n    }\n  };\n\n  render() {\n    const SCheckboxCell = Row.Cell;\n\n    const {\n      row,\n      rowIndex,\n      gridRowIndex,\n      expanded,\n      withAccordion,\n      isAccordionRow,\n      isCellHidden,\n      theme,\n      uid,\n      selectedRows,\n      fixed,\n    } = this.props;\n    const rowUniqKey = row[UNIQ_ROW_KEY];\n\n    const checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;\n    const style: CSSProperties = {};\n\n    if (fixed) {\n      style.left = 0;\n    }\n\n    return (\n      <SCheckboxCell\n        row={row}\n        rowIndex={rowIndex}\n        column={{ name: SELECT_ALL, fixed }}\n        columnIndex={0}\n        gridRowIndex={gridRowIndex}\n        onClick={this.handleClickCheckbox(!checked)}\n        expanded={expanded}\n        isAccordionRow={isAccordionRow}\n        aria-hidden={isCellHidden}\n        withAccordion={withAccordion}\n        theme={theme}\n        data-row-selector\n        fixed={fixed}\n        style={style}\n      >\n        <Checkbox\n          checked={checked}\n          aria-labelledby={`${uid}_${rowUniqKey}_1`}\n          onChange={this.handleSelectRow}\n        >\n          <Checkbox.Value />\n        </Checkbox>\n      </SCheckboxCell>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/RowSelector/SRAnnouncer.js

@@ -0,0 +1,55 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { ScreenReaderOnly } from '@semcore/base-components';
+import React from 'react';
+import { UNIQ_ROW_KEY } from '../DataTable/DataTable';
+export function SRAnnouncer(props) {
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    ariaMessage = _React$useState2[0],
+    setAriaMessage = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    selectedAll = _React$useState4[0],
+    setSelectedAll = _React$useState4[1];
+  React.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.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('');
+    }, 5000);
+    return function () {
+      return clearTimeout(timeout);
+    };
+  }, [selectedAll, props.getI18nText]);
+  React.useEffect(function () {
+    var timer = setTimeout(function () {
+      return setAriaMessage('');
+    }, 1000);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [ariaMessage]);
+  return /*#__PURE__*/React.createElement(ScreenReaderOnly, {
+    role: "status",
+    "aria-live": "polite"
+  }, ariaMessage);
+}
+//# sourceMappingURL=SRAnnouncer.js.map

package/lib/es6/components/RowSelector/SRAnnouncer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SRAnnouncer.js","names":["ScreenReaderOnly","React","UNIQ_ROW_KEY","SRAnnouncer","props","_React$useState","useState","_React$useState2","_slicedToArray","ariaMessage","setAriaMessage","_React$useState3","_React$useState4","selectedAll","setSelectedAll","useEffect","selectedRowsSet","Set","selectedRows","allChecked","allUnchecked","flatRows","forEach","row","has","push","length","data","getI18nText","message","timeout","setTimeout","clearTimeout","timer","createElement","role"],"sources":["../../../../src/components/RowSelector/SRAnnouncer.tsx"],"sourcesContent":["import { ScreenReaderOnly } from '@semcore/base-components';\nimport React from 'react';\n\nimport type { DTRow } from '../Body/Row.types';\nimport { UNIQ_ROW_KEY } from '../DataTable/DataTable';\n\ntype Props<UniqKey> = {\n  selectedRows: Array<UniqKey>;\n  getI18nText: (key: string) => string;\n  flatRows: DTRow<UniqKey>[];\n  data: unknown[];\n};\n\nexport function SRAnnouncer<UniqKey>(props: Props<UniqKey>) {\n  const [ariaMessage, setAriaMessage] = React.useState('');\n  const [selectedAll, setSelectedAll] = React.useState(false);\n\n  React.useEffect(() => {\n    const selectedRowsSet = new Set<UniqKey>(props.selectedRows);\n\n    const allChecked: UniqKey[] = [];\n    const allUnchecked: UniqKey[] = [];\n\n    props.flatRows.forEach((row) => {\n      if (selectedRowsSet.has(row[UNIQ_ROW_KEY])) {\n        allChecked.push(row[UNIQ_ROW_KEY]);\n      } else {\n        allUnchecked.push(row[UNIQ_ROW_KEY]);\n      }\n    });\n\n    if (allChecked.length === props.data.length) {\n      setSelectedAll(true);\n    } else if (allUnchecked.length === props.data.length) {\n      setSelectedAll(false);\n    }\n  }, [props.selectedRows, props.data, props.flatRows]);\n\n  React.useEffect(() => {\n    const { getI18nText } = props;\n\n    const message = getI18nText(\n      selectedAll\n        ? 'DataTable.allItemsSelected:aria-live'\n        : 'DataTable.allItemsDeselected:aria-live',\n    );\n    setAriaMessage(message);\n\n    const timeout = setTimeout(() => setAriaMessage(''), 5000);\n\n    return () => clearTimeout(timeout);\n  }, [selectedAll, props.getI18nText]);\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => setAriaMessage(''), 1000);\n    return () => clearTimeout(timer);\n  }, [ariaMessage]);\n\n  return (\n    <ScreenReaderOnly role='status' aria-live='polite'>\n      {ariaMessage}\n    </ScreenReaderOnly>\n  );\n}\n"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAC3D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,YAAY,QAAQ,wBAAwB;AASrD,OAAO,SAASC,WAAWA,CAAUC,KAAqB,EAAE;EAC1D,IAAAC,eAAA,GAAsCJ,KAAK,CAACK,QAAQ,CAAC,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAjDI,WAAW,GAAAF,gBAAA;IAAEG,cAAc,GAAAH,gBAAA;EAClC,IAAAI,gBAAA,GAAsCV,KAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAApDE,WAAW,GAAAD,gBAAA;IAAEE,cAAc,GAAAF,gBAAA;EAElCX,KAAK,CAACc,SAAS,CAAC,YAAM;IACpB,IAAMC,eAAe,GAAG,IAAIC,GAAG,CAAUb,KAAK,CAACc,YAAY,CAAC;IAE5D,IAAMC,UAAqB,GAAG,EAAE;IAChC,IAAMC,YAAuB,GAAG,EAAE;IAElChB,KAAK,CAACiB,QAAQ,CAACC,OAAO,CAAC,UAACC,GAAG,EAAK;MAC9B,IAAIP,eAAe,CAACQ,GAAG,CAACD,GAAG,CAACrB,YAAY,CAAC,CAAC,EAAE;QAC1CiB,UAAU,CAACM,IAAI,CAACF,GAAG,CAACrB,YAAY,CAAC,CAAC;MACpC,CAAC,MAAM;QACLkB,YAAY,CAACK,IAAI,CAACF,GAAG,CAACrB,YAAY,CAAC,CAAC;MACtC;IACF,CAAC,CAAC;IAEF,IAAIiB,UAAU,CAACO,MAAM,KAAKtB,KAAK,CAACuB,IAAI,CAACD,MAAM,EAAE;MAC3CZ,cAAc,CAAC,IAAI,CAAC;IACtB,CAAC,MAAM,IAAIM,YAAY,CAACM,MAAM,KAAKtB,KAAK,CAACuB,IAAI,CAACD,MAAM,EAAE;MACpDZ,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC,EAAE,CAACV,KAAK,CAACc,YAAY,EAAEd,KAAK,CAACuB,IAAI,EAAEvB,KAAK,CAACiB,QAAQ,CAAC,CAAC;EAEpDpB,KAAK,CAACc,SAAS,CAAC,YAAM;IACpB,IAAQa,WAAW,GAAKxB,KAAK,CAArBwB,WAAW;IAEnB,IAAMC,OAAO,GAAGD,WAAW,CACzBf,WAAW,GACP,sCAAsC,GACtC,wCACN,CAAC;IACDH,cAAc,CAACmB,OAAO,CAAC;IAEvB,IAAMC,OAAO,GAAGC,UAAU,CAAC;MAAA,OAAMrB,cAAc,CAAC,EAAE,CAAC;IAAA,GAAE,IAAI,CAAC;IAE1D,OAAO;MAAA,OAAMsB,YAAY,CAACF,OAAO,CAAC;IAAA;EACpC,CAAC,EAAE,CAACjB,WAAW,EAAET,KAAK,CAACwB,WAAW,CAAC,CAAC;EAEpC3B,KAAK,CAACc,SAAS,CAAC,YAAM;IACpB,IAAMkB,KAAK,GAAGF,UAAU,CAAC;MAAA,OAAMrB,cAAc,CAAC,EAAE,CAAC;IAAA,GAAE,IAAI,CAAC;IACxD,OAAO;MAAA,OAAMsB,YAAY,CAACC,KAAK,CAAC;IAAA;EAClC,CAAC,EAAE,CAACxB,WAAW,CAAC,CAAC;EAEjB,oBACER,KAAA,CAAAiC,aAAA,CAAClC,gBAAgB;IAACmC,IAAI,EAAC,QAAQ;IAAC,aAAU;EAAQ,GAC/C1B,WACe,CAAC;AAEvB","ignoreList":[]}

package/lib/es6/components/RowSelector/SRReactiveAnnouncer.js

@@ -0,0 +1,32 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { ScreenReaderOnly } from '@semcore/base-components';
+import React from 'react';
+import { SelectableRows } from '../../store/SelectableRows';
+export function SRReactiveAnnouncer(props) {
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    ariaMessage = _React$useState2[0],
+    setAriaMessage = _React$useState2[1];
+  var setAriaCallback = React.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.useEffect(function () {
+    var unsubscribe = props.selectedRows.on(SelectableRows.SELECT_ALL_EVENT, setAriaCallback);
+    return unsubscribe;
+  }, [props.selectedRows]);
+  React.useEffect(function () {
+    var timer = setTimeout(function () {
+      return setAriaMessage('');
+    }, 1000);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [ariaMessage]);
+  return /*#__PURE__*/React.createElement(ScreenReaderOnly, {
+    role: "status",
+    "aria-live": "polite"
+  }, ariaMessage);
+}
+//# sourceMappingURL=SRReactiveAnnouncer.js.map

package/lib/es6/components/RowSelector/SRReactiveAnnouncer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SRReactiveAnnouncer.js","names":["ScreenReaderOnly","React","SelectableRows","SRReactiveAnnouncer","props","_React$useState","useState","_React$useState2","_slicedToArray","ariaMessage","setAriaMessage","setAriaCallback","useCallback","isAllSelected","selectedRows","message","getI18nText","useEffect","unsubscribe","on","SELECT_ALL_EVENT","timer","setTimeout","clearTimeout","createElement","role"],"sources":["../../../../src/components/RowSelector/SRReactiveAnnouncer.tsx"],"sourcesContent":["import { ScreenReaderOnly } from '@semcore/base-components';\nimport React from 'react';\n\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { SelectableRows } from '../../store/SelectableRows';\n\ntype Props<UniqKey> = {\n  selectedRows: ISelectedRows<UniqKey>;\n  getI18nText: (key: string) => string;\n};\n\nexport function SRReactiveAnnouncer<UniqKey>(props: Props<UniqKey>) {\n  const [ariaMessage, setAriaMessage] = React.useState('');\n\n  const setAriaCallback = React.useCallback(() => {\n    const isAllSelected = props.selectedRows.isAllSelected();\n\n    const message = props.getI18nText(\n      isAllSelected\n        ? 'DataTable.allItemsSelected:aria-live'\n        : 'DataTable.allItemsDeselected:aria-live',\n    );\n    setAriaMessage(message);\n  }, [props.selectedRows]);\n\n  React.useEffect(() => {\n    const unsubscribe = props.selectedRows.on(SelectableRows.SELECT_ALL_EVENT, setAriaCallback);\n\n    return unsubscribe;\n  }, [props.selectedRows]);\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => setAriaMessage(''), 1000);\n    return () => clearTimeout(timer);\n  }, [ariaMessage]);\n\n  return (\n    <ScreenReaderOnly role='status' aria-live='polite'>\n      {ariaMessage}\n    </ScreenReaderOnly>\n  );\n}\n"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAC3D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,QAAQ,4BAA4B;AAO3D,OAAO,SAASC,mBAAmBA,CAAUC,KAAqB,EAAE;EAClE,IAAAC,eAAA,GAAsCJ,KAAK,CAACK,QAAQ,CAAC,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAjDI,WAAW,GAAAF,gBAAA;IAAEG,cAAc,GAAAH,gBAAA;EAElC,IAAMI,eAAe,GAAGV,KAAK,CAACW,WAAW,CAAC,YAAM;IAC9C,IAAMC,aAAa,GAAGT,KAAK,CAACU,YAAY,CAACD,aAAa,CAAC,CAAC;IAExD,IAAME,OAAO,GAAGX,KAAK,CAACY,WAAW,CAC/BH,aAAa,GACT,sCAAsC,GACtC,wCACN,CAAC;IACDH,cAAc,CAACK,OAAO,CAAC;EACzB,CAAC,EAAE,CAACX,KAAK,CAACU,YAAY,CAAC,CAAC;EAExBb,KAAK,CAACgB,SAAS,CAAC,YAAM;IACpB,IAAMC,WAAW,GAAGd,KAAK,CAACU,YAAY,CAACK,EAAE,CAACjB,cAAc,CAACkB,gBAAgB,EAAET,eAAe,CAAC;IAE3F,OAAOO,WAAW;EACpB,CAAC,EAAE,CAACd,KAAK,CAACU,YAAY,CAAC,CAAC;EAExBb,KAAK,CAACgB,SAAS,CAAC,YAAM;IACpB,IAAMI,KAAK,GAAGC,UAAU,CAAC;MAAA,OAAMZ,cAAc,CAAC,EAAE,CAAC;IAAA,GAAE,IAAI,CAAC;IACxD,OAAO;MAAA,OAAMa,YAAY,CAACF,KAAK,CAAC;IAAA;EAClC,CAAC,EAAE,CAACZ,WAAW,CAAC,CAAC;EAEjB,oBACER,KAAA,CAAAuB,aAAA,CAACxB,gBAAgB;IAACyB,IAAI,EAAC,QAAQ;IAAC,aAAU;EAAQ,GAC/ChB,WACe,CAAC;AAEvB","ignoreList":[]}

package/lib/es6/enhancers/focusableCell.js

@@ -0,0 +1,69 @@
+import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';
+export 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;
+    }
+  }
+}
+export 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
+      });
+    }
+  }
+}
+//# sourceMappingURL=focusableCell.js.map

package/lib/es6/enhancers/focusableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusableCell.js","names":["getFocusableIn","handleFocusCell","lockedCell","target","currentTarget","HTMLElement","matches","scrollIntoView","block","inline","focusableChildren","Array","from","children","flatMap","node","length","focus","focusVisible","handleKeydownFocusCell","e","key","_lockedCell$","startsWith","stopPropagation","preventDefault","shiftKey","_focusableChildren","_focusableChildren$","_focusableChildren$2"],"sources":["../../../src/enhancers/focusableCell.ts"],"sourcesContent":["import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport type * as React from 'react';\n\nexport type LockedCell = [HTMLElement | null, boolean];\n\nexport function handleFocusCell(lockedCell: LockedCell, target: Element, currentTarget: Element) {\n  if (target instanceof HTMLElement && currentTarget instanceof HTMLElement && target === currentTarget && target.matches(':focus-visible')) {\n    target.scrollIntoView({\n      block: 'center',\n      inline: 'center',\n    });\n\n    const focusableChildren = Array.from(currentTarget.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (focusableChildren.length === 1) {\n      focusableChildren[0].focus({ focusVisible: true });\n      focusableChildren[0].scrollIntoView({\n        block: 'center',\n        inline: 'center',\n      });\n    } else if (focusableChildren.length > 1) {\n      lockedCell[0] = currentTarget;\n      lockedCell[1] = false;\n    }\n  }\n}\nexport function handleKeydownFocusCell(lockedCell: LockedCell, e: React.KeyboardEvent): void {\n  if (e.currentTarget === lockedCell[0]) {\n    const focusableChildren = Array.from(lockedCell[0].children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (lockedCell[1]) {\n      if (e.key === 'Escape') {\n        lockedCell[0]?.focus({ focusVisible: true });\n        lockedCell[1] = false;\n      }\n      if (e.key.startsWith('Arrow')) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n      if (e.key === 'Tab') {\n        if (e.target === focusableChildren[0] && e.shiftKey) {\n          focusableChildren[focusableChildren.length - 1]?.focus({ focusVisible: true });\n          e.preventDefault();\n        } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n          focusableChildren[0]?.focus({ focusVisible: true });\n          e.preventDefault();\n        }\n        e.stopPropagation();\n      }\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      lockedCell[1] = true;\n      focusableChildren[0]?.focus({ focusVisible: true });\n    }\n  }\n}\n\nexport interface IFocusableCell {\n  lockedCell: LockedCell;\n  handleFocusableCellKeyDown: (e: React.KeyboardEvent) => void;\n  handleFocusableCellFocus: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/index.js

@@ -1,3 +1,8 @@
-export { default } from './DataTable';
-export * from './DataTable';
+import { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';
+import { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';
+import { SelectableRows } from './store/SelectableRows';
+var wrapDataTable = function wrapDataTable(wrapper) {
+  return wrapper;
+};
+export { MergedRowsCell, MergedColumnsCell, DataTable, ACCORDION, ROW_GROUP, wrapDataTable, SelectableRows };
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './DataTable';\nexport * from './DataTable';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa;AACrC,cAAc,aAAa"}
+{"version":3,"file":"index.js","names":["MergedRowsCell","MergedColumnsCell","DataTable","ACCORDION","ROW_GROUP","SelectableRows","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { CellRenderProps } from './components/Body/Body.types';\nimport { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';\nimport { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';\nimport type {\n  DataTableSort,\n  DataTableType,\n  DataTableData,\n  DataTableProps,\n  DataTableChangeSort,\n  ColumnGroupConfig,\n  ColumnItemConfig,\n} from './components/DataTable/DataTable.types';\nimport { SelectableRows } from './store/SelectableRows';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n    > &\n    PropsExtending,\n  ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport {\n  MergedRowsCell,\n  MergedColumnsCell,\n  DataTable,\n  ACCORDION,\n  ROW_GROUP,\n  wrapDataTable,\n  SelectableRows,\n};\nexport type {\n  DataTableSort,\n  DataTableData,\n  DataTableProps,\n  DataTableChangeSort,\n  ColumnGroupConfig,\n  ColumnItemConfig,\n  CellRenderProps,\n};\n"],"mappings":"AAIA,SAASA,cAAc,EAAEC,iBAAiB,QAAQ,+BAA+B;AACjF,SAASC,SAAS,EAAEC,SAAS,EAAEC,SAAS,QAAQ,kCAAkC;AAUlF,SAASC,cAAc,QAAQ,wBAAwB;AAEvD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SACEP,cAAc,EACdC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTE,aAAa,EACbD,cAAc","ignoreList":[]}