@react-md/menu - npm Package Compare versions

Comparing version 5.1.2 to 5.1.3

CHANGELOG.md

@@ -6,2 +6,19 @@ # Change Log
 
+## [5.1.3](https://github.com/mlaursen/react-md/compare/v5.1.2...v5.1.3) (2022-05-07)
+
+
+### Documentation
+
+* fix typos throughout codebase ([725d1a2](https://github.com/mlaursen/react-md/commit/725d1a252482dba56088dffa2f773b2ea13fb08a))
+
+
+### Other Internal Changes
+
+* **typos:** fix additional typos throughout repo ([ef20132](https://github.com/mlaursen/react-md/commit/ef2013288ce8649b9fddba9bc23c71df72ea03a1))
+
+
+
+
+
+
 ## [5.1.2](https://github.com/mlaursen/react-md/compare/v5.1.1...v5.1.2) (2022-04-02)
@@ -8,0 +25,0 @@

es/MenuBarWidget.js

@@ -45,3 +45,3 @@ var __assign = (this && this.__assign) || function () {
 /**
- * This contet is used to implement the "roving tab index" behavior
+ * This context is used to implement the "roving tab index" behavior
  *
@@ -48,0 +48,0 @@ * @internal

es/MenuKeyboardFocusProvider.js

@@ -18,3 +18,3 @@ var __assign = (this && this.__assign) || function () {
     return (_jsx(KeyboardMovementProvider, __assign({ loopable: true, searchable: true, incrementKeys: horizontal ? ["ArrowRight"] : ["ArrowDown"], decrementKeys: horizontal ? ["ArrowLeft"] : ["ArrowUp"], 
-        // disabled menu items should be focusable, but not interactable for somer
+        // disabled menu items should be focusable, but not interactable for some
         // reason
@@ -21,0 +21,0 @@ // https://www.w3.org/TR/wai-aria-practices/#menu

es/MenuSheet.js

@@ -58,3 +58,3 @@ var __assign = (this && this.__assign) || function () {
     // Since there is the possibility of other tab focusable elements within the
-    // sheet and the menu items are programatically focused, the menu's tabIndex
+    // sheet and the menu items are programmatically focused, the menu's tabIndex
     // needs to be set to `-1` while one of the child menu items are focused. This
@@ -61,0 +61,0 @@ // allows Shift+Tab correctly focuses the previous focusable element within

es/useMenu.js

@@ -33,11 +33,11 @@ var __assign = (this && this.__assign) || function () {
  * - hide the `Menu` when an element outside of the `Menu` has been clicked
- * - hide the `Menu` when the `Esacpe` or `Tab` key has been pressed
+ * - hide the `Menu` when the `Escape` or `Tab` key has been pressed
  * - focus the `Menu` element when it gains visibility
  * - refocus the `MenuButton` or `MenuItemButton` when the menu loses visibility
  * - position the menu within the viewport with {@link useFixedPositioning}
- * - show the `Menu` when the `ArrowRight` key is pressed for a vertial
+ * - show the `Menu` when the `ArrowRight` key is pressed for a vertical
  *   `MenuItemButton`
  * - show the `Menu` when the `ArrowDown` key is pressed for a horizontal
  *   `MenuItemButton`
- * - hide the `Menu` when the `ArrowRight` key is pressed in a vertial submenu
+ * - hide the `Menu` when the `ArrowRight` key is pressed in a vertical submenu
  * - hide the `Menu` when the `ArrowDown` key is pressed in a horizontal
@@ -77,3 +77,3 @@ *   submenu
  *     <>
- *       <MenuButton ref={tggleRef} {...toggleProps}>
+ *       <MenuButton ref={toggleRef} {...toggleProps}>
  *         Button
@@ -80,0 +80,0 @@ *       </MenuButton>

lib/MenuBarWidget.js

@@ -48,3 +48,3 @@ "use strict";
 /**
- * This contet is used to implement the "roving tab index" behavior
+ * This context is used to implement the "roving tab index" behavior
  *
@@ -51,0 +51,0 @@ * @internal

lib/MenuKeyboardFocusProvider.js

@@ -21,3 +21,3 @@ "use strict";
     return ((0, jsx_runtime_1.jsx)(utils_1.KeyboardMovementProvider, __assign({ loopable: true, searchable: true, incrementKeys: horizontal ? ["ArrowRight"] : ["ArrowDown"], decrementKeys: horizontal ? ["ArrowLeft"] : ["ArrowUp"], 
-        // disabled menu items should be focusable, but not interactable for somer
+        // disabled menu items should be focusable, but not interactable for some
         // reason
@@ -24,0 +24,0 @@ // https://www.w3.org/TR/wai-aria-practices/#menu

lib/MenuSheet.js

@@ -61,3 +61,3 @@ "use strict";
     // Since there is the possibility of other tab focusable elements within the
-    // sheet and the menu items are programatically focused, the menu's tabIndex
+    // sheet and the menu items are programmatically focused, the menu's tabIndex
     // needs to be set to `-1` while one of the child menu items are focused. This
@@ -64,0 +64,0 @@ // allows Shift+Tab correctly focuses the previous focusable element within

lib/types.d.ts

@@ -113,3 +113,3 @@ import type { ButtonProps } from "@react-md/button";
      * behavior is to just update the position of the menu relative to the menu
-     * button until it can no longer be visibile within the viewport.
+     * button until it can no longer be visible within the viewport.
      *
@@ -251,3 +251,3 @@ * @defaultValue `false`
      * Boolean if the menu is being rendered as a menuitem instead of a button.
-     * Setting this to `true` implementats the
+     * Setting this to `true` implements the
      * {@link ProvidedMenuToggleProps.onKeyDown} functionality.
@@ -254,0 +254,0 @@ *

lib/useContextMenu.d.ts

@@ -28,3 +28,3 @@ import type { Dispatch, MouseEvent, SetStateAction } from "react";
      * menu visibility behavior. If this function calls `event.stopPropagation()`,
-     * the default contet menu behavior will not occur.
+     * the default context menu behavior will not occur.
      */
@@ -31,0 +31,0 @@ onContextMenu?<E extends HTMLElement>(event: MouseEvent<E>): void;

lib/useMenu.d.ts

@@ -77,11 +77,11 @@ import type { KeyboardEventHandler, MouseEventHandler, MutableRefObject } from "react";
  * - hide the `Menu` when an element outside of the `Menu` has been clicked
- * - hide the `Menu` when the `Esacpe` or `Tab` key has been pressed
+ * - hide the `Menu` when the `Escape` or `Tab` key has been pressed
  * - focus the `Menu` element when it gains visibility
  * - refocus the `MenuButton` or `MenuItemButton` when the menu loses visibility
  * - position the menu within the viewport with {@link useFixedPositioning}
- * - show the `Menu` when the `ArrowRight` key is pressed for a vertial
+ * - show the `Menu` when the `ArrowRight` key is pressed for a vertical
  *   `MenuItemButton`
  * - show the `Menu` when the `ArrowDown` key is pressed for a horizontal
  *   `MenuItemButton`
- * - hide the `Menu` when the `ArrowRight` key is pressed in a vertial submenu
+ * - hide the `Menu` when the `ArrowRight` key is pressed in a vertical submenu
  * - hide the `Menu` when the `ArrowDown` key is pressed in a horizontal
@@ -121,3 +121,3 @@ *   submenu
  *     <>
- *       <MenuButton ref={tggleRef} {...toggleProps}>
+ *       <MenuButton ref={toggleRef} {...toggleProps}>
  *         Button
@@ -124,0 +124,0 @@ *       </MenuButton>

lib/useMenu.js

@@ -36,11 +36,11 @@ "use strict";
  * - hide the `Menu` when an element outside of the `Menu` has been clicked
- * - hide the `Menu` when the `Esacpe` or `Tab` key has been pressed
+ * - hide the `Menu` when the `Escape` or `Tab` key has been pressed
  * - focus the `Menu` element when it gains visibility
  * - refocus the `MenuButton` or `MenuItemButton` when the menu loses visibility
  * - position the menu within the viewport with {@link useFixedPositioning}
- * - show the `Menu` when the `ArrowRight` key is pressed for a vertial
+ * - show the `Menu` when the `ArrowRight` key is pressed for a vertical
  *   `MenuItemButton`
  * - show the `Menu` when the `ArrowDown` key is pressed for a horizontal
  *   `MenuItemButton`
- * - hide the `Menu` when the `ArrowRight` key is pressed in a vertial submenu
+ * - hide the `Menu` when the `ArrowRight` key is pressed in a vertical submenu
  * - hide the `Menu` when the `ArrowDown` key is pressed in a horizontal
@@ -80,3 +80,3 @@ *   submenu
  *     <>
- *       <MenuButton ref={tggleRef} {...toggleProps}>
+ *       <MenuButton ref={toggleRef} {...toggleProps}>
  *         Button
@@ -83,0 +83,0 @@ *       </MenuButton>

package.json

 {
   "name": "@react-md/menu",
-  "version": "5.1.2",
+  "version": "5.1.3",
   "description": "Create menus that auto-position themselves within the viewport and adhere to the accessibility guidelines",
@@ -34,14 +34,14 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@react-md/app-bar": "^5.1.2",
-    "@react-md/button": "^5.1.2",
-    "@react-md/divider": "^5.1.2",
-    "@react-md/elevation": "^5.1.2",
-    "@react-md/icon": "^5.1.2",
-    "@react-md/list": "^5.1.2",
-    "@react-md/sheet": "^5.1.2",
-    "@react-md/states": "^5.1.2",
-    "@react-md/theme": "^5.1.2",
-    "@react-md/transition": "^5.1.2",
-    "@react-md/typography": "^5.1.2",
-    "@react-md/utils": "^5.1.2",
+    "@react-md/app-bar": "^5.1.3",
+    "@react-md/button": "^5.1.3",
+    "@react-md/divider": "^5.1.3",
+    "@react-md/elevation": "^5.1.3",
+    "@react-md/icon": "^5.1.3",
+    "@react-md/list": "^5.1.3",
+    "@react-md/sheet": "^5.1.3",
+    "@react-md/states": "^5.1.3",
+    "@react-md/theme": "^5.1.3",
+    "@react-md/transition": "^5.1.3",
+    "@react-md/typography": "^5.1.3",
+    "@react-md/utils": "^5.1.3",
     "classnames": "^2.3.1"
@@ -68,3 +68,3 @@ },
   },
-  "gitHead": "ec7de5dc79a69109f96600fa368d7be67fb20296"
+  "gitHead": "72bde657f033353fc3e56c48185defa895cfa81c"
 }

src/types.ts

@@ -165,3 +165,3 @@ import type { ButtonProps } from "@react-md/button";
    * behavior is to just update the position of the menu relative to the menu
-   * button until it can no longer be visibile within the viewport.
+   * button until it can no longer be visible within the viewport.
    *
@@ -327,3 +327,3 @@ * @defaultValue `false`
    * Boolean if the menu is being rendered as a menuitem instead of a button.
-   * Setting this to `true` implementats the
+   * Setting this to `true` implements the
    * {@link ProvidedMenuToggleProps.onKeyDown} functionality.
@@ -330,0 +330,0 @@ *

src/useContextMenu.ts

@@ -37,3 +37,3 @@ import type { Dispatch, MouseEvent, SetStateAction } from "react";
    * menu visibility behavior. If this function calls `event.stopPropagation()`,
-   * the default contet menu behavior will not occur.
+   * the default context menu behavior will not occur.
    */
@@ -40,0 +40,0 @@ onContextMenu?<E extends HTMLElement>(event: MouseEvent<E>): void;

src/useMenu.ts

@@ -108,11 +108,11 @@ import type {
  * - hide the `Menu` when an element outside of the `Menu` has been clicked
- * - hide the `Menu` when the `Esacpe` or `Tab` key has been pressed
+ * - hide the `Menu` when the `Escape` or `Tab` key has been pressed
  * - focus the `Menu` element when it gains visibility
  * - refocus the `MenuButton` or `MenuItemButton` when the menu loses visibility
  * - position the menu within the viewport with {@link useFixedPositioning}
- * - show the `Menu` when the `ArrowRight` key is pressed for a vertial
+ * - show the `Menu` when the `ArrowRight` key is pressed for a vertical
  *   `MenuItemButton`
  * - show the `Menu` when the `ArrowDown` key is pressed for a horizontal
  *   `MenuItemButton`
- * - hide the `Menu` when the `ArrowRight` key is pressed in a vertial submenu
+ * - hide the `Menu` when the `ArrowRight` key is pressed in a vertical submenu
  * - hide the `Menu` when the `ArrowDown` key is pressed in a horizontal
@@ -152,3 +152,3 @@ *   submenu
  *     <>
- *       <MenuButton ref={tggleRef} {...toggleProps}>
+ *       <MenuButton ref={toggleRef} {...toggleProps}>
  *         Button
@@ -155,0 +155,0 @@ *       </MenuButton>

types/types.d.ts

@@ -113,3 +113,3 @@ import type { ButtonProps } from "@react-md/button";
      * behavior is to just update the position of the menu relative to the menu
-     * button until it can no longer be visibile within the viewport.
+     * button until it can no longer be visible within the viewport.
      *
@@ -251,3 +251,3 @@ * @defaultValue `false`
      * Boolean if the menu is being rendered as a menuitem instead of a button.
-     * Setting this to `true` implementats the
+     * Setting this to `true` implements the
      * {@link ProvidedMenuToggleProps.onKeyDown} functionality.
@@ -254,0 +254,0 @@ *

types/useContextMenu.d.ts

@@ -28,3 +28,3 @@ import type { Dispatch, MouseEvent, SetStateAction } from "react";
      * menu visibility behavior. If this function calls `event.stopPropagation()`,
-     * the default contet menu behavior will not occur.
+     * the default context menu behavior will not occur.
      */
@@ -31,0 +31,0 @@ onContextMenu?<E extends HTMLElement>(event: MouseEvent<E>): void;

types/useMenu.d.ts

@@ -77,11 +77,11 @@ import type { KeyboardEventHandler, MouseEventHandler, MutableRefObject } from "react";
  * - hide the `Menu` when an element outside of the `Menu` has been clicked
- * - hide the `Menu` when the `Esacpe` or `Tab` key has been pressed
+ * - hide the `Menu` when the `Escape` or `Tab` key has been pressed
  * - focus the `Menu` element when it gains visibility
  * - refocus the `MenuButton` or `MenuItemButton` when the menu loses visibility
  * - position the menu within the viewport with {@link useFixedPositioning}
- * - show the `Menu` when the `ArrowRight` key is pressed for a vertial
+ * - show the `Menu` when the `ArrowRight` key is pressed for a vertical
  *   `MenuItemButton`
  * - show the `Menu` when the `ArrowDown` key is pressed for a horizontal
  *   `MenuItemButton`
- * - hide the `Menu` when the `ArrowRight` key is pressed in a vertial submenu
+ * - hide the `Menu` when the `ArrowRight` key is pressed in a vertical submenu
  * - hide the `Menu` when the `ArrowDown` key is pressed in a horizontal
@@ -121,3 +121,3 @@ *   submenu
  *     <>
- *       <MenuButton ref={tggleRef} {...toggleProps}>
+ *       <MenuButton ref={toggleRef} {...toggleProps}>
  *         Button
@@ -124,0 +124,0 @@ *       </MenuButton>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

450807

increased by0.1%

Dependency changes

• Updated@react-md/app-bar@^5.1.3

• Updated@react-md/button@^5.1.3

• Updated@react-md/divider@^5.1.3

• Updated@react-md/elevation@^5.1.3

• Updated@react-md/icon@^5.1.3

• Updated@react-md/list@^5.1.3

• Updated@react-md/sheet@^5.1.3

• Updated@react-md/states@^5.1.3

• Updated@react-md/theme@^5.1.3

• Updated@react-md/transition@^5.1.3

• Updated@react-md/typography@^5.1.3

• Updated@react-md/utils@^5.1.3