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

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

@@ -1,292 +0,0 @@
-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

@@ -1,125 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,55 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,32 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,69 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":[]}