@workday/canvas-kit-react 9.0.0-alpha.368-next.6 → 9.0.0-alpha.384-next.3

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFocusRedirect = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const usePopupModel_1 = require("./usePopupModel");
 /**
  * Manages focus around a popup, treating the popup as if it was part of the DOM where it appears.
  * Popups are typically "portalled" (inserted at the end of `document.body`) to ensure proper
@@ -19,11 +19,11 @@ var usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used with non-modal dialogs.
  */
-exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var onKeyDown = react_1.default.useCallback(function (event) {
+exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const onKeyDown = react_1.default.useCallback((event) => {
         if (model.state.stackRef.current && event.key === 'Tab') {
-            var firstFocusableElement = common_1.getFirstFocusableElement(model.state.stackRef.current);
-            var lastFocusableElement = common_1.getLastFocusableElement(model.state.stackRef.current);
+            const firstFocusableElement = common_1.getFirstFocusableElement(model.state.stackRef.current);
+            const lastFocusableElement = common_1.getLastFocusableElement(model.state.stackRef.current);
             if (event.getModifierState('Shift') && document.activeElement === firstFocusableElement) {
                 event.preventDefault();
                 model.events.hide(event);
@@ -34,14 +34,14 @@ exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopup
             }
         }
     }, [model.events, model.state.stackRef]);
-    var visible = model.state.visibility !== 'hidden';
+    const visible = model.state.visibility !== 'hidden';
     // `useLayoutEffect` for automation
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         if (!visible) {
             return;
         }
         document.addEventListener('keydown', onKeyDown);
-        return function () {
+        return () => {
             document.removeEventListener('keydown', onKeyDown);
         };
     }, [visible, onKeyDown]);

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

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFocusTrap = void 0;
-var react_1 = __importDefault(require("react"));
-var focus_trap_js_1 = require("./focus-trap-js");
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+const react_1 = __importDefault(require("react"));
+const focus_trap_js_1 = require("./focus-trap-js");
+const common_1 = require("@workday/canvas-kit-react/common");
+const usePopupModel_1 = require("./usePopupModel");
 /**
  * "Trap" or "loop" focus within a provided `stackRef` element. This is required for accessibility
  * on modals. If a keyboard users hits the Tab or Shift + Tab, this will force "looping" of focus.
@@ -17,20 +17,20 @@ var usePopupModel_1 = require("./usePopupModel");
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-exports.useFocusTrap = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var onKeyDown = react_1.default.useCallback(function (event) {
+exports.useFocusTrap = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const onKeyDown = react_1.default.useCallback((event) => {
         if (model.state.stackRef.current) {
             focus_trap_js_1.tabTrappingKey(event, model.state.stackRef.current);
         }
     }, [model.state.stackRef]);
-    var visible = model.state.visibility !== 'hidden';
+    const visible = model.state.visibility !== 'hidden';
     // `useLayoutEffect` for automation
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         if (!visible) {
             return;
         }
         document.addEventListener('keydown', onKeyDown);
-        return function () {
+        return () => {
             document.removeEventListener('keydown', onKeyDown);
         };
     }, [visible, onKeyDown]);

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInitialFocus = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const usePopupModel_1 = require("./usePopupModel");
 /**
  * Moves focus within the popup when the popup becomes visible. This is useful for keyboard and
  * screen reader users alike. This should be used with {@link useFocusRedirect} or
@@ -15,19 +15,19 @@ var usePopupModel_1 = require("./usePopupModel");
  * This should be used for popups that have focusable elements inside, like Modals, non-modal
  * dialogs, menus, etc.
  */
-exports.useInitialFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var visible = model.state.visibility !== 'hidden';
+exports.useInitialFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const visible = model.state.visibility !== 'hidden';
     // Using `useEffect` instead of `useLayoutEffect` so that focus doesn't change _before_ PopperJS
     // has positioned the Popup. If we change focus before positioning, the browser will scroll to the
     // top of the page.
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         var _a;
         if (visible && model.state.stackRef.current) {
-            var element_1 = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
+            const element = ((_a = model.state.initialFocusRef) === null || _a === void 0 ? void 0 : _a.current) ||
                 common_1.getFirstFocusableElement(model.state.stackRef.current);
-            common_1.assert(element_1, 'No focusable element was found. Please ensure popup has at least one focusable element');
-            requestAnimationFrame(function () {
-                common_1.changeFocus(element_1);
+            common_1.assert(element, 'No focusable element was found. Please ensure popup has at least one focusable element');
+            requestAnimationFrame(() => {
+                common_1.changeFocus(element);
             });
         }
     }, [model.state.initialFocusRef, model.state.stackRef, visible]);

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

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

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

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

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

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

package/dist/commonjs/popup/lib/hooks/usePopupModel.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.js

@@ -4,26 +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"));
 /**
  * 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.js

@@ -4,9 +4,9 @@ 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");
 /**
  * **Note:** If you're using {@link Popper}, you do not need to use this hook directly.
  *
@@ -49,36 +49,36 @@ var common_1 = require("@workday/canvas-kit-react/common");
  * by all ephemeral-type popups (like Tooltips, Select menus, etc). It will also add in clickOutside
  * detection.
  */
-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.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 {@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.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.js

@@ -4,15 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReturnFocus = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var usePopupModel_1 = require("./usePopupModel");
-var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const usePopupModel_1 = require("./usePopupModel");
+const canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 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') {
         return element;
     }
@@ -37,14 +37,14 @@ function getFocusableElement(element) {
  *
  * This should be used on popup elements that use `useInitialFocus`.
  */
-exports.useReturnFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var visible = model.state.visibility !== 'hidden';
-    var elementRef = react_1.default.useRef(null);
+exports.useReturnFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const visible = model.state.visibility !== 'hidden';
+    const elementRef = react_1.default.useRef(null);
     // This boolean tracks keyboard-driven focus changes. This is required for `useFocusRedirect` as
     // focus redirection needs synchronous focus management and everything else needs asynchronous
     // focus management.
-    var requiresFocusChangeRef = react_1.default.useRef(false);
-    var onKeyDown = react_1.default.useCallback(function (event) {
+    const requiresFocusChangeRef = react_1.default.useRef(false);
+    const onKeyDown = react_1.default.useCallback((event) => {
         // The tab key changes focus
         if (event.key === 'Tab') {
             requiresFocusChangeRef.current = true;
@@ -52,7 +52,7 @@ exports.useReturnFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupMo
     }, []);
     // track mousedown events to determine if the mouse target is a focusable element. If it is, we
     // should not return focus
-    var onMouseDown = react_1.default.useCallback(function (event) {
+    const onMouseDown = react_1.default.useCallback((event) => {
         if (model.state.stackRef.current && event.target instanceof HTMLElement) {
             if (!canvas_kit_popup_stack_1.PopupStack.contains(model.state.stackRef.current, event.target)) {
                 elementRef.current = event.target;
@@ -74,24 +74,24 @@ exports.useReturnFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupMo
     // focus itself. If we don't short-circuit return focus, the user will intend to click on an
     // `input` element only to get focus changed back. This is annoying to users and unintuitive. Instead,
     // we'll use `mousedown` and `mouseup` to determine if we're closing because of a mouse click.
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         if (!visible) {
             return;
         }
         // capture the element here. The refs will be null by the time the cleanup function is called
-        var element = (model.state.returnFocusRef || model.state.targetRef)
+        const element = (model.state.returnFocusRef || model.state.targetRef)
             .current;
         document.addEventListener('mousedown', onMouseDown, true);
         document.addEventListener('keydown', onKeyDown, true);
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', onMouseDown, true);
             document.removeEventListener('keydown', onKeyDown, true);
             if (!element) {
                 return;
             }
-            var scrollParent = getScrollParent(element);
-            var scrollParentRect = scrollParent.getBoundingClientRect();
-            var elementRect = element.getBoundingClientRect();
+            const scrollParent = getScrollParent(element);
+            const scrollParentRect = scrollParent.getBoundingClientRect();
+            const elementRect = element.getBoundingClientRect();
             // Don't change focus if user focused on a different element like a `input` or the target
             // element isn't on at least halfway rendered on the screen.
             if ((elementRef.current && getFocusableElement(elementRef.current)) || // did the user click on a focusable element?
@@ -104,7 +104,7 @@ exports.useReturnFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupMo
                 elementRef.current = null;
                 return;
             }
-            var activeElementOutsidePopupStack = document.activeElement !== document.body &&
+            const activeElementOutsidePopupStack = document.activeElement !== document.body &&
                 model.state.stackRef.current &&
                 document.activeElement instanceof HTMLElement &&
                 !canvas_kit_popup_stack_1.PopupStack.contains(model.state.stackRef.current, document.activeElement);
@@ -117,7 +117,7 @@ exports.useReturnFocus = common_1.createElemPropsHook(usePopupModel_1.usePopupMo
             else {
                 // We wait a frame for the current event to process, allowing the browser to fire default
                 // actions. This delay allows the focus change to trigger a `focus` event on `element`.
-                requestAnimationFrame(function () {
+                requestAnimationFrame(() => {
                     common_1.changeFocus(element);
                 });
             }

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

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTransferOnFullscreenEnter = void 0;
-var react_1 = __importDefault(require("react"));
-var screenfull_1 = __importDefault(require("screenfull"));
-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 screenfull_1 = __importDefault(require("screenfull"));
+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");
 /**
  * Makes the popup transfer to the fullscreen element when fullscreen is entered. Without this, the
  * popup would seem to disappear because the popup container element is not a child of the
@@ -17,8 +17,8 @@ var usePopupModel_1 = require("./usePopupModel");
  * Don't use this in conjunction with a hook that will close the popup when entering fullscreen.
  * Doing so would open the popup when the intention was to close it.
  */
-exports.useTransferOnFullscreenEnter = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
-    var handler = react_1.default.useCallback(function (event) {
+exports.useTransferOnFullscreenEnter = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(model => {
+    const handler = react_1.default.useCallback((event) => {
         if (screenfull_1.default.isFullscreen && model.state.stackRef.current) {
             canvas_kit_popup_stack_1.PopupStack.transferToCurrentContext({
                 element: model.state.stackRef.current,
@@ -26,14 +26,14 @@ exports.useTransferOnFullscreenEnter = common_1.createElemPropsHook(usePopupMode
             });
         }
     }, [model.state.stackRef, model.state.targetRef]);
-    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);
             };
         }