carbon-react 119.9.3 → 119.10.1

package/lib/components/textarea/textarea.component.js

@@ -28,48 +28,47 @@ 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 Textarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    "aria-labelledby": ariaLabelledBy,
-    autoFocus,
-    inputHint,
-    fieldHelp,
-    label,
-    size,
-    children,
-    characterLimit,
-    enforceCharacterLimit = true,
-    onChange,
-    disabled = false,
-    labelInline,
-    labelAlign,
-    labelHelp,
-    labelSpacing,
-    inputIcon,
-    id: idProp,
-    error,
-    warning,
-    info,
-    name,
-    readOnly = false,
-    placeholder,
-    expandable = false,
-    rows,
-    cols,
-    validationOnLabel = false,
-    adaptiveLabelBreakpoint,
-    inputWidth,
-    maxWidth,
-    labelWidth = 30,
-    tooltipPosition,
-    value,
-    "data-component": dataComponent,
-    "data-element": dataElement,
-    "data-role": dataRole,
-    helpAriaLabel,
-    inputRef,
-    ...rest
-  } = _ref;
+const Textarea = /*#__PURE__*/_react.default.forwardRef(({
+  "aria-labelledby": ariaLabelledBy,
+  autoFocus,
+  inputHint,
+  fieldHelp,
+  label,
+  size,
+  children,
+  characterLimit,
+  enforceCharacterLimit = true,
+  onChange,
+  disabled = false,
+  labelInline,
+  labelAlign,
+  labelHelp,
+  labelSpacing,
+  inputIcon,
+  id: idProp,
+  error,
+  warning,
+  info,
+  name,
+  readOnly = false,
+  placeholder,
+  expandable = false,
+  rows,
+  cols,
+  validationOnLabel = false,
+  adaptiveLabelBreakpoint,
+  inputWidth,
+  maxWidth,
+  labelWidth = 30,
+  tooltipPosition,
+  value,
+  "data-component": dataComponent,
+  "data-element": dataElement,
+  "data-role": dataRole,
+  helpAriaLabel,
+  inputRef,
+  ...rest
+}, ref) => {
   const {
     validationRedesignOptIn
   } = (0, _react.useContext)(_carbonProvider.NewValidationContext);

package/lib/components/textarea/textarea.style.js

@@ -24,25 +24,19 @@ const StyledTextarea = _styledComponents.default.div`
     min-height: ${MIN_HEIGHT}px;
     padding: var(--spacing150) var(--spacing200);
 
-    ${_ref => {
-  let {
-    hasIcon
-  } = _ref;
-  return hasIcon && "padding-right: var(--spacing500)";
-}}
+    ${({
+  hasIcon
+}) => hasIcon && "padding-right: var(--spacing500)"}
   }
 
-  ${_ref2 => {
-  let {
-    labelInline
-  } = _ref2;
-  return labelInline && (0, _styledComponents.css)`
+  ${({
+  labelInline
+}) => labelInline && (0, _styledComponents.css)`
       ${_label.StyledLabelContainer} {
         align-items: flex-start;
         padding-top: 6px;
       }
-    `;
-}}
+    `}
 
   ${_inputIconToggle.default} {
     height: 40px;

package/lib/components/textbox/__internal__/prefix.style.js

@@ -10,12 +10,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const StyledPrefix = _styledComponents.default.span`
   align-self: center;
   font-weight: 900;
-  margin-left: ${_ref => {
-  let {
-    size
-  } = _ref;
-  return _inputSizes.default[size].horizontalPadding;
-}}; // margin must match the original component padding
+  margin-left: ${({
+  size
+}) => _inputSizes.default[size].horizontalPadding}; // margin must match the original component padding
 
   && + input {
     padding-left: var(--spacing100);

package/lib/components/textbox/textbox.component.js

@@ -29,62 +29,61 @@ 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 Textbox = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    "aria-labelledby": ariaLabelledBy,
-    align = "left",
-    autoFocus,
-    children,
-    disabled,
-    inputIcon,
-    leftChildren,
-    label,
-    labelAlign,
-    labelHelp,
-    labelInline,
-    labelSpacing,
-    id,
-    formattedValue,
-    inputHint,
-    fieldHelp,
-    error,
-    warning,
-    info,
-    name,
-    reverse,
-    size = "medium",
-    value,
-    readOnly,
-    placeholder,
-    inputRef,
-    onBlur,
-    onClick,
-    onFocus,
-    onChange,
-    onMouseDown,
-    onChangeDeferred,
-    deferTimeout,
-    isOptional,
-    iconOnClick,
-    iconOnMouseDown,
-    iconTabIndex,
-    validationOnLabel = false,
-    labelWidth = 30,
-    inputWidth,
-    maxWidth,
-    prefix,
-    adaptiveLabelBreakpoint,
-    required,
-    positionedChildren,
-    tooltipPosition,
-    "data-component": dataComponent,
-    "data-element": dataElement,
-    "data-role": dataRole,
-    enforceCharacterLimit = true,
-    characterLimit,
-    helpAriaLabel,
-    ...props
-  } = _ref;
+const Textbox = /*#__PURE__*/_react.default.forwardRef(({
+  "aria-labelledby": ariaLabelledBy,
+  align = "left",
+  autoFocus,
+  children,
+  disabled,
+  inputIcon,
+  leftChildren,
+  label,
+  labelAlign,
+  labelHelp,
+  labelInline,
+  labelSpacing,
+  id,
+  formattedValue,
+  inputHint,
+  fieldHelp,
+  error,
+  warning,
+  info,
+  name,
+  reverse,
+  size = "medium",
+  value,
+  readOnly,
+  placeholder,
+  inputRef,
+  onBlur,
+  onClick,
+  onFocus,
+  onChange,
+  onMouseDown,
+  onChangeDeferred,
+  deferTimeout,
+  isOptional,
+  iconOnClick,
+  iconOnMouseDown,
+  iconTabIndex,
+  validationOnLabel = false,
+  labelWidth = 30,
+  inputWidth,
+  maxWidth,
+  prefix,
+  adaptiveLabelBreakpoint,
+  required,
+  positionedChildren,
+  tooltipPosition,
+  "data-component": dataComponent,
+  "data-element": dataElement,
+  "data-role": dataRole,
+  enforceCharacterLimit = true,
+  characterLimit,
+  helpAriaLabel,
+  ...props
+}, ref) => {
   const characterCountValue = typeof value === "string" ? value : "";
   const [maxLength, characterCount, characterCountHintId, characterCountHint] = (0, _useCharacterCount.default)(characterCountValue, characterLimit, enforceCharacterLimit);
   const {

package/lib/components/textbox/textbox.style.js

@@ -8,12 +8,10 @@ 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 ErrorBorder = _styledComponents.default.span`
-  ${_ref => {
-  let {
-    warning,
-    inline
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  warning,
+  inline
+}) => (0, _styledComponents.css)`
       position: absolute;
       z-index: 6;
       width: 2px;
@@ -21,8 +19,7 @@ const ErrorBorder = _styledComponents.default.span`
       left: -12px;
       bottom: ${inline ? "10px" : "0px"};
       top: 0px;
-    `;
-}}
+    `}
 `;
 exports.ErrorBorder = ErrorBorder;
 const StyledInputHint = _styledComponents.default.p`

package/lib/components/tile/tile-footer/tile-footer.component.js

@@ -9,12 +9,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tileFooter = _interopRequireDefault(require("./tile-footer.style"));
 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 TileFooter = _ref => {
-  let {
-    variant,
-    children,
-    ...props
-  } = _ref;
+const TileFooter = ({
+  variant,
+  children,
+  ...props
+}) => {
   return /*#__PURE__*/_react.default.createElement(_tileFooter.default, _extends({
     "data-component": "tile-footer",
     variant: variant

package/lib/components/tile/tile-footer/tile-footer.style.js

@@ -22,15 +22,12 @@ const getBackgroundColor = variant => {
 const StyledTileFooter = _styledComponents.default.div`
   ${_styledSystem.padding}
 
-  ${_ref => {
-  let {
-    variant
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  variant
+}) => (0, _styledComponents.css)`
     background: ${getBackgroundColor(variant)};
     border-top: 1px solid var(--colorsUtilityMajor100);
-  `;
-}}
+  `}
 `;
 StyledTileFooter.defaultProps = {
   theme: _themes.baseTheme

package/lib/components/tile/tile.component.js

@@ -9,16 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tile = require("./tile.style");
 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 Tile = _ref => {
-  let {
-    variant = "tile",
-    p = 3,
-    children,
-    orientation = "horizontal",
-    width,
-    roundness = "default",
-    ...props
-  } = _ref;
+const Tile = ({
+  variant = "tile",
+  p = 3,
+  children,
+  orientation = "horizontal",
+  width,
+  roundness = "default",
+  ...props
+}) => {
   const isHorizontal = orientation === "horizontal";
   const isVertical = orientation === "vertical";
   const wrappedChildren = _react.default.Children.map(children, (child, index) => {

package/lib/components/tile/tile.style.js

@@ -28,13 +28,11 @@ const getBorderColor = borderVariant => {
   }
 };
 const TileContent = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    isHorizontal,
-    isVertical,
-    width
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  isHorizontal,
+  isVertical,
+  width
+}) => (0, _styledComponents.css)`
     ${_styledSystem.space}
 
     box-sizing: border-box;
@@ -78,24 +76,21 @@ const TileContent = _styledComponents.default.div`
     ${width && (0, _styledComponents.css)`
       flex-grow: 0;
       ${(0, _width.default)({
-    width
-  })}
+  width
+})}
     `}
-  `;
-}}
+  `}
 `;
 exports.TileContent = TileContent;
 const StyledTile = _styledComponents.default.div`
-  ${_ref2 => {
-  let {
-    borderVariant,
-    borderWidth = "borderWidth100",
-    isHorizontal,
-    variant,
-    width,
-    roundness
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  borderVariant,
+  borderWidth = "borderWidth100",
+  isHorizontal,
+  variant,
+  width,
+  roundness
+}) => (0, _styledComponents.css)`
     ${_styledSystem.space}
 
     box-sizing: border-box;
@@ -123,11 +118,10 @@ const StyledTile = _styledComponents.default.div`
 
     ${width && (0, _styledComponents.css)`
       ${(0, _width.default)({
-    width
-  })}
+  width
+})}
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledTile = StyledTile;
 TileContent.defaultProps = {

package/lib/components/tile-select/__internal__/accordion/accordion.component.js

@@ -11,13 +11,12 @@ var _useResizeObserver = _interopRequireDefault(require("../../../../hooks/__int
 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 Accordion = _ref => {
-  let {
-    children,
-    expanded,
-    contentId,
-    controlId
-  } = _ref;
+const Accordion = ({
+  children,
+  expanded,
+  contentId,
+  controlId
+}) => {
   const [contentHeight, setContentHeight] = (0, _react.useState)(0);
   const contentRef = (0, _react.useRef)(null);
   (0, _useResizeObserver.default)(contentRef, () => {

package/lib/components/tile-select/tile-select-group.component.js

@@ -12,18 +12,17 @@ var _tileSelect = require("./tile-select.style");
 var _utils = require("../../style/utils");
 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 TileSelectGroup = _ref => {
-  let {
-    children,
-    name,
-    legend,
-    description,
-    onChange,
-    onBlur,
-    value,
-    multiSelect = false,
-    ...rest
-  } = _ref;
+const TileSelectGroup = ({
+  children,
+  name,
+  legend,
+  description,
+  onChange,
+  onBlur,
+  value,
+  multiSelect = false,
+  ...rest
+}) => {
   let tiles;
   if (multiSelect) {
     tiles = children;

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

@@ -19,32 +19,31 @@ 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); }
 const checkPropTypeIsNode = prop => typeof prop !== "string";
-const TileSelect = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    onChange,
-    onBlur,
-    onFocus,
-    value,
-    name,
-    checked = false,
-    className,
-    disabled,
-    title,
-    subtitle,
-    description,
-    titleAdornment,
-    type = "checkbox",
-    id,
-    customActionButton,
-    actionButtonAdornment,
-    footer,
-    prefixAdornment,
-    additionalInformation,
-    accordionContent,
-    accordionControl,
-    accordionExpanded,
-    ...rest
-  } = _ref;
+const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
+  onChange,
+  onBlur,
+  onFocus,
+  value,
+  name,
+  checked = false,
+  className,
+  disabled,
+  title,
+  subtitle,
+  description,
+  titleAdornment,
+  type = "checkbox",
+  id,
+  customActionButton,
+  actionButtonAdornment,
+  footer,
+  prefixAdornment,
+  additionalInformation,
+  accordionContent,
+  accordionControl,
+  accordionExpanded,
+  ...rest
+}, ref) => {
   const l = (0, _useLocale.default)();
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
   const handleDeselect = () => onChange?.({