carbon-react 119.9.3 → 119.10.1

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js

@@ -13,17 +13,16 @@ 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 StepSequenceItem = _ref => {
-  let {
-    hideIndicator = false,
-    indicator,
-    status = "incomplete",
-    hiddenCompleteLabel,
-    hiddenCurrentLabel,
-    children,
-    ariaLabel,
-    ...rest
-  } = _ref;
+const StepSequenceItem = ({
+  hideIndicator = false,
+  indicator,
+  status = "incomplete",
+  hiddenCompleteLabel,
+  hiddenCurrentLabel,
+  children,
+  ariaLabel,
+  ...rest
+}) => {
   const {
     orientation
   } = (0, _react.useContext)(_stepSequence.StepSequenceContext);

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js

@@ -17,11 +17,10 @@ const StyledStepSequenceItem = _styledComponents.default.li`
   list-style-type: none;
   color: var(--colorsUtilityYin055);
 
-  ${_ref => {
-  let {
-    orientation,
-    status
-  } = _ref;
+  ${({
+  orientation,
+  status
+}) => {
   const side = orientation === "vertical" ? "left" : "top";
   return (0, _styledComponents.css)`
       &::before {

package/lib/components/step-sequence/step-sequence.component.js

@@ -13,12 +13,11 @@ const StepSequenceContext = /*#__PURE__*/_react.default.createContext({
   orientation: "horizontal"
 });
 exports.StepSequenceContext = StepSequenceContext;
-const StepSequence = _ref => {
-  let {
-    children,
-    orientation = "horizontal",
-    ...props
-  } = _ref;
+const StepSequence = ({
+  children,
+  orientation = "horizontal",
+  ...props
+}) => {
   return /*#__PURE__*/_react.default.createElement(_stepSequence.default, _extends({
     "data-component": "step-sequence",
     orientation: orientation,

package/lib/components/step-sequence/step-sequence.style.js

@@ -14,15 +14,12 @@ const StyledStepSequence = _styledComponents.default.ol`
   margin: 0;
   font-weight: bold;
 
-  ${_ref => {
-  let {
-    orientation
-  } = _ref;
-  return orientation === "vertical" && (0, _styledComponents.css)`
+  ${({
+  orientation
+}) => orientation === "vertical" && (0, _styledComponents.css)`
       flex-direction: column;
       height: 100%;
-    `;
-}}
+    `}
 
   ${_styledSystem.space}
 `;

package/lib/components/switch/__internal__/switch-slider-panel.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 SwitchSliderPanel = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    isLoading,
-    size
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  isLoading,
+  size
+}) => (0, _styledComponents.css)`
     border: 0;
     color: var(--colorsActionMinorYang100);
     margin: auto;
@@ -67,8 +65,7 @@ const SwitchSliderPanel = _styledComponents.default.div`
         }
       }
     `}
-  `;
-}}
+  `}
 `;
 var _default = SwitchSliderPanel;
 exports.default = _default;

package/lib/components/switch/__internal__/switch-slider.component.js

@@ -12,17 +12,16 @@ var _switchSliderPanel = _interopRequireDefault(require("./switch-slider-panel.s
 var _validationIcon = _interopRequireDefault(require("../../../__internal__/validations/validation-icon.component"));
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const SwitchSlider = _ref => {
-  let {
-    checked,
-    disabled,
-    loading,
-    size,
-    error,
-    warning,
-    info,
-    useValidationIcon
-  } = _ref;
+const SwitchSlider = ({
+  checked,
+  disabled,
+  loading,
+  size,
+  error,
+  warning,
+  info,
+  useValidationIcon
+}) => {
   const l = (0, _useLocale.default)();
   const panelContent = checked ? l.switch.on() : l.switch.off();
   const switchSliderStyleProps = {

package/lib/components/switch/__internal__/switch-slider.style.js

@@ -12,17 +12,15 @@ 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 StyledSwitchSlider = _styledComponents.default.span`
-  ${_ref => {
-  let {
-    checked,
-    isLoading,
-    disabled,
-    size,
-    error,
-    warning,
-    theme
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  checked,
+  isLoading,
+  disabled,
+  size,
+  error,
+  warning,
+  theme
+}) => (0, _styledComponents.css)`
     display: flex;
     font-size: 12px;
     font-weight: bold;
@@ -119,8 +117,7 @@ const StyledSwitchSlider = _styledComponents.default.span`
       right: -30px;
       height: 100%;
     }
-  `;
-}}
+  `}
 `;
 StyledSwitchSlider.defaultProps = {
   theme: _base.default

package/lib/components/switch/switch.component.js

@@ -22,39 +22,38 @@ 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; }
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
-const Switch = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    autoFocus,
-    id,
-    label,
-    onChange,
-    onBlur,
-    onFocus,
-    value,
-    checked,
-    defaultChecked,
-    disabled,
-    loading,
-    reverse = true,
-    validationOnLabel = false,
-    labelInline = false,
-    labelSpacing,
-    labelHelp,
-    fieldHelpInline,
-    size,
-    name,
-    adaptiveLabelBreakpoint,
-    tooltipPosition,
-    error,
-    warning,
-    info,
-    "data-component": dataComponent = "switch",
-    "data-element": dataElement,
-    "data-role": dataRole,
-    helpAriaLabel,
-    inputRef,
-    ...rest
-  } = _ref;
+const Switch = /*#__PURE__*/_react.default.forwardRef(({
+  autoFocus,
+  id,
+  label,
+  onChange,
+  onBlur,
+  onFocus,
+  value,
+  checked,
+  defaultChecked,
+  disabled,
+  loading,
+  reverse = true,
+  validationOnLabel = false,
+  labelInline = false,
+  labelSpacing,
+  labelHelp,
+  fieldHelpInline,
+  size,
+  name,
+  adaptiveLabelBreakpoint,
+  tooltipPosition,
+  error,
+  warning,
+  info,
+  "data-component": dataComponent = "switch",
+  "data-element": dataElement,
+  "data-role": dataRole,
+  helpAriaLabel,
+  inputRef,
+  ...rest
+}, ref) => {
   const isControlled = checked !== undefined;
   const {
     validationRedesignOptIn

package/lib/components/switch/switch.style.js

@@ -18,11 +18,9 @@ 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 ErrorBorder = _styledComponents.default.span`
-  ${_ref => {
-  let {
-    warning
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  warning
+}) => (0, _styledComponents.css)`
       position: absolute;
       z-index: 6;
       width: 2px;
@@ -30,8 +28,7 @@ const ErrorBorder = _styledComponents.default.span`
       left: -12px;
       bottom: -4px;
       top: 2px;
-    `;
-}}
+    `}
 `;
 exports.ErrorBorder = ErrorBorder;
 const StyledHintText = _styledComponents.default.div`
@@ -43,14 +40,12 @@ const StyledHintText = _styledComponents.default.div`
 `;
 exports.StyledHintText = StyledHintText;
 const StyledSwitch = _styledComponents.default.div`
-  ${_ref2 => {
-  let {
-    fieldHelpInline,
-    labelInline,
-    reverse,
-    size
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  fieldHelpInline,
+  labelInline,
+  reverse,
+  size
+}) => (0, _styledComponents.css)`
     ${_styledSystem.margin}
     ${_formField.FieldLineStyle} {
       display: flex;
@@ -185,8 +180,7 @@ const StyledSwitch = _styledComponents.default.div`
         `}
       `}
     `}
-  `;
-}}
+  `}
 `;
 StyledSwitch.defaultProps = {
   theme: _base.default

package/lib/components/tabs/__internal__/tab-title/tab-title.component.js

@@ -18,35 +18,34 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 TabTitleContext = /*#__PURE__*/_react.default.createContext({});
 exports.TabTitleContext = TabTitleContext;
-const TabTitle = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    isTabSelected,
-    dataTabId,
-    "data-role": dataRole,
-    title,
-    position,
-    error,
-    warning,
-    info,
-    size = "default",
-    onClick,
-    titlePosition = "before",
-    siblings,
-    errorMessage = "",
-    warningMessage = "",
-    infoMessage = "",
-    borders,
-    alternateStyling = false,
-    noLeftBorder = false,
-    noRightBorder = false,
-    customLayout,
-    isInSidebar,
-    href,
-    onKeyDown,
-    align,
-    tabIndex,
-    ...tabTitleProps
-  } = _ref;
+const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
+  isTabSelected,
+  dataTabId,
+  "data-role": dataRole,
+  title,
+  position,
+  error,
+  warning,
+  info,
+  size = "default",
+  onClick,
+  titlePosition = "before",
+  siblings,
+  errorMessage = "",
+  warningMessage = "",
+  infoMessage = "",
+  borders,
+  alternateStyling = false,
+  noLeftBorder = false,
+  noRightBorder = false,
+  customLayout,
+  isInSidebar,
+  href,
+  onKeyDown,
+  align,
+  tabIndex,
+  ...tabTitleProps
+}, ref) => {
   const isHref = !!href;
   const hasAlternateStyling = alternateStyling || isInSidebar;
   const hasFailedValidation = error || warning || info;

package/lib/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -16,24 +16,22 @@ const StyledTitleContent = _styledComponents.default.span`
   line-height: 20px;
   margin: 0;
 
-  ${_ref => {
-  let {
-    hasCustomLayout,
-    error,
-    warning,
-    info,
-    size,
-    isTabSelected,
-    hasSiblings,
-    borders = false,
-    position = "top",
-    noLeftBorder,
-    noRightBorder,
-    hasHref,
-    alternateStyling,
-    align
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  hasCustomLayout,
+  error,
+  warning,
+  info,
+  size,
+  isTabSelected,
+  hasSiblings,
+  borders = false,
+  position = "top",
+  noLeftBorder,
+  noRightBorder,
+  hasHref,
+  alternateStyling,
+  align
+}) => (0, _styledComponents.css)`
     text-align: ${align};
 
     ${position === "left" && (0, _styledComponents.css)`
@@ -224,8 +222,7 @@ const StyledTitleContent = _styledComponents.default.span`
         `}
       `}
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledTitleContent = StyledTitleContent;
 const tabTitleStyles = (0, _styledComponents.css)`
@@ -242,43 +239,35 @@ const tabTitleStyles = (0, _styledComponents.css)`
   text-decoration: none;
   outline-offset: 0px;
   margin: 0;
-  ${_ref2 => {
-  let {
-    position
-  } = _ref2;
-  return position === "top" && "white-space: nowrap";
-}};
-
-  ${_ref3 => {
-  let {
-    position
-  } = _ref3;
-  return (0, _styledComponents.css)`
+  ${({
+  position
+}) => position === "top" && "white-space: nowrap"};
+
+  ${({
+  position
+}) => (0, _styledComponents.css)`
     ${position === "left" && (0, _styledComponents.css)`
       border-top-right-radius: var(--borderRadius000);
     `}
-  `;
-}}
+  `}
 
   a:visited {
     color: inherit;
   }
 
-  ${_ref4 => {
-  let {
-    size,
-    position = "top",
-    borders = false,
-    noRightBorder,
-    noLeftBorder,
-    isTabSelected,
-    alternateStyling,
-    error,
-    warning,
-    info,
-    isInSidebar
-  } = _ref4;
-  return (0, _styledComponents.css)`
+  ${({
+  size,
+  position = "top",
+  borders = false,
+  noRightBorder,
+  noLeftBorder,
+  isTabSelected,
+  alternateStyling,
+  error,
+  warning,
+  info,
+  isInSidebar
+}) => (0, _styledComponents.css)`
     height: ${size === "large" ? "var(--sizing600)" : "var(--sizing500)"};
 
     ${position === "top" && (0, _styledComponents.css)`
@@ -414,8 +403,7 @@ const tabTitleStyles = (0, _styledComponents.css)`
         background-color: var(--colorsActionMinor200);
       `}
     `}
-  `;
-}}
+  `}
 `;
 const StyledTabTitleButton = _styledComponents.default.button`
   ${tabTitleStyles}
@@ -426,14 +414,12 @@ const StyledTabTitleLink = _styledComponents.default.a`
 `;
 exports.StyledTabTitleLink = StyledTabTitleLink;
 const StyledLayoutWrapper = _styledComponents.default.div`
-  ${_ref5 => {
-  let {
-    hasCustomLayout,
-    titlePosition = "before",
-    hasCustomSibling,
-    position
-  } = _ref5;
-  return (0, _styledComponents.css)`
+  ${({
+  hasCustomLayout,
+  titlePosition = "before",
+  hasCustomSibling,
+  position
+}) => (0, _styledComponents.css)`
     ${hasCustomLayout && (0, _styledComponents.css)`
       flex-grow: 2;
     `}
@@ -464,19 +450,16 @@ const StyledLayoutWrapper = _styledComponents.default.div`
         }
       }
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledLayoutWrapper = StyledLayoutWrapper;
 const StyledSelectedIndicator = _styledComponents.default.div`
   position: absolute;
   z-index: 1;
 
-  ${_ref6 => {
-  let {
-    position = "top"
-  } = _ref6;
-  return (0, _styledComponents.css)`
+  ${({
+  position = "top"
+}) => (0, _styledComponents.css)`
     ${position === "top" && (0, _styledComponents.css)`
       bottom: 0px;
       left: 0px;
@@ -494,7 +477,6 @@ const StyledSelectedIndicator = _styledComponents.default.div`
       height: 100%;
       width: var(--sizing025);
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledSelectedIndicator = StyledSelectedIndicator;

package/lib/components/tabs/__internal__/tabs-header/tabs-header.component.js

@@ -16,24 +16,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *  It is ultimately tied to the position of the scroll that will then fade the shadow in and out. */
 const fullOpacityThreshold = 128;
 const getOpacityRatio = value => value / fullOpacityThreshold;
-const getScrollRight = _ref => {
-  let {
-    scrollWidth,
-    clientWidth,
-    scrollLeft
-  } = _ref;
-  return scrollWidth - clientWidth - scrollLeft;
-};
-const TabsHeader = _ref2 => {
-  let {
-    align = "left",
-    children,
-    position = "top",
-    role,
-    extendedLine,
-    noRightBorder = false,
-    isInSidebar = false
-  } = _ref2;
+const getScrollRight = ({
+  scrollWidth,
+  clientWidth,
+  scrollLeft
+}) => scrollWidth - clientWidth - scrollLeft;
+const TabsHeader = ({
+  align = "left",
+  children,
+  position = "top",
+  role,
+  extendedLine,
+  noRightBorder = false,
+  isInSidebar = false
+}) => {
   const [leftScrollOpacity, setLeftScrollOpacity] = (0, _react.useState)(0);
   const [rightScrollOpacity, setRightScrollOpacity] = (0, _react.useState)(1);
   const ref = (0, _react.useRef)(null);