carbon-react 111.12.3 → 111.12.4

package/lib/components/radio-button/index.js

@@ -22,10 +22,16 @@ Object.defineProperty(exports, "RadioButtonGroup", {
   }
 });
 exports.default = void 0;
+
 var _radioButton = _interopRequireWildcard(require("./radio-button.component"));
+
 var _radioButtonGroup = _interopRequireDefault(require("./radio-button-group.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; }
+
 var _default = _radioButton.default;
 exports.default = _default;

package/lib/components/radio-button/radio-button-group.component.js

@@ -4,19 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _fieldset = _interopRequireDefault(require("../../__internal__/fieldset"));
+
 var _radioButtonGroup = _interopRequireDefault(require("./radio-button-group.style"));
+
 var _radioButtonMapper = _interopRequireDefault(require("../../__internal__/radio-button-mapper/radio-button-mapper.component"));
+
 var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
+
 var _utils = require("../../style/utils");
+
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
+
 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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
+
 const RadioButtonGroup = props => {
   const {
     children,
@@ -43,13 +57,17 @@ const RadioButtonGroup = props => {
   const isAboveLegendBreakpoint = (0, _useIsAboveBreakpoint.default)(adaptiveLegendBreakpoint);
   const isAboveSpacingBreakpoint = (0, _useIsAboveBreakpoint.default)(adaptiveSpacingBreakpoint);
   let inlineLegend = legendInline;
+
   if (adaptiveLegendBreakpoint) {
     inlineLegend = isAboveLegendBreakpoint;
   }
+
   let marginLeft = marginProps.ml;
+
   if (adaptiveSpacingBreakpoint && !isAboveSpacingBreakpoint) {
     marginLeft = undefined;
   }
+
   return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
     tooltipPosition: tooltipPosition
   }, /*#__PURE__*/_react.default.createElement(_fieldset.default, _extends({
@@ -87,50 +105,69 @@ const RadioButtonGroup = props => {
     });
   })))));
 };
-RadioButtonGroup.propTypes = {
-  ...marginPropTypes,
+
+RadioButtonGroup.propTypes = { ...marginPropTypes,
+
   /** The RadioButton objects to be rendered in the group */
   children: _propTypes.default.node.isRequired,
+
   /** Specifies the name prop to be applied to each button in the group */
   name: _propTypes.default.string.isRequired,
+
   /** The content for the RadioGroup Legend */
   legend: _propTypes.default.string,
+
   /** Indicate that error has occurred
   Pass string to display icon, tooltip and red border
   Pass true boolean to only display red border */
   error: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
   /** Indicate that warning has occurred
   Pass string to display icon, tooltip and orange border
   Pass true boolean to only display orange border */
   warning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
   /** Indicate additional information
   Pass string to display icon, tooltip and blue border
   Pass true boolean to only display blue border */
   info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
   /** Callback fired when each RadioButton is blurred */
   onBlur: _propTypes.default.func,
+
   /** Callback fired when the user selects a RadioButton */
   onChange: _propTypes.default.func,
+
   /** value of the selected RadioButton */
   value: _propTypes.default.string,
+
   /** When true, RadioButtons are in line */
   inline: _propTypes.default.bool,
+
   /** When true, legend is placed in line with the radiobuttons */
   legendInline: _propTypes.default.bool,
+
   /** Percentage width of legend (only when legend is inline)  */
   legendWidth: _propTypes.default.number,
+
   /** Text alignment of legend when inline */
   legendAlign: _propTypes.default.oneOf(["left", "right"]),
+
   /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
   legendSpacing: _propTypes.default.oneOf([1, 2]),
+
   /** Spacing between labels and radio buttons, given number will be multiplied by base spacing unit (8) */
   labelSpacing: _propTypes.default.oneOf([1, 2]),
+
   /** Breakpoint for adaptive legend (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLegendBreakpoint: _propTypes.default.number,
+
   /** Breakpoint for adaptive spacing (left margin changes to 0). Enables the adaptive behaviour when set */
   adaptiveSpacingBreakpoint: _propTypes.default.number,
+
   /** Flag to configure component as mandatory */
   required: _propTypes.default.bool,
+
   /** Overrides the default tooltip position */
   tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"])
 };

package/lib/components/radio-button/radio-button-group.style.js

@@ -4,9 +4,13 @@ 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; }
+
 const RadioButtonGroupStyle = _styledComponents.default.div`
   ${({
   inline,

package/lib/components/radio-button/radio-button-svg.component.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const RadioButtonSvg = () => {
   return /*#__PURE__*/_react.default.createElement(_checkableInputSvgWrapper.default, null, /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
@@ -24,5 +28,7 @@ const RadioButtonSvg = () => {
     r: "5"
   }))));
 };
+
 var _default = /*#__PURE__*/_react.default.memo(RadioButtonSvg, () => true);
+
 exports.default = _default;

package/lib/components/radio-button/radio-button.component.js

@@ -4,18 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PrivateRadioButton = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _radioButton = _interopRequireDefault(require("./radio-button.style"));
+
 var _checkableInput = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input.component"));
+
 var _radioButtonSvg = _interopRequireDefault(require("./radio-button-svg.component"));
+
 var _utils = require("../../style/utils");
+
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
+
 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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 const radioButtonGroupPassedProps = {
   /** Props to be passed from RadioButtonGroup */
@@ -25,6 +38,7 @@ const radioButtonGroupPassedProps = {
   warning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
   info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
 };
+
 const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
   autoFocus,
   checked,
@@ -59,8 +73,8 @@ const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
 }, ref) => {
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
   const handleChange = (0, _react.useCallback)(ev => {
-    onChange(ev);
-    // trigger focus, as Safari doesn't focus radioButtons on click by default
+    onChange(ev); // trigger focus, as Safari doesn't focus radioButtons on click by default
+
     ev.target.focus();
   }, [onChange]);
   const commonProps = {
@@ -72,8 +86,7 @@ const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
     warning,
     info
   };
-  const inputProps = {
-    ...commonProps,
+  const inputProps = { ...commonProps,
     autoFocus,
     checked,
     fieldHelp,
@@ -89,6 +102,7 @@ const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
     id,
     value,
     type: "radio",
+
     /**
      * Invert the reverse prop, to ensure the FormField component renders the components
      * in the desired order (other elements which use FormField render their sub-components the
@@ -111,67 +125,93 @@ const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
     size: size
   }, commonProps, marginProps), /*#__PURE__*/_react.default.createElement(_checkableInput.default, inputProps, /*#__PURE__*/_react.default.createElement(_radioButtonSvg.default, null))));
 });
+
 exports.PrivateRadioButton = RadioButton;
 RadioButton.displayName = "RadioButton";
-RadioButton.propTypes = {
-  ...marginPropTypes,
+RadioButton.propTypes = { ...marginPropTypes,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-element": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-role": _propTypes.default.string,
+
   /** If true the Component will be focused when page load */
   autoFocus: _propTypes.default.bool,
+
   /** Set the value of the radio button */
   checked: _propTypes.default.bool,
+
   /** Toggles disabling of input */
   disabled: _propTypes.default.bool,
+
   /** The fieldHelp content to display for the input */
   fieldHelp: _propTypes.default.node,
+
   /** Displays fieldHelp inline with the radio button */
   fieldHelpInline: _propTypes.default.bool,
+
   /** Unique Identifier for the input. Will use a randomly generated GUID if none is provided */
   id: _propTypes.default.string,
+
   /** Sets percentage-based input width */
   inputWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
   /** The content of the label for the input */
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+
   /** The content for the help tooltip, to appear next to the Label */
   labelHelp: _propTypes.default.node,
+
   /** Sets label alignment - accepted values: 'left' (default), 'right' */
   labelAlign: _propTypes.default.oneOf(["left", "right"]),
+
   /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
   labelSpacing: _propTypes.default.oneOf([1, 2]),
+
   /** Sets percentage-based label width */
   labelWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
   /** The name of the the RadioButton (can also be set via the 'name' prop of the RadioButtonGroup component) */
   name: _propTypes.default.string,
+
   /** Accepts a callback function which can be used to update parent state on change */
   onChange: _propTypes.default.func,
+
   /** Accepts a callback function which is triggered on blur event */
   onBlur: _propTypes.default.func,
+
   /** Accepts a callback function which is triggered on focus event */
   onFocus: _propTypes.default.func,
+
   /** Accepts a callback function which is triggered on click event */
   onClick: _propTypes.default.func,
+
   /** Reverses label and radio button display */
   reverse: _propTypes.default.bool,
+
   /**
    * Set the size of the radio button to 'small' (16x16 - default) or 'large' (24x24).
    * No effect when using Classic theme.
    */
   size: _propTypes.default.oneOf(["small", "large"]),
+
   /** the value of the Radio Button, passed on form submit */
   value: _propTypes.default.string.isRequired,
   children: (props, propName, componentName) => {
     if (props[propName]) {
       return new Error(`Forbidden prop \`${propName}\` supplied to \`${componentName}\`. ` + "This component is meant to be used as a self-closing tag. " + "You should probably use the label prop instead.");
     }
+
     return null;
   },
+
   /** Overrides the default tooltip position */
   tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"]),
+
   /** Aria label for rendered help component */
   helpAriaLabel: _propTypes.default.string,
   ...radioButtonGroupPassedProps
@@ -181,5 +221,7 @@ RadioButton.defaultProps = {
   labelSpacing: 1,
   "data-component": "radio-button"
 };
+
 var _default = /*#__PURE__*/_react.default.memo(RadioButton);
+
 exports.default = _default;

package/lib/components/radio-button/radio-button.style.js

@@ -4,19 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _fieldHelp = _interopRequireDefault(require("../../__internal__/field-help/field-help.style"));
+
 var _checkbox = _interopRequireDefault(require("../checkbox/checkbox.style"));
+
 var _hiddenCheckableInput = _interopRequireDefault(require("../../__internal__/checkable-input/hidden-checkable-input.style"));
+
 var _checkableInput = require("../../__internal__/checkable-input/checkable-input.style");
+
 var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
+
 var _label = require("../../__internal__/label/label.style");
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.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 RadioButtonStyle = (0, _styledComponents.default)(_checkbox.default)`
   ${({
   disabled,

package/lib/components/search/index.js

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

package/lib/components/search/search-button.style.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StyledButtonIcon = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _button = _interopRequireDefault(require("../button/button.style"));
+
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
+
 var _themes = require("../../style/themes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledButtonIcon = _styledComponents.default.div`
   &&& ${_icon.default} {
     color: var(--colorsActionMajorYang100);

package/lib/components/search/search.component.js

@@ -4,20 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Search = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _invariant = _interopRequireDefault(require("invariant"));
+
 var _utils = require("../../style/utils");
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _search = _interopRequireDefault(require("./search.style"));
+
 var _searchButton = _interopRequireWildcard(require("./search-button.style"));
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 var _textbox = _interopRequireDefault(require("../textbox"));
+
 var _button = _interopRequireDefault(require("../button"));
+
 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 Search = ({
   defaultValue,
   onChange,
@@ -55,29 +70,37 @@ const Search = ({
   const [iconType, iconTabIndex] = (0, _react.useMemo)(() => {
     const isSearchValueEmpty = !isControlled ? searchValue.length === 0 : value.length === 0;
     const isFocusedOrActive = isFocused || searchIsActive || (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === document.activeElement;
+
     if (!isSearchValueEmpty) {
       return ["cross", 0];
     }
+
     if (!isFocusedOrActive || threshold === 0 || !searchButton && isSearchValueEmpty) {
       return ["search", -1];
     }
+
     return [undefined, -1];
   }, [isControlled, searchValue, value, isFocused, searchIsActive, threshold, searchButton, inputRef]);
   let buttonProps = {};
+
   const handleChange = event => {
     if (onChange) {
       onChange(event);
     }
+
     if (!isControlled) {
       setSearchValue(event.target.value);
     }
   };
+
   const handleFocus = event => {
     setIsFocused(true);
+
     if (onFocus) {
       onFocus(event);
     }
   };
+
   if (searchButton && onClick) {
     buttonProps = {
       onClick: () => {
@@ -91,12 +114,13 @@ const Search = ({
       }
     };
   }
+
   const handleIconClick = () => {
     setSearchValue("");
+
     if (onChange) {
       onChange({
-        target: {
-          ...(name && {
+        target: { ...(name && {
             name
           }),
           ...(id && {
@@ -107,28 +131,35 @@ const Search = ({
       });
     }
   };
+
   const handleMouseDown = event => {
     event.preventDefault();
   };
+
   const handleBlur = event => {
     setIsFocused(false);
+
     if (onBlur) {
       onBlur(event);
     }
   };
+
   const handleKeyDown = event => {
     if (event.key.length === 1) {
       event.stopPropagation();
     }
+
     if (onKeyDown) {
       onKeyDown(event);
     }
   };
+
   const assignInput = input => {
     if (inputRef) {
       inputRef.current = input === null || input === void 0 ? void 0 : input.current;
     }
   };
+
   const isSearchTyped = isFocused || (!isControlled ? !!searchValue.length : !!value.length);
   return /*#__PURE__*/_react.default.createElement(_search.default, _extends({
     isFocused: isFocused,
@@ -166,6 +197,7 @@ const Search = ({
     type: "search"
   })))));
 };
+
 exports.Search = Search;
 Search.propTypes = {
   "aria-label": _propTypes.default.string,

package/lib/components/search/search.style.js

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledSystem = require("styled-system");
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
+
 var _inputPresentation = _interopRequireDefault(require("../../__internal__/input/input-presentation.style"));
+
 var _input = _interopRequireDefault(require("../../__internal__/input/input.style"));
+
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
+
 var _themes = require("../../style/themes");
+
 var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.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 StyledSearch = _styledComponents.default.div`
   ${({
   isFocused,

package/lib/components/select/__internal__/select-list-context.js

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

package/lib/components/select/__internal__/select-text/select-text.component.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 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 = ({
   disabled,
   formattedValue = "",
@@ -21,9 +26,11 @@ const SelectText = ({
   size = "medium"
 }) => {
   const hasPlaceholder = !disabled && !readOnly && !formattedValue;
+
   function handleClick(event) {
     onClick(event);
   }
+
   return /*#__PURE__*/_react.default.createElement(_selectText.default, {
     "aria-hidden": true,
     "data-element": "select-text",
@@ -40,25 +47,35 @@ const SelectText = ({
     size: size
   }, hasPlaceholder ? placeholder : formattedValue);
 };
+
 SelectText.propTypes = {
   /** If true the Component will be disabled */
   disabled: _propTypes.default.bool,
+
   /** Value to be displayed */
   formattedValue: _propTypes.default.string,
+
   /** Callback function for when the component is clicked. */
   onClick: _propTypes.default.func,
+
   /** Callback function for when the key is pressed when focused on Select Text. */
   onKeyDown: _propTypes.default.func,
+
   /** Callback function for when the left mouse key is pressed when focused on Select Text. */
   onMouseDown: _propTypes.default.func,
+
   /** Placeholder string to be displayed when formattedValue is empty */
   placeholder: _propTypes.default.string,
+
   /** If true the Component will be read-only */
   readOnly: _propTypes.default.bool,
+
   /** If true the component has no border and a transparent background */
   transparent: _propTypes.default.bool,
+
   /** Id of the Select Text element */
   textId: _propTypes.default.string,
+
   /** Component size */
   size: _propTypes.default.string
 };