carbon-react 119.10.0 → 119.10.2

package/lib/components/preview/preview.component.js

@@ -11,13 +11,12 @@ var _preview = require("./preview.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 Preview = _ref => {
-  let {
-    children,
-    loading,
-    lines = 1,
-    ...props
-  } = _ref;
+const Preview = ({
+  children,
+  loading,
+  lines = 1,
+  ...props
+}) => {
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
   const hasPlaceholder = loading === undefined ? !children : loading;
   if (hasPlaceholder) {

package/lib/components/profile/profile.component.js

@@ -17,16 +17,15 @@ function acronymize(str) {
   if (!matches) return "";
   return matches.join("");
 }
-const Profile = _ref => {
-  let {
-    src,
-    className,
-    initials,
-    name,
-    size,
-    email,
-    ...props
-  } = _ref;
+const Profile = ({
+  src,
+  className,
+  initials,
+  name,
+  size,
+  email,
+  ...props
+}) => {
   const getInitials = () => {
     if (initials) return initials;
     return acronymize(name);

package/lib/components/profile/profile.style.js

@@ -13,32 +13,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const ProfileNameStyle = _styledComponents.default.span`
   font-weight: bold;
   display: block;
-  font-size: ${_ref => {
-  let {
-    size = "M"
-  } = _ref;
-  return _profile.default[size].nameSize;
-}};
+  font-size: ${({
+  size = "M"
+}) => _profile.default[size].nameSize};
 `;
 exports.ProfileNameStyle = ProfileNameStyle;
 const ProfileEmailStyle = _styledComponents.default.span`
-  font-size: ${_ref2 => {
-  let {
-    size = "M"
-  } = _ref2;
-  return _profile.default[size].emailSize;
-}};
+  font-size: ${({
+  size = "M"
+}) => _profile.default[size].emailSize};
 `;
 exports.ProfileEmailStyle = ProfileEmailStyle;
 const ProfileStyle = _styledComponents.default.div`
   white-space: nowrap;
   color: var(--colorsUtilityYin090);
-  display: ${_ref3 => {
-  let {
-    hasSrc
-  } = _ref3;
-  return hasSrc ? "flex" : "";
-}};
+  display: ${({
+  hasSrc
+}) => hasSrc ? "flex" : ""};
 
   ${_styledSystem.margin}
 `;
@@ -46,25 +37,16 @@ exports.ProfileStyle = ProfileStyle;
 const ProfileDetailsStyle = _styledComponents.default.div`
   vertical-align: middle;
   display: inline-block;
-  margin-top: ${_ref4 => {
-  let {
-    hasSrc,
-    size = "M"
-  } = _ref4;
-  return hasSrc ? _profile.default[size].marginTop : "";
-}};
-  line-height: ${_ref5 => {
-  let {
-    size = "M"
-  } = _ref5;
-  return _profile.default[size].lineHeight;
-}};
-  margin-left: ${_ref6 => {
-  let {
-    size = "M"
-  } = _ref6;
-  return _profile.default[size].marginLeft;
-}};
+  margin-top: ${({
+  hasSrc,
+  size = "M"
+}) => hasSrc ? _profile.default[size].marginTop : ""};
+  line-height: ${({
+  size = "M"
+}) => _profile.default[size].lineHeight};
+  margin-left: ${({
+  size = "M"
+}) => _profile.default[size].marginLeft};
 `;
 exports.ProfileDetailsStyle = ProfileDetailsStyle;
 const ProfileAvatarStyle = (0, _styledComponents.default)(_portrait.default)`

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

@@ -14,26 +14,25 @@ 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 ProgressTracker = _ref => {
-  let {
-    "aria-label": ariaLabel = "progress tracker",
-    "aria-describedby": ariaDescribedBy,
-    "aria-valuenow": ariaValueNow,
-    "aria-valuemin": ariaValueMin = 0,
-    "aria-valuemax": ariaValueMax = 100,
-    "aria-valuetext": ariaValueText,
-    size = "medium",
-    length = "256px",
-    error = false,
-    progress = 0,
-    description,
-    showDefaultLabels = false,
-    currentProgressLabel,
-    customValuePreposition,
-    maxProgressLabel,
-    labelsPosition,
-    ...rest
-  } = _ref;
+const ProgressTracker = ({
+  "aria-label": ariaLabel = "progress tracker",
+  "aria-describedby": ariaDescribedBy,
+  "aria-valuenow": ariaValueNow,
+  "aria-valuemin": ariaValueMin = 0,
+  "aria-valuemax": ariaValueMax = 100,
+  "aria-valuetext": ariaValueText,
+  size = "medium",
+  length = "256px",
+  error = false,
+  progress = 0,
+  description,
+  showDefaultLabels = false,
+  currentProgressLabel,
+  customValuePreposition,
+  maxProgressLabel,
+  labelsPosition,
+  ...rest
+}) => {
   const l = (0, _useLocale.default)();
   const barRef = (0, _react.useRef)(null);
   const [barLength, setBarLength] = (0, _react.useState)("0px");

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.d.ts

@@ -15,7 +15,6 @@ export interface SelectTextProps {
     /** Callback function for when the Select Textbox is focused. */
     onFocus?: (ev: React.FocusEvent<HTMLElement>) => void;
     /** Callback function for when the key is pressed when focused on Select Text. */
-    onKeyDown?: (ev: React.KeyboardEvent<HTMLElement>) => void;
     /** Callback function for when the left mouse key is pressed when focused on Select Text. */
     onMouseDown?: (ev: React.MouseEvent<HTMLElement>) => void;
     /** Placeholder string to be displayed when formattedValue is empty */
@@ -24,10 +23,8 @@ export interface SelectTextProps {
     readOnly?: boolean;
     /** If true the component has no border and a transparent background */
     transparent?: boolean;
-    /** Id of the Select Text element */
-    textId?: string;
     /** Component size */
     size?: "small" | "medium" | "large";
 }
-declare const SelectText: ({ disabled, formattedValue, onClick, onKeyDown, onMouseDown, placeholder, readOnly, textId, transparent, size, }: SelectTextProps) => React.JSX.Element;
+declare const SelectText: ({ disabled, formattedValue, onClick, onMouseDown, placeholder, readOnly, transparent, size, }: SelectTextProps) => React.JSX.Element;
 export default SelectText;

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);