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

package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.js

@@ -20,14 +20,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePaginationModel = exports.PaginationContext = void 0;
-var React = __importStar(require("react"));
-var buildPageRange_1 = require("./buildPageRange");
-var helpers_1 = require("./common/utils/helpers");
+const React = __importStar(require("react"));
+const buildPageRange_1 = require("./buildPageRange");
+const helpers_1 = require("./common/utils/helpers");
 exports.PaginationContext = React.createContext({});
-var usePaginationModel = function (config) {
-    var _a = config.firstPage, firstPage = _a === void 0 ? 1 : _a, _b = config.initialCurrentPage, initialCurrentPage = _b === void 0 ? 1 : _b, lastPage = config.lastPage, _c = config.rangeSize, rangeSize = _c === void 0 ? 5 : _c, onPageChange = config.onPageChange;
-    var _d = React.useState(initialCurrentPage), currentPage = _d[0], setCurrentPage = _d[1];
-    var changePage = function (page) {
+const usePaginationModel = (config) => {
+    const { firstPage = 1, initialCurrentPage = 1, lastPage, rangeSize = 5, onPageChange } = config;
+    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);
+    const changePage = (page) => {
         // Don't fire an `onPageChange` event if the page number is the same as the current page.
         // `setCurrentPage` doesn't need this check, because React won't update the state if the values are the same.
         if (currentPage !== page) {
@@ -35,19 +35,19 @@ var usePaginationModel = function (config) {
         }
         setCurrentPage(page);
     };
-    var first = function () {
+    const first = () => {
         changePage(firstPage);
     };
-    var last = function () {
+    const last = () => {
         changePage(lastPage);
     };
-    var next = function () {
+    const next = () => {
         changePage(currentPage + 1);
     };
-    var previous = function () {
+    const previous = () => {
         changePage(currentPage - 1);
     };
-    var goTo = function (pageNumber) {
+    const goTo = (pageNumber) => {
         if (pageNumber < firstPage) {
             // a safeguard to prevent for going to a page below the range
             changePage(firstPage);
@@ -60,29 +60,29 @@ var usePaginationModel = function (config) {
             changePage(pageNumber);
         }
     };
-    var range = buildPageRange_1.buildPageRange({ currentPage: currentPage, lastPage: lastPage, rangeSize: rangeSize });
-    var rangeMin = helpers_1.getRangeMin(range);
-    var rangeMax = helpers_1.getRangeMax(range);
-    var state = {
-        firstPage: firstPage,
-        currentPage: currentPage,
-        lastPage: lastPage,
-        range: range,
-        rangeSize: rangeSize,
-        rangeMin: rangeMin,
-        rangeMax: rangeMax,
+    const range = buildPageRange_1.buildPageRange({ currentPage, lastPage, rangeSize });
+    const rangeMin = helpers_1.getRangeMin(range);
+    const rangeMax = helpers_1.getRangeMax(range);
+    const state = {
+        firstPage,
+        currentPage,
+        lastPage,
+        range,
+        rangeSize,
+        rangeMin,
+        rangeMax,
     };
-    var events = {
+    const events = {
         setCurrentPage: changePage,
-        first: first,
-        last: last,
-        next: next,
-        previous: previous,
-        goTo: goTo,
+        first,
+        last,
+        next,
+        previous,
+        goTo,
     };
     return {
-        state: state,
-        events: events,
+        state,
+        events,
     };
 };
 exports.usePaginationModel = usePaginationModel;

package/dist/commonjs/popup/lib/Popper.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,29 +18,13 @@ 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;
-};
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popper = void 0;
-var React = __importStar(require("react"));
-var ReactDOM = __importStar(require("react-dom"));
-var PopperJS = __importStar(require("@popperjs/core"));
-var hooks_1 = require("./hooks");
-var common_1 = require("@workday/canvas-kit-react/common");
+const React = __importStar(require("react"));
+const ReactDOM = __importStar(require("react-dom"));
+const PopperJS = __importStar(require("@popperjs/core"));
+const hooks_1 = require("./hooks");
+const common_1 = require("@workday/canvas-kit-react/common");
 /**
  * A thin wrapper component around the Popper.js positioning engine. For reference:
  * https://popper.js.org/. `Popper` also automatically works with the {@link PopupStack} system.
@@ -67,14 +40,13 @@ var common_1 = require("@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.
  */
-exports.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"]);
+exports.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;
     }
@@ -86,41 +58,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 = common_1.useLocalRef(popperInstanceRef), localRef = _d.localRef, elementRef = _d.elementRef;
-    var _e = React.useState(popperPlacement), placement = _e[0], setPlacement = _e[1];
-    var stackRef = hooks_1.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 } = common_1.useLocalRef(popperInstanceRef);
+    const [placement, setPlacement] = React.useState(popperPlacement);
+    const stackRef = hooks_1.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;
@@ -129,15 +103,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/commonjs/popup/lib/Popup.js

@@ -20,16 +20,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popup = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var hooks_1 = require("./hooks");
-var PopupCard_1 = require("./PopupCard");
-var PopupTarget_1 = require("./PopupTarget");
-var PopupPopper_1 = require("./PopupPopper");
-var PopupHeading_1 = require("./PopupHeading");
-var PopupCloseIcon_1 = require("./PopupCloseIcon");
-var PopupCloseButton_1 = require("./PopupCloseButton");
-var PopupBody_1 = require("./PopupBody");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const hooks_1 = require("./hooks");
+const PopupCard_1 = require("./PopupCard");
+const PopupTarget_1 = require("./PopupTarget");
+const PopupPopper_1 = require("./PopupPopper");
+const PopupHeading_1 = require("./PopupHeading");
+const PopupCloseIcon_1 = require("./PopupCloseIcon");
+const PopupCloseButton_1 = require("./PopupCloseButton");
+const PopupBody_1 = require("./PopupBody");
 /**
  * This component is a container component that has no semantic element. It provides a React Context
  * model for all Popup subcomponents. A `model` can be manually passed to subcomponents to override
@@ -123,7 +123,6 @@ exports.Popup = common_1.createContainer()({
          */
         CloseButton: PopupCloseButton_1.PopupCloseButton,
     },
-})(function (_a) {
-    var children = _a.children;
+})(({ children }) => {
     return React.createElement(React.Fragment, null, children);
 });

package/dist/commonjs/popup/lib/PopupBody.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,13 +20,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupBody = 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.PopupBody = common_1.createSubcomponent('div')({
     displayName: 'Popup.Body',
     modelHook: hooks_1.usePopupModel,
-})(function (elemProps) {
-    return React.createElement(card_1.Card.Body, __assign({ overflowY: "auto", padding: "xxs" }, elemProps));
+})(elemProps => {
+    return React.createElement(card_1.Card.Body, Object.assign({ overflowY: "auto", padding: "xxs" }, elemProps));
 });

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,59 @@ 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;
+    };
 });
 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: `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));
 });
-var templateObject_1;

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.js

@@ -1,42 +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 tokens_1 = require("@workday/canvas-kit-react/tokens");
-var hooks_1 = require("./hooks");
+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(button_1.TertiaryButton, __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)));
+})(({ 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.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));
 });