@workday/canvas-kit-react 9.0.0-alpha.368-next.6 → 9.0.0-alpha.382-next.2

package/dist/es6/popup/lib/Popper.js

@@ -1,30 +1,3 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import * as PopperJS from '@popperjs/core';
@@ -45,14 +18,13 @@ import { useLocalRef } from '@workday/canvas-kit-react/common';
  * > `div` element was rendered and that's where extra props were spread to. In v5+, you can provide
  * > your own element if you wish.
  */
-export var Popper = React.forwardRef(function (_a, ref) {
-    var _b = _a.portal, portal = _b === void 0 ? true : _b, _c = _a.open, open = _c === void 0 ? true : _c, elemProps = __rest(_a, ["portal", "open"]);
+export const Popper = React.forwardRef(({ portal = true, open = true, ...elemProps }, ref) => {
     if (!open) {
         return null;
     }
-    return React.createElement(OpenPopper, __assign({ ref: ref, portal: portal }, elemProps));
+    return React.createElement(OpenPopper, Object.assign({ ref: ref, portal: portal }, elemProps));
 });
-var getElementFromRefOrElement = function (input) {
+const getElementFromRefOrElement = (input) => {
     if (input === null) {
         return undefined;
     }
@@ -64,41 +36,43 @@ var getElementFromRefOrElement = function (input) {
     }
 };
 // prevent unnecessary renders if popperOptions are not passed
-var defaultPopperOptions = {};
+const defaultPopperOptions = {};
 // Popper bails early if `open` is false and React hooks cannot be called conditionally,
 // so we're breaking out the open version into another component.
-var OpenPopper = React.forwardRef(function (_a, ref) {
-    var anchorElement = _a.anchorElement, getAnchorClientRect = _a.getAnchorClientRect, _b = _a.popperOptions, popperOptions = _b === void 0 ? defaultPopperOptions : _b, _c = _a.placement, popperPlacement = _c === void 0 ? 'bottom' : _c, onPlacementChange = _a.onPlacementChange, children = _a.children, portal = _a.portal, popperInstanceRef = _a.popperInstanceRef;
-    var firstRender = React.useRef(true);
-    var _d = useLocalRef(popperInstanceRef), localRef = _d.localRef, elementRef = _d.elementRef;
-    var _e = React.useState(popperPlacement), placement = _e[0], setPlacement = _e[1];
-    var stackRef = usePopupStack(ref, anchorElement);
-    var placementModifier = React.useMemo(function () {
+const OpenPopper = React.forwardRef(({ anchorElement, getAnchorClientRect, popperOptions = defaultPopperOptions, placement: popperPlacement = 'bottom', onPlacementChange, children, portal, popperInstanceRef, }, ref) => {
+    const firstRender = React.useRef(true);
+    const { localRef, elementRef } = useLocalRef(popperInstanceRef);
+    const [placement, setPlacement] = React.useState(popperPlacement);
+    const stackRef = usePopupStack(ref, anchorElement);
+    const placementModifier = React.useMemo(() => {
         return {
             name: 'setPlacement',
             enabled: true,
             phase: 'main',
-            fn: function (_a) {
-                var state = _a.state;
+            fn({ state }) {
                 setPlacement(state.placement);
                 onPlacementChange === null || onPlacementChange === void 0 ? void 0 : onPlacementChange(state.placement);
             },
         };
     }, [setPlacement, onPlacementChange]);
     // useLayoutEffect prevents flashing of the popup before position is determined
-    React.useLayoutEffect(function () {
-        var anchorEl = getAnchorClientRect
+    React.useLayoutEffect(() => {
+        const anchorEl = getAnchorClientRect
             ? { getBoundingClientRect: getAnchorClientRect }
             : getElementFromRefOrElement(anchorElement !== null && anchorElement !== void 0 ? anchorElement : null);
         if (!anchorEl) {
-            console.warn("Popper: neither anchorElement or getAnchorClientRect was defined. A valid anchorElement or getAnchorClientRect callback must be provided to render a Popper");
+            console.warn(`Popper: neither anchorElement or getAnchorClientRect was defined. A valid anchorElement or getAnchorClientRect callback must be provided to render a Popper`);
             return undefined;
         }
         if (stackRef.current) {
-            var instance_1 = PopperJS.createPopper(anchorEl, stackRef.current, __assign(__assign({ placement: popperPlacement }, popperOptions), { modifiers: __spreadArray(__spreadArray([], (popperOptions.modifiers || [])), [placementModifier]) }));
-            elementRef(instance_1); // update the ref with the instance
-            return function () {
-                instance_1 === null || instance_1 === void 0 ? void 0 : instance_1.destroy();
+            const instance = PopperJS.createPopper(anchorEl, stackRef.current, {
+                placement: popperPlacement,
+                ...popperOptions,
+                modifiers: [...(popperOptions.modifiers || []), placementModifier],
+            });
+            elementRef(instance); // update the ref with the instance
+            return () => {
+                instance === null || instance === void 0 ? void 0 : instance.destroy();
             };
         }
         return undefined;
@@ -107,15 +81,19 @@ var OpenPopper = React.forwardRef(function (_a, ref) {
         // change, only if anchor or target refs change
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [anchorElement, getAnchorClientRect, stackRef]);
-    React.useLayoutEffect(function () {
+    React.useLayoutEffect(() => {
         var _a;
         // Only update options if this is _not_ the first render
         if (!firstRender.current) {
-            (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.setOptions(__assign(__assign({ placement: popperPlacement }, popperOptions), { modifiers: __spreadArray(__spreadArray([], (popperOptions.modifiers || [])), [placementModifier]) }));
+            (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.setOptions({
+                placement: popperPlacement,
+                ...popperOptions,
+                modifiers: [...(popperOptions.modifiers || []), placementModifier],
+            });
         }
         firstRender.current = false;
     }, [popperOptions, popperPlacement, placementModifier, localRef]);
-    var contents = React.createElement(React.Fragment, null, isRenderProp(children) ? children({ placement: placement }) : children);
+    const contents = React.createElement(React.Fragment, null, isRenderProp(children) ? children({ placement }) : children);
     if (!portal) {
         return contents;
     }

package/dist/es6/popup/lib/Popup.js

@@ -25,7 +25,7 @@ import { PopupBody } from './PopupBody';
  * </>
  * ```
  */
-export var Popup = createContainer()({
+export const Popup = createContainer()({
     displayName: 'Popup',
     modelHook: usePopupModel,
     subComponents: {
@@ -101,7 +101,6 @@ export var Popup = createContainer()({
          */
         CloseButton: PopupCloseButton,
     },
-})(function (_a) {
-    var children = _a.children;
+})(({ children }) => {
     return React.createElement(React.Fragment, null, children);
 });

package/dist/es6/popup/lib/PopupBody.js

@@ -1,21 +1,10 @@
-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);
-};
 import * as React from 'react';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { Card } from '@workday/canvas-kit-react/card';
 import { usePopupModel } from './hooks';
-export var PopupBody = createSubcomponent('div')({
+export const PopupBody = createSubcomponent('div')({
     displayName: 'Popup.Body',
     modelHook: usePopupModel,
-})(function (elemProps) {
-    return React.createElement(Card.Body, __assign({ overflowY: "auto", padding: "xxs" }, elemProps));
+})(elemProps => {
+    return React.createElement(Card.Body, Object.assign({ overflowY: "auto", padding: "xxs" }, elemProps));
 });

package/dist/es6/popup/lib/PopupCard.js

@@ -1,29 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
 import { keyframes } from '@emotion/react';
 import { Card } from '@workday/canvas-kit-react/card';
@@ -32,45 +6,49 @@ import { styled, getTranslateFromOrigin, useConstant, createSubcomponent, } from
 import { Flex } from '@workday/canvas-kit-react/layout';
 import { getTransformFromPlacement } from './getTransformFromPlacement';
 import { usePopupCard, usePopupModel } from './hooks';
-var popupAnimation = function (transformOrigin) {
-    var translate = getTranslateFromOrigin(transformOrigin, space.xxs);
-    return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    0% {\n      opacity: 0;\n      transform: translate(", "px, ", "px);\n    }\n    100% {\n      opacity: 1;\n      transform: translate(0);\n    }\n  "], ["\n    0% {\n      opacity: 0;\n      transform: translate(", "px, ", "px);\n    }\n    100% {\n      opacity: 1;\n      transform: translate(0);\n    }\n  "])), translate.x, translate.y);
+const popupAnimation = (transformOrigin) => {
+    const translate = getTranslateFromOrigin(transformOrigin, space.xxs);
+    return keyframes `
+    0% {
+      opacity: 0;
+      transform: translate(${translate.x}px, ${translate.y}px);
+    }
+    100% {
+      opacity: 1;
+      transform: translate(0);
+    }
+  `;
 };
-var StyledPopupCard = styled(Card)(function (_a) {
-    var _b;
-    var transformOrigin = _a.transformOrigin, theme = _a.theme;
+const StyledPopupCard = styled(Card)(({ transformOrigin, theme }) => {
     if (transformOrigin == null) {
         return {};
     }
-    return _b = {
-            animation: popupAnimation(transformOrigin),
-            animationDuration: '150ms',
-            animationTimingFunction: 'ease-out',
-            transformOrigin: transformOrigin.vertical + " " + transformOrigin.horizontal
-        },
-        _b[theme.canvas.breakpoints.down('s')] = {
+    return {
+        animation: popupAnimation(transformOrigin),
+        animationDuration: '150ms',
+        animationTimingFunction: 'ease-out',
+        transformOrigin: `${transformOrigin.vertical} ${transformOrigin.horizontal}`,
+        [theme.canvas.breakpoints.down('s')]: {
             animation: popupAnimation({ vertical: 'bottom', horizontal: 'center' }),
             animationDuration: '150ms',
             animationTimingFunction: 'ease-out',
             transformOrigin: 'bottom center',
         },
         // Allow overriding of animation in special cases
-        _b['.wd-no-animation &'] = {
+        '.wd-no-animation &': {
             animation: 'none',
         },
-        _b;
+    };
 });
-export var PopupCard = createSubcomponent('div')({
+export const PopupCard = createSubcomponent('div')({
     displayName: 'Popup.Card',
     modelHook: usePopupModel,
     elemPropsHook: usePopupCard,
-})(function (_a, Element, model) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    var transformOrigin = React.useMemo(function () {
+})(({ children, ...elemProps }, Element, model) => {
+    const transformOrigin = React.useMemo(() => {
         return getTransformFromPlacement(model.state.placement || 'bottom');
     }, [model.state.placement]);
     // As is a Flex that will render an element of `Element`
-    var As = useConstant(function () { return Flex.as(Element); });
-    return (React.createElement(StyledPopupCard, __assign({ as: As, transformOrigin: transformOrigin, position: "relative", depth: 5, maxWidth: "calc(100vw - " + space.l + ")", flexDirection: "column", minHeight: 0, padding: "m", maxHeight: "calc(100vh - " + (elemProps.margin ? space[elemProps.margin] || elemProps.margin : space.xl) + " * 2)", overflowY: "auto" }, type.levels.subtext.large, elemProps), children));
+    const As = useConstant(() => Flex.as(Element));
+    return (React.createElement(StyledPopupCard, Object.assign({ as: As, transformOrigin: transformOrigin, position: "relative", depth: 5, maxWidth: `calc(100vw - ${space.l})`, flexDirection: "column", minHeight: 0, padding: "m", maxHeight: `calc(100vh - ${elemProps.margin ? space[elemProps.margin] || elemProps.margin : space.xl} * 2)`, overflowY: "auto" }, type.levels.subtext.large, elemProps), children));
 });
-var templateObject_1;

package/dist/es6/popup/lib/PopupCloseButton.js

@@ -1,34 +1,11 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { SecondaryButton } from '@workday/canvas-kit-react/button';
 import { usePopupCloseButton, usePopupModel } from './hooks';
-export var PopupCloseButton = createSubcomponent(SecondaryButton)({
+export const PopupCloseButton = createSubcomponent(SecondaryButton)({
     displayName: 'Popup.CloseButton',
     modelHook: usePopupModel,
     elemPropsHook: usePopupCloseButton,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(Element, __assign({ type: "button" }, elemProps), children));
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(Element, Object.assign({ type: "button" }, elemProps), children));
 });

package/dist/es6/popup/lib/PopupCloseIcon.js

@@ -1,36 +1,13 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import { xIcon } from '@workday/canvas-system-icons-web';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { TertiaryButton } from '@workday/canvas-kit-react/button';
 import { space } from '@workday/canvas-kit-react/tokens';
 import { usePopupCloseButton, usePopupModel } from './hooks';
-export var PopupCloseIcon = createSubcomponent('button')({
+export const PopupCloseIcon = createSubcomponent('button')({
     displayName: 'Popup.CloseIcon',
     modelHook: usePopupModel,
     elemPropsHook: usePopupCloseButton,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(TertiaryButton, __assign({ as: Element, size: "medium", icon: xIcon, type: "button", position: "absolute", right: space.xxxs, top: space.xxxs }, elemProps)));
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(TertiaryButton, Object.assign({ as: Element, size: "medium", icon: xIcon, type: "button", position: "absolute", right: space.xxxs, top: space.xxxs }, elemProps)));
 });

package/dist/es6/popup/lib/PopupHeading.js

@@ -1,34 +1,11 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { Card } from '@workday/canvas-kit-react/card';
 import { usePopupHeading, usePopupModel } from './hooks';
-export var PopupHeading = createSubcomponent('h2')({
+export const PopupHeading = createSubcomponent('h2')({
     displayName: 'Popup.Heading',
     modelHook: usePopupModel,
     elemPropsHook: usePopupHeading,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(Card.Heading, __assign({ as: Element, marginBottom: "xxs", padding: "xxs" }, elemProps), children));
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(Card.Heading, Object.assign({ as: Element, marginBottom: "xxs", padding: "xxs" }, elemProps), children));
 });

package/dist/es6/popup/lib/PopupPopper.js

@@ -1,34 +1,11 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { usePopupModel, usePopupPopper } from './hooks';
 import { Popper } from './Popper';
-export var PopupPopper = createSubcomponent('div')({
+export const PopupPopper = createSubcomponent('div')({
     displayName: 'Popup.Popper',
     modelHook: usePopupModel,
     elemPropsHook: usePopupPopper,
-})(function (_a) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return React.createElement(Popper, __assign({}, elemProps), children);
+})(({ children, ...elemProps }) => {
+    return React.createElement(Popper, Object.assign({}, elemProps), children);
 });

package/dist/es6/popup/lib/PopupTarget.js

@@ -1,22 +1,11 @@
-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);
-};
 import * as React from 'react';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { SecondaryButton } from '@workday/canvas-kit-react/button';
 import { usePopupTarget, usePopupModel } from './hooks';
-export var PopupTarget = createSubcomponent(SecondaryButton)({
+export const PopupTarget = createSubcomponent(SecondaryButton)({
     displayName: 'Popup.Target',
     modelHook: usePopupModel,
     elemPropsHook: usePopupTarget,
-})(function (elemProps, Element) {
-    return React.createElement(Element, __assign({}, elemProps));
+})((elemProps, Element) => {
+    return React.createElement(Element, Object.assign({}, elemProps));
 });

package/dist/es6/popup/lib/getTransformFromPlacement.js

@@ -1,6 +1,6 @@
-export var getTransformFromPlacement = function (placement) {
-    var _a = placement.split('-'), first = _a[0], second = _a[1];
-    var vertical = first === 'top'
+export const getTransformFromPlacement = (placement) => {
+    const [first, second] = placement.split('-');
+    const vertical = first === 'top'
         ? 'bottom'
         : first === 'bottom'
             ? 'top'
@@ -9,7 +9,7 @@ export var getTransformFromPlacement = function (placement) {
                 : second === 'start'
                     ? 'bottom'
                     : 'center';
-    var horizontal = first === 'left'
+    const horizontal = first === 'left'
         ? 'right'
         : first === 'right'
             ? 'left'
@@ -19,7 +19,7 @@ export var getTransformFromPlacement = function (placement) {
                     ? 'right'
                     : 'center';
     return {
-        vertical: vertical,
-        horizontal: horizontal,
+        vertical,
+        horizontal,
     };
 };

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

@@ -1,6 +1,6 @@
 // refactor for v5
 /// <reference types="@types/node" />
-var candidateSelectors = [
+const candidateSelectors = [
     'input',
     'select',
     'textarea',
@@ -18,7 +18,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];
         }
@@ -29,38 +29,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);
                     });
                 }
@@ -69,14 +69,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;
@@ -90,9 +86,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();
@@ -106,7 +102,7 @@ function tabTrappingKey(event, parentElem, onlyTabbable) {
     return false;
 }
 function getTabIndex(node) {
-    var tabIndexAttr = parseInt(node.getAttribute('tabindex') || '', 10);
+    const tabIndexAttr = parseInt(node.getAttribute('tabindex') || '', 10);
     if (!isNaN(tabIndexAttr)) {
         return tabIndexAttr;
     }

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

@@ -11,8 +11,8 @@ import { usePopupModel } from './usePopupModel';
  * This should be used with popup elements that should close no matter their position in the stack
  * (i.e. Tooltips).
  */
-export var useAlwaysCloseOnOutsideClick = createElemPropsHook(usePopupModel)(function (model) {
-    var onClick = React.useCallback(function (event) {
+export const useAlwaysCloseOnOutsideClick = createElemPropsHook(usePopupModel)(model => {
+    const onClick = React.useCallback((event) => {
         if (!model.state.stackRef.current) {
             return;
         }
@@ -24,15 +24,15 @@ export var useAlwaysCloseOnOutsideClick = createElemPropsHook(usePopupModel)(fun
             model.events.hide();
         }
     }, [model.events, model.state.stackRef]);
-    var visible = model.state.visibility !== 'hidden';
-    React.useLayoutEffect(function () {
+    const visible = model.state.visibility !== 'hidden';
+    React.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]);