@workday/canvas-kit-react 7.1.5 → 7.2.0-427-next.2

package/dist/commonjs/popup/lib/hooks/focus-trap-js.js

@@ -3,7 +3,7 @@
 /// <reference types="@types/node" />
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabTrappingKey = void 0;
-var candidateSelectors = [
+const candidateSelectors = [
     'input',
     'select',
     'textarea',
@@ -21,7 +21,7 @@ function isHidden(node) {
     return node.offsetParent === null || getComputedStyle(node).visibility === 'hidden';
 }
 function getCheckedRadio(nodes, form) {
-    for (var i = 0; i < nodes.length; i++) {
+    for (let i = 0; i < nodes.length; i++) {
         if (nodes[i].checked && nodes[i].form === form) {
             return nodes[i];
         }
@@ -32,38 +32,38 @@ function isNotRadioOrTabbableRadio(node) {
     if (node.tagName !== 'INPUT' || node.type !== 'radio' || !node.name) {
         return true;
     }
-    var radioScope = node.form || node.ownerDocument;
+    const radioScope = node.form || node.ownerDocument;
     if (!radioScope) {
         return false;
     }
-    var radioSet = radioScope.querySelectorAll('input[type="radio"][name="' + node.name + '"]');
-    var checked = getCheckedRadio(radioSet, node.form);
+    const radioSet = radioScope.querySelectorAll('input[type="radio"][name="' + node.name + '"]');
+    const checked = getCheckedRadio(radioSet, node.form);
     return checked === node || (checked === undefined && radioSet[0] === node);
 }
 function getAllTabbingElements(parentElem) {
     var _a;
-    var currentActiveElement = document.activeElement;
-    var tabbableNodes = parentElem.querySelectorAll(candidateSelectors.join(','));
-    var onlyTabbable = [];
-    var _loop_1 = function (i) {
-        var node = tabbableNodes[i];
+    const currentActiveElement = document.activeElement;
+    const tabbableNodes = parentElem.querySelectorAll(candidateSelectors.join(','));
+    const onlyTabbable = [];
+    for (let i = 0; i < tabbableNodes.length; i++) {
+        const node = tabbableNodes[i];
         if (currentActiveElement === node ||
             (!node.disabled &&
                 getTabIndex(node) > -1 &&
                 !isHidden(node) &&
                 isNotRadioOrTabbableRadio(node))) {
             if (node instanceof HTMLIFrameElement) {
-                var iframeDoc_1 = (_a = node.contentWindow) === null || _a === void 0 ? void 0 : _a.document;
-                if (iframeDoc_1) {
-                    var tabbableElementsInIframe = getAllTabbingElements(iframeDoc_1);
-                    var handleKeyEvent_1 = function (event) {
-                        var blocked = tabTrappingKey(event, iframeDoc_1, onlyTabbable);
+                const iframeDoc = (_a = node.contentWindow) === null || _a === void 0 ? void 0 : _a.document;
+                if (iframeDoc) {
+                    const tabbableElementsInIframe = getAllTabbingElements(iframeDoc);
+                    const handleKeyEvent = (event) => {
+                        const blocked = tabTrappingKey(event, iframeDoc, onlyTabbable);
                         if (blocked) {
-                            iframeDoc_1.removeEventListener('keydown', handleKeyEvent_1);
+                            iframeDoc.removeEventListener('keydown', handleKeyEvent);
                         }
                     };
-                    iframeDoc_1.addEventListener('keydown', handleKeyEvent_1);
-                    tabbableElementsInIframe.forEach(function (elem) {
+                    iframeDoc.addEventListener('keydown', handleKeyEvent);
+                    tabbableElementsInIframe.forEach(elem => {
                         onlyTabbable.push(elem);
                     });
                 }
@@ -72,14 +72,10 @@ function getAllTabbingElements(parentElem) {
                 onlyTabbable.push(node);
             }
         }
-    };
-    for (var i = 0; i < tabbableNodes.length; i++) {
-        _loop_1(i);
     }
     return onlyTabbable;
 }
-function tabTrappingKey(event, parentElem, onlyTabbable) {
-    if (onlyTabbable === void 0) { onlyTabbable = null; }
+function tabTrappingKey(event, parentElem, onlyTabbable = null) {
     // check if current event keyCode is tab
     if (!event || event.key !== 'Tab') {
         return;
@@ -93,9 +89,9 @@ function tabTrappingKey(event, parentElem, onlyTabbable) {
     if (!parentElem.contains(event.target)) {
         return false;
     }
-    var allTabbingElements = onlyTabbable || getAllTabbingElements(parentElem);
-    var firstFocusableElement = allTabbingElements[0];
-    var lastFocusableElement = allTabbingElements[allTabbingElements.length - 1];
+    const allTabbingElements = onlyTabbable || getAllTabbingElements(parentElem);
+    const firstFocusableElement = allTabbingElements[0];
+    const lastFocusableElement = allTabbingElements[allTabbingElements.length - 1];
     if (event.shiftKey && event.target === firstFocusableElement) {
         lastFocusableElement.focus();
         event.preventDefault();
@@ -110,7 +106,7 @@ function tabTrappingKey(event, parentElem, onlyTabbable) {
 }
 exports.tabTrappingKey = tabTrappingKey;
 function getTabIndex(node) {
-    var tabIndexAttr = parseInt(node.getAttribute('tabindex') || '', 10);
+    const tabIndexAttr = parseInt(node.getAttribute('tabindex') || '', 10);
     if (!isNaN(tabIndexAttr)) {
         return tabIndexAttr;
     }

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

@@ -4,6 +4,7 @@ export * from './useBringToTopOnClick';
 export * from './useCloseOnEscape';
 export * from './useCloseOnFullscreenExit';
 export * from './useCloseOnOutsideClick';
+export * from './useCloseOnTargetHidden';
 export * from './useDisableBodyScroll';
 export * from './useFocusRedirect';
 export * from './useFocusTrap';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC"}

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

@@ -16,6 +16,7 @@ __exportStar(require("./useBringToTopOnClick"), exports);
 __exportStar(require("./useCloseOnEscape"), exports);
 __exportStar(require("./useCloseOnFullscreenExit"), exports);
 __exportStar(require("./useCloseOnOutsideClick"), exports);
+__exportStar(require("./useCloseOnTargetHidden"), exports);
 __exportStar(require("./useDisableBodyScroll"), exports);
 __exportStar(require("./useFocusRedirect"), exports);
 __exportStar(require("./useFocusTrap"), exports);

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

@@ -8,7 +8,7 @@ import React from 'react';
  * This should be used with popup elements that should close no matter their position in the stack
  * (i.e. Tooltips).
  */
-export declare const useAlwaysCloseOnOutsideClick: <P extends {}, R>(model: {
+export declare const useAlwaysCloseOnOutsideClick: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -16,7 +16,7 @@ export declare const useAlwaysCloseOnOutsideClick: <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 useAlwaysCloseOnOutsideClick: <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=useAlwaysCloseOnOutsideClick.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAlwaysCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAlwaysCloseOnOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;OAiCvC,CAAC"}
+{"version":3,"file":"useAlwaysCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAlwaysCloseOnOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;MAiCvC,CAAC"}

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

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAlwaysCloseOnOutsideClick = 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");
-var usePopupModel_1 = require("./usePopupModel");
+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");
+const usePopupModel_1 = require("./usePopupModel");
 /**
  * Registers global listener for all clicks. It will only call the PopupModel's `hide` event if the
  * click happened outside the `stackRef` element and its children regardless of the position in the
@@ -17,8 +17,8 @@ var usePopupModel_1 = require("./usePopupModel");
  * This should be used with popup elements that should close no matter their position in the stack
  * (i.e. Tooltips).
  */
-exports.useAlwaysCloseOnOutsideClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var onClick = react_1.default.useCallback(function (event) {
+exports.useAlwaysCloseOnOutsideClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const onClick = react_1.default.useCallback((event) => {
         if (!model.state.stackRef.current) {
             return;
         }
@@ -30,15 +30,15 @@ exports.useAlwaysCloseOnOutsideClick = common_1.createElemPropsHook(usePopupMode
             model.events.hide();
         }
     }, [model.events, model.state.stackRef]);
-    var visible = model.state.visibility !== 'hidden';
-    react_1.default.useLayoutEffect(function () {
+    const visible = model.state.visibility !== 'hidden';
+    react_1.default.useLayoutEffect(() => {
         var _a;
         if (!visible) {
             return;
         }
         document.addEventListener('mousedown', onClick);
         (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('data-behavior-click-outside-close', 'always');
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', onClick);
         };
     }, [model.state.stackRef, visible, onClick]);

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

@@ -10,7 +10,7 @@ import React from 'react';
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-export declare const useAssistiveHideSiblings: <P extends {}, R>(model: {
+export declare const useAssistiveHideSiblings: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -18,7 +18,7 @@ export declare const useAssistiveHideSiblings: <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: {
@@ -27,7 +27,5 @@ export declare const useAssistiveHideSiblings: <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=useAssistiveHideSiblings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAssistiveHideSiblings.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAssistiveHideSiblings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;OA6BnC,CAAC"}
+{"version":3,"file":"useAssistiveHideSiblings.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAssistiveHideSiblings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;MA6BnC,CAAC"}

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

@@ -1,19 +1,12 @@
 "use strict";
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAssistiveHideSiblings = 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");
 /**
  * This hook will hide all sibling elements from assistive technology. Very useful for modal
  * dialogs. This will set `aria-hidden` for sibling elements of the provided PopupModel's
@@ -25,21 +18,23 @@ var usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-exports.useAssistiveHideSiblings = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var visible = model.state.visibility !== 'hidden';
-    react_1.default.useEffect(function () {
+exports.useAssistiveHideSiblings = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const visible = model.state.visibility !== 'hidden';
+    react_1.default.useEffect(() => {
         var _a, _b;
         if (!visible) {
             return;
         }
-        var siblings = __spreadArrays((_b = (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children).filter(function (el) { return el !== model.state.stackRef.current; });
-        var prevAriaHidden = siblings.map(function (el) { return el.getAttribute('aria-hidden'); });
-        siblings.forEach(function (el) {
+        const siblings = [
+            ...(_b = (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children,
+        ].filter(el => el !== model.state.stackRef.current);
+        const prevAriaHidden = siblings.map(el => el.getAttribute('aria-hidden'));
+        siblings.forEach(el => {
             el.setAttribute('aria-hidden', 'true');
         });
-        return function () {
-            siblings.forEach(function (el, index) {
-                var prev = prevAriaHidden[index];
+        return () => {
+            siblings.forEach((el, index) => {
+                const prev = prevAriaHidden[index];
                 if (prev) {
                     el.setAttribute('aria-hidden', prev);
                 }

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

@@ -1,14 +1,14 @@
 import React from 'react';
 /**
  * This hook will bring an element to the top of the stack when any element inside the provided
- * PopupModel's `state.stackRef` element is clicked. If `Popup.Popper` was used or `PopupStack.add`
- * provided an `owner`, all "child" popups will also be brought to the top. A "child" popup is a
- * Popup that was opened from another Popup. Usually this is a Tooltip or Select component inside
- * something like a Modal.
+ * {@link PopupModel}'s `state.stackRef` element is clicked. If {@link PopupPopper Popup.Popper} was
+ * used or `PopupStack.add` provided an `owner`, all "child" popups will also be brought to the top.
+ * A "child" popup is a Popup that was opened from another Popup. Usually this is a Tooltip or
+ * Select component inside something like a Modal.
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
-export declare const useBringToTopOnClick: <P extends {}, R>(model: {
+export declare const useBringToTopOnClick: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -16,7 +16,7 @@ export declare const useBringToTopOnClick: <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 useBringToTopOnClick: <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=useBringToTopOnClick.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBringToTopOnClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useBringToTopOnClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;OA6B/B,CAAC"}
+{"version":3,"file":"useBringToTopOnClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useBringToTopOnClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;MA6B/B,CAAC"}

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

@@ -4,38 +4,38 @@ var __importDefault = (this && this.__importDefault) || function (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");
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+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");
+const usePopupModel_1 = require("./usePopupModel");
 /**
  * This hook will bring an element to the top of the stack when any element inside the provided
- * PopupModel's `state.stackRef` element is clicked. If `Popup.Popper` was used or `PopupStack.add`
- * provided an `owner`, all "child" popups will also be brought to the top. A "child" popup is a
- * Popup that was opened from another Popup. Usually this is a Tooltip or Select component inside
- * something like a Modal.
+ * {@link PopupModel}'s `state.stackRef` element is clicked. If {@link PopupPopper Popup.Popper} was
+ * used or `PopupStack.add` provided an `owner`, all "child" popups will also be brought to the top.
+ * A "child" popup is a Popup that was opened from another Popup. Usually this is a Tooltip or
+ * Select component inside something like a Modal.
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
-exports.useBringToTopOnClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var timer = react_1.default.useRef(-1);
-    var onClick = react_1.default.useCallback(function (event) {
+exports.useBringToTopOnClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const timer = react_1.default.useRef(-1);
+    const onClick = react_1.default.useCallback((event) => {
         // requestAnimationFrame is used to control timing of when `bringToTop` is called.
         // https://github.com/Workday/canvas-kit/pull/670#discussion_r436158184
-        timer.current = requestAnimationFrame(function () {
+        timer.current = requestAnimationFrame(() => {
             var _a;
             if ((_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) {
                 canvas_kit_popup_stack_1.PopupStack.bringToTop(model.state.stackRef.current);
             }
         });
     }, [model.state.stackRef]);
-    var visible = model.state.visibility !== 'hidden';
-    react_1.default.useLayoutEffect(function () {
+    const visible = model.state.visibility !== 'hidden';
+    react_1.default.useLayoutEffect(() => {
         if (!visible) {
             return;
         }
         document.addEventListener('click', onClick);
-        return function () {
+        return () => {
             cancelAnimationFrame(timer.current);
             document.removeEventListener('click', onClick);
         };

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

@@ -1,12 +1,12 @@
 import React from 'react';
 /**
- * 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.
+ * Registers global detection of the Escape key. It will only call the {@link PopupModel}'s `hide`
+ * event if the provided model's `state.stackRef` element is the topmost in the stack.
  *
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-export declare const useCloseOnEscape: <P extends {}, R>(model: {
+export declare const useCloseOnEscape: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -14,7 +14,7 @@ export declare const useCloseOnEscape: <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 useCloseOnEscape: <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=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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;OA2B3B,CAAC"}
+{"version":3,"file":"useCloseOnEscape.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnEscape.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;MA2B3B,CAAC"}

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

@@ -4,32 +4,32 @@ var __importDefault = (this && this.__importDefault) || function (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");
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+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");
+const usePopupModel_1 = require("./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.
+ * Registers global detection of the Escape key. It will only call the {@link PopupModel}'s `hide`
+ * event if the provided model's `state.stackRef` element is the topmost in the stack.
  *
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-exports.useCloseOnEscape = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var onKeyDown = react_1.default.useCallback(function (event) {
+exports.useCloseOnEscape = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const onKeyDown = react_1.default.useCallback((event) => {
         if ((event.key === 'Esc' || event.key === 'Escape') &&
             canvas_kit_popup_stack_1.PopupStack.isTopmost(model.state.stackRef.current)) {
             model.events.hide(event);
         }
     }, [model.state.stackRef, model.events]);
-    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);
         };
     }, [onKeyDown, visible]);

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

@@ -4,7 +4,7 @@ import React from 'react';
  * the entire screen. This should be added to popup types that are very context sensitive like
  * Tooltips.
  */
-export declare const useCloseOnFullscreenExit: <P extends {}, R>(model: {
+export declare const useCloseOnFullscreenExit: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -12,7 +12,7 @@ export declare const useCloseOnFullscreenExit: <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: {
@@ -21,7 +21,5 @@ export declare const useCloseOnFullscreenExit: <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=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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;OA0BnC,CAAC"}
+{"version":3,"file":"useCloseOnFullscreenExit.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnFullscreenExit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;MA0BnC,CAAC"}

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

@@ -4,29 +4,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCloseOnFullscreenExit = void 0;
-var react_1 = __importDefault(require("react"));
-var screenfull_1 = __importDefault(require("screenfull"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+const react_1 = __importDefault(require("react"));
+const screenfull_1 = __importDefault(require("screenfull"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const usePopupModel_1 = require("./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.
  */
-exports.useCloseOnFullscreenExit = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var handler = react_1.default.useCallback(function (event) {
+exports.useCloseOnFullscreenExit = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const handler = react_1.default.useCallback((event) => {
         if (!screenfull_1.default.isFullscreen) {
             model.events.hide(event);
         }
     }, [model.events]);
-    var visible = model.state.visibility !== 'hidden';
-    react_1.default.useEffect(function () {
+    const visible = model.state.visibility !== 'hidden';
+    react_1.default.useEffect(() => {
         if (!visible) {
             return;
         }
         if (screenfull_1.default.isEnabled) {
             screenfull_1.default.on('change', handler);
-            return function () {
+            return () => {
                 screenfull_1.default.off('change', handler);
             };
         }

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

@@ -1,15 +1,15 @@
 import React from 'react';
 /**
- * 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
- * provided `stackRef` element is the topmost element with this behavior applied in the stack. Adds
- * a `data-behavior-click-outside-close="topmost"` attribute to ensure proper functionality.
+ * Registers global listener for all clicks. It will only call the {@link PopupModel}'s `hide` event
+ * if the click happened outside the PopupModel's `state.stackRef` element and its children _and_
+ * the provided `stackRef` element is the topmost element with this behavior applied in the stack.
+ * Adds a `data-behavior-click-outside-close="topmost"` attribute to ensure proper functionality.
  *
  * This should be used with popup elements that are dismissible like Modals, non-modal dialogs,
- * dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
- * instead.
+ * dropdown menus, etc. Tooltips and hierarchical menus should use
+ * {@link useAlwaysCloseOnClickOutside} instead.
  */
-export declare const useCloseOnOutsideClick: <P extends {}, R>(model: {
+export declare const useCloseOnOutsideClick: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -17,7 +17,7 @@ export declare const useCloseOnOutsideClick: <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: {
@@ -26,7 +26,5 @@ export declare const useCloseOnOutsideClick: <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=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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;OAsCjC,CAAC"}
+{"version":3,"file":"useCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;MAsCjC,CAAC"}