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

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"}

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

@@ -4,28 +4,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCloseOnOutsideClick = void 0;
-var react_1 = __importDefault(require("react"));
-var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
-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 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.
  */
-exports.useCloseOnOutsideClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var onClick = react_1.default.useCallback(function (event) {
+exports.useCloseOnOutsideClick = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const onClick = react_1.default.useCallback((event) => {
         if (!model.state.stackRef.current) {
             return;
         }
-        var elements = canvas_kit_popup_stack_1.PopupStack.getElements()
-            .filter(function (e) { return e.getAttribute('data-behavior-click-outside-close') === 'topmost'; })
-            .sort(function (a, b) { return Number(a.style.zIndex) - Number(b.style.zIndex); });
+        const elements = canvas_kit_popup_stack_1.PopupStack.getElements()
+            .filter(e => e.getAttribute('data-behavior-click-outside-close') === 'topmost')
+            .sort((a, b) => Number(a.style.zIndex) - Number(b.style.zIndex));
         if (elements.length &&
             elements[elements.length - 1] === model.state.stackRef.current &&
             // Use `PopupStack.contains` instead of `ref.current.contains` so that the application can
@@ -35,15 +35,15 @@ exports.useCloseOnOutsideClick = common_1.createElemPropsHook(usePopupModel_1.us
             model.events.hide(event);
         }
     }, [model.state.stackRef, model.events]);
-    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', 'topmost');
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', onClick);
         };
     }, [model.state.stackRef, visible, onClick]);

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

@@ -8,7 +8,7 @@ import React from 'react';
  *
  * This should be used with popup elements that are transitory like Tooltips and dropdown menus.
  */
-export declare const useCloseOnTargetHidden: <P extends {}, R>(model: {
+export declare const useCloseOnTargetHidden: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -16,7 +16,7 @@ export declare const useCloseOnTargetHidden: <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 useCloseOnTargetHidden: <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=useCloseOnTargetHidden.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnTargetHidden.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnTargetHidden.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;OAiCjC,CAAC"}
+{"version":3,"file":"useCloseOnTargetHidden.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnTargetHidden.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;MAiCjC,CAAC"}

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

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCloseOnTargetHidden = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
 function getScrollParent(element) {
     if (element === document.body || !element.parentElement) {
         return element;
     }
-    var styles = getComputedStyle(element);
+    const styles = getComputedStyle(element);
     if (styles.overflowY === 'scroll' ||
         styles.overflowY === 'auto' ||
         styles.overflowX === 'scroll' ||
@@ -29,26 +29,26 @@ function getScrollParent(element) {
  *
  * This should be used with popup elements that are transitory like Tooltips and dropdown menus.
  */
-exports.useCloseOnTargetHidden = common_1.createElemPropsHook(popup_1.usePopupModel)(function (model) {
-    var visible = model.state.visibility !== 'hidden';
-    var callback = react_1.default.useCallback(function (entries) {
+exports.useCloseOnTargetHidden = common_1.createElemPropsHook(popup_1.usePopupModel)(model => {
+    const visible = model.state.visibility !== 'hidden';
+    const callback = react_1.default.useCallback(entries => {
         if (entries[0].intersectionRatio < 0.5) {
             model.events.hide();
         }
     }, [model.events]);
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         if (!visible || !model.state.targetRef.current) {
             return;
         }
-        var target = model.state.targetRef.current;
-        var scrollParent = getScrollParent(target);
+        const target = model.state.targetRef.current;
+        const scrollParent = getScrollParent(target);
         // eslint-disable-next-line compat/compat
-        var observer = new IntersectionObserver(callback, {
+        const observer = new IntersectionObserver(callback, {
             root: scrollParent,
             threshold: 0.5,
         });
         observer.observe(model.state.targetRef.current);
-        return function () {
+        return () => {
             observer.disconnect();
         };
     }, [callback, model.state.targetRef, visible]);