carbon-react 107.1.5 → 107.1.8

package/esm/__internal__/input/input.component.js

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

package/esm/__internal__/label/icon-wrapper.style.d.ts

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

package/esm/__internal__/label/icon-wrapper.style.js

@@ -1,7 +1,7 @@
 import styled from "styled-components";
-import ValidationIconStyle from "../validations/validation-icon.style";
+import StyledValidationIcon from "../validations/validation-icon.style";
 import StyledHelp from "../../components/help/help.style";
-const IconWrapperStyle = styled.div`
+const StyledIconWrapper = styled.div`
   display: inline-block;
   margin: 0;
   margin-left: 4px;
@@ -16,8 +16,8 @@ const IconWrapperStyle = styled.div`
     outline: 2px solid var(--colorsSemanticFocus500);
   }
 
-  ${ValidationIconStyle}, ${StyledHelp} {
+  ${StyledValidationIcon}, ${StyledHelp} {
     position: static;
   }
 `;
-export default IconWrapperStyle;
+export default StyledIconWrapper;

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

@@ -1 +1,2 @@
-export { default } from "./label";
+export { default } from "./label.component";
+export type { LabelProps } from "./label.component";

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

@@ -0,0 +1,27 @@
+import React from "react";
+import { StyledLabelProps, StyledLabelContainerProps } from "./label.style";
+import { ValidationProps } from "../validations";
+import { IconType } from "../../components/icon";
+export interface LabelProps extends ValidationProps, StyledLabelProps, StyledLabelContainerProps {
+    /** Children elements */
+    children?: React.ReactNode;
+    /** A message that the Help component will display */
+    help?: React.ReactNode;
+    /** Icon type */
+    helpIcon?: IconType;
+    /** Overrides the default tabindex of the Help component */
+    helpTabIndex?: string;
+    /** A string that represents the ID of another form element */
+    htmlFor?: string;
+    /** The unique id of the label element */
+    labelId?: string;
+    /** The unique id of the Help component tooltip, used for accessibility */
+    tooltipId?: string;
+    /** Whether to show the validation icon */
+    useValidationIcon?: boolean;
+    /** Id of the validation icon */
+    validationIconId?: string;
+}
+export declare const Label: ({ align, children, disabled, error, help, helpIcon, helpTabIndex, htmlFor, info, inline, isRequired, labelId, optional, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, }: LabelProps) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ align, children, disabled, error, help, helpIcon, helpTabIndex, htmlFor, info, inline, isRequired, labelId, optional, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, }: LabelProps) => JSX.Element>;
+export default _default;

package/esm/__internal__/label/label.component.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import Help from "../../components/help";
 import StyledLabel, { StyledLabelContainer } from "./label.style";
 import ValidationIcon from "../validations/validation-icon.component";
-import IconWrapperStyle from "./icon-wrapper.style";
+import StyledIconWrapper from "./icon-wrapper.style";
 import { InputContext, InputGroupContext } from "../input-behaviour";
 
 const shouldDisplayValidationIcon = ({
@@ -22,30 +22,30 @@ const tooltipPosition = ({
   info,
   inline
 }) => {
-  return (error || warning || info) && inline === true ? "top" : "right";
+  return (error || warning || info) && inline ? "top" : "right";
 };
 
 const Label = ({
-  disabled,
-  inline,
   align = "right",
-  width,
-  optional,
-  labelId,
-  tooltipId,
   children,
+  disabled,
   error,
-  warning,
-  info,
   help,
   helpIcon,
   helpTabIndex,
-  useValidationIcon = true,
   htmlFor,
+  info,
+  inline,
+  isRequired,
+  labelId,
+  optional,
   pr,
   pl,
-  isRequired,
-  validationIconId
+  tooltipId,
+  useValidationIcon = true,
+  validationIconId,
+  warning,
+  width = 30
 }) => {
   const [isFocused, setFocus] = useState(false);
   const {
@@ -57,14 +57,14 @@ const Label = ({
     onMouseLeave: onGroupMouseLeave
   } = useContext(InputGroupContext);
 
-  const handleMouseEnter = ev => {
-    if (onMouseEnter) onMouseEnter(ev);
-    if (onGroupMouseEnter) onGroupMouseEnter(ev);
+  const handleMouseEnter = () => {
+    if (onMouseEnter) onMouseEnter();
+    if (onGroupMouseEnter) onGroupMouseEnter();
   };
 
-  const handleMouseLeave = ev => {
-    if (onMouseLeave) onMouseLeave(ev);
-    if (onGroupMouseLeave) onGroupMouseLeave(ev);
+  const handleMouseLeave = () => {
+    if (onMouseLeave) onMouseLeave();
+    if (onGroupMouseLeave) onGroupMouseLeave();
   };
 
   const icon = () => {
@@ -85,7 +85,7 @@ const Label = ({
         info,
         inline
       });
-      return /*#__PURE__*/React.createElement(IconWrapperStyle, null, /*#__PURE__*/React.createElement(ValidationIcon, {
+      return /*#__PURE__*/React.createElement(StyledIconWrapper, null, /*#__PURE__*/React.createElement(ValidationIcon, {
         iconId: validationIconId,
         tooltipId: tooltipId,
         error: error,
@@ -96,7 +96,7 @@ const Label = ({
       }));
     }
 
-    return help && /*#__PURE__*/React.createElement(IconWrapperStyle, wrapperProps, /*#__PURE__*/React.createElement(Help, {
+    return help && /*#__PURE__*/React.createElement(StyledIconWrapper, wrapperProps, /*#__PURE__*/React.createElement(Help, {
       tooltipId: tooltipId,
       tabIndex: helpTabIndex,
       type: helpIcon,
@@ -123,64 +123,26 @@ const Label = ({
 };
 
 Label.propTypes = {
-  /** Label width */
-  width: PropTypes.number,
-
-  /** Label alignment */
-  align: PropTypes.oneOf(["left", "right"]),
-
-  /** When true, label is placed in line an input */
-  inline: PropTypes.bool,
-
-  /** If true, the component will be disabled */
-  disabled: PropTypes.bool,
-
-  /** Flag to configure component as optional in Form */
-  optional: PropTypes.bool,
-
-  /** The unique id of the label element */
-  labelId: PropTypes.string,
-
-  /** The unique id of the Help component tooltip, used for accessibility */
-  tooltipId: PropTypes.string,
-
-  /** Children elements */
-  children: PropTypes.node,
-
-  /** Status of error validations */
-  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-
-  /** Status of warnings */
-  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-
-  /** Status of info */
-  info: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-
-  /** A message that the Help component will display */
-  help: PropTypes.node,
-
-  /** Icon type */
-  helpIcon: PropTypes.string,
-
-  /** Overrides the default tabindex of the Help component */
-  helpTabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /** Whether to show the validation icon */
-  useValidationIcon: PropTypes.bool,
-
-  /** A string that represents the ID of another form element */
-  htmlFor: PropTypes.string,
-
-  /** Padding right, integer multiplied by base spacing constant (8) */
-  pr: PropTypes.oneOf([1, 2]),
-
-  /** Padding left, integer multiplied by base spacing constant (8) */
-  pl: PropTypes.oneOf([1, 2]),
-
-  /** Flag to configure component as mandatory */
-  isRequired: PropTypes.bool,
-
-  /** Id of the validation icon */
-  validationIconId: PropTypes.string
+  "align": PropTypes.oneOf(["left", "right"]),
+  "children": PropTypes.node,
+  "disabled": PropTypes.bool,
+  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "help": PropTypes.node,
+  "helpIcon": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "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", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "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", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "helpTabIndex": PropTypes.string,
+  "htmlFor": PropTypes.string,
+  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "inline": PropTypes.bool,
+  "isRequired": PropTypes.bool,
+  "labelId": PropTypes.string,
+  "optional": PropTypes.bool,
+  "pl": PropTypes.oneOf([1, 2]),
+  "pr": PropTypes.oneOf([1, 2]),
+  "tooltipId": PropTypes.string,
+  "useValidationIcon": PropTypes.bool,
+  "validationIconId": PropTypes.string,
+  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "width": PropTypes.number
 };
+export { Label };
 export default /*#__PURE__*/React.memo(Label);

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

@@ -1,3 +1,23 @@
-export const StyledLabelContainer: any;
-export default LabelStyle;
-declare const LabelStyle: import("styled-components").StyledComponent<"label", any, {}, never>;
+export interface StyledLabelProps {
+    /** If true, the component will be disabled */
+    disabled?: boolean;
+    /** Flag to configure component as mandatory */
+    isRequired?: boolean;
+}
+declare const StyledLabel: import("styled-components").StyledComponent<"label", any, StyledLabelProps, never>;
+export interface StyledLabelContainerProps {
+    /** Label alignment */
+    align?: "left" | "right";
+    /** When true, label is placed in line an input */
+    inline?: boolean;
+    /** Flag to configure component as optional in Form */
+    optional?: boolean;
+    /** Padding right, integer multiplied by base spacing constant (8) */
+    pr?: 1 | 2;
+    /** Padding left, integer multiplied by base spacing constant (8) */
+    pl?: 1 | 2;
+    /** Label width */
+    width?: number;
+}
+export declare const StyledLabelContainer: import("styled-components").StyledComponent<"div", any, StyledLabelContainerProps, never>;
+export default StyledLabel;

package/esm/__internal__/label/label.style.js

@@ -1,6 +1,5 @@
 import styled, { css } from "styled-components";
-import PropTypes from "prop-types";
-const LabelStyle = styled.label`
+const StyledLabel = styled.label`
   color: var(--colorsUtilityYin090);
   display: block;
   font-weight: 600; //TODO: (tokens) use token var(--fontWeights500)
@@ -22,10 +21,7 @@ const LabelStyle = styled.label`
       color: var(--colorsUtilityYin030);
     `}
 `;
-LabelStyle.propTypes = {
-  disabled: PropTypes.bool,
-  isRequired: PropTypes.bool
-};
+const DEFAULT_CONTAINER_WIDTH = 30;
 export const StyledLabelContainer = styled.div`
   display: flex;
   align-items: center;
@@ -47,7 +43,7 @@ export const StyledLabelContainer = styled.div`
         padding-left: var(${pl === 1 ? "--spacing100" : "--spacing200"});
       `};
       justify-content: ${align === "right" ? "flex-end" : "flex-start"};
-      width: ${width === 0 ? StyledLabelContainer.defaultProps.width : width}%;
+      width: ${width || DEFAULT_CONTAINER_WIDTH}%;
     `}
 
   ${({
@@ -60,15 +56,4 @@ export const StyledLabelContainer = styled.div`
       }
     `}
 `;
-StyledLabelContainer.defaultProps = {
-  align: "right",
-  width: 30
-};
-StyledLabelContainer.propTypes = {
-  align: PropTypes.oneOf(["left", "right"]),
-  inline: PropTypes.bool,
-  width: PropTypes.number,
-  pr: PropTypes.number,
-  pl: PropTypes.number
-};
-export default LabelStyle;
+export default StyledLabel;

package/esm/__internal__/utils/helpers/events/events.d.ts

@@ -13,41 +13,11 @@ declare const Events: {
      * A method to determine if an event is of a particular type
      * */
     isEventType: (ev: React.SyntheticEvent | Event, type: string) => boolean;
-    /**
-     * A method to determine whether a key down event was an arrow key
-     * */
-    isNavigationKeyup: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * A method to determine whether a key down event was an enter key
-     * */
-    isEnterKeyup: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * A method to determine whether a key up event is allowed or not.
-     * */
-    isValidKeypress: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
     /**
      * Determines if a number key along the top of the keyboard or a number key on the
      * keypad is pressed
      * */
     isNumberKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is part of the numpad
-     * includes symbols
-     * */
-    isNumpadKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is a alphabet key
-     * Case insensitive
-     * */
-    isAlphabetKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is a valid symbol
-     * */
-    isSymbolKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is a navigation key
-     * */
-    isNavigationKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
     /**
      * Determines if the key pressed is a navigation left key
      * */
@@ -64,10 +34,6 @@ declare const Events: {
      * Determines if the key pressed is a navigation down key
      * */
     isDownKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is a meta key
-     * */
-    isMetaKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
     /**
      * Determines if the key pressed is the escape key
      * */
@@ -80,18 +46,6 @@ declare const Events: {
      * Determines if the key pressed is the tab key
      * */
     isTabKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is the backspace key
-     * */
-    isBackspaceKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is the delete key
-     * */
-    isDeleteKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is the backspace or delete key
-     * */
-    isDeletingKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
     /**
      * Determines if the key pressed is the shift key
      * */
@@ -104,18 +58,6 @@ declare const Events: {
      * Determines if the key pressed is the space key or enter key
      * */
     isEnterOrSpaceKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is the period key
-     * */
-    isPeriodKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is the comma key
-     * */
-    isCommaKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
-    /**
-     * Determines if the key pressed is the minus key
-     * */
-    isMinusKey: (ev: React.KeyboardEvent | KeyboardEvent) => boolean;
     /**
      * Determines if the key pressed is the home key
      * */

package/esm/__internal__/utils/helpers/events/events.js

@@ -18,43 +18,6 @@ const Events = {
     return ev.type === type;
   },
 
-  /**
-   * A method to determine whether a key down event was an arrow key
-   * */
-  isNavigationKeyup: ev => {
-    if (!Events.isEventType(ev, "keyup")) {
-      return false;
-    }
-
-    return Events.isNavigationKey(ev);
-  },
-
-  /**
-   * A method to determine whether a key down event was an enter key
-   * */
-  isEnterKeyup: ev => {
-    if (!Events.isEventType(ev, "keyup")) {
-      return false;
-    }
-
-    return Events.isEnterKey(ev);
-  },
-
-  /**
-   * A method to determine whether a key up event is allowed or not.
-   * */
-  isValidKeypress: ev => {
-    if (!Events.isEventType(ev, "keyup")) {
-      return false;
-    }
-
-    if (Events.isNumberKey(ev) || Events.isAlphabetKey(ev) || Events.isNumpadKey(ev) || Events.isSymbolKey(ev) || Events.isSpaceKey(ev) || Events.isDeletingKey(ev) || Events.isBackspaceKey(ev)) {
-      return true;
-    }
-
-    return false;
-  },
-
   /**
    * Determines if a number key along the top of the keyboard or a number key on the
    * keypad is pressed
@@ -66,167 +29,88 @@ const Events = {
     return charCode !== undefined && charCode >= 48 && charCode <= 57;
   },
 
-  /**
-   * Determines if the key pressed is part of the numpad
-   * includes symbols
-   * */
-  isNumpadKey: ev => {
-    return ev.which !== undefined && ev.which >= 96 && ev.which <= 111;
-  },
-
-  /**
-   * Determines if the key pressed is a alphabet key
-   * Case insensitive
-   * */
-  isAlphabetKey: ev => {
-    return ev.which !== undefined && ev.which >= 65 && ev.which <= 90;
-  },
-
-  /**
-   * Determines if the key pressed is a valid symbol
-   * */
-  isSymbolKey: ev => {
-    return ev.which !== undefined && (ev.which >= 58 && ev.which <= 64 || ev.which >= 106 && ev.which <= 107 || ev.which >= 186 && ev.which <= 192 || ev.which >= 219 && ev.which <= 222);
-  },
-
-  /**
-   * Determines if the key pressed is a navigation key
-   * */
-  isNavigationKey: ev => {
-    return ev.which !== undefined && ev.which >= 37 && ev.which <= 40;
-  },
-
   /**
    * Determines if the key pressed is a navigation left key
    * */
   isLeftKey: ev => {
-    return ev.which === 37;
+    return ev.key === "ArrowLeft";
   },
 
   /**
    * Determines if the key pressed is a navigation up key
    * */
   isUpKey: ev => {
-    return ev.which === 38;
+    return ev.key === "ArrowUp";
   },
 
   /**
    * Determines if the key pressed is a navigation right key
    * */
   isRightKey: ev => {
-    return ev.which === 39;
+    return ev.key === "ArrowRight";
   },
 
   /**
    * Determines if the key pressed is a navigation down key
    * */
   isDownKey: ev => {
-    return ev.which === 40;
-  },
-
-  /**
-   * Determines if the key pressed is a meta key
-   * */
-  isMetaKey: ev => {
-    return !!ev.metaKey;
+    return ev.key === "ArrowDown";
   },
 
   /**
    * Determines if the key pressed is the escape key
    * */
   isEscKey: ev => {
-    return ev.which === 27;
+    return ev.key === "Escape";
   },
 
   /**
    * Determines if the key pressed is the enter key
    * */
   isEnterKey: ev => {
-    return ev.which === 13;
+    return ev.key === "Enter";
   },
 
   /**
    * Determines if the key pressed is the tab key
    * */
   isTabKey: ev => {
-    return ev.which === 9;
-  },
-
-  /**
-   * Determines if the key pressed is the backspace key
-   * */
-  isBackspaceKey: ev => {
-    return ev.key === "Backspace";
-  },
-
-  /**
-   * Determines if the key pressed is the delete key
-   * */
-  isDeleteKey: ev => {
-    return ev.key === "Delete";
-  },
-
-  /**
-   * Determines if the key pressed is the backspace or delete key
-   * */
-  isDeletingKey: ev => {
-    return Events.isDeleteKey(ev) || Events.isBackspaceKey(ev);
+    return ev.key === "Tab";
   },
 
   /**
    * Determines if the key pressed is the shift key
    * */
   isShiftKey: ev => {
-    return ev.shiftKey || ev.which === 16;
+    return ev.shiftKey;
   },
 
   /**
    * Determines if the key pressed is the space key
    * */
   isSpaceKey: ev => {
-    return ev.which === 32;
+    return ev.key === " ";
   },
 
   /**
    * Determines if the key pressed is the space key or enter key
    * */
   isEnterOrSpaceKey: ev => {
-    return ev.which === 13 || ev.which === 32;
-  },
-
-  /**
-   * Determines if the key pressed is the period key
-   * */
-  isPeriodKey: ev => {
-    return ev.which === 190;
-  },
-
-  /**
-   * Determines if the key pressed is the comma key
-   * */
-  isCommaKey: ev => {
-    return ev.which === 188;
-  },
-
-  /**
-   * Determines if the key pressed is the minus key
-   * */
-  isMinusKey: ev => {
-    return ev.key === "-" || ev.key === "Subtract";
+    return ev.key === "Enter" || ev.key === " ";
   },
 
   /**
    * Determines if the key pressed is the home key
    * */
   isHomeKey: ev => {
-    return ev.which === 36;
+    return ev.key === "Home";
   },
 
   /**
    * Determines if the key pressed is the end key
    * */
   isEndKey: ev => {
-    return ev.which === 35;
+    return ev.key === "End";
   },
 
   /**

package/esm/__spec_helper__/test-utils.d.ts

@@ -8,32 +8,11 @@ declare const assertStyleMatch: <Props>(styleSpec: {
     [key: string]: string | number | undefined;
 }, component: ReactWrapper<Props, {}, import("react").Component<{}, {}, any>> | ShallowWrapper<Props, {}, import("react").Component<{}, {}, any>> | ReactTestRendererJSON | ReactTestRendererJSON[] | null, opts?: jest.Options | undefined) => void;
 declare const makeArrayKeys: (n: number) => number[];
-declare const keyMap: {
-    readonly UpArrow: 38;
-    readonly DownArrow: 40;
-    readonly RightArrow: 39;
-    readonly LeftArrow: 37;
-    readonly Enter: 13;
-    readonly Tab: 9;
-    readonly Space: 32;
-    readonly Escape: 27;
-    readonly End: 35;
-    readonly Home: 36;
-    readonly D: 68;
-    readonly E: 69;
-    readonly P: 80;
-    readonly Z: 90;
-    readonly 1: 49;
-};
-declare type Keys = keyof typeof keyMap;
-declare type MappedKeys = `press${Keys}`;
-declare type KeyboardAccumulatorType = Record<MappedKeys, () => void>;
-declare const keyboard: KeyboardAccumulatorType;
-declare type KeydownAccumulatorType = Record<MappedKeys, (wrapper: ReactWrapper<any>, options?: {
-    shiftKey: boolean;
-}) => void>;
+declare const keyboard: Record<string, () => void>;
 declare const simulate: {
-    keydown: KeydownAccumulatorType;
+    keydown: Record<string, (target: ReactWrapper<any>, { shiftKey }?: {
+        shiftKey: boolean;
+    } | undefined) => void>;
 };
 declare const listFrom: (wrapper: ReactWrapper) => ReactWrapper<import("enzyme").HTMLAttributes, any, import("react").Component<{}, {}, any>>;
 declare const childrenFrom: (node: ReactWrapper) => ReactWrapper<any, any, import("react").Component<{}, {}, any>>;