@workday/canvas-kit-react 9.0.0-alpha.409-next.11 → 9.0.0-alpha.411-next.13

package/collection/lib/keyUtils.ts

@@ -0,0 +1,88 @@
+import React from 'react';
+import {useCursorListModel} from './useCursorListModel';
+
+export const orientationKeyMap = {
+  horizontal: {
+    ArrowLeft: 'goToPrevious',
+    Left: 'goToPrevious',
+    ArrowRight: 'goToNext',
+    Right: 'goToNext',
+    Home: 'goToFirst',
+    End: 'goToLast',
+    PageDown: 'goToNextPage',
+    PageUp: 'goToPreviousPage',
+  },
+  vertical: {
+    ArrowUp: 'goToPrevious',
+    Up: 'goToPrevious',
+    ArrowDown: 'goToNext',
+    Down: 'goToNext',
+    Home: 'goToFirst',
+    End: 'goToLast',
+    PageDown: 'goToNextPage',
+    PageUp: 'goToPreviousPage',
+  },
+} as const;
+
+const rightToLeftMap = {
+  ArrowLeft: 'ArrowRight',
+  Left: 'Right',
+  ArrowRight: 'ArrowLeft',
+  Right: 'Left',
+  Home: 'Home',
+  End: 'End',
+  PageDown: 'PageDown',
+  PageUp: 'PageUp',
+} as const;
+
+const gridKeyMap = {
+  ...orientationKeyMap.horizontal,
+  Home: 'goToFirstOfRow',
+  End: 'goToLastOfRow',
+  ArrowUp: 'goToPreviousRow',
+  Up: 'goToPreviousRow',
+  ArrowDown: 'goToNextRow',
+  Down: 'goToNextRow',
+} as const;
+
+const ctrlKeyMap = {
+  Home: 'goToFirst',
+  End: 'goToLast',
+} as const;
+
+const hasOwnKey = <T extends object>(obj: T, key: any): key is keyof T => obj.hasOwnProperty(key);
+
+export function keyboardEventToCursorEvents(
+  event: React.KeyboardEvent,
+  model: ReturnType<typeof useCursorListModel>,
+  isRTL: boolean
+): boolean {
+  // Test ctrl key first
+  if (event.ctrlKey) {
+    for (const key in ctrlKeyMap) {
+      if (hasOwnKey(ctrlKeyMap, key)) {
+        if (event.key === key) {
+          model.events[ctrlKeyMap[key]]?.();
+          return true;
+        }
+      }
+    }
+  }
+  // Try regular keys
+  const map = model.state.columnCount > 0 ? gridKeyMap : orientationKeyMap[model.state.orientation];
+  for (const key in map) {
+    if (hasOwnKey(map, key)) {
+      if (isRTL ? event.key === rightToLeftMap[key] : event.key === key) {
+        const eventName =
+          model.state.columnCount > 0
+            ? gridKeyMap[key]
+            : orientationKeyMap[model.state.orientation][key];
+        if (model.events[eventName]) {
+          model.events[eventName]?.();
+          return true;
+        }
+      }
+    }
+  }
+  return false;
+}

package/collection/lib/useListItemRovingFocus.tsx

@@ -2,58 +2,7 @@ import React from 'react';
 import {useIsRTL, createElemPropsHook} from '@workday/canvas-kit-react/common';
 
 import {useCursorListModel} from './useCursorListModel';
-
-export const orientationKeyMap = {
-  horizontal: {
-    ArrowLeft: 'goToPrevious',
-    Left: 'goToPrevious',
-    ArrowRight: 'goToNext',
-    Right: 'goToNext',
-    Home: 'goToFirst',
-    End: 'goToLast',
-    PageDown: 'goToNextPage',
-    PageUp: 'goToPreviousPage',
-  },
-  vertical: {
-    ArrowUp: 'goToPrevious',
-    Up: 'goToPrevious',
-    ArrowDown: 'goToNext',
-    Down: 'goToNext',
-    Home: 'goToFirst',
-    End: 'goToLast',
-    PageDown: 'goToNextPage',
-    PageUp: 'goToPreviousPage',
-  },
-} as const;
-
-const rightToLeftMap = {
-  ArrowLeft: 'ArrowRight',
-  Left: 'Right',
-  ArrowRight: 'ArrowLeft',
-  Right: 'Left',
-  Home: 'Home',
-  End: 'End',
-  PageDown: 'PageDown',
-  PageUp: 'PageUp',
-} as const;
-
-const gridKeyMap = {
-  ...orientationKeyMap.horizontal,
-  Home: 'goToFirstOfRow',
-  End: 'goToLastOfRow',
-  ArrowUp: 'goToPreviousRow',
-  Up: 'goToPreviousRow',
-  ArrowDown: 'goToNextRow',
-  Down: 'goToNextRow',
-} as const;
-
-const ctrlKeyMap = {
-  Home: 'goToFirst',
-  End: 'goToLast',
-} as const;
-
-const keys = <T extends object>(obj: T): (keyof T)[] => Object.keys(obj) as (keyof T)[];
-const hasOwnKey = <T extends object>(obj: T, key: any): key is keyof T => obj.hasOwnProperty(key);
+import {keyboardEventToCursorEvents} from './keyUtils';
 
 /**
  * This elemProps hook is used for cursor navigation by using [Roving
@@ -70,29 +19,25 @@ const hasOwnKey = <T extends object>(obj: T, key: any): key is keyof T => obj.ha
 ```
  */
 export const useListItemRovingFocus = createElemPropsHook(useCursorListModel)(
-  ({state, events, navigation}, ref, elemProps: {'data-id'?: string} = {}) => {
-    // Tracks when this element has focus. If this item is removed while still focused, we have to
-    // inform the model to move the cursor to the next item.
-    const focusRef = React.useRef(false);
-
+  (model, ref, elemProps: {'data-id'?: string} = {}) => {
     // Create a ref out of state. We don't want to watch state on unmount, so we use a ref to get the
     // current value at the time of unmounting. Otherwise, `state.items` would be a cached value of an
     // empty array
-    const stateRef = React.useRef(state);
-    stateRef.current = state;
+    const stateRef = React.useRef(model.state);
+    stateRef.current = model.state;
 
     const keyDownRef = React.useRef(false);
     const isRTL = useIsRTL();
 
     React.useEffect(() => {
       if (keyDownRef.current) {
-        const item = navigation.getItem(state.cursorId, {state});
-        if (state.isVirtualized) {
-          state.UNSTABLE_virtual.scrollToIndex(item.index);
+        const item = model.navigation.getItem(model.state.cursorId, model);
+        if (model.state.isVirtualized) {
+          model.state.UNSTABLE_virtual.scrollToIndex(item.index);
         }
         requestAnimationFrame(() => {
           document
-            .querySelector<HTMLElement>(`[data-focus-id="${`${state.id}-${item.id}`}"]`)
+            .querySelector<HTMLElement>(`[data-focus-id="${`${model.state.id}-${item.id}`}"]`)
             ?.focus();
         });
 
@@ -100,51 +45,23 @@ export const useListItemRovingFocus = createElemPropsHook(useCursorListModel)(
       }
       // we only want to run this effect if the cursor changes and not any other time
       // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state.cursorId]);
+    }, [model.state.cursorId]);
 
     return {
       onKeyDown(event: React.KeyboardEvent) {
-        // Test ctrl key first
-        if (event.ctrlKey) {
-          for (const key in ctrlKeyMap) {
-            if (hasOwnKey(ctrlKeyMap, key)) {
-              if (event.key === key) {
-                keyDownRef.current = true;
-                events[ctrlKeyMap[key]]?.();
-                event.preventDefault();
-                return;
-              }
-            }
-          }
+        const handled = keyboardEventToCursorEvents(event, model, isRTL);
+        if (handled) {
+          event.preventDefault();
+          keyDownRef.current = true;
         }
-        // Try regular keys
-        keys(state.columnCount > 0 ? gridKeyMap : orientationKeyMap[state.orientation]).forEach(
-          key => {
-            if (isRTL ? event.key === rightToLeftMap[key] : event.key === key) {
-              const eventName =
-                state.columnCount > 0 ? gridKeyMap[key] : orientationKeyMap[state.orientation][key];
-              keyDownRef.current = true;
-              if (events[eventName]) {
-                events[eventName]?.();
-                event.preventDefault();
-              }
-            }
-          }
-        );
-      },
-      onFocus() {
-        focusRef.current = true;
-      },
-      onBlur() {
-        focusRef.current = false;
       },
       onClick() {
-        events.goTo({id: elemProps['data-id']!});
+        model.events.goTo({id: elemProps['data-id']!});
       },
-      'data-focus-id': `${state.id}-${elemProps['data-id']}`,
-      tabIndex: !state.cursorId
+      'data-focus-id': `${model.state.id}-${elemProps['data-id']}`,
+      tabIndex: !model.state.cursorId
         ? 0 // cursor isn't known yet, be safe and mark this as focusable
-        : !!elemProps['data-id'] && state.cursorId === elemProps['data-id']
+        : !!elemProps['data-id'] && model.state.cursorId === elemProps['data-id']
         ? 0 // A name is known and cursor is here
         : -1, // A name is known an cursor is somewhere else
       ref,

package/collection/lib/useListResetCursorOnBlur.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import {createElemPropsHook} from '@workday/canvas-kit-react/common';
-import {orientationKeyMap} from './useListItemRovingFocus';
+import {orientationKeyMap} from './keyUtils';
 import {useListModel} from './useListModel';
 
 /**

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useCursorListModel } from './useCursorListModel';
+export declare const orientationKeyMap: {
+    readonly horizontal: {
+        readonly ArrowLeft: "goToPrevious";
+        readonly Left: "goToPrevious";
+        readonly ArrowRight: "goToNext";
+        readonly Right: "goToNext";
+        readonly Home: "goToFirst";
+        readonly End: "goToLast";
+        readonly PageDown: "goToNextPage";
+        readonly PageUp: "goToPreviousPage";
+    };
+    readonly vertical: {
+        readonly ArrowUp: "goToPrevious";
+        readonly Up: "goToPrevious";
+        readonly ArrowDown: "goToNext";
+        readonly Down: "goToNext";
+        readonly Home: "goToFirst";
+        readonly End: "goToLast";
+        readonly PageDown: "goToNextPage";
+        readonly PageUp: "goToPreviousPage";
+    };
+};
+export declare function keyboardEventToCursorEvents(event: React.KeyboardEvent, model: ReturnType<typeof useCursorListModel>, isRTL: boolean): boolean;
+//# sourceMappingURL=keyUtils.d.ts.map

package/dist/commonjs/collection/lib/keyUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyUtils.d.ts","sourceRoot":"","sources":["../../../../collection/lib/keyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AA8BX,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,KAAK,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,EAC5C,KAAK,EAAE,OAAO,GACb,OAAO,CA6BT"}

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardEventToCursorEvents = exports.orientationKeyMap = void 0;
+exports.orientationKeyMap = {
+    horizontal: {
+        ArrowLeft: 'goToPrevious',
+        Left: 'goToPrevious',
+        ArrowRight: 'goToNext',
+        Right: 'goToNext',
+        Home: 'goToFirst',
+        End: 'goToLast',
+        PageDown: 'goToNextPage',
+        PageUp: 'goToPreviousPage',
+    },
+    vertical: {
+        ArrowUp: 'goToPrevious',
+        Up: 'goToPrevious',
+        ArrowDown: 'goToNext',
+        Down: 'goToNext',
+        Home: 'goToFirst',
+        End: 'goToLast',
+        PageDown: 'goToNextPage',
+        PageUp: 'goToPreviousPage',
+    },
+};
+const rightToLeftMap = {
+    ArrowLeft: 'ArrowRight',
+    Left: 'Right',
+    ArrowRight: 'ArrowLeft',
+    Right: 'Left',
+    Home: 'Home',
+    End: 'End',
+    PageDown: 'PageDown',
+    PageUp: 'PageUp',
+};
+const gridKeyMap = {
+    ...exports.orientationKeyMap.horizontal,
+    Home: 'goToFirstOfRow',
+    End: 'goToLastOfRow',
+    ArrowUp: 'goToPreviousRow',
+    Up: 'goToPreviousRow',
+    ArrowDown: 'goToNextRow',
+    Down: 'goToNextRow',
+};
+const ctrlKeyMap = {
+    Home: 'goToFirst',
+    End: 'goToLast',
+};
+const hasOwnKey = (obj, key) => obj.hasOwnProperty(key);
+function keyboardEventToCursorEvents(event, model, isRTL) {
+    var _a, _b, _c, _d;
+    // Test ctrl key first
+    if (event.ctrlKey) {
+        for (const key in ctrlKeyMap) {
+            if (hasOwnKey(ctrlKeyMap, key)) {
+                if (event.key === key) {
+                    (_b = (_a = model.events)[ctrlKeyMap[key]]) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    return true;
+                }
+            }
+        }
+    }
+    // Try regular keys
+    const map = model.state.columnCount > 0 ? gridKeyMap : exports.orientationKeyMap[model.state.orientation];
+    for (const key in map) {
+        if (hasOwnKey(map, key)) {
+            if (isRTL ? event.key === rightToLeftMap[key] : event.key === key) {
+                const eventName = model.state.columnCount > 0
+                    ? gridKeyMap[key]
+                    : exports.orientationKeyMap[model.state.orientation][key];
+                if (model.events[eventName]) {
+                    (_d = (_c = model.events)[eventName]) === null || _d === void 0 ? void 0 : _d.call(_c);
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}
+exports.keyboardEventToCursorEvents = keyboardEventToCursorEvents;

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

@@ -1,26 +1,4 @@
 import React from 'react';
-export declare const orientationKeyMap: {
-    readonly horizontal: {
-        readonly ArrowLeft: "goToPrevious";
-        readonly Left: "goToPrevious";
-        readonly ArrowRight: "goToNext";
-        readonly Right: "goToNext";
-        readonly Home: "goToFirst";
-        readonly End: "goToLast";
-        readonly PageDown: "goToNextPage";
-        readonly PageUp: "goToPreviousPage";
-    };
-    readonly vertical: {
-        readonly ArrowUp: "goToPrevious";
-        readonly Up: "goToPrevious";
-        readonly ArrowDown: "goToNext";
-        readonly Down: "goToNext";
-        readonly Home: "goToFirst";
-        readonly End: "goToLast";
-        readonly PageDown: "goToNextPage";
-        readonly PageUp: "goToPreviousPage";
-    };
-};
 /**
  * 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
@@ -84,8 +62,6 @@ export declare const useListItemRovingFocus: import("@workday/canvas-kit-react/c
     getId: (item: any) => string;
 }, {
     onKeyDown(event: React.KeyboardEvent): void;
-    onFocus(): void;
-    onBlur(): void;
     onClick(): void;
     'data-focus-id': string;
     tabIndex: number;

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

@@ -1 +1 @@
-{"version":3,"file":"useListItemRovingFocus.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AA+BX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkCZ,mBAAmB;;;;;;;EA+CzC,CAAC"}
+{"version":3,"file":"useListItemRovingFocus.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8BZ,mBAAmB;;;;;EAmBzC,CAAC"}

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

@@ -3,57 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useListItemRovingFocus = exports.orientationKeyMap = void 0;
+exports.useListItemRovingFocus = void 0;
 const react_1 = __importDefault(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const useCursorListModel_1 = require("./useCursorListModel");
-exports.orientationKeyMap = {
-    horizontal: {
-        ArrowLeft: 'goToPrevious',
-        Left: 'goToPrevious',
-        ArrowRight: 'goToNext',
-        Right: 'goToNext',
-        Home: 'goToFirst',
-        End: 'goToLast',
-        PageDown: 'goToNextPage',
-        PageUp: 'goToPreviousPage',
-    },
-    vertical: {
-        ArrowUp: 'goToPrevious',
-        Up: 'goToPrevious',
-        ArrowDown: 'goToNext',
-        Down: 'goToNext',
-        Home: 'goToFirst',
-        End: 'goToLast',
-        PageDown: 'goToNextPage',
-        PageUp: 'goToPreviousPage',
-    },
-};
-const rightToLeftMap = {
-    ArrowLeft: 'ArrowRight',
-    Left: 'Right',
-    ArrowRight: 'ArrowLeft',
-    Right: 'Left',
-    Home: 'Home',
-    End: 'End',
-    PageDown: 'PageDown',
-    PageUp: 'PageUp',
-};
-const gridKeyMap = {
-    ...exports.orientationKeyMap.horizontal,
-    Home: 'goToFirstOfRow',
-    End: 'goToLastOfRow',
-    ArrowUp: 'goToPreviousRow',
-    Up: 'goToPreviousRow',
-    ArrowDown: 'goToNextRow',
-    Down: 'goToNextRow',
-};
-const ctrlKeyMap = {
-    Home: 'goToFirst',
-    End: 'goToLast',
-};
-const keys = (obj) => Object.keys(obj);
-const hasOwnKey = (obj, key) => obj.hasOwnProperty(key);
+const keyUtils_1 = require("./keyUtils");
 /**
  * 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
@@ -68,75 +22,45 @@ const hasOwnKey = (obj, key) => obj.hasOwnProperty(key);
  * );
 ```
  */
-exports.useListItemRovingFocus = common_1.createElemPropsHook(useCursorListModel_1.useCursorListModel)(({ state, events, navigation }, ref, elemProps = {}) => {
-    // Tracks when this element has focus. If this item is removed while still focused, we have to
-    // inform the model to move the cursor to the next item.
-    const focusRef = react_1.default.useRef(false);
+exports.useListItemRovingFocus = common_1.createElemPropsHook(useCursorListModel_1.useCursorListModel)((model, ref, elemProps = {}) => {
     // Create a ref out of state. We don't want to watch state on unmount, so we use a ref to get the
     // current value at the time of unmounting. Otherwise, `state.items` would be a cached value of an
     // empty array
-    const stateRef = react_1.default.useRef(state);
-    stateRef.current = state;
+    const stateRef = react_1.default.useRef(model.state);
+    stateRef.current = model.state;
     const keyDownRef = react_1.default.useRef(false);
     const isRTL = common_1.useIsRTL();
     react_1.default.useEffect(() => {
         if (keyDownRef.current) {
-            const item = navigation.getItem(state.cursorId, { state });
-            if (state.isVirtualized) {
-                state.UNSTABLE_virtual.scrollToIndex(item.index);
+            const item = model.navigation.getItem(model.state.cursorId, model);
+            if (model.state.isVirtualized) {
+                model.state.UNSTABLE_virtual.scrollToIndex(item.index);
             }
             requestAnimationFrame(() => {
                 var _a;
                 (_a = document
-                    .querySelector(`[data-focus-id="${`${state.id}-${item.id}`}"]`)) === null || _a === void 0 ? void 0 : _a.focus();
+                    .querySelector(`[data-focus-id="${`${model.state.id}-${item.id}`}"]`)) === null || _a === void 0 ? void 0 : _a.focus();
             });
             keyDownRef.current = false;
         }
         // we only want to run this effect if the cursor changes and not any other time
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state.cursorId]);
+    }, [model.state.cursorId]);
     return {
         onKeyDown(event) {
-            var _a;
-            // Test ctrl key first
-            if (event.ctrlKey) {
-                for (const key in ctrlKeyMap) {
-                    if (hasOwnKey(ctrlKeyMap, key)) {
-                        if (event.key === key) {
-                            keyDownRef.current = true;
-                            (_a = events[ctrlKeyMap[key]]) === null || _a === void 0 ? void 0 : _a.call(events);
-                            event.preventDefault();
-                            return;
-                        }
-                    }
-                }
+            const handled = keyUtils_1.keyboardEventToCursorEvents(event, model, isRTL);
+            if (handled) {
+                event.preventDefault();
+                keyDownRef.current = true;
             }
-            // Try regular keys
-            keys(state.columnCount > 0 ? gridKeyMap : exports.orientationKeyMap[state.orientation]).forEach(key => {
-                var _a;
-                if (isRTL ? event.key === rightToLeftMap[key] : event.key === key) {
-                    const eventName = state.columnCount > 0 ? gridKeyMap[key] : exports.orientationKeyMap[state.orientation][key];
-                    keyDownRef.current = true;
-                    if (events[eventName]) {
-                        (_a = events[eventName]) === null || _a === void 0 ? void 0 : _a.call(events);
-                        event.preventDefault();
-                    }
-                }
-            });
-        },
-        onFocus() {
-            focusRef.current = true;
-        },
-        onBlur() {
-            focusRef.current = false;
         },
         onClick() {
-            events.goTo({ id: elemProps['data-id'] });
+            model.events.goTo({ id: elemProps['data-id'] });
         },
-        'data-focus-id': `${state.id}-${elemProps['data-id']}`,
-        tabIndex: !state.cursorId
+        'data-focus-id': `${model.state.id}-${elemProps['data-id']}`,
+        tabIndex: !model.state.cursorId
             ? 0 // cursor isn't known yet, be safe and mark this as focusable
-            : !!elemProps['data-id'] && state.cursorId === elemProps['data-id']
+            : !!elemProps['data-id'] && model.state.cursorId === elemProps['data-id']
                 ? 0 // A name is known and cursor is here
                 : -1,
         ref,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useListResetCursorOnBlur = void 0;
 const react_1 = __importDefault(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
-const useListItemRovingFocus_1 = require("./useListItemRovingFocus");
+const keyUtils_1 = require("./keyUtils");
 const useListModel_1 = require("./useListModel");
 /**
  * This elemProps hook resets the cursor when the list looses focus. By default,
@@ -27,7 +27,7 @@ exports.useListResetCursorOnBlur = common_1.createElemPropsHook(useListModel_1.u
     return {
         onKeyDown(event) {
             // Programmatic focus only on any focus change via keyboard
-            if (Object.keys(useListItemRovingFocus_1.orientationKeyMap[state.orientation]).indexOf(event.key) !== -1) {
+            if (Object.keys(keyUtils_1.orientationKeyMap[state.orientation]).indexOf(event.key) !== -1) {
                 programmaticFocusRef.current = true;
             }
         },

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

@@ -93,8 +93,6 @@ export declare const useMenuItem: import("@workday/canvas-kit-react/common").Beh
     onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 } & {
     onKeyDown(event: React.KeyboardEvent<Element>): void;
-    onFocus(): void;
-    onBlur(): void;
     onClick(): void;
     'data-focus-id': string;
     tabIndex: number;

package/dist/commonjs/menu/lib/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA4FD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BF,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;EAazC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA4FD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BF,MAAM,cAAc;;;;;;;;;;;;;;;;;;EAazC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}

package/dist/commonjs/tabs/lib/TabsItem.d.ts

@@ -228,8 +228,6 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
     style: {};
 } & {
     onKeyDown(event: React.KeyboardEvent<Element>): void;
-    onFocus(): void;
-    onBlur(): void;
     onClick(): void;
     'data-focus-id': string;
     tabIndex: number;

package/dist/commonjs/tabs/lib/TabsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAsFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
+{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAsFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useCursorListModel } from './useCursorListModel';
+export declare const orientationKeyMap: {
+    readonly horizontal: {
+        readonly ArrowLeft: "goToPrevious";
+        readonly Left: "goToPrevious";
+        readonly ArrowRight: "goToNext";
+        readonly Right: "goToNext";
+        readonly Home: "goToFirst";
+        readonly End: "goToLast";
+        readonly PageDown: "goToNextPage";
+        readonly PageUp: "goToPreviousPage";
+    };
+    readonly vertical: {
+        readonly ArrowUp: "goToPrevious";
+        readonly Up: "goToPrevious";
+        readonly ArrowDown: "goToNext";
+        readonly Down: "goToNext";
+        readonly Home: "goToFirst";
+        readonly End: "goToLast";
+        readonly PageDown: "goToNextPage";
+        readonly PageUp: "goToPreviousPage";
+    };
+};
+export declare function keyboardEventToCursorEvents(event: React.KeyboardEvent, model: ReturnType<typeof useCursorListModel>, isRTL: boolean): boolean;
+//# sourceMappingURL=keyUtils.d.ts.map

package/dist/es6/collection/lib/keyUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyUtils.d.ts","sourceRoot":"","sources":["../../../../collection/lib/keyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AA8BX,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,KAAK,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,EAC5C,KAAK,EAAE,OAAO,GACb,OAAO,CA6BT"}

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

@@ -0,0 +1,76 @@
+export const orientationKeyMap = {
+    horizontal: {
+        ArrowLeft: 'goToPrevious',
+        Left: 'goToPrevious',
+        ArrowRight: 'goToNext',
+        Right: 'goToNext',
+        Home: 'goToFirst',
+        End: 'goToLast',
+        PageDown: 'goToNextPage',
+        PageUp: 'goToPreviousPage',
+    },
+    vertical: {
+        ArrowUp: 'goToPrevious',
+        Up: 'goToPrevious',
+        ArrowDown: 'goToNext',
+        Down: 'goToNext',
+        Home: 'goToFirst',
+        End: 'goToLast',
+        PageDown: 'goToNextPage',
+        PageUp: 'goToPreviousPage',
+    },
+};
+const rightToLeftMap = {
+    ArrowLeft: 'ArrowRight',
+    Left: 'Right',
+    ArrowRight: 'ArrowLeft',
+    Right: 'Left',
+    Home: 'Home',
+    End: 'End',
+    PageDown: 'PageDown',
+    PageUp: 'PageUp',
+};
+const gridKeyMap = {
+    ...orientationKeyMap.horizontal,
+    Home: 'goToFirstOfRow',
+    End: 'goToLastOfRow',
+    ArrowUp: 'goToPreviousRow',
+    Up: 'goToPreviousRow',
+    ArrowDown: 'goToNextRow',
+    Down: 'goToNextRow',
+};
+const ctrlKeyMap = {
+    Home: 'goToFirst',
+    End: 'goToLast',
+};
+const hasOwnKey = (obj, key) => obj.hasOwnProperty(key);
+export function keyboardEventToCursorEvents(event, model, isRTL) {
+    var _a, _b, _c, _d;
+    // Test ctrl key first
+    if (event.ctrlKey) {
+        for (const key in ctrlKeyMap) {
+            if (hasOwnKey(ctrlKeyMap, key)) {
+                if (event.key === key) {
+                    (_b = (_a = model.events)[ctrlKeyMap[key]]) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    return true;
+                }
+            }
+        }
+    }
+    // Try regular keys
+    const map = model.state.columnCount > 0 ? gridKeyMap : orientationKeyMap[model.state.orientation];
+    for (const key in map) {
+        if (hasOwnKey(map, key)) {
+            if (isRTL ? event.key === rightToLeftMap[key] : event.key === key) {
+                const eventName = model.state.columnCount > 0
+                    ? gridKeyMap[key]
+                    : orientationKeyMap[model.state.orientation][key];
+                if (model.events[eventName]) {
+                    (_d = (_c = model.events)[eventName]) === null || _d === void 0 ? void 0 : _d.call(_c);
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}

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

@@ -1,26 +1,4 @@
 import React from 'react';
-export declare const orientationKeyMap: {
-    readonly horizontal: {
-        readonly ArrowLeft: "goToPrevious";
-        readonly Left: "goToPrevious";
-        readonly ArrowRight: "goToNext";
-        readonly Right: "goToNext";
-        readonly Home: "goToFirst";
-        readonly End: "goToLast";
-        readonly PageDown: "goToNextPage";
-        readonly PageUp: "goToPreviousPage";
-    };
-    readonly vertical: {
-        readonly ArrowUp: "goToPrevious";
-        readonly Up: "goToPrevious";
-        readonly ArrowDown: "goToNext";
-        readonly Down: "goToNext";
-        readonly Home: "goToFirst";
-        readonly End: "goToLast";
-        readonly PageDown: "goToNextPage";
-        readonly PageUp: "goToPreviousPage";
-    };
-};
 /**
  * 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
@@ -84,8 +62,6 @@ export declare const useListItemRovingFocus: import("@workday/canvas-kit-react/c
     getId: (item: any) => string;
 }, {
     onKeyDown(event: React.KeyboardEvent): void;
-    onFocus(): void;
-    onBlur(): void;
     onClick(): void;
     'data-focus-id': string;
     tabIndex: number;

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

@@ -1 +1 @@
-{"version":3,"file":"useListItemRovingFocus.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AA+BX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkCZ,mBAAmB;;;;;;;EA+CzC,CAAC"}
+{"version":3,"file":"useListItemRovingFocus.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8BZ,mBAAmB;;;;;EAmBzC,CAAC"}

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

@@ -1,53 +1,7 @@
 import React from 'react';
 import { useIsRTL, createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { useCursorListModel } from './useCursorListModel';
-export const orientationKeyMap = {
-    horizontal: {
-        ArrowLeft: 'goToPrevious',
-        Left: 'goToPrevious',
-        ArrowRight: 'goToNext',
-        Right: 'goToNext',
-        Home: 'goToFirst',
-        End: 'goToLast',
-        PageDown: 'goToNextPage',
-        PageUp: 'goToPreviousPage',
-    },
-    vertical: {
-        ArrowUp: 'goToPrevious',
-        Up: 'goToPrevious',
-        ArrowDown: 'goToNext',
-        Down: 'goToNext',
-        Home: 'goToFirst',
-        End: 'goToLast',
-        PageDown: 'goToNextPage',
-        PageUp: 'goToPreviousPage',
-    },
-};
-const rightToLeftMap = {
-    ArrowLeft: 'ArrowRight',
-    Left: 'Right',
-    ArrowRight: 'ArrowLeft',
-    Right: 'Left',
-    Home: 'Home',
-    End: 'End',
-    PageDown: 'PageDown',
-    PageUp: 'PageUp',
-};
-const gridKeyMap = {
-    ...orientationKeyMap.horizontal,
-    Home: 'goToFirstOfRow',
-    End: 'goToLastOfRow',
-    ArrowUp: 'goToPreviousRow',
-    Up: 'goToPreviousRow',
-    ArrowDown: 'goToNextRow',
-    Down: 'goToNextRow',
-};
-const ctrlKeyMap = {
-    Home: 'goToFirst',
-    End: 'goToLast',
-};
-const keys = (obj) => Object.keys(obj);
-const hasOwnKey = (obj, key) => obj.hasOwnProperty(key);
+import { keyboardEventToCursorEvents } from './keyUtils';
 /**
  * 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
@@ -62,75 +16,45 @@ const hasOwnKey = (obj, key) => obj.hasOwnProperty(key);
  * );
 ```
  */
-export const useListItemRovingFocus = createElemPropsHook(useCursorListModel)(({ state, events, navigation }, ref, elemProps = {}) => {
-    // Tracks when this element has focus. If this item is removed while still focused, we have to
-    // inform the model to move the cursor to the next item.
-    const focusRef = React.useRef(false);
+export const useListItemRovingFocus = createElemPropsHook(useCursorListModel)((model, ref, elemProps = {}) => {
     // Create a ref out of state. We don't want to watch state on unmount, so we use a ref to get the
     // current value at the time of unmounting. Otherwise, `state.items` would be a cached value of an
     // empty array
-    const stateRef = React.useRef(state);
-    stateRef.current = state;
+    const stateRef = React.useRef(model.state);
+    stateRef.current = model.state;
     const keyDownRef = React.useRef(false);
     const isRTL = useIsRTL();
     React.useEffect(() => {
         if (keyDownRef.current) {
-            const item = navigation.getItem(state.cursorId, { state });
-            if (state.isVirtualized) {
-                state.UNSTABLE_virtual.scrollToIndex(item.index);
+            const item = model.navigation.getItem(model.state.cursorId, model);
+            if (model.state.isVirtualized) {
+                model.state.UNSTABLE_virtual.scrollToIndex(item.index);
             }
             requestAnimationFrame(() => {
                 var _a;
                 (_a = document
-                    .querySelector(`[data-focus-id="${`${state.id}-${item.id}`}"]`)) === null || _a === void 0 ? void 0 : _a.focus();
+                    .querySelector(`[data-focus-id="${`${model.state.id}-${item.id}`}"]`)) === null || _a === void 0 ? void 0 : _a.focus();
             });
             keyDownRef.current = false;
         }
         // we only want to run this effect if the cursor changes and not any other time
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state.cursorId]);
+    }, [model.state.cursorId]);
     return {
         onKeyDown(event) {
-            var _a;
-            // Test ctrl key first
-            if (event.ctrlKey) {
-                for (const key in ctrlKeyMap) {
-                    if (hasOwnKey(ctrlKeyMap, key)) {
-                        if (event.key === key) {
-                            keyDownRef.current = true;
-                            (_a = events[ctrlKeyMap[key]]) === null || _a === void 0 ? void 0 : _a.call(events);
-                            event.preventDefault();
-                            return;
-                        }
-                    }
-                }
+            const handled = keyboardEventToCursorEvents(event, model, isRTL);
+            if (handled) {
+                event.preventDefault();
+                keyDownRef.current = true;
             }
-            // Try regular keys
-            keys(state.columnCount > 0 ? gridKeyMap : orientationKeyMap[state.orientation]).forEach(key => {
-                var _a;
-                if (isRTL ? event.key === rightToLeftMap[key] : event.key === key) {
-                    const eventName = state.columnCount > 0 ? gridKeyMap[key] : orientationKeyMap[state.orientation][key];
-                    keyDownRef.current = true;
-                    if (events[eventName]) {
-                        (_a = events[eventName]) === null || _a === void 0 ? void 0 : _a.call(events);
-                        event.preventDefault();
-                    }
-                }
-            });
-        },
-        onFocus() {
-            focusRef.current = true;
-        },
-        onBlur() {
-            focusRef.current = false;
         },
         onClick() {
-            events.goTo({ id: elemProps['data-id'] });
+            model.events.goTo({ id: elemProps['data-id'] });
         },
-        'data-focus-id': `${state.id}-${elemProps['data-id']}`,
-        tabIndex: !state.cursorId
+        'data-focus-id': `${model.state.id}-${elemProps['data-id']}`,
+        tabIndex: !model.state.cursorId
             ? 0 // cursor isn't known yet, be safe and mark this as focusable
-            : !!elemProps['data-id'] && state.cursorId === elemProps['data-id']
+            : !!elemProps['data-id'] && model.state.cursorId === elemProps['data-id']
                 ? 0 // A name is known and cursor is here
                 : -1,
         ref,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
-import { orientationKeyMap } from './useListItemRovingFocus';
+import { orientationKeyMap } from './keyUtils';
 import { useListModel } from './useListModel';
 /**
  * This elemProps hook resets the cursor when the list looses focus. By default,

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

@@ -93,8 +93,6 @@ export declare const useMenuItem: import("@workday/canvas-kit-react/common").Beh
     onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 } & {
     onKeyDown(event: React.KeyboardEvent<Element>): void;
-    onFocus(): void;
-    onBlur(): void;
     onClick(): void;
     'data-focus-id': string;
     tabIndex: number;

package/dist/es6/menu/lib/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA4FD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BF,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;EAazC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA4FD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BF,MAAM,cAAc;;;;;;;;;;;;;;;;;;EAazC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}

package/dist/es6/tabs/lib/TabsItem.d.ts

@@ -228,8 +228,6 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
     style: {};
 } & {
     onKeyDown(event: React.KeyboardEvent<Element>): void;
-    onFocus(): void;
-    onBlur(): void;
     onClick(): void;
     'data-focus-id': string;
     tabIndex: number;

package/dist/es6/tabs/lib/TabsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAsFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
+{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAsFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "9.0.0-alpha.409-next.11+ce4ca6f8",
+  "version": "9.0.0-alpha.411-next.13+45ee94ee",
   "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.0.0-alpha.409-next.11+ce4ca6f8",
+    "@workday/canvas-kit-popup-stack": "^9.0.0-alpha.411-next.13+45ee94ee",
     "@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": "ce4ca6f8301d805a48b5b3694e873d98635939b5"
+  "gitHead": "45ee94ee899decb70dbf73bc22defa276f05899a"
 }