carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.component.js

@@ -1,94 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FlatTableRowHeader = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icon = _interopRequireDefault(require("../../icon"));
-var _flatTableRowHeader = require("./flat-table-row-header.style");
-var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
-var _useTableCell = _interopRequireDefault(require("../__internal__/use-table-cell"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const FlatTableRowHeader = ({
-  align = "left",
-  children,
-  width,
-  py,
-  px,
-  truncate,
-  title,
-  stickyAlignment = "left",
-  colspan,
-  rowspan,
-  id,
-  ...rest
-}) => {
-  const internalId = (0, _react.useRef)(id || (0, _guid.default)());
-  const {
-    leftPosition,
-    rightPosition,
-    expandable,
-    onClick,
-    onKeyDown,
-    isFirstCell,
-    isExpandableCell,
-    tabIndex,
-    isInHighlightedRow,
-    isInSelectedRow,
-    bringToFront
-  } = (0, _useTableCell.default)(internalId.current);
-  const handleOnClick = (0, _react.useCallback)(ev => {
-    if (isExpandableCell && onClick) onClick(ev);
-  }, [isExpandableCell, onClick]);
-  const handleOnFocus = ev => {
-    bringToFront(ev, "TH");
-  };
-  const handleOnKeyDown = (0, _react.useCallback)(ev => {
-    /* istanbul ignore else */
-    if (isExpandableCell && onKeyDown) {
-      onKeyDown(ev);
-    }
-  }, [isExpandableCell, onKeyDown]);
-  return /*#__PURE__*/_react.default.createElement(_flatTableRowHeader.StyledFlatTableRowHeader, _extends({
-    leftPosition: stickyAlignment === "left" ? leftPosition || 0 : undefined,
-    rightPosition: stickyAlignment === "right" ? rightPosition || 0 : undefined,
-    align: align,
-    width: width,
-    py: py || "10px",
-    px: px || 3,
-    onClick: handleOnClick,
-    tabIndex: isExpandableCell ? tabIndex : undefined,
-    onKeyDown: handleOnKeyDown,
-    truncate: truncate,
-    expandable: expandable,
-    stickyAlignment: stickyAlignment
-  }, colspan !== undefined && {
-    colSpan: Number(colspan)
-  }, rowspan !== undefined && {
-    rowSpan: Number(rowspan)
-  }, {
-    "data-selected": isInSelectedRow && isExpandableCell,
-    "data-highlighted": isInHighlightedRow && isExpandableCell,
-    onFocus: handleOnFocus
-  }, rest, (0, _tags.default)("flat-table-row-header", {
-    "data-element": "flat-table-row-header",
-    ...rest
-  }), {
-    id: internalId.current
-  }), /*#__PURE__*/_react.default.createElement(_flatTableRowHeader.StyledFlatTableRowHeaderContent, {
-    title: truncate && !title && typeof children === "string" ? children : title,
-    expandable: expandable,
-    "data-role": "flat-table-row-header-content"
-  }, expandable && isFirstCell && /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: "chevron_down_thick",
-    mr: "8px"
-  }), children));
-};
-exports.FlatTableRowHeader = FlatTableRowHeader;
-FlatTableRowHeader.displayName = "FlatTableRowHeader";
-var _default = exports.default = FlatTableRowHeader;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../icon/icon.component.js"),n=require("./flat-table-row-header.style.js"),l=require("../../../__internal__/utils/helpers/guid/index.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js"),o=require("../__internal__/use-table-cell.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u=a=>{var{align:u="left",children:d,width:p,py:b,px:f,truncate:y,title:g,stickyAlignment:O="left",colspan:w,rowspan:h,id:j}=a,x=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(a,["align","children","width","py","px","truncate","title","stickyAlignment","colspan","rowspan","id"]);const m=t.useRef(j||l.default()),{leftPosition:P,rightPosition:v,expandable:_,onClick:k,onKeyDown:S,isFirstCell:q,isExpandableCell:C,tabIndex:F,isInHighlightedRow:R,isInSelectedRow:D,bringToFront:H}=o.default(m.current),T=t.useCallback((e=>{C&&k&&k(e)}),[C,k]),I=t.useCallback((e=>{C&&S&&S(e)}),[C,S]);return e.jsx(n.StyledFlatTableRowHeader,s(c(s(c({leftPosition:"left"===O?P||0:void 0,rightPosition:"right"===O?v||0:void 0,align:u,width:p,py:b||"10px",px:f||3,onClick:T,tabIndex:C?F:void 0,onKeyDown:I,truncate:y,expandable:_,stickyAlignment:O},void 0!==w&&{colSpan:Number(w)},void 0!==h&&{rowSpan:Number(h)}),{"data-selected":D&&C,"data-highlighted":R&&C,onFocus:e=>{H(e,"TH")}}),x,i.default("flat-table-row-header",c({"data-element":"flat-table-row-header"},x))),{id:m.current,children:e.jsxs(n.StyledFlatTableRowHeaderContent,{title:y&&!g&&"string"==typeof d?d:g,expandable:_,"data-role":"flat-table-row-header-content",children:[_&&q&&e.jsx(r.default,{type:"chevron_down_thick",mr:"8px"}),d]})}))};u.displayName="FlatTableRowHeader",exports.FlatTableRowHeader=u,exports.default=u;

package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js

@@ -1,112 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledFlatTableRowHeaderContent = exports.StyledFlatTableRowHeader = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../../style/themes/base"));
-var _color = require("../../../style/utils/color");
-var _icon = _interopRequireDefault(require("../../icon/icon.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const verticalBorderSizes = {
-  small: "1px",
-  medium: "2px",
-  large: "4px"
-};
-const StyledFlatTableRowHeader = exports.StyledFlatTableRowHeader = _styledComponents.default.th.attrs(({
-  stickyAlignment
-}) => ({
-  "data-sticky-align": stickyAlignment
-}))`
-  ${({
-  align,
-  theme,
-  width,
-  leftPosition,
-  rightPosition,
-  truncate,
-  expandable,
-  verticalBorder,
-  verticalBorderColor,
-  stickyAlignment
-}) => (0, _styledComponents.css)`
-    background-color: var(--colorsUtilityYang100);
-    border: 1px solid var(--colorsUtilityMajor100);
-    border-top: none;
-    box-sizing: border-box;
-    left: 0;
-    font-weight: normal;
-    position: sticky;
-    text-align: ${align};
-    top: auto;
-    vertical-align: middle;
-    padding: 0;
-    z-index: ${_base.default.zIndex.overlay};
-
-    ${width && (0, _styledComponents.css)`
-      width: ${width}px;
-    `}
-
-    &&&& {
-      > div {
-        box-sizing: border-box;
-
-        ${truncate && (0, _styledComponents.css)`
-          text-overflow: ellipsis;
-          overflow: hidden;
-          white-space: nowrap;
-        `}
-
-        ${width && (0, _styledComponents.css)`
-          width: ${width}px;
-        `}
- 
-        ${_styledSystem.padding}
-      }
-
-      ${leftPosition !== undefined && (0, _styledComponents.css)`
-        left: ${leftPosition}px;
-      `}
-      ${rightPosition !== undefined && (0, _styledComponents.css)`
-        right: ${rightPosition}px;
-      `}
-
-      ${verticalBorder && (0, _styledComponents.css)`
-        border-${stickyAlignment === "right" ? "left" : "right"}-width: ${verticalBorderSizes[verticalBorder]};
-      `}
-
-      ${verticalBorderColor && (0, _styledComponents.css)`
-        border-${stickyAlignment === "right" ? "left" : "right"}-color: ${(0, _color.toColor)(theme, verticalBorderColor)};
-      `}
-
-      [data-component="icon"]:not([color]) {
-        color: var(--colorsActionMinor500);
-      }
-    }
-
-    ${expandable && (0, _styledComponents.css)`
-      white-space: nowrap;
-    `}
-  `}
-`;
-StyledFlatTableRowHeader.defaultProps = {
-  theme: _base.default
-};
-const StyledFlatTableRowHeaderContent = exports.StyledFlatTableRowHeaderContent = _styledComponents.default.div`
-  ${({
-  expandable
-}) => expandable && (0, _styledComponents.css)`
-      display: flex;
-      align-items: center;
-      line-height: 1em;
-
-      ${_icon.default} {
-        width: 20px;
-        height: 20px;
-      }
-    `}
-`;
+"use strict";var e=require("styled-components"),t=require("styled-system"),o=require("../../../style/themes/base/index.js"),i=require("../../../style/utils/color.js"),l=require("../../icon/icon.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const a={small:"1px",medium:"2px",large:"4px"},d=s.default.th.attrs((({stickyAlignment:e})=>({"data-sticky-align":e}))).withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeader",componentId:"sc-6df6de8d-0"})(["",""],(({align:l,theme:r,width:s,leftPosition:d,rightPosition:n,truncate:c,expandable:p,verticalBorder:h,verticalBorderColor:g,stickyAlignment:x})=>e.css(["background-color:var(--colorsUtilityYang100);border:1px solid var(--colorsUtilityMajor100);border-top:none;box-sizing:border-box;left:0;font-weight:normal;position:sticky;text-align:",";top:auto;vertical-align:middle;padding:0;z-index:",";"," &&&&{> div{box-sizing:border-box;"," "," ","}"," "," "," ",' [data-component="icon"]:not([color]){color:var(--colorsActionMinor500);}}',""],l,o.default.zIndex.overlay,s&&e.css(["width:","px;"],s),c&&e.css(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),s&&e.css(["width:","px;"],s),t.padding,void 0!==d&&e.css(["left:","px;"],d),void 0!==n&&e.css(["right:","px;"],n),h&&e.css(["border-","-width:",";"],"right"===x?"left":"right",a[h]),g&&e.css(["border-","-color:",";"],"right"===x?"left":"right",i.toColor(r,g)),p&&e.css(["white-space:nowrap;"]))));d.defaultProps={theme:o.default};const n=s.default.div.withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeaderContent",componentId:"sc-6df6de8d-1"})(["",""],(({expandable:t})=>t&&e.css(["display:flex;align-items:center;line-height:1em;","{width:20px;height:20px;}"],l.default)));exports.StyledFlatTableRowHeader=d,exports.StyledFlatTableRowHeaderContent=n;

package/lib/components/flat-table/flat-table-row-header/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _flatTableRowHeader.default;
-  }
-});
-var _flatTableRowHeader = _interopRequireDefault(require("./flat-table-row-header.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./flat-table-row-header.component.js");exports.default=e.FlatTableRowHeader;

package/lib/components/flat-table/flat-table-row-header/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/flat-table/flat-table-row-header/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/flat-table/flat-table-row-header/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/flat-table/flat-table.component.js

@@ -1,217 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FlatTable = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _flatTable = require("./flat-table.style");
-var _drawerSidebar = _interopRequireDefault(require("../drawer/__internal__/drawer-sidebar.context"));
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events/events"));
-var _strictFlatTable = require("./__internal__/strict-flat-table.context");
-var _flatTable2 = _interopRequireDefault(require("./__internal__/flat-table.context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const FOCUSABLE_ROW_AND_CELL_QUERY = "tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]";
-const FlatTable = ({
-  caption,
-  children,
-  hasStickyHead,
-  colorTheme = "dark",
-  footer,
-  hasStickyFooter = false,
-  height,
-  isZebra,
-  size = "medium",
-  hasMaxHeight = false,
-  hasOuterVerticalBorders = true,
-  bottomBorderRadius = "borderRadius100",
-  ariaDescribedby,
-  minHeight,
-  overflowX,
-  width,
-  title,
-  ...rest
-}) => {
-  const wrapperRef = (0, _react.useRef)(null);
-  const tableRef = (0, _react.useRef)(null);
-  const container = (0, _react.useRef)(null);
-  const [hasVerticalScrollbar, setHasVerticalScrollbar] = (0, _react.useState)(false);
-  const [hasHorizontalScrollbar, setHasHorizontalScrollbar] = (0, _react.useState)(false);
-  const [firstColRowSpanIndex, setFirstColRowSpanIndex] = (0, _react.useState)(-1);
-  const [lastColRowSpanIndex, setLastColRowSpanIndex] = (0, _react.useState)(-1);
-  const [focused, setFocused] = (0, _react.useState)(false);
-  const addDefaultHeight = !height && (hasStickyHead || hasStickyFooter);
-  const tableStylingProps = {
-    caption,
-    isZebra,
-    size,
-    "aria-describedby": ariaDescribedby
-  };
-  const {
-    isInSidebar
-  } = (0, _react.useContext)(_drawerSidebar.default);
-  const [hasOpenDatePicker, setHasOpenDatePicker] = (0, _react.useState)(false);
-  (0, _react.useLayoutEffect)(() => {
-    const findRow = (rows, isFirstCol) => rows.find((row, index) => {
-      const cells = Array.from(row.querySelectorAll("td, th"));
-      const cell = isFirstCol ? cells.shift() : cells.pop();
-      const rowSpan = cell?.getAttribute("rowspan");
-      return rowSpan && Number(rowSpan) >= index + 1;
-    });
-
-    /* istanbul ignore else */
-    if (wrapperRef.current && tableRef.current) {
-      const {
-        offsetHeight,
-        offsetWidth
-      } = wrapperRef.current;
-      const {
-        top,
-        bottom,
-        right,
-        left
-      } = tableRef.current?.getBoundingClientRect();
-      setHasVerticalScrollbar(bottom - top > offsetHeight);
-      setHasHorizontalScrollbar(right - left > offsetWidth);
-      const body = tableRef.current.querySelector("tbody");
-      const bodyRows = body ? Array.from(body?.querySelectorAll("tr")) : /* istanbul ignore next */[];
-      const {
-        length
-      } = bodyRows;
-      const targetRowFirstCol = findRow(bodyRows.slice(0, length - 1).reverse(), true);
-      const targetRowLastCol = findRow(bodyRows.slice(0, length - 1).reverse());
-      if (targetRowFirstCol) {
-        setFirstColRowSpanIndex(bodyRows.indexOf(targetRowFirstCol));
-      }
-      if (targetRowLastCol) {
-        setLastColRowSpanIndex(bodyRows.indexOf(targetRowLastCol));
-      }
-    }
-  }, [footer, children, height, minHeight]);
-  const findParentIndexOfFocusedChild = array => array.findIndex(el => {
-    const focusableRowElements = el.querySelectorAll("button, input, a, [tabindex]");
-
-    /* istanbul ignore else */
-    if (focusableRowElements) {
-      const focusableRowElementsArray = Array.from(focusableRowElements);
-      if (focusableRowElementsArray.find(el2 => el2 === document.activeElement)) {
-        return true;
-      }
-    }
-    return false;
-  });
-  const handleKeyDown = ev => {
-    const focusableElements = tableRef.current?.querySelectorAll(FOCUSABLE_ROW_AND_CELL_QUERY);
-    const focusableElementsArray = Array.from(focusableElements || /* istanbul ignore next */[]);
-
-    /* istanbul ignore if */
-    if (!focusableElementsArray.length) {
-      return;
-    }
-    const currentFocusIndex = focusableElementsArray.findIndex(el => el === document.activeElement);
-    if (hasOpenDatePicker && (hasStickyHead || hasStickyFooter)) {
-      if (_events.default.isPageUpKey(ev) || _events.default.isPageDownKey(ev) || _events.default.isHomeKey(ev) || _events.default.isEndKey(ev)) {
-        ev.preventDefault();
-      }
-      return;
-    }
-    if (_events.default.isDownKey(ev)) {
-      ev.preventDefault();
-      if (currentFocusIndex !== -1 && currentFocusIndex < focusableElementsArray.length) {
-        focusableElementsArray[currentFocusIndex + 1]?.focus();
-      } else {
-        // it may be that an element within the row currently has focus
-        const index = findParentIndexOfFocusedChild(focusableElementsArray);
-
-        /* istanbul ignore else */
-        if (index !== -1 && index < focusableElementsArray.length) {
-          focusableElementsArray[index + 1]?.focus();
-        }
-      }
-    } else if (_events.default.isUpKey(ev)) {
-      ev.preventDefault();
-      if (currentFocusIndex > 0) {
-        focusableElementsArray[currentFocusIndex - 1]?.focus();
-      } else {
-        // it may be that an element within the row currently has focus
-        const index = findParentIndexOfFocusedChild(focusableElementsArray);
-        if (index > 0) {
-          focusableElementsArray[index - 1]?.focus();
-        }
-      }
-    }
-  };
-  const getTabStopElementId = () => {
-    const focusableElements = Array.from(tableRef.current?.querySelectorAll(FOCUSABLE_ROW_AND_CELL_QUERY) || /* istanbul ignore next */[]);
-
-    // if no other row is selected/ highlighted, we need to make the first row/ cell a tab stop
-    const focusableElement = focusableElements.find(el => el.getAttribute("data-selected") === "true" || el.getAttribute("data-highlighted") === "true") || focusableElements[0];
-    const currentlySelectedId = focusableElement?.getAttribute("id") || "";
-    return currentlySelectedId;
-  };
-  return /*#__PURE__*/_react.default.createElement(_flatTable.StyledFlatTableWrapper, _extends({
-    ref: wrapperRef,
-    "data-role": "flat-table-wrapper",
-    isInSidebar: isInSidebar,
-    hasStickyHead: hasStickyHead,
-    colorTheme: colorTheme,
-    minHeight: minHeight,
-    overflowY: hasStickyHead || hasStickyFooter ? "auto" : undefined,
-    height: addDefaultHeight && !hasMaxHeight ? "99%" : height,
-    maxHeight: hasMaxHeight ? "100%" : undefined,
-    hasOuterVerticalBorders: hasOuterVerticalBorders,
-    bottomBorderRadius: bottomBorderRadius,
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: hasStickyFooter || height ? "space-between" : undefined,
-    role: "region",
-    overflowX: width ? "hidden" : undefined,
-    width: width,
-    hasStickyFooter: hasStickyFooter,
-    hasVerticalScrollbar: hasVerticalScrollbar,
-    hasHorizontalScrollbar: hasHorizontalScrollbar,
-    footer: !!footer,
-    firstColRowSpanIndex: firstColRowSpanIndex,
-    lastColRowSpanIndex: lastColRowSpanIndex,
-    onKeyDown: handleKeyDown,
-    isFocused: focused
-  }, rest, {
-    "data-component": "flat-table-wrapper",
-    title: title
-  }), /*#__PURE__*/_react.default.createElement(_flatTable.StyledTableContainer, {
-    ref: container,
-    onFocus: () => {
-      if (container.current === document.activeElement) {
-        setFocused(true);
-      }
-    },
-    onBlur: () => setFocused(false),
-    tabIndex: 0,
-    overflowX: overflowX,
-    width: width,
-    "data-role": "flat-table-container"
-  }, /*#__PURE__*/_react.default.createElement(_flatTable.StyledFlatTable, _extends({
-    ref: tableRef,
-    "data-component": "flat-table"
-  }, tableStylingProps), caption ? /*#__PURE__*/_react.default.createElement("caption", null, caption) : null, /*#__PURE__*/_react.default.createElement(_strictFlatTable.StrictFlatTableProvider, {
-    value: {
-      colorTheme,
-      size,
-      getTabStopElementId
-    }
-  }, /*#__PURE__*/_react.default.createElement(_flatTable2.default.Provider, {
-    value: {
-      isInFlatTable: true,
-      setHasOpenDatePicker
-    }
-  }, children)))), footer && /*#__PURE__*/_react.default.createElement(_flatTable.StyledFlatTableFooter, {
-    hasStickyFooter: hasStickyFooter,
-    "data-role": "flat-table-footer"
-  }, footer));
-};
-exports.FlatTable = FlatTable;
-FlatTable.displayName = "FlatTable";
-var _default = exports.default = FlatTable;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./flat-table.style.js"),o=require("../drawer/__internal__/drawer-sidebar.context.js"),n=require("../../__internal__/utils/helpers/events/events.js"),l=require("./__internal__/strict-flat-table.context.js"),i=require("./__internal__/flat-table.context.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){a(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u="tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]",d=a=>{var{caption:d,children:f,hasStickyHead:b,colorTheme:y="dark",footer:h,hasStickyFooter:p=!1,height:v,isZebra:m,size:g="medium",hasMaxHeight:O=!1,hasOuterVerticalBorders:S=!0,bottomBorderRadius:j="borderRadius100",ariaDescribedby:x,minHeight:w,overflowX:P,width:_,title:A}=a,D=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(a,["caption","children","hasStickyHead","colorTheme","footer","hasStickyFooter","height","isZebra","size","hasMaxHeight","hasOuterVerticalBorders","bottomBorderRadius","ariaDescribedby","minHeight","overflowX","width","title"]);const F=t.useRef(null),q=t.useRef(null),H=t.useRef(null),[T,k]=t.useState(!1),[I,R]=t.useState(!1),[E,B]=t.useState(-1),[K,C]=t.useState(-1),[z,V]=t.useState(!1),X=!v&&(b||p),M={caption:d,isZebra:m,size:g,"aria-describedby":x},{isInSidebar:Z}=t.useContext(o.default),[N,U]=t.useState(!1);t.useLayoutEffect((()=>{const e=(e,t)=>e.find(((e,r)=>{const o=Array.from(e.querySelectorAll("td, th")),n=t?o.shift():o.pop(),l=null==n?void 0:n.getAttribute("rowspan");return l&&Number(l)>=r+1}));if(F.current&&q.current){var t;const{offsetHeight:r,offsetWidth:o}=F.current,{top:n,bottom:l,right:i,left:a}=null===(t=q.current)||void 0===t?void 0:t.getBoundingClientRect();k(l-n>r),R(i-a>o);const s=q.current.querySelector("tbody"),c=s?Array.from(null==s?void 0:s.querySelectorAll("tr")):[],{length:u}=c,d=e(c.slice(0,u-1).reverse(),!0),f=e(c.slice(0,u-1).reverse());d&&B(c.indexOf(d)),f&&C(c.indexOf(f))}}),[h,f,v,w]);const W=e=>e.findIndex((e=>{const t=e.querySelectorAll("button, input, a, [tabindex]");return!(!t||!Array.from(t).find((e=>e===document.activeElement)))}));return e.jsxs(r.StyledFlatTableWrapper,c(s({ref:F,"data-role":"flat-table-wrapper",isInSidebar:Z,hasStickyHead:b,colorTheme:y,minHeight:w,overflowY:b||p?"auto":void 0,height:X&&!O?"99%":v,maxHeight:O?"100%":void 0,hasOuterVerticalBorders:S,bottomBorderRadius:j,display:"flex",flexDirection:"column",justifyContent:p||v?"space-between":void 0,role:"region",overflowX:_?"hidden":void 0,width:_,hasStickyFooter:p,hasVerticalScrollbar:T,hasHorizontalScrollbar:I,footer:!!h,firstColRowSpanIndex:E,lastColRowSpanIndex:K,onKeyDown:e=>{var t;const r=null===(t=q.current)||void 0===t?void 0:t.querySelectorAll(u),o=Array.from(r||[]);if(!o.length)return;const l=o.findIndex((e=>e===document.activeElement));if(N&&(b||p))(n.default.isPageUpKey(e)||n.default.isPageDownKey(e)||n.default.isHomeKey(e)||n.default.isEndKey(e))&&e.preventDefault();else if(n.default.isDownKey(e))if(e.preventDefault(),-1!==l&&l<o.length){var i;null===(i=o[l+1])||void 0===i||i.focus()}else{const e=W(o);var a;-1!==e&&e<o.length&&(null===(a=o[e+1])||void 0===a||a.focus())}else if(n.default.isUpKey(e))if(e.preventDefault(),l>0){var s;null===(s=o[l-1])||void 0===s||s.focus()}else{const e=W(o);var c;e>0&&(null===(c=o[e-1])||void 0===c||c.focus())}},isFocused:z},D),{"data-component":"flat-table-wrapper",title:A,children:[e.jsx(r.StyledTableContainer,{ref:H,onFocus:()=>{H.current===document.activeElement&&V(!0)},onBlur:()=>V(!1),tabIndex:0,overflowX:P,width:_,"data-role":"flat-table-container",children:e.jsxs(r.StyledFlatTable,c(s({ref:q,"data-component":"flat-table"},M),{children:[d?e.jsx("caption",{children:d}):null,e.jsx(l.StrictFlatTableProvider,{value:{colorTheme:y,size:g,getTabStopElementId:()=>{var e;const t=Array.from((null===(e=q.current)||void 0===e?void 0:e.querySelectorAll(u))||[]),r=t.find((e=>"true"===e.getAttribute("data-selected")||"true"===e.getAttribute("data-highlighted")))||t[0];return(null==r?void 0:r.getAttribute("id"))||""}},children:e.jsx(i.default.Provider,{value:{isInFlatTable:!0,setHasOpenDatePicker:U},children:f})})]}))}),h&&e.jsx(r.StyledFlatTableFooter,{hasStickyFooter:p,"data-role":"flat-table-footer",children:h})]}))};d.displayName="FlatTable",exports.FlatTable=d,exports.default=d;

package/lib/components/flat-table/flat-table.config.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FLAT_TABLE_THEMES = exports.FLAT_TABLE_SIZES = void 0;
-const FLAT_TABLE_THEMES = exports.FLAT_TABLE_THEMES = ["light", "dark", "transparent-base", "transparent-white"];
-const FLAT_TABLE_SIZES = exports.FLAT_TABLE_SIZES = ["compact", "small", "medium", "large"];
+"use strict";exports.FLAT_TABLE_SIZES=["compact","small","medium","large"],exports.FLAT_TABLE_THEMES=["light","dark","transparent-base","transparent-white"];