carbon-react 111.12.3 → 111.12.4

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

@@ -4,16 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _flatTableHead = _interopRequireDefault(require("./flat-table-head.style"));
+
 var _flatTableRowHeader = _interopRequireDefault(require("../flat-table-row-header"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const getRefs = length => Array.from({
   length
 }, () => /*#__PURE__*/_react.default.createRef());
+
 const FlatTableHead = ({
   children,
   ...rest
@@ -24,26 +33,28 @@ const FlatTableHead = ({
   (0, _react.useEffect)(() => {
     if (_react.default.Children.count(children) > 1) {
       setRowHeights(refs.map(ref => ref.current.clientHeight));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, []);
+
   if (_react.default.Children.count(children) === 1) {
     return /*#__PURE__*/_react.default.createElement(_flatTableHead.default, rest, children);
   }
+
   return /*#__PURE__*/_react.default.createElement(_flatTableHead.default, rest, _react.default.Children.map(children, (child, index) => {
     /* Applies left border if preceding row has a FlatTableRowHeader and current one does not. 
        This is only needed when the preceding row has rowSpans applied, 
        as in any other use case the rows will all have FlatTableRowHeaders */
     const previousRowHasHeader = !!hasFlatTableRowHeader;
     hasFlatTableRowHeader = _react.default.Children.toArray(child.props.children).find(c => c.type === _flatTableRowHeader.default);
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      ...child.props,
+    return /*#__PURE__*/_react.default.cloneElement(child, { ...child.props,
       stickyOffset: rowHeights.slice(0, index).reduce((a, b) => a + b, 0),
       ref: refs[index],
       applyBorderLeft: previousRowHasHeader && !hasFlatTableRowHeader
     });
   }));
 };
+
 FlatTableHead.propTypes = {
   children: _propTypes.default.node.isRequired
 };

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

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _base = _interopRequireDefault(require("../../../style/themes/base"));
+
 var _flatTableRowHeader = require("../flat-table-row-header/flat-table-row-header.style");
+
 var _flatTableCheckbox = _interopRequireDefault(require("../flat-table-checkbox/flat-table-checkbox.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledFlatTableHead = _styledComponents.default.thead`
   &&& {
     ${_flatTableCheckbox.default} {

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

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _flatTableHead.default;
   }
 });
+
 var _flatTableHead = _interopRequireDefault(require("./flat-table-head.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 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)";
   }
 };
+
 var _default = getAlternativeBackgroundColor;
 exports.default = _default;

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

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _flatTableHeader = _interopRequireDefault(require("./flat-table-header.style"));
+
 var _utils = require("../../../style/utils");
+
 var _flatTable = require("../flat-table.component");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const paddingPropTypes = (0, _utils.filterStyledSystemPaddingProps)(_propTypes2.default.space);
+
 const FlatTableHeader = ({
   align,
   children,
@@ -54,44 +66,55 @@ const FlatTableHeader = ({
     px: px
   }, rest), /*#__PURE__*/_react.default.createElement("div", null, children));
 };
+
 FlatTableHeader.propTypes = {
   /** Styled system padding props */
   ...paddingPropTypes,
+
   /** Content alignment */
   align: _propTypes.default.oneOf(["center", "left", "right"]),
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
+
   /** Number of columns that a header cell should span */
   colspan: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
   /** Number of rows that a header cell should span */
   rowspan: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
   /** Column width, pass a number to set a fixed width in pixels */
   width: _propTypes.default.number,
+
   /**
    * @private
    * @ignore
    * Sets the left position when sticky column found
    */
   leftPosition: _propTypes.default.number,
+
   /**
    * @private
    * @ignore
    * Sets the right position when sticky column found
    */
   rightPosition: _propTypes.default.number,
+
   /**
    * @private
    * @ignore
    * Index of cell within row
    */
   cellIndex: _propTypes.default.number,
+
   /**
    * @private
    * @ignore
    * Callback to report the offsetWidth
    */
   reportCellWidth: _propTypes.default.func,
+
   /** If true sets alternative background color */
   alternativeBgColor: _propTypes.default.bool,
+
   /** Sets a custom vertical right border */
   verticalBorder: _propTypes.default.oneOf(["small", "medium", "large"])
 };

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

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _flatTableHeaderUtils = _interopRequireDefault(require("./flat-table-header-utils"));
+
 var _base = _interopRequireDefault(require("../../../style/themes/base"));
+
 var _color = require("../../../style/utils/color");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const verticalBorderSizes = {
   small: "1px",
   medium: "2px",

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

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _flatTableHeader.default;
   }
 });
+
 var _flatTableHeader = _interopRequireDefault(require("./flat-table-header.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/flat-table/flat-table-row/__internal__/flat-table-row-draggable.component.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactDnd = require("react-dnd");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const FlatTableRowDraggable = ({
   children,
   id,
@@ -32,6 +37,7 @@ const FlatTableRowDraggable = ({
         originalIndex: oIndex
       } = monitor.getItem();
       const didDrop = monitor.didDrop();
+
       if (!didDrop) {
         moveItem(droppedId, oIndex);
       }
@@ -40,6 +46,7 @@ const FlatTableRowDraggable = ({
   const [, drop] = (0, _reactDnd.useDrop)({
     accept: "flatTableRow",
     canDrop: () => false,
+
     hover({
       id: draggedId
     }) {
@@ -50,6 +57,7 @@ const FlatTableRowDraggable = ({
         moveItem(draggedId, overIndex);
       }
     }
+
   });
   return /*#__PURE__*/_react.default.cloneElement(children, {
     key: originalIndex,
@@ -58,15 +66,20 @@ const FlatTableRowDraggable = ({
     ref: node => drag(drop(node))
   });
 };
+
 FlatTableRowDraggable.propTypes = {
   /** Array of FlatTableHeader or FlatTableCell. FlatTableRowHeader could also be passed. */
   children: _propTypes.default.node.isRequired,
+
   /** ID for use in drag and drop functionality */
   id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
   /** function to find an item in the list of draggable items */
   findItem: _propTypes.default.func.isRequired,
+
   /** function to reposition an item in the list of draggable items */
   moveItem: _propTypes.default.func.isRequired,
+
   /** item is draggable */
   draggable: _propTypes.default.bool
 };

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

@@ -4,20 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _invariant = _interopRequireDefault(require("invariant"));
+
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
+
 var _flatTableRow = _interopRequireDefault(require("./flat-table-row.style"));
+
 var _drawer = require("../../drawer");
+
 var _flatTableCheckbox = _interopRequireDefault(require("../flat-table-checkbox"));
+
 var _flatTableRowHeader = _interopRequireDefault(require("../flat-table-row-header"));
+
 var _flatTableRowDraggable = _interopRequireDefault(require("./__internal__/flat-table-row-draggable.component"));
+
 var _flatTable = require("../flat-table.component");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
   children,
   onClick,
@@ -62,11 +77,13 @@ const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
   const reportCellWidth = (0, _react.useCallback)((width, index) => {
     const isLeftSticky = index < lhsRowHeaderIndex;
     const copiedArray = isLeftSticky ? leftStickyCellWidths : rightStickyCellWidths;
+
     if (copiedArray[index] !== undefined) {
       copiedArray[index] = width;
     } else {
       copiedArray.push(width);
     }
+
     if (isLeftSticky) {
       setLeftStickyCellWidths(copiedArray);
     } else {
@@ -75,23 +92,30 @@ const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
   }, [lhsRowHeaderIndex, leftStickyCellWidths, rightStickyCellWidths]);
   let interactiveRowProps = {};
   const firstCellIndex = childrenArray[0].type === _flatTableCheckbox.default ? 1 : 0;
+
   const toggleExpanded = () => setIsExpanded(!isExpanded);
+
   function onKeyDown(ev) {
     const isEnterOrSpaceKey = _events.default.isEnterKey(ev) || _events.default.isSpaceKey(ev);
+
     if (expandable && !firstColumnExpandable && document.activeElement === rowRef.current && isEnterOrSpaceKey) {
       ev.preventDefault();
       toggleExpanded();
     }
+
     if (isEnterOrSpaceKey && onClick) {
       onClick(ev);
     }
   }
+
   function handleClick(ev) {
     if (onClick) onClick(ev);
+
     if (expandable && !firstColumnExpandable) {
       toggleExpanded();
     }
   }
+
   if (onClick || expandable) {
     interactiveRowProps = {
       isRowInteractive: !firstColumnExpandable,
@@ -101,18 +125,22 @@ const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
       isExpanded
     };
   }
+
   function handleCellKeyDown(ev) {
     const isEnterOrSpaceKey = _events.default.isEnterKey(ev) || _events.default.isSpaceKey(ev);
+
     if (isEnterOrSpaceKey) {
       ev.preventDefault();
       toggleExpanded();
     }
   }
+
   const buildPositionArray = (setter, widthsArray, length) => {
     setter([0, ...Array.from({
       length
     }).map((_, index) => widthsArray.slice(0, index + 1).reduce((a, b) => a + b, 0), 0)]);
   };
+
   (0, _react.useLayoutEffect)(() => {
     if (leftStickyCellWidths.length && lhsRowHeaderIndex !== -1) {
       buildPositionArray(setLeftPositions, leftStickyCellWidths, lhsRowHeaderIndex);
@@ -126,6 +154,7 @@ const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
   (0, _react.useEffect)(() => {
     setIsExpanded(expanded);
   }, [expanded]);
+
   const rowComponent = isInSidebar => /*#__PURE__*/_react.default.createElement(_flatTableRow.default, _extends({
     isInSidebar: isInSidebar,
     expandable: expandable,
@@ -160,11 +189,13 @@ const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
       ...child.props
     });
   }));
+
   const draggableComponent = isInSidebar => /*#__PURE__*/_react.default.createElement(_flatTableRowDraggable.default, {
     id: id,
     moveItem: moveItem,
     findItem: findItem
   }, rowComponent(isInSidebar));
+
   return /*#__PURE__*/_react.default.createElement(_drawer.DrawerSidebarContext.Consumer, null, ({
     isInSidebar
   }) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, draggable ? draggableComponent(isInSidebar) : rowComponent(isInSidebar), isExpanded && subRows && _react.default.Children.map(subRows, (child, index) => child && /*#__PURE__*/_react.default.cloneElement(child, {
@@ -173,52 +204,71 @@ const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
     ...child.props
   }))));
 });
+
 FlatTableRow.propTypes = {
   /** Overrides default cell color, provide design token, any color from palette or any valid css color value. */
   bgColor: _propTypes.default.string,
+
   /** Array of FlatTableHeader or FlatTableCell. FlatTableRowHeader could also be passed. */
   children: _propTypes.default.node.isRequired,
+
   /** Function to handle click event. If provided the Component could be focused with tab key. */
   onClick: _propTypes.default.func,
+
   /** Allows developers to manually control highlighted state for the row. */
   highlighted: _propTypes.default.bool,
+
   /** Allows developers to manually control selected state for the row. */
   selected: _propTypes.default.bool,
+
   /** Allows the row to be expanded, must be used with the `subRows` prop. */
   expandable: _propTypes.default.bool,
+
   /** Sub rows to be shown when the row is expanded, must be used with the `expandable` prop. */
   subRows: _propTypes.default.arrayOf(_propTypes.default.node),
+
   /** Area to click to open sub rows when expandable. Default is `wholeRow` */
   expandableArea: _propTypes.default.oneOf(["wholeRow", "firstColumn"]),
+
   /** Sets an expandable row to be expanded on start */
   expanded: _propTypes.default.bool,
+
   /** Sets the color of the bottom border in the row, provide design token, any color from palette or any valid css color value. */
   horizontalBorderColor: _propTypes.default.string,
+
   /** Sets the weight of the bottom border in the row */
   horizontalBorderSize: _propTypes.default.oneOf(["small", "medium", "large"]),
+
   /** @ignore @private */
   isSubRow: _propTypes.default.bool,
+
   /** @ignore @private */
   isFirstSubRow: _propTypes.default.bool,
+
   /** @ignore @private position in header if multiple rows */
   stickyOffset: _propTypes.default.number,
+
   /** @ignore @private applies a border-left to the first child */
   applyBorderLeft: _propTypes.default.bool,
+
   /** ID for use in drag and drop functionality
    * @private
    * @ignore
    */
   id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
   /**
    * @private
    * @ignore
    */
   findItem: _propTypes.default.func,
+
   /**
    * @private
    * @ignore
    */
   moveItem: _propTypes.default.func,
+
   /** @ignore @private position in header if multiple rows */
   draggable: _propTypes.default.bool
 };

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

@@ -4,31 +4,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _themes = require("../../../style/themes");
+
 var _flatTableCell = require("../flat-table-cell/flat-table-cell.style");
+
 var _flatTableRowHeader = require("../flat-table-row-header/flat-table-row-header.style");
+
 var _flatTableCheckbox = _interopRequireDefault(require("../flat-table-checkbox/flat-table-checkbox.style"));
+
 var _flatTableHeader = _interopRequireDefault(require("../flat-table-header/flat-table-header.style"));
+
 var _icon = _interopRequireDefault(require("../../icon/icon.style"));
+
 var _color = require("../../../style/utils/color");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const horizontalBorderSizes = {
   medium: "2px",
   large: "4px"
 };
+
 const getLeftStickyStyling = index => index === 0 && (0, _styledComponents.css)`
     &:first-of-type::before {
       border-left: 3px solid var(--colorsSemanticFocus500);
     }
   `;
+
 const getRightStickyStyling = (index, totalChildren) => index === totalChildren - 1 && (0, _styledComponents.css)`
     &:last-of-type {
       border-right: 2px solid var(--colorsSemanticFocus500);
     }
   `;
+
 const stickyColumnFocusStyling = theme => {
   return `
       width: calc(100% + 1px);
@@ -48,32 +63,38 @@ const stickyColumnFocusStyling = theme => {
     }
   `;
 };
+
 const borderColor = colorTheme => {
   switch (colorTheme) {
     case "light":
       return "var(--colorsUtilityMajor100)";
+
     case "transparent-base":
       return "var(--colorsUtilityMajor025)";
+
     case "transparent-white":
       return "var(--colorsUtilityYang100)";
-
     // default theme is "dark"
+
     default:
       return "var(--colorsUtilityMajor400)";
   }
 };
+
 const verticalBorderColor = colorTheme => {
   switch (colorTheme) {
     case "transparent-base":
       return "var(--colorsUtilityMajor025)";
+
     case "transparent-white":
       return "var(--colorsUtilityYang100)";
-
     // default theme is "dark"
+
     default:
       return "var(--colorsUtilityMajor100)";
   }
 };
+
 const StyledFlatTableRow = _styledComponents.default.tr`
   ${({
   bgColor,

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

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _flatTableRow.default;
   }
 });
+
 var _flatTableRow = _interopRequireDefault(require("./flat-table-row.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _utils = require("../../../style/utils");
+
 var _icon = _interopRequireDefault(require("../../icon"));
+
 var _flatTableRowHeader = require("./flat-table-row-header.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const paddingPropTypes = (0, _utils.filterStyledSystemPaddingProps)(_propTypes2.default.space);
+
 const FlatTableRowHeader = ({
   align = "left",
   children,
@@ -60,44 +72,57 @@ const FlatTableRowHeader = ({
     mr: "8px"
   }), children));
 };
+
 FlatTableRowHeader.propTypes = {
   /** Styled system padding props */
   ...paddingPropTypes,
+
   /** Content alignment */
   align: _propTypes.default.oneOf(["center", "left", "right"]),
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
+
   /** Column width, pass a number to set a fixed width in pixels */
   width: _propTypes.default.number,
+
   /** Truncate cell content and add ellipsis to any text that overflows */
   truncate: _propTypes.default.bool,
+
   /** Title text to display if cell content truncates */
   title: _propTypes.default.string,
+
   /**
    * @private
    * @ignore
    */
   expandable: _propTypes.default.bool,
+
   /**
    * @private
    * @ignore
    */
   onClick: _propTypes.default.func,
+
   /**
    * @private
    * @ignore
    */
   onKeyDown: _propTypes.default.func,
+
   /** Sets a custom vertical right border */
   verticalBorder: _propTypes.default.oneOf(["small", "medium", "large"]),
+
   /** Sets a vertical right border color, provide design token, any color from palette or any valid css color value. */
   verticalBorderColor: _propTypes.default.string,
+
   /** Defines whether the column should be sticky on the left or right hand side of the Table */
   stickyAlignment: _propTypes.default.oneOf(["left", "right"]),
+
   /**
    * @private
    * @ignore
    */
   leftPosition: _propTypes.default.number,
+
   /**
    * @private
    * @ignore