carbon-react 118.5.1 → 118.6.0

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

@@ -3,42 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TAB_GUARD_BOTTOM = exports.TAB_GUARD_TOP = void 0;
-
+exports.default = exports.TAB_GUARD_TOP = exports.TAB_GUARD_BOTTOM = 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"));
-
 var _topModalContext = _interopRequireDefault(require("../../components/carbon-provider/top-modal-context"));
-
 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 _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 TAB_GUARD_TOP = "tab-guard-top";
 exports.TAB_GUARD_TOP = TAB_GUARD_TOP;
-const TAB_GUARD_BOTTOM = "tab-guard-bottom"; // TODO investigate why React.RefObject<T> produces a failed prop type when current = null
+const TAB_GUARD_BOTTOM = "tab-guard-bottom";
 
+// TODO investigate why React.RefObject<T> produces a failed prop type when current = null
 exports.TAB_GUARD_BOTTOM = TAB_GUARD_BOTTOM;
-
-const FocusTrap = ({
-  children,
-  autoFocus = true,
-  focusableSelectors,
-  focusFirstElement,
-  bespokeTrap,
-  wrapperRef,
-  isOpen,
-  additionalWrapperRefs
-}) => {
+const FocusTrap = _ref => {
+  let {
+    children,
+    autoFocus = true,
+    focusableSelectors,
+    focusFirstElement,
+    bespokeTrap,
+    wrapperRef,
+    isOpen,
+    additionalWrapperRefs
+  } = _ref;
   const trapRef = (0, _react.useRef)(null);
   const [currentFocusedElement, setCurrentFocusedElement] = (0, _react.useState)();
   const {
@@ -47,33 +38,30 @@ const FocusTrap = ({
   } = (0, _react.useContext)(_modal.ModalContext);
   const {
     topModal
-  } = (0, _react.useContext)(_topModalContext.default); // we ensure that isTopModal is true if there is no TopModalContext, so that consumers who have not
+  } = (0, _react.useContext)(_topModalContext.default);
+  // we ensure that isTopModal is true if there is no TopModalContext, so that consumers who have not
   // wrapped their app in CarbonProvider do not have all FocusTrap behaviour broken
-
   const isTopModal = !topModal || wrapperRef.current && topModal.contains(wrapperRef.current);
-  const trapWrappers = (0, _react.useMemo)(() => additionalWrapperRefs !== null && additionalWrapperRefs !== void 0 && additionalWrapperRefs.length ? [wrapperRef, ...additionalWrapperRefs] : [wrapperRef], [additionalWrapperRefs, wrapperRef]);
+  const trapWrappers = (0, _react.useMemo)(() => additionalWrapperRefs?.length ? [wrapperRef, ...additionalWrapperRefs] : [wrapperRef], [additionalWrapperRefs, wrapperRef]);
   const onTabGuardTopFocus = (0, _react.useMemo)(() => (0, _focusTrapUtils.onTabGuardFocus)(trapWrappers, focusableSelectors, "top"), [focusableSelectors, trapWrappers]);
   const onTabGuardBottomFocus = (0, _react.useMemo)(() => (0, _focusTrapUtils.onTabGuardFocus)(trapWrappers, focusableSelectors, "bottom"), [focusableSelectors, trapWrappers]);
   (0, _react.useEffect)(() => {
-    additionalWrapperRefs === null || additionalWrapperRefs === void 0 ? void 0 : additionalWrapperRefs.forEach(ref => {
+    additionalWrapperRefs?.forEach(ref => {
       const {
         current: containerElement
-      } = ref; // istanbul ignore else
-
+      } = ref;
+      // istanbul ignore else
       if (containerElement) {
-        var _containerElement$pre, _containerElement$nex;
-
         // istanbul ignore else
-        if (!((_containerElement$pre = containerElement.previousElementSibling) !== null && _containerElement$pre !== void 0 && _containerElement$pre.matches(`[data-element=${TAB_GUARD_TOP}]`))) {
+        if (!containerElement.previousElementSibling?.matches(`[data-element=${TAB_GUARD_TOP}]`)) {
           const topTabGuard = document.createElement("div");
           topTabGuard.tabIndex = 0;
           topTabGuard.dataset.element = TAB_GUARD_TOP;
           containerElement.insertAdjacentElement("beforebegin", topTabGuard);
           topTabGuard.addEventListener("focus", onTabGuardTopFocus(ref));
-        } // istanbul ignore else
-
-
-        if (!((_containerElement$nex = containerElement.nextElementSibling) !== null && _containerElement$nex !== void 0 && _containerElement$nex.matches(`[data-element=${TAB_GUARD_BOTTOM}]`))) {
+        }
+        // istanbul ignore else
+        if (!containerElement.nextElementSibling?.matches(`[data-element=${TAB_GUARD_BOTTOM}]`)) {
           const bottomTabGuard = document.createElement("div");
           bottomTabGuard.tabIndex = 0;
           bottomTabGuard.dataset.element = TAB_GUARD_BOTTOM;
@@ -83,18 +71,13 @@ const FocusTrap = ({
       }
     });
     return () => {
-      additionalWrapperRefs === null || additionalWrapperRefs === void 0 ? void 0 : additionalWrapperRefs.forEach(ref => {
-        var _ref$current, _ref$current2;
-
-        const previousElement = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.previousElementSibling;
-
-        if (previousElement !== null && previousElement !== void 0 && previousElement.matches(`[data-element=${TAB_GUARD_TOP}]`)) {
+      additionalWrapperRefs?.forEach(ref => {
+        const previousElement = ref.current?.previousElementSibling;
+        if (previousElement?.matches(`[data-element=${TAB_GUARD_TOP}]`)) {
           previousElement.remove();
         }
-
-        const nextElement = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.nextElementSibling;
-
-        if (nextElement !== null && nextElement !== void 0 && nextElement.matches(`[data-element=${TAB_GUARD_BOTTOM}]`)) {
+        const nextElement = ref.current?.nextElementSibling;
+        if (nextElement?.matches(`[data-element=${TAB_GUARD_BOTTOM}]`)) {
           nextElement.remove();
         }
       });
@@ -105,8 +88,8 @@ const FocusTrap = ({
   (0, _react.useEffect)(() => {
     if (shouldSetFocus && !prevShouldSetFocus) {
       const candidateFirstElement = focusFirstElement && "current" in focusFirstElement ? focusFirstElement.current : focusFirstElement;
-      const elementToFocus = candidateFirstElement || wrapperRef.current; // istanbul ignore else
-
+      const elementToFocus = candidateFirstElement || wrapperRef.current;
+      // istanbul ignore else
       if (elementToFocus) {
         (0, _focusTrapUtils.setElementFocus)(elementToFocus);
       }
@@ -128,11 +111,9 @@ const FocusTrap = ({
       if (!isTopModal) {
         return;
       }
-
       const focusableElements = getFocusableElements(_focusTrapUtils.defaultFocusableSelectors);
       (0, _focusTrapUtils.trapFunction)(ev, focusableElements, document.activeElement === wrapperRef.current, focusableSelectors, bespokeTrap);
     };
-
     document.addEventListener("keydown", trapFn, true);
     return function cleanup() {
       document.removeEventListener("keydown", trapFn, true);
@@ -140,24 +121,20 @@ const FocusTrap = ({
   }, [bespokeTrap, wrapperRef, focusableSelectors, getFocusableElements, isTopModal]);
   const updateCurrentFocusedElement = (0, _react.useCallback)(() => {
     const focusableElements = getFocusableElements(focusableSelectors || _focusTrapUtils.defaultFocusableSelectors);
-    const element = focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.find(el => el === document.activeElement);
-
+    const element = focusableElements?.find(el => el === document.activeElement);
     if (element) {
       setCurrentFocusedElement(element);
     }
   }, [getFocusableElements, focusableSelectors]);
   const refocusTrap = (0, _react.useCallback)(() => {
-    var _wrapperRef$current;
-
     if (currentFocusedElement && !currentFocusedElement.hasAttribute("disabled")) {
       // the trap breaks if it tries to refocus a disabled element
       (0, _focusTrapUtils.setElementFocus)(currentFocusedElement);
-    } else if ((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.hasAttribute("tabindex")) {
+    } else if (wrapperRef.current?.hasAttribute("tabindex")) {
       (0, _focusTrapUtils.setElementFocus)(wrapperRef.current);
     } else {
       const focusableElements = getFocusableElements(focusableSelectors || _focusTrapUtils.defaultFocusableSelectors);
       /* istanbul ignore else */
-
       if (focusableElements.length) {
         (0, _focusTrapUtils.setElementFocus)(focusableElements[0]);
       }
@@ -175,83 +152,40 @@ 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.cloneElement(focusableChild, focusProps(focusableChild?.props?.tabIndex === undefined));
   });
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: trapRef
   }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-element": TAB_GUARD_TOP // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    "data-element": TAB_GUARD_TOP
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0,
     onFocus: onTabGuardTopFocus(wrapperRef)
   }), clonedChildren, /*#__PURE__*/_react.default.createElement("div", {
-    "data-element": TAB_GUARD_BOTTOM // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    "data-element": TAB_GUARD_BOTTOM
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0,
     onFocus: onTabGuardBottomFocus(wrapperRef)
   }));
 };
-
-FocusTrap.propTypes = {
-  "additionalWrapperRefs": _propTypes.default.arrayOf(_propTypes.default.shape({
-    "current": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    }
-  })),
-  "autoFocus": _propTypes.default.bool,
-  "bespokeTrap": _propTypes.default.func,
-  "children": _propTypes.default.node,
-  "focusableSelectors": _propTypes.default.string,
-  "focusFirstElement": _propTypes.default.oneOfType([function (props, propName) {
-    if (props[propName] == null) {
-      return new Error("Prop '" + propName + "' is required but wasn't specified");
-    } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error("Expected prop '" + propName + "' to be of type Element");
-    }
-  }, _propTypes.default.shape({
-    "current": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    }
-  })]),
-  "isOpen": _propTypes.default.bool,
-  "wrapperRef": _propTypes.default.shape({
-    "current": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    }
-  }).isRequired
-};
 var _default = FocusTrap;
 exports.default = _default;

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

@@ -57,7 +57,7 @@ export interface FormFieldProps extends CommonFormFieldProps, TagProps {
     useValidationIcon?: boolean;
 }
 declare const FormField: {
-    ({ children, "data-component": dataComponent, disabled, fieldHelp: fieldHelpContent, fieldHelpInline, error, warning, info, tooltipId, fieldHelpId, label, labelId, labelAlign, labelHelp, labelHelpIcon, labelInline, labelSpacing, labelWidth, id, reverse, isOptional, useValidationIcon, adaptiveLabelBreakpoint, isRequired, validationIconId, validationRedesignOptIn, ...rest }: FormFieldProps): JSX.Element;
+    ({ children, "data-component": dataComponent, disabled, fieldHelp: fieldHelpContent, fieldHelpInline, error, warning, info, tooltipId, fieldHelpId, label, labelId, labelAlign, labelHelp, labelHelpIcon, labelInline, labelSpacing, labelWidth, id, reverse, isOptional, useValidationIcon, adaptiveLabelBreakpoint, isRequired, validationIconId, validationRedesignOptIn, ...rest }: FormFieldProps): React.JSX.Element;
     displayName: string;
 };
 export default FormField;

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

@@ -4,64 +4,50 @@ 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 _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"));
-
 var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
-
 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,
-  disabled,
-  fieldHelp: fieldHelpContent,
-  fieldHelpInline,
-  error,
-  warning,
-  info,
-  tooltipId,
-  fieldHelpId,
-  label,
-  labelId,
-  labelAlign,
-  labelHelp,
-  labelHelpIcon,
-  labelInline,
-  labelSpacing = 2,
-  labelWidth,
-  id,
-  reverse,
-  isOptional,
-  useValidationIcon,
-  adaptiveLabelBreakpoint,
-  isRequired,
-  validationIconId,
-  validationRedesignOptIn,
-  ...rest
-}) => {
+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 FormField = _ref => {
+  let {
+    children,
+    "data-component": dataComponent,
+    disabled,
+    fieldHelp: fieldHelpContent,
+    fieldHelpInline,
+    error,
+    warning,
+    info,
+    tooltipId,
+    fieldHelpId,
+    label,
+    labelId,
+    labelAlign,
+    labelHelp,
+    labelHelpIcon,
+    labelInline,
+    labelSpacing = 2,
+    labelWidth,
+    id,
+    reverse,
+    isOptional,
+    useValidationIcon,
+    adaptiveLabelBreakpoint,
+    isRequired,
+    validationIconId,
+    validationRedesignOptIn,
+    ...rest
+  } = _ref;
   const invalidValidationProp = (0, _react.useMemo)(() => {
     const validationProps = {
       error: !!error,
@@ -74,11 +60,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,
@@ -132,191 +116,6 @@ const FormField = ({
     validationIconId: validationIconId
   }, label), fieldHelpInline && fieldHelp, !reverse && children), !fieldHelpInline && fieldHelp);
 };
-
-FormField.propTypes = {
-  "adaptiveLabelBreakpoint": _propTypes.default.number,
-  "children": _propTypes.default.node,
-  "data-component": _propTypes.default.string,
-  "data-element": _propTypes.default.string,
-  "data-role": _propTypes.default.string,
-  "disabled": _propTypes.default.bool,
-  "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  "fieldHelp": _propTypes.default.node,
-  "fieldHelpId": _propTypes.default.string,
-  "fieldHelpInline": _propTypes.default.bool,
-  "id": _propTypes.default.string.isRequired,
-  "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  "isOptional": _propTypes.default.bool,
-  "isRequired": _propTypes.default.bool,
-  "label": _propTypes.default.node,
-  "labelAlign": _propTypes.default.oneOf(["left", "right"]),
-  "labelHelp": _propTypes.default.node,
-  "labelHelpIcon": _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"]),
-  "labelId": _propTypes.default.string,
-  "labelInline": _propTypes.default.bool,
-  "labelSpacing": _propTypes.default.oneOf([1, 2]),
-  "labelWidth": _propTypes.default.number,
-  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "reverse": _propTypes.default.bool,
-  "tooltipId": _propTypes.default.string,
-  "useValidationIcon": _propTypes.default.bool,
-  "validationIconId": _propTypes.default.string,
-  "validationRedesignOptIn": _propTypes.default.bool,
-  "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
-};
 FormField.displayName = "FormField";
 var _default = FormField;
 exports.default = _default;

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; }
-
+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 FormFieldStyle = _styledComponents.default.div`
   & + & {
     margin-top: 16px;
@@ -28,11 +22,14 @@ FormFieldStyle.defaultProps = {
   theme: _themes.baseTheme
 };
 const FieldLineStyle = _styledComponents.default.div`
-  ${({
-  inline
-}) => (0, _styledComponents.css)`
+  ${_ref => {
+  let {
+    inline
+  } = _ref;
+  return (0, _styledComponents.css)`
     display: ${inline ? "flex" : "block"};
-  `}
+  `;
+}}
 `;
 exports.FieldLineStyle = FieldLineStyle;
 var _default = FormFieldStyle;