carbon-react 107.1.5 → 107.1.8

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface AnchorNavigationItemProps {
+    /** Reference to the section html element meant to be shown   */
+    target?: React.RefObject<HTMLElement>;
+    /** href to be passed to the anchor element, can be linked with id passed to the scrollable section */
+    href?: string;
+    /** Indicates if component is selected */
+    isSelected?: boolean;
+    /** onClick handler */
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement>) => void;
+    /** OnKeyDown handler */
+    onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement>) => void;
+    /** tabIndex passed to the anchor element */
+    tabIndex?: number;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+declare const AnchorNavigationItem: React.ForwardRefExoticComponent<AnchorNavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;
+export default AnchorNavigationItem;

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js

@@ -13,7 +13,6 @@ var _anchorNavigationItem = _interopRequireDefault(require("./anchor-navigation-
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* eslint-disable react/no-unused-prop-types */
 const AnchorNavigationItem = /*#__PURE__*/_react.default.forwardRef(({
   children,
   onKeyDown,
@@ -33,26 +32,20 @@ const AnchorNavigationItem = /*#__PURE__*/_react.default.forwardRef(({
 }, children)));
 
 AnchorNavigationItem.propTypes = {
-  children: _propTypes.default.node,
-
-  /** OnKeyDown handler */
-  onKeyDown: _propTypes.default.func,
-
-  /** onClick handler */
-  onClick: _propTypes.default.func,
-
-  /** href to be passed to the anchor element, can be linked with id passed to the scrollable section */
-  href: _propTypes.default.string,
-
-  /** tabIndex passed to the anchor element */
-  tabIndex: _propTypes.default.number,
-
-  /** Indicates if component is selected */
-  isSelected: _propTypes.default.bool,
-
-  /** Reference to the section html element meant to be shown   */
-  target: _propTypes.default.shape({
-    current: _propTypes.default.instanceOf(Element)
+  "children": _propTypes.default.node,
+  "href": _propTypes.default.string,
+  "isSelected": _propTypes.default.bool,
+  "onClick": _propTypes.default.func,
+  "onKeyDown": _propTypes.default.func,
+  "tabIndex": _propTypes.default.number,
+  "target": _propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), 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");
+      }
+    }]).isRequired
   })
 };
 AnchorNavigationItem.displayName = "AnchorNavigationItem";

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.d.ts

@@ -0,0 +1,5 @@
+export interface StyledNavigationItemProps {
+    isSelected?: boolean;
+}
+declare const StyledNavigationItem: import("styled-components").StyledComponent<"li", any, StyledNavigationItemProps, never>;
+export default StyledNavigationItem;

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledNavigationItem = _styledComponents.default.li`
   width: 100%;
 
@@ -46,8 +42,5 @@ const StyledNavigationItem = _styledComponents.default.li`
       `}
   }
 `;
-StyledNavigationItem.propTypes = {
-  isSelected: _propTypes.default.bool
-};
 var _default = StyledNavigationItem;
 exports.default = _default;

package/lib/components/anchor-navigation/anchor-navigation.component.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface AnchorNavigationProps {
+    /** Child elements */
+    children?: React.ReactNode;
+    /** The AnchorNavigationItems components to be rendered in the sticky navigation.
+    It is important to maintain proper structure.
+    List of AnchorNavigationItems has to be wrapped in React.Fragment */
+    stickyNavigation?: React.ReactNode;
+}
+declare const AnchorNavigation: {
+    ({ children, stickyNavigation, }: AnchorNavigationProps): JSX.Element;
+    displayName: string;
+};
+export default AnchorNavigation;

package/lib/components/anchor-navigation/anchor-navigation.component.js

@@ -9,10 +9,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _throttle = _interopRequireDefault(require("lodash/throttle"));
-
 var _reactIs = require("react-is");
 
+var _invariant = _interopRequireDefault(require("invariant"));
+
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _anchorNavigation = require("./anchor-navigation.style");
@@ -32,45 +34,57 @@ const AnchorNavigation = ({
   children,
   stickyNavigation
 }) => {
+  (0, _invariant.default)((0, _reactIs.isFragment)(stickyNavigation), "`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.");
+  const hasCorrectItemStructure = (0, _react.useMemo)(() => {
+    const incorrectChild = _react.default.Children.toArray(stickyNavigation.props.children).find(child => {
+      return ! /*#__PURE__*/_react.default.isValidElement(child) || child.type.displayName !== _anchorNavigationItem.default.displayName;
+    });
+
+    return !incorrectChild;
+  }, [stickyNavigation]);
+  (0, _invariant.default)(hasCorrectItemStructure, `\`stickyNavigation\` prop in \`AnchorNavigation\` should be a React Fragment that only contains children of type \`${_anchorNavigationItem.default.displayName}\``);
   const [selectedIndex, setSelectedIndex] = (0, _react.useState)(0);
   const sectionRefs = (0, _react.useRef)(_react.default.Children.map(stickyNavigation.props.children, child => child.props.target));
   const anchorRefs = (0, _react.useRef)(Array.from({
     length: _react.default.Children.count(stickyNavigation.props.children)
-  }, () => /*#__PURE__*/_react.default.createRef()));
-  const contentRef = (0, _react.useRef)();
-  const navigationRef = (0, _react.useRef)();
+  }, () => /*#__PURE__*/(0, _react.createRef)()));
+  const contentRef = (0, _react.useRef)(null);
+  const navigationRef = (0, _react.useRef)(null);
   const isUserScroll = (0, _react.useRef)(true);
   const isUserScrollTimer = (0, _react.useRef)();
   const setSelectedAnchorBasedOnScroll = (0, _react.useCallback)(() => {
-    const sectionsTopOffsets = sectionRefs.current.map(({
+    // istanbul ignore if
+    // function is called only after component is rendered, so ref cannot hold a null value
+    if (navigationRef.current === null) return;
+    const offsetsWithIndexes = sectionRefs.current.map(({
       current
-    }) => current.getBoundingClientRect().top);
+    }, index) => [index, current === null || current === void 0 ? void 0 : current.getBoundingClientRect().top]).filter(offsetWithIndex => offsetWithIndex[1] !== undefined);
     const {
       top: navTopOffset
     } = navigationRef.current.getBoundingClientRect();
-    const indexOfSmallestNegativeTopOffset = sectionsTopOffsets.reduce((currentTopIndex, sectionTopOffset, index) => {
-      if (sectionTopOffset - SECTION_VISIBILITY_OFFSET > navTopOffset) return currentTopIndex;
-      return sectionTopOffset > sectionsTopOffsets[currentTopIndex] ? index : currentTopIndex;
-    }, 0);
+    const indexOfSmallestNegativeTopOffset = offsetsWithIndexes.reduce((currentTopIndex, offsetWithIndex) => {
+      const [index, offset] = offsetWithIndex;
+      if (offset - SECTION_VISIBILITY_OFFSET > navTopOffset) return currentTopIndex;
+      return offset > offsetsWithIndexes[currentTopIndex][1] ? index : currentTopIndex;
+    }, offsetsWithIndexes[0][0]);
     setSelectedIndex(indexOfSmallestNegativeTopOffset);
   }, []);
-  const scrollHandler = (0, _react.useCallback)((0, _throttle.default)(() => {
+  const scrollHandler = (0, _react.useMemo)(() => (0, _throttle.default)(() => {
     if (isUserScroll.current) {
       setSelectedAnchorBasedOnScroll();
     } else {
-      window.clearTimeout(isUserScrollTimer.current);
+      if (isUserScrollTimer.current !== undefined) window.clearTimeout(isUserScrollTimer.current);
       isUserScrollTimer.current = setTimeout(() => {
         isUserScroll.current = true;
       }, SCROLL_THROTTLE + 50);
     }
-  }, SCROLL_THROTTLE), []);
+  }, SCROLL_THROTTLE), [setSelectedAnchorBasedOnScroll]);
   (0, _react.useEffect)(() => {
     window.addEventListener("scroll", scrollHandler, true);
     return () => window.removeEventListener("scroll", scrollHandler, true);
   }, [scrollHandler]);
 
   const focusFirstFocusableChild = section => {
-    // eslint-disable-next-line max-len
     const defaultFocusableSelectors = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])';
     const firstFocusableElement = section.querySelector(defaultFocusableSelectors);
 
@@ -81,46 +95,45 @@ const AnchorNavigation = ({
     }
   };
 
-  const scrollToSection = section => {
-    isUserScroll.current = false;
-    section.scrollIntoView({
-      block: "start",
-      inline: "nearest",
-      behavior: "smooth"
-    });
-  };
+  const scrollToSection = index => {
+    const sectionToScroll = sectionRefs.current[index].current; // istanbul ignore if
+    // function is called only after component is rendered, so ref cannot hold a null value
 
-  const handleClick = (event, index) => {
-    event.preventDefault();
-    const sectionToScroll = sectionRefs.current[index].current;
+    if (sectionToScroll === null) return;
     focusFirstFocusableChild(sectionToScroll); // workaround due to preventScroll focus method option on firefox not working consistently
 
     window.setTimeout(() => {
-      scrollToSection(sectionToScroll);
+      isUserScroll.current = false;
+      sectionToScroll.scrollIntoView({
+        block: "start",
+        inline: "nearest",
+        behavior: "smooth"
+      });
       setSelectedIndex(index);
     }, 10);
   };
 
-  const focusNavItem = (event, index) => {
-    event.preventDefault();
-    let newIndex = index;
+  const focusNavItem = index => {
+    var _anchorRefs$current$c;
 
-    if (index === -1) {
-      newIndex = anchorRefs.current.length - 1;
-    } else if (index === anchorRefs.current.length) {
-      newIndex = 0;
-    }
+    const noOfRefs = anchorRefs.current.length;
+    (_anchorRefs$current$c = anchorRefs.current[(index % noOfRefs + noOfRefs) % noOfRefs].current) === null || _anchorRefs$current$c === void 0 ? void 0 : _anchorRefs$current$c.focus();
+  };
 
-    anchorRefs.current[newIndex].current.focus();
+  const handleClick = (event, index) => {
+    event.preventDefault();
+    scrollToSection(index);
   };
 
   const handleKeyDown = (event, index) => {
+    event.preventDefault();
+
     if (_events.default.isUpKey(event)) {
-      focusNavItem(event, index - 1);
+      focusNavItem(index - 1);
     } else if (_events.default.isDownKey(event)) {
-      focusNavItem(event, index + 1);
+      focusNavItem(index + 1);
     } else if (_events.default.isEnterKey(event) || _events.default.isSpaceKey(event)) {
-      handleClick(event, index);
+      scrollToSection(index);
     }
   };
 
@@ -133,45 +146,16 @@ const AnchorNavigation = ({
   }, _react.default.Children.map(stickyNavigation.props.children, (child, index) => /*#__PURE__*/_react.default.cloneElement(child, {
     isSelected: index === selectedIndex,
     tabIndex: index === selectedIndex ? 0 : -1,
-    onClick: ev => handleClick(ev, index),
-    onKeyDown: ev => handleKeyDown(ev, index),
+    onClick: event => handleClick(event, index),
+    onKeyDown: event => handleKeyDown(event, index),
     ref: anchorRefs.current[index]
   }))), /*#__PURE__*/_react.default.createElement(_anchorNavigation.StyledContent, null, children));
 };
 
 AnchorNavigation.propTypes = {
-  children: _propTypes.default.node,
-
-  /** The AnchorNavigationItems components to be rendered in the sticky navigation.
-  It is important to maintain proper structure.
-  List of AnchorNavigationItems has to be wrapped in React.Fragment */
-  stickyNavigation: (props, propName, componentName) => {
-    let error;
-    const prop = props[propName];
-    const errorsList = [];
-
-    if (!(0, _reactIs.isFragment)(prop)) {
-      errorsList.push(`Prop ${propName} container supplied to ${componentName} should be a React.Fragment.`);
-    }
-
-    let isAnyChildIncorrect = false;
-
-    _react.default.Children.forEach(prop.props.children, child => {
-      if (_anchorNavigationItem.default.displayName !== child.type.displayName) {
-        isAnyChildIncorrect = true;
-      }
-    });
-
-    if (isAnyChildIncorrect) {
-      errorsList.push(`Prop ${propName} container supplied to ${componentName} only accepts children of type ${_anchorNavigationItem.default.displayName}.`);
-    }
-
-    if (errorsList.length) {
-      error = new Error(errorsList.join(" "));
-    }
-
-    return error;
-  }
+  "children": _propTypes.default.node,
+  "stickyNavigation": _propTypes.default.node
 };
+AnchorNavigation.displayName = "AnchorNavigation";
 var _default = AnchorNavigation;
 exports.default = _default;

package/lib/components/anchor-navigation/anchor-navigation.style.d.ts

@@ -0,0 +1,4 @@
+declare const StyledAnchorNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledNavigation: import("styled-components").StyledComponent<"ul", any, {}, never>;
+declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { StyledAnchorNavigation, StyledNavigation, StyledContent };

package/lib/components/anchor-navigation/anchor-section-divider.component.d.ts

@@ -0,0 +1,4 @@
+declare const AnchorSectionDivider: import("styled-components").StyledComponent<"div", any, {
+    "data-element": string;
+}, "data-element">;
+export default AnchorSectionDivider;

package/lib/components/anchor-navigation/{anchor-section-divider/anchor-section-divider.style.js → anchor-section-divider.component.js}

@@ -9,11 +9,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledAnchorDivider = _styledComponents.default.div.attrs({
+const AnchorSectionDivider = _styledComponents.default.div.attrs({
   "data-element": "anchor-navigation-divider"
 })`
   background-color: var(--colorsActionMinor200);
   height: 1px;
 `;
-var _default = StyledAnchorDivider;
+AnchorSectionDivider.displayName = "AnchorSectionDivider";
+var _default = AnchorSectionDivider;
 exports.default = _default;

package/lib/components/anchor-navigation/index.d.ts

@@ -1,3 +1,5 @@
-export { default as AnchorNavigation } from "./anchor-navigation";
-export { default as AnchorNavigationItem } from "./anchor-navigation-item/anchor-navigation-item";
-export { default as AnchorSectionDivider } from "./anchor-section-divider/anchor-section-divider";
+export { default as AnchorNavigation } from "./anchor-navigation.component";
+export { default as AnchorNavigationItem } from "./anchor-navigation-item/anchor-navigation-item.component";
+export { default as AnchorSectionDivider } from "./anchor-section-divider.component";
+export type { AnchorNavigationProps } from "./anchor-navigation.component";
+export type { AnchorNavigationItemProps } from "./anchor-navigation-item/anchor-navigation-item.component";

package/lib/components/anchor-navigation/index.js

@@ -26,6 +26,6 @@ var _anchorNavigation = _interopRequireDefault(require("./anchor-navigation.comp
 
 var _anchorNavigationItem = _interopRequireDefault(require("./anchor-navigation-item/anchor-navigation-item.component"));
 
-var _anchorSectionDivider = _interopRequireDefault(require("./anchor-section-divider/anchor-section-divider.style"));
+var _anchorSectionDivider = _interopRequireDefault(require("./anchor-section-divider.component"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/date/__internal__/weekday/weekday.style.js

@@ -16,7 +16,7 @@ const StyledWeekday = _styledComponents.default.div`
     height: var(--sizing500);
     min-width: var(--sizing500);
     font-weight: 800;
-    color: var(--colorsActionMinor400);
+    color: var(--colorsActionMinor500);
     text-transform: uppercase;
     font-size: 12px;
     //font: var(--typographyDatePickerCalendarDayM) font assets to be updated part of FE-4975

package/lib/components/flat-table/flat-table-cell/flat-table-cell.component.js

@@ -143,5 +143,6 @@ FlatTableCell.propTypes = {
   /** Sets a vertical right border color, provide design token, any color from palette or any valid css color value. */
   verticalBorderColor: _propTypes.default.string
 };
+FlatTableCell.displayName = "FlatTableCell";
 var _default = FlatTableCell;
 exports.default = _default;

package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js

@@ -107,5 +107,6 @@ FlatTableCheckbox.propTypes = {
    */
   reportCellWidth: _propTypes.default.func
 };
+FlatTableCheckbox.displayName = "FlatTableCheckbox";
 var _default = FlatTableCheckbox;
 exports.default = _default;

package/lib/components/flat-table/flat-table-header/flat-table-header.component.js

@@ -105,5 +105,6 @@ FlatTableHeader.propTypes = {
 FlatTableHeader.defaultProps = {
   align: "left"
 };
+FlatTableHeader.displayName = "FlatTableHeader";
 var _default = FlatTableHeader;
 exports.default = _default;

package/lib/components/flat-table/flat-table-row/flat-table-row.component.js

@@ -59,10 +59,8 @@ const FlatTableRow = /*#__PURE__*/_react.default.forwardRef(({
   const firstColumnExpandable = expandableArea === "firstColumn";
   const [stickyCellWidths, setStickyCellWidths] = (0, _react.useState)([]);
   const [leftPositions, setLeftPositions] = (0, _react.useState)([]);
-
-  const childrenArray = _react.default.Children.toArray(children);
-
-  const rowHeaderIndex = childrenArray.findIndex(child => child.type === _flatTableRowHeader.default);
+  const childrenArray = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
+  const rowHeaderIndex = (0, _react.useMemo)(() => childrenArray.findIndex(child => child.type.displayName === _flatTableRowHeader.default.displayName), [childrenArray]);
   const themeContext = (0, _react.useContext)(_flatTable.FlatTableThemeContext);
   const reportCellWidth = (0, _react.useCallback)((width, index) => {
     const copiedArray = stickyCellWidths;

package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.component.js

@@ -100,5 +100,6 @@ FlatTableRowHeader.propTypes = {
   /** Sets a vertical right border color, provide design token, any color from palette or any valid css color value. */
   verticalBorderColor: _propTypes.default.string
 };
+FlatTableRowHeader.displayName = "FlatTableRowHeader";
 var _default = FlatTableRowHeader;
 exports.default = _default;

package/lib/components/help/help.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledHelp;
+declare const StyledHelp: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/menu/__internal__/spec-helper/index.js

@@ -13,8 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const events = {
   space: {
-    key: "Space",
-    which: 32,
+    key: " ",
     preventDefault: jest.fn()
   }
 };

package/lib/components/menu/__internal__/submenu/submenu.component.js

@@ -172,7 +172,7 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
         nextIndex = numberOfChildren - 1;
       }
 
-      if (_events.default.isAlphabetKey(event) || _events.default.isNumberKey(event)) {
+      if (event.key.length === 1) {
         event.stopPropagation();
 
         if (characterTimer.current) {
@@ -218,9 +218,7 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
   };
 
   const handleClick = event => {
-    if (clickToOpen) {
-      openSubmenu();
-    }
+    openSubmenu();
 
     if (onClick) {
       onClick(event);

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -304,6 +304,9 @@ MultiActionButton.propTypes = {
   "color": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

package/lib/components/numeral-date/numeral-date.component.js

@@ -130,7 +130,7 @@ const NumeralDate = ({
   });
 
   const onKeyPress = ev => {
-    const isValidKey = _events.default.isNumberKey(ev) || _events.default.isDeletingKey(ev) || _events.default.isTabKey(ev);
+    const isValidKey = _events.default.isNumberKey(ev) || _events.default.isTabKey(ev) || ev.key === "Delete" || ev.key === "Backspace";
 
     if (!isValidKey) {
       ev.preventDefault();

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

@@ -25,8 +25,6 @@ var _textbox = _interopRequireDefault(require("../textbox"));
 
 var _button = _interopRequireDefault(require("../button"));
 
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 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; }
@@ -145,7 +143,7 @@ const Search = ({
   };
 
   const handleKeyDown = ev => {
-    if (_events.default.isAlphabetKey(ev) || _events.default.isNumberKey(ev)) {
+    if (ev.key.length === 1) {
       ev.stopPropagation();
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "107.1.5",
+  "version": "107.1.8",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/__internal__/label/label.d.ts

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { ValidationProps } from "../validations";
-
-export interface LabelPropTypes extends ValidationProps {
-  /** Label width */
-  width?: number;
-  /** Label alignment */
-  align?: "left" | "right";
-  /** When true, label is placed in line an input */
-  inline?: boolean;
-  /** Flag to configure component as mandatory */
-  isRequired?: boolean;
-  /** If true, the component will be disabled */
-  disabled?: boolean;
-  /** Flag to configure component as optional in Form */
-  optional?: boolean;
-  /** The unique id of the label element */
-  labelId?: string;
-  /** The unique id of the Help component tooltip, used for accessibility */
-  tooltipId?: string;
-  /** Children elements */
-  children?: React.ReactNode;
-  /** A message that the Help component will display */
-  help?: React.ReactNode;
-  /** Icon type */
-  helpIcon?: string;
-  /** Overrides the default tabindex of the Help component */
-  helpTabIndex?: string;
-  /** Whether to show the validation icon */
-  useValidationIcon?: boolean;
-  /** A string that represents the ID of another form element */
-  htmlFor?: string;
-  /** Padding right, integer multiplied by base spacing constant (8) */
-  pr?: 1 | 2;
-  /** Padding left, integer multiplied by base spacing constant (8) */
-  pl?: 1 | 2;
-  /** Id of the validation icon */
-  validationIconId?: string;
-}
-
-declare function Label(props: LabelPropTypes): JSX.Element;
-
-export default Label;

package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-
-export interface AnchorNavigationItemProps {
-  children?: React.ReactNode;
-  /** href to be passed to the anchor element, can be linked with id passed to the scrollable section */
-  href?: string;
-  /** Indicates if component is selected */
-  isSelected?: boolean;
-  /** onClick handler */
-  onClick?: (ev: React.MouseEvent<HTMLAnchorElement>) => void;
-  /** OnKeyDown handler */
-  onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement>) => void;
-  /** tabIndex passed to the anchor element */
-  tabIndex?: number;
-  /** Reference to the section html element meant to be shown   */
-  target?: React.Ref<HTMLElement>;
-}
-
-declare function AnchorNavigationItem(
-  props: AnchorNavigationItemProps & React.RefAttributes<HTMLAnchorElement>
-): JSX.Element;
-
-export default AnchorNavigationItem;

package/esm/components/anchor-navigation/anchor-navigation.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-export interface AnchorNavigationProps {
-  children?: React.ReactNode;
-  /** The AnchorNavigationItems components to be rendered in the sticky navigation */
-  stickyNavigation?: React.ReactNode;
-}
-
-declare function AnchorNavigation(props: AnchorNavigationProps): JSX.Element;
-
-export default AnchorNavigation;

package/esm/components/anchor-navigation/anchor-section-divider/anchor-section-divider.d.ts

@@ -1,12 +0,0 @@
-import { StyledComponentProps } from "styled-components";
-
-declare function AnchorSectionDivider(
-  attrs: StyledComponentProps<
-    "div",
-    Record<string, unknown>,
-    Record<string, unknown>,
-    ""
-  >
-): JSX.Element;
-
-export default AnchorSectionDivider;