carbon-react 119.9.3 → 119.10.1

package/lib/components/progress-tracker/progress-tracker.style.js

@@ -20,20 +20,18 @@ function getHeight(size) {
       return "var(--sizing100)";
   }
 }
-function getBackgroundColour(_ref) {
-  let {
-    progress,
-    error
-  } = _ref;
+function getBackgroundColour({
+  progress,
+  error
+}) {
   if (error) return "var(--colorsSemanticNegative500)";
   if (progress && progress >= 100) return "var(--colorsSemanticPositive500)";
   return "var(--colorsSemanticNeutral500)";
 }
-function getBorderColour(_ref2) {
-  let {
-    progress,
-    error
-  } = _ref2;
+function getBorderColour({
+  progress,
+  error
+}) {
   if (error) return "var(--colorsSemanticNegative500)";
   if (progress === 100) return "var(--colorsSemanticPositive500)";
   return "var(--colorsSemanticNeutral500)";
@@ -43,38 +41,32 @@ const StyledProgressTracker = _styledComponents.default.div`
   text-align: center;
   white-space: nowrap;
 
-  ${_ref3 => {
-  let {
-    length
-  } = _ref3;
-  return (0, _styledComponents.css)`
+  ${({
+  length
+}) => (0, _styledComponents.css)`
       width: ${length};
-    `;
-}};
+    `};
 `;
 exports.StyledProgressTracker = StyledProgressTracker;
 const StyledProgressBar = _styledComponents.default.span`
-  ${_ref4 => {
-  let {
-    size,
-    progress,
-    error,
-    theme
-  } = _ref4;
-  return (0, _styledComponents.css)`
+  ${({
+  size,
+  progress,
+  error,
+  theme
+}) => (0, _styledComponents.css)`
     display: flex;
     position: relative;
     background-color: var(--colorsSemanticNeutral200);
     border: 1px solid ${getBorderColour({
-    progress,
-    error
-  })};
+  progress,
+  error
+})};
     border-radius: ${theme.roundedCornersOptOut ? "25px" : "var(--borderRadius400)"};
     overflow-x: hidden;
     height: ${getHeight(size)};
     width: 100%;
-  `;
-}}
+  `}
 `;
 exports.StyledProgressBar = StyledProgressBar;
 const fontSizes = {
@@ -97,48 +89,36 @@ const StyledValuesLabel = _styledComponents.default.span`
   display: flex;
   justify-content: flex-start;
   gap: 4px;
-  font-size: ${_ref5 => {
-  let {
-    size
-  } = _ref5;
-  return size && fontSizes[size];
-}};
-  ${_ref6 => {
-  let {
-    labelsPosition
-  } = _ref6;
-  return labelsPosition === "bottom" && "margin-top: 8px";
-}};
-  ${_ref7 => {
-  let {
-    labelsPosition
-  } = _ref7;
-  return labelsPosition !== "bottom" && "margin-bottom: 8px";
-}};
+  font-size: ${({
+  size
+}) => size && fontSizes[size]};
+  ${({
+  labelsPosition
+}) => labelsPosition === "bottom" && "margin-top: 8px"};
+  ${({
+  labelsPosition
+}) => labelsPosition !== "bottom" && "margin-bottom: 8px"};
 `;
 exports.StyledValuesLabel = StyledValuesLabel;
 const InnerBar = _styledComponents.default.span`
-  ${_ref8 => {
-  let {
-    progress,
-    size = "medium",
-    length,
-    error,
-    theme
-  } = _ref8;
-  return (0, _styledComponents.css)`
+  ${({
+  progress,
+  size = "medium",
+  length,
+  error,
+  theme
+}) => (0, _styledComponents.css)`
     position: relative;
     left: 0;
     background-color: ${getBackgroundColour({
-    progress,
-    error
-  })};
+  progress,
+  error
+})};
     border-radius: ${theme.roundedCornersOptOut ? "25px" : "var(--borderRadius400)"};
     width: calc(${length} * ${progress && progress / 100});
     min-width: 2px;
     height: ${getHeight(size)};
-  `;
-}}
+  `}
 `;
 exports.InnerBar = InnerBar;
 InnerBar.defaultProps = {

package/lib/components/radio-button/radio-button-group.style.js

@@ -15,18 +15,15 @@ const StyledHintText = _styledComponents.default.div`
 `;
 exports.StyledHintText = StyledHintText;
 const RadioButtonGroupStyle = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    inline,
-    legendInline
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  inline,
+  legendInline
+}) => (0, _styledComponents.css)`
     display: flex;
     flex-direction: column;
     ${inline && "flex-direction: row;"}
     ${legendInline && "margin-top: 4px;"}
-  `;
-}};
+  `};
 `;
 var _default = RadioButtonGroupStyle;
 exports.default = _default;

package/lib/components/radio-button/radio-button.component.js

@@ -19,40 +19,39 @@ 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; }
 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); }
 let deprecateInputRefWarnTriggered = false;
-const RadioButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    autoFocus,
-    checked,
-    disabled,
-    fieldHelp,
-    fieldHelpInline,
-    id,
-    inline,
-    inputWidth,
-    label,
-    labelHelp,
-    labelAlign,
-    labelSpacing = 1,
-    labelWidth,
-    name,
-    onChange,
-    onBlur,
-    onFocus,
-    value,
-    reverse = false,
-    required,
-    size,
-    error,
-    warning,
-    info,
-    tooltipPosition,
-    "data-component": dataComponent = "radio-button",
-    "data-element": dataElement,
-    "data-role": dataRole,
-    helpAriaLabel,
-    inputRef,
-    ...props
-  } = _ref;
+const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
+  autoFocus,
+  checked,
+  disabled,
+  fieldHelp,
+  fieldHelpInline,
+  id,
+  inline,
+  inputWidth,
+  label,
+  labelHelp,
+  labelAlign,
+  labelSpacing = 1,
+  labelWidth,
+  name,
+  onChange,
+  onBlur,
+  onFocus,
+  value,
+  reverse = false,
+  required,
+  size,
+  error,
+  warning,
+  info,
+  tooltipPosition,
+  "data-component": dataComponent = "radio-button",
+  "data-element": dataElement,
+  "data-role": dataRole,
+  helpAriaLabel,
+  inputRef,
+  ...props
+}, ref) => {
   const {
     validationRedesignOptIn
   } = (0, _react.useContext)(_carbonProvider.NewValidationContext);

package/lib/components/radio-button/radio-button.style.js

@@ -18,15 +18,13 @@ 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 RadioButtonStyle = (0, _styledComponents.default)(_checkbox.default)`
-  ${_ref => {
-  let {
-    disabled,
-    fieldHelpInline,
-    reverse,
-    size,
-    inline
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  disabled,
+  fieldHelpInline,
+  reverse,
+  size,
+  inline
+}) => (0, _styledComponents.css)`
     margin-bottom: var(--spacing150);
 
     :last-of-type {
@@ -117,8 +115,7 @@ const RadioButtonStyle = (0, _styledComponents.default)(_checkbox.default)`
         margin-left: 32px;
       }
     `}
-  `;
-}}
+  `}
 
   ${_styledSystem.margin};
 `;

package/lib/components/search/search-button.style.js

@@ -37,12 +37,9 @@ const StyledSearchButton = _styledComponents.default.div`
     margin: 0px 0px;
     padding-bottom: 3px;
     :focus {
-      z-index: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.zIndex.smallOverlay;
-}};
+      z-index: ${({
+  theme
+}) => theme.zIndex.smallOverlay};
     }
   }
 `;

package/lib/components/search/search.component.js

@@ -21,33 +21,32 @@ 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); }
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
-const Search = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    defaultValue,
-    onChange,
-    onClick,
-    onFocus,
-    onBlur,
-    onKeyDown,
-    value,
-    id,
-    name,
-    threshold = 3,
-    searchWidth,
-    maxWidth,
-    searchButton,
-    searchButtonAriaLabel = "search button",
-    placeholder,
-    variant = "default",
-    "aria-label": ariaLabel = "search",
-    inputRef,
-    tabIndex,
-    error,
-    warning,
-    info,
-    tooltipPosition,
-    ...rest
-  } = _ref;
+const Search = /*#__PURE__*/_react.default.forwardRef(({
+  defaultValue,
+  onChange,
+  onClick,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  value,
+  id,
+  name,
+  threshold = 3,
+  searchWidth,
+  maxWidth,
+  searchButton,
+  searchButtonAriaLabel = "search button",
+  placeholder,
+  variant = "default",
+  "aria-label": ariaLabel = "search",
+  inputRef,
+  tabIndex,
+  error,
+  warning,
+  info,
+  tooltipPosition,
+  ...rest
+}, ref) => {
   const isControlled = value !== undefined;
   const initialValue = isControlled ? value : defaultValue;
   if (!deprecateInputRefWarnTriggered && inputRef) {

package/lib/components/search/search.style.js

@@ -16,17 +16,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; }
 const StyledSearch = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    isFocused,
-    searchWidth,
-    maxWidth,
-    searchIsActive,
-    searchHasValue,
-    showSearchButton,
-    theme,
-    variant
-  } = _ref;
+  ${({
+  isFocused,
+  searchWidth,
+  maxWidth,
+  searchIsActive,
+  searchHasValue,
+  showSearchButton,
+  theme,
+  variant
+}) => {
   const darkVariant = variant === "dark";
   const variantColor = darkVariant ? "var(--colorsUtilityMajor200)" : "var(--colorsUtilityMajor300)";
   const iconColor = darkVariant && (searchHasValue && isFocused || !searchHasValue && isFocused || !isFocused && searchHasValue && showSearchButton);

package/lib/components/select/__internal__/select-text/select-text.component.js

@@ -8,32 +8,25 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _selectText = _interopRequireDefault(require("./select-text.style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const SelectText = _ref => {
-  let {
-    disabled,
-    formattedValue = "",
-    onClick,
-    onKeyDown,
-    onMouseDown,
-    placeholder,
-    readOnly,
-    textId,
-    transparent,
-    size = "medium"
-  } = _ref;
+const SelectText = ({
+  disabled,
+  formattedValue = "",
+  onClick,
+  onMouseDown,
+  placeholder,
+  readOnly,
+  transparent,
+  size = "medium"
+}) => {
   const hasPlaceholder = !disabled && !readOnly && !formattedValue;
   return /*#__PURE__*/_react.default.createElement(_selectText.default, {
     "aria-hidden": true,
     "data-element": "select-text",
     disabled: disabled,
     hasPlaceholder: hasPlaceholder,
-    id: textId,
     onClick: onClick,
-    onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,
     readOnly: readOnly,
-    role: "button",
-    tabIndex: -1,
     transparent: transparent,
     size: size
   }, hasPlaceholder ? placeholder : formattedValue);

package/lib/components/select/__internal__/select-text/select-text.style.js

@@ -10,15 +10,13 @@ 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 StyledSelectText = _styledComponents.default.span`
-  ${_ref => {
-  let {
-    disabled,
-    hasPlaceholder,
-    readOnly,
-    transparent,
-    size
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  disabled,
+  hasPlaceholder,
+  readOnly,
+  transparent,
+  size
+}) => (0, _styledComponents.css)`
     align-items: center;
     display: inline-flex;
     flex-grow: 1;
@@ -55,8 +53,7 @@ const StyledSelectText = _styledComponents.default.span`
       color: var(--colorsUtilityYin065);
       text-shadow: none;
     `}
-  `;
-}}
+  `}
 `;
 var _default = StyledSelectText;
 exports.default = _default;

package/lib/components/select/filterable-select/filterable-select.component.js

@@ -26,46 +26,45 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
 const FilterableSelectList = (0, _withFilter.default)(_selectList.default);
-const FilterableSelect = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    value,
-    defaultValue,
-    id,
-    name,
-    label,
-    children,
-    onOpen: onOpenProp,
-    onChange,
-    onFilterChange: onFilterChangeProp,
-    onClick,
-    onKeyDown,
-    onFocus,
-    onBlur,
-    openOnFocus,
-    noResultsMessage,
-    disablePortal,
-    listActionButton,
-    listMaxHeight,
-    onListAction,
-    isLoading,
-    disabled,
-    readOnly,
-    onListScrollBottom,
-    tableHeader,
-    multiColumn,
-    "data-component": dataComponent = "filterable-select",
-    "data-element": dataElement,
-    "data-role": dataRole,
-    tooltipPosition,
-    listPlacement = "bottom",
-    flipEnabled = true,
-    inputRef,
-    enableVirtualScroll,
-    virtualScrollOverscan,
-    ...textboxProps
-  } = _ref;
+const FilterableSelect = /*#__PURE__*/_react.default.forwardRef(({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  value,
+  defaultValue,
+  id,
+  name,
+  label,
+  children,
+  onOpen: onOpenProp,
+  onChange,
+  onFilterChange: onFilterChangeProp,
+  onClick,
+  onKeyDown,
+  onFocus,
+  onBlur,
+  openOnFocus,
+  noResultsMessage,
+  disablePortal,
+  listActionButton,
+  listMaxHeight,
+  onListAction,
+  isLoading,
+  disabled,
+  readOnly,
+  onListScrollBottom,
+  tableHeader,
+  multiColumn,
+  "data-component": dataComponent = "filterable-select",
+  "data-element": dataElement,
+  "data-role": dataRole,
+  tooltipPosition,
+  listPlacement = "bottom",
+  flipEnabled = true,
+  inputRef,
+  enableVirtualScroll,
+  virtualScrollOverscan,
+  ...textboxProps
+}, ref) => {
   const [activeDescendantId, setActiveDescendantId] = (0, _react.useState)();
   const selectListId = (0, _react.useRef)((0, _guid.default)());
   const containerRef = (0, _react.useRef)(null);
@@ -149,8 +148,7 @@ const FilterableSelect = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       return match.props.value;
     });
   }, [children, triggerChange]);
-  const setMatchingText = (0, _react.useCallback)(function (newValue) {
-    let isClosing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const setMatchingText = (0, _react.useCallback)((newValue, isClosing = false) => {
     const matchingOption = _react.default.Children.toArray(children).find(child => /*#__PURE__*/_react.default.isValidElement(child) && (0, _isExpectedOption.default)(child, newValue));
     if (!matchingOption || matchingOption.props.text === undefined) {
       setTextValue(filterText || "");

package/lib/components/select/list-action-button/list-action-button.component.js

@@ -10,11 +10,10 @@ var _listActionButton = _interopRequireDefault(require("./list-action-button.sty
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
 var _button = _interopRequireDefault(require("../../button"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ListActionButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    listActionButton,
-    onListAction
-  } = _ref;
+const ListActionButton = /*#__PURE__*/_react.default.forwardRef(({
+  listActionButton,
+  onListAction
+}, ref) => {
   const l = (0, _useLocale.default)();
   function renderListActionButton() {
     if (!listActionButton || listActionButton === true) {