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

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

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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]; } });
@@ -31,69 +20,75 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupModelContext = exports.usePopupModel = 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");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const disclosure_1 = require("@workday/canvas-kit-react/disclosure");
 // eslint-disable-next-line no-empty-function
-var noop = function () { };
+const noop = () => { };
 exports.usePopupModel = common_1.createModelHook({
     // create enough of a model to use `Popup.Card` without a `Popup` container component.
     defaultContext: { state: {}, events: { show: noop, hide: noop } },
-    defaultConfig: __assign(__assign({}, disclosure_1.useDisclosureModel.defaultConfig), { 
+    defaultConfig: {
+        ...disclosure_1.useDisclosureModel.defaultConfig,
         /**
          * Optional reference to an element that should receive focus when a popup is hidden. If left
          * blank, focus will return to the `targetRef`
          */
-        returnFocusRef: undefined, 
+        returnFocusRef: undefined,
         /**
          * Optional reference to an element that should receive focus when a popup is shown. If left blank,
          * focus will be moved to the first focusable element inside the popup.
          */
-        initialFocusRef: undefined }),
+        initialFocusRef: undefined,
+    },
     requiredConfig: disclosure_1.useDisclosureModel.requiredConfig,
-})(function (config) {
-    var stackRef = React.useRef(null);
-    var targetRef = React.useRef(null);
-    var _a = React.useState('bottom'), placement = _a[0], setPlacement = _a[1];
-    var disclosure = disclosure_1.useDisclosureModel(config);
-    var state = __assign(__assign({}, disclosure.state), { 
+})(config => {
+    const stackRef = React.useRef(null);
+    const targetRef = React.useRef(null);
+    const [placement, setPlacement] = React.useState('bottom');
+    const disclosure = disclosure_1.useDisclosureModel(config);
+    const state = {
+        ...disclosure.state,
         /**
          * Reference of the stack item used in the PopupStack. This value will be used in all
          * Popup-related behaviors.
          */
-        stackRef: stackRef,
+        stackRef,
         /**
          * Reference of the target element. This will point to the element that triggered the showing of a
          * Popup and is used in Popup-related behaviors.
          */
-        targetRef: targetRef, 
+        targetRef,
         /**
          * Optional reference to an element that should receive focus when a popup is shown. If left blank,
          * focus will be moved to the first focusable element inside the popup.
          */
-        initialFocusRef: config.initialFocusRef, 
+        initialFocusRef: config.initialFocusRef,
         /**
          * Optional reference to an element that should receive focus when a popup is hidden. If left
          * blank, focus will return to the `targetRef`
          */
-        returnFocusRef: config.returnFocusRef, 
+        returnFocusRef: config.returnFocusRef,
         /**
          * The placement chosen by the positioning Popper. This should get set prior to showing the popup
          * content.
          * @default 'bottom'
          */
-        placement: placement });
-    var events = __assign(__assign({}, disclosure.events), { 
+        placement,
+    };
+    const events = {
+        ...disclosure.events,
         /**
          * Called whenever a popup placement changes around a target. This is useful for animations that
          * depend on the placement chosen.
          */
-        updatePlacement: function (data) {
+        updatePlacement(data) {
             setPlacement(data.placement);
-        } });
+        },
+    };
     return {
-        state: state,
-        events: events,
+        state,
+        events,
     };
 });
 // create enough of a model to use `Popup.Card` without a `Popup` container component.

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { Placement } from '../Popper';
 /**
- * Hooks a Popper up to a PopupModel
+ * Adds the necessary props to a {@link Popper} component. Used by the
+ * {@link PopupPopper Popup.Popper} subcomponent.
  */
-export declare const usePopupPopper: <P extends {}, R>(model: {
+export declare const usePopupPopper: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -11,7 +12,7 @@ export declare const usePopupPopper: <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: {
@@ -20,12 +21,10 @@ export declare const usePopupPopper: <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) => {
+}, {
     open: boolean;
     anchorElement: React.RefObject<HTMLButtonElement>;
-    ref: (instance: any) => void;
+    ref: (instance: unknown) => void;
     onPlacementChange: (placement: Placement) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
+}>;
 //# sourceMappingURL=usePopupPopper.d.ts.map

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;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;mCAGX,SAAS;;;OAevB,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;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;mCAGX,SAAS;EAevB,CAAC"}

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

@@ -4,25 +4,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupPopper = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
-var react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const usePopupModel_1 = require("./usePopupModel");
+const react_1 = __importDefault(require("react"));
 /**
- * Hooks a Popper up to a PopupModel
+ * Adds the necessary props to a {@link Popper} component. Used by the
+ * {@link PopupPopper Popup.Popper} subcomponent.
  */
-exports.usePopupPopper = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a, ref) {
-    var state = _a.state, events = _a.events;
-    var elementRef = common_1.useForkRef(ref, state.stackRef);
-    var onPlacementChange = react_1.default.useCallback(function (placement) {
+exports.usePopupPopper = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(({ state, events }, ref) => {
+    const elementRef = common_1.useForkRef(ref, state.stackRef);
+    const onPlacementChange = react_1.default.useCallback((placement) => {
         if (placement !== state.placement) {
             // only update if the placement has changed
-            events.updatePlacement({ placement: placement });
+            events.updatePlacement({ placement });
         }
     }, [events, state.placement]);
     return {
         open: state.visibility !== 'hidden',
         anchorElement: state.targetRef,
         ref: elementRef,
-        onPlacementChange: onPlacementChange,
+        onPlacementChange,
     };
 });

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

@@ -1,37 +1,45 @@
 import React from 'react';
 /**
- * This hook should not be used directly. Use the `Popper` component instead.
+ * **Note:** If you're using {@link Popper}, you do not need to use this hook directly.
  *
- * This hook will add the `stackRef` element to the Popup stack on mount and remove on unmount. If
- * you use `Popper`, the popper `stackRef` is automatically added/removed from the Popup stack. The
- * Popup stack is required for proper z-index values to ensure Popups are rendered correct. It is
+ * This hook will add the `stackRef` element to the {@link PopupStack} on mount and remove on unmount. If
+ * you use `Popper`, the popper `stackRef` is automatically added/removed from the `PopupStack`. The
+ * `PopupStack` is required for proper z-index values to ensure Popups are rendered correct. It is
  * also required for global listeners like click outside or escape key closing a popup. Without the
- * Popup stack, all popups will close rather than only the topmost one.
+ * `PopupStack`, all popups will close rather than only the topmost one.
  *
- * If `forwardRef` is provided, it will be the same as `stackRef`. If `forwardRef` is not provided`,
+ * If `ref` is provided, it will be the same as `stackRef`. If `ref` is not provided`,
  * this hook will create one and return it.
  *
  * This hook should be used by all stacked UIs unless using the `Popper` component.
  *
- * @param forwardRef This ref will be managed by the PopupStack and should not be managed by React. Do
+ * ```tsx
+ * const model = usePopupModel();
+ * usePopupStack(model.state.stackRef, model.state.targetRef);
+ *
+ * // add some popup functionality
+ * useCloseOnOutsideClick(model);
+ * useCloseOnEscape(model);
+ *
+ * return (
+ *   <>
+ *     <button ref={model.state.targetRef}>Open Popup</button>
+ *     {model.state.visibility !== 'hidden'
+ *       ? ReactDOM.createPortal(<div>Popup Contents</div>, model.state.stackRef.current)
+ *       : null}
+ *   </>
+ * );
+ * ```
+ *
+ * @param ref This ref will be managed by the PopupStack and should not be managed by React. Do
  * not apply this stackRef to a React element. Doing so will result in an error. Instead, use this
  * `stackRef` directly with `ReactDOM.createPortal(<YourComponent>, stackRef.current!)`. This is
  * definitely strange for React code, but is necessary for the PopupStack to remain framework
- * agnostic and flexible to integrate with existing popup stack systems. If not provided, this hook
+ * agnostic and flexible to integrate with existing `PopupStack` systems. If not provided, this hook
  * will create one and return that `stackRef` instead.
- *
  * @param target Usually the trigger of a popup. This will fix `bringToTop` and should be provided
  * by all ephemeral-type popups (like Tooltips, Select menus, etc). It will also add in clickOutside
  * detection.
- *
- * @example
- * // must be part of a component life-cycle. Use `Popup.Popper` otherwise.
- * const model = usePopupModel({visibility: 'visible'})
- * usePopupStack(model.state.stackRef)
- *
- * // add some popup functionality
- * useCloseOnOutsideClick(model)
- * useCloseOnEscape(model)
  */
-export declare const usePopupStack: <E extends HTMLElement>(ref?: ((instance: E | null) => void) | React.RefObject<E> | null | undefined, target?: HTMLElement | React.RefObject<HTMLElement> | undefined) => React.RefObject<HTMLElement>;
+export declare const usePopupStack: <E extends HTMLElement>(ref?: React.Ref<E> | undefined, target?: HTMLElement | React.RefObject<HTMLElement> | undefined) => React.RefObject<HTMLElement>;
 //# sourceMappingURL=usePopupStack.d.ts.map

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,4KAGvB,MAAM,SAAS,CAAC,WAAW,CA2C7B,CAAC"}
+{"version":3,"file":"usePopupStack.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,aAAa,8HAGvB,MAAM,SAAS,CAAC,WAAW,CA2C7B,CAAC"}

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

@@ -4,73 +4,81 @@ var __importDefault = (this && this.__importDefault) || function (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");
+const react_1 = __importDefault(require("react"));
+const canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
+const common_1 = require("@workday/canvas-kit-react/common");
 /**
- * This hook should not be used directly. Use the `Popper` component instead.
+ * **Note:** If you're using {@link Popper}, you do not need to use this hook directly.
  *
- * This hook will add the `stackRef` element to the Popup stack on mount and remove on unmount. If
- * you use `Popper`, the popper `stackRef` is automatically added/removed from the Popup stack. The
- * Popup stack is required for proper z-index values to ensure Popups are rendered correct. It is
+ * This hook will add the `stackRef` element to the {@link PopupStack} on mount and remove on unmount. If
+ * you use `Popper`, the popper `stackRef` is automatically added/removed from the `PopupStack`. The
+ * `PopupStack` is required for proper z-index values to ensure Popups are rendered correct. It is
  * also required for global listeners like click outside or escape key closing a popup. Without the
- * Popup stack, all popups will close rather than only the topmost one.
+ * `PopupStack`, all popups will close rather than only the topmost one.
  *
- * If `forwardRef` is provided, it will be the same as `stackRef`. If `forwardRef` is not provided`,
+ * If `ref` is provided, it will be the same as `stackRef`. If `ref` is not provided`,
  * this hook will create one and return it.
  *
  * This hook should be used by all stacked UIs unless using the `Popper` component.
  *
- * @param forwardRef This ref will be managed by the PopupStack and should not be managed by React. Do
+ * ```tsx
+ * const model = usePopupModel();
+ * usePopupStack(model.state.stackRef, model.state.targetRef);
+ *
+ * // add some popup functionality
+ * useCloseOnOutsideClick(model);
+ * useCloseOnEscape(model);
+ *
+ * return (
+ *   <>
+ *     <button ref={model.state.targetRef}>Open Popup</button>
+ *     {model.state.visibility !== 'hidden'
+ *       ? ReactDOM.createPortal(<div>Popup Contents</div>, model.state.stackRef.current)
+ *       : null}
+ *   </>
+ * );
+ * ```
+ *
+ * @param ref This ref will be managed by the PopupStack and should not be managed by React. Do
  * not apply this stackRef to a React element. Doing so will result in an error. Instead, use this
  * `stackRef` directly with `ReactDOM.createPortal(<YourComponent>, stackRef.current!)`. This is
  * definitely strange for React code, but is necessary for the PopupStack to remain framework
- * agnostic and flexible to integrate with existing popup stack systems. If not provided, this hook
+ * agnostic and flexible to integrate with existing `PopupStack` systems. If not provided, this hook
  * will create one and return that `stackRef` instead.
- *
  * @param target Usually the trigger of a popup. This will fix `bringToTop` and should be provided
  * by all ephemeral-type popups (like Tooltips, Select menus, etc). It will also add in clickOutside
  * detection.
- *
- * @example
- * // must be part of a component life-cycle. Use `Popup.Popper` otherwise.
- * const model = usePopupModel({visibility: 'visible'})
- * usePopupStack(model.state.stackRef)
- *
- * // add some popup functionality
- * useCloseOnOutsideClick(model)
- * useCloseOnEscape(model)
  */
-var usePopupStack = function (ref, target) {
-    var _a = common_1.useLocalRef(ref), elementRef = _a.elementRef, localRef = _a.localRef;
-    var isRTL = common_1.useIsRTL();
+const usePopupStack = (ref, target) => {
+    const { elementRef, localRef } = common_1.useLocalRef(ref);
+    const isRTL = common_1.useIsRTL();
     // useState function input ensures we only create a container once.
-    var popupRef = react_1.default.useState(function () {
-        var container = canvas_kit_popup_stack_1.PopupStack.createContainer();
+    const [popupRef] = react_1.default.useState(() => {
+        const container = canvas_kit_popup_stack_1.PopupStack.createContainer();
         elementRef(container);
         return container;
-    })[0];
+    });
     // We useLayoutEffect to ensure proper timing of registration of the element to the popup stack.
     // Without this, the timing is unpredictable when mixed with other frameworks. Other frameworks
     // should also register as soon as the element is available
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         if (popupRef !== localRef.current) {
-            throw Error("The 'ref' passed to usePopupStack should not be applied to a React element. This will cause a runtime error where the PopupStack and React compete for the element. Instead use ReactDOM.createPortal(<YourComponent />, ref.current)");
+            throw Error(`The 'ref' passed to usePopupStack should not be applied to a React element. This will cause a runtime error where the PopupStack and React compete for the element. Instead use ReactDOM.createPortal(<YourComponent />, ref.current)`);
         }
-        var targetEl = target
+        const targetEl = target
             ? 'current' in target
                 ? target.current || undefined
                 : target
             : undefined;
-        var element = localRef.current;
+        const element = localRef.current;
         canvas_kit_popup_stack_1.PopupStack.add({ element: element, owner: targetEl });
-        return function () {
+        return () => {
             canvas_kit_popup_stack_1.PopupStack.remove(element);
         };
     }, [localRef, target, popupRef]);
     // The direction will properly follow the theme via React context, but portals lose the `dir`
     // hierarchy, so we'll add it back here.
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         var _a, _b;
         if (isRTL) {
             (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('dir', 'rtl');

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

@@ -1,7 +1,7 @@
 /**
- * Adds the necessary props to a `Target` component. Used by the Popup.Target subcomponent.
+ * Adds the necessary props to a {@link PopupTarget Popup.Target} subcomponent.
  */
-export declare const usePopupTarget: <P extends {}, R>(model: {
+export declare const usePopupTarget: 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 usePopupTarget: <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 usePopupTarget: <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) => {
-    ref: (instance: any) => void;
+}, {
+    ref: (instance: unknown) => void;
     onClick: (event: React.MouseEvent) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: import("react").Ref<R>;
-} : {});
+}>;
 //# sourceMappingURL=usePopupTarget.d.ts.map

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;;;;;;;;;;;;;;;;;;;qBAIN,gBAAgB;;;OAgBnC,CAAC"}
+{"version":3,"file":"usePopupTarget.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTarget.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;qBAIN,gBAAgB;EAgBnC,CAAC"}

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

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupTarget = 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 `Target` component. Used by the Popup.Target subcomponent.
+ * Adds the necessary props to a {@link PopupTarget Popup.Target} subcomponent.
  */
-exports.usePopupTarget = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a, ref) {
-    var events = _a.events, state = _a.state;
-    var elementRef = common_1.useForkRef(ref, state.targetRef);
+exports.usePopupTarget = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(({ events, state }, ref) => {
+    const elementRef = common_1.useForkRef(ref, state.targetRef);
     return {
         ref: elementRef,
-        onClick: function (event) {
+        onClick: (event) => {
             // If we're wrapping a target component that doesn't handle ref forwarding, update the
             // `state.targetRef` manually. This ensures that custom target components don't need to handle
             // ref forwarding since ref forwarding is only really needed to programmatically open popups

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

@@ -1,7 +1,7 @@
 /**
  * Adds the necessary props to a `Target` component. Used by the Popup.Target subcomponent.
  */
-export declare const usePopupTargetContext: <P extends {}, R>(model: {
+export declare const usePopupTargetContext: 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 usePopupTargetContext: <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 usePopupTargetContext: <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) => {
-    ref: (instance: any) => void;
+}, {
+    ref: (instance: unknown) => void;
     onContextMenu: (event: React.MouseEvent) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: import("react").Ref<R>;
-} : {});
+}>;
 //# sourceMappingURL=usePopupTargetContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePopupTargetContext.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTargetContext.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;2BAIP,gBAAgB;;;OAmBzC,CAAC"}
+{"version":3,"file":"usePopupTargetContext.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTargetContext.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;2BAIP,gBAAgB;EAmBzC,CAAC"}

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

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopupTargetContext = 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 `Target` component. Used by the Popup.Target subcomponent.
  */
-exports.usePopupTargetContext = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a, ref) {
-    var events = _a.events, state = _a.state;
-    var elementRef = common_1.useForkRef(ref, state.targetRef);
+exports.usePopupTargetContext = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(({ events, state }, ref) => {
+    const elementRef = common_1.useForkRef(ref, state.targetRef);
     return {
         ref: elementRef,
-        onContextMenu: function (event) {
+        onContextMenu: (event) => {
             // If we're wrapping a target component that doesn't handle ref forwarding, update the
             // `state.targetRef` manually. This ensures that custom target components don't need to handle
             // ref forwarding since ref forwarding is only really needed to programmatically open popups

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

@@ -1,12 +1,12 @@
 import React from 'react';
 /**
  * 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
- * focus management solution.
+ * {@link useInitialFocus}. This should be used with {@link useFocusRedirect} or
+ * {@link useFocusTrap} for a complete focus management solution.
  *
  * This should be used on popup elements that use `useInitialFocus`.
  */
-export declare const useReturnFocus: <P extends {}, R>(model: {
+export declare const useReturnFocus: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -14,7 +14,7 @@ export declare const useReturnFocus: <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 useReturnFocus: <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=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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiC1B;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;OAgGzB,CAAC"}
+{"version":3,"file":"useReturnFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useReturnFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiC1B;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;MA6GzB,CAAC"}