carbon-react 154.4.1 → 154.4.3

package/esm/components/flat-table/flat-table-body-draggable/index.js

@@ -1 +1 @@
-export { default } from "./flat-table-body-draggable.component";
+export{FlatTableBodyDraggable as default}from"./flat-table-body-draggable.component.js";

package/esm/components/flat-table/flat-table-cell/flat-table-cell.component.js

@@ -1,75 +1 @@
-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); }
-import React, { useRef } from "react";
-import { StyledFlatTableCell, StyledCellContent } from "./flat-table-cell.style";
-import Icon from "../../icon";
-import guid from "../../../__internal__/utils/helpers/guid";
-import useTableCell from "../__internal__/use-table-cell";
-export const FlatTableCell = ({
-  align = "left",
-  children,
-  pl,
-  width,
-  truncate = false,
-  title,
-  colspan,
-  rowspan,
-  id,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  ...rest
-}) => {
-  const internalId = useRef(id || guid());
-  const {
-    leftPosition,
-    rightPosition,
-    expandable,
-    onClick,
-    onKeyDown,
-    isFirstCell,
-    isExpandableCell,
-    makeCellSticky,
-    isInHighlightedRow,
-    isInSelectedRow,
-    tabIndex,
-    bringToFront
-  } = useTableCell(internalId.current);
-  const handleOnFocus = ev => {
-    bringToFront(ev, "TD");
-  };
-  return /*#__PURE__*/React.createElement(StyledFlatTableCell, _extends({
-    leftPosition: leftPosition,
-    rightPosition: rightPosition,
-    makeCellSticky: makeCellSticky,
-    className: makeCellSticky ? "isSticky" : undefined,
-    align: align,
-    "data-component": "flat-table-cell",
-    "data-element": dataElement || "flat-table-cell",
-    "data-role": dataRole,
-    pl: pl,
-    onClick: isExpandableCell ? onClick : undefined,
-    tabIndex: isExpandableCell ? tabIndex : undefined,
-    onKeyDown: isExpandableCell ? onKeyDown : undefined,
-    colWidth: width,
-    isTruncated: truncate,
-    expandable: expandable
-  }, colspan !== undefined && {
-    colSpan: Number(colspan)
-  }, rowspan !== undefined && {
-    rowSpan: Number(rowspan)
-  }, {
-    "data-selected": isInSelectedRow && isExpandableCell,
-    "data-highlighted": isInHighlightedRow && isExpandableCell
-  }, rest, {
-    id: internalId.current,
-    onFocus: handleOnFocus
-  }), /*#__PURE__*/React.createElement(StyledCellContent, {
-    title: truncate && !title && typeof children === "string" ? children : title,
-    expandable: expandable,
-    "data-role": "flat-table-cell-content"
-  }, expandable && isFirstCell && /*#__PURE__*/React.createElement(Icon, {
-    type: "chevron_down_thick",
-    mr: "8px"
-  }), children));
-};
-FlatTableCell.displayName = "FlatTableCell";
-export default FlatTableCell;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r}from"react";import{StyledFlatTableCell as n,StyledCellContent as o}from"./flat-table-cell.style.js";import l from"../../icon/icon.component.js";import i from"../../../__internal__/utils/helpers/guid/index.js";import a from"../__internal__/use-table-cell.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(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){c(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 d=c=>{var{align:d="left",children:b,pl:u,width:f,truncate:m=!1,title:y,colspan:O,rowspan:g,id:h,"data-element":j,"data-role":w}=c,P=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["align","children","pl","width","truncate","title","colspan","rowspan","id","data-element","data-role"]);const v=r(h||i()),{leftPosition:x,rightPosition:S,expandable:k,onClick:_,onKeyDown:C,isFirstCell:D,isExpandableCell:I,makeCellSticky:E,isInHighlightedRow:F,isInSelectedRow:N,tabIndex:T,bringToFront:K}=a(v.current);return e(n,s(p(s(p({leftPosition:x,rightPosition:S,makeCellSticky:E,className:E?"isSticky":void 0,align:d,"data-component":"flat-table-cell","data-element":j||"flat-table-cell","data-role":w,pl:u,onClick:I?_:void 0,tabIndex:I?T:void 0,onKeyDown:I?C:void 0,colWidth:f,isTruncated:m,expandable:k},void 0!==O&&{colSpan:Number(O)},void 0!==g&&{rowSpan:Number(g)}),{"data-selected":N&&I,"data-highlighted":F&&I}),P),{id:v.current,onFocus:e=>{K(e,"TD")},children:t(o,{title:m&&!y&&"string"==typeof b?b:y,expandable:k,"data-role":"flat-table-cell-content",children:[k&&D&&e(l,{type:"chevron_down_thick",mr:"8px"}),b]})}))};d.displayName="FlatTableCell";export{d as FlatTableCell,d as default};

package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js

@@ -1,103 +1 @@
-import styled, { css } from "styled-components";
-import { padding } from "styled-system";
-import baseTheme from "../../../style/themes/base";
-import { toColor } from "../../../style/utils/color";
-const verticalBorderSizes = {
-  small: "1px",
-  medium: "2px",
-  large: "4px"
-};
-const StyledFlatTableCell = styled.td`
-  ${({
-  align,
-  theme,
-  rowSpan,
-  leftPosition,
-  rightPosition,
-  makeCellSticky,
-  colWidth,
-  isTruncated,
-  expandable,
-  verticalBorder,
-  verticalBorderColor
-}) => css`
-    background-color: var(--colorsUtilityYang100);
-    border-width: 0;
-    border-bottom: 1px solid var(--colorsUtilityMajor100);
-    text-align: ${align};
-    vertical-align: middle;
-    padding: 0;
-
-    ${colWidth && css`
-      width: ${colWidth}px;
-    `}
-
-    &&&& {
-      > div {
-        box-sizing: border-box;
-
-        ${isTruncated && css`
-          text-overflow: ellipsis;
-          overflow: hidden;
-          white-space: nowrap;
-        `}
-
-        ${colWidth && css`
-          width: ${colWidth}px;
-        `}
- 
-        ${padding}
-      }
-
-      ${verticalBorder && css`
-        border-right: ${verticalBorderSizes[verticalBorder]} solid
-          var(--colorsUtilityMajor300);
-      `}
-
-      ${verticalBorderColor && css`
-        border-right-color: ${toColor(theme, verticalBorderColor)};
-      `}
-
-      [data-component="icon"]:not([color]) {
-        color: var(--colorsActionMinor500);
-      }
-    }
-
-    &:first-of-type {
-      border-left: 1px solid var(--colorsUtilityMajor100);
-    }
-
-    &:last-of-type {
-      border-right: 1px solid var(--colorsUtilityMajor100);
-    }
-
-    ${rowSpan && css`
-      &:first-of-type + & {
-        border-left: 1px solid var(--colorsUtilityMajor100);
-      }
-    `}
-
-    ${makeCellSticky && css`
-      ${leftPosition !== undefined && `left: ${leftPosition}px;`}
-      ${rightPosition !== undefined && `right: ${rightPosition}px;`}
-      position: sticky;
-    `}
-
-    ${expandable && css`
-      white-space: nowrap;
-    `}
-  `}
-`;
-const StyledCellContent = styled.div`
-  ${({
-  expandable
-}) => expandable && css`
-      display: flex;
-      align-items: center;
-      line-height: 1em;
-    `}
-`;
-StyledFlatTableCell.defaultProps = {
-  theme: baseTheme
-};
-export { StyledFlatTableCell, StyledCellContent };
+import o,{css as t}from"styled-components";import{padding as e}from"styled-system";import l from"../../../style/themes/base/index.js";import{toColor as i}from"../../../style/utils/color.js";const r={small:"1px",medium:"2px",large:"4px"},a=o.td.withConfig({displayName:"flat-table-cell.style__StyledFlatTableCell",componentId:"sc-740c4d15-0"})(["",""],(({align:o,theme:l,rowSpan:a,leftPosition:d,rightPosition:s,makeCellSticky:n,colWidth:p,isTruncated:c,expandable:m,verticalBorder:y,verticalBorderColor:f})=>t(["background-color:var(--colorsUtilityYang100);border-width:0;border-bottom:1px solid var(--colorsUtilityMajor100);text-align:",";vertical-align:middle;padding:0;"," &&&&{> div{box-sizing:border-box;"," "," ","}"," ",' [data-component="icon"]:not([color]){color:var(--colorsActionMinor500);}}&:first-of-type{border-left:1px solid var(--colorsUtilityMajor100);}&:last-of-type{border-right:1px solid var(--colorsUtilityMajor100);}'," "," ",""],o,p&&t(["width:","px;"],p),c&&t(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),p&&t(["width:","px;"],p),e,y&&t(["border-right:"," solid var(--colorsUtilityMajor300);"],r[y]),f&&t(["border-right-color:",";"],i(l,f)),a&&t(["&:first-of-type + &{border-left:1px solid var(--colorsUtilityMajor100);}"]),n&&t([""," "," position:sticky;"],void 0!==d&&`left: ${d}px;`,void 0!==s&&`right: ${s}px;`),m&&t(["white-space:nowrap;"])))),d=o.div.withConfig({displayName:"flat-table-cell.style__StyledCellContent",componentId:"sc-740c4d15-1"})(["",""],(({expandable:o})=>o&&t(["display:flex;align-items:center;line-height:1em;"])));a.defaultProps={theme:l};export{d as StyledCellContent,a as StyledFlatTableCell};

package/esm/components/flat-table/flat-table-cell/index.js

@@ -1 +1 @@
-export { default } from "./flat-table-cell.component";
+export{FlatTableCell as default}from"./flat-table-cell.component.js";

package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js

@@ -1,61 +1 @@
-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); }
-import React, { useContext, useRef } from "react";
-import StyledFlatTableCheckbox from "./flat-table-checkbox.style";
-import { Checkbox } from "../../checkbox";
-import Events from "../../../__internal__/utils/helpers/events/events";
-import tagComponent from "../../../__internal__/utils/helpers/tags";
-import guid from "../../../__internal__/utils/helpers/guid";
-import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row.context";
-export const FlatTableCheckbox = ({
-  as = "td",
-  checked,
-  onChange,
-  selectable = true,
-  onClick,
-  ariaLabelledBy,
-  id,
-  ...rest
-}) => {
-  const ref = useRef(null);
-  const internalId = useRef(id || guid());
-  const {
-    leftPositions,
-    rightPositions
-  } = useContext(FlatTableRowContext);
-  const leftPosition = leftPositions[internalId.current];
-  const rightPosition = rightPositions[internalId.current];
-  const makeCellSticky = leftPosition !== undefined || rightPosition !== undefined;
-  const dataElement = `flat-table-checkbox-${as === "td" ? "cell" : "header"}`;
-  const handleClick = event => {
-    event.stopPropagation();
-    onClick?.(event);
-  };
-  const handleKeyDown = event => {
-    if (!Events.isDownKey(event) && !Events.isUpKey(event)) {
-      event.stopPropagation();
-    }
-  };
-  return /*#__PURE__*/React.createElement(StyledFlatTableCheckbox, _extends({
-    ref: ref,
-    makeCellSticky: makeCellSticky,
-    className: makeCellSticky ? "isSticky" : undefined,
-    leftPosition: leftPosition,
-    rightPosition: rightPosition,
-    as: as
-  }, tagComponent("flat-table-checkbox", {
-    "data-element": dataElement,
-    ...rest
-  }), {
-    id: internalId.current
-  }), selectable && /*#__PURE__*/React.createElement(Checkbox, {
-    checked: checked,
-    onChange: onChange,
-    name: "flat-table-checkbox",
-    mb: 0,
-    ariaLabelledBy: ariaLabelledBy,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown
-  }));
-};
-FlatTableCheckbox.displayName = "FlatTableCheckbox";
-export default FlatTableCheckbox;
+import{jsx as e}from"react/jsx-runtime";import{useRef as t,useContext as r}from"react";import o from"./flat-table-checkbox.style.js";import"../../checkbox/checkbox-group/checkbox-group.component.js";import{Checkbox as n}from"../../checkbox/checkbox.component.js";import c from"../../../__internal__/utils/helpers/events/events.js";import l from"../../../__internal__/utils/helpers/tags/tags.js";import i from"../../../__internal__/utils/helpers/guid/index.js";import a from"../flat-table-row/__internal__/flat-table-row.context.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(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){s(e,t,r[t])}))}return e}const p=s=>{var{as:p="td",checked:f,onChange:u,selectable:m=!0,onClick:y,ariaLabelledBy:O,id:h}=s,d=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},c=Object.keys(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,["as","checked","onChange","selectable","onClick","ariaLabelledBy","id"]);const g=t(null),j=t(h||i()),{leftPositions:k,rightPositions:P}=r(a),x=k[j.current],_=P[j.current],v=void 0!==x||void 0!==_;return e(o,(w=b({ref:g,makeCellSticky:v,className:v?"isSticky":void 0,leftPosition:x,rightPosition:_,as:p},l("flat-table-checkbox",b({"data-element":"flat-table-checkbox-"+("td"===p?"cell":"header")},d))),C=null!=(C={id:j.current,children:m&&e(n,{checked:f,onChange:u,name:"flat-table-checkbox",mb:0,ariaLabelledBy:O,onClick:e=>{e.stopPropagation(),null==y||y(e)},onKeyDown:e=>{c.isDownKey(e)||c.isUpKey(e)||e.stopPropagation()}})})?C:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(C)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(C)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(C,e))})),w));var w,C};p.displayName="FlatTableCheckbox";export{p as FlatTableCheckbox,p as default};

package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js

@@ -1,58 +1 @@
-import styled, { css } from "styled-components";
-import StyledCheckbox from "../../checkbox/checkbox.style";
-const StyledFlatTableCheckbox = styled.td`
-  ${({
-  as,
-  leftPosition,
-  rightPosition,
-  makeCellSticky
-}) => css`
-    ${as === "td" && css`
-      background-color: var(--colorsUtilityYang100);
-      border-width: 0;
-      border-bottom: 1px solid var(--colorsUtilityMajor100);
-      overflow: visible;
-      padding: 0;
-      text-align: left;
-      text-overflow: ellipsis;
-      vertical-align: middle;
-      white-space: nowrap;
-
-      &:first-of-type {
-        border-left: 1px solid var(--colorsUtilityMajor100);
-      }
-
-      &:last-of-type {
-        border-right: 1px solid var(--colorsUtilityMajor100);
-      }
-    `}
-
-    ${as === "th" && css`
-      background-color: transparent;
-      border-width: 0;
-      border-bottom: 1px solid var(--colorsUtilityMajor100);
-      box-sizing: border-box;
-      font-weight: 500;
-      left: auto;
-      padding: 0;
-      text-align: left;
-      user-select: none;
-      vertical-align: middle;
-      white-space: nowrap;
-    `}
-
-    ${makeCellSticky && css`
-      top: auto;
-      ${leftPosition !== undefined && `left: ${leftPosition}px;`}
-      ${rightPosition !== undefined && `right: ${rightPosition}px;`}
-      position: sticky;
-    `}
-  `}
-
-  width: 18px;
-
-  ${StyledCheckbox} {
-    padding-top: 0px;
-  }
-`;
-export default StyledFlatTableCheckbox;
+import o,{css as t}from"styled-components";import i from"../../checkbox/checkbox.style.js";const e=o.td.withConfig({displayName:"flat-table-checkbox.style__StyledFlatTableCheckbox",componentId:"sc-68108a84-0"})([""," width:18px;","{padding-top:0px;}"],(({as:o,leftPosition:i,rightPosition:e,makeCellSticky:r})=>t([""," "," ",""],"td"===o&&t(["background-color:var(--colorsUtilityYang100);border-width:0;border-bottom:1px solid var(--colorsUtilityMajor100);overflow:visible;padding:0;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;&:first-of-type{border-left:1px solid var(--colorsUtilityMajor100);}&:last-of-type{border-right:1px solid var(--colorsUtilityMajor100);}"]),"th"===o&&t(["background-color:transparent;border-width:0;border-bottom:1px solid var(--colorsUtilityMajor100);box-sizing:border-box;font-weight:500;left:auto;padding:0;text-align:left;user-select:none;vertical-align:middle;white-space:nowrap;"]),r&&t(["top:auto;"," "," position:sticky;"],void 0!==i&&`left: ${i}px;`,void 0!==e&&`right: ${e}px;`))),i);export{e as default};

package/esm/components/flat-table/flat-table-checkbox/index.js

@@ -1 +1 @@
-export { default } from "./flat-table-checkbox.component";
+export{FlatTableCheckbox as default}from"./flat-table-checkbox.component.js";

package/esm/components/flat-table/flat-table-head/__internal__/flat-table-head.context.js

@@ -1,4 +1 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext({
-  stickyOffsets: {}
-});
+import t from"react";var e=t.createContext({stickyOffsets:{}});export{e as default};

package/esm/components/flat-table/flat-table-head/flat-table-head.component.js

@@ -1,31 +1 @@
-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); }
-import React, { useEffect, useState, useRef } from "react";
-import StyledFlatTableHead from "./flat-table-head.style";
-import { buildPositionMap } from "../__internal__";
-import FlatTableHeadContext from "./__internal__/flat-table-head.context";
-export const FlatTableHead = ({
-  children,
-  ...rest
-}) => {
-  const ref = useRef(null);
-  const [stickyOffsets, setStickyOffsets] = useState({});
-  useEffect(() => {
-    const headerRows = ref.current?.querySelectorAll("tr");
-
-    /* istanbul ignore else */
-    if (headerRows) {
-      setStickyOffsets(buildPositionMap(Array.from(headerRows), "offsetHeight"));
-    } else {
-      setStickyOffsets({});
-    }
-  }, [children]);
-  return /*#__PURE__*/React.createElement(StyledFlatTableHead, _extends({
-    ref: ref,
-    "data-component": "flat-table-head"
-  }, rest), /*#__PURE__*/React.createElement(FlatTableHeadContext.Provider, {
-    value: {
-      stickyOffsets
-    }
-  }, children));
-};
-export default FlatTableHead;
+import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as r,useEffect as n}from"react";import o from"./flat-table-head.style.js";import"../__internal__/strict-flat-table.context.js";import c from"../__internal__/build-position-map.js";import l from"./__internal__/flat-table-head.context.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const a=a=>{var{children:f}=a,u=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,["children"]);const p=t(null),[b,s]=r({});return n((()=>{var e;const t=null===(e=p.current)||void 0===e?void 0:e.querySelectorAll("tr");s(t?c(Array.from(t),"offsetHeight"):{})}),[f]),e(o,(O=function(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){i(e,t,r[t])}))}return e}({ref:p,"data-component":"flat-table-head"},u),y=null!=(y={children:e(l.Provider,{value:{stickyOffsets:b},children:f})})?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(y)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(y)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(y,e))})),O));var O,y};export{a as FlatTableHead,a as default};

package/esm/components/flat-table/flat-table-head/flat-table-head.style.js

@@ -1,19 +1 @@
-import styled from "styled-components";
-import baseTheme from "../../../style/themes/base";
-import { StyledFlatTableRowHeader } from "../flat-table-row-header/flat-table-row-header.style";
-import StyledFlatTableCheckbox from "../flat-table-checkbox/flat-table-checkbox.style";
-const StyledFlatTableHead = styled.thead`
-  &&& {
-    ${StyledFlatTableCheckbox} {
-      border-left: none;
-      border-right: none;
-    }
-    ${StyledFlatTableRowHeader}, ${StyledFlatTableCheckbox} {
-      font-weight: 500;
-    }
-  }
-`;
-StyledFlatTableHead.defaultProps = {
-  theme: baseTheme
-};
-export default StyledFlatTableHead;
+import e from"styled-components";import t from"../../../style/themes/base/index.js";import{StyledFlatTableRowHeader as o}from"../flat-table-row-header/flat-table-row-header.style.js";import a from"../flat-table-checkbox/flat-table-checkbox.style.js";const l=e.thead.withConfig({displayName:"flat-table-head.style__StyledFlatTableHead",componentId:"sc-da3d7b01-0"})(["&&&{","{border-left:none;border-right:none;}",",","{font-weight:500;}}"],a,o,a);l.defaultProps={theme:t};export{l as default};

package/esm/components/flat-table/flat-table-head/index.js

@@ -1 +1 @@
-export { default } from "./flat-table-head.component";
+export{FlatTableHead as default}from"./flat-table-head.component.js";

package/esm/components/flat-table/flat-table-header/flat-table-header-utils.d.ts

@@ -1,3 +1,3 @@
 import { FlatTableProps } from "..";
-declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsUtilityYang100)" | "var(--colorsActionMinor100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor550)";
+declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsUtilityYang100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor100)" | "var(--colorsActionMinor550)";
 export default getAlternativeBackgroundColor;

package/esm/components/flat-table/flat-table-header/flat-table-header-utils.js

@@ -1,15 +1 @@
-const getAlternativeBackgroundColor = colorTheme => {
-  switch (colorTheme) {
-    case "light":
-      return "var(--colorsActionMinor100)";
-    case "transparent-base":
-      return "var(--colorsUtilityMajor025)";
-    case "transparent-white":
-      return "var(--colorsUtilityYang100)";
-
-    // default theme is "dark"
-    default:
-      return "var(--colorsActionMinor550)";
-  }
-};
-export default getAlternativeBackgroundColor;
+const r=r=>{switch(r){case"light":return"var(--colorsActionMinor100)";case"transparent-base":return"var(--colorsUtilityMajor025)";case"transparent-white":return"var(--colorsUtilityYang100)";default:return"var(--colorsActionMinor550)"}};export{r as default};

package/esm/components/flat-table/flat-table-header/flat-table-header.component.js

@@ -1,56 +1 @@
-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); }
-import React, { useRef } from "react";
-import StyledFlatTableHeader from "./flat-table-header.style";
-import { useStrictFlatTableContext } from "../__internal__/strict-flat-table.context";
-import guid from "../../../__internal__/utils/helpers/guid";
-import useTableCell from "../__internal__/use-table-cell";
-export const FlatTableHeader = ({
-  align = "left",
-  children,
-  colspan,
-  rowspan,
-  width,
-  py,
-  px,
-  id,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  ...rest
-}) => {
-  const ref = useRef(null);
-  const internalId = useRef(id || guid());
-  const {
-    colorTheme
-  } = useStrictFlatTableContext();
-  const {
-    leftPosition,
-    rightPosition,
-    makeCellSticky
-  } = useTableCell(internalId.current);
-  return /*#__PURE__*/React.createElement(StyledFlatTableHeader, _extends({
-    ref: ref,
-    leftPosition: leftPosition,
-    rightPosition: rightPosition,
-    makeCellSticky: makeCellSticky,
-    className: makeCellSticky ? "isSticky" : undefined,
-    align: align,
-    colorTheme: colorTheme
-  }, colspan !== undefined && {
-    colSpan: Number(colspan)
-  }, rowspan !== undefined && {
-    rowSpan: Number(rowspan)
-  }, {
-    colWidth: width,
-    py: py,
-    px: px
-  }, rest, {
-    "data-component": "flat-table-header",
-    "data-element": dataElement || "flat-table-header",
-    "data-role": dataRole,
-    id: internalId.current
-  }), /*#__PURE__*/React.createElement("div", {
-    "data-role": "flat-table-header-content"
-  }, children));
-};
-FlatTableHeader.displayName = "FlatTableHeader";
-export default FlatTableHeader;
+import{jsx as e}from"react/jsx-runtime";import{useRef as t}from"react";import r from"./flat-table-header.style.js";import{useStrictFlatTableContext as n}from"../__internal__/strict-flat-table.context.js";import o from"../../../__internal__/utils/helpers/guid/index.js";import l from"../__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 i(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 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 p=a=>{var{align:p="left",children:f,colspan:s,rowspan:u,width:b,py:d,px:m,id:y,"data-element":O,"data-role":j}=a,h=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,["align","children","colspan","rowspan","width","py","px","id","data-element","data-role"]);const g=t(null),P=t(y||o()),{colorTheme:w}=n(),{leftPosition:v,rightPosition:_,makeCellSticky:S}=l(P.current);return e(r,c(i(c(i({ref:g,leftPosition:v,rightPosition:_,makeCellSticky:S,className:S?"isSticky":void 0,align:p,colorTheme:w},void 0!==s&&{colSpan:Number(s)},void 0!==u&&{rowSpan:Number(u)}),{colWidth:b,py:d,px:m}),h),{"data-component":"flat-table-header","data-element":O||"flat-table-header","data-role":j,id:P.current,children:e("div",{"data-role":"flat-table-header-content",children:f})}))};p.displayName="FlatTableHeader";export{p as FlatTableHeader,p as default};

package/esm/components/flat-table/flat-table-header/flat-table-header.style.js

@@ -1,102 +1 @@
-import styled, { css } from "styled-components";
-import { padding } from "styled-system";
-import getAlternativeBackgroundColor from "./flat-table-header-utils";
-import baseTheme from "../../../style/themes/base";
-import { toColor } from "../../../style/utils/color";
-const verticalBorderSizes = {
-  small: "1px",
-  medium: "2px",
-  large: "4px"
-};
-const StyledFlatTableHeader = styled.th`
-  ${({
-  align,
-  alternativeBgColor,
-  colWidth,
-  leftPosition,
-  rightPosition,
-  makeCellSticky,
-  verticalBorder,
-  verticalBorderColor,
-  colorTheme,
-  theme
-}) => css`
-    background-color: transparent;
-    border-width: 0;
-    box-sizing: border-box;
-    font-weight: 500;
-    left: auto;
-    text-align: ${align};
-    user-select: none;
-    vertical-align: middle;
-    white-space: nowrap;
-    word-break: keep-all;
-    padding: 0;
-    ${colWidth && css`
-        width: ${colWidth}px;
-      `}
-
-    /* accommodate for no border in the header first cell */
-    &:first-child {
-      padding-left: 1px;
-    }
-
-    &&& {
-      > div {
-        box-sizing: border-box;
-        ${padding}
-
-        ${colWidth && css`
-            width: ${colWidth}px;
-          `}
-      }
-    }
-
-    ${alternativeBgColor && css`
-        &&& {
-          background-color: ${getAlternativeBackgroundColor(colorTheme)};
-        }
-        &&&:first-child {
-          border-left: unset;
-        }
-      `};
-
-    ${makeCellSticky && css`
-        ${leftPosition !== undefined && `left: ${leftPosition}px;`}
-        ${rightPosition !== undefined && `right: ${rightPosition}px;`}
-        position: sticky;
-       
-        &:first-child {
-          padding-right: 0.395em;
-
-          /* Applies specific styling for Firefox. Increased padding is required to ensure no gap is present between
-          the th elements. This includes FlatTableHeader and FlatTableRowHeader */
-          @-moz-document url-prefix() {
-            padding-right: 2px;
-          }
-
-          /* Styling for safari. Increased padding is required to ensure no gap is present between
-          the th elements. This includes FlatTableHeader and FlatTableRowHeader  */
-          @media not all and (min-resolution:.001dpcm) {
-            @supports (-webkit-appearance:none) and (stroke-color:transparent) {
-              padding-right: 0.9em;
-            }
-          }
-      `}
-
-    &&& {
-      ${verticalBorder && css`
-          border-right-width: ${verticalBorderSizes[verticalBorder]};
-        `}
-
-      ${verticalBorderColor && css`
-          border-right-color: ${toColor(theme, verticalBorderColor)};
-        `}
-      }
-    }
-  `}
-`;
-StyledFlatTableHeader.defaultProps = {
-  theme: baseTheme
-};
-export default StyledFlatTableHeader;
+import e,{css as t}from"styled-components";import{padding as o}from"styled-system";import r from"./flat-table-header-utils.js";import i from"../../../style/themes/base/index.js";import{toColor as l}from"../../../style/utils/color.js";const d={small:"1px",medium:"2px",large:"4px"},a=e.th.withConfig({displayName:"flat-table-header.style__StyledFlatTableHeader",componentId:"sc-1d5a7299-0"})(["",""],(({align:e,alternativeBgColor:i,colWidth:a,leftPosition:n,rightPosition:s,makeCellSticky:p,verticalBorder:m,verticalBorderColor:c,colorTheme:h,theme:g})=>t(["background-color:transparent;border-width:0;box-sizing:border-box;font-weight:500;left:auto;text-align:",";user-select:none;vertical-align:middle;white-space:nowrap;word-break:keep-all;padding:0;"," &:first-child{padding-left:1px;}&&&{> div{box-sizing:border-box;"," ","}}",";"," &&&{"," ","}}"],e,a&&t(["width:","px;"],a),o,a&&t(["width:","px;"],a),i&&t(["&&&{background-color:",";}&&&:first-child{border-left:unset;}"],r(h)),p&&t([""," "," position:sticky;&:first-child{padding-right:0.395em;@-moz-document url-prefix(){padding-right:2px;}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){padding-right:0.9em;}}"],void 0!==n&&`left: ${n}px;`,void 0!==s&&`right: ${s}px;`),m&&t(["border-right-width:",";"],d[m]),c&&t(["border-right-color:",";"],l(g,c)))));a.defaultProps={theme:i};export{a as default};

package/esm/components/flat-table/flat-table-header/index.js

@@ -1 +1 @@
-export { default } from "./flat-table-header.component";
+export{FlatTableHeader as default}from"./flat-table-header.component.js";