carbon-react 119.10.0 → 119.10.2

package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js

@@ -11,12 +11,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 StyledGroupWrapper = _styledComponents.default.li`
-  ${_ref => {
-  let {
-    highlighted,
-    type
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  highlighted,
+  type
+}) => (0, _styledComponents.css)`
     &:not(:first-of-type) {
       margin-top: 16px;
     }
@@ -25,8 +23,7 @@ const StyledGroupWrapper = _styledComponents.default.li`
       ${_picklistItem.StyledButton} {
         background: ${type === "add" ? "var(--colorsActionMajor600)" : "var(--colorsSemanticNegative600)"}
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledGroupWrapper = StyledGroupWrapper;
 const StyledPicklistGroupUl = _styledComponents.default.ul`
@@ -41,11 +38,9 @@ const StyledPicklistGroup = _styledComponents.default.li`
 `;
 exports.StyledPicklistGroup = StyledPicklistGroup;
 const StyledGroupButton = (0, _styledComponents.default)(_button.default)`
-  ${_ref2 => {
-  let {
-    iconType
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  iconType
+}) => (0, _styledComponents.css)`
     padding: 0;
     margin-right: 0;
     margin-left: auto;
@@ -58,7 +53,6 @@ const StyledGroupButton = (0, _styledComponents.default)(_button.default)`
         color: var(--colorsActionMajorYang100);
       }
       background: ${iconType === "add" ? "var(--colorsActionMajor600)" : "var(--colorsSemanticNegative600)"}
-  `;
-}}
+  `}
 `;
 exports.StyledGroupButton = StyledGroupButton;

package/lib/components/duelling-picklist/picklist-item/picklist-item.component.js

@@ -14,21 +14,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 PicklistItem = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    type,
-    onChange,
-    item,
-    locked,
-    tooltipMessage = "This item is locked and can not be moved",
-    index,
-    listIndex,
-    groupIndex,
-    isLastGroup,
-    isLastItem,
-    ...transitionGroupProps
-  } = _ref;
+const PicklistItem = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  type,
+  onChange,
+  item,
+  locked,
+  tooltipMessage = "This item is locked and can not be moved",
+  index,
+  listIndex,
+  groupIndex,
+  isLastGroup,
+  isLastItem,
+  ...transitionGroupProps
+}, ref) => {
   const {
     setElementToFocus
   } = (0, _react.useContext)(_duellingPicklist.default);

package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js

@@ -13,11 +13,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 StyledPicklistItem = _styledComponents.default.li`
   border-radius: var(--borderRadius100);
-  ${_ref => {
-  let {
-    locked
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  locked
+}) => (0, _styledComponents.css)`
     display: flex;
     align-items: center;
     width: 100%;
@@ -40,8 +38,7 @@ const StyledPicklistItem = _styledComponents.default.li`
     & + & {
       margin-top: 8px;
     }
-  `;
-}}
+  `}
 `;
 exports.StyledPicklistItem = StyledPicklistItem;
 const StyledButton = (0, _styledComponents.default)(_button.default)`
@@ -64,11 +61,9 @@ const StyledButton = (0, _styledComponents.default)(_button.default)`
     border-top-left-radius: var(--borderRadius000);
   }
 
-  ${_ref2 => {
-  let {
-    iconType
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  iconType
+}) => (0, _styledComponents.css)`
     padding: 0;
     margin-right: 0;
     margin-left: auto;
@@ -77,8 +72,7 @@ const StyledButton = (0, _styledComponents.default)(_button.default)`
 
     &:focus {
       background: ${iconType === "add" ? "var(--colorsActionMajor600)" : "var(--colorsSemanticNegative600)"};
-  `;
-}}
+  `}
 `;
 exports.StyledButton = StyledButton;
 const StyledLockIcon = (0, _styledComponents.default)(_icon.default)`

package/lib/components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js

@@ -8,14 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _duellingPicklist = require("../duelling-picklist.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const PicklistPlaceholder = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_duellingPicklist.StyledPicklistPlaceholder, {
-    "data-element": "picklist-placeholder"
-  }, text);
-};
+const PicklistPlaceholder = ({
+  text
+}) => /*#__PURE__*/_react.default.createElement(_duellingPicklist.StyledPicklistPlaceholder, {
+  "data-element": "picklist-placeholder"
+}, text);
 exports.PicklistPlaceholder = PicklistPlaceholder;
 var _default = PicklistPlaceholder;
 exports.default = _default;

package/lib/components/fieldset/fieldset.component.js

@@ -13,13 +13,12 @@ var _formSpacingProvider = _interopRequireDefault(require("../../__internal__/fo
 var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Fieldset = _ref => {
-  let {
-    children,
-    inline = false,
-    legend,
-    ...rest
-  } = _ref;
+const Fieldset = ({
+  children,
+  inline = false,
+  legend,
+  ...rest
+}) => {
   const getLegend = () => {
     if (!legend) return null;
     return /*#__PURE__*/_react.default.createElement(_fieldset.LegendContainerStyle, {

package/lib/components/fieldset/fieldset.style.js

@@ -33,15 +33,12 @@ FieldsetStyle.defaultProps = {
   theme: _base.default
 };
 const LegendContainerStyle = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    inline
-  } = _ref;
-  return inline && `
+  ${({
+  inline
+}) => inline && `
   margin-right: 32px;
   height: 34px !important;
-  `;
-}}
+  `}
   display: flex;
   align-items: center;
   margin-bottom: 32px;
@@ -59,11 +56,8 @@ const LegendContainerStyle = _styledComponents.default.div`
 `;
 exports.LegendContainerStyle = LegendContainerStyle;
 const FieldsetContentStyle = _styledComponents.default.div`
-  ${_ref2 => {
-  let {
-    inline
-  } = _ref2;
-  return inline && "display: flex;";
-}}
+  ${({
+  inline
+}) => inline && "display: flex;"}
 `;
 exports.FieldsetContentStyle = FieldsetContentStyle;

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

@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 FlatTableBody = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...rest
-  } = _ref;
+const FlatTableBody = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  ...rest
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement("tbody", _extends({
     ref: ref
   }, rest), children);

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

@@ -15,12 +15,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 DropTarget = _ref => {
-  let {
-    children,
-    getOrder,
-    ...rest
-  } = _ref;
+const DropTarget = ({
+  children,
+  getOrder,
+  ...rest
+}) => {
   const [isDragging, setIsDragging] = (0, _react.useState)(false);
   const [, drop] = (0, _reactDnd.useDrop)({
     accept: "flatTableRow",
@@ -38,12 +37,11 @@ const DropTarget = _ref => {
     isDragging: isDragging
   }, rest), children);
 };
-const FlatTableBodyDraggable = _ref2 => {
-  let {
-    children,
-    getOrder,
-    ...rest
-  } = _ref2;
+const FlatTableBodyDraggable = ({
+  children,
+  getOrder,
+  ...rest
+}) => {
   const [draggableItems, setDraggableItems] = (0, _react.useState)(_react.default.Children.toArray(children));
   const isFirstRender = (0, _react.useRef)(true);
   (0, _react.useEffect)(() => {

package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js

@@ -8,14 +8,11 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 StyledFlatTableBodyDraggable = _styledComponents.default.tbody`
-  ${_ref => {
-  let {
-    isDragging
-  } = _ref;
-  return isDragging && (0, _styledComponents.css)`
+  ${({
+  isDragging
+}) => isDragging && (0, _styledComponents.css)`
       cursor: grabbing;
-    `;
-}}
+    `}
 `;
 var _default = StyledFlatTableBodyDraggable;
 exports.default = _default;

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

@@ -14,25 +14,24 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 FlatTableCell = _ref => {
-  let {
-    align = "left",
-    children,
-    pl,
-    expandable = false,
-    onClick,
-    onKeyDown,
-    reportCellWidth,
-    cellIndex,
-    leftPosition,
-    rightPosition,
-    width,
-    truncate = false,
-    title,
-    colspan,
-    rowspan,
-    ...rest
-  } = _ref;
+const FlatTableCell = ({
+  align = "left",
+  children,
+  pl,
+  expandable = false,
+  onClick,
+  onKeyDown,
+  reportCellWidth,
+  cellIndex,
+  leftPosition,
+  rightPosition,
+  width,
+  truncate = false,
+  title,
+  colspan,
+  rowspan,
+  ...rest
+}) => {
   const ref = (0, _react.useRef)(null);
   const id = (0, _react.useRef)((0, _guid.default)());
   const [tabIndex, setTabIndex] = (0, _react.useState)(-1);

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

@@ -17,21 +17,19 @@ const verticalBorderSizes = {
   large: "4px"
 };
 const StyledFlatTableCell = _styledComponents.default.td`
-  ${_ref => {
-  let {
-    align,
-    theme,
-    rowSpan,
-    leftPosition,
-    rightPosition,
-    makeCellSticky,
-    colWidth,
-    isTruncated,
-    expandable,
-    verticalBorder,
-    verticalBorderColor
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  align,
+  theme,
+  rowSpan,
+  leftPosition,
+  rightPosition,
+  makeCellSticky,
+  colWidth,
+  isTruncated,
+  expandable,
+  verticalBorder,
+  verticalBorderColor
+}) => (0, _styledComponents.css)`
     background-color: var(--colorsUtilityYang100);
     border-width: 0;
     border-bottom: 1px solid var(--colorsUtilityMajor100);
@@ -93,21 +91,17 @@ const StyledFlatTableCell = _styledComponents.default.td`
     ${expandable && (0, _styledComponents.css)`
       white-space: nowrap;
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledFlatTableCell = StyledFlatTableCell;
 const StyledCellContent = _styledComponents.default.div`
-  ${_ref2 => {
-  let {
-    expandable
-  } = _ref2;
-  return expandable && (0, _styledComponents.css)`
+  ${({
+  expandable
+}) => expandable && (0, _styledComponents.css)`
       display: flex;
       align-items: center;
       line-height: 1em;
-    `;
-}}
+    `}
 `;
 exports.StyledCellContent = StyledCellContent;
 StyledFlatTableCell.defaultProps = {

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

@@ -13,20 +13,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 FlatTableCheckbox = _ref => {
-  let {
-    as = "td",
-    checked,
-    onChange,
-    selectable = true,
-    onClick,
-    leftPosition,
-    rightPosition,
-    cellIndex,
-    reportCellWidth,
-    ariaLabelledBy,
-    ...rest
-  } = _ref;
+const FlatTableCheckbox = ({
+  as = "td",
+  checked,
+  onChange,
+  selectable = true,
+  onClick,
+  leftPosition,
+  rightPosition,
+  cellIndex,
+  reportCellWidth,
+  ariaLabelledBy,
+  ...rest
+}) => {
   const ref = (0, _react.useRef)(null);
   (0, _react.useLayoutEffect)(() => {
     if (ref.current && reportCellWidth) {

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

@@ -10,14 +10,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 StyledFlatTableCheckbox = _styledComponents.default.td`
-  ${_ref => {
-  let {
-    as,
-    leftPosition,
-    rightPosition,
-    makeCellSticky
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  as,
+  leftPosition,
+  rightPosition,
+  makeCellSticky
+}) => (0, _styledComponents.css)`
     ${as === "td" && (0, _styledComponents.css)`
       background-color: var(--colorsUtilityYang100);
       border-width: 0;
@@ -58,8 +56,7 @@ const StyledFlatTableCheckbox = _styledComponents.default.td`
       ${rightPosition !== undefined && `right: ${rightPosition}px;`}
       position: sticky;
     `}
-  `;
-}}
+  `}
 
   width: 18px;
 

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

@@ -14,11 +14,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const getRefs = length => Array.from({
   length
 }, () => /*#__PURE__*/_react.default.createRef());
-const FlatTableHead = _ref => {
-  let {
-    children,
-    ...rest
-  } = _ref;
+const FlatTableHead = ({
+  children,
+  ...rest
+}) => {
   const [rowHeights, setRowHeights] = (0, _react.useState)([]);
   const refs = (0, _react.useRef)(getRefs(_react.default.Children.count(children)));
   let hasFlatTableRowHeader;

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

@@ -12,21 +12,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 FlatTableHeader = _ref => {
-  let {
-    align,
-    children,
-    colspan,
-    rowspan,
-    width,
-    py,
-    px,
-    reportCellWidth,
-    cellIndex,
-    leftPosition,
-    rightPosition,
-    ...rest
-  } = _ref;
+const FlatTableHeader = ({
+  align,
+  children,
+  colspan,
+  rowspan,
+  width,
+  py,
+  px,
+  reportCellWidth,
+  cellIndex,
+  leftPosition,
+  rightPosition,
+  ...rest
+}) => {
   const ref = (0, _react.useRef)(null);
   const {
     colorTheme

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

@@ -18,20 +18,18 @@ const verticalBorderSizes = {
   large: "4px"
 };
 const StyledFlatTableHeader = _styledComponents.default.th`
-  ${_ref => {
-  let {
-    align,
-    alternativeBgColor,
-    colWidth,
-    leftPosition,
-    rightPosition,
-    makeCellSticky,
-    verticalBorder,
-    verticalBorderColor,
-    colorTheme,
-    theme
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  align,
+  alternativeBgColor,
+  colWidth,
+  leftPosition,
+  rightPosition,
+  makeCellSticky,
+  verticalBorder,
+  verticalBorderColor,
+  colorTheme,
+  theme
+}) => (0, _styledComponents.css)`
     background-color: transparent;
     border-width: 0;
     box-sizing: border-box;
@@ -105,8 +103,7 @@ const StyledFlatTableHeader = _styledComponents.default.th`
         `}
       }
     }
-  `;
-}}
+  `}
 `;
 StyledFlatTableHeader.defaultProps = {
   theme: _base.default

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

@@ -8,13 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactDnd = require("react-dnd");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const FlatTableRowDraggable = _ref => {
-  let {
-    children,
-    id,
-    findItem,
-    moveItem
-  } = _ref;
+const FlatTableRowDraggable = ({
+  children,
+  id,
+  findItem,
+  moveItem
+}) => {
   const originalIndex = Number(findItem?.(id).index);
   const [{
     isDragging

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

@@ -19,29 +19,28 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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((_ref, ref) => {
-  let {
-    children,
-    onClick,
-    expandable,
-    expandableArea = "wholeRow",
-    expanded = false,
-    isSubRow,
-    isFirstSubRow,
-    stickyOffset,
-    highlighted,
-    selected,
-    subRows,
-    bgColor,
-    horizontalBorderColor,
-    horizontalBorderSize = "small",
-    applyBorderLeft,
-    id,
-    draggable,
-    findItem,
-    moveItem,
-    ...rest
-  } = _ref;
+const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  onClick,
+  expandable,
+  expandableArea = "wholeRow",
+  expanded = false,
+  isSubRow,
+  isFirstSubRow,
+  stickyOffset,
+  highlighted,
+  selected,
+  subRows,
+  bgColor,
+  horizontalBorderColor,
+  horizontalBorderSize = "small",
+  applyBorderLeft,
+  id,
+  draggable,
+  findItem,
+  moveItem,
+  ...rest
+}, ref) => {
   const internalId = (0, _react.useRef)(id ?? (0, _guid.default)());
   const [isExpanded, setIsExpanded] = (0, _react.useState)(expanded);
   let rowRef = (0, _react.useRef)(null);