carbon-react 110.3.0 → 110.5.0

package/esm/components/i18n-provider/i18n-provider.component.js

@@ -1,6 +1,6 @@
 import React from "react";
-import merge from "lodash/merge";
 import PropTypes from "prop-types";
+import merge from "lodash/merge";
 import Context from "../../__internal__/i18n-context";
 import enGB from "../../locales/en-gb";
 
@@ -9,87 +9,107 @@ const I18nProvider = ({
   children
 }) => locale ? /*#__PURE__*/React.createElement(Context.Provider, {
   value: merge({}, enGB, locale)
-}, children) : children;
+}, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
 
-I18nProvider.defaultProps = {
-  locale: undefined
-};
 I18nProvider.propTypes = {
-  locale: PropTypes.shape({
-    locale: PropTypes.func,
-    actions: PropTypes.shape({
-      edit: PropTypes.func,
-      delete: PropTypes.func,
-      reset: PropTypes.func
-    }),
-    actionPopover: PropTypes.shape({
-      ariaLabel: PropTypes.func
-    }),
-    batchSelection: PropTypes.shape({
-      selected: PropTypes.func
-    }),
-    confirm: PropTypes.shape({
-      no: PropTypes.func,
-      yes: PropTypes.func
-    }),
-    date: PropTypes.shape({
-      dateFnsLocale: PropTypes.func
-    }),
-    errors: PropTypes.shape({
-      messages: PropTypes.shape({
-        formSummary: PropTypes.func
-      })
-    }),
-    message: PropTypes.shape({
-      closeButtonAriaLabel: PropTypes.func
-    }),
-    numeralDate: PropTypes.shape({
-      validation: PropTypes.shape({
-        day: PropTypes.func,
-        month: PropTypes.func,
-        year: PropTypes.func
-      })
-    }),
-    pager: PropTypes.shape({
-      show: PropTypes.func,
-      records: PropTypes.func,
-      first: PropTypes.func,
-      last: PropTypes.func,
-      next: PropTypes.func,
-      previous: PropTypes.func,
-      pageX: PropTypes.func,
-      ofY: PropTypes.func
-    }),
-    select: PropTypes.shape({
-      actionButtonText: PropTypes.func,
-      placeholder: PropTypes.func,
-      noResultsForTerm: PropTypes.func
-    }),
-    switch: PropTypes.shape({
-      on: PropTypes.func,
-      off: PropTypes.func
-    }),
-    table: PropTypes.shape({
-      noData: PropTypes.func
-    }),
-    textEditor: PropTypes.shape({
-      tooltipMessages: PropTypes.shape({
-        bold: PropTypes.func,
-        italic: PropTypes.func,
-        bulletList: PropTypes.func,
-        numberList: PropTypes.func
-      }),
-      ariaLabels: PropTypes.shape({
-        bold: PropTypes.func,
-        italic: PropTypes.func,
-        bulletList: PropTypes.func,
-        numberList: PropTypes.func
-      })
-    }),
-    titleSelect: PropTypes.shape({
-      deselect: PropTypes.func
+  "children": PropTypes.node,
+  "locale": PropTypes.shape({
+    "actionPopover": PropTypes.shape({
+      "ariaLabel": PropTypes.func.isRequired
+    }),
+    "actions": PropTypes.shape({
+      "delete": PropTypes.func.isRequired,
+      "edit": PropTypes.func.isRequired
+    }),
+    "batchSelection": PropTypes.shape({
+      "selected": PropTypes.func.isRequired
+    }),
+    "confirm": PropTypes.shape({
+      "no": PropTypes.func.isRequired,
+      "yes": PropTypes.func.isRequired
+    }),
+    "date": PropTypes.shape({
+      "dateFnsLocale": PropTypes.func.isRequired
+    }),
+    "dialog": PropTypes.shape({
+      "ariaLabels": PropTypes.shape({
+        "close": PropTypes.func.isRequired
+      }).isRequired
+    }),
+    "dialogFullScreen": PropTypes.shape({
+      "ariaLabels": PropTypes.shape({
+        "close": PropTypes.func.isRequired
+      }).isRequired
+    }),
+    "errors": PropTypes.shape({
+      "messages": PropTypes.shape({
+        "formSummary": PropTypes.func.isRequired
+      }).isRequired
+    }),
+    "heading": PropTypes.shape({
+      "backLinkAriaLabel": PropTypes.func.isRequired
+    }),
+    "link": PropTypes.shape({
+      "skipLinkLabel": PropTypes.func.isRequired
+    }),
+    "locale": PropTypes.func,
+    "message": PropTypes.shape({
+      "closeButtonAriaLabel": PropTypes.func.isRequired
+    }),
+    "numeralDate": PropTypes.shape({
+      "validation": PropTypes.shape({
+        "day": PropTypes.func.isRequired,
+        "month": PropTypes.func.isRequired,
+        "year": PropTypes.func.isRequired
+      }).isRequired
+    }),
+    "pager": PropTypes.shape({
+      "first": PropTypes.func.isRequired,
+      "last": PropTypes.func.isRequired,
+      "next": PropTypes.func.isRequired,
+      "ofY": PropTypes.func.isRequired,
+      "pageX": PropTypes.func.isRequired,
+      "previous": PropTypes.func.isRequired,
+      "records": PropTypes.func.isRequired,
+      "show": PropTypes.func.isRequired
+    }),
+    "select": PropTypes.shape({
+      "actionButtonText": PropTypes.func.isRequired,
+      "noResultsForTerm": PropTypes.func.isRequired,
+      "placeholder": PropTypes.func.isRequired
+    }),
+    "sidebar": PropTypes.shape({
+      "ariaLabels": PropTypes.shape({
+        "close": PropTypes.func.isRequired
+      }).isRequired
+    }),
+    "switch": PropTypes.shape({
+      "off": PropTypes.func.isRequired,
+      "on": PropTypes.func.isRequired
+    }),
+    "textEditor": PropTypes.shape({
+      "ariaLabels": PropTypes.shape({
+        "bold": PropTypes.func.isRequired,
+        "bulletList": PropTypes.func.isRequired,
+        "italic": PropTypes.func.isRequired,
+        "numberList": PropTypes.func.isRequired
+      }).isRequired,
+      "tooltipMessages": PropTypes.shape({
+        "bold": PropTypes.func.isRequired,
+        "bulletList": PropTypes.func.isRequired,
+        "italic": PropTypes.func.isRequired,
+        "numberList": PropTypes.func.isRequired
+      }).isRequired
+    }),
+    "tileSelect": PropTypes.shape({
+      "deselect": PropTypes.func.isRequired
+    }),
+    "toast": PropTypes.shape({
+      "ariaLabels": PropTypes.shape({
+        "close": PropTypes.func.isRequired
+      }).isRequired
     })
-  }),
-  children: PropTypes.node.isRequired
+  })
 };
+export { I18nProvider };
 export default I18nProvider;

package/esm/components/i18n-provider/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./i18n-provider";
+export { default } from "./i18n-provider.component";
+export type { I18nProviderProps } from "./i18n-provider.component";

package/esm/components/search/search.component.js

@@ -30,6 +30,10 @@ const Search = ({
   "aria-label": ariaLabel = "search",
   inputRef,
   tabIndex,
+  error,
+  warning,
+  info,
+  tooltipPosition,
   ...rest
 }) => {
   const isControlled = value !== undefined;
@@ -159,7 +163,11 @@ const Search = ({
     onChange: handleChange,
     onKeyDown: handleKeyDown,
     inputRef: assignInput,
-    tabIndex: tabIndex
+    tabIndex: tabIndex,
+    error: error,
+    warning: warning,
+    info: info,
+    tooltipPosition: tooltipPosition
   }), searchButton && /*#__PURE__*/React.createElement(StyledSearchButton, null, Boolean(isFocused || (!isControlled ? searchValue.length : value.length)) && /*#__PURE__*/React.createElement(Button, _extends({
     tabIndex: iconTabIndex,
     size: "medium",
@@ -238,6 +246,24 @@ Search.propTypes = {
   }),
 
   /** Input tabindex */
-  tabIndex: PropTypes.number
+  tabIndex: PropTypes.number,
+
+  /** Indicate that error has occurred
+  Pass string to display icon, tooltip and red border
+  Pass true boolean to only display red border */
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.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.oneOfType([PropTypes.bool, PropTypes.string]),
+
+  /** Indicate additional information
+  Pass string to display icon, tooltip and blue border
+  Pass true boolean to only display blue border */
+  info: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+
+  /** Overrides the default tooltip position */
+  tooltipPosition: PropTypes.oneOf(["top", "bottom", "left", "right"])
 };
 export default Search;

package/esm/components/search/search.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
 
-export interface SearchProps extends MarginProps {
+export interface SearchProps extends ValidationProps, MarginProps {
   /** Prop to specify the aria-label of the search component */
   "aria-label"?: string;
   /** Prop for `uncontrolled` use */
@@ -42,6 +42,8 @@ export interface SearchProps extends MarginProps {
   inputRef?: React.RefObject<HTMLInputElement>;
   /** Input tabindex */
   tabIndex?: number;
+  /** Overrides the default tooltip position */
+  tooltipPosition?: "top" | "bottom" | "left" | "right";
 }
 
 declare function Search(props: SearchProps): JSX.Element;

package/esm/components/select/filterable-select/filterable-select.component.js

@@ -155,16 +155,17 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
 
     fillLastFilterCharacter(key);
   }, [fillLastFilterCharacter, onKeyDown, readOnly]);
+  const valueToUse = isControlled.current ? value : selectedValue;
   const handleGlobalClick = useCallback(event => {
     const notInContainer = containerRef.current && !containerRef.current.contains(event.target);
     const notInList = listboxRef.current && !listboxRef.current.contains(event.target);
     isMouseDownReported.current = false;
 
     if (notInContainer && notInList) {
-      setMatchingText(selectedValue, true);
+      setMatchingText(valueToUse, true);
       setOpen(false);
     }
-  }, [setMatchingText, selectedValue]);
+  }, [setMatchingText, valueToUse]);
   useEffect(() => {
     const modeSwitchedMessage = "Input elements should not switch from uncontrolled to controlled (or vice versa). " + "Decide between using a controlled or uncontrolled input element for the lifetime of the component";
     const onChangeMissingMessage = "onChange prop required when using a controlled input element";
@@ -408,7 +409,8 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
     multiColumn: multiColumn,
     loaderDataRole: "filterable-select-list-loader",
     listPlacement: listPlacement,
-    flipEnabled: flipEnabled
+    flipEnabled: flipEnabled,
+    isOpen: isOpen
   }, children);
   return /*#__PURE__*/React.createElement(StyledSelect, _extends({
     ref: containerRef,
@@ -424,11 +426,11 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
   }, /*#__PURE__*/React.createElement(SelectTextbox, _extends({
     activeDescendantId: activeDescendantId,
     labelId: label ? labelId.current : undefined,
-    "aria-controls": isOpen ? selectListId.current : undefined,
+    "aria-controls": selectListId.current,
     isOpen: isOpen,
     hasTextCursor: true,
     textboxRef: textboxRef
-  }, getTextboxProps()))), isOpen && selectList);
+  }, getTextboxProps()))), selectList);
 });
 FilterableSelect.propTypes = { ...formInputPropTypes,
 

package/esm/components/select/multi-select/multi-select.component.js

@@ -425,7 +425,8 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     listPlacement: listPlacement,
     flipEnabled: flipEnabled,
     loaderDataRole: "multi-select-list-loader",
-    multiselectValues: actualValue
+    multiselectValues: actualValue,
+    isOpen: isOpen
   }, children);
   return /*#__PURE__*/React.createElement(StyledSelectMultiSelect, _extends({
     disabled: disabled,
@@ -444,12 +445,12 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
   }, accessibilityLabel), /*#__PURE__*/React.createElement(SelectTextbox, _extends({
     accessibilityLabelId: accessibilityLabelId.current,
     activeDescendantId: activeDescendantId,
-    "aria-controls": isOpen ? selectListId.current : undefined,
+    "aria-controls": selectListId.current,
     hasTextCursor: true,
     isOpen: isOpen,
     labelId: labelId.current,
     textboxRef: textboxRef
-  }, getTextboxProps()))), isOpen && selectList);
+  }, getTextboxProps()))), selectList);
 });
 MultiSelect.propTypes = { ...formInputPropTypes,
 

package/esm/components/select/select-list/select-list.component.js

@@ -46,6 +46,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
   loaderDataRole,
   listPlacement = "bottom-start",
   flipEnabled = true,
+  isOpen,
   ...listProps
 }, listContainerRef) => {
   const [currentOptionsListIndex, setCurrentOptionsListIndex] = useState(-1);
@@ -61,30 +62,35 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
     blockScroll,
     allowScroll
   } = useScrollBlock();
+  const updateListHeight = useCallback(() => {
+    if (isOpen) {
+      let newHeight = listRef.current.clientHeight;
 
-  const updateListHeight = () => {
-    let newHeight = listRef.current.clientHeight;
+      if (listActionButtonRef.current) {
+        newHeight += listActionButtonRef.current.parentElement.clientHeight;
+      }
 
-    if (listActionButtonRef.current) {
-      newHeight += listActionButtonRef.current.parentElement.clientHeight;
+      setListHeight(`${newHeight}px`);
     }
-
-    setListHeight(`${newHeight}px`);
-  };
-
+  }, [isOpen]);
   const listCallbackRef = useCallback(element => {
     listRef.current = element;
 
     if (element) {
       setTimeout(updateListHeight, 0);
     }
-  }, []);
+  }, [updateListHeight]);
   useEffect(() => {
-    blockScroll();
+    if (isOpen) {
+      blockScroll();
+    }
+
     return () => {
-      allowScroll();
+      if (isOpen) {
+        allowScroll();
+      }
     };
-  }, [allowScroll, blockScroll]);
+  }, [allowScroll, blockScroll, isOpen]);
   useLayoutEffect(() => {
     if (multiColumn) {
       setScrollbarWidth(tableRef.current.offsetWidth - tableRef.current.clientWidth);
@@ -108,6 +114,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
       selectionType: "click"
     });
   }, [onSelect]);
+  const childIds = useMemo(() => React.Children.map(children, () => guid()), [children]);
   const childrenWithListProps = useMemo(() => React.Children.map(children, (child, index) => {
     if (!child || child.type !== Option && child.type !== OptionRow) {
       return child;
@@ -115,13 +122,13 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
 
     const newProps = {
       index,
-      id: guid(),
+      id: childIds[index],
       onSelect: handleSelect,
       hidden: isLoading && React.Children.count(children) === 1,
       ref: optionRefList[index]
     };
     return /*#__PURE__*/React.cloneElement(child, newProps);
-  }), [children, handleSelect, isLoading, optionRefList]);
+  }), [children, handleSelect, isLoading, optionRefList, childIds]);
   const childrenList = useMemo(() => React.Children.toArray(childrenWithListProps), [childrenWithListProps]);
   const lastOptionIndex = useMemo(() => {
     let lastIndex = 0;
@@ -188,6 +195,10 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
     }
   }, [anchorElement]);
   const handleGlobalKeydown = useCallback(event => {
+    if (!isOpen) {
+      return;
+    }
+
     const {
       key
     } = event;
@@ -221,7 +232,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
       focusOnAnchor();
       highlightNextItem(key);
     }
-  }, [childrenList, listActionButton, handleActionButtonTab, onSelectListClose, currentOptionsListIndex, onSelect, highlightNextItem, focusOnAnchor]);
+  }, [childrenList, listActionButton, handleActionButtonTab, onSelectListClose, currentOptionsListIndex, onSelect, highlightNextItem, focusOnAnchor, isOpen]);
   const handleListScroll = useCallback(event => {
     const element = event.target;
 
@@ -243,7 +254,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
       window.removeEventListener("resize", assignListWidth);
     };
   }, [assignListWidth]);
-  useLayoutEffect(updateListHeight, [children]);
+  useLayoutEffect(updateListHeight, [children, updateListHeight]);
   useEffect(() => {
     const keyboardEvent = "keydown";
     const listElement = listRef.current;
@@ -315,7 +326,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
     reference: anchorRef,
     onFirstUpdate: setPlacementCallback,
     modifiers: popoverModifiers,
-    disableBackgroundUI: true
+    isOpen: isOpen
   }, /*#__PURE__*/React.createElement(StyledPopoverContainer, {
     height: listHeight,
     width: listWidth,
@@ -397,6 +408,11 @@ SelectList.propTypes = {
   listPlacement: PropTypes.oneOf(["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"]),
 
   /** Use the opposite list placement if the set placement does not fit */
-  flipEnabled: PropTypes.bool
+  flipEnabled: PropTypes.bool,
+
+  /** @private @ignore
+   * Hides the list (with CSS display: none) if not set
+   */
+  isOpen: PropTypes.bool
 };
 export default SelectList;

package/esm/components/select/simple-select/simple-select.component.js

@@ -331,7 +331,8 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
     multiColumn: multiColumn,
     loaderDataRole: "simple-select-list-loader",
     listPlacement: listPlacement,
-    flipEnabled: flipEnabled
+    flipEnabled: flipEnabled,
+    isOpen: isOpen
   }, children);
   return /*#__PURE__*/React.createElement(StyledSelect, _extends({
     transparent: transparent,
@@ -344,12 +345,12 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
   }, filterStyledSystemMarginProps(props)), /*#__PURE__*/React.createElement("div", {
     ref: containerRef
   }, /*#__PURE__*/React.createElement(SelectTextbox, _extends({
-    "aria-controls": isOpen ? selectListId.current : undefined,
+    "aria-controls": selectListId.current,
     activeDescendantId: activeDescendantId,
     labelId: labelId.current,
     isOpen: isOpen,
     textboxRef: textboxRef
-  }, getTextboxProps()))), isOpen && selectList);
+  }, getTextboxProps()))), selectList);
 });
 SimpleSelect.propTypes = {
   /** Styled system spacing props */

package/lib/__internal__/i18n-context/index.d.ts

@@ -1,2 +1,3 @@
-declare var _default: import("react").Context<import("../../locales/locale").default>;
+/// <reference types="react" />
+declare const _default: import("react").Context<import("../../locales/locale").default>;
 export default _default;

package/lib/__internal__/popover/popover.component.d.ts

@@ -13,6 +13,7 @@ export interface PopoverProps {
     onFirstUpdate?: (state: Partial<State>) => void;
     disablePortal?: boolean;
     reference: React.RefObject<HTMLElement>;
+    isOpen?: boolean;
 }
-declare const Popover: ({ children, placement, disablePortal, reference, onFirstUpdate, modifiers, disableBackgroundUI, }: PopoverProps) => JSX.Element;
+declare const Popover: ({ children, placement, disablePortal, reference, onFirstUpdate, modifiers, disableBackgroundUI, isOpen, }: PopoverProps) => JSX.Element;
 export default Popover;

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

@@ -15,7 +15,7 @@ var _core = require("@popperjs/core");
 
 var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
 
-var _popover = _interopRequireDefault(require("./popover.style"));
+var _popover = require("./popover.style");
 
 var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
 
@@ -34,12 +34,12 @@ const Popover = ({
   reference,
   onFirstUpdate,
   modifiers,
-  disableBackgroundUI
+  disableBackgroundUI,
+  isOpen = true
 }) => {
   var _reference$current;
 
-  const elementDOM = (0, _react.useRef)(null); // TODO: Remove TempModalContext after modal has been converted to TS
-
+  const elementDOM = (0, _react.useRef)(null);
   const {
     isInModal
   } = (0, _react.useContext)(_modal.ModalContext);
@@ -73,6 +73,13 @@ const Popover = ({
 
     popperInstance === null || popperInstance === void 0 ? void 0 : (_popperInstance$curre = popperInstance.current) === null || _popperInstance$curre === void 0 ? void 0 : _popperInstance$curre.update();
   });
+  (0, _react.useEffect)(() => {
+    if (isOpen) {
+      var _popperInstance$curre2;
+
+      popperInstance === null || popperInstance === void 0 ? void 0 : (_popperInstance$curre2 = popperInstance.current) === null || _popperInstance$curre2 === void 0 ? void 0 : _popperInstance$curre2.update();
+    }
+  }, [isOpen]);
   (0, _react.useLayoutEffect)(() => {
     if (reference.current) {
       popperInstance.current = (0, _core.createPopper)(reference.current, popperElementRef.current, {
@@ -103,9 +110,12 @@ const Popover = ({
       }
     };
   }, [disablePortal, mountNode]);
+  content = /*#__PURE__*/_react.default.createElement(_popover.StyledPopoverContent, {
+    isOpen: isOpen
+  }, content);
 
   if (disableBackgroundUI) {
-    content = /*#__PURE__*/_react.default.createElement(_popover.default, null, content);
+    content = /*#__PURE__*/_react.default.createElement(_popover.StyledBackdrop, null, content);
   }
 
   if (disablePortal) {
@@ -119,6 +129,7 @@ Popover.propTypes = {
   "children": _propTypes.default.element.isRequired,
   "disableBackgroundUI": _propTypes.default.bool,
   "disablePortal": _propTypes.default.bool,
+  "isOpen": _propTypes.default.bool,
   "modifiers": _propTypes.default.arrayOf(_propTypes.default.shape({
     "enabled": _propTypes.default.bool,
     "name": _propTypes.default.string.isRequired,

package/lib/__internal__/popover/popover.style.d.ts

@@ -1,2 +1,6 @@
-declare const StyledBackdrop: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default StyledBackdrop;
+export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type StyledPopoverContentProps = {
+    isOpen?: boolean;
+};
+export declare const StyledPopoverContent: import("styled-components").StyledComponent<"div", any, StyledPopoverContentProps, never>;
+export {};

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.StyledPopoverContent = exports.StyledBackdrop = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -22,8 +22,13 @@ const StyledBackdrop = _styledComponents.default.div`
 }) => theme.zIndex.popover};
   background: transparent;
 `;
+exports.StyledBackdrop = StyledBackdrop;
 StyledBackdrop.defaultProps = {
   theme: _base.default
 };
-var _default = StyledBackdrop;
-exports.default = _default;
+const StyledPopoverContent = _styledComponents.default.div`
+  ${({
+  isOpen
+}) => !isOpen && "display: none;"}
+`;
+exports.StyledPopoverContent = StyledPopoverContent;

package/lib/__internal__/radio-button-mapper/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./radio-button-mapper";
+export * from "./radio-button-mapper";

package/lib/{components/button-toggle-group/documentation → __internal__/radio-button-mapper}/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _notes.default;
+    return _radioButtonMapper.default;
   }
 });
 
-var _notes = _interopRequireDefault(require("./notes.md"));
+var _radioButtonMapper = _interopRequireDefault(require("./radio-button-mapper.component"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/radio-button-mapper/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/__internal__/radio-button-mapper/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/__internal__/radio-button-mapper/radio-button-mapper.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+
+export interface RadioButtonMapperProps {
+  /** The RadioButton objects to be rendered in the group */
+  children?: React.ReactNode;
+  /** Specifies the name prop to be applied to each button in the group */
+  name: string;
+  /** Callback fired when each RadioButton is blurred */
+  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
+  /** Callback fired when the user selects a RadioButton */
+  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+  /** Callback fired on key down */
+  onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
+  /** Value of the selected RadioButton */
+  value?: string;
+}
+
+declare function RadioButtonMapper(props?: RadioButtonMapperProps): JSX.Element;
+RadioButtonMapper.displayName = "RadioButtonMapper";
+
+export default RadioButtonMapper;

package/lib/__internal__/utils/helpers/tags/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./tags";
+export type { TagProps } from "./tags";