@khanacademy/wonder-blocks-core 11.1.0 → 12.1.0

package/CHANGELOG.md

@@ -1,120 +1,140 @@
 # @khanacademy/wonder-blocks-core
 
+## 12.1.0
+
+### Minor Changes
+
+- f03298f: Tooling:
+
+    - Switching to `pnpm`.
+    - Upgrading `rollup` to v4 and `@babel/runtime` to match the current webapp version.
+
+### Patch Changes
+
+- 969864b: Update internal addStyle variable name to address aphrodite-add-style-variable-name linting rule
+- bb2a026: pnpm: Switch to workspace protocol to handle dependency versions with changesets on monorepo setup"
+
+## 12.0.0
+
+### Major Changes
+
+- 0199324d: Fixes keyboard tests in Dropdown and Clickable with specific key events. We now check `event.key` instead of `event.which` or `event.keyCode` to remove deprecated event properties and match the keys returned from Testing Library/userEvent.
+
 ## 11.1.0
 
 ### Minor Changes
 
--   7516b239: Update useOnMountEffect to pass isMountedRef to callback
+- 7516b239: Update useOnMountEffect to pass isMountedRef to callback
 
 ## 11.0.1
 
 ### Patch Changes
 
--   11a0f5c6: No functional changes. Adding prepublishOnly script.
+- 11a0f5c6: No functional changes. Adding prepublishOnly script.
 
 ## 11.0.0
 
 ### Major Changes
 
--   d23c9c5f: Delete the custom identifier generation API
+- d23c9c5f: Delete the custom identifier generation API
 
 ## 10.0.0
 
 ### Major Changes
 
--   b6009b77: Deprecate the ID provider and unique ID utilities
+- b6009b77: Deprecate the ID provider and unique ID utilities
 
 ### Minor Changes
 
--   897686bc: - Add the `Id` component for cases where `useId` cannot be used directly
+- 897686bc: - Add the `Id` component for cases where `useId` cannot be used directly
 
 ### Patch Changes
 
--   56d961f1: - Migrate Wonder Blocks components off old id providers and onto new `Id` component
+- 56d961f1: - Migrate Wonder Blocks components off old id providers and onto new `Id` component
 
 ## 9.0.0
 
 ### Major Changes
 
--   f4abd572: - Remove `RenderState.Root` from exported enum
-    -   Change `useRenderState` to only return `RenderState.Initial` or `RenderState.Standard`
+- f4abd572: - Remove `RenderState.Root` from exported enum
+    - Change `useRenderState` to only return `RenderState.Initial` or `RenderState.Standard`
 
 ## 8.0.0
 
 ### Major Changes
 
--   e6abdd17: Upgrade to React 18
+- e6abdd17: Upgrade to React 18
 
 ## 7.0.1
 
 ### Patch Changes
 
--   02a1b298: Make sure we don't package tsconfig and tsbuildinfo files
+- 02a1b298: Make sure we don't package tsconfig and tsbuildinfo files
 
 ## 7.0.0
 
 ### Major Changes
 
--   07f7f407: Renamed `WithSSRPlaceholder` to `InitialFallback`. This includes changing the `placeholder` prop to `fallback` so it's closer to `Suspense` usage.
+- 07f7f407: Renamed `WithSSRPlaceholder` to `InitialFallback`. This includes changing the `placeholder` prop to `fallback` so it's closer to `Suspense` usage.
 
 ## 6.4.3
 
 ### Patch Changes
 
--   559e82d5: Update to build tooling, generating smaller output
+- 559e82d5: Update to build tooling, generating smaller output
 
 ## 6.4.2
 
 ### Patch Changes
 
--   eab37b8b: Test file changes only. No external changes at all.
+- eab37b8b: Test file changes only. No external changes at all.
 
 ## 6.4.1
 
 ### Patch Changes
 
--   5dfac06e: Allow all special characters in IDs, except whitespace.
+- 5dfac06e: Allow all special characters in IDs, except whitespace.
 
 ## 6.4.0
 
 ### Minor Changes
 
--   58075352: Change testId to render the default Testing Library HTML attribute: data-testid (was data-test-id)
+- 58075352: Change testId to render the default Testing Library HTML attribute: data-testid (was data-test-id)
 
 ## 6.3.1
 
 ### Patch Changes
 
--   6df21f71: Append className if set via props
+- 6df21f71: Append className if set via props
 
 ## 6.3.0
 
 ### Minor Changes
 
--   7055ca94: Make useOnMountEffect accept functions with void return types
+- 7055ca94: Make useOnMountEffect accept functions with void return types
 
 ## 6.2.0
 
 ### Minor Changes
 
--   4b97b9a2: Remove deps argument from `usePreHydrationEffect`
+- 4b97b9a2: Remove deps argument from `usePreHydrationEffect`
 
 ## 6.1.1
 
 ### Patch Changes
 
--   2871f0a9: Add new usePreHydrationEffect hook to module exports
+- 2871f0a9: Add new usePreHydrationEffect hook to module exports
 
 ## 6.1.0
 
 ### Minor Changes
 
--   efb59c29: Add `usePreHydrationEffect`
+- efb59c29: Add `usePreHydrationEffect`
 
 ### Patch Changes
 
--   8bc40ed2: Change the return type of `useLatestRef` from `RefObject<T>` to
-    `{readonly current: T}`, so the `current` property is not nullable.
+- 8bc40ed2: Change the return type of `useLatestRef` from `RefObject<T>` to
+  `{readonly current: T}`, so the `current` property is not nullable.
 
     This fixes a bug introduced by the migration to TypeScript.
 
@@ -122,158 +142,158 @@
 
 ### Patch Changes
 
--   f19da46e: Allow 'title' on View and typography components
+- f19da46e: Allow 'title' on View and typography components
 
 ## 6.0.1
 
 ### Patch Changes
 
--   1920feb8: `RenderStateRoot` now wraps children in a React fragment
+- 1920feb8: `RenderStateRoot` now wraps children in a React fragment
 
 ## 6.0.0
 
 ### Major Changes
 
--   674a1e5c: POJOs have been replace with TS enums
+- 674a1e5c: POJOs have been replace with TS enums
 
 ### Patch Changes
 
--   674a1e5c: We're no longer building flow types
+- 674a1e5c: We're no longer building flow types
 
 ## 5.4.0
 
 ### Minor Changes
 
--   1344436f: Add `PropsFor` type to simplify `JSX.LibraryManagedAttributes` usage
+- 1344436f: Add `PropsFor` type to simplify `JSX.LibraryManagedAttributes` usage
 
 ## 5.3.1
 
 ### Patch Changes
 
--   9f3752d4: Used named functions in componenets with forwarded refs
+- 9f3752d4: Used named functions in componenets with forwarded refs
 
 ## 5.3.0
 
 ### Minor Changes
 
--   c37b99aa: Forward refs for Text and Title
--   c4cef3e6: Added ref forwarding to View
+- c37b99aa: Forward refs for Text and Title
+- c4cef3e6: Added ref forwarding to View
 
 ## 5.2.3
 
 ### Patch Changes
 
--   d4c412b5: Update useForceUpdate to ensure consuming hooks properly refresh
+- d4c412b5: Update useForceUpdate to ensure consuming hooks properly refresh
 
 ## 5.2.2
 
 ### Patch Changes
 
--   64a188e3: Fix useForceUpdate so that regardless of how many times it is called before a new render, it will always cause a new render
+- 64a188e3: Fix useForceUpdate so that regardless of how many times it is called before a new render, it will always cause a new render
 
 ## 5.2.1
 
 ### Patch Changes
 
--   5a1ea891: Make sure that React contexts are named
--   df9a10aa: Update state and props to be readonly in components using getDerivedStateFromProps()
+- 5a1ea891: Make sure that React contexts are named
+- df9a10aa: Update state and props to be readonly in components using getDerivedStateFromProps()
 
 ## 5.2.0
 
 ### Minor Changes
 
--   fa70c895: Add 'lang', 'className' and 'htmlFor' properties to Text and View
+- fa70c895: Add 'lang', 'className' and 'htmlFor' properties to Text and View
 
 ### Patch Changes
 
--   19ab0408: Update flowgen to convert React.ForwardRefExoticComponent<> and React.FowardedRef<> properly
--   fa70c895: Remove all TypeScript error suppressions on JSX attributes
+- 19ab0408: Update flowgen to convert React.ForwardRefExoticComponent<> and React.FowardedRef<> properly
+- fa70c895: Remove all TypeScript error suppressions on JSX attributes
 
 ## 5.1.0
 
 ### Minor Changes
 
--   3c400719: Add useLatestRef hook to wonder-blocks-core
+- 3c400719: Add useLatestRef hook to wonder-blocks-core
 
 ### Patch Changes
 
--   a6164ed0: Don't use React.FC<> for functional components
+- a6164ed0: Don't use React.FC<> for functional components
 
 ## 5.0.4
 
 ### Patch Changes
 
--   c20f48f3: Don't transpile classes when building bundles
+- c20f48f3: Don't transpile classes when building bundles
 
 ## 5.0.3
 
 ### Patch Changes
 
--   b281e2eb: Fix generate Flow types for real
+- b281e2eb: Fix generate Flow types for real
 
 ## 5.0.2
 
 ### Patch Changes
 
--   21ce20c7: Fix issues with generate flow types in wonder-blocks-core
+- 21ce20c7: Fix issues with generate flow types in wonder-blocks-core
 
 ## 5.0.1
 
 ### Patch Changes
 
--   ccb6fe00: Miscellaneous TS type fixes
--   d4c2b18c: Fix a variety of issues with Flow types generated by flowgen
+- ccb6fe00: Miscellaneous TS type fixes
+- d4c2b18c: Fix a variety of issues with Flow types generated by flowgen
 
 ## 5.0.0
 
 ### Major Changes
 
--   1ca4d7e3: Fix minor issue with generate Flow types (this is a major bump b/c I forgot to do one after doing the TS conversion)
+- 1ca4d7e3: Fix minor issue with generate Flow types (this is a major bump b/c I forgot to do one after doing the TS conversion)
 
 ## 4.9.1
 
 ### Patch Changes
 
--   b5ba5568: Ensure that flow lib defs use React.ElementConfig<> isntead of JSX.LibraryManagedAttributes<>
+- b5ba5568: Ensure that flow lib defs use React.ElementConfig<> isntead of JSX.LibraryManagedAttributes<>
 
 ## 4.9.0
 
 ### Minor Changes
 
--   779b031d: Update AriaProps to use React's AriaAttributes and AriaRole types
+- 779b031d: Update AriaProps to use React's AriaAttributes and AriaRole types
 
 ## 4.8.0
 
 ### Minor Changes
 
--   873f4a14: Update aphrodite lib def and StyleType
+- 873f4a14: Update aphrodite lib def and StyleType
 
 ### Patch Changes
 
--   d816af08: Update build and test configs use TypeScript
--   3891f544: Update babel config to include plugins that Storybook needed
--   0d28bb1c: Configured TypeScript
--   3d05f764: Fix HOCs and other type errors
--   c2ec4902: Update eslint configuration, fix lint
--   2983c05b: Include 'types' field in package.json
--   77ff6a66: Generate Flow types from TypeScript types
--   ec8d4b7f: Fix miscellaneous TypeScript errors
+- d816af08: Update build and test configs use TypeScript
+- 3891f544: Update babel config to include plugins that Storybook needed
+- 0d28bb1c: Configured TypeScript
+- 3d05f764: Fix HOCs and other type errors
+- c2ec4902: Update eslint configuration, fix lint
+- 2983c05b: Include 'types' field in package.json
+- 77ff6a66: Generate Flow types from TypeScript types
+- ec8d4b7f: Fix miscellaneous TypeScript errors
 
 ## 4.7.0
 
 ### Minor Changes
 
--   91cb727c: Convert enums to POJOs
+- 91cb727c: Convert enums to POJOs
 
 ### Patch Changes
 
--   91cb727c: Remove file extensions from imports
+- 91cb727c: Remove file extensions from imports
 
 ## 4.6.2
 
 ### Patch Changes
 
--   496119f2: Cleanup WB interdependencies
+- 496119f2: Cleanup WB interdependencies
 
 ## 4.6.1
 
@@ -281,28 +301,28 @@
 
 ### Minor Changes
 
--   b561425a: Add useIsMounted() hook
--   a566e232: Add useOnMountEffect hook
--   d2b21a6e: Export useOnMountEffect hook
+- b561425a: Add useIsMounted() hook
+- a566e232: Add useOnMountEffect hook
+- d2b21a6e: Export useOnMountEffect hook
 
 ## 4.5.0
 
 ### Minor Changes
 
--   175a2dd2: Add 'useRenderState' hook
+- 175a2dd2: Add 'useRenderState' hook
 
 ## 4.4.0
 
 ### Minor Changes
 
--   6ee20af9: Add `useOnline` hook to encapsulate navigator.onLine and the offline/online events
+- 6ee20af9: Add `useOnline` hook to encapsulate navigator.onLine and the offline/online events
 
 ## 4.3.2
 
 ### Patch Changes
 
--   5f4a4297: Make dependency on `flow-enums-runtime` explicit
--   2b96fd59: Change flow-enums-runtime to be peer dependencies
+- 5f4a4297: Make dependency on `flow-enums-runtime` explicit
+- 2b96fd59: Change flow-enums-runtime to be peer dependencies
 
 ## 4.3.1
 
@@ -310,7 +330,7 @@
 
 ### Minor Changes
 
--   246a921d: NEW: `useForceUpdate` hook. This should rarely be used and likely only ever from other hooks.
+- 246a921d: NEW: `useForceUpdate` hook. This should rarely be used and likely only ever from other hooks.
 
 ## 4.2.1
 
@@ -318,15 +338,15 @@
 
 ### Minor Changes
 
--   0aed8723: Adds `throwIfNested` required prop to `RenderStateRoot`.
+- 0aed8723: Adds `throwIfNested` required prop to `RenderStateRoot`.
 
 ## 4.1.0
 
 ### Minor Changes
 
--   45588e5f: Fix an issue with `useUniqueIdWithMock`/`useUniqueIdWithoutMock`
-    rerender more than was needed. The fix introduces `<RenderStateRoot>`
-    which must be an ancestor to all components uses these hooks.
--   875b7893: Nesting of `RenderStateRoot`s inside each other can result in extra renders
-    and potentially incorrect behavior. `RenderStateRoot` now throws if it
-    appears as a descendent of another `RenderStateRoot`.
+- 45588e5f: Fix an issue with `useUniqueIdWithMock`/`useUniqueIdWithoutMock`
+  rerender more than was needed. The fix introduces `<RenderStateRoot>`
+  which must be an ancestor to all components uses these hooks.
+- 875b7893: Nesting of `RenderStateRoot`s inside each other can result in extra renders
+  and potentially incorrect behavior. `RenderStateRoot` now throws if it
+  appears as a descendent of another `RenderStateRoot`.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Khan Academy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/text.d.ts

@@ -13,54 +13,54 @@ import * as React from "react";
  */
 declare const Text: React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-    style?: import("../util/types").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    style?: import("..").StyleType;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("..").AriaAttributes> & Readonly<{
-    role?: import("..").AriaRole | undefined;
+    role?: import("..").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>>;
 export default Text;

package/dist/es/index.js

@@ -79,12 +79,13 @@ const Text = React.forwardRef(function Text(_ref, ref) {
   const isHeader = isHeaderRegex.test(Tag);
   const styleAttributes = processStyleList([styles$1.text, isHeader && styles$1.header, style]);
   const classNames = otherProps.className ? [otherProps.className, styleAttributes.className].join(" ") : styleAttributes.className;
-  return React.createElement(Tag, _extends({}, otherProps, {
-    style: styleAttributes.style,
-    className: classNames,
-    "data-testid": testId,
-    ref: ref
-  }), children);
+  return (React.createElement(Tag, _extends({}, otherProps, {
+      style: styleAttributes.style,
+      className: classNames,
+      "data-testid": testId,
+      ref: ref
+    }), children)
+  );
 });
 
 const _excluded$1 = ["className", "style"];
@@ -295,7 +296,7 @@ const useOnMountEffect = callback => {
   React.useEffect(() => {
     const cleanup = callback(isMountedRef);
     return () => {
-      cleanup == null ? void 0 : cleanup();
+      cleanup == null || cleanup();
       isMountedRef.current = false;
     };
   }, []);
@@ -355,4 +356,13 @@ const RenderStateRoot = ({
   }, children);
 };
 
-export { Id, InitialFallback, RenderState, RenderStateRoot, Server, Text, View, addStyle, useForceUpdate, useIsMounted, useLatestRef, useOnMountEffect, useOnline, usePreHydrationEffect, useRenderState };
+const keys = {
+  enter: "Enter",
+  escape: "Escape",
+  tab: "Tab",
+  space: " ",
+  up: "ArrowUp",
+  down: "ArrowDown"
+};
+
+export { Id, InitialFallback, RenderState, RenderStateRoot, Server, Text, View, addStyle, keys, useForceUpdate, useIsMounted, useLatestRef, useOnMountEffect, useOnline, usePreHydrationEffect, useRenderState };

package/dist/index.d.ts

@@ -15,3 +15,4 @@ export { RenderStateRoot } from "./components/render-state-root";
 export { RenderState } from "./components/render-state-context";
 export type { AriaRole, AriaAttributes } from "./util/aria-types";
 export type { AriaProps, StyleType, PropsFor } from "./util/types";
+export { keys } from "./util/keys";

package/dist/index.js

@@ -1,16 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
 var React = require('react');
 var aphrodite = require('aphrodite');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -23,13 +18,11 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 function flatten(list) {
   const result = [];
@@ -102,16 +95,17 @@ const Text = React__namespace.forwardRef(function Text(_ref, ref) {
       tag: Tag = "span",
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   const isHeader = isHeaderRegex.test(Tag);
   const styleAttributes = processStyleList([styles$1.text, isHeader && styles$1.header, style]);
   const classNames = otherProps.className ? [otherProps.className, styleAttributes.className].join(" ") : styleAttributes.className;
-  return React__namespace.createElement(Tag, _extends__default["default"]({}, otherProps, {
-    style: styleAttributes.style,
-    className: classNames,
-    "data-testid": testId,
-    ref: ref
-  }), children);
+  return (React__namespace.createElement(Tag, _extends({}, otherProps, {
+      style: styleAttributes.style,
+      className: classNames,
+      "data-testid": testId,
+      ref: ref
+    }), children)
+  );
 });
 
 const _excluded$1 = ["className", "style"];
@@ -122,13 +116,13 @@ function addStyle(Component, defaultStyle) {
         className,
         style
       } = _ref,
-      otherProps = _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$1);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
     const reset = typeof Component === "string" ? overrides[Component] : null;
     const {
       className: aphroditeClassName,
       style: inlineStyles
     } = processStyleList([reset, defaultStyle, style]);
-    return React__namespace.createElement(Component, _extends__default["default"]({}, otherProps, {
+    return React__namespace.createElement(Component, _extends({}, otherProps, {
       ref: ref,
       className: [aphroditeClassName, className].filter(Boolean).join(" "),
       style: inlineStyles
@@ -171,29 +165,29 @@ const View = React__namespace.forwardRef(function View(props, ref) {
       testId,
       tag = "div"
     } = props,
-    restProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
-  const commonProps = _extends__default["default"]({}, restProps, {
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
+  const commonProps = _extends({}, restProps, {
     "data-testid": testId
   });
   switch (tag) {
     case "article":
-      return React__namespace.createElement(StyledArticle, _extends__default["default"]({}, commonProps, {
+      return React__namespace.createElement(StyledArticle, _extends({}, commonProps, {
         ref: ref
       }));
     case "aside":
-      return React__namespace.createElement(StyledAside, _extends__default["default"]({}, commonProps, {
+      return React__namespace.createElement(StyledAside, _extends({}, commonProps, {
         ref: ref
       }));
     case "nav":
-      return React__namespace.createElement(StyledNav, _extends__default["default"]({}, commonProps, {
+      return React__namespace.createElement(StyledNav, _extends({}, commonProps, {
         ref: ref
       }));
     case "section":
-      return React__namespace.createElement(StyledSection, _extends__default["default"]({}, commonProps, {
+      return React__namespace.createElement(StyledSection, _extends({}, commonProps, {
         ref: ref
       }));
     case "div":
-      return React__namespace.createElement(StyledDiv, _extends__default["default"]({}, commonProps, {
+      return React__namespace.createElement(StyledDiv, _extends({}, commonProps, {
         ref: ref
       }));
     default:
@@ -322,7 +316,7 @@ const useOnMountEffect = callback => {
   React__namespace.useEffect(() => {
     const cleanup = callback(isMountedRef);
     return () => {
-      cleanup == null ? void 0 : cleanup();
+      cleanup == null || cleanup();
       isMountedRef.current = false;
     };
   }, []);
@@ -382,6 +376,15 @@ const RenderStateRoot = ({
   }, children);
 };
 
+const keys = {
+  enter: "Enter",
+  escape: "Escape",
+  tab: "Tab",
+  space: " ",
+  up: "ArrowUp",
+  down: "ArrowDown"
+};
+
 exports.Id = Id;
 exports.InitialFallback = InitialFallback;
 exports.RenderState = RenderState;
@@ -390,6 +393,7 @@ exports.Server = Server;
 exports.Text = Text;
 exports.View = View;
 exports.addStyle = addStyle;
+exports.keys = keys;
 exports.useForceUpdate = useForceUpdate;
 exports.useIsMounted = useIsMounted;
 exports.useLatestRef = useLatestRef;

package/dist/util/keys.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Key value mapping reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
+ */
+export declare const keys: {
+    readonly enter: "Enter";
+    readonly escape: "Escape";
+    readonly tab: "Tab";
+    readonly space: " ";
+    readonly up: "ArrowUp";
+    readonly down: "ArrowDown";
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-core",
-  "version": "11.1.0",
+  "version": "12.1.0",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -9,12 +9,8 @@
   "main": "dist/index.js",
   "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "prepublishOnly": "../../utils/publish/package-pre-publish-check.sh"
-  },
   "dependencies": {
-    "@babel/runtime": "^7.18.6"
+    "@babel/runtime": "^7.24.5"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
@@ -24,9 +20,12 @@
     "react-router-dom": "5.3.4"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "^2.0.0",
-    "@khanacademy/wonder-blocks-testing-core": "^2.0.1"
+    "@khanacademy/wb-dev-build-settings": "2.1.0",
+    "@khanacademy/wonder-blocks-testing-core": "2.1.0"
   },
   "author": "",
-  "license": "MIT"
+  "license": "MIT",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
 }