carbon-react 118.5.1 → 118.5.2

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

@@ -4,27 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _input2 = _interopRequireDefault(require("./input.style"));
-
+var _input = _interopRequireDefault(require("./input.style"));
 var _inputBehaviour = require("../input-behaviour");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 || 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); }
-
+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); }
 function selectTextOnFocus(input) {
   // setTimeout is required so the dom has a chance to place the cursor in the input
   setTimeout(() => {
-    if (input !== null && input !== void 0 && input.current) {
+    if (input?.current) {
       const {
         selectionStart,
         selectionEnd,
@@ -32,8 +23,8 @@ function selectTextOnFocus(input) {
       } = input.current;
       const {
         length
-      } = value; // only select text if cursor is at the very end or the very start of the value
-
+      } = value;
+      // only select text if cursor is at the very end or the very start of the value
       if (selectionStart === 0 && selectionEnd === 0 || selectionStart === length && selectionEnd === length) {
         if (document.activeElement === input.current) {
           input.current.setSelectionRange(0, length);
@@ -42,45 +33,41 @@ function selectTextOnFocus(input) {
     }
   });
 }
-
-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 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 context = (0, _react.useContext)(_inputBehaviour.InputContext);
   const groupContext = (0, _react.useContext)(_inputBehaviour.InputGroupContext);
   const deferredTimeout = (0, _react.useRef)(null);
   let input = (0, _react.useRef)(null);
-
   if (ref && "current" in ref) {
     input = ref;
   }
-
   const callbackRef = (0, _react.useCallback)(element => {
     input.current = element;
-
     if (typeof ref === "function") {
       ref(element);
     }
-
     if (autoFocus && element) {
       element.focus();
     }
@@ -100,78 +87,60 @@ const Input = /*#__PURE__*/_react.default.forwardRef(({
       context.onBlur();
     }
   }, [disabled, context]);
-
   const handleClick = ev => {
-    var _input, _input$current;
-
     if (onClick) {
       onClick(ev);
     }
-
-    (_input = input) === null || _input === void 0 ? void 0 : (_input$current = _input.current) === null || _input$current === void 0 ? void 0 : _input$current.focus();
+    input?.current?.focus();
   };
-
   const handleFocus = ev => {
     if (onFocus) {
       onFocus(ev);
     }
-
     if (context.onFocus) {
       context.onFocus();
     }
-
     if (groupContext.onFocus) {
       groupContext.onFocus();
     }
-
     if (type === "text") {
       selectTextOnFocus(input);
     }
   };
-
   const handleBlur = ev => {
     if (onBlur) {
       onBlur(ev);
     }
-
     if (context.onBlur) {
       context.onBlur();
     }
-
     if (groupContext.onBlur) {
       groupContext.onBlur();
     }
   };
-
   const handleDeferred = ev => {
     if (onChangeDeferred) {
       if (deferredTimeout.current) {
         clearTimeout(deferredTimeout.current);
       }
-
       deferredTimeout.current = setTimeout(() => {
         onChangeDeferred(ev);
       }, deferTimeout || 750);
     }
   };
-
   const handleChange = ev => {
     if (onChange) {
       onChange(ev);
     }
-
     handleDeferred(ev);
   };
-
   const hasValidationPart = (context.hasFocus || groupContext.hasFocus || context.hasMouseOver || groupContext.hasMouseOver) && validationIconId;
   const descriptionList = ariaDescribedBy ? [ariaDescribedBy] : [];
-
   if (hasValidationPart) {
     descriptionList.push(validationIconId);
   }
-
   const combinedDescription = descriptionList.length ? descriptionList.filter(Boolean).join(" ") : undefined;
-  return /*#__PURE__*/_react.default.createElement(_input2.default, _extends({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(_input.default, _extends({}, rest, {
     "aria-describedby": combinedDescription,
     "aria-labelledby": ariaLabelledBy,
     align: align,
@@ -189,7 +158,6 @@ const Input = /*#__PURE__*/_react.default.forwardRef(({
     onChange: handleChange
   }));
 });
-
 Input.propTypes = {
   "about": _propTypes.default.string,
   "accept": _propTypes.default.string,
@@ -257,14 +225,12 @@ Input.propTypes = {
   "className": _propTypes.default.string,
   "color": _propTypes.default.string,
   "cols": _propTypes.default.number,
+  "content": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
-  "crossOrigin": _propTypes.default.string,
-  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__emotion_styles": _propTypes.default.any.isRequired
-  }), _propTypes.default.string, _propTypes.default.bool]),
+  "crossOrigin": _propTypes.default.oneOf(["", "anonymous", "use-credentials"]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
-    "__html": _propTypes.default.string.isRequired
+    "__html": _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired
   }),
   "datatype": _propTypes.default.string,
   "defaultChecked": _propTypes.default.bool,
@@ -300,6 +266,7 @@ Input.propTypes = {
   "minLength": _propTypes.default.number,
   "multiple": _propTypes.default.bool,
   "name": _propTypes.default.string,
+  "nonce": _propTypes.default.string,
   "onAbort": _propTypes.default.func,
   "onAbortCapture": _propTypes.default.func,
   "onAnimationEnd": _propTypes.default.func,
@@ -467,9 +434,11 @@ Input.propTypes = {
   "property": _propTypes.default.string,
   "radioGroup": _propTypes.default.string,
   "readOnly": _propTypes.default.bool,
+  "rel": _propTypes.default.string,
   "required": _propTypes.default.bool,
   "resource": _propTypes.default.string,
   "results": _propTypes.default.number,
+  "rev": _propTypes.default.string,
   "role": _propTypes.default.oneOfType([_propTypes.default.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 StyledInput = _styledComponents.default.input`
   background: transparent;
   border: none;
@@ -28,28 +24,37 @@ const StyledInput = _styledComponents.default.input`
     -webkit-background-clip: text;
   }
 
-  ${({
-  align
-}) => align && (0, _styledComponents.css)`
+  ${_ref => {
+  let {
+    align
+  } = _ref;
+  return align && (0, _styledComponents.css)`
       text-align: ${align};
-    `}
+    `;
+}}
 
   &::placeholder {
     color: var(--colorsUtilityYin030);
   }
 
-  ${({
-  disabled
-}) => disabled && (0, _styledComponents.css)`
+  ${_ref2 => {
+  let {
+    disabled
+  } = _ref2;
+  return disabled && (0, _styledComponents.css)`
       color: var(--colorsUtilityYin030);
       cursor: not-allowed;
-    `}
-
-  ${({
-  readOnly
-}) => readOnly && (0, _styledComponents.css)`
+    `;
+}}
+
+  ${_ref3 => {
+  let {
+    readOnly
+  } = _ref3;
+  return readOnly && (0, _styledComponents.css)`
       color: var(--colorsActionMinorYin090);
-    `}
+    `;
+}}
 `;
 var _default = StyledInput;
 exports.default = _default;

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

@@ -27,7 +27,5 @@ Object.defineProperty(exports, "InputGroupContext", {
     return _inputGroupBehaviour.InputGroupContext;
   }
 });
-
 var _inputBehaviour = require("./input-behaviour.component");
-
 var _inputGroupBehaviour = require("./input-group-behaviour.component");

package/lib/__internal__/input-behaviour/input-behaviour.component.d.ts

@@ -4,5 +4,5 @@ declare const InputContext: React.Context<InputContextProps>;
 export interface InputBehaviourProps {
     children?: React.ReactNode;
 }
-declare const InputBehaviour: ({ children }: InputBehaviourProps) => JSX.Element;
+declare const InputBehaviour: ({ children }: InputBehaviourProps) => React.JSX.Element;
 export { InputContext, InputBehaviour };

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

@@ -3,31 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputBehaviour = exports.InputContext = void 0;
-
+exports.InputContext = exports.InputBehaviour = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 = ({
-  children
-}) => {
+const InputBehaviour = _ref => {
+  let {
+    children
+  } = _ref;
   const contextValue = (0, _useInputBehaviour.default)();
   return /*#__PURE__*/_react.default.createElement(InputContext.Provider, {
-    value: { ...contextValue
+    value: {
+      ...contextValue
     }
   }, children);
 };
-
-exports.InputBehaviour = InputBehaviour;
-InputBehaviour.propTypes = {
-  "children": _propTypes.default.node
-};
+exports.InputBehaviour = InputBehaviour;

package/lib/__internal__/input-behaviour/input-group-behaviour.component.d.ts

@@ -5,5 +5,5 @@ declare const InputGroupContext: React.Context<InputContextProps>;
 export interface InputGroupBehaviourProps extends InputBehaviourProps {
     blockGroupBehaviour?: boolean;
 }
-declare const InputGroupBehaviour: ({ children, blockGroupBehaviour, }: InputGroupBehaviourProps) => JSX.Element;
+declare const InputGroupBehaviour: ({ children, blockGroupBehaviour, }: InputGroupBehaviourProps) => React.JSX.Element;
 export { InputGroupContext, InputGroupBehaviour };

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

@@ -3,32 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputGroupBehaviour = exports.InputGroupContext = void 0;
-
+exports.InputGroupContext = exports.InputGroupBehaviour = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 = ({
-  children,
-  blockGroupBehaviour
-}) => {
+const InputGroupBehaviour = _ref => {
+  let {
+    children,
+    blockGroupBehaviour
+  } = _ref;
   const contextValue = (0, _useInputBehaviour.default)(blockGroupBehaviour);
   return /*#__PURE__*/_react.default.createElement(InputGroupContext.Provider, {
     value: contextValue
   }, children);
 };
-
-exports.InputGroupBehaviour = InputGroupBehaviour;
-InputGroupBehaviour.propTypes = {
-  "blockGroupBehaviour": _propTypes.default.bool,
-  "children": _propTypes.default.node
-};
+exports.InputGroupBehaviour = InputGroupBehaviour;

package/lib/__internal__/input-behaviour/useInputBehaviour.d.ts

@@ -10,5 +10,5 @@ export interface InputContextProps {
         current: HTMLInputElement | HTMLTextAreaElement | null;
     }) => void;
 }
-declare const useInputBehaviour: (blockGroupBehaviour?: boolean | undefined) => InputContextProps;
+declare const useInputBehaviour: (blockGroupBehaviour?: boolean) => InputContextProps;
 export default useInputBehaviour;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 const useInputBehaviour = blockGroupBehaviour => {
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
   const [hasMouseOver, setHasMouseOver] = (0, _react.useState)(false);
@@ -15,13 +13,12 @@ const useInputBehaviour = blockGroupBehaviour => {
   const onBlur = (0, _react.useCallback)(() => setHasFocus(false), []);
   const assignInput = (0, _react.useCallback)(input => {
     inputRef.current = input.current;
-  }, []); // use mouse down rather than click to accommodate click and drag events too
+  }, []);
 
+  // use mouse down rather than click to accommodate click and drag events too
   const onMouseDown = (0, _react.useCallback)(() => {
     requestAnimationFrame(() => {
-      var _inputRef$current;
-
-      inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
+      inputRef?.current?.focus({
         preventScroll: true
       });
     });
@@ -40,6 +37,5 @@ const useInputBehaviour = blockGroupBehaviour => {
   }), [hasFocus, hasMouseOver, onFocus, onBlur, onMouseDown, blockGroupBehaviour, onMouseEnter, onMouseLeave, assignInput]);
   return contextValue;
 };
-
 var _default = useInputBehaviour;
 exports.default = _default;

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

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _inputIconToggle.default;
   }
 });
-
 var _inputIconToggle = _interopRequireDefault(require("./input-icon-toggle.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.d.ts

@@ -16,5 +16,5 @@ export interface InputIconToggleProps extends InputIconToggleStyleProps, Validat
     /** Id of the validation icon */
     validationIconId?: string;
 }
-declare const InputIconToggle: ({ disabled, readOnly, size, inputIcon: type, onClick, onFocus, onBlur, onMouseDown, error, warning, info, useValidationIcon, align, iconTabIndex, validationIconId, }: InputIconToggleProps) => JSX.Element | null;
+declare const InputIconToggle: ({ disabled, readOnly, size, inputIcon: type, onClick, onFocus, onBlur, onMouseDown, error, warning, info, useValidationIcon, align, iconTabIndex, validationIconId, }: InputIconToggleProps) => React.JSX.Element | null;
 export default InputIconToggle;

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

@@ -4,45 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 = ({
-  error,
-  warning,
-  info
-}) => {
+const shouldDisplayValidationIcon = _ref => {
+  let {
+    error,
+    warning,
+    info
+  } = _ref;
   const validation = error || warning || info || null;
   return typeof validation === "string";
 };
-
-const InputIconToggle = ({
-  disabled,
-  readOnly,
-  size,
-  inputIcon: type,
-  onClick,
-  onFocus,
-  onBlur,
-  onMouseDown,
-  error,
-  warning,
-  info,
-  useValidationIcon,
-  align,
-  iconTabIndex,
-  validationIconId
-}) => {
+const InputIconToggle = _ref2 => {
+  let {
+    disabled,
+    readOnly,
+    size,
+    inputIcon: type,
+    onClick,
+    onFocus,
+    onBlur,
+    onMouseDown,
+    error,
+    warning,
+    info,
+    useValidationIcon,
+    align,
+    iconTabIndex,
+    validationIconId
+  } = _ref2;
   if (useValidationIcon && !disabled && shouldDisplayValidationIcon({
     error,
     warning,
@@ -64,7 +58,6 @@ const InputIconToggle = ({
       tooltipPosition: align === "right" ? "left" : "right"
     }));
   }
-
   if (type && !(disabled || readOnly)) {
     return /*#__PURE__*/_react.default.createElement(_inputIconToggle.default, {
       size: size,
@@ -78,27 +71,7 @@ const InputIconToggle = ({
       type: type
     }));
   }
-
   return null;
 };
-
-InputIconToggle.propTypes = {
-  "align": _propTypes.default.oneOf(["left", "right"]),
-  "disabled": _propTypes.default.bool,
-  "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  "iconTabIndex": _propTypes.default.number,
-  "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  "inputIcon": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "construction", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
-  "onBlur": _propTypes.default.func,
-  "onClick": _propTypes.default.func,
-  "onFocus": _propTypes.default.func,
-  "onMouseDown": _propTypes.default.func,
-  "readOnly": _propTypes.default.bool,
-  "size": _propTypes.default.oneOf(["large", "medium", "small"]),
-  "tooltipId": _propTypes.default.string,
-  "useValidationIcon": _propTypes.default.bool,
-  "validationIconId": _propTypes.default.string,
-  "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
-};
 var _default = InputIconToggle;
 exports.default = _default;

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

@@ -4,39 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _inputSizes = _interopRequireDefault(require("../input/input-sizes.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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(({
-  onClick
-}) => ({
-  onKeyDown: event => {
-    if (onClick && (event.key === " " || event.key === "Enter")) {
-      event.preventDefault();
-      return onClick(event);
+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;
     }
-
-    return event;
-  }
-}))`
+  };
+})`
   align-items: center;
   cursor: pointer;
   display: flex;
   justify-content: center;
 
-  ${({
-  size = "medium"
-}) => (0, _styledComponents.css)`
+  ${_ref2 => {
+  let {
+    size = "medium"
+  } = _ref2;
+  return (0, _styledComponents.css)`
     width: ${_inputSizes.default[size].height};
-  `}
+  `;
+}}
 
   &:focus {
     outline: solid 3px var(--colorsSemanticFocus500);