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

package/dist/commonjs/popup/lib/PopupCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupCard.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAKL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAO,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAKtE,oBAAY,eAAe,GAAG,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAChF,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA0CD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;EAgCpB,CAAC"}
+{"version":3,"file":"PopupCard.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAKL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAO,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAKtE,oBAAY,eAAe,GAAG,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAChF,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAuED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;EA6BpB,CAAC"}

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

@@ -1,19 +1,4 @@
 "use strict";
-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 __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]; } });
@@ -33,66 +18,86 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupCard = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("@emotion/react");
-var card_1 = require("@workday/canvas-kit-react/card");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var getTransformFromPlacement_1 = require("./getTransformFromPlacement");
-var hooks_1 = require("./hooks");
-var popupAnimation = function (transformOrigin) {
-    var translate = common_1.getTranslateFromOrigin(transformOrigin, tokens_1.space.xxs);
-    return react_1.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 React = __importStar(require("react"));
+const react_1 = require("@emotion/react");
+const card_1 = require("@workday/canvas-kit-react/card");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const getTransformFromPlacement_1 = require("./getTransformFromPlacement");
+const hooks_1 = require("./hooks");
+const popupAnimation = (transformOrigin) => {
+    const translate = common_1.getTranslateFromOrigin(transformOrigin, tokens_1.space.xxs);
+    return react_1.keyframes `
+    0% {
+      opacity: 0;
+      transform: translate(${translate.x}px, ${translate.y}px);
+    }
+    100% {
+      opacity: 1;
+      transform: translate(0);
+    }
+  `;
 };
-var StyledPopupCard = common_1.styled(card_1.Card)(function (_a) {
-    var _b;
-    var transformOrigin = _a.transformOrigin, theme = _a.theme;
+const StyledPopupCard = common_1.styled(card_1.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;
+    };
 });
+function getSpace(value) {
+    if (value && value in tokens_1.space) {
+        return tokens_1.space[value];
+    }
+    else {
+        return value;
+    }
+}
+function getMaxHeight(margin) {
+    // set the default margin offset to space.xl
+    let marginOffset = tokens_1.space.xl;
+    if (margin) {
+        // parse the margin prop
+        if (typeof margin === 'string') {
+            const marginValues = margin.split(' ');
+            const marginTop = getSpace(marginValues[0]);
+            // If provided, use the specific margin-bottom in the shorthand, otherwise use the margin-top value
+            const marginBottom = getSpace(marginValues[2]) || marginTop;
+            marginOffset = `(${marginTop} + ${marginBottom})`;
+        }
+        else {
+            // if margin is a number, double it to get the offset
+            marginOffset = `${margin * 2}px`;
+        }
+    }
+    return `calc(100vh - ${marginOffset})`;
+}
 exports.PopupCard = common_1.createSubcomponent('div')({
     displayName: 'Popup.Card',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.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_1.getTransformFromPlacement(model.state.placement || 'bottom');
     }, [model.state.placement]);
     // As is a Flex that will render an element of `Element`
-    var As = common_1.useConstant(function () { return layout_1.Flex.as(Element); });
-    return (React.createElement(StyledPopupCard, __assign({ as: As, transformOrigin: transformOrigin, position: "relative", depth: 5, maxWidth: "calc(100vw - " + tokens_1.space.l + ")", flexDirection: "column", minHeight: 0, padding: "m", maxHeight: "calc(100vh - " + (elemProps.margin ? tokens_1.space[elemProps.margin] || elemProps.margin : tokens_1.space.xl) + " * 2)", overflowY: "auto" }, tokens_1.type.levels.subtext.large, elemProps), children));
+    const As = common_1.useConstant(() => layout_1.Flex.as(Element));
+    return (React.createElement(StyledPopupCard, Object.assign({ as: As, transformOrigin: transformOrigin, position: "relative", depth: 5, maxWidth: `calc(100vw - ${tokens_1.space.l})`, flexDirection: "column", minHeight: 0, padding: "m", maxHeight: getMaxHeight(elemProps.margin), overflowY: "auto" }, tokens_1.type.levels.subtext.large, elemProps), children));
 });
-var templateObject_1;

package/dist/commonjs/popup/lib/PopupCloseButton.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface PopupCloseButtonProps {
     children?: React.ReactNode;
 }
-export declare const PopupCloseButton: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, PopupCloseButtonProps, {
+export declare const PopupCloseButton: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("@workday/canvas-kit-react/button").SecondaryButtonProps>, PopupCloseButtonProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -10,7 +10,7 @@ export declare const PopupCloseButton: import("../../common").ElementComponentM<
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/commonjs/popup/lib/PopupCloseButton.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]; } });
@@ -29,28 +18,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupCloseButton = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var button_1 = require("@workday/canvas-kit-react/button");
-var hooks_1 = require("./hooks");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const button_1 = require("@workday/canvas-kit-react/button");
+const hooks_1 = require("./hooks");
 exports.PopupCloseButton = common_1.createSubcomponent(button_1.SecondaryButton)({
     displayName: 'Popup.CloseButton',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.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/commonjs/popup/lib/PopupCloseIcon.d.ts

@@ -3,7 +3,7 @@ import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { TertiaryButton } from '@workday/canvas-kit-react/button';
 export interface PopupCloseIconProps extends ExtractProps<typeof TertiaryButton, never> {
 }
-export declare const PopupCloseIcon: import("../../common").ElementComponentM<"button", PopupCloseIconProps, {
+export declare const PopupCloseIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PopupCloseIconProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -11,7 +11,7 @@ export declare const PopupCloseIcon: import("../../common").ElementComponentM<"b
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/commonjs/popup/lib/PopupCloseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupCloseIcon.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAIL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAMhE,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,cAAc,EAAE,KAAK,CAAC;CAAG;AAQ1F,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;EAMzB,CAAC"}
+{"version":3,"file":"PopupCloseIcon.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAKhE,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,cAAc,EAAE,KAAK,CAAC;CAAG;AAE1F,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;EAiBzB,CAAC"}

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

@@ -1,47 +1,19 @@
 "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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupCloseIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var common_1 = require("@workday/canvas-kit-react/common");
-var button_1 = require("@workday/canvas-kit-react/button");
-var hooks_1 = require("./hooks");
-var closeIconSpacing = 4;
-var StyledCloseIcon = common_1.styled(button_1.TertiaryButton)({
-    position: 'absolute',
-    right: closeIconSpacing,
-    top: closeIconSpacing,
-});
+const react_1 = __importDefault(require("react"));
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const common_1 = require("@workday/canvas-kit-react/common");
+const button_1 = require("@workday/canvas-kit-react/button");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const hooks_1 = require("./hooks");
 exports.PopupCloseIcon = common_1.createSubcomponent('button')({
     displayName: 'Popup.CloseIcon',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupCloseButton,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return react_1.default.createElement(StyledCloseIcon, __assign({ as: Element, size: "medium", icon: canvas_system_icons_web_1.xIcon, type: "button" }, elemProps));
+})(({ children, ...elemProps }, Element) => {
+    return (react_1.default.createElement(button_1.TertiaryButton, Object.assign({ as: Element, size: "medium", icon: canvas_system_icons_web_1.xIcon, type: "button", position: "absolute", right: tokens_1.space.xxxs, top: tokens_1.space.xxxs }, elemProps)));
 });

package/dist/commonjs/popup/lib/PopupHeading.d.ts

@@ -4,7 +4,7 @@ import { Card } from '@workday/canvas-kit-react/card';
 export interface PopupHeadingProps extends ExtractProps<typeof Card.Heading, never> {
     children?: React.ReactNode;
 }
-export declare const PopupHeading: import("../../common").ElementComponentM<"h2", PopupHeadingProps, {
+export declare const PopupHeading: import("@workday/canvas-kit-react/common").ElementComponentM<"h2", PopupHeadingProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -12,7 +12,7 @@ export declare const PopupHeading: import("../../common").ElementComponentM<"h2"
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/commonjs/popup/lib/PopupHeading.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]; } });
@@ -29,28 +18,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupHeading = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var card_1 = require("@workday/canvas-kit-react/card");
-var hooks_1 = require("./hooks");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const card_1 = require("@workday/canvas-kit-react/card");
+const hooks_1 = require("./hooks");
 exports.PopupHeading = common_1.createSubcomponent('h2')({
     displayName: 'Popup.Heading',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupHeading,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(card_1.Card.Heading, __assign({ as: Element, marginBottom: "xxs", padding: "xxs" }, elemProps), children));
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(card_1.Card.Heading, Object.assign({ as: Element, marginBottom: "xxs", padding: "xxs" }, elemProps), children));
 });

package/dist/commonjs/popup/lib/PopupPopper.d.ts

@@ -13,7 +13,7 @@ export interface PopupPopperProps extends PopperProps {
      */
     popperOptions?: Partial<PopperOptions>;
 }
-export declare const PopupPopper: import("../../common").ElementComponentM<"div", PopupPopperProps, {
+export declare const PopupPopper: import("@workday/canvas-kit-react/common").ElementComponentM<"div", PopupPopperProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -21,7 +21,7 @@ export declare const PopupPopper: import("../../common").ElementComponentM<"div"
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/commonjs/popup/lib/PopupPopper.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]; } });
@@ -29,28 +18,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupPopper = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var hooks_1 = require("./hooks");
-var Popper_1 = require("./Popper");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const hooks_1 = require("./hooks");
+const Popper_1 = require("./Popper");
 exports.PopupPopper = common_1.createSubcomponent('div')({
     displayName: 'Popup.Popper',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupPopper,
-})(function (_a) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return React.createElement(Popper_1.Popper, __assign({}, elemProps), children);
+})(({ children, ...elemProps }) => {
+    return React.createElement(Popper_1.Popper, Object.assign({}, elemProps), children);
 });

package/dist/commonjs/popup/lib/PopupTarget.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface PopupTargetProps {
 }
-export declare const PopupTarget: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, {}, {
+export declare const PopupTarget: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("@workday/canvas-kit-react/button").SecondaryButtonProps>, {}, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -9,7 +9,7 @@ export declare const PopupTarget: import("../../common").ElementComponentM<impor
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {

package/dist/commonjs/popup/lib/PopupTarget.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,14 +20,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupTarget = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var button_1 = require("@workday/canvas-kit-react/button");
-var hooks_1 = require("./hooks");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const button_1 = require("@workday/canvas-kit-react/button");
+const hooks_1 = require("./hooks");
 exports.PopupTarget = common_1.createSubcomponent(button_1.SecondaryButton)({
     displayName: 'Popup.Target',
     modelHook: hooks_1.usePopupModel,
     elemPropsHook: hooks_1.usePopupTarget,
-})(function (elemProps, Element) {
-    return React.createElement(Element, __assign({}, elemProps));
+})((elemProps, Element) => {
+    return React.createElement(Element, Object.assign({}, elemProps));
 });

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTransformFromPlacement = void 0;
-var getTransformFromPlacement = function (placement) {
-    var _a = placement.split('-'), first = _a[0], second = _a[1];
-    var vertical = first === 'top'
+const getTransformFromPlacement = (placement) => {
+    const [first, second] = placement.split('-');
+    const vertical = first === 'top'
         ? 'bottom'
         : first === 'bottom'
             ? 'top'
@@ -12,7 +12,7 @@ var getTransformFromPlacement = function (placement) {
                 : second === 'start'
                     ? 'bottom'
                     : 'center';
-    var horizontal = first === 'left'
+    const horizontal = first === 'left'
         ? 'right'
         : first === 'right'
             ? 'left'
@@ -22,8 +22,8 @@ var getTransformFromPlacement = function (placement) {
                     ? 'right'
                     : 'center';
     return {
-        vertical: vertical,
-        horizontal: horizontal,
+        vertical,
+        horizontal,
     };
 };
 exports.getTransformFromPlacement = getTransformFromPlacement;

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

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