@workday/canvas-kit-react 8.0.0-alpha.253-next.22 → 8.0.0-alpha.428-next.2

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

@@ -6,7 +6,7 @@ import React from '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).
  */
-export declare const useDisableBodyScroll: <P extends {}, R>(model: {
+export declare const useDisableBodyScroll: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -14,7 +14,7 @@ export declare const useDisableBodyScroll: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -23,7 +23,5 @@ export declare const useDisableBodyScroll: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;OAwB/B,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;;;;;;;;;;;;;;;;;MAwB/B,CAAC"}

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

@@ -4,9 +4,9 @@ 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");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const 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.
@@ -14,19 +14,19 @@ var usePopupModel_1 = require("./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).
  */
-exports.useDisableBodyScroll = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var visible = model.state.visibility !== 'hidden';
-    react_1.default.useLayoutEffect(function () {
+exports.useDisableBodyScroll = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const visible = model.state.visibility !== 'hidden';
+    react_1.default.useLayoutEffect(() => {
         if (!visible) {
             return;
         }
-        var overflowY = document.body.style.overflowY;
-        var overflowX = document.body.style.overflowX;
-        var overflow = document.body.style.overflow;
+        const overflowY = document.body.style.overflowY;
+        const overflowX = document.body.style.overflowX;
+        const overflow = document.body.style.overflow;
         document.body.style.overflow = 'hidden';
         document.body.style.overflowY = 'hidden';
         document.body.style.overflowX = 'hidden';
-        return function () {
+        return () => {
             document.body.style.overflow = overflow;
             document.body.style.overflowY = overflowY;
             document.body.style.overflowX = overflowX;

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

@@ -11,7 +11,7 @@ import React from 'react';
  *
  * This should be used with non-modal dialogs.
  */
-export declare const useFocusRedirect: <P extends {}, R>(model: {
+export declare const useFocusRedirect: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -19,7 +19,7 @@ export declare const useFocusRedirect: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -28,7 +28,5 @@ export declare const useFocusRedirect: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;OAoC3B,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;;;;;;;;;;;;;;;;;MAoC3B,CAAC"}

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (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");
-var usePopupModel_1 = require("./usePopupModel");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const 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
@@ -19,11 +19,11 @@ var usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used with non-modal dialogs.
  */
-exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var onKeyDown = react_1.default.useCallback(function (event) {
+exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const onKeyDown = react_1.default.useCallback((event) => {
         if (model.state.stackRef.current && event.key === 'Tab') {
-            var firstFocusableElement = common_1.getFirstFocusableElement(model.state.stackRef.current);
-            var lastFocusableElement = common_1.getLastFocusableElement(model.state.stackRef.current);
+            const firstFocusableElement = common_1.getFirstFocusableElement(model.state.stackRef.current);
+            const lastFocusableElement = common_1.getLastFocusableElement(model.state.stackRef.current);
             if (event.getModifierState('Shift') && document.activeElement === firstFocusableElement) {
                 event.preventDefault();
                 model.events.hide(event);
@@ -34,14 +34,14 @@ exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopup
             }
         }
     }, [model.events, model.state.stackRef]);
-    var visible = model.state.visibility !== 'hidden';
+    const visible = model.state.visibility !== 'hidden';
     // `useLayoutEffect` for automation
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         if (!visible) {
             return;
         }
         document.addEventListener('keydown', onKeyDown);
-        return function () {
+        return () => {
             document.removeEventListener('keydown', onKeyDown);
         };
     }, [visible, onKeyDown]);

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

@@ -8,7 +8,7 @@ import React from 'react';
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-export declare const useFocusTrap: <P extends {}, R>(model: {
+export declare const useFocusTrap: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -16,7 +16,7 @@ export declare const useFocusTrap: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -25,7 +25,5 @@ export declare const useFocusTrap: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;OAwBvB,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;;;;;;;;;;;;;;;;;MAwBvB,CAAC"}

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

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (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");
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+const react_1 = __importDefault(require("react"));
+const focus_trap_js_1 = require("./focus-trap-js");
+const common_1 = require("@workday/canvas-kit-react/common");
+const 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.
@@ -17,20 +17,20 @@ var usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-exports.useFocusTrap = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var onKeyDown = react_1.default.useCallback(function (event) {
+exports.useFocusTrap = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const onKeyDown = react_1.default.useCallback((event) => {
         if (model.state.stackRef.current) {
             focus_trap_js_1.tabTrappingKey(event, model.state.stackRef.current);
         }
     }, [model.state.stackRef]);
-    var visible = model.state.visibility !== 'hidden';
+    const visible = model.state.visibility !== 'hidden';
     // `useLayoutEffect` for automation
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         if (!visible) {
             return;
         }
         document.addEventListener('keydown', onKeyDown);
-        return function () {
+        return () => {
             document.removeEventListener('keydown', onKeyDown);
         };
     }, [visible, onKeyDown]);

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

@@ -1,13 +1,13 @@
 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
- * complete focus management solution.
+ * screen reader users alike. This should be used with {@link useFocusRedirect} or
+ * {@link useFocusTrap} for a complete focus management solution.
  *
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.
  */
-export declare const useInitialFocus: <P extends {}, R>(model: {
+export declare const useInitialFocus: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -15,7 +15,7 @@ export declare const useInitialFocus: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -24,7 +24,5 @@ export declare const useInitialFocus: <P extends {}, R>(model: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;OAwB1B,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;;;;;;;;;;;;;;;;;MAwB1B,CAAC"}

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

@@ -4,30 +4,30 @@ var __importDefault = (this && this.__importDefault) || function (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");
-var usePopupModel_1 = require("./usePopupModel");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const 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
- * complete focus management solution.
+ * screen reader users alike. This should be used with {@link useFocusRedirect} or
+ * {@link useFocusTrap} for a complete focus management solution.
  *
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.
  */
-exports.useInitialFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var visible = model.state.visibility !== 'hidden';
+exports.useInitialFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const 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
     // top of the page.
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         var _a;
         if (visible && model.state.stackRef.current) {
-            var element_1 = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
+            const element = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
                 common_1.getFirstFocusableElement(model.state.stackRef.current);
-            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);
+            common_1.assert(element, 'No focusable element was found. Please ensure popup has at least one focusable element');
+            requestAnimationFrame(() => {
+                common_1.changeFocus(element);
             });
         }
     }, [model.state.initialFocusRef, model.state.stackRef, visible]);

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

@@ -1,7 +1,7 @@
 /**
- * Adds the necessary props to a `Card` component. Used by the `Popup.Card` subcomponent.
+ * Adds the necessary props to a {@link PopupCard Popup.Card} subcomponent.
  */
-export declare const usePopupCard: <P extends {}, R>(model: {
+export declare const usePopupCard: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: import("react").RefObject<HTMLDivElement>;
         targetRef: import("react").RefObject<HTMLButtonElement>;
@@ -9,7 +9,7 @@ export declare const usePopupCard: <P extends {}, R>(model: {
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -18,10 +18,8 @@ export declare const usePopupCard: <P extends {}, R>(model: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(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 ? {
-    ref: import("react").Ref<R>;
-} : {});
+}>;
 //# sourceMappingURL=usePopupCard.d.ts.map

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":"AAIA;;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;;;;;;;;;;;;;;;;;;;;EAKvB,CAAC"}

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

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupCard = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+const common_1 = require("@workday/canvas-kit-react/common");
+const usePopupModel_1 = require("./usePopupModel");
 /**
- * Adds the necessary props to a `Card` component. Used by the `Popup.Card` subcomponent.
+ * Adds the necessary props to a {@link PopupCard Popup.Card} subcomponent.
  */
-exports.usePopupCard = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a) {
-    var state = _a.state;
+exports.usePopupCard = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(({ state }) => {
     return {
         role: 'dialog',
         'aria-labelledby': state.id,

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

@@ -1,8 +1,9 @@
 /**
- * Adds the necessary props to a close button component. Used by the `Popup.CloseButton`
- * subcomponent and `Popup.CloseIcon` subcomponent.
+ * Adds the necessary props to a close button component. Used by the
+ * {@link PopupCloseButton Popup.CloseButton} subcomponent and
+ * {@link PopupCloseIcon Popup.CloseIcon} subcomponent.
  */
-export declare const usePopupCloseButton: <P extends {}, R>(model: {
+export declare const usePopupCloseButton: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: import("react").RefObject<HTMLDivElement>;
         targetRef: import("react").RefObject<HTMLButtonElement>;
@@ -10,7 +11,7 @@ export declare const usePopupCloseButton: <P extends {}, R>(model: {
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -19,9 +20,7 @@ export declare const usePopupCloseButton: <P extends {}, R>(model: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(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?: Event | import("react").SyntheticEvent<Element, Event> | undefined) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: import("react").Ref<R>;
-} : {});
+}>;
 //# sourceMappingURL=usePopupCloseButton.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;OAI9B,CAAC"}
+{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;EAI9B,CAAC"}

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupCloseButton = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+const common_1 = require("@workday/canvas-kit-react/common");
+const usePopupModel_1 = require("./usePopupModel");
 /**
- * Adds the necessary props to a close button component. Used by the `Popup.CloseButton`
- * subcomponent and `Popup.CloseIcon` subcomponent.
+ * Adds the necessary props to a close button component. Used by the
+ * {@link PopupCloseButton Popup.CloseButton} subcomponent and
+ * {@link PopupCloseIcon Popup.CloseIcon} subcomponent.
  */
-exports.usePopupCloseButton = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a) {
-    var events = _a.events;
+exports.usePopupCloseButton = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(({ events }) => {
     return {
         onClick: events.hide,
     };

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

@@ -1,7 +1,7 @@
 /**
- * Adds the necessary props to the `Heading` component. Used by the `Popup.Heading` subcomponent.
+ * Adds the necessary props to the {@link PopupHeading Popup.Heading} subcomponent.
  */
-export declare const usePopupHeading: <P extends {}, R>(model: {
+export declare const usePopupHeading: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: import("react").RefObject<HTMLDivElement>;
         targetRef: import("react").RefObject<HTMLButtonElement>;
@@ -9,7 +9,7 @@ export declare const usePopupHeading: <P extends {}, R>(model: {
         returnFocusRef: import("react").RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -18,9 +18,7 @@ export declare const usePopupHeading: <P extends {}, R>(model: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(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>;
-} : {});
+}>;
 //# sourceMappingURL=usePopupHeading.d.ts.map

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;;;;;;;;;;;;;;;;;;;EAI1B,CAAC"}

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

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

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

@@ -12,7 +12,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
      */
     initialFocusRef: React.RefObject<any> | undefined;
     id: string;
-    initialVisibility: import("../../../disclosure").Visibility;
+    initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
 }> & {
     onUpdatePlacement?: ((data: {
         placement: Placement;
@@ -44,7 +44,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         /**
@@ -74,7 +74,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         /**
@@ -104,7 +104,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
 } & {
     shouldUpdatePlacement?: ((data: {
@@ -137,7 +137,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         /**
@@ -167,7 +167,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         /**
@@ -197,7 +197,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
 }) | undefined) => {
     state: {
@@ -228,7 +228,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         /**
@@ -244,7 +244,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          * Popup and is used in Popup-related behaviors.
          */
     };
-}) & import("../../../common").ModelExtras<{
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
     /**
      * Optional reference to an element that should receive focus when a popup is hidden. If left
      * blank, focus will return to the `targetRef`
@@ -256,7 +256,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
      */
     initialFocusRef: React.RefObject<any> | undefined;
     id: string;
-    initialVisibility: import("../../../disclosure").Visibility;
+    initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
 }, {}, {
     /**
      * Reference of the stack item used in the PopupStack. This value will be used in all
@@ -285,7 +285,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
      */
     placement: import("@popperjs/core").Placement;
     id: string;
-    visibility: import("../../../disclosure").Visibility;
+    visibility: "hidden" | "visible";
 }, {
     /**
      * Called whenever a popup placement changes around a target. This is useful for animations that
@@ -328,7 +328,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         /**
@@ -374,7 +374,7 @@ export declare const PopupModelContext: React.Context<{
          */
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../../../disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         /**