carbon-react 119.9.3 → 119.10.1

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;

package/lib/components/form/form.component.js

@@ -16,24 +16,23 @@ 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 Form = _ref => {
-  let {
-    children,
-    saveButton,
-    leftSideButtons,
-    rightSideButtons,
-    errorCount,
-    warningCount,
-    onSubmit,
-    buttonAlignment = "right",
-    stickyFooter,
-    fieldSpacing = 3,
-    noValidate = true,
-    height,
-    fullWidthButtons = false,
-    footerPadding = {},
-    ...rest
-  } = _ref;
+const Form = ({
+  children,
+  saveButton,
+  leftSideButtons,
+  rightSideButtons,
+  errorCount,
+  warningCount,
+  onSubmit,
+  buttonAlignment = "right",
+  stickyFooter,
+  fieldSpacing = 3,
+  noValidate = true,
+  height,
+  fullWidthButtons = false,
+  footerPadding = {},
+  ...rest
+}) => {
   const {
     isInSidebar
   } = (0, _react.useContext)(_sidebar.SidebarContext);