carbon-react 119.10.0 → 119.10.2

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

@@ -75,32 +75,31 @@ const verticalBorderColor = colorTheme => {
   }
 };
 const StyledFlatTableRow = _styledComponents.default.tr`
-  ${_ref => {
-  let {
-    bgColor,
-    horizontalBorderColor,
-    horizontalBorderSize,
-    stickyOffset,
-    isRowInteractive,
-    isFirstColumnInteractive,
-    lhsRowHeaderIndex,
-    rhsRowHeaderIndex,
-    totalChildren,
-    firstCellIndex,
-    colorTheme,
-    expandable,
-    selected,
-    highlighted,
-    isExpanded,
-    isInSidebar,
-    isSubRow,
-    isFirstSubRow,
-    size,
-    theme,
-    applyBorderLeft,
-    isDragging,
-    draggable
-  } = _ref;
+  ${({
+  bgColor,
+  horizontalBorderColor,
+  horizontalBorderSize,
+  stickyOffset,
+  isRowInteractive,
+  isFirstColumnInteractive,
+  lhsRowHeaderIndex,
+  rhsRowHeaderIndex,
+  totalChildren,
+  firstCellIndex,
+  colorTheme,
+  expandable,
+  selected,
+  highlighted,
+  isExpanded,
+  isInSidebar,
+  isSubRow,
+  isFirstSubRow,
+  size,
+  theme,
+  applyBorderLeft,
+  isDragging,
+  draggable
+}) => {
   const backgroundColor = bgColor ? (0, _color.toColor)(theme, bgColor) : undefined;
   const customBorderColor = horizontalBorderColor ? (0, _color.toColor)(theme, horizontalBorderColor) : undefined;
   const colorOfSelected = isInSidebar ? "var(--colorsUtilityMajor150)" : "var(--colorsUtilityMajor075)";

package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.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 FlatTableRowHeader = _ref => {
-  let {
-    align = "left",
-    children,
-    width,
-    py,
-    px,
-    expandable = false,
-    onClick,
-    onKeyDown,
-    leftPosition,
-    rightPosition,
-    truncate,
-    title,
-    stickyAlignment = "left",
-    colspan,
-    rowspan,
-    ...rest
-  } = _ref;
+const FlatTableRowHeader = ({
+  align = "left",
+  children,
+  width,
+  py,
+  px,
+  expandable = false,
+  onClick,
+  onKeyDown,
+  leftPosition,
+  rightPosition,
+  truncate,
+  title,
+  stickyAlignment = "left",
+  colspan,
+  rowspan,
+  ...rest
+}) => {
   const id = (0, _react.useRef)((0, _guid.default)());
   const [tabIndex, setTabIndex] = (0, _react.useState)(-1);
   const {

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

@@ -17,20 +17,18 @@ const verticalBorderSizes = {
   large: "4px"
 };
 const StyledFlatTableRowHeader = _styledComponents.default.th`
-  ${_ref => {
-  let {
-    align,
-    theme,
-    width,
-    leftPosition,
-    rightPosition,
-    truncate,
-    expandable,
-    verticalBorder,
-    verticalBorderColor,
-    stickyAlignment
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  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;
@@ -84,23 +82,19 @@ const StyledFlatTableRowHeader = _styledComponents.default.th`
     ${expandable && (0, _styledComponents.css)`
       white-space: nowrap;
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledFlatTableRowHeader = StyledFlatTableRowHeader;
 StyledFlatTableRowHeader.defaultProps = {
   theme: _base.default
 };
 const StyledFlatTableRowHeaderContent = _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.StyledFlatTableRowHeaderContent = StyledFlatTableRowHeaderContent;

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

@@ -18,24 +18,23 @@ const FlatTableThemeContext = /*#__PURE__*/_react.default.createContext({
 });
 exports.FlatTableThemeContext = FlatTableThemeContext;
 const FOCUSABLE_ROW_AND_CELL_QUERY = "tbody tr, tbody tr td, tbody tr th";
-const FlatTable = _ref => {
-  let {
-    caption,
-    children,
-    hasStickyHead,
-    colorTheme = "dark",
-    footer,
-    hasStickyFooter = false,
-    height,
-    isZebra,
-    size = "medium",
-    hasMaxHeight = false,
-    ariaDescribedby,
-    minHeight,
-    overflowX,
-    width,
-    ...rest
-  } = _ref;
+const FlatTable = ({
+  caption,
+  children,
+  hasStickyHead,
+  colorTheme = "dark",
+  footer,
+  hasStickyFooter = false,
+  height,
+  isZebra,
+  size = "medium",
+  hasMaxHeight = false,
+  ariaDescribedby,
+  minHeight,
+  overflowX,
+  width,
+  ...rest
+}) => {
   const wrapperRef = (0, _react.useRef)(null);
   const tableRef = (0, _react.useRef)(null);
   const [hasVerticalScrollbar, setHasVerticalScrollbar] = (0, _react.useState)(false);

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

@@ -22,17 +22,14 @@ const HEADER_OVERLAY_INCREMENT = 3;
 const STICKY_FOOTER_OVERLAY_INCREMENT = 1;
 const ROW_HEADER_OVERLAY_INCREMENT = 5;
 const StyledTableContainer = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    width,
-    overflowX
-  } = _ref;
-  return width && (0, _styledComponents.css)`
+  ${({
+  width,
+  overflowX
+}) => width && (0, _styledComponents.css)`
       width: ${width};
 
       ${overflowX && `overflow-x: ${overflowX};`}
-    `;
-}}
+    `}
 `;
 exports.StyledTableContainer = StyledTableContainer;
 const StyledFlatTable = _styledComponents.default.table`
@@ -46,11 +43,9 @@ const StyledFlatTable = _styledComponents.default.table`
     border-top-right-radius: var(--borderRadius100);
   }
 
-  ${_ref2 => {
-  let {
-    caption
-  } = _ref2;
-  return caption && (0, _styledComponents.css)`
+  ${({
+  caption
+}) => caption && (0, _styledComponents.css)`
       caption {
         clip: rect(1px, 1px, 1px, 1px);
         height: 1px;
@@ -59,13 +54,11 @@ const StyledFlatTable = _styledComponents.default.table`
         position: absolute;
         top: -99999px;
       }
-    `;
-}}
+    `}
 
-  ${_ref3 => {
-  let {
-    size
-  } = _ref3;
+  ${({
+  size
+}) => {
   const {
     height,
     fontSize,
@@ -87,11 +80,9 @@ const StyledFlatTable = _styledComponents.default.table`
     `;
 }}
 
-  ${_ref4 => {
-  let {
-    isZebra
-  } = _ref4;
-  return isZebra && (0, _styledComponents.css)`
+  ${({
+  isZebra
+}) => isZebra && (0, _styledComponents.css)`
       ${_flatTableRow.default}:nth-child(2n) {
         ${_flatTableRowHeader.StyledFlatTableRowHeader},
         ${_flatTableCell.StyledFlatTableCell},
@@ -106,29 +97,23 @@ const StyledFlatTable = _styledComponents.default.table`
           background-color: var(--colorsUtilityMajor025);
         }
       }
-    `;
-}}
+    `}
 `;
 exports.StyledFlatTable = StyledFlatTable;
 const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
   border-top-left-radius: var(--borderRadius100);
   border-top-right-radius: var(--borderRadius100);
-  ${_ref5 => {
-  let {
-    hasStickyFooter,
-    hasHorizontalScrollbar
-  } = _ref5;
-  return !hasStickyFooter && !hasHorizontalScrollbar && (0, _styledComponents.css)`
+  ${({
+  hasStickyFooter,
+  hasHorizontalScrollbar
+}) => !hasStickyFooter && !hasHorizontalScrollbar && (0, _styledComponents.css)`
       border-bottom-left-radius: var(--borderRadius100);
       border-bottom-right-radius: var(--borderRadius100);
-    `;
-}}
+    `}
 
-  ${_ref6 => {
-  let {
-    isInSidebar
-  } = _ref6;
-  return (0, _styledComponents.css)`
+  ${({
+  isInSidebar
+}) => (0, _styledComponents.css)`
       box-sizing: border-box;
 
       :focus {
@@ -144,13 +129,11 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
       }
 
       ${isInSidebar ? "min-width: fit-content" : `box-shadow: inset 0px 0px 0px 1px var(--colorsUtilityMajor100)`};
-    `;
-}}
+    `}
 
-  ${_ref7 => {
-  let {
-    colorTheme
-  } = _ref7;
+  ${({
+  colorTheme
+}) => {
   switch (colorTheme) {
     case "light":
       return (0, _styledComponents.css)`
@@ -219,11 +202,9 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
   }
 }}
 
-  ${_ref8 => {
-  let {
-    isInSidebar
-  } = _ref8;
-  return isInSidebar && (0, _styledComponents.css)`
+  ${({
+  isInSidebar
+}) => isInSidebar && (0, _styledComponents.css)`
       ${_flatTableHead.default} {
         background-color: var(--colorsUtilityMajor040);
       }
@@ -234,33 +215,26 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
         color: var(--colorsUtilityYin090);
         border-bottom-color: var(--colorsUtilityMajor100);
       }
-    `;
-}}
+    `}
 
-  ${_ref9 => {
-  let {
-    hasStickyHead,
-    theme
-  } = _ref9;
-  return hasStickyHead && (0, _styledComponents.css)`
+  ${({
+  hasStickyHead,
+  theme
+}) => hasStickyHead && (0, _styledComponents.css)`
       ${_flatTableHead.default} {
         position: sticky;
         top: 0;
         left: 0;
         z-index: ${theme.zIndex.overlay + ROW_HEADER_OVERLAY_INCREMENT};
       }
-    `;
-}}
+    `}
 
   ${_flatTableHead.default} ${_flatTableRowHeader.StyledFlatTableRowHeader},
   ${_flatTableHeader.default}.isSticky,
   ${_flatTableHead.default} ${_flatTableCheckbox.default}.isSticky {
-    z-index: ${_ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.zIndex.overlay + ROW_HEADER_OVERLAY_INCREMENT;
-}};
+    z-index: ${({
+  theme
+}) => theme.zIndex.overlay + ROW_HEADER_OVERLAY_INCREMENT};
   }
 
   thead ${_flatTableHeader.default}.isSticky, ${_flatTableCheckbox.default}.isSticky {
@@ -268,12 +242,9 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
   }
 
   ${_flatTableHeader.default}, ${_flatTableCheckbox.default} {
-    z-index: ${_ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return theme.zIndex.overlay + HEADER_OVERLAY_INCREMENT;
-}};
+    z-index: ${({
+  theme
+}) => theme.zIndex.overlay + HEADER_OVERLAY_INCREMENT};
   }
 
   thead {
@@ -281,16 +252,13 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
       th:first-of-type {
         border-top-left-radius: var(--borderRadius100);
       }
-      ${_ref12 => {
-  let {
-    hasVerticalScrollbar
-  } = _ref12;
-  return !hasVerticalScrollbar && (0, _styledComponents.css)`
+      ${({
+  hasVerticalScrollbar
+}) => !hasVerticalScrollbar && (0, _styledComponents.css)`
           th:last-of-type {
             border-top-right-radius: var(--borderRadius100);
           }
-        `;
-}}
+        `}
     }
   }
 
@@ -299,36 +267,28 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
     ${_flatTableCell.StyledFlatTableCell}.isSticky,
     tbody
     ${_flatTableCheckbox.default}.isSticky {
-    z-index: ${_ref13 => {
-  let {
-    theme
-  } = _ref13;
-  return theme.zIndex.overlay;
-}};
+    z-index: ${({
+  theme
+}) => theme.zIndex.overlay};
   }
 
-  ${_ref14 => {
-  let {
-    footer
-  } = _ref14;
-  return footer && (0, _styledComponents.css)`
+  ${({
+  footer
+}) => footer && (0, _styledComponents.css)`
     tr:last-child:focus {
       :after {
         border-bottom-left-radius: var(--borderRadius000);
         border-bottom-right-radius: var(--borderRadius000);
       }
-  `;
-}}
+  `}
 
-  ${_ref15 => {
-  let {
-    footer,
-    firstColRowSpanIndex,
-    lastColRowSpanIndex,
-    hasHorizontalScrollbar,
-    hasVerticalScrollbar
-  } = _ref15;
-  return !footer && (0, _styledComponents.css)`
+  ${({
+  footer,
+  firstColRowSpanIndex,
+  lastColRowSpanIndex,
+  hasHorizontalScrollbar,
+  hasVerticalScrollbar
+}) => !footer && (0, _styledComponents.css)`
       tbody {
         ${firstColRowSpanIndex >= 0 && (0, _styledComponents.css)`
           ${_flatTableRow.default}:nth-of-type(${firstColRowSpanIndex + 1}) {
@@ -363,20 +323,17 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
           `}
         }
       }
-    `;
-}}
+    `}
 `;
 exports.StyledFlatTableWrapper = StyledFlatTableWrapper;
 StyledFlatTableWrapper.defaultProps = {
   theme: _themes.baseTheme
 };
 const StyledFlatTableFooter = _styledComponents.default.div`
-  ${_ref16 => {
-  let {
-    hasStickyFooter,
-    theme
-  } = _ref16;
-  return hasStickyFooter && (0, _styledComponents.css)`
+  ${({
+  hasStickyFooter,
+  theme
+}) => hasStickyFooter && (0, _styledComponents.css)`
       position: sticky;
       bottom: 0px;
       z-index: ${theme.zIndex.overlay + STICKY_FOOTER_OVERLAY_INCREMENT};
@@ -385,8 +342,7 @@ const StyledFlatTableFooter = _styledComponents.default.div`
         border-bottom-left-radius: var(--borderRadius000);
         border-bottom-right-radius: var(--borderRadius000);
       }
-    `;
-}}
+    `}
 `;
 exports.StyledFlatTableFooter = StyledFlatTableFooter;
 StyledFlatTableFooter.defaultProps = {

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

@@ -13,12 +13,11 @@ var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 Sort = _ref => {
-  let {
-    children,
-    onClick,
-    sortType
-  } = _ref;
+const Sort = ({
+  children,
+  onClick,
+  sortType
+}) => {
   const id = (0, _react.useRef)((0, _guid.default)());
   const onKeyDown = e => {
     if (_events.default.isEnterOrSpaceKey(e)) {

package/lib/components/form/__internal__/form-summary.component.js

@@ -13,12 +13,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 Summary = _ref => {
-  let {
-    type,
-    errorCount = 0,
-    warningCount = 0
-  } = _ref;
+const Summary = ({
+  type,
+  errorCount = 0,
+  warningCount = 0
+}) => {
   const l = (0, _useLocale.default)();
   const messages = {
     errorCount,
@@ -36,11 +35,10 @@ const Summary = _ref => {
   return null;
 };
 exports.Summary = Summary;
-const FormSummary = _ref2 => {
-  let {
-    fullWidth,
-    ...props
-  } = _ref2;
+const FormSummary = ({
+  fullWidth,
+  ...props
+}) => {
   return /*#__PURE__*/_react.default.createElement(_formSummary.StyledFormSummary, {
     showSummary: !!(props.errorCount || props.warningCount),
     "data-element": "form-summary",

package/lib/components/form/__internal__/form-summary.style.js

@@ -19,26 +19,20 @@ const StyledFormSummary = _styledComponents.default.div`
   padding: 8px;
   white-space: nowrap;
 
-  ${_ref => {
-  let {
-    fullWidth
-  } = _ref;
-  return fullWidth && (0, _styledComponents.css)`
+  ${({
+  fullWidth
+}) => fullWidth && (0, _styledComponents.css)`
       display: flex;
       flex-wrap: wrap;
       width: 100%;
       justify-content: flex-start;
-    `;
-}}
+    `}
 
-  ${_ref2 => {
-  let {
-    showSummary
-  } = _ref2;
-  return showSummary && (0, _styledComponents.css)`
+  ${({
+  showSummary
+}) => showSummary && (0, _styledComponents.css)`
       background-color: var(--colorsUtilityMajor025);
-    `;
-}}
+    `}
   ${_button.default} {
     margin-right: 0;
   }
@@ -58,41 +52,29 @@ const StyledInternalSummary = _styledComponents.default.div`
   &:last-of-type {
     margin-right: 16px;
   }
-  ${_ref3 => {
-  let {
-    type
-  } = _ref3;
-  return type === "warning" && (0, _styledComponents.css)`
+  ${({
+  type
+}) => type === "warning" && (0, _styledComponents.css)`
       color: var(--colorsSemanticCaution650);
-    `;
-}}
-  ${_ref4 => {
-  let {
-    type
-  } = _ref4;
-  return type === "error" && (0, _styledComponents.css)`
+    `}
+  ${({
+  type
+}) => type === "error" && (0, _styledComponents.css)`
       color: var(--colorsSemanticNegative600);
-    `;
-}}
+    `}
 
   ${_icon.default} {
     margin-right: 4px;
-    ${_ref5 => {
-  let {
-    type
-  } = _ref5;
-  return type === "warning" && (0, _styledComponents.css)`
+    ${({
+  type
+}) => type === "warning" && (0, _styledComponents.css)`
         color: var(--colorsSemanticCaution650);
-      `;
-}}
-    ${_ref6 => {
-  let {
-    type
-  } = _ref6;
-  return type === "error" && (0, _styledComponents.css)`
+      `}
+    ${({
+  type
+}) => type === "error" && (0, _styledComponents.css)`
         color: var(--colorsSemanticNegative600);
-      `;
-}}
+      `}
   }
 `;
 exports.StyledInternalSummary = StyledInternalSummary;