carbon-react 119.10.0 → 119.10.2

package/lib/__internal__/input/input-presentation.component.js

@@ -12,22 +12,21 @@ var _carbonProvider = require("../../components/carbon-provider/carbon-provider.
 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 InputPresentation = _ref => {
-  let {
-    children,
-    positionedChildren,
-    prefix,
-    inputWidth,
-    maxWidth,
-    align,
-    disabled,
-    readOnly,
-    size = "medium",
-    error,
-    warning,
-    info,
-    hasIcon
-  } = _ref;
+const InputPresentation = ({
+  children,
+  positionedChildren,
+  prefix,
+  inputWidth,
+  maxWidth,
+  align,
+  disabled,
+  readOnly,
+  size = "medium",
+  error,
+  warning,
+  info,
+  hasIcon
+}) => {
   const {
     hasFocus,
     onMouseDown,

package/lib/__internal__/input/input-presentation.style.js

@@ -11,30 +11,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; }
 const StyledInputPresentationContainer = _styledComponents.default.div`
-  flex: 0 0 ${_ref => {
-  let {
-    inputWidth
-  } = _ref;
-  return inputWidth;
-}}%;
+  flex: 0 0 ${({
+  inputWidth
+}) => inputWidth}%;
   display: flex;
   position: relative;
-  max-width: ${_ref2 => {
-  let {
-    maxWidth
-  } = _ref2;
-  return maxWidth ? `${maxWidth}` : "100%";
-}};
+  max-width: ${({
+  maxWidth
+}) => maxWidth ? `${maxWidth}` : "100%"};
 `;
 exports.StyledInputPresentationContainer = StyledInputPresentationContainer;
-function stylingForValidations(_ref3) {
-  let {
-    error,
-    warning,
-    info,
-    disabled,
-    validationRedesignOptIn
-  } = _ref3;
+function stylingForValidations({
+  error,
+  warning,
+  info,
+  disabled,
+  validationRedesignOptIn
+}) {
   let validationColor;
   if (disabled) {
     return "";
@@ -65,13 +58,11 @@ const InputPresentationStyle = _styledComponents.default.div`
   flex-wrap: wrap;
   width: 100%;
   margin: 0;
-  ${_ref4 => {
-  let {
-    size,
-    hasIcon,
-    align
-  } = _ref4;
-  return size && (0, _styledComponents.css)`
+  ${({
+  size,
+  hasIcon,
+  align
+}) => size && (0, _styledComponents.css)`
       min-height: ${_inputSizes.default[size].height};
 
       ${_input.default} {
@@ -79,52 +70,39 @@ const InputPresentationStyle = _styledComponents.default.div`
         ${hasIcon && align === "right" && "padding-left: 0;"}
         ${hasIcon && align === "left" && "padding-right: 0;"}
       }
-    `;
-}}
+    `}
 
-  ${_ref5 => {
-  let {
-    disabled
-  } = _ref5;
-  return disabled && (0, _styledComponents.css)`
+  ${({
+  disabled
+}) => disabled && (0, _styledComponents.css)`
       background: var(--colorsUtilityDisabled400);
       border-color: var(--colorsUtilityDisabled600);
       cursor: not-allowed;
-    `;
-}}
+    `}
 
-  ${_ref6 => {
-  let {
-    hasFocus
-  } = _ref6;
-  return hasFocus && (0, _styledComponents.css)`
+  ${({
+  hasFocus
+}) => hasFocus && (0, _styledComponents.css)`
       & {
         outline: 3px solid var(--colorsSemanticFocus500);
         z-index: 2;
       }
-    `;
-}}
+    `}
 
   ${stylingForValidations}
 
-  ${_ref7 => {
-  let {
-    readOnly
-  } = _ref7;
-  return readOnly && (0, _styledComponents.css)`
+  ${({
+  readOnly
+}) => readOnly && (0, _styledComponents.css)`
       background-color: var(--colorsUtilityReadOnly400);
       border-color: var(--colorsUtilityReadOnly600);
-    `;
-}}
+    `}
 
-  ${_ref8 => {
-  let {
-    align,
-    prefix
-  } = _ref8;
-  return align === "right" && `flex-direction: ${prefix ? "row" : "row-reverse"};
-  `;
-}}
+  ${({
+  align,
+  prefix
+}) => align === "right" && `flex-direction: ${prefix ? "row" : "row-reverse"};
+  `}
 
   input::-ms-clear {
     display: none;

package/lib/__internal__/input/input.component.js

@@ -33,29 +33,28 @@ function selectTextOnFocus(input) {
     }
   });
 }
-const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    align,
-    "aria-labelledby": ariaLabelledBy,
-    ariaDescribedBy,
-    placeholder,
-    disabled,
-    readOnly,
-    autoFocus,
-    // TODO: remove inputRef prop from this component (and props interface) when it has been removed from all exposed input components
-    inputRef,
-    onClick,
-    onChangeDeferred,
-    onChange,
-    onBlur,
-    onFocus,
-    deferTimeout,
-    type = "text",
-    id,
-    name,
-    validationIconId,
-    ...rest
-  } = _ref;
+const Input = /*#__PURE__*/_react.default.forwardRef(({
+  align,
+  "aria-labelledby": ariaLabelledBy,
+  ariaDescribedBy,
+  placeholder,
+  disabled,
+  readOnly,
+  autoFocus,
+  // TODO: remove inputRef prop from this component (and props interface) when it has been removed from all exposed input components
+  inputRef,
+  onClick,
+  onChangeDeferred,
+  onChange,
+  onBlur,
+  onFocus,
+  deferTimeout,
+  type = "text",
+  id,
+  name,
+  validationIconId,
+  ...rest
+}, ref) => {
   const context = (0, _react.useContext)(_inputBehaviour.InputContext);
   const groupContext = (0, _react.useContext)(_inputBehaviour.InputGroupContext);
   const deferredTimeout = (0, _react.useRef)(null);

package/lib/__internal__/input/input.style.js

@@ -24,37 +24,28 @@ const StyledInput = _styledComponents.default.input`
     -webkit-background-clip: text;
   }
 
-  ${_ref => {
-  let {
-    align
-  } = _ref;
-  return align && (0, _styledComponents.css)`
+  ${({
+  align
+}) => align && (0, _styledComponents.css)`
       text-align: ${align};
-    `;
-}}
+    `}
 
   &::placeholder {
     color: var(--colorsUtilityYin030);
   }
 
-  ${_ref2 => {
-  let {
-    disabled
-  } = _ref2;
-  return disabled && (0, _styledComponents.css)`
+  ${({
+  disabled
+}) => disabled && (0, _styledComponents.css)`
       color: var(--colorsUtilityYin030);
       cursor: not-allowed;
-    `;
-}}
+    `}
 
-  ${_ref3 => {
-  let {
-    readOnly
-  } = _ref3;
-  return readOnly && (0, _styledComponents.css)`
+  ${({
+  readOnly
+}) => readOnly && (0, _styledComponents.css)`
       color: var(--colorsActionMinorYin090);
-    `;
-}}
+    `}
 `;
 var _default = StyledInput;
 exports.default = _default;

package/lib/__internal__/input-behaviour/input-behaviour.component.js

@@ -10,10 +10,9 @@ var _useInputBehaviour = _interopRequireDefault(require("./useInputBehaviour"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const InputContext = /*#__PURE__*/_react.default.createContext({});
 exports.InputContext = InputContext;
-const InputBehaviour = _ref => {
-  let {
-    children
-  } = _ref;
+const InputBehaviour = ({
+  children
+}) => {
   const contextValue = (0, _useInputBehaviour.default)();
   return /*#__PURE__*/_react.default.createElement(InputContext.Provider, {
     value: {

package/lib/__internal__/input-behaviour/input-group-behaviour.component.js

@@ -10,11 +10,10 @@ var _useInputBehaviour = _interopRequireDefault(require("./useInputBehaviour"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const InputGroupContext = /*#__PURE__*/_react.default.createContext({});
 exports.InputGroupContext = InputGroupContext;
-const InputGroupBehaviour = _ref => {
-  let {
-    children,
-    blockGroupBehaviour
-  } = _ref;
+const InputGroupBehaviour = ({
+  children,
+  blockGroupBehaviour
+}) => {
   const contextValue = (0, _useInputBehaviour.default)(blockGroupBehaviour);
   return /*#__PURE__*/_react.default.createElement(InputGroupContext.Provider, {
     value: contextValue

package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.js

@@ -10,33 +10,31 @@ var _icon = _interopRequireDefault(require("../../components/icon"));
 var _inputIconToggle = _interopRequireDefault(require("./input-icon-toggle.style"));
 var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.component"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const shouldDisplayValidationIcon = _ref => {
-  let {
-    error,
-    warning,
-    info
-  } = _ref;
+const shouldDisplayValidationIcon = ({
+  error,
+  warning,
+  info
+}) => {
   const validation = error || warning || info || null;
   return typeof validation === "string";
 };
-const InputIconToggle = _ref2 => {
-  let {
-    disabled,
-    readOnly,
-    size,
-    inputIcon: type,
-    onClick,
-    onFocus,
-    onBlur,
-    onMouseDown,
-    error,
-    warning,
-    info,
-    useValidationIcon,
-    align,
-    iconTabIndex,
-    validationIconId
-  } = _ref2;
+const InputIconToggle = ({
+  disabled,
+  readOnly,
+  size,
+  inputIcon: type,
+  onClick,
+  onFocus,
+  onBlur,
+  onMouseDown,
+  error,
+  warning,
+  info,
+  useValidationIcon,
+  align,
+  iconTabIndex,
+  validationIconId
+}) => {
   if (useValidationIcon && !disabled && shouldDisplayValidationIcon({
     error,
     warning,

package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js

@@ -9,33 +9,27 @@ var _inputSizes = _interopRequireDefault(require("../input/input-sizes.style"));
 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 InputIconToggleStyle = _styledComponents.default.span.attrs(_ref => {
-  let {
-    onClick
-  } = _ref;
-  return {
-    onKeyDown: event => {
-      if (onClick && (event.key === " " || event.key === "Enter")) {
-        event.preventDefault();
-        return onClick(event);
-      }
-      return event;
+const InputIconToggleStyle = _styledComponents.default.span.attrs(({
+  onClick
+}) => ({
+  onKeyDown: event => {
+    if (onClick && (event.key === " " || event.key === "Enter")) {
+      event.preventDefault();
+      return onClick(event);
     }
-  };
-})`
+    return event;
+  }
+}))`
   align-items: center;
   cursor: pointer;
   display: flex;
   justify-content: center;
 
-  ${_ref2 => {
-  let {
-    size = "medium"
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  size = "medium"
+}) => (0, _styledComponents.css)`
     width: ${_inputSizes.default[size].height};
-  `;
-}}
+  `}
 
   &:focus {
     outline: solid 3px var(--colorsSemanticFocus500);

package/lib/__internal__/label/label.component.js

@@ -15,48 +15,45 @@ 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 shouldDisplayValidationIcon = _ref => {
-  let {
-    error,
-    warning,
-    info,
-    disabled
-  } = _ref;
+const shouldDisplayValidationIcon = ({
+  error,
+  warning,
+  info,
+  disabled
+}) => {
   const validation = error || warning || info;
   return disabled ? false : typeof validation === "string";
 };
-const tooltipPosition = _ref2 => {
-  let {
-    error,
-    warning,
-    info,
-    inline
-  } = _ref2;
+const tooltipPosition = ({
+  error,
+  warning,
+  info,
+  inline
+}) => {
   return (error || warning || info) && inline ? "top" : "right";
 };
-const Label = _ref3 => {
-  let {
-    align = "right",
-    as = "label",
-    children,
-    disabled,
-    error,
-    help,
-    helpIcon,
-    htmlFor,
-    info,
-    inline,
-    isRequired,
-    labelId,
-    optional,
-    pr,
-    pl,
-    tooltipId,
-    useValidationIcon = true,
-    validationIconId,
-    warning,
-    width = 30
-  } = _ref3;
+const Label = ({
+  align = "right",
+  as = "label",
+  children,
+  disabled,
+  error,
+  help,
+  helpIcon,
+  htmlFor,
+  info,
+  inline,
+  isRequired,
+  labelId,
+  optional,
+  pr,
+  pl,
+  tooltipId,
+  useValidationIcon = true,
+  validationIconId,
+  warning,
+  width = 30
+}) => {
   const [isFocused, setFocus] = (0, _react.useState)(false);
   const {
     onMouseEnter,

package/lib/__internal__/label/label.style.js

@@ -12,28 +12,22 @@ const StyledLabel = _styledComponents.default.label`
   display: block;
   font-weight: 600; //TODO: (tokens) use token var(--fontWeights500)
 
-  ${_ref => {
-  let {
-    isRequired
-  } = _ref;
-  return isRequired && (0, _styledComponents.css)`
+  ${({
+  isRequired
+}) => isRequired && (0, _styledComponents.css)`
       ::after {
         content: "*";
         color: var(--colorsSemanticNegative500);
         font-weight: 700;
         margin-left: var(--spacing100);
       }
-    `;
-}}
+    `}
 
-  ${_ref2 => {
-  let {
-    disabled
-  } = _ref2;
-  return disabled && (0, _styledComponents.css)`
+  ${({
+  disabled
+}) => disabled && (0, _styledComponents.css)`
       color: var(--colorsUtilityYin030);
-    `;
-}}
+    `}
 `;
 const DEFAULT_CONTAINER_WIDTH = 30;
 const StyledLabelContainer = _styledComponents.default.div`
@@ -41,15 +35,13 @@ const StyledLabelContainer = _styledComponents.default.div`
   align-items: center;
   margin-bottom: 8px;
 
-  ${_ref3 => {
-  let {
-    align,
-    inline,
-    pr,
-    pl,
-    width
-  } = _ref3;
-  return inline && (0, _styledComponents.css)`
+  ${({
+  align,
+  inline,
+  pr,
+  pl,
+  width
+}) => inline && (0, _styledComponents.css)`
       box-sizing: border-box;
       margin-bottom: 0;
       ${pr && (0, _styledComponents.css)`
@@ -60,21 +52,17 @@ const StyledLabelContainer = _styledComponents.default.div`
       `};
       justify-content: ${align === "right" ? "flex-end" : "flex-start"};
       width: ${width || DEFAULT_CONTAINER_WIDTH}%;
-    `;
-}}
+    `}
 
-  ${_ref4 => {
-  let {
-    optional
-  } = _ref4;
-  return optional && (0, _styledComponents.css)`
+  ${({
+  optional
+}) => optional && (0, _styledComponents.css)`
       ::after {
         content: "(optional)";
         font-weight: 350; //TODO: (tokens) use token var(--fontWeights400)
         margin-left: 4px;
       }
-    `;
-}}
+    `}
 `;
 exports.StyledLabelContainer = StyledLabelContainer;
 var _default = StyledLabel;

package/lib/__internal__/popover/popover.component.js

@@ -18,17 +18,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const defaultMiddleware = [(0, _dom.flip)({
   fallbackStrategy: "initialPlacement"
 })];
-const Popover = _ref => {
-  let {
-    children,
-    placement,
-    disablePortal,
-    reference,
-    middleware = defaultMiddleware,
-    disableBackgroundUI,
-    isOpen = true,
-    animationFrame
-  } = _ref;
+const Popover = ({
+  children,
+  placement,
+  disablePortal,
+  reference,
+  middleware = defaultMiddleware,
+  disableBackgroundUI,
+  isOpen = true,
+  animationFrame
+}) => {
   const elementDOM = (0, _react.useRef)(null);
   const {
     isInModal

package/lib/__internal__/popover/popover.style.js

@@ -13,12 +13,9 @@ const StyledBackdrop = _styledComponents.default.div`
   position: fixed;
   right: 0;
   top: 0;
-  z-index: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.zIndex.popover;
-}};
+  z-index: ${({
+  theme
+}) => theme.zIndex.popover};
   background: transparent;
 `;
 exports.StyledBackdrop = StyledBackdrop;
@@ -26,11 +23,8 @@ StyledBackdrop.defaultProps = {
   theme: _base.default
 };
 const StyledPopoverContent = _styledComponents.default.div`
-  ${_ref2 => {
-  let {
-    isOpen
-  } = _ref2;
-  return !isOpen && "display: none;";
-}}
+  ${({
+  isOpen
+}) => !isOpen && "display: none;"}
 `;
 exports.StyledPopoverContent = StyledPopoverContent;