@workday/canvas-kit-react 7.0.0-alpha.89-next.16 → 7.0.0-alpha.90-next.17

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

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * Disables body scroll by adding `overflow: hidden` to the body element. This effectively prevents
  * page scrolling while the popup is visible.
@@ -6,5 +6,28 @@ import { PopupModel } from './usePopupModel';
  * 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: PopupModel, elemProps?: {}) => {};
+export declare const useDisableBodyScroll: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# 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":"AAEA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,UAAU,uBAsBrD,CAAC"}
+{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;OAsB/B,CAAC"}

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

@@ -5,6 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDisableBodyScroll = void 0;
 var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var usePopupModel_1 = require("./usePopupModel");
 /**
  * Disables body scroll by adding `overflow: hidden` to the body element. This effectively prevents
  * page scrolling while the popup is visible.
@@ -12,8 +14,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).
  */
-var useDisableBodyScroll = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+exports.useDisableBodyScroll = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
     var visible = model.state.visibility !== 'hidden';
     react_1.default.useLayoutEffect(function () {
         if (!visible) {
@@ -29,6 +30,5 @@ var useDisableBodyScroll = function (model, elemProps) {
             document.body.style.overflowX = overflowX;
         };
     }, [visible]);
-    return elemProps;
-};
-exports.useDisableBodyScroll = useDisableBodyScroll;
+    return {};
+});

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

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * 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
@@ -11,5 +11,28 @@ import { PopupModel } from './usePopupModel';
  *
  * This should be used with non-modal dialogs.
  */
-export declare const useFocusRedirect: (model: PopupModel, elemProps?: {}) => {};
+export declare const useFocusRedirect: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# 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":"AAEA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAG3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,UAAW,UAAU,uBAoCjD,CAAC"}
+{"version":3,"file":"useFocusRedirect.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusRedirect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;OAoC3B,CAAC"}

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

@@ -6,6 +6,7 @@ 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");
+var usePopupModel_1 = require("./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
@@ -18,8 +19,7 @@ var common_1 = require("@workday/canvas-kit-react/common");
  *
  * This should be used with non-modal dialogs.
  */
-var useFocusRedirect = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
     var onKeyDown = react_1.default.useCallback(function (event) {
         if (model.state.stackRef.current && event.key === 'Tab') {
             var firstFocusableElement = common_1.getFirstFocusableElement(model.state.stackRef.current);
@@ -45,6 +45,5 @@ var useFocusRedirect = function (model, elemProps) {
             document.removeEventListener('keydown', onKeyDown);
         };
     }, [visible, onKeyDown]);
-    return elemProps;
-};
-exports.useFocusRedirect = useFocusRedirect;
+    return {};
+});

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

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * "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.
@@ -8,5 +8,28 @@ import { PopupModel } from './usePopupModel';
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-export declare const useFocusTrap: (model: PopupModel, elemProps?: {}) => {};
+export declare const useFocusTrap: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# 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":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,UAAW,UAAU,uBAwB7C,CAAC"}
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;OAwBvB,CAAC"}

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

@@ -6,6 +6,8 @@ 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");
+var common_1 = require("@workday/canvas-kit-react/common");
+var usePopupModel_1 = require("./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.
@@ -15,8 +17,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).
  */
-var useFocusTrap = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+exports.useFocusTrap = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
     var onKeyDown = react_1.default.useCallback(function (event) {
         if (model.state.stackRef.current) {
             focus_trap_js_1.tabTrappingKey(event, model.state.stackRef.current);
@@ -33,6 +34,5 @@ var useFocusTrap = function (model, elemProps) {
             document.removeEventListener('keydown', onKeyDown);
         };
     }, [visible, onKeyDown]);
-    return elemProps;
-};
-exports.useFocusTrap = useFocusTrap;
+    return {};
+});

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

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * 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
@@ -7,5 +7,28 @@ import { PopupModel } from './usePopupModel';
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.
  */
-export declare const useInitialFocus: (model: PopupModel, elemProps?: {}) => {};
+export declare const useInitialFocus: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# 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":"AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,UAAW,UAAU,uBAwBhD,CAAC"}
+{"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;OAwB1B,CAAC"}

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

@@ -6,6 +6,7 @@ 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");
+var usePopupModel_1 = require("./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
@@ -14,8 +15,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.
  */
-var useInitialFocus = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+exports.useInitialFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
     var visible = model.state.visibility !== 'hidden';
     // Using `useEffect` instead of `useLayoutEffect` so that focus doesn't change _before_ PopperJS
     // has positioned the Popup. If we change focus before positioning, the browser will scroll to the
@@ -31,6 +31,5 @@ var useInitialFocus = function (model, elemProps) {
             });
         }
     }, [model.state.initialFocusRef, model.state.stackRef, visible]);
-    return elemProps;
-};
-exports.useInitialFocus = useInitialFocus;
+    return {};
+});

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

@@ -1,7 +1,28 @@
 /**
  * Adds the necessary props to a `Card` component. Used by the `Popup.Card` subcomponent.
  */
-export declare const usePopupCard: <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) => {
+export declare const usePopupCard: <P extends {}, R>(model: {
+    state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     role: string;
     'aria-labelledby': string;
 } & P & (R extends HTMLOrSVGElement ? {

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":"AAIA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;OAKvB,CAAC"}

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

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupCard = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
+var usePopupModel_1 = require("./usePopupModel");
 /**
  * Adds the necessary props to a `Card` component. Used by the `Popup.Card` subcomponent.
  */
-exports.usePopupCard = common_1.createHook(function (_a) {
+exports.usePopupCard = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a) {
     var state = _a.state;
     return {
         role: 'dialog',

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

@@ -2,7 +2,28 @@
  * 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) => {
+export declare const usePopupCloseButton: <P extends {}, R>(model: {
+    state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     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;qBAEX,gBAAgB;;;OAInC,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

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupCloseButton = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
+var usePopupModel_1 = require("./usePopupModel");
 /**
  * Adds the necessary props to a close button component. Used by the `Popup.CloseButton`
  * subcomponent and `Popup.CloseIcon` subcomponent.
  */
-exports.usePopupCloseButton = common_1.createHook(function (_a) {
+exports.usePopupCloseButton = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a) {
     var events = _a.events;
     return {
         onClick: function (event) {

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

@@ -1,7 +1,28 @@
 /**
  * Adds the necessary props to the `Heading` component. Used by the `Popup.Heading` subcomponent.
  */
-export declare const usePopupHeading: <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) => {
+export declare const usePopupHeading: <P extends {}, R>(model: {
+    state: {
+        stackRef: import("react").RefObject<HTMLDivElement>;
+        targetRef: import("react").RefObject<HTMLButtonElement>;
+        initialFocusRef: import("react").RefObject<any> | undefined;
+        returnFocusRef: import("react").RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | import("react").SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     id: string;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: import("react").Ref<R>;

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

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupHeading = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
+var usePopupModel_1 = require("./usePopupModel");
 /**
  * Adds the necessary props to the `Heading` component. Used by the `Popup.Heading` subcomponent.
  */
-exports.usePopupHeading = common_1.createHook(function (_a) {
+exports.usePopupHeading = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a) {
     var state = _a.state;
     return {
         id: state.id,