@workday/canvas-kit-react 9.1.1 → 9.1.3

package/collection/lib/useListItemRovingFocus.tsx

@@ -13,7 +13,7 @@ const retryEachFrame = (cb: () => boolean, iterations: number) => {
 
 /**
  * This elemProps hook is used for cursor navigation by using [Roving
- * Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). Only a single item in the
+ * Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). Only a single item in the
  * collection has a tab stop. Pressing an arrow key moves the tab stop to a different item in the
  * corresponding direction. See the [Roving Tabindex](#roving-tabindex) example. This elemProps hook
  * should be applied to an `*.Item` component.

package/collection/lib/useListModel.tsx

@@ -23,7 +23,7 @@ export type ListItemProps = {
  * mapping. Think of the cursor as the focus item within the list. If the list has browser focus, the
  * cursor will map to browser focus. Behaviors such as `useListRovingFocus` will map the cursor to the
  * active tab stop of the list. For more information, see
- * [Roving Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). `useListRovingFocus`
+ * [Roving Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). `useListRovingFocus`
  * adds keyboard events that map to navigation events. A [Navigation Manager](#navigation-manager) is
  * used to map new cursor ids to these events. The `ListModel` takes an optional `navigation`
  * configuration to change the default navigation behavior. The default navigation manager is a

package/combobox/lib/ComboboxInput.tsx

@@ -56,11 +56,8 @@ export const useComboboxInput = composeHooks(
           dispatchInputEvent(event.currentTarget as HTMLElement, '');
         }
         if (event.key === 'Enter' && !event.metaKey && model.state.visibility === 'visible') {
-          if (
-            document
-              .querySelector(`[data-id="${model.state.cursorId}"]`)
-              ?.getAttribute('aria-disabled') !== 'true'
-          ) {
+          const element = document.querySelector(`[data-id="${model.state.cursorId}"]`);
+          if (element && element?.getAttribute('aria-disabled') !== 'true') {
             model.events.select({id: model.state.cursorId});
             if (model.state.mode === 'single') {
               model.events.hide(event);

package/dist/commonjs/collection/lib/useListItemRovingFocus.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 /**
  * This elemProps hook is used for cursor navigation by using [Roving
- * Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). Only a single item in the
+ * Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). Only a single item in the
  * collection has a tab stop. Pressing an arrow key moves the tab stop to a different item in the
  * corresponding direction. See the [Roving Tabindex](#roving-tabindex) example. This elemProps hook
  * should be applied to an `*.Item` component.

package/dist/commonjs/collection/lib/useListItemRovingFocus.js

@@ -16,7 +16,7 @@ const retryEachFrame = (cb, iterations) => {
 };
 /**
  * This elemProps hook is used for cursor navigation by using [Roving
- * Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). Only a single item in the
+ * Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). Only a single item in the
  * collection has a tab stop. Pressing an arrow key moves the tab stop to a different item in the
  * corresponding direction. See the [Roving Tabindex](#roving-tabindex) example. This elemProps hook
  * should be applied to an `*.Item` component.

package/dist/commonjs/collection/lib/useListModel.d.ts

@@ -14,7 +14,7 @@ export declare type ListItemProps = {
  * mapping. Think of the cursor as the focus item within the list. If the list has browser focus, the
  * cursor will map to browser focus. Behaviors such as `useListRovingFocus` will map the cursor to the
  * active tab stop of the list. For more information, see
- * [Roving Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). `useListRovingFocus`
+ * [Roving Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). `useListRovingFocus`
  * adds keyboard events that map to navigation events. A [Navigation Manager](#navigation-manager) is
  * used to map new cursor ids to these events. The `ListModel` takes an optional `navigation`
  * configuration to change the default navigation behavior. The default navigation manager is a

package/dist/commonjs/collection/lib/useListModel.js

@@ -12,7 +12,7 @@ const useSelectionListModel_1 = require("./useSelectionListModel");
  * mapping. Think of the cursor as the focus item within the list. If the list has browser focus, the
  * cursor will map to browser focus. Behaviors such as `useListRovingFocus` will map the cursor to the
  * active tab stop of the list. For more information, see
- * [Roving Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). `useListRovingFocus`
+ * [Roving Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). `useListRovingFocus`
  * adds keyboard events that map to navigation events. A [Navigation Manager](#navigation-manager) is
  * used to map new cursor ids to these events. The `ListModel` takes an optional `navigation`
  * configuration to change the default navigation behavior. The default navigation manager is a

package/dist/commonjs/combobox/lib/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2BN,mBAAmB;6BAoBtB,gBAAgB;;8BAIf,gBAAgB;;;;;;;;;;;;;;;;;;EAmBpC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKxB,CAAC"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2BN,mBAAmB;6BAiBtB,gBAAgB;;8BAIf,gBAAgB;;;;;;;;;;;;;;;;;;EAmBpC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKxB,CAAC"}

package/dist/commonjs/combobox/lib/ComboboxInput.js

@@ -41,13 +41,12 @@ exports.useComboboxInput = common_1.composeHooks(common_1.createElemPropsHook(us
     }, [model.state.cursorId]);
     return {
         onKeyDown(event) {
-            var _a;
             if (event.key === 'Escape') {
                 common_1.dispatchInputEvent(event.currentTarget, '');
             }
             if (event.key === 'Enter' && !event.metaKey && model.state.visibility === 'visible') {
-                if (((_a = document
-                    .querySelector(`[data-id="${model.state.cursorId}"]`)) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-disabled')) !== 'true') {
+                const element = document.querySelector(`[data-id="${model.state.cursorId}"]`);
+                if (element && (element === null || element === void 0 ? void 0 : element.getAttribute('aria-disabled')) !== 'true') {
                     model.events.select({ id: model.state.cursorId });
                     if (model.state.mode === 'single') {
                         model.events.hide(event);

package/dist/commonjs/menu/lib/Menu.d.ts

@@ -8,7 +8,7 @@ export interface MenuProps {
 /**
  * `Menu` is a combination of a popup and a list. It usually has some type of target element that
  * expands/collapses the menu and a `menu` role and and several `menuitem` roles. Focus is managed
- * using [roving tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex) for maximum
+ * using [roving tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex) for maximum
  * compatibility. A `Menu` can have two modes: `single` and `multiple`. This mode determines both
  * how many items can be selected as well as the default behavior when a `menuitem` is clicked. For
  * the `single` mode, selecting a `menuitem` will select and close the menu. For the `multiple`

package/dist/commonjs/menu/lib/Menu.js

@@ -16,7 +16,7 @@ const MenuDivider_1 = require("./MenuDivider");
 /**
  * `Menu` is a combination of a popup and a list. It usually has some type of target element that
  * expands/collapses the menu and a `menu` role and and several `menuitem` roles. Focus is managed
- * using [roving tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex) for maximum
+ * using [roving tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex) for maximum
  * compatibility. A `Menu` can have two modes: `single` and `multiple`. This mode determines both
  * how many items can be selected as well as the default behavior when a `menuitem` is clicked. For
  * the `single` mode, selecting a `menuitem` will select and close the menu. For the `multiple`

package/dist/es6/collection/lib/useListItemRovingFocus.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 /**
  * This elemProps hook is used for cursor navigation by using [Roving
- * Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). Only a single item in the
+ * Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). Only a single item in the
  * collection has a tab stop. Pressing an arrow key moves the tab stop to a different item in the
  * corresponding direction. See the [Roving Tabindex](#roving-tabindex) example. This elemProps hook
  * should be applied to an `*.Item` component.

package/dist/es6/collection/lib/useListItemRovingFocus.js

@@ -10,7 +10,7 @@ const retryEachFrame = (cb, iterations) => {
 };
 /**
  * This elemProps hook is used for cursor navigation by using [Roving
- * Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). Only a single item in the
+ * Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). Only a single item in the
  * collection has a tab stop. Pressing an arrow key moves the tab stop to a different item in the
  * corresponding direction. See the [Roving Tabindex](#roving-tabindex) example. This elemProps hook
  * should be applied to an `*.Item` component.

package/dist/es6/collection/lib/useListModel.d.ts

@@ -14,7 +14,7 @@ export declare type ListItemProps = {
  * mapping. Think of the cursor as the focus item within the list. If the list has browser focus, the
  * cursor will map to browser focus. Behaviors such as `useListRovingFocus` will map the cursor to the
  * active tab stop of the list. For more information, see
- * [Roving Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). `useListRovingFocus`
+ * [Roving Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). `useListRovingFocus`
  * adds keyboard events that map to navigation events. A [Navigation Manager](#navigation-manager) is
  * used to map new cursor ids to these events. The `ListModel` takes an optional `navigation`
  * configuration to change the default navigation behavior. The default navigation manager is a

package/dist/es6/collection/lib/useListModel.js

@@ -9,7 +9,7 @@ import { useSelectionListModel } from './useSelectionListModel';
  * mapping. Think of the cursor as the focus item within the list. If the list has browser focus, the
  * cursor will map to browser focus. Behaviors such as `useListRovingFocus` will map the cursor to the
  * active tab stop of the list. For more information, see
- * [Roving Tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex). `useListRovingFocus`
+ * [Roving Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). `useListRovingFocus`
  * adds keyboard events that map to navigation events. A [Navigation Manager](#navigation-manager) is
  * used to map new cursor ids to these events. The `ListModel` takes an optional `navigation`
  * configuration to change the default navigation behavior. The default navigation manager is a

package/dist/es6/combobox/lib/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2BN,mBAAmB;6BAoBtB,gBAAgB;;8BAIf,gBAAgB;;;;;;;;;;;;;;;;;;EAmBpC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKxB,CAAC"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2BN,mBAAmB;6BAiBtB,gBAAgB;;8BAIf,gBAAgB;;;;;;;;;;;;;;;;;;EAmBpC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKxB,CAAC"}

package/dist/es6/combobox/lib/ComboboxInput.js

@@ -35,13 +35,12 @@ export const useComboboxInput = composeHooks(createElemPropsHook(useComboboxMode
     }, [model.state.cursorId]);
     return {
         onKeyDown(event) {
-            var _a;
             if (event.key === 'Escape') {
                 dispatchInputEvent(event.currentTarget, '');
             }
             if (event.key === 'Enter' && !event.metaKey && model.state.visibility === 'visible') {
-                if (((_a = document
-                    .querySelector(`[data-id="${model.state.cursorId}"]`)) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-disabled')) !== 'true') {
+                const element = document.querySelector(`[data-id="${model.state.cursorId}"]`);
+                if (element && (element === null || element === void 0 ? void 0 : element.getAttribute('aria-disabled')) !== 'true') {
                     model.events.select({ id: model.state.cursorId });
                     if (model.state.mode === 'single') {
                         model.events.hide(event);

package/dist/es6/menu/lib/Menu.d.ts

@@ -8,7 +8,7 @@ export interface MenuProps {
 /**
  * `Menu` is a combination of a popup and a list. It usually has some type of target element that
  * expands/collapses the menu and a `menu` role and and several `menuitem` roles. Focus is managed
- * using [roving tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex) for maximum
+ * using [roving tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex) for maximum
  * compatibility. A `Menu` can have two modes: `single` and `multiple`. This mode determines both
  * how many items can be selected as well as the default behavior when a `menuitem` is clicked. For
  * the `single` mode, selecting a `menuitem` will select and close the menu. For the `multiple`

package/dist/es6/menu/lib/Menu.js

@@ -10,7 +10,7 @@ import { MenuDivider } from './MenuDivider';
 /**
  * `Menu` is a combination of a popup and a list. It usually has some type of target element that
  * expands/collapses the menu and a `menu` role and and several `menuitem` roles. Focus is managed
- * using [roving tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex) for maximum
+ * using [roving tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex) for maximum
  * compatibility. A `Menu` can have two modes: `single` and `multiple`. This mode determines both
  * how many items can be selected as well as the default behavior when a `menuitem` is clicked. For
  * the `single` mode, selecting a `menuitem` will select and close the menu. For the `multiple`

package/menu/lib/Menu.tsx

@@ -20,7 +20,7 @@ export interface MenuProps {
 /**
  * `Menu` is a combination of a popup and a list. It usually has some type of target element that
  * expands/collapses the menu and a `menu` role and and several `menuitem` roles. Focus is managed
- * using [roving tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex) for maximum
+ * using [roving tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex) for maximum
  * compatibility. A `Menu` can have two modes: `single` and `multiple`. This mode determines both
  * how many items can be selected as well as the default behavior when a `menuitem` is clicked. For
  * the `single` mode, selecting a `menuitem` will select and close the menu. For the `multiple`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "9.1.1",
+  "version": "9.1.3",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -49,7 +49,7 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-popup-stack": "^9.1.1",
+    "@workday/canvas-kit-popup-stack": "^9.1.3",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -66,5 +66,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "1fd1ede048d1977dbf565ad9e78dcd3786a7b5c2"
+  "gitHead": "e05ca047d5cb85ed194a626c92d143e9e0805733"
 }