intergalactic 15.107.0 → 15.108.0-prerelease.1

package/data-table/lib/cjs/Head.js

@@ -23,6 +23,8 @@ var _assignProps2 = require("intergalactic/utils/lib/assignProps");
 var _utils = require("./utils");
 var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _ref4 = require("intergalactic/utils/lib/ref");
+var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn");
+var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var SORT_ICON_WIDTH = 20;
 exports.SORT_ICON_WIDTH = SORT_ICON_WIDTH;
 var SORTING_ICON = {
@@ -55,8 +57,57 @@ var Head = /*#__PURE__*/function (_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "columns", []);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "headCellMap", new Map());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lockedCell", [null, false]);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sortWrapperRefs", new Map());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "defaultWidths", new Map());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (e) {
+      if (e.currentTarget === _this.lockedCell[0]) {
+        var focusableChildren = Array.from(_this.lockedCell[0].children).flatMap(function (node) {
+          return (0, _getFocusableIn.getFocusableIn)(node);
+        });
+        if (_this.lockedCell[1]) {
+          if (e.key === 'Escape') {
+            var _this$lockedCell$;
+            (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 ? void 0 : _this$lockedCell$.focus();
+            _this.lockedCell[1] = false;
+          }
+          if (e.key.startsWith('Arrow')) {
+            e.stopPropagation();
+          }
+          if (e.key === 'Tab') {
+            if (e.target === focusableChildren[0] && e.shiftKey) {
+              var _focusableChildren;
+              (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 ? void 0 : _focusableChildren.focus();
+              e.preventDefault();
+            } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
+              var _focusableChildren$;
+              (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 ? void 0 : _focusableChildren$.focus();
+              e.preventDefault();
+            }
+          }
+        } else if (e.key === 'Enter') {
+          var _focusableChildren$2;
+          _this.lockedCell[1] = true;
+          (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 ? void 0 : _focusableChildren$2.focus();
+        } else if (e.key === 'Tab') {
+          var _this$lockedCell$2;
+          (_this$lockedCell$2 = _this.lockedCell[0]) === null || _this$lockedCell$2 === void 0 ? void 0 : _this$lockedCell$2.setAttribute('inert', '');
+        }
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocusCell", function (e) {
+      if (e.target === e.currentTarget) {
+        var focusableChildren = Array.from(e.currentTarget.children).flatMap(function (node) {
+          return (0, _getFocusableIn.getFocusableIn)(node);
+        });
+        if (focusableChildren.length === 1) {
+          focusableChildren[0].focus();
+        } else if (focusableChildren.length > 1) {
+          _this.lockedCell = [e.currentTarget, false];
+        }
+      }
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerSortClick", function (name) {
       return function (event) {
         _this.asProps.$onSortClick(name, event);
@@ -77,9 +128,10 @@ var Head = /*#__PURE__*/function (_Component) {
         }
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "makeColumnRefHandler", function (column) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "makeColumnRefHandler", function (column, index) {
       return function (ref) {
         (0, _ref4.setRef)(column.props.ref, ref);
+        _this.headCellMap.set(index, ref);
         if (column.props.forwardRef) {
           (0, _ref4.setRef)(column.props.forwardRef, ref);
         }
@@ -174,6 +226,12 @@ var Head = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2["default"])(Head, [{
+    key: "sortableColumnDescribeId",
+    value: function sortableColumnDescribeId() {
+      var uid = this.asProps.uid;
+      return "".concat(uid, "-column-sortable-describer");
+    }
+  }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this2 = this;
@@ -221,7 +279,6 @@ var Head = /*#__PURE__*/function (_Component) {
         _getFixedStyle2 = (0, _slicedToArray2["default"])(_getFixedStyle, 2),
         name = _getFixedStyle2[0],
         value = _getFixedStyle2[1];
-      _logger["default"].warn(column.props.wMax && column.props.sortSizeRecalculation, "You can't use 'sortSizeRecalculation' property with 'wMax' property", "".concat(this.asProps['data-ui-name'] || Head.displayName, "_column_").concat(column.name));
       var style = (0, _objectSpread2["default"])({
         flexBasis: column.props.flex === undefined && "".concat(width * cSize, "%")
       }, column.props.style);
@@ -231,6 +288,17 @@ var Head = /*#__PURE__*/function (_Component) {
       if (!column.setVar) {
         style['flexBasis'] = "var(".concat(column.varWidth, ")");
       }
+      var ariaDescribedBy = [];
+      if (column.sortable && !column.active) {
+        ariaDescribedBy.push(this.sortableColumnDescribeId());
+      }
+      if (column.parentColumns.length > 0) {
+        var parentName = column.parentColumns[0].name;
+        ariaDescribedBy.push("igc-table-".concat(uid, "-").concat(parentName, "-group"));
+      }
+      var index = this.columns.findIndex(function (flattenCol) {
+        return flattenCol.name === column.name;
+      });
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SColumn, _ref2.cn("SColumn", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
         "role": isGroup ? undefined : 'columnheader',
         "scope": isGroup ? 'colgroup' : 'col',
@@ -244,17 +312,20 @@ var Head = /*#__PURE__*/function (_Component) {
         "borderRight": isGroup ? false : column.borderRight,
         "active": isGroup ? false : column.active,
         "group": isGroup,
-        "tabIndex": column.sortable ? 0 : undefined,
+        "tabIndex": -1,
         "__excludeProps": ['hidden']
       }, column.props), {}, {
-        "ref": this.makeColumnRefHandler(column),
+        "ref": this.makeColumnRefHandler(column, index),
         "onClick": (0, _assignProps2.callAllEventHandlers)(column.props.onClick, column.sortable ? this.bindHandlerSortClick(column.name) : undefined),
-        "onKeyDown": (0, _assignProps2.callAllEventHandlers)(column.props.onKeyDown, column.sortable ? this.bindHandlerKeyDown(column.name) : undefined),
+        "onKeyDown": (0, _assignProps2.callAllEventHandlers)(column.props.onKeyDown, column.sortable ? this.bindHandlerKeyDown(column.name) : undefined, this.handleKeyDown),
         "style": style,
         "hidden": hidden,
-        "aria-sort": ariaSortValue
+        "aria-sort": ariaSortValue,
+        "aria-colindex": index + 1,
+        "onFocus": this.onFocusCell,
+        "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined
       })), isGroup ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SColumn, _ref2.cn("SColumn", {
-        "role": 'columnheader',
+        "id": "igc-table-".concat(uid, "-").concat(column.name, "-group"),
         "groupHead": true,
         "use": use,
         "active": column.active,
@@ -279,7 +350,8 @@ var Head = /*#__PURE__*/function (_Component) {
         $scrollRef = _this$asProps2.$scrollRef,
         sticky = _this$asProps2.sticky,
         withScrollBar = _this$asProps2.withScrollBar,
-        animationsDisabled = _this$asProps2.animationsDisabled;
+        animationsDisabled = _this$asProps2.animationsDisabled,
+        getI18nText = _this$asProps2.getI18nText;
       this.columns = (0, _utils.flattenColumns)(columnsChildren);
       var _getScrollOffsetValue = (0, _utils.getScrollOffsetValue)(this.columns),
         _getScrollOffsetValue2 = (0, _slicedToArray2["default"])(_getScrollOffsetValue, 2),
@@ -301,20 +373,19 @@ var Head = /*#__PURE__*/function (_Component) {
         zIndex: 2
       }, /*#__PURE__*/_react["default"].createElement(SHead, _ref3.cn("SHead", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "role": 'row',
-        "aria-rowindex": '1',
         "__excludeProps": ['hidden']
       }, _ref))), this.renderColumns(columnsChildren, 100 / this.columns.length))), Boolean(withScrollBar) && /*#__PURE__*/_react["default"].createElement("div", _ref3.cn("div", {
-        "style": displayContents,
-        "role": 'rowgroup'
+        "style": displayContents
       }), /*#__PURE__*/_react["default"].createElement("div", _ref3.cn("div", {
-        "style": displayContents,
-        "role": 'row'
+        "style": displayContents
       }), /*#__PURE__*/_react["default"].createElement("div", _ref3.cn("div", {
-        "style": displayContents,
-        "role": 'cell'
+        "style": displayContents
       }), /*#__PURE__*/_react["default"].createElement(_scrollArea["default"].Bar, {
         orientation: "horizontal"
-      }))))), Children.origin);
+      }))))), Children.origin, /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref3.cn("ScreenReaderOnly", {
+        "aria-hidden": true,
+        "id": this.sortableColumnDescribeId()
+      }), getI18nText === null || getI18nText === void 0 ? void 0 : getI18nText('sortableColumn')));
     }
   }]);
   return Head;

package/data-table/lib/cjs/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_scrollArea","_m","_m2","_assignProps2","_utils","_logger","_ref4","SORT_ICON_WIDTH","exports","SORTING_ICON","desc","SortDesc","asc","SortAsc","ariaSort","displayContents","display","cssToIntDefault","value","defaultValue","arguments","length","undefined","result","parseFloat","Number","isNaN","Math","round","Head","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","name","event","asProps","$onSortClick","key","preventDefault","active","ref","sortWrapperRefs","set","column","setRef","props","forwardRef","getAttribute","defaultWidths","has","computedStyle","window","getComputedStyle","minWidth","getPropertyValue","computedWidth","maxWidth","useForRecalculation","Boolean","sortSizeRecalculation","diff","exceptNode","lastMaxWidth","node","recalculatedNodes","forEach","push","setNodeMinWidth","_this$defaultWidths$g","_this$defaultWidths$g2","defaultNodeWidth","get","defaultNodeMinWidth","style","setProperty","diffPart","_this$defaultWidths$g3","_this$defaultWidths$g4","defaultNodeMaxWidth","removeProperty","_this$defaultWidths$g5","_this$defaultWidths$g6","clonedColumn","document","createElement","childNodes","append","cloneNode","styles","getPropertyPriority","body","appendChild","ceil","getBoundingClientRect","width","removeChild","changeMaxNodeWidth","freeSpace","_createClass2","componentDidUpdate","_this2","activeColumn","columns","_column$props","changeSortSize","current","backToColumnDefaults","calculateActiveColumnMinWidth","renderColumns","_this3","map","renderColumn","_ref2","_column$columns","_this$asProps","use","hidden","uid","SColumn","Flex","SHead","Box","SSortWrapper","SSortIcon","sortDirection","ariaSortValue","sortable","isGroup","cSize","flattenColumns","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","logger","warn","wMax","displayName","_objectSpread2","flexBasis","flex","setVar","varWidth","sstyled","cn","fixed","resizable","borderLeft","borderRight","makeColumnRefHandler","callAllEventHandlers","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","Fragment","children","makeSortRefHandler","render","_ref","_ref3","SHeadWrapper","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","withScrollBar","animationsDisabled","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","Container","role","tabIndex","zIndex","assignProps","Bar","orientation","origin","Component","_default"],"sources":["../../src/Head.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport type { Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport { setRef } from '@semcore/utils/lib/ref';\n\nexport const SORT_ICON_WIDTH = 20;\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\nconst ariaSort = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\nconst displayContents = { display: 'contents' };\n\nfunction cssToIntDefault(value: string, defaultValue = 0) {\n  let result = parseFloat(value);\n  if (Number.isNaN(result)) {\n    result = defaultValue;\n  }\n\n  return Math.round(result);\n}\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  ['data-ui-name']: string;\n  uid?: string;\n  withScrollBar?: boolean;\n  animationsDisabled?: boolean;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  sortWrapperRefs = new Map<Node, boolean>();\n  defaultWidths = new Map<\n    HTMLElement,\n    {\n      minWidth: number;\n      maxWidth: number | null;\n      computedWidth: number;\n      useForRecalculation: boolean;\n    }\n  >();\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  makeSortRefHandler = (active: boolean) => (ref: HTMLElement | null) => {\n    if (ref) {\n      this.sortWrapperRefs.set(ref, active);\n    }\n  };\n\n  makeColumnRefHandler = (column: Column) => (ref: HTMLElement | null) => {\n    setRef(column.props.ref, ref);\n    if (column.props.forwardRef) {\n      setRef(column.props.forwardRef, ref);\n    }\n\n    if (ref && ref.getAttribute('scope') === 'col') {\n      if (!this.defaultWidths.has(ref)) {\n        const computedStyle = window.getComputedStyle(ref);\n\n        this.defaultWidths.set(ref, {\n          minWidth: cssToIntDefault(computedStyle.getPropertyValue('min-width')),\n          computedWidth: cssToIntDefault(computedStyle.getPropertyValue('width')),\n          maxWidth: cssToIntDefault(computedStyle.getPropertyValue('max-width')) || null,\n          useForRecalculation: Boolean(column.props.sortSizeRecalculation),\n        });\n      }\n    }\n  };\n\n  componentDidUpdate() {\n    let activeColumn: HTMLElement | null = null;\n\n    this.columns.forEach((column) => {\n      const { changeSortSize, ref } = column.props;\n\n      if (column.active && changeSortSize && ref.current) {\n        activeColumn = ref.current;\n      }\n\n      if (ref.current) {\n        this.backToColumnDefaults(ref.current);\n      }\n    });\n\n    if (activeColumn) {\n      this.calculateActiveColumnMinWidth(activeColumn);\n    }\n  }\n\n  changeMaxNodeWidth = (diff: number, exceptNode: HTMLElement) => {\n    let lastMaxWidth = 0;\n    let node: HTMLElement | null = null;\n    const recalculatedNodes: HTMLElement[] = [];\n\n    this.defaultWidths.forEach((value, key) => {\n      if (value.computedWidth > lastMaxWidth && key !== exceptNode) {\n        node = key;\n        lastMaxWidth = value.computedWidth;\n      }\n      if (value.useForRecalculation) {\n        recalculatedNodes.push(key);\n      }\n    });\n\n    const setNodeMinWidth = (node: HTMLElement, diff: number) => {\n      const defaultNodeWidth = this.defaultWidths.get(node)?.computedWidth;\n      const defaultNodeMinWidth = this.defaultWidths.get(node)?.minWidth;\n\n      if (defaultNodeWidth) {\n        const maxWidth = defaultNodeWidth - diff;\n        node.style.setProperty('max-width', `${maxWidth}px`);\n\n        if (defaultNodeMinWidth) {\n          node.style.setProperty('min-width', `min(${maxWidth}px, ${defaultNodeMinWidth}px)`);\n        }\n      }\n    };\n\n    if (recalculatedNodes.length > 0) {\n      const diffPart = diff / recalculatedNodes.length;\n\n      recalculatedNodes.forEach((node) => {\n        setNodeMinWidth(node, diffPart);\n      });\n    } else if (node !== null) {\n      setNodeMinWidth(node, diff);\n    }\n  };\n\n  backToColumnDefaults = (node: HTMLElement) => {\n    const defaultNodeMinWidth = this.defaultWidths.get(node)?.minWidth;\n    const defaultNodeMaxWidth = this.defaultWidths.get(node)?.maxWidth;\n\n    node.style.setProperty('min-width', defaultNodeMinWidth + 'px');\n\n    if (defaultNodeMaxWidth) {\n      node.style.setProperty('max-width', defaultNodeMaxWidth + 'px');\n    } else {\n      node.style.removeProperty('max-width');\n    }\n  };\n\n  calculateActiveColumnMinWidth = (node: HTMLElement) => {\n    const clonedColumn = document.createElement('div');\n    const computedStyle = window.getComputedStyle(node);\n\n    node.childNodes.forEach((node) => {\n      if (!this.sortWrapperRefs.get(node)) {\n        clonedColumn.append(node.cloneNode(true));\n      }\n    });\n\n    clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n    const styles = [\n      'display',\n      'flex',\n      'margin',\n      'padding',\n      'background',\n      'font-style',\n      'font-width',\n      'font-size',\n      'font-weight',\n    ];\n\n    styles.forEach((key) => {\n      clonedColumn.style.setProperty(\n        key,\n        computedStyle.getPropertyValue(key),\n        computedStyle.getPropertyPriority(key),\n      );\n    });\n\n    clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n    document.body.appendChild(clonedColumn);\n\n    const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n    document.body.removeChild(clonedColumn);\n\n    const defaultNodeWidth = this.defaultWidths.get(node)?.computedWidth ?? 0;\n\n    if (computedWidth >= defaultNodeWidth) {\n      node.style.setProperty('min-width', defaultNodeWidth + SORT_ICON_WIDTH + 'px');\n      this.changeMaxNodeWidth(SORT_ICON_WIDTH, node);\n    } else {\n      const freeSpace = defaultNodeWidth - computedWidth;\n\n      if (freeSpace < SORT_ICON_WIDTH) {\n        node.style.setProperty('min-width', computedWidth + SORT_ICON_WIDTH + 'px');\n        this.changeMaxNodeWidth(freeSpace, node);\n      }\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden, uid } = this.asProps;\n    const SColumn = Flex as any;\n    const SHead = Box;\n    const SSortWrapper = 'div';\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const ariaSortValue =\n      column.sortable && column.active ? ariaSort[column.sortDirection] : undefined;\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    logger.warn(\n      column.props.wMax && column.props.sortSizeRecalculation,\n      \"You can't use 'sortSizeRecalculation' property with 'wMax' property\",\n      `${this.asProps['data-ui-name'] || Head.displayName}_column_${column.name}`,\n    );\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    if (!column.setVar) {\n      style['flexBasis'] = `var(${column.varWidth})`;\n    }\n\n    return sstyled(styles)(\n      <SColumn\n        role={isGroup ? undefined : 'columnheader'}\n        scope={isGroup ? 'colgroup' : 'col'}\n        key={column.name}\n        id={`igc-table-${uid}-${column.name}`}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        borderLeft={isGroup ? false : column.borderLeft}\n        borderRight={isGroup ? false : column.borderRight}\n        active={isGroup ? false : column.active}\n        group={isGroup}\n        tabIndex={column.sortable ? 0 : undefined}\n        __excludeProps={['hidden']}\n        {...column.props}\n        ref={this.makeColumnRefHandler(column)}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n        )}\n        style={style}\n        hidden={hidden}\n        aria-sort={ariaSortValue}\n      >\n        {isGroup ? (\n          <>\n            <SColumn\n              role='columnheader'\n              groupHead\n              use={use}\n              active={column.active}\n              borderLeft={column.borderLeft}\n              borderRight={column.borderRight}\n            >\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            {column.props.children}\n            {column.sortable ? (\n              <SSortWrapper ref={this.makeSortRefHandler(column.active)}>\n                <SSortIcon />\n              </SSortWrapper>\n            ) : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box as any;\n    const {\n      Children,\n      styles,\n      columnsChildren,\n      onResize,\n      $scrollRef,\n      sticky,\n      withScrollBar,\n      animationsDisabled,\n    } = this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky} animationsDisabled={animationsDisabled}>\n        <ScrollArea\n          leftOffset={offsetLeftSum}\n          rightOffset={offsetRightSum}\n          shadow\n          onResize={onResize}\n        >\n          <ScrollArea.Container ref={$scrollRef} role='rowgroup' tabIndex={-1} zIndex={2}>\n            <SHead render={Box} role='row' aria-rowindex='1' __excludeProps={['hidden']}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </ScrollArea.Container>\n          {Boolean(withScrollBar) && (\n            <div style={displayContents} role='rowgroup'>\n              <div style={displayContents} role='row'>\n                <div style={displayContents} role='cell'>\n                  <ScrollArea.Bar orientation='horizontal' />\n                </div>\n              </div>\n            </div>\n          )}\n        </ScrollArea>\n        {Children.origin}\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,EAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,GAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAEA,IAAAS,OAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AAEO,IAAMW,eAAe,GAAG,EAAE;AAACC,OAAA,CAAAD,eAAA,GAAAA,eAAA;AAElC,IAAME,YAAY,GAAG;EACnBC,IAAI,EAAEC,aAAQ;EACdC,GAAG,EAAEC;AACP,CAAU;AACV,IAAMC,QAAQ,GAAG;EACfJ,IAAI,EAAE,YAAY;EAClBE,GAAG,EAAE;AACP,CAAU;AACV,IAAMG,eAAe,GAAG;EAAEC,OAAO,EAAE;AAAW,CAAC;AAE/C,SAASC,eAAeA,CAACC,KAAa,EAAoB;EAAA,IAAlBC,YAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EACtD,IAAIG,MAAM,GAAGC,UAAU,CAACN,KAAK,CAAC;EAC9B,IAAIO,MAAM,CAACC,KAAK,CAACH,MAAM,CAAC,EAAE;IACxBA,MAAM,GAAGJ,YAAY;EACvB;EAEA,OAAOQ,IAAI,CAACC,KAAK,CAACL,MAAM,CAAC;AAC3B;AAAC,IAeKM,IAAI,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,IAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,IAAA;EAAA,SAAAA,KAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,IAAA;IAAA,SAAAO,IAAA,GAAAhB,SAAA,CAAAC,MAAA,EAAAgB,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAnB,SAAA,CAAAmB,IAAA;IAAA;IAAAL,KAAA,GAAAF,MAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,MAAA,SAAAU,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,cACY,EAAE;IAAA,IAAAS,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,sBAIJ,IAAIW,GAAG,EAAiB;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,oBAC1B,IAAIW,GAAG,EAQpB;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,2BAEoB,UAACY,IAAY;MAAA,OAAK,UAACC,KAAuB,EAAK;QACpEb,KAAA,CAAKc,OAAO,CAACC,YAAY,CAACH,IAAI,EAAEC,KAAK,CAAC;MACxC,CAAC;IAAA;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,yBAEoB,UAACY,IAAY;MAAA,OAAK,UAACC,KAA0B,EAAK;QACrE,IAAIA,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,GAAG,EAAE;UAC9CH,KAAK,CAACI,cAAc,EAAE;UACtBjB,KAAA,CAAKc,OAAO,CAACC,YAAY,CAACH,IAAI,EAAEC,KAAK,CAAC;QACxC;MACF,CAAC;IAAA;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,yBAEoB,UAACkB,MAAe;MAAA,OAAK,UAACC,GAAuB,EAAK;QACrE,IAAIA,GAAG,EAAE;UACPnB,KAAA,CAAKoB,eAAe,CAACC,GAAG,CAACF,GAAG,EAAED,MAAM,CAAC;QACvC;MACF,CAAC;IAAA;IAAA,IAAAT,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,2BAEsB,UAACsB,MAAc;MAAA,OAAK,UAACH,GAAuB,EAAK;QACtE,IAAAI,YAAM,EAACD,MAAM,CAACE,KAAK,CAACL,GAAG,EAAEA,GAAG,CAAC;QAC7B,IAAIG,MAAM,CAACE,KAAK,CAACC,UAAU,EAAE;UAC3B,IAAAF,YAAM,EAACD,MAAM,CAACE,KAAK,CAACC,UAAU,EAAEN,GAAG,CAAC;QACtC;QAEA,IAAIA,GAAG,IAAIA,GAAG,CAACO,YAAY,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE;UAC9C,IAAI,CAAC1B,KAAA,CAAK2B,aAAa,CAACC,GAAG,CAACT,GAAG,CAAC,EAAE;YAChC,IAAMU,aAAa,GAAGC,MAAM,CAACC,gBAAgB,CAACZ,GAAG,CAAC;YAElDnB,KAAA,CAAK2B,aAAa,CAACN,GAAG,CAACF,GAAG,EAAE;cAC1Ba,QAAQ,EAAEjD,eAAe,CAAC8C,aAAa,CAACI,gBAAgB,CAAC,WAAW,CAAC,CAAC;cACtEC,aAAa,EAAEnD,eAAe,CAAC8C,aAAa,CAACI,gBAAgB,CAAC,OAAO,CAAC,CAAC;cACvEE,QAAQ,EAAEpD,eAAe,CAAC8C,aAAa,CAACI,gBAAgB,CAAC,WAAW,CAAC,CAAC,IAAI,IAAI;cAC9EG,mBAAmB,EAAEC,OAAO,CAACf,MAAM,CAACE,KAAK,CAACc,qBAAqB;YACjE,CAAC,CAAC;UACJ;QACF;MACF,CAAC;IAAA;IAAA,IAAA7B,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,yBAsBoB,UAACuC,IAAY,EAAEC,UAAuB,EAAK;MAC9D,IAAIC,YAAY,GAAG,CAAC;MACpB,IAAIC,IAAwB,GAAG,IAAI;MACnC,IAAMC,iBAAgC,GAAG,EAAE;MAE3C3C,KAAA,CAAK2B,aAAa,CAACiB,OAAO,CAAC,UAAC5D,KAAK,EAAEgC,GAAG,EAAK;QACzC,IAAIhC,KAAK,CAACkD,aAAa,GAAGO,YAAY,IAAIzB,GAAG,KAAKwB,UAAU,EAAE;UAC5DE,IAAI,GAAG1B,GAAG;UACVyB,YAAY,GAAGzD,KAAK,CAACkD,aAAa;QACpC;QACA,IAAIlD,KAAK,CAACoD,mBAAmB,EAAE;UAC7BO,iBAAiB,CAACE,IAAI,CAAC7B,GAAG,CAAC;QAC7B;MACF,CAAC,CAAC;MAEF,IAAM8B,eAAe,GAAG,SAAlBA,eAAeA,CAAIJ,IAAiB,EAAEH,IAAY,EAAK;QAAA,IAAAQ,qBAAA,EAAAC,sBAAA;QAC3D,IAAMC,gBAAgB,IAAAF,qBAAA,GAAG/C,KAAA,CAAK2B,aAAa,CAACuB,GAAG,CAACR,IAAI,CAAC,cAAAK,qBAAA,uBAA5BA,qBAAA,CAA8Bb,aAAa;QACpE,IAAMiB,mBAAmB,IAAAH,sBAAA,GAAGhD,KAAA,CAAK2B,aAAa,CAACuB,GAAG,CAACR,IAAI,CAAC,cAAAM,sBAAA,uBAA5BA,sBAAA,CAA8BhB,QAAQ;QAElE,IAAIiB,gBAAgB,EAAE;UACpB,IAAMd,QAAQ,GAAGc,gBAAgB,GAAGV,IAAI;UACxCG,IAAI,CAACU,KAAK,CAACC,WAAW,CAAC,WAAW,KAAA7C,MAAA,CAAK2B,QAAQ,QAAK;UAEpD,IAAIgB,mBAAmB,EAAE;YACvBT,IAAI,CAACU,KAAK,CAACC,WAAW,CAAC,WAAW,SAAA7C,MAAA,CAAS2B,QAAQ,UAAA3B,MAAA,CAAO2C,mBAAmB,SAAM;UACrF;QACF;MACF,CAAC;MAED,IAAIR,iBAAiB,CAACxD,MAAM,GAAG,CAAC,EAAE;QAChC,IAAMmE,QAAQ,GAAGf,IAAI,GAAGI,iBAAiB,CAACxD,MAAM;QAEhDwD,iBAAiB,CAACC,OAAO,CAAC,UAACF,IAAI,EAAK;UAClCI,eAAe,CAACJ,IAAI,EAAEY,QAAQ,CAAC;QACjC,CAAC,CAAC;MACJ,CAAC,MAAM,IAAIZ,IAAI,KAAK,IAAI,EAAE;QACxBI,eAAe,CAACJ,IAAI,EAAEH,IAAI,CAAC;MAC7B;IACF,CAAC;IAAA,IAAA9B,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,2BAEsB,UAAC0C,IAAiB,EAAK;MAAA,IAAAa,sBAAA,EAAAC,sBAAA;MAC5C,IAAML,mBAAmB,IAAAI,sBAAA,GAAGvD,KAAA,CAAK2B,aAAa,CAACuB,GAAG,CAACR,IAAI,CAAC,cAAAa,sBAAA,uBAA5BA,sBAAA,CAA8BvB,QAAQ;MAClE,IAAMyB,mBAAmB,IAAAD,sBAAA,GAAGxD,KAAA,CAAK2B,aAAa,CAACuB,GAAG,CAACR,IAAI,CAAC,cAAAc,sBAAA,uBAA5BA,sBAAA,CAA8BrB,QAAQ;MAElEO,IAAI,CAACU,KAAK,CAACC,WAAW,CAAC,WAAW,EAAEF,mBAAmB,GAAG,IAAI,CAAC;MAE/D,IAAIM,mBAAmB,EAAE;QACvBf,IAAI,CAACU,KAAK,CAACC,WAAW,CAAC,WAAW,EAAEI,mBAAmB,GAAG,IAAI,CAAC;MACjE,CAAC,MAAM;QACLf,IAAI,CAACU,KAAK,CAACM,cAAc,CAAC,WAAW,CAAC;MACxC;IACF,CAAC;IAAA,IAAAjD,gBAAA,iBAAAC,uBAAA,aAAAV,KAAA,oCAE+B,UAAC0C,IAAiB,EAAK;MAAA,IAAAiB,sBAAA,EAAAC,sBAAA;MACrD,IAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;MAClD,IAAMlC,aAAa,GAAGC,MAAM,CAACC,gBAAgB,CAACW,IAAI,CAAC;MAEnDA,IAAI,CAACsB,UAAU,CAACpB,OAAO,CAAC,UAACF,IAAI,EAAK;QAChC,IAAI,CAAC1C,KAAA,CAAKoB,eAAe,CAAC8B,GAAG,CAACR,IAAI,CAAC,EAAE;UACnCmB,YAAY,CAACI,MAAM,CAACvB,IAAI,CAACwB,SAAS,CAAC,IAAI,CAAC,CAAC;QAC3C;MACF,CAAC,CAAC;MAEFL,YAAY,CAACT,KAAK,CAACC,WAAW,CAAC,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC;MAEnE,IAAMc,MAAM,GAAG,CACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,CACd;MAEDA,MAAM,CAACvB,OAAO,CAAC,UAAC5B,GAAG,EAAK;QACtB6C,YAAY,CAACT,KAAK,CAACC,WAAW,CAC5BrC,GAAG,EACHa,aAAa,CAACI,gBAAgB,CAACjB,GAAG,CAAC,EACnCa,aAAa,CAACuC,mBAAmB,CAACpD,GAAG,CAAC,CACvC;MACH,CAAC,CAAC;MAEF6C,YAAY,CAACT,KAAK,CAACC,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,CAAC;MAEnES,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,YAAY,CAAC;MAEvC,IAAM3B,aAAa,GAAGzC,IAAI,CAAC8E,IAAI,CAACV,YAAY,CAACW,qBAAqB,EAAE,CAACC,KAAK,CAAC;MAE3EX,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACb,YAAY,CAAC;MAEvC,IAAMZ,gBAAgB,IAAAU,sBAAA,IAAAC,sBAAA,GAAG5D,KAAA,CAAK2B,aAAa,CAACuB,GAAG,CAACR,IAAI,CAAC,cAAAkB,sBAAA,uBAA5BA,sBAAA,CAA8B1B,aAAa,cAAAyB,sBAAA,cAAAA,sBAAA,GAAI,CAAC;MAEzE,IAAIzB,aAAa,IAAIe,gBAAgB,EAAE;QACrCP,IAAI,CAACU,KAAK,CAACC,WAAW,CAAC,WAAW,EAAEJ,gBAAgB,GAAG5E,eAAe,GAAG,IAAI,CAAC;QAC9E2B,KAAA,CAAK2E,kBAAkB,CAACtG,eAAe,EAAEqE,IAAI,CAAC;MAChD,CAAC,MAAM;QACL,IAAMkC,SAAS,GAAG3B,gBAAgB,GAAGf,aAAa;QAElD,IAAI0C,SAAS,GAAGvG,eAAe,EAAE;UAC/BqE,IAAI,CAACU,KAAK,CAACC,WAAW,CAAC,WAAW,EAAEnB,aAAa,GAAG7D,eAAe,GAAG,IAAI,CAAC;UAC3E2B,KAAA,CAAK2E,kBAAkB,CAACC,SAAS,EAAElC,IAAI,CAAC;QAC1C;MACF;IACF,CAAC;IAAA,OAAA1C,KAAA;EAAA;EAAA,IAAA6E,aAAA,aAAAlF,IAAA;IAAAqB,GAAA;IAAAhC,KAAA,EA9HD,SAAA8F,mBAAA,EAAqB;MAAA,IAAAC,MAAA;MACnB,IAAIC,YAAgC,GAAG,IAAI;MAE3C,IAAI,CAACC,OAAO,CAACrC,OAAO,CAAC,UAACtB,MAAM,EAAK;QAC/B,IAAA4D,aAAA,GAAgC5D,MAAM,CAACE,KAAK;UAApC2D,cAAc,GAAAD,aAAA,CAAdC,cAAc;UAAEhE,GAAG,GAAA+D,aAAA,CAAH/D,GAAG;QAE3B,IAAIG,MAAM,CAACJ,MAAM,IAAIiE,cAAc,IAAIhE,GAAG,CAACiE,OAAO,EAAE;UAClDJ,YAAY,GAAG7D,GAAG,CAACiE,OAAO;QAC5B;QAEA,IAAIjE,GAAG,CAACiE,OAAO,EAAE;UACfL,MAAI,CAACM,oBAAoB,CAAClE,GAAG,CAACiE,OAAO,CAAC;QACxC;MACF,CAAC,CAAC;MAEF,IAAIJ,YAAY,EAAE;QAChB,IAAI,CAACM,6BAA6B,CAACN,YAAY,CAAC;MAClD;IACF;EAAC;IAAAhE,GAAA;IAAAhC,KAAA,EA8GD,SAAAuG,cAAcN,OAAiB,EAAER,KAAa,EAAE;MAAA,IAAAe,MAAA;MAC9C,OAAOP,OAAO,CAACQ,GAAG,CAAC,UAACnE,MAAM;QAAA,OAAKkE,MAAI,CAACE,YAAY,CAACpE,MAAM,EAAEmD,KAAK,CAAC;MAAA,EAAC;IAClE;EAAC;IAAAzD,GAAA;IAAAhC,KAAA,EAED,SAAA0G,aAAapE,MAAc,EAAEmD,KAAa,EAAE;MAAA,IAAAkB,KAAA,EAAAC,eAAA;MAC1C,IAAAC,aAAA,GAAqC,IAAI,CAAC/E,OAAO;QAAzCqD,MAAM,GAAA0B,aAAA,CAAN1B,MAAM;QAAE2B,GAAG,GAAAD,aAAA,CAAHC,GAAG;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,GAAG,GAAAH,aAAA,CAAHG,GAAG;MAChC,IAAMC,OAAO,GAAGC,aAAW;MAC3B,IAAMC,KAAK,GAAGC,YAAG;MACjB,IAAMC,YAAY,GAAG,KAAK;MAC1B,IAAMC,SAAS,GAAG/H,YAAY,CAAC+C,MAAM,CAACiF,aAAa,CAAC;MACpD,IAAMC,aAAa,GACjBlF,MAAM,CAACmF,QAAQ,IAAInF,MAAM,CAACJ,MAAM,GAAGtC,QAAQ,CAAC0C,MAAM,CAACiF,aAAa,CAAC,GAAGnH,SAAS;MAC/E,IAAMsH,OAAO,GAAG,EAAAd,eAAA,GAAAtE,MAAM,CAAC2D,OAAO,cAAAW,eAAA,uBAAdA,eAAA,CAAgBzG,MAAM,IAAG,CAAC;MAC1C,IAAMwH,KAAK,GAAGD,OAAO,GAAG,IAAAE,qBAAc,EAACtF,MAAM,CAAC2D,OAAO,CAAC,CAAC9F,MAAM,GAAG,CAAC;MACjE,IAAA0H,cAAA,GAAsB,IAAAC,oBAAa,EAACxF,MAAM,EAAE,IAAI,CAAC2D,OAAO,CAAC;QAAA8B,eAAA,OAAAC,eAAA,aAAAH,cAAA;QAAlDjG,IAAI,GAAAmG,eAAA;QAAE/H,KAAK,GAAA+H,eAAA;MAElBE,kBAAM,CAACC,IAAI,CACT5F,MAAM,CAACE,KAAK,CAAC2F,IAAI,IAAI7F,MAAM,CAACE,KAAK,CAACc,qBAAqB,EACvD,qEAAqE,KAAA9B,MAAA,CAClE,IAAI,CAACM,OAAO,CAAC,cAAc,CAAC,IAAInB,IAAI,CAACyH,WAAW,cAAA5G,MAAA,CAAWc,MAAM,CAACV,IAAI,EAC1E;MAED,IAAMwC,KAAK,OAAAiE,cAAA;QACTC,SAAS,EAAEhG,MAAM,CAACE,KAAK,CAAC+F,IAAI,KAAKnI,SAAS,OAAAoB,MAAA,CAAOiE,KAAK,GAAGkC,KAAK;MAAG,GAC9DrF,MAAM,CAACE,KAAK,CAAC4B,KAAK,CACtB;MAED,IAAIxC,IAAI,KAAKxB,SAAS,IAAIJ,KAAK,KAAKI,SAAS,EAAE;QAC7CgE,KAAK,CAACxC,IAAI,CAAC,GAAG5B,KAAK;MACrB;MAEA,IAAI,CAACsC,MAAM,CAACkG,MAAM,EAAE;QAClBpE,KAAK,CAAC,WAAW,CAAC,UAAA5C,MAAA,CAAUc,MAAM,CAACmG,QAAQ,MAAG;MAChD;MAEA,OAAA9B,KAAA,GAAO,IAAA+B,aAAO,EAACvD,MAAM,CAAC,eACpBxG,MAAA,YAAAoG,aAAA,CAACkC,OAAO,EAAAN,KAAA,CAAAgC,EAAA,gBAAAN,cAAA,iBAAAA,cAAA;QAAA,QACAX,OAAO,GAAGtH,SAAS,GAAG,cAAc;QAAA,SACnCsH,OAAO,GAAG,UAAU,GAAG,KAAK;QAAA,OAC9BpF,MAAM,CAACV,IAAI;QAAA,mBAAAJ,MAAA,CACCwF,GAAG,OAAAxF,MAAA,CAAIc,MAAM,CAACV,IAAI;QAAA,OAC9BkF,GAAG;QAAA,SACDxE,MAAM,CAACsG,KAAK;QAAA,aACRtG,MAAM,CAACuG,SAAS;QAAA,YACjBvG,MAAM,CAACmF,QAAQ;QAAA,cACbC,OAAO,GAAG,KAAK,GAAGpF,MAAM,CAACwG,UAAU;QAAA,eAClCpB,OAAO,GAAG,KAAK,GAAGpF,MAAM,CAACyG,WAAW;QAAA,UACzCrB,OAAO,GAAG,KAAK,GAAGpF,MAAM,CAACJ,MAAM;QAAA,SAChCwF,OAAO;QAAA,YACJpF,MAAM,CAACmF,QAAQ,GAAG,CAAC,GAAGrH,SAAS;QAAA,kBACzB,CAAC,QAAQ;MAAC,GACtBkC,MAAM,CAACE,KAAK;QAAA,OACX,IAAI,CAACwG,oBAAoB,CAAC1G,MAAM,CAAC;QAAA,WAC7B,IAAA2G,kCAAoB,EAC3B3G,MAAM,CAACE,KAAK,CAAC0G,OAAO,EACpB5G,MAAM,CAACmF,QAAQ,GAAG,IAAI,CAAC0B,oBAAoB,CAAC7G,MAAM,CAACV,IAAI,CAAC,GAAGxB,SAAS,CACrE;QAAA,aACU,IAAA6I,kCAAoB,EAC7B3G,MAAM,CAACE,KAAK,CAAC4G,SAAS,EACtB9G,MAAM,CAACmF,QAAQ,GAAG,IAAI,CAAC4B,kBAAkB,CAAC/G,MAAM,CAACV,IAAI,CAAC,GAAGxB,SAAS,CACnE;QAAA,SACMgE,KAAK;QAAA,UACJ2C,MAAM;QAAA,aACHS;MAAa,KAEvBE,OAAO,gBACN/I,MAAA,YAAAoG,aAAA,CAAApG,MAAA,YAAA2K,QAAA,qBACE3K,MAAA,YAAAoG,aAAA,CAACkC,OAAO,EAAAN,KAAA,CAAAgC,EAAA;QAAA,QACD,cAAc;QAAA;QAAA,OAEd7B,GAAG;QAAA,UACAxE,MAAM,CAACJ,MAAM;QAAA,cACTI,MAAM,CAACwG,UAAU;QAAA,eAChBxG,MAAM,CAACyG;MAAW,iBAE/BpK,MAAA,YAAAoG,aAAA,QAAA4B,KAAA,CAAAgC,EAAA,aAAMrG,MAAM,CAACE,KAAK,CAAC+G,QAAQ,CAAO,CAC1B,eACV5K,MAAA,YAAAoG,aAAA,CAACoC,KAAK,EAAAR,KAAA,CAAAgC,EAAA,eAAE,IAAI,CAACpC,aAAa,CAACjE,MAAM,CAAC2D,OAAO,EAAE,GAAG,GAAG0B,KAAK,CAAC,CAAS,CAC/D,gBAEHhJ,MAAA,YAAAoG,aAAA,CAAApG,MAAA,YAAA2K,QAAA,QACGhH,MAAM,CAACE,KAAK,CAAC+G,QAAQ,EACrBjH,MAAM,CAACmF,QAAQ,gBACd9I,MAAA,YAAAoG,aAAA,CAACsC,YAAY,EAAAV,KAAA,CAAAgC,EAAA;QAAA,OAAM,IAAI,CAACa,kBAAkB,CAAClH,MAAM,CAACJ,MAAM;MAAC,iBACvDvD,MAAA,YAAAoG,aAAA,CAACuC,SAAS,EAAAX,KAAA,CAAAgC,EAAA,kBAAG,CACA,GACb,IAAI,CAEX,CACO;IAEd;EAAC;IAAA3G,GAAA;IAAAhC,KAAA,EAED,SAAAyJ,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA5H,OAAA;QAAA6H,KAAA;MACP,IAAMxC,KAAK,GAgCYC,YAAG;MA/B1B,IAAMwC,YAAY,GAAGxC,YAAU;MAC/B,IAAAyC,cAAA,GASI,IAAI,CAAC/H,OAAO;QARdgI,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QACR3E,MAAM,GAAA0E,cAAA,CAAN1E,MAAM;QACN4E,eAAe,GAAAF,cAAA,CAAfE,eAAe;QACfC,QAAQ,GAAAH,cAAA,CAARG,QAAQ;QACRC,UAAU,GAAAJ,cAAA,CAAVI,UAAU;QACVC,MAAM,GAAAL,cAAA,CAANK,MAAM;QACNC,aAAa,GAAAN,cAAA,CAAbM,aAAa;QACbC,kBAAkB,GAAAP,cAAA,CAAlBO,kBAAkB;MAGpB,IAAI,CAACnE,OAAO,GAAG,IAAA2B,qBAAc,EAACmC,eAAe,CAAC;MAE9C,IAAAM,qBAAA,GAAwC,IAAAC,2BAAoB,EAAC,IAAI,CAACrE,OAAO,CAAC;QAAAsE,sBAAA,OAAAvC,eAAA,aAAAqC,qBAAA;QAAnEG,aAAa,GAAAD,sBAAA;QAAEE,cAAc,GAAAF,sBAAA;MAEpCtC,kBAAM,CAACC,IAAI,CACTgC,MAAM,EACN,0DAA0D,EAC1D,IAAI,CAACpI,OAAO,CAAC,cAAc,CAAC,IAAInB,IAAI,CAACyH,WAAW,CACjD;MAED,OAAAuB,KAAA,GAAO,IAAAjB,aAAO,EAACvD,MAAM,CAAC,eACpBxG,MAAA,YAAAoG,aAAA,CAAC6E,YAAY,EAAAD,KAAA,CAAAhB,EAAA;QAAA,UAASuB,MAAM;QAAA,sBAAsBE;MAAkB,iBAClEzL,MAAA,YAAAoG,aAAA,CAACjG,WAAA,WAAU,EAAA6K,KAAA,CAAAhB,EAAA;QAAA,cACG6B,aAAa;QAAA,eACZC,cAAc;QAAA;QAAA,YAEjBT;MAAQ,iBAElBrL,MAAA,YAAAoG,aAAA,CAACjG,WAAA,WAAU,CAAC4L,SAAS;QAACvI,GAAG,EAAE8H,UAAW;QAACU,IAAI,EAAC,UAAU;QAACC,QAAQ,EAAE,CAAC,CAAE;QAACC,MAAM,EAAE;MAAE,gBAC7ElM,MAAA,YAAAoG,aAAA,CAACoC,KAAK,EAAAwC,KAAA,CAAAhB,EAAA,cAAAN,cAAA,qBAAA5J,KAAA,CAAAqM,WAAA;QAAA,QAAmB,KAAK;QAAA,iBAAe,GAAG;QAAA,kBAAiB,CAAC,QAAQ;MAAC,GAAApB,IAAA,KACxE,IAAI,CAACnD,aAAa,CAACwD,eAAe,EAAE,GAAG,GAAG,IAAI,CAAC9D,OAAO,CAAC9F,MAAM,CAAC,CACzD,CACa,EACtBkD,OAAO,CAAC8G,aAAa,CAAC,iBACrBxL,MAAA,YAAAoG,aAAA,QAAA4E,KAAA,CAAAhB,EAAA;QAAA,SAAY9I,eAAe;QAAA,QAAO;MAAU,iBAC1ClB,MAAA,YAAAoG,aAAA,QAAA4E,KAAA,CAAAhB,EAAA;QAAA,SAAY9I,eAAe;QAAA,QAAO;MAAK,iBACrClB,MAAA,YAAAoG,aAAA,QAAA4E,KAAA,CAAAhB,EAAA;QAAA,SAAY9I,eAAe;QAAA,QAAO;MAAM,iBACtClB,MAAA,YAAAoG,aAAA,CAACjG,WAAA,WAAU,CAACiM,GAAG;QAACC,WAAW,EAAC;MAAY,EAAG,CACvC,CACF,CAET,CACU,EACZlB,QAAQ,CAACmB,MAAM,CACH;IAEnB;EAAC;EAAA,OAAAtK,IAAA;AAAA,EApUgBuK,eAAS;AAAA,IAAAzJ,gBAAA,aAAtBd,IAAI;AAAA,IAAAwK,QAAA,GAuUKxK,IAAI;AAAArB,OAAA,cAAA6L,QAAA"}
+{"version":3,"file":"Head.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_scrollArea","_m","_m2","_assignProps2","_utils","_logger","_ref4","_getFocusableIn","_ScreenReaderOnly","SORT_ICON_WIDTH","exports","SORTING_ICON","desc","SortDesc","asc","SortAsc","ariaSort","displayContents","display","cssToIntDefault","value","defaultValue","arguments","length","undefined","result","parseFloat","Number","isNaN","Math","round","Head","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","e","currentTarget","lockedCell","focusableChildren","from","children","flatMap","node","getFocusableIn","key","_this$lockedCell$","focus","startsWith","stopPropagation","target","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","name","event","asProps","$onSortClick","active","ref","sortWrapperRefs","set","column","index","setRef","props","headCellMap","forwardRef","getAttribute","defaultWidths","has","computedStyle","window","getComputedStyle","minWidth","getPropertyValue","computedWidth","maxWidth","useForRecalculation","Boolean","sortSizeRecalculation","diff","exceptNode","lastMaxWidth","recalculatedNodes","forEach","push","setNodeMinWidth","_this$defaultWidths$g","_this$defaultWidths$g2","defaultNodeWidth","get","defaultNodeMinWidth","style","setProperty","diffPart","_this$defaultWidths$g3","_this$defaultWidths$g4","defaultNodeMaxWidth","removeProperty","_this$defaultWidths$g5","_this$defaultWidths$g6","clonedColumn","document","createElement","childNodes","append","cloneNode","styles","getPropertyPriority","body","appendChild","ceil","getBoundingClientRect","width","removeChild","changeMaxNodeWidth","freeSpace","_createClass2","sortableColumnDescribeId","uid","componentDidUpdate","_this2","activeColumn","columns","_column$props","changeSortSize","current","backToColumnDefaults","calculateActiveColumnMinWidth","renderColumns","_this3","map","renderColumn","_ref2","_column$columns","_this$asProps","use","hidden","SColumn","Flex","SHead","Box","SSortWrapper","SSortIcon","sortDirection","ariaSortValue","sortable","isGroup","cSize","flattenColumns","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","_objectSpread2","flexBasis","flex","setVar","varWidth","ariaDescribedBy","parentColumns","parentName","findIndex","flattenCol","sstyled","cn","fixed","resizable","borderLeft","borderRight","makeColumnRefHandler","callAllEventHandlers","onClick","bindHandlerSortClick","onKeyDown","bindHandlerKeyDown","handleKeyDown","onFocusCell","join","Fragment","makeSortRefHandler","render","_ref","_ref3","SHeadWrapper","_this$asProps2","Children","columnsChildren","onResize","$scrollRef","sticky","withScrollBar","animationsDisabled","getI18nText","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","logger","warn","displayName","Container","role","tabIndex","zIndex","assignProps","Bar","orientation","origin","ScreenReaderOnly","Component","_default"],"sources":["../../src/Head.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';\nimport { ColIndex, Column } from './types';\nimport logger from '@semcore/utils/lib/logger';\nimport { setRef } from '@semcore/utils/lib/ref';\nimport { getFocusableIn } from '@semcore/utils/lib/focus-lock/getFocusableIn';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nexport const SORT_ICON_WIDTH = 20;\n\nconst SORTING_ICON = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\nconst ariaSort = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\nconst displayContents = { display: 'contents' };\n\nfunction cssToIntDefault(value: string, defaultValue = 0) {\n  let result = parseFloat(value);\n  if (Number.isNaN(result)) {\n    result = defaultValue;\n  }\n\n  return Math.round(result);\n}\n\ntype AsProps = {\n  $onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  $scrollRef: (instance: unknown) => void;\n  use: 'primary' | 'secondary';\n  columnsChildren: Column[];\n  onResize: ResizeObserverCallback;\n  sticky: boolean;\n  ['data-ui-name']: string;\n  uid?: string;\n  withScrollBar?: boolean;\n  animationsDisabled?: boolean;\n  getI18nText?: (str: string) => string;\n};\n\nclass Head extends Component<AsProps> {\n  columns: Column[] = [];\n\n  static displayName: string;\n\n  headCellMap = new Map<ColIndex, HTMLElement | null>();\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n  sortWrapperRefs = new Map<Node, boolean>();\n  defaultWidths = new Map<\n    HTMLElement,\n    {\n      minWidth: number;\n      maxWidth: number | null;\n      computedWidth: number;\n      useForRecalculation: boolean;\n    }\n  >();\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.currentTarget === this.lockedCell[0]) {\n      const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (this.lockedCell[1]) {\n        if (e.key === 'Escape') {\n          this.lockedCell[0]?.focus();\n          this.lockedCell[1] = false;\n        }\n        if (e.key.startsWith('Arrow')) {\n          e.stopPropagation();\n        }\n        if (e.key === 'Tab') {\n          if (e.target === focusableChildren[0] && e.shiftKey) {\n            focusableChildren[focusableChildren.length - 1]?.focus();\n            e.preventDefault();\n          } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n            focusableChildren[0]?.focus();\n            e.preventDefault();\n          }\n        }\n      } else if (e.key === 'Enter') {\n        this.lockedCell[1] = true;\n        focusableChildren[0]?.focus();\n      } else if (e.key === 'Tab') {\n        this.lockedCell[0]?.setAttribute('inert', '');\n      }\n    }\n  };\n\n  onFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    if (e.target === e.currentTarget) {\n      const focusableChildren = Array.from(e.currentTarget.children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (focusableChildren.length === 1) {\n        focusableChildren[0].focus();\n      } else if (focusableChildren.length > 1) {\n        this.lockedCell = [e.currentTarget, false];\n      }\n    }\n  };\n\n  bindHandlerSortClick = (name: string) => (event: React.MouseEvent) => {\n    this.asProps.$onSortClick(name, event);\n  };\n\n  bindHandlerKeyDown = (name: string) => (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.asProps.$onSortClick(name, event);\n    }\n  };\n\n  makeSortRefHandler = (active: boolean) => (ref: HTMLElement | null) => {\n    if (ref) {\n      this.sortWrapperRefs.set(ref, active);\n    }\n  };\n\n  makeColumnRefHandler = (column: Column, index: number) => (ref: HTMLElement | null) => {\n    setRef(column.props.ref, ref);\n    this.headCellMap.set(index, ref);\n    if (column.props.forwardRef) {\n      setRef(column.props.forwardRef, ref);\n    }\n\n    if (ref && ref.getAttribute('scope') === 'col') {\n      if (!this.defaultWidths.has(ref)) {\n        const computedStyle = window.getComputedStyle(ref);\n\n        this.defaultWidths.set(ref, {\n          minWidth: cssToIntDefault(computedStyle.getPropertyValue('min-width')),\n          computedWidth: cssToIntDefault(computedStyle.getPropertyValue('width')),\n          maxWidth: cssToIntDefault(computedStyle.getPropertyValue('max-width')) || null,\n          useForRecalculation: Boolean(column.props.sortSizeRecalculation),\n        });\n      }\n    }\n  };\n\n  componentDidUpdate() {\n    let activeColumn: HTMLElement | null = null;\n\n    this.columns.forEach((column) => {\n      const { changeSortSize, ref } = column.props;\n\n      if (column.active && changeSortSize && ref.current) {\n        activeColumn = ref.current;\n      }\n\n      if (ref.current) {\n        this.backToColumnDefaults(ref.current);\n      }\n    });\n\n    if (activeColumn) {\n      this.calculateActiveColumnMinWidth(activeColumn);\n    }\n  }\n\n  changeMaxNodeWidth = (diff: number, exceptNode: HTMLElement) => {\n    let lastMaxWidth = 0;\n    let node: HTMLElement | null = null;\n    const recalculatedNodes: HTMLElement[] = [];\n\n    this.defaultWidths.forEach((value, key) => {\n      if (value.computedWidth > lastMaxWidth && key !== exceptNode) {\n        node = key;\n        lastMaxWidth = value.computedWidth;\n      }\n      if (value.useForRecalculation) {\n        recalculatedNodes.push(key);\n      }\n    });\n\n    const setNodeMinWidth = (node: HTMLElement, diff: number) => {\n      const defaultNodeWidth = this.defaultWidths.get(node)?.computedWidth;\n      const defaultNodeMinWidth = this.defaultWidths.get(node)?.minWidth;\n\n      if (defaultNodeWidth) {\n        const maxWidth = defaultNodeWidth - diff;\n        node.style.setProperty('max-width', `${maxWidth}px`);\n\n        if (defaultNodeMinWidth) {\n          node.style.setProperty('min-width', `min(${maxWidth}px, ${defaultNodeMinWidth}px)`);\n        }\n      }\n    };\n\n    if (recalculatedNodes.length > 0) {\n      const diffPart = diff / recalculatedNodes.length;\n\n      recalculatedNodes.forEach((node) => {\n        setNodeMinWidth(node, diffPart);\n      });\n    } else if (node !== null) {\n      setNodeMinWidth(node, diff);\n    }\n  };\n\n  backToColumnDefaults = (node: HTMLElement) => {\n    const defaultNodeMinWidth = this.defaultWidths.get(node)?.minWidth;\n    const defaultNodeMaxWidth = this.defaultWidths.get(node)?.maxWidth;\n\n    node.style.setProperty('min-width', defaultNodeMinWidth + 'px');\n\n    if (defaultNodeMaxWidth) {\n      node.style.setProperty('max-width', defaultNodeMaxWidth + 'px');\n    } else {\n      node.style.removeProperty('max-width');\n    }\n  };\n\n  calculateActiveColumnMinWidth = (node: HTMLElement) => {\n    const clonedColumn = document.createElement('div');\n    const computedStyle = window.getComputedStyle(node);\n\n    node.childNodes.forEach((node) => {\n      if (!this.sortWrapperRefs.get(node)) {\n        clonedColumn.append(node.cloneNode(true));\n      }\n    });\n\n    clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n    const styles = [\n      'display',\n      'flex',\n      'margin',\n      'padding',\n      'background',\n      'font-style',\n      'font-width',\n      'font-size',\n      'font-weight',\n    ];\n\n    styles.forEach((key) => {\n      clonedColumn.style.setProperty(\n        key,\n        computedStyle.getPropertyValue(key),\n        computedStyle.getPropertyPriority(key),\n      );\n    });\n\n    clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n    document.body.appendChild(clonedColumn);\n\n    const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n    document.body.removeChild(clonedColumn);\n\n    const defaultNodeWidth = this.defaultWidths.get(node)?.computedWidth ?? 0;\n\n    if (computedWidth >= defaultNodeWidth) {\n      node.style.setProperty('min-width', defaultNodeWidth + SORT_ICON_WIDTH + 'px');\n      this.changeMaxNodeWidth(SORT_ICON_WIDTH, node);\n    } else {\n      const freeSpace = defaultNodeWidth - computedWidth;\n\n      if (freeSpace < SORT_ICON_WIDTH) {\n        node.style.setProperty('min-width', computedWidth + SORT_ICON_WIDTH + 'px');\n        this.changeMaxNodeWidth(freeSpace, node);\n      }\n    }\n  };\n\n  renderColumns(columns: Column[], width: number) {\n    return columns.map((column) => this.renderColumn(column, width));\n  }\n\n  renderColumn(column: Column, width: number) {\n    const { styles, use, hidden, uid } = this.asProps;\n    const SColumn = Flex as any;\n    const SHead = Box;\n    const SSortWrapper = 'div';\n    const SSortIcon = SORTING_ICON[column.sortDirection];\n    const ariaSortValue =\n      column.sortable && column.active ? ariaSort[column.sortDirection] : undefined;\n    const isGroup = column.columns?.length > 0;\n    const cSize = isGroup ? flattenColumns(column.columns).length : 1;\n    const [name, value] = getFixedStyle(column, this.columns);\n\n    const style = {\n      flexBasis: column.props.flex === undefined && `${width * cSize}%`,\n      ...column.props.style,\n    };\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    if (!column.setVar) {\n      style['flexBasis'] = `var(${column.varWidth})`;\n    }\n\n    const ariaDescribedBy = [];\n    if (column.sortable && !column.active) {\n      ariaDescribedBy.push(this.sortableColumnDescribeId());\n    }\n    if (column.parentColumns.length > 0) {\n      const parentName = column.parentColumns[0].name;\n      ariaDescribedBy.push(`igc-table-${uid}-${parentName}-group`);\n    }\n\n    const index = this.columns.findIndex((flattenCol) => flattenCol.name === column.name);\n\n    return sstyled(styles)(\n      <SColumn\n        role={isGroup ? undefined : 'columnheader'}\n        scope={isGroup ? 'colgroup' : 'col'}\n        key={column.name}\n        id={`igc-table-${uid}-${column.name}`}\n        use={use}\n        fixed={column.fixed}\n        resizable={column.resizable}\n        sortable={column.sortable}\n        borderLeft={isGroup ? false : column.borderLeft}\n        borderRight={isGroup ? false : column.borderRight}\n        active={isGroup ? false : column.active}\n        group={isGroup}\n        tabIndex={-1}\n        __excludeProps={['hidden']}\n        {...column.props}\n        ref={this.makeColumnRefHandler(column, index)}\n        onClick={callAllEventHandlers(\n          column.props.onClick,\n          column.sortable ? this.bindHandlerSortClick(column.name) : undefined,\n        )}\n        onKeyDown={callAllEventHandlers(\n          column.props.onKeyDown,\n          column.sortable ? this.bindHandlerKeyDown(column.name) : undefined,\n          this.handleKeyDown,\n        )}\n        style={style}\n        hidden={hidden}\n        aria-sort={ariaSortValue}\n        aria-colindex={index + 1}\n        onFocus={this.onFocusCell}\n        aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n      >\n        {isGroup ? (\n          <>\n            <SColumn\n              id={`igc-table-${uid}-${column.name}-group`}\n              groupHead\n              use={use}\n              active={column.active}\n              borderLeft={column.borderLeft}\n              borderRight={column.borderRight}\n            >\n              <div>{column.props.children}</div>\n            </SColumn>\n            <SHead>{this.renderColumns(column.columns, 100 / cSize)}</SHead>\n          </>\n        ) : (\n          <>\n            {column.props.children}\n            {column.sortable ? (\n              <SSortWrapper ref={this.makeSortRefHandler(column.active)}>\n                <SSortIcon />\n              </SSortWrapper>\n            ) : null}\n          </>\n        )}\n      </SColumn>,\n    );\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadWrapper = Box as any;\n    const {\n      Children,\n      styles,\n      columnsChildren,\n      onResize,\n      $scrollRef,\n      sticky,\n      withScrollBar,\n      animationsDisabled,\n      getI18nText,\n    } = this.asProps;\n\n    this.columns = flattenColumns(columnsChildren);\n\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(this.columns);\n\n    logger.warn(\n      sticky,\n      \"'sticky' property is deprecated, use '<Sticky/>' wrapper\",\n      this.asProps['data-ui-name'] || Head.displayName,\n    );\n\n    return sstyled(styles)(\n      <SHeadWrapper sticky={sticky} animationsDisabled={animationsDisabled}>\n        <ScrollArea\n          leftOffset={offsetLeftSum}\n          rightOffset={offsetRightSum}\n          shadow\n          onResize={onResize}\n        >\n          <ScrollArea.Container ref={$scrollRef} role='rowgroup' tabIndex={-1} zIndex={2}>\n            <SHead render={Box} role='row' __excludeProps={['hidden']}>\n              {this.renderColumns(columnsChildren, 100 / this.columns.length)}\n            </SHead>\n          </ScrollArea.Container>\n          {Boolean(withScrollBar) && (\n            <div style={displayContents}>\n              <div style={displayContents}>\n                <div style={displayContents}>\n                  <ScrollArea.Bar orientation='horizontal' />\n                </div>\n              </div>\n            </div>\n          )}\n        </ScrollArea>\n        {Children.origin}\n        <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n          {getI18nText?.('sortableColumn')}\n        </ScreenReaderOnly>\n      </SHeadWrapper>,\n    );\n  }\n}\n\nexport default Head;\n"],"mappings":"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"}

package/data-table/lib/cjs/style/data-table.shadow.css

@@ -350,6 +350,7 @@ SCell {
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
   transition: width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
+  outline: none;
 }
 
 SCell[use='primary'] {
@@ -389,6 +390,19 @@ SCell[theme='danger'] {
   background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
 }
 
+SCell:focus-visible {
+  position: relative;
+
+  &:after {
+    position: absolute;
+    display: block;
+    content: '';
+    inset: 3px;
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+    pointer-events: none;
+  }
+}
+
 SHeightHold {
   position: absolute;
   top: 0;

package/data-table/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localizedMessages = void 0;
+var _de = _interopRequireDefault(require("./de.json"));
+var _en = _interopRequireDefault(require("./en.json"));
+var _es = _interopRequireDefault(require("./es.json"));
+var _fr = _interopRequireDefault(require("./fr.json"));
+var _it = _interopRequireDefault(require("./it.json"));
+var _ja = _interopRequireDefault(require("./ja.json"));
+var _ko = _interopRequireDefault(require("./ko.json"));
+var _nl = _interopRequireDefault(require("./nl.json"));
+var _pt = _interopRequireDefault(require("./pt.json"));
+var _tr = _interopRequireDefault(require("./tr.json"));
+var _vi = _interopRequireDefault(require("./vi.json"));
+var _zh = _interopRequireDefault(require("./zh.json"));
+var _pl = _interopRequireDefault(require("./pl.json"));
+var _sv = _interopRequireDefault(require("./sv.json"));
+var localizedMessages = {
+  de: _de["default"],
+  en: _en["default"],
+  es: _es["default"],
+  fr: _fr["default"],
+  it: _it["default"],
+  ja: _ja["default"],
+  ko: _ko["default"],
+  nl: _nl["default"],
+  pt: _pt["default"],
+  tr: _tr["default"],
+  vi: _vi["default"],
+  zh: _zh["default"],
+  pl: _pl["default"],
+  sv: _sv["default"]
+};
+exports.localizedMessages = localizedMessages;
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/data-table/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}

package/data-table/lib/cjs/translations/de.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Sortierbar"
+}

package/data-table/lib/cjs/translations/en.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Sortable"
+}

package/data-table/lib/cjs/translations/es.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Ordenable"
+}

package/data-table/lib/cjs/translations/fr.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Triable"
+}

package/data-table/lib/cjs/translations/it.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Ordinabile"
+}

package/data-table/lib/cjs/translations/ja.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "分類可能"
+}

package/data-table/lib/cjs/translations/ko.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "정렬 가능"
+}

package/data-table/lib/cjs/translations/nl.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Sorteerbaar"
+}

package/data-table/lib/cjs/translations/pl.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Umożliwia sortowanie"
+}

package/data-table/lib/cjs/translations/pt.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Classificável"
+}

package/data-table/lib/cjs/translations/sv.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Sorterbar"
+}

package/data-table/lib/cjs/translations/tr.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Sıralanabilir"
+}

package/data-table/lib/cjs/translations/vi.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "Có thể sắp xếp"
+}

package/data-table/lib/cjs/translations/zh.json

@@ -0,0 +1,3 @@
+{
+  "sortableColumn": "可排序"
+}

package/data-table/lib/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_DataTable","require"],"sources":["../../src/types.ts"],"sourcesContent":["import React from 'react';\nimport { ROW_GROUP } from './DataTable';\nimport { Property } from 'csstype';\nimport { FlexProps } from '@semcore/flex-box';\n\nexport type PseudoChildPropsGetter = (\n  props: { [propName: string]: unknown },\n  rowData: { [columnName: string]: unknown },\n  index: number,\n) => { [propName: string]: unknown };\nexport type PropsLayer = {\n  childrenPropsGetter?: PseudoChildPropsGetter;\n  [propName: string]: unknown;\n};\n\nexport type SortDirection = 'asc' | 'desc';\nexport type Column<\n  Props extends { [propName: string]: unknown } = { [propName: string]: unknown },\n> = {\n  name: string;\n  active: boolean;\n  width: number;\n  fixed?: 'left' | 'right';\n  resizable?: boolean;\n  sortable?: boolean | SortDirection;\n  sortDirection: SortDirection;\n  varWidth: string;\n  setVar: boolean;\n  data?: unknown;\n  vBorders?: boolean;\n  borderLeft?: boolean;\n  borderRight?: boolean;\n  props: {\n    name: string;\n    ref: React.RefObject<HTMLElement>;\n  } & FlexProps &\n    Partial<{\n      flex: Property.Flex;\n      onClick: (event: React.MouseEvent) => void;\n      onKeyDown: (event: React.KeyboardEvent) => void;\n      forwardRef: React.Ref<HTMLElement>;\n      style: React.CSSProperties;\n      fixed: 'left' | 'right';\n      resizable: boolean;\n      sortable: boolean | SortDirection;\n      sortDirection: SortDirection;\n      vBorders: boolean;\n      borderLeft: Property.BorderLeft;\n      borderRight: Property.BorderLeft;\n      changeSortSize?: boolean;\n      sortSizeRecalculation?: boolean;\n    }> &\n    Props;\n  columns: Column[];\n  parentColumns: Column[];\n};\nexport type Cell = Pick<Column, 'name' | 'fixed' | 'data'> & {\n  cssVar: string | string[];\n  cellPropsLayers: PropsLayer[];\n};\nexport type RowData<\n  Data extends { [columnName: string]: unknown } = { [columnName: string]: unknown },\n> = Data &\n  Partial<{\n    name: string;\n    [ROW_GROUP]: RowData[];\n  }>;\nexport type NestedCells = (Cell | NestedCells)[] & { flatRowData?: RowData };\n"],"mappings":";;AACA,IAAAA,UAAA,GAAAC,OAAA"}
+{"version":3,"file":"types.js","names":["_DataTable","require"],"sources":["../../src/types.ts"],"sourcesContent":["import React from 'react';\nimport { ROW_GROUP } from './DataTable';\nimport { Property } from 'csstype';\nimport { FlexProps } from '@semcore/flex-box';\n\nexport type PseudoChildPropsGetter = (\n  props: { [propName: string]: unknown },\n  rowData: { [columnName: string]: unknown },\n  index: number,\n) => { [propName: string]: unknown };\nexport type PropsLayer = {\n  childrenPropsGetter?: PseudoChildPropsGetter;\n  [propName: string]: unknown;\n};\n\nexport type SortDirection = 'asc' | 'desc';\nexport type Column<\n  Props extends { [propName: string]: unknown } = { [propName: string]: unknown },\n> = {\n  name: string;\n  active: boolean;\n  width: number;\n  fixed?: 'left' | 'right';\n  resizable?: boolean;\n  sortable?: boolean | SortDirection;\n  sortDirection: SortDirection;\n  varWidth: string;\n  setVar: boolean;\n  data?: unknown;\n  vBorders?: boolean;\n  borderLeft?: boolean;\n  borderRight?: boolean;\n  props: {\n    name: string;\n    ref: React.RefObject<HTMLElement>;\n  } & FlexProps &\n    Partial<{\n      flex: Property.Flex;\n      onClick: (event: React.MouseEvent) => void;\n      onKeyDown: (event: React.KeyboardEvent) => void;\n      forwardRef: React.Ref<HTMLElement>;\n      style: React.CSSProperties;\n      fixed: 'left' | 'right';\n      resizable: boolean;\n      sortable: boolean | SortDirection;\n      sortDirection: SortDirection;\n      vBorders: boolean;\n      borderLeft: Property.BorderLeft;\n      borderRight: Property.BorderLeft;\n      changeSortSize?: boolean;\n      sortSizeRecalculation?: boolean;\n    }> &\n    Props;\n  columns: Column[];\n  parentColumns: Column[];\n};\nexport type Cell = Pick<Column, 'name' | 'fixed' | 'data'> & {\n  cssVar: string | string[];\n  cellPropsLayers: PropsLayer[];\n};\nexport type RowData<\n  Data extends { [columnName: string]: unknown } = { [columnName: string]: unknown },\n> = Data &\n  Partial<{\n    name: string;\n    [ROW_GROUP]: RowData[];\n  }>;\nexport type NestedCells = (Cell | NestedCells)[] & { flatRowData?: RowData };\n\nexport type RowIndex = number;\nexport type ColIndex = number;\n"],"mappings":";;AACA,IAAAA,UAAA,GAAAC,OAAA"}

package/data-table/lib/es6/Body.js

@@ -25,10 +25,11 @@ import { forkRef } from 'intergalactic/utils/lib/ref';
 import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 import { SORT_ICON_WIDTH } from './Head';
 /*__reshadow-styles__:"./style/scroll-shadows.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_3384d_gg_:after,.___SShadowHorizontal_3384d_gg_:before,.___SShadowVertical_3384d_gg_:after,.___SShadowVertical_3384d_gg_:before{z-index:1}" /*__inner_css_end__*/, "3384d_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_3384d_gg_",
-  "__SShadowVertical": "___SShadowVertical_3384d_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1m7h6_gg_:after,.___SShadowHorizontal_1m7h6_gg_:before,.___SShadowVertical_1m7h6_gg_:after,.___SShadowVertical_1m7h6_gg_:before{z-index:1}" /*__inner_css_end__*/, "1m7h6_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1m7h6_gg_",
+  "__SShadowVertical": "___SShadowVertical_1m7h6_gg_"
 });
+import { getFocusableIn } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';
 var testEnv = process.env.NODE_ENV === 'test';
 var getCellsByColumn = function getCellsByColumn(cells) {
   var flattenCells = cells.flat(20);
@@ -57,11 +58,58 @@ var Body = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "scrollContainerRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "firstRowRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "firstRowResizeObserver", null);
+    _defineProperty(_assertThisInitialized(_this), "lockedCell", [null, false]);
     _defineProperty(_assertThisInitialized(_this), "getRowHeight", function () {
       var virtualScroll = _this.asProps.virtualScroll;
       var rowHeightFromProps = _typeof(virtualScroll) === 'object' && (virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.rowHeight);
       return rowHeightFromProps || _this.state.rowHeight;
     });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
+      if (e.currentTarget === _this.lockedCell[0]) {
+        var focusableChildren = Array.from(_this.lockedCell[0].children).flatMap(function (node) {
+          return getFocusableIn(node);
+        });
+        if (_this.lockedCell[1]) {
+          if (e.key === 'Escape') {
+            var _this$lockedCell$;
+            (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 ? void 0 : _this$lockedCell$.focus();
+            _this.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 ? void 0 : _focusableChildren.focus();
+              e.preventDefault();
+            } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
+              var _focusableChildren$;
+              (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 ? void 0 : _focusableChildren$.focus();
+              e.preventDefault();
+            }
+            e.stopPropagation();
+          }
+        } else if (e.key === 'Enter') {
+          var _focusableChildren$2;
+          _this.lockedCell[1] = true;
+          (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 ? void 0 : _focusableChildren$2.focus();
+        }
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFocusCell", function (e) {
+      if (e.target === e.currentTarget) {
+        var focusableChildren = Array.from(e.currentTarget.children).flatMap(function (node) {
+          return getFocusableIn(node);
+        });
+        if (focusableChildren.length === 1) {
+          focusableChildren[0].focus();
+        } else if (focusableChildren.length > 1) {
+          _this.lockedCell = [e.currentTarget, false];
+        }
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "handleFirstRowResize", trottle(function (entries) {
       var contentRect = entries[0].contentRect;
       var height = contentRect.height;
@@ -196,7 +244,7 @@ var Body = /*#__PURE__*/function (_Component) {
           });
           return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SCell, _ref3.cn("SCell", _objectSpread(_objectSpread({
             "key": cell.name,
-            "role": 'cell',
+            "role": 'gridcell',
             "headers": headerIds.join(' '),
             "__excludeProps": ['data']
           }, _props), {}, {
@@ -204,7 +252,11 @@ var Body = /*#__PURE__*/function (_Component) {
             "theme": _props.theme,
             "use": use,
             "borderLeft": _props.borderLeft,
-            "borderRight": _props.borderRight
+            "borderRight": _props.borderRight,
+            "tabIndex": -1,
+            "onKeyDown": _this2.handleKeyDown,
+            "onFocus": _this2.onFocusCell,
+            "aria-colindex": cellIndex + 1
           })));
         }
       }, []);
@@ -384,16 +436,14 @@ var Body = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(ScrollArea.Container, {
         ref: forkRef.apply(void 0, scrollContainerRefs),
         role: "rowgroup",
-        focusRingTopOffset: '3px'
+        focusRingTopOffset: '3px',
+        tabIndex: -1
       }, body), /*#__PURE__*/React.createElement("div", _ref5.cn("div", {
-        "style": displayContents,
-        "role": 'rowgroup'
+        "style": displayContents
       }), /*#__PURE__*/React.createElement("div", _ref5.cn("div", {
-        "style": displayContents,
-        "role": 'row'
+        "style": displayContents
       }), /*#__PURE__*/React.createElement("div", _ref5.cn("div", {
-        "style": displayContents,
-        "role": 'cell'
+        "style": displayContents
       }), /*#__PURE__*/React.createElement(ScrollArea.Bar, {
         orientation: "horizontal",
         bottom: 0,