carbon-react 111.12.1 → 111.12.3

package/lib/__internal__/focus-trap/focus-trap-utils.js

@@ -8,15 +8,12 @@ const defaultFocusableSelectors = 'button:not([disabled]), [href], input:not([ty
 exports.defaultFocusableSelectors = defaultFocusableSelectors;
 const INTERVAL = 10;
 const MAX_TIME = 100;
-
 const setElementFocus = element => {
   let timeSoFar = 0;
-
   const stylesMatch = () => {
     const actualStyles = window.getComputedStyle(element);
     return actualStyles.visibility === "visible";
   };
-
   const check = () => {
     /* istanbul ignore else */
     if (stylesMatch()) {
@@ -24,33 +21,26 @@ const setElementFocus = element => {
     } else if (timeSoFar < MAX_TIME) {
       setTimeout(check, INTERVAL);
       timeSoFar += INTERVAL;
-    } // just "fail" silently if maxTime exceeded - callback will never be called
-
+    }
+    // just "fail" silently if maxTime exceeded - callback will never be called
   };
 
   check();
 };
-
 exports.setElementFocus = setElementFocus;
-
 const isRadio = element => {
   return element.hasAttribute("type") && element.getAttribute("type") === "radio";
 };
-
 const getRadioElementToFocus = (groupName, shiftKey) => {
   const buttonsInGroup = document.querySelectorAll(`input[type="radio"][name="${groupName}"]`);
   const selectedButton = [...buttonsInGroup].find(button => button.checked);
-
   if (selectedButton) {
     return selectedButton;
   }
-
   return buttonsInGroup[shiftKey ? buttonsInGroup.length - 1 : 0];
 };
-
 const getNextElement = (element, focusableElements, shiftKey) => {
   const currentIndex = focusableElements.indexOf(element);
-
   if (currentIndex === -1) {
     // we're not currently on a focusable element - most likely because the focusableElements come from a different focus trap!
     // So we need to leave focus where it is.
@@ -59,27 +49,20 @@ const getNextElement = (element, focusableElements, shiftKey) => {
     if (element === document.body) {
       return focusableElements[0];
     }
-
     return element;
   }
-
   const increment = shiftKey ? -1 : 1;
   let nextIndex = currentIndex;
   let foundElement;
-
   while (!foundElement) {
     nextIndex += increment;
-
     if (nextIndex < 0) {
       nextIndex += focusableElements.length;
     }
-
     if (nextIndex >= focusableElements.length) {
       nextIndex -= focusableElements.length;
     }
-
     const nextElement = focusableElements[nextIndex];
-
     if (nextElement === element) {
       // guard in case there is only one focusable element (or only a single radio group) in the trap.
       // If this happens we don't want to freeze the browser by looping forever, and it's OK to just focus
@@ -90,21 +73,20 @@ const getNextElement = (element, focusableElements, shiftKey) => {
       if (isRadio(element) && document.activeElement !== element) {
         return getRadioElementToFocus(element.getAttribute("name"), shiftKey);
       }
-
       return element;
     }
-
     if (isRadio(nextElement)) {
       // if we've reached a radio element we need to ensure we focus the correct button in its group
       const nextElementGroupName = nextElement.getAttribute("name");
-
       if (isRadio(element)) {
-        const groupName = element.getAttribute("name"); // if the name is different we're in a new group so can focus the appropriate button in it*/
+        const groupName = element.getAttribute("name");
 
+        // if the name is different we're in a new group so can focus the appropriate button in it*/
         if (nextElementGroupName !== groupName) {
           foundElement = getRadioElementToFocus(nextElementGroupName, shiftKey);
-        } // otherwise we're still in the same radio group so need to continue the loop
+        }
 
+        // otherwise we're still in the same radio group so need to continue the loop
       } else {
         // if we've moved into a radio group from a non-radio starting point, we still have to ensure we focus
         // the correct button in the group
@@ -115,8 +97,6 @@ const getNextElement = (element, focusableElements, shiftKey) => {
       foundElement = nextElement;
     }
   }
-
   return foundElement;
 };
-
 exports.getNextElement = getNextElement;

package/lib/__internal__/focus-trap/focus-trap.component.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _focusTrapUtils = require("./focus-trap-utils");
-
 var _modal = require("../../components/modal/modal.component");
-
 var _usePrevious = _interopRequireDefault(require("../../hooks/__internal__/usePrevious"));
-
 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 FocusTrap = ({
   children,
   autoFocus = true,
@@ -44,7 +35,6 @@ const FocusTrap = ({
     if (!focusableElements || candidate.length !== focusableElements.length) {
       return true;
     }
-
     return Array.from(candidate).some((el, i) => el !== focusableElements[i]);
   }, [focusableElements]);
   const trapWrappers = (0, _react.useMemo)(() => additionalWrapperRefs !== null && additionalWrapperRefs !== void 0 && additionalWrapperRefs.length ? [wrapperRef, ...additionalWrapperRefs] : [wrapperRef], [additionalWrapperRefs, wrapperRef]);
@@ -56,7 +46,6 @@ const FocusTrap = ({
         elements.push(...Array.from(ref.querySelectorAll(focusableSelectors || _focusTrapUtils.defaultFocusableSelectors)).filter(el => Number(el.tabIndex) !== -1));
       }
     });
-
     if (hasNewInputs(elements)) {
       setFocusableElements(Array.from(elements));
       setFirstElement(elements[0]);
@@ -94,9 +83,7 @@ const FocusTrap = ({
         bespokeTrap(ev, firstElement, lastElement);
         return;
       }
-
       const activeElement = document.activeElement;
-
       if (ev.key === "Tab") {
         if (!(focusableElements !== null && focusableElements !== void 0 && focusableElements.length)) {
           /* Block the trap */
@@ -104,13 +91,11 @@ const FocusTrap = ({
         } else if (ev.shiftKey) {
           /* shift + tab */
           let elementToFocus;
-
           if (activeElement === (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
             elementToFocus = (0, _focusTrapUtils.getNextElement)(firstElement, focusableElements, ev.shiftKey);
           } else {
             elementToFocus = (0, _focusTrapUtils.getNextElement)(activeElement, focusableElements, ev.shiftKey);
           }
-
           (0, _focusTrapUtils.setElementFocus)(elementToFocus);
           ev.preventDefault();
         } else if (activeElement === (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
@@ -124,7 +109,6 @@ const FocusTrap = ({
         }
       }
     };
-
     document.addEventListener("keydown", trapFn, true);
     return function cleanup() {
       document.removeEventListener("keydown", trapFn, true);
@@ -132,14 +116,12 @@ const FocusTrap = ({
   }, [firstElement, lastElement, focusableElements, bespokeTrap, wrapperRef]);
   const updateCurrentFocusedElement = (0, _react.useCallback)(() => {
     const element = focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.find(el => el === document.activeElement);
-
     if (element) {
       setCurrentFocusedElement(element);
     }
   }, [focusableElements]);
   const refocusTrap = (0, _react.useCallback)(() => {
     var _wrapperRef$current;
-
     /* istanbul ignore else */
     if (currentFocusedElement && !currentFocusedElement.hasAttribute("disabled")) {
       // the trap breaks if it tries to refocus a disabled element
@@ -162,34 +144,30 @@ const FocusTrap = ({
       setTabIndex(0);
     }
   }, [isOpen]);
-
   const onBlur = () => {
     /* istanbul ignore else */
     if (isOpen) {
       setTabIndex(undefined);
     }
   };
-
-  const focusProps = hasNoTabIndex => ({ ...(hasNoTabIndex && {
+  const focusProps = hasNoTabIndex => ({
+    ...(hasNoTabIndex && {
       tabIndex,
       onBlur
     }),
     onFocus: updateCurrentFocusedElement
-  }); // passes focusProps, sets tabIndex and onBlur if no tabIndex has been expicitly set on child
-
+  });
 
+  // passes focusProps, sets tabIndex and onBlur if no tabIndex has been expicitly set on child
   const clonedChildren = _react.default.Children.map(children, child => {
     var _focusableChild$props;
-
     const focusableChild = child;
     return /*#__PURE__*/_react.default.cloneElement(focusableChild, focusProps((focusableChild === null || focusableChild === void 0 ? void 0 : (_focusableChild$props = focusableChild.props) === null || _focusableChild$props === void 0 ? void 0 : _focusableChild$props.tabIndex) === undefined));
   });
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: trapRef
   }, clonedChildren);
 };
-
 FocusTrap.propTypes = {
   "additionalWrapperRefs": _propTypes.default.arrayOf(_propTypes.default.shape({
     "current": function (props, propName) {

package/lib/__internal__/focus-trap/index.js

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

package/lib/__internal__/form-field/form-field.component.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _utils = require("../../style/utils");
-
 var _formField = _interopRequireWildcard(require("./form-field.style"));
-
 var _label = _interopRequireDefault(require("../label"));
-
 var _fieldHelp = _interopRequireDefault(require("../field-help"));
-
 var _tags = _interopRequireDefault(require("../utils/helpers/tags/tags"));
-
 var _tab = require("../../components/tabs/tab");
-
 var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
-
 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); }
-
 const FormField = ({
   children,
   "data-component": dataComponent,
@@ -74,11 +59,9 @@ const FormField = ({
   !(invalidValidationProp === undefined) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `Prop \`${invalidValidationProp}\` cannot be used in conjunction with \`disabled\`. ` + "Use `readOnly` if you require users to see validations with a non-interactive field") : (0, _invariant.default)(false) : void 0;
   const largeScreen = (0, _useIsAboveBreakpoint.default)(adaptiveLabelBreakpoint);
   let inlineLabel = labelInline;
-
   if (adaptiveLabelBreakpoint) {
     inlineLabel = largeScreen;
   }
-
   const {
     setError,
     setWarning,
@@ -118,7 +101,6 @@ const FormField = ({
     validationIconId: validationIconId
   }, label), fieldHelpInline && fieldHelp, !reverse && children), !fieldHelpInline && fieldHelp);
 };
-
 FormField.propTypes = {
   "adaptiveLabelBreakpoint": _propTypes.default.number,
   "children": _propTypes.default.node,

package/lib/__internal__/form-field/form-field.style.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FieldLineStyle = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _themes = require("../../style/themes");
-
 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 FormFieldStyle = _styledComponents.default.div`
   & + & {
     margin-top: 16px;

package/lib/__internal__/form-field/index.js

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

package/lib/__internal__/full-screen-heading/full-screen-heading.component.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _tags = _interopRequireDefault(require("../utils/helpers/tags/tags"));
-
 var _fullScreenHeading = _interopRequireWildcard(require("./full-screen-heading.style"));
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
-
 const FullScreenHeading = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     children,
@@ -32,7 +23,6 @@ const FullScreenHeading = /*#__PURE__*/_react.default.forwardRef((props, ref) =>
     ref: ref
   }), /*#__PURE__*/_react.default.createElement(_fullScreenHeading.StyledHeaderContainer, null, children));
 });
-
 FullScreenHeading.propTypes = {
   "children": _propTypes.default.node,
   "hasContent": _propTypes.default.bool

package/lib/__internal__/full-screen-heading/full-screen-heading.style.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StyledHeaderContainer = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _heading = require("../../components/heading/heading.style");
-
 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 StyledHeaderContainer = _styledComponents.default.div`
   display: flex;
   flex-wrap: wrap;

package/lib/__internal__/full-screen-heading/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _fullScreenHeading.default;
   }
 });
-
 var _fullScreenHeading = _interopRequireDefault(require("./full-screen-heading.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/i18n-context/index.js

@@ -4,13 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _enGb = _interopRequireDefault(require("../../locales/en-gb"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = /*#__PURE__*/(0, _react.createContext)(_enGb.default);
-
 exports.default = _default;

package/lib/__internal__/input/index.js

@@ -16,12 +16,8 @@ Object.defineProperty(exports, "InputPresentation", {
   }
 });
 exports.default = void 0;
-
 var _input = _interopRequireDefault(require("./input.component"));
-
 var _inputPresentation = _interopRequireDefault(require("./input-presentation.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _input.default;
 exports.default = _default;

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _inputPresentation = _interopRequireWildcard(require("./input-presentation.style"));
-
 var _inputBehaviour = require("../input-behaviour");
-
 var _carbonProvider = require("../../components/carbon-provider/carbon-provider.component");
-
 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 InputPresentation = ({
   children,
   positionedChildren,
@@ -47,17 +38,14 @@ const InputPresentation = ({
     onMouseEnter: onGroupMouseEnter,
     onMouseLeave: onGroupMouseLeave
   } = (0, _react.useContext)(_inputBehaviour.InputGroupContext);
-
   const handleMouseEnter = () => {
     if (onMouseEnter) onMouseEnter();
     if (onGroupMouseEnter) onGroupMouseEnter();
   };
-
   const handleMouseLeave = () => {
     if (onMouseLeave) onMouseLeave();
     if (onGroupMouseLeave) onGroupMouseLeave();
   };
-
   return /*#__PURE__*/_react.default.createElement(_inputPresentation.StyledInputPresentationContainer, {
     inputWidth: inputWidth
   }, positionedChildren, /*#__PURE__*/_react.default.createElement(_inputPresentation.default, {
@@ -77,7 +65,6 @@ const InputPresentation = ({
     hasIcon: hasIcon
   }, children));
 };
-
 InputPresentation.propTypes = {
   "align": _propTypes.default.string,
   "children": _propTypes.default.node,

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StyledInputPresentationContainer = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _inputSizes = _interopRequireDefault(require("./input-sizes.style"));
-
 var _input = _interopRequireDefault(require("./input.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 StyledInputPresentationContainer = _styledComponents.default.div`
   flex: 0 0 ${({
   inputWidth
@@ -25,7 +18,6 @@ const StyledInputPresentationContainer = _styledComponents.default.div`
   position: relative;
 `;
 exports.StyledInputPresentationContainer = StyledInputPresentationContainer;
-
 function stylingForValidations({
   error,
   warning,
@@ -34,11 +26,9 @@ function stylingForValidations({
   validationRedesignOptIn
 }) {
   let validationColor;
-
   if (disabled) {
     return "";
   }
-
   if (error) {
     validationColor = "var(--colorsSemanticNegative500)";
   } else if (warning) {
@@ -48,14 +38,12 @@ function stylingForValidations({
   } else {
     return "";
   }
-
   return (0, _styledComponents.css)`
     border-color: ${validationColor} !important;
     z-index: 1;
     ${error && `box-shadow: inset 1px 1px 0 ${validationColor}, inset -1px -1px 0 ${validationColor};`}
   `;
 }
-
 const InputPresentationStyle = _styledComponents.default.div`
   align-items: stretch;
   background: var(--colorsUtilityYang100);

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

@@ -4,23 +4,14 @@ 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 _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 selectTextOnFocus(input) {
   // setTimeout is required so the dom has a chance to place the cursor in the input
   setTimeout(() => {
@@ -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,7 +33,6 @@ function selectTextOnFocus(input) {
     }
   });
 }
-
 const Input = /*#__PURE__*/_react.default.forwardRef(({
   align,
   placeholder,
@@ -65,11 +55,9 @@ const Input = /*#__PURE__*/_react.default.forwardRef(({
   const groupContext = (0, _react.useContext)(_inputBehaviour.InputGroupContext);
   const deferredTimeout = (0, _react.useRef)(null);
   let input = (0, _react.useRef)(null);
-
   if (ref) {
     input = ref;
   }
-
   (0, _react.useEffect)(() => {
     if (autoFocus && input.current) {
       input.current.focus();
@@ -90,69 +78,54 @@ 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();
   };
-
   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);
   };
-
   return /*#__PURE__*/_react.default.createElement(_input2.default, _extends({}, rest, {
     "aria-labelledby": context.ariaLabelledBy,
     align: align,
@@ -170,7 +143,6 @@ const Input = /*#__PURE__*/_react.default.forwardRef(({
     onChange: handleChange
   }));
 });
-
 Input.propTypes = {
   "about": _propTypes.default.string,
   "accept": _propTypes.default.string,
@@ -238,9 +210,6 @@ Input.propTypes = {
   "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]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),