@workday/canvas-kit-react 7.0.0-alpha.0-next.0 → 7.0.0-alpha.0-next.5

package/dist/commonjs/popup/lib/hooks/useBringToTopOnClick.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBringToTopOnClick = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 /**
@@ -14,7 +15,7 @@ var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
-exports.useBringToTopOnClick = function (model, elemProps) {
+var useBringToTopOnClick = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var timer = react_1.default.useRef(-1);
     var onClick = react_1.default.useCallback(function (event) {
@@ -40,3 +41,4 @@ exports.useBringToTopOnClick = function (model, elemProps) {
     }, [visible, onClick]);
     return elemProps;
 };
+exports.useBringToTopOnClick = useBringToTopOnClick;

package/dist/commonjs/popup/lib/hooks/useCloseOnEscape.d.ts

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * Registers global detection of the Escape key. It will only call the PopupModel's `hide` event if the
  * provided model's `state.stackRef` element is the topmost in the stack.
@@ -5,5 +6,5 @@
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-export declare const useCloseOnEscape: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useCloseOnEscape: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useCloseOnEscape.d.ts.map

package/dist/commonjs/popup/lib/hooks/useCloseOnEscape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnEscape.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnEscape.ts"],"names":[],"mappings":"AAMA;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,sIA2B5B,CAAC"}
+{"version":3,"file":"useCloseOnEscape.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnEscape.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,UAAW,UAAU,uBA2BjD,CAAC"}

package/dist/commonjs/popup/lib/hooks/useCloseOnEscape.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCloseOnEscape = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 /**
@@ -12,7 +13,7 @@ var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-exports.useCloseOnEscape = function (model, elemProps) {
+var useCloseOnEscape = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var onKeyDown = react_1.default.useCallback(function (event) {
         if ((event.key === 'Esc' || event.key === 'Escape') &&
@@ -33,3 +34,4 @@ exports.useCloseOnEscape = function (model, elemProps) {
     }, [onKeyDown, visible]);
     return elemProps;
 };
+exports.useCloseOnEscape = useCloseOnEscape;

package/dist/commonjs/popup/lib/hooks/useCloseOnFullscreenExit.d.ts

@@ -1,7 +1,8 @@
+import { PopupModel } from './usePopupModel';
 /**
  * Closes the popup when fullscreen is exited. Entering/exiting fullscreen changes the context of
  * the entire screen. This should be added to popup types that are very context sensitive like
  * Tooltips.
  */
-export declare const useCloseOnFullscreenExit: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useCloseOnFullscreenExit: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useCloseOnFullscreenExit.d.ts.map

package/dist/commonjs/popup/lib/hooks/useCloseOnFullscreenExit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnFullscreenExit.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnFullscreenExit.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,sIA0BpC,CAAC"}
+{"version":3,"file":"useCloseOnFullscreenExit.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnFullscreenExit.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,UAAW,UAAU,uBA0BzD,CAAC"}

package/dist/commonjs/popup/lib/hooks/useCloseOnFullscreenExit.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCloseOnFullscreenExit = void 0;
 var react_1 = __importDefault(require("react"));
 var screenfull_1 = __importDefault(require("screenfull"));
 /**
@@ -10,7 +11,7 @@ var screenfull_1 = __importDefault(require("screenfull"));
  * the entire screen. This should be added to popup types that are very context sensitive like
  * Tooltips.
  */
-exports.useCloseOnFullscreenExit = function (model, elemProps) {
+var useCloseOnFullscreenExit = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var handler = react_1.default.useCallback(function (event) {
         if (!screenfull_1.default.isFullscreen) {
@@ -32,3 +33,4 @@ exports.useCloseOnFullscreenExit = function (model, elemProps) {
     }, [handler, visible]);
     return elemProps;
 };
+exports.useCloseOnFullscreenExit = useCloseOnFullscreenExit;

package/dist/commonjs/popup/lib/hooks/useCloseOnOutsideClick.d.ts

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * Registers global listener for all clicks. It will only call the PopupModel's `hide` event if the
  * click happened outside the PopupModel's `state.stackRef` element and its children _and_ the
@@ -8,5 +9,5 @@
  * dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
  * instead.
  */
-export declare const useCloseOnOutsideClick: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useCloseOnOutsideClick: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useCloseOnOutsideClick.d.ts.map

package/dist/commonjs/popup/lib/hooks/useCloseOnOutsideClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnOutsideClick.ts"],"names":[],"mappings":"AAKA;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,sIAsClC,CAAC"}
+{"version":3,"file":"useCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnOutsideClick.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,UAAW,UAAU,uBAsCvD,CAAC"}

package/dist/commonjs/popup/lib/hooks/useCloseOnOutsideClick.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCloseOnOutsideClick = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 /**
@@ -15,7 +16,7 @@ var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
  * dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
  * instead.
  */
-exports.useCloseOnOutsideClick = function (model, elemProps) {
+var useCloseOnOutsideClick = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var onClick = react_1.default.useCallback(function (event) {
         if (!model.state.stackRef.current) {
@@ -47,3 +48,4 @@ exports.useCloseOnOutsideClick = function (model, elemProps) {
     }, [model.state.stackRef, visible, onClick]);
     return elemProps;
 };
+exports.useCloseOnOutsideClick = useCloseOnOutsideClick;

package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.d.ts

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * Disables body scroll by adding `overflow: hidden` to the body element. This effectively prevents
  * page scrolling while the popup is visible.
@@ -5,5 +6,5 @@
  * This should be used with popup elements that hide all other content and force the user to accept
  * or dismiss the popup before continuing (i.e. Modals).
  */
-export declare const useDisableBodyScroll: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useDisableBodyScroll: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useDisableBodyScroll.d.ts.map

package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,sIAgBhC,CAAC"}
+{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,UAAU,uBAgBrD,CAAC"}

package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDisableBodyScroll = void 0;
 var react_1 = __importDefault(require("react"));
 /**
  * Disables body scroll by adding `overflow: hidden` to the body element. This effectively prevents
@@ -11,7 +12,7 @@ var react_1 = __importDefault(require("react"));
  * This should be used with popup elements that hide all other content and force the user to accept
  * or dismiss the popup before continuing (i.e. Modals).
  */
-exports.useDisableBodyScroll = function (model, elemProps) {
+var useDisableBodyScroll = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var visible = model.state.visibility !== 'hidden';
     react_1.default.useLayoutEffect(function () {
@@ -26,3 +27,4 @@ exports.useDisableBodyScroll = function (model, elemProps) {
     }, [visible]);
     return elemProps;
 };
+exports.useDisableBodyScroll = useDisableBodyScroll;

package/dist/commonjs/popup/lib/hooks/useFocusRedirect.d.ts

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * Manages focus around a popup, treating the popup as if it was part of the DOM where it appears.
  * Popups are typically "portalled" (inserted at the end of `document.body`) to ensure proper
@@ -10,5 +11,5 @@
  *
  * This should be used with non-modal dialogs.
  */
-export declare const useFocusRedirect: (model: import("../../../common").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useFocusRedirect: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useFocusRedirect.d.ts.map

package/dist/commonjs/popup/lib/hooks/useFocusRedirect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusRedirect.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusRedirect.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,6IAoC5B,CAAC"}
+{"version":3,"file":"useFocusRedirect.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusRedirect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAG3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,UAAW,UAAU,uBAoCjD,CAAC"}

package/dist/commonjs/popup/lib/hooks/useFocusRedirect.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFocusRedirect = void 0;
 var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 /**
@@ -17,7 +18,7 @@ var common_1 = require("@workday/canvas-kit-react/common");
  *
  * This should be used with non-modal dialogs.
  */
-exports.useFocusRedirect = function (model, elemProps) {
+var useFocusRedirect = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var onKeyDown = react_1.default.useCallback(function (event) {
         if (model.state.stackRef.current && event.key === 'Tab') {
@@ -46,3 +47,4 @@ exports.useFocusRedirect = function (model, elemProps) {
     }, [visible, onKeyDown]);
     return elemProps;
 };
+exports.useFocusRedirect = useFocusRedirect;

package/dist/commonjs/popup/lib/hooks/useFocusTrap.d.ts

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * "Trap" or "loop" focus within a provided `stackRef` element. This is required for accessibility
  * on modals. If a keyboard users hits the Tab or Shift + Tab, this will force "looping" of focus.
@@ -7,5 +8,5 @@
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-export declare const useFocusTrap: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useFocusTrap: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useFocusTrap.d.ts.map

package/dist/commonjs/popup/lib/hooks/useFocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,sIAwBxB,CAAC"}
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,UAAW,UAAU,uBAwB7C,CAAC"}

package/dist/commonjs/popup/lib/hooks/useFocusTrap.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFocusTrap = void 0;
 var react_1 = __importDefault(require("react"));
 var focus_trap_js_1 = require("./focus-trap-js");
 /**
@@ -14,7 +15,7 @@ var focus_trap_js_1 = require("./focus-trap-js");
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-exports.useFocusTrap = function (model, elemProps) {
+var useFocusTrap = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var onKeyDown = react_1.default.useCallback(function (event) {
         if (model.state.stackRef.current) {
@@ -34,3 +35,4 @@ exports.useFocusTrap = function (model, elemProps) {
     }, [visible, onKeyDown]);
     return elemProps;
 };
+exports.useFocusTrap = useFocusTrap;

package/dist/commonjs/popup/lib/hooks/useInitialFocus.d.ts

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * Moves focus within the popup when the popup becomes visible. This is useful for keyboard and
  * screen reader users alike. This should be used with `useFocusRedirect` or `useFocusTrap` for a
@@ -6,5 +7,5 @@
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.
  */
-export declare const useInitialFocus: (model: import("../../../common").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useInitialFocus: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useInitialFocus.d.ts.map

package/dist/commonjs/popup/lib/hooks/useInitialFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,6IAsB3B,CAAC"}
+{"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,UAAW,UAAU,uBAwBhD,CAAC"}

package/dist/commonjs/popup/lib/hooks/useInitialFocus.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInitialFocus = void 0;
 var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 /**
@@ -13,7 +14,7 @@ var common_1 = require("@workday/canvas-kit-react/common");
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.
  */
-exports.useInitialFocus = function (model, elemProps) {
+var useInitialFocus = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var visible = model.state.visibility !== 'hidden';
     // Using `useEffect` instead of `useLayoutEffect` so that focus doesn't change _before_ PopperJS
@@ -22,11 +23,14 @@ exports.useInitialFocus = function (model, elemProps) {
     react_1.default.useEffect(function () {
         var _a;
         if (visible && model.state.stackRef.current) {
-            var element = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
+            var element_1 = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
                 common_1.getFirstFocusableElement(model.state.stackRef.current);
-            common_1.assert(element, 'No focusable element was found. Please ensure popup has at least one focusable element');
-            common_1.changeFocus(element);
+            common_1.assert(element_1, 'No focusable element was found. Please ensure popup has at least one focusable element');
+            requestAnimationFrame(function () {
+                common_1.changeFocus(element_1);
+            });
         }
     }, [model.state.initialFocusRef, model.state.stackRef, visible]);
     return elemProps;
 };
+exports.useInitialFocus = useInitialFocus;

package/dist/commonjs/popup/lib/hooks/usePopupCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to a `Card` component. Used by the `Popup.Card` subcomponent.
  */

package/dist/commonjs/popup/lib/hooks/usePopupCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupCard.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCard.ts"],"names":[],"mappings":";AAGA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;OAKvB,CAAC"}
+{"version":3,"file":"usePopupCard.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCard.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;OAKvB,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupCard.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopupCard = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
 /**
  * Adds the necessary props to a `Card` component. Used by the `Popup.Card` subcomponent.

package/dist/commonjs/popup/lib/hooks/usePopupCloseButton.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to a close button component. Used by the `Popup.CloseButton`
  * subcomponent and `Popup.CloseIcon` subcomponent.
  */
 export declare const usePopupCloseButton: <P extends {}, R>(model: import("../../../common").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
-    onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+    onClick: (event: React.MouseEvent) => void;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: import("react").Ref<R>;
 } : {});

package/dist/commonjs/popup/lib/hooks/usePopupCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":";AAGA;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;OAM9B,CAAC"}
+{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,mBAAmB;qBAEX,gBAAgB;;;OAInC,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupCloseButton.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopupCloseButton = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
 /**
  * Adds the necessary props to a close button component. Used by the `Popup.CloseButton`

package/dist/commonjs/popup/lib/hooks/usePopupHeading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to the `Heading` component. Used by the `Popup.Heading` subcomponent.
  */

package/dist/commonjs/popup/lib/hooks/usePopupHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupHeading.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupHeading.ts"],"names":[],"mappings":";AAGA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;OAI1B,CAAC"}
+{"version":3,"file":"usePopupHeading.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupHeading.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;OAI1B,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupHeading.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopupHeading = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
 /**
  * Adds the necessary props to the `Heading` component. Used by the `Popup.Heading` subcomponent.

package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts

@@ -76,6 +76,6 @@ export declare type BasePopupModelConfig = BaseDisclosureModelConfig & {
     initialFocusRef?: React.RefObject<any>;
 };
 export declare type PopupModelConfig = BasePopupModelConfig & Partial<ToModelConfig<PopupState, PopupEvents, typeof popupEventMap>>;
-export declare const usePopupModel: (config?: PopupModelConfig) => Model<PopupState, PopupEvents>;
+export declare const usePopupModel: (config?: PopupModelConfig) => PopupModel;
 export declare const PopupModelContext: React.Context<Model<PopupState, PopupEvents>>;
 //# sourceMappingURL=usePopupModel.d.ts.map

package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,KAAK,EAAE,aAAa,EAAc,MAAM,kCAAkC,CAAC;AAEnG,OAAO,EACL,gBAAgB,EAChB,eAAe,EAGf,yBAAyB,EAE1B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAE/D,oBAAY,UAAU,GAAG,eAAe,GAAG;IACzC;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C;;;OAGG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACvC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC;;;;OAIG;IACH,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,oBAAY,WAAW,GAAG,gBAAgB,GAAG;IAC3C;;;OAGG;IACH,eAAe,CAAC,IAAI,EAAE;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,oBAAY,UAAU,GAAG,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAExD,eAAO,MAAM,aAAa;;QAGtB;;;WAGG;;;;;;QAKH;;;;;;WAMG;;;;;CAGL,CAAC;AAEH,oBAAY,oBAAoB,GAAG,yBAAyB,GAAG;IAC7D;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC;;;OAGG;IACF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACzC,CAAC;AAEF,oBAAY,gBAAgB,GAAG,oBAAoB,GACjD,OAAO,CAAC,aAAa,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,aAAa,CAAC,CAAC,CAAC;AAExE,eAAO,MAAM,aAAa,+DA0BzB,CAAC;AAMF,eAAO,MAAM,iBAAiB,+CAGrB,CAAC"}
+{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,KAAK,EAAE,aAAa,EAAc,MAAM,kCAAkC,CAAC;AAEnG,OAAO,EACL,gBAAgB,EAChB,eAAe,EAGf,yBAAyB,EAE1B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAE/D,oBAAY,UAAU,GAAG,eAAe,GAAG;IACzC;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C;;;OAGG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACvC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC;;;;OAIG;IACH,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,oBAAY,WAAW,GAAG,gBAAgB,GAAG;IAC3C;;;OAGG;IACH,eAAe,CAAC,IAAI,EAAE;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,oBAAY,UAAU,GAAG,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAExD,eAAO,MAAM,aAAa;;QAGtB;;;WAGG;;;;;;QAKH;;;;;;WAMG;;;;;CAGL,CAAC;AAEH,oBAAY,oBAAoB,GAAG,yBAAyB,GAAG;IAC7D;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC;;;OAGG;IACF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACzC,CAAC;AAEF,oBAAY,gBAAgB,GAAG,oBAAoB,GACjD,OAAO,CAAC,aAAa,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,aAAa,CAAC,CAAC,CAAC;AAExE,eAAO,MAAM,aAAa,YAAY,gBAAgB,KAAQ,UA0B7D,CAAC;AAMF,eAAO,MAAM,iBAAiB,+CAGrB,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupModel.js

@@ -10,14 +10,27 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupModelContext = exports.usePopupModel = exports.popupEventMap = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var disclosure_1 = require("@workday/canvas-kit-react/disclosure");
@@ -38,7 +51,7 @@ exports.popupEventMap = common_1.createEventMap()({
          */
         onUpdatePlacement: 'updatePlacement' }),
 });
-exports.usePopupModel = function (config) {
+var usePopupModel = function (config) {
     if (config === void 0) { config = {}; }
     var stackRef = React.useRef(null);
     var targetRef = React.useRef(null);
@@ -55,6 +68,7 @@ exports.usePopupModel = function (config) {
         events: events,
     };
 };
+exports.usePopupModel = usePopupModel;
 // eslint-disable-next-line no-empty-function
 var noop = function () { };
 // create enough of a model to use `Popup.Card` without a `Popup` container component.

package/dist/commonjs/popup/lib/hooks/usePopupPopper.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Placement } from '../Popper';
 /**
  * Hooks a Popper up to a PopupModel
  */
@@ -6,7 +7,7 @@ export declare const usePopupPopper: <P extends {}, R>(model: import("../../../c
     open: boolean;
     anchorElement: React.RefObject<HTMLButtonElement>;
     ref: (instance: any) => void;
-    onPlacementChange: (placement: import("@popperjs/core").Placement) => void;
+    onPlacementChange: (placement: Placement) => void;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});

package/dist/commonjs/popup/lib/hooks/usePopupPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupPopper.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupPopper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;OAkBzB,CAAC"}
+{"version":3,"file":"usePopupPopper.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupPopper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,cAAc;;;;mCAGX,SAAS;;;OAevB,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupPopper.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopupPopper = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
 var react_1 = __importDefault(require("react"));
 /**

package/dist/commonjs/popup/lib/hooks/usePopupStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupStack.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa,wMA8CzB,CAAC"}
+{"version":3,"file":"usePopupStack.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa,4KAGvB,MAAM,SAAS,CAAC,WAAW,CA2C7B,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupStack.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopupStack = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 var common_1 = require("@workday/canvas-kit-react/common");
@@ -40,7 +41,7 @@ var common_1 = require("@workday/canvas-kit-react/common");
  * useCloseOnOutsideClick(model)
  * useCloseOnEscape(model)
  */
-exports.usePopupStack = function (ref, target) {
+var usePopupStack = function (ref, target) {
     var _a = common_1.useLocalRef(ref), elementRef = _a.elementRef, localRef = _a.localRef;
     var isRTL = common_1.useIsRTL();
     // useState function input ensures we only create a container once.
@@ -80,3 +81,4 @@ exports.usePopupStack = function (ref, target) {
     }, [localRef, isRTL]);
     return localRef;
 };
+exports.usePopupStack = usePopupStack;

package/dist/commonjs/popup/lib/hooks/usePopupTarget.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="@emotion/core" />
 /**
  * Adds the necessary props to a `Target` component. Used by the Popup.Target subcomponent.
  */
 export declare const usePopupTarget: <P extends {}, R>(model: import("../../../common").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     ref: (instance: any) => void;
-    onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+    onClick: (event: React.MouseEvent) => void;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: import("react").Ref<R>;
 } : {});

package/dist/commonjs/popup/lib/hooks/usePopupTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupTarget.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTarget.ts"],"names":[],"mappings":";AAGA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;OAoBzB,CAAC"}
+{"version":3,"file":"usePopupTarget.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTarget.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,cAAc;;qBAIN,gBAAgB;;;OAgBnC,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupTarget.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopupTarget = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
 /**
  * Adds the necessary props to a `Target` component. Used by the Popup.Target subcomponent.

package/dist/commonjs/popup/lib/hooks/useReturnFocus.d.ts

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * Returns focus to the target element when the popup is hidden. This works well with
  * `useInitialFocus`. This should be used with `useFocusRedirect` or `useFocusTrap` for a complete
@@ -5,5 +6,5 @@
  *
  * This should be used on popup elements that use `useInitialFocus`.
  */
-export declare const useReturnFocus: (model: import("../../../common").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useReturnFocus: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useReturnFocus.d.ts.map

package/dist/commonjs/popup/lib/hooks/useReturnFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReturnFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useReturnFocus.tsx"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,6IAe1B,CAAC"}
+{"version":3,"file":"useReturnFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useReturnFocus.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAG3C;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,UAAU,uBAe/C,CAAC"}

package/dist/commonjs/popup/lib/hooks/useReturnFocus.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReturnFocus = void 0;
 var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 /**
@@ -12,7 +13,7 @@ var common_1 = require("@workday/canvas-kit-react/common");
  *
  * This should be used on popup elements that use `useInitialFocus`.
  */
-exports.useReturnFocus = function (model, elemProps) {
+var useReturnFocus = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var visible = model.state.visibility !== 'hidden';
     react_1.default.useLayoutEffect(function () {
@@ -27,3 +28,4 @@ exports.useReturnFocus = function (model, elemProps) {
     }, [model.state.returnFocusRef, model.state.targetRef, visible]);
     return elemProps;
 };
+exports.useReturnFocus = useReturnFocus;

package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenEnter.d.ts

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * Makes the popup transfer to the fullscreen element when fullscreen is entered. Without this, the
  * popup would seem to disappear because the popup container element is not a child of the
@@ -6,5 +7,5 @@
  * Don't use this in conjunction with a hook that will close the popup when entering fullscreen.
  * Doing so would open the popup when the intention was to close it.
  */
-export declare const useTransferOnFullscreenEnter: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useTransferOnFullscreenEnter: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useTransferOnFullscreenEnter.d.ts.map

package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenEnter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTransferOnFullscreenEnter.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useTransferOnFullscreenEnter.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B,sIA6BxC,CAAC"}
+{"version":3,"file":"useTransferOnFullscreenEnter.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useTransferOnFullscreenEnter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAG3C;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B,UAAW,UAAU,uBA6B7D,CAAC"}

package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenEnter.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTransferOnFullscreenEnter = void 0;
 var react_1 = __importDefault(require("react"));
 var screenfull_1 = __importDefault(require("screenfull"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
@@ -14,7 +15,7 @@ var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
  * Don't use this in conjunction with a hook that will close the popup when entering fullscreen.
  * Doing so would open the popup when the intention was to close it.
  */
-exports.useTransferOnFullscreenEnter = function (model, elemProps) {
+var useTransferOnFullscreenEnter = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var handler = react_1.default.useCallback(function (event) {
         if (screenfull_1.default.isFullscreen && model.state.stackRef.current) {
@@ -39,3 +40,4 @@ exports.useTransferOnFullscreenEnter = function (model, elemProps) {
     }, [handler, visible]);
     return elemProps;
 };
+exports.useTransferOnFullscreenEnter = useTransferOnFullscreenEnter;