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

package/dist/commonjs/modal/lib/ModalHeading.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,26 +20,24 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalHeading = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var hooks_1 = require("./hooks");
-var ResponsiveModalHeading = common_1.styled(popup_1.Popup.Heading)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    var canvasTheme = common_1.getCanvasTheme(theme);
-    return _b = {},
-        _b[canvasTheme.breakpoints.down('s')] = {
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const hooks_1 = require("./hooks");
+const ResponsiveModalHeading = common_1.styled(popup_1.Popup.Heading)(({ theme }) => {
+    const { canvas: canvasTheme } = common_1.getTheme(theme);
+    return {
+        [canvasTheme.breakpoints.down('s')]: {
             marginBottom: tokens_1.space.zero,
-            padding: tokens_1.space.xxs + " " + tokens_1.space.xxs + " " + tokens_1.space.xxxs + " " + tokens_1.space.xxs,
+            padding: `${tokens_1.space.xxs} ${tokens_1.space.xxs} ${tokens_1.space.xxxs} ${tokens_1.space.xxs}`,
         },
-        _b;
+    };
 });
 exports.ModalHeading = common_1.createSubcomponent('h2')({
     displayName: 'Modal.Heading',
     modelHook: hooks_1.useModalModel,
     elemPropsHook: hooks_1.useModalHeading,
-})(function (elemProps, Element) {
-    return React.createElement(ResponsiveModalHeading, __assign({ as: Element }, elemProps));
+})((elemProps, Element) => {
+    return React.createElement(ResponsiveModalHeading, Object.assign({ as: Element }, elemProps));
 });

package/dist/commonjs/modal/lib/ModalOverflowOverlay.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]; } });
@@ -34,17 +23,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalOverflowOverlay = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var ModalOverlay_1 = require("./ModalOverlay");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var hooks_1 = require("./hooks");
-var StyledOverlay = styled_1.default(ModalOverlay_1.ModalOverlay)({
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const ModalOverlay_1 = require("./ModalOverlay");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const hooks_1 = require("./hooks");
+const StyledOverlay = styled_1.default(ModalOverlay_1.ModalOverlay)({
     '& > div': { maxHeight: 'inherit' }, // reset maxHeight of centering div
 });
 exports.ModalOverflowOverlay = common_1.createSubcomponent('div')({
     displayName: 'Modal.OverflowOverlay',
     modelHook: hooks_1.useModalModel,
-})(function (elemProps, Element) {
-    return React.createElement(StyledOverlay, __assign({ as: Element, overflowX: "hidden", overflowY: "auto" }, elemProps));
+})((elemProps, Element) => {
+    return React.createElement(StyledOverlay, Object.assign({ as: Element, overflowX: "hidden", overflowY: "auto" }, elemProps));
 });

package/dist/commonjs/modal/lib/ModalOverlay.js

@@ -1,41 +1,33 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useModalOverlay = exports.ModalOverlay = void 0;
-var react_1 = __importDefault(require("react"));
-var react_dom_1 = __importDefault(require("react-dom"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var react_2 = require("@emotion/react");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var hooks_1 = require("./hooks");
-var fadeIn = react_2.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    background: none;\n  }\n  to {\n    background: rgba(0,0,0,0.65);\n  }\n"], ["\n  from {\n    background: none;\n  }\n  to {\n    background: rgba(0,0,0,0.65);\n  }\n"])));
-var Container = styled_1.default(layout_1.Box)({
+const react_1 = __importDefault(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const react_2 = require("@emotion/react");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const hooks_1 = require("./hooks");
+const fadeIn = react_2.keyframes `
+  from {
+    background: none;
+  }
+  to {
+    background: rgba(0,0,0,0.65);
+  }
+`;
+const Container = styled_1.default(layout_1.Box)({
     position: 'fixed',
     top: 0,
     left: 0,
     width: '100vw',
     height: '100vh',
     background: 'rgba(0,0,0,0.65)',
-    animationName: "" + fadeIn,
+    animationName: `${fadeIn}`,
     animationDuration: '0.3s',
     // Allow overriding of animation in special cases
     '.wd-no-animation &': {
@@ -46,47 +38,43 @@ var Container = styled_1.default(layout_1.Box)({
 // positioning, but seems to when using flexbox centering. This messes up Popper calculations inside
 // the Modal. The centering container forces a "center" pixel calculation by making sure the width
 // is always an even number
-var ResponsiveContainer = styled_1.default('div')(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    var canvasTheme = common_1.getCanvasTheme(theme);
-    return _b = {
-            maxHeight: '100vh',
-            display: 'flex',
-            position: 'absolute',
-            left: 0,
-            top: 0,
-            justifyContent: 'center',
-            alignItems: 'center',
-            height: '100vh'
-        },
-        _b[canvasTheme.breakpoints.down('s')] = {
+const ResponsiveContainer = styled_1.default('div')(({ theme }) => {
+    const { canvas: canvasTheme } = common_1.getTheme(theme);
+    return {
+        maxHeight: '100vh',
+        display: 'flex',
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: '100vh',
+        [canvasTheme.breakpoints.down('s')]: {
             alignItems: 'end',
         },
-        _b;
+    };
 });
 exports.ModalOverlay = common_1.createSubcomponent('div')({
     displayName: 'Modal.Overlay',
     modelHook: hooks_1.useModalModel,
-})(function (elemProps, Element, model) {
-    return model.state.visibility !== 'hidden' ? (react_1.default.createElement(OpenModalOverlay, __assign({ as: Element, model: model }, elemProps))) : null;
+})((elemProps, Element, model) => {
+    return model.state.visibility !== 'hidden' ? (react_1.default.createElement(OpenModalOverlay, Object.assign({ as: Element, model: model }, elemProps))) : null;
 });
-exports.useModalOverlay = common_1.createElemPropsHook(popup_1.usePopupModel)(function (_a, ref) {
-    var state = _a.state;
-    var elementRef = common_1.useForkRef(ref, state.stackRef);
+exports.useModalOverlay = common_1.createElemPropsHook(popup_1.usePopupModel)(({ state }, ref) => {
+    const elementRef = common_1.useForkRef(ref, state.stackRef);
     popup_1.usePopupStack(elementRef);
     return {
         // The ref should not be applied to an element. The passed ref will apply to the stackRef instead
         ref: undefined,
     };
 });
-var OpenModalOverlay = common_1.createSubcomponent('div')({
+const OpenModalOverlay = common_1.createSubcomponent('div')({
     displayName: 'Modal.OpenOverlay',
     modelHook: hooks_1.useModalModel,
     elemPropsHook: exports.useModalOverlay,
-})(function (elemProps, Element, model) {
-    var windowSize = common_1.useWindowSize();
-    var content = (react_1.default.createElement(Container, __assign({ as: Element }, elemProps),
+})((elemProps, Element, model) => {
+    const windowSize = common_1.useWindowSize();
+    const content = (react_1.default.createElement(Container, Object.assign({ as: Element }, elemProps),
         react_1.default.createElement(ResponsiveContainer
         // make sure the centering container is an even number of pixels to avoid sub-pixel
         // inaccuracies due to centering
@@ -104,4 +92,3 @@ var OpenModalOverlay = common_1.createSubcomponent('div')({
         return null;
     }
 });
-var templateObject_1;

package/dist/commonjs/modal/lib/hooks/useCloseOnOverlayClick.js

@@ -4,28 +4,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCloseOnOverlayClick = void 0;
-var react_1 = __importDefault(require("react"));
-var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
+const react_1 = __importDefault(require("react"));
+const canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
 /**
  * Registers global listener for all clicks. It will only call the PopupModel's `hide` event if the
  * click happened outside the `[role=dialog]` of an overlay component. The difference between `useCloseOnOutsideClick`
  * and `useCloseOnOverlayClick` is the Overlay is a child of a `stackRef` element and has a different
  */
-exports.useCloseOnOverlayClick = common_1.createElemPropsHook(popup_1.usePopupModel)(function (model) {
-    var modality = common_1.useModalityType();
-    var onClick = react_1.default.useCallback(function (event) {
+exports.useCloseOnOverlayClick = common_1.createElemPropsHook(popup_1.usePopupModel)(model => {
+    const modality = common_1.useModalityType();
+    const onClick = react_1.default.useCallback((event) => {
         if (!model.state.stackRef.current) {
             return;
         }
-        var elements = canvas_kit_popup_stack_1.PopupStack.getElements()
-            .filter(function (e) { return e.getAttribute('data-behavior-click-outside-close') === 'topmost'; })
-            .sort(function (a, b) { return Number(a.style.zIndex) - Number(b.style.zIndex); });
-        var dialog = model.state.stackRef.current.querySelector('[role=dialog]');
+        const elements = canvas_kit_popup_stack_1.PopupStack.getElements()
+            .filter(e => e.getAttribute('data-behavior-click-outside-close') === 'topmost')
+            .sort((a, b) => Number(a.style.zIndex) - Number(b.style.zIndex));
+        const dialog = model.state.stackRef.current.querySelector('[role=dialog]');
         // Create a list of parent elements of the dialog to detect overlay clicks
-        var elementsBetweenDialogAnBody = [];
-        var element = dialog;
+        const elementsBetweenDialogAnBody = [];
+        let element = dialog;
         while (element === null || element === void 0 ? void 0 : element.parentElement) {
             elementsBetweenDialogAnBody.push(element.parentElement);
             element = (element === null || element === void 0 ? void 0 : element.parentElement) || null;
@@ -34,19 +34,19 @@ exports.useCloseOnOverlayClick = common_1.createElemPropsHook(popup_1.usePopupMo
             modality !== 'touch' &&
             elements.length &&
             elements[elements.length - 1] === model.state.stackRef.current &&
-            elementsBetweenDialogAnBody.some(function (element) { return element === event.target; })) {
+            elementsBetweenDialogAnBody.some(element => element === event.target)) {
             model.events.hide(event);
         }
     }, [model.state.stackRef, model.events, modality]);
-    var visible = model.state.visibility !== 'hidden';
-    react_1.default.useLayoutEffect(function () {
+    const visible = model.state.visibility !== 'hidden';
+    react_1.default.useLayoutEffect(() => {
         var _a;
         if (!visible) {
             return;
         }
         document.addEventListener('mousedown', onClick);
         (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('data-behavior-click-outside-close', 'topmost');
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', onClick);
         };
     }, [model.state.stackRef, visible, onClick]);

package/dist/commonjs/modal/lib/hooks/useModalCard.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useModalCard = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-exports.useModalCard = common_1.composeHooks(popup_1.usePopupCard, common_1.createElemPropsHook(popup_1.usePopupModel)(function () {
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+exports.useModalCard = common_1.composeHooks(popup_1.usePopupCard, common_1.createElemPropsHook(popup_1.usePopupModel)(() => {
     return {
         'aria-modal': true,
     };

package/dist/commonjs/modal/lib/hooks/useModalHeading.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useModalHeading = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-exports.useModalHeading = common_1.composeHooks(popup_1.usePopupHeading, common_1.createElemPropsHook(popup_1.usePopupModel)(function (_, ref) {
-    var _a = common_1.useLocalRef(ref), elementRef = _a.elementRef, localRef = _a.localRef;
-    common_1.useMountLayout(function () {
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+exports.useModalHeading = common_1.composeHooks(popup_1.usePopupHeading, common_1.createElemPropsHook(popup_1.usePopupModel)((_, ref) => {
+    const { elementRef, localRef } = common_1.useLocalRef(ref);
+    common_1.useMountLayout(() => {
         var _a, _b, _c;
         if ((_c = (_b = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.querySelector('button')) === null || _c === void 0 ? void 0 : _c.textContent) {
             // First button is not a close icon button, set tabindex on the heading to capture initial focus
             localRef.current.setAttribute('tabindex', '0');
         }
     });
-    var onBlur = function () {
+    const onBlur = () => {
         var _a;
         (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('tabindex');
     };
     return {
         ref: elementRef,
-        onBlur: onBlur,
+        onBlur,
     };
 }));

package/dist/commonjs/modal/lib/hooks/useModalModel.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useModalModel = void 0;
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var common_1 = require("@workday/canvas-kit-react/common");
-var useCloseOnOverlayClick_1 = require("./useCloseOnOverlayClick");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const common_1 = require("@workday/canvas-kit-react/common");
+const useCloseOnOverlayClick_1 = require("./useCloseOnOverlayClick");
 exports.useModalModel = common_1.createModelHook({
     defaultConfig: popup_1.usePopupModel.defaultConfig,
     requiredConfig: popup_1.usePopupModel.requiredConfig,
     contextOverride: popup_1.usePopupModel.Context,
-})(function (config) {
-    var model = popup_1.usePopupModel(config);
+})(config => {
+    const model = popup_1.usePopupModel(config);
     popup_1.useInitialFocus(model);
     popup_1.useReturnFocus(model);
     useCloseOnOverlayClick_1.useCloseOnOverlayClick(model);

package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.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,20 @@ 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.AdditionalDetails = void 0;
-var React = __importStar(require("react"));
-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 useLiveRegion_1 = require("./common/useLiveRegion");
-var usePaginationModel_1 = require("./usePaginationModel");
-var StyledAdditionalDetails = common_1.styled(layout_1.Flex)(function (_a) {
-    var shouldHideDetails = _a.shouldHideDetails;
+const React = __importStar(require("react"));
+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 useLiveRegion_1 = require("./common/useLiveRegion");
+const usePaginationModel_1 = require("./usePaginationModel");
+const StyledAdditionalDetails = common_1.styled(layout_1.Flex)(({ shouldHideDetails }) => {
     if (shouldHideDetails) {
-        return __assign(__assign({}, common_1.accessibleHide), { marginTop: tokens_1.space.zero });
+        return {
+            ...common_1.accessibleHide,
+            marginTop: tokens_1.space.zero,
+        };
     }
     else {
         return {
@@ -61,10 +41,9 @@ var StyledAdditionalDetails = common_1.styled(layout_1.Flex)(function (_a) {
 });
 exports.AdditionalDetails = common_1.createComponent('div')({
     displayName: 'Pagination.AdditionalDetails',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, shouldAnnounceToScreenReader = _a.shouldAnnounceToScreenReader, elemProps = __rest(_a, ["children", "shouldAnnounceToScreenReader"]);
-        var model = React.useContext(usePaginationModel_1.PaginationContext);
-        var liveRegionProps = useLiveRegion_1.useLiveRegion({ shouldAnnounceToScreenReader: shouldAnnounceToScreenReader });
-        return (React.createElement(StyledAdditionalDetails, __assign({ ref: ref, as: Element }, tokens_1.type.levels.subtext.medium, { color: tokens_1.typeColors.hint }, liveRegionProps, elemProps), typeof children === 'function' ? children(model) : children));
+    Component({ children, shouldAnnounceToScreenReader, ...elemProps }, ref, Element) {
+        const model = React.useContext(usePaginationModel_1.PaginationContext);
+        const liveRegionProps = useLiveRegion_1.useLiveRegion({ shouldAnnounceToScreenReader });
+        return (React.createElement(StyledAdditionalDetails, Object.assign({ ref: ref, as: Element }, tokens_1.type.levels.subtext.medium, { color: tokens_1.typeColors.hint }, liveRegionProps, elemProps), typeof children === 'function' ? children(model) : children));
     },
 });

package/dist/commonjs/pagination/lib/Pagination/Controls.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,101 +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.JumpToLastButton = exports.StepToNextButton = exports.StepToPreviousButton = exports.JumpToFirstButton = exports.PaginationControls = void 0;
-var React = __importStar(require("react"));
-var button_1 = require("@workday/canvas-kit-react/button");
-var common_1 = require("@workday/canvas-kit-react/common");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var useRTL_1 = require("./common/utils/useRTL");
-var usePaginationModel_1 = require("./usePaginationModel");
+const React = __importStar(require("react"));
+const button_1 = require("@workday/canvas-kit-react/button");
+const common_1 = require("@workday/canvas-kit-react/common");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const useRTL_1 = require("./common/utils/useRTL");
+const usePaginationModel_1 = require("./usePaginationModel");
 exports.PaginationControls = common_1.createComponent('div')({
     displayName: 'Pagination.Controls',
-    Component: function (elemProps, ref, Element) {
-        return React.createElement(layout_1.Flex, __assign({ ref: ref, as: Element, gap: "xxxs", alignItems: "center" }, elemProps));
+    Component(elemProps, ref, Element) {
+        return React.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, gap: "xxxs", alignItems: "center" }, elemProps));
     },
 });
 exports.JumpToFirstButton = common_1.createComponent('button')({
     displayName: 'Pagination.JumpToFirstButton',
-    Component: function (_a, ref, Element) {
-        var onClick = _a.onClick, restProps = __rest(_a, ["onClick"]);
-        var model = React.useContext(usePaginationModel_1.PaginationContext);
-        var isDisabled = model.state.currentPage <= model.state.firstPage;
-        var handleClick = function (e) {
+    Component({ onClick, ...restProps }, ref, Element) {
+        const model = React.useContext(usePaginationModel_1.PaginationContext);
+        const isDisabled = model.state.currentPage <= model.state.firstPage;
+        const handleClick = (e) => {
             if (isDisabled) {
                 return;
             }
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             model.events.setCurrentPage(model.state.firstPage);
         };
-        var shouldUseRTL = useRTL_1.useRTL().shouldUseRTL;
-        var icon = shouldUseRTL ? canvas_system_icons_web_1.chevron2xRightSmallIcon : canvas_system_icons_web_1.chevron2xLeftSmallIcon;
-        return (React.createElement(button_1.TertiaryButton, __assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        const { shouldUseRTL } = useRTL_1.useRTL();
+        const icon = shouldUseRTL ? canvas_system_icons_web_1.chevron2xRightSmallIcon : canvas_system_icons_web_1.chevron2xLeftSmallIcon;
+        return (React.createElement(button_1.TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
     },
 });
 exports.StepToPreviousButton = common_1.createComponent('button')({
     displayName: 'Pagination.StepToPreviousButton',
-    Component: function (_a, ref, Element) {
-        var onClick = _a.onClick, restProps = __rest(_a, ["onClick"]);
-        var model = React.useContext(usePaginationModel_1.PaginationContext);
-        var isDisabled = model.state.currentPage <= model.state.firstPage;
-        var handleClick = function (e) {
+    Component({ onClick, ...restProps }, ref, Element) {
+        const model = React.useContext(usePaginationModel_1.PaginationContext);
+        const isDisabled = model.state.currentPage <= model.state.firstPage;
+        const handleClick = (e) => {
             if (isDisabled) {
                 return;
             }
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             model.events.setCurrentPage(model.state.currentPage - 1);
         };
-        var shouldUseRTL = useRTL_1.useRTL().shouldUseRTL;
-        var icon = shouldUseRTL ? canvas_system_icons_web_1.chevronRightSmallIcon : canvas_system_icons_web_1.chevronLeftSmallIcon;
-        return (React.createElement(button_1.TertiaryButton, __assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        const { shouldUseRTL } = useRTL_1.useRTL();
+        const icon = shouldUseRTL ? canvas_system_icons_web_1.chevronRightSmallIcon : canvas_system_icons_web_1.chevronLeftSmallIcon;
+        return (React.createElement(button_1.TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
     },
 });
 exports.StepToNextButton = common_1.createComponent('button')({
     displayName: 'Pagination.StepToNextButton',
-    Component: function (_a, ref, Element) {
-        var onClick = _a.onClick, restProps = __rest(_a, ["onClick"]);
-        var model = React.useContext(usePaginationModel_1.PaginationContext);
-        var isDisabled = model.state.currentPage >= model.state.lastPage;
-        var handleClick = function (e) {
+    Component({ onClick, ...restProps }, ref, Element) {
+        const model = React.useContext(usePaginationModel_1.PaginationContext);
+        const isDisabled = model.state.currentPage >= model.state.lastPage;
+        const handleClick = (e) => {
             if (isDisabled) {
                 return;
             }
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             model.events.setCurrentPage(model.state.currentPage + 1);
         };
-        var shouldUseRTL = useRTL_1.useRTL().shouldUseRTL;
-        var icon = shouldUseRTL ? canvas_system_icons_web_1.chevronLeftSmallIcon : canvas_system_icons_web_1.chevronRightSmallIcon;
-        return (React.createElement(button_1.TertiaryButton, __assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        const { shouldUseRTL } = useRTL_1.useRTL();
+        const icon = shouldUseRTL ? canvas_system_icons_web_1.chevronLeftSmallIcon : canvas_system_icons_web_1.chevronRightSmallIcon;
+        return (React.createElement(button_1.TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
     },
 });
 exports.JumpToLastButton = common_1.createComponent('button')({
     displayName: 'Paganation.JumpToLastButton',
-    Component: function (_a, ref, Element) {
-        var onClick = _a.onClick, restProps = __rest(_a, ["onClick"]);
-        var model = React.useContext(usePaginationModel_1.PaginationContext);
-        var isDisabled = model.state.currentPage >= model.state.lastPage;
-        var handleClick = function (e) {
+    Component({ onClick, ...restProps }, ref, Element) {
+        const model = React.useContext(usePaginationModel_1.PaginationContext);
+        const isDisabled = model.state.currentPage >= model.state.lastPage;
+        const handleClick = (e) => {
             if (isDisabled) {
                 return;
             }
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             model.events.setCurrentPage(model.state.lastPage);
         };
-        var shouldUseRTL = useRTL_1.useRTL().shouldUseRTL;
-        var icon = shouldUseRTL ? canvas_system_icons_web_1.chevron2xLeftSmallIcon : canvas_system_icons_web_1.chevron2xRightSmallIcon;
-        return (React.createElement(button_1.TertiaryButton, __assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        const { shouldUseRTL } = useRTL_1.useRTL();
+        const icon = shouldUseRTL ? canvas_system_icons_web_1.chevron2xLeftSmallIcon : canvas_system_icons_web_1.chevron2xRightSmallIcon;
+        return (React.createElement(button_1.TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
     },
 });