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

package/dist/es6/modal/lib/ModalCard.js

@@ -1,37 +1,23 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import * as React from 'react';
-import { createSubcomponent, styled, getCanvasTheme, } from '@workday/canvas-kit-react/common';
+import { createSubcomponent, styled, getTheme, } from '@workday/canvas-kit-react/common';
 import { space } from '@workday/canvas-kit-react/tokens';
 import { Popup } from '@workday/canvas-kit-react/popup';
 import { useModalCard, useModalModel } from './hooks';
-var ResponsiveModalCard = styled(Popup.Card)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    var canvasTheme = getCanvasTheme(theme);
-    return _b = {
-            margin: space.xl
-        },
-        _b[canvasTheme.breakpoints.down('s')] = {
+const ResponsiveModalCard = styled(Popup.Card)(({ theme }) => {
+    const { canvas: canvasTheme } = getTheme(theme);
+    return {
+        margin: space.xl,
+        [canvasTheme.breakpoints.down('s')]: {
             margin: space.s,
             padding: space.s,
             borderRadius: space.m, // 24px border radius on smaller devices.
         },
-        _b;
+    };
 });
-export var ModalCard = createSubcomponent('div')({
+export const ModalCard = createSubcomponent('div')({
     displayName: 'Modal.Card',
     modelHook: useModalModel,
     elemPropsHook: useModalCard,
-})(function (elemProps, Element) {
-    return React.createElement(ResponsiveModalCard, __assign({ as: Element, width: 440, borderWidth: 0, depth: 6 }, elemProps));
+})((elemProps, Element) => {
+    return React.createElement(ResponsiveModalCard, Object.assign({ as: Element, width: 440, borderWidth: 0, depth: 6 }, elemProps));
 });

package/dist/es6/modal/lib/ModalHeading.js

@@ -1,34 +1,21 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import * as React from 'react';
-import { createSubcomponent, getCanvasTheme, styled, } from '@workday/canvas-kit-react/common';
+import { createSubcomponent, getTheme, styled, } from '@workday/canvas-kit-react/common';
 import { Popup } from '@workday/canvas-kit-react/popup';
 import { space } from '@workday/canvas-kit-react/tokens';
 import { useModalHeading, useModalModel } from './hooks';
-var ResponsiveModalHeading = styled(Popup.Heading)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    var canvasTheme = getCanvasTheme(theme);
-    return _b = {},
-        _b[canvasTheme.breakpoints.down('s')] = {
+const ResponsiveModalHeading = styled(Popup.Heading)(({ theme }) => {
+    const { canvas: canvasTheme } = getTheme(theme);
+    return {
+        [canvasTheme.breakpoints.down('s')]: {
             marginBottom: space.zero,
-            padding: space.xxs + " " + space.xxs + " " + space.xxxs + " " + space.xxs,
+            padding: `${space.xxs} ${space.xxs} ${space.xxxs} ${space.xxs}`,
         },
-        _b;
+    };
 });
-export var ModalHeading = createSubcomponent('h2')({
+export const ModalHeading = createSubcomponent('h2')({
     displayName: 'Modal.Heading',
     modelHook: useModalModel,
     elemPropsHook: 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/es6/modal/lib/ModalOverflowOverlay.js

@@ -1,25 +1,14 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import * as React from 'react';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { ModalOverlay } from './ModalOverlay';
 import styled from '@emotion/styled';
 import { useModalModel } from './hooks';
-var StyledOverlay = styled(ModalOverlay)({
+const StyledOverlay = styled(ModalOverlay)({
     '& > div': { maxHeight: 'inherit' }, // reset maxHeight of centering div
 });
-export var ModalOverflowOverlay = createSubcomponent('div')({
+export const ModalOverflowOverlay = createSubcomponent('div')({
     displayName: 'Modal.OverflowOverlay',
     modelHook: 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/es6/modal/lib/ModalOverlay.js

@@ -1,35 +1,27 @@
-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);
-};
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { createSubcomponent, createElemPropsHook, useWindowSize, useForkRef, getCanvasTheme, } from '@workday/canvas-kit-react/common';
+import { createSubcomponent, createElemPropsHook, useWindowSize, useForkRef, getTheme, } from '@workday/canvas-kit-react/common';
 import { usePopupModel, usePopupStack } from '@workday/canvas-kit-react/popup';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { Box } from '@workday/canvas-kit-react/layout';
 import { useModalModel } from './hooks';
-var fadeIn = 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(Box)({
+const fadeIn = keyframes `
+  from {
+    background: none;
+  }
+  to {
+    background: rgba(0,0,0,0.65);
+  }
+`;
+const Container = styled(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 &': {
@@ -40,47 +32,43 @@ var Container = styled(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('div')(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    var canvasTheme = 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('div')(({ theme }) => {
+    const { canvas: canvasTheme } = 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;
+    };
 });
-export var ModalOverlay = createSubcomponent('div')({
+export const ModalOverlay = createSubcomponent('div')({
     displayName: 'Modal.Overlay',
     modelHook: useModalModel,
-})(function (elemProps, Element, model) {
-    return model.state.visibility !== 'hidden' ? (React.createElement(OpenModalOverlay, __assign({ as: Element, model: model }, elemProps))) : null;
+})((elemProps, Element, model) => {
+    return model.state.visibility !== 'hidden' ? (React.createElement(OpenModalOverlay, Object.assign({ as: Element, model: model }, elemProps))) : null;
 });
-export var useModalOverlay = createElemPropsHook(usePopupModel)(function (_a, ref) {
-    var state = _a.state;
-    var elementRef = useForkRef(ref, state.stackRef);
+export const useModalOverlay = createElemPropsHook(usePopupModel)(({ state }, ref) => {
+    const elementRef = useForkRef(ref, state.stackRef);
     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 = createSubcomponent('div')({
+const OpenModalOverlay = createSubcomponent('div')({
     displayName: 'Modal.OpenOverlay',
     modelHook: useModalModel,
     elemPropsHook: useModalOverlay,
-})(function (elemProps, Element, model) {
-    var windowSize = useWindowSize();
-    var content = (React.createElement(Container, __assign({ as: Element }, elemProps),
+})((elemProps, Element, model) => {
+    const windowSize = useWindowSize();
+    const content = (React.createElement(Container, Object.assign({ as: Element }, elemProps),
         React.createElement(ResponsiveContainer
         // make sure the centering container is an even number of pixels to avoid sub-pixel
         // inaccuracies due to centering
@@ -98,4 +86,3 @@ var OpenModalOverlay = createSubcomponent('div')({
         return null;
     }
 });
-var templateObject_1;

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

@@ -7,19 +7,19 @@ import { usePopupModel } from '@workday/canvas-kit-react/popup';
  * 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
  */
-export var useCloseOnOverlayClick = createElemPropsHook(usePopupModel)(function (model) {
-    var modality = useModalityType();
-    var onClick = React.useCallback(function (event) {
+export const useCloseOnOverlayClick = createElemPropsHook(usePopupModel)(model => {
+    const modality = useModalityType();
+    const onClick = React.useCallback((event) => {
         if (!model.state.stackRef.current) {
             return;
         }
-        var elements = 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 = 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;
@@ -28,19 +28,19 @@ export var useCloseOnOverlayClick = createElemPropsHook(usePopupModel)(function
             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.useLayoutEffect(function () {
+    const visible = model.state.visibility !== 'hidden';
+    React.useLayoutEffect(() => {
         var _a;
         if (!visible) {
             return;
         }
         document.addEventListener('mousedown', onClick);
         (_a = model.state.stackRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('data-behavior-click-outside-close', 'topmost');
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', onClick);
         };
     }, [model.state.stackRef, visible, onClick]);

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

@@ -1,6 +1,6 @@
 import { composeHooks, createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { usePopupCard, usePopupModel } from '@workday/canvas-kit-react/popup';
-export var useModalCard = composeHooks(usePopupCard, createElemPropsHook(usePopupModel)(function () {
+export const useModalCard = composeHooks(usePopupCard, createElemPropsHook(usePopupModel)(() => {
     return {
         'aria-modal': true,
     };

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

@@ -1,20 +1,20 @@
 import { composeHooks, createElemPropsHook, useLocalRef, useMountLayout, } from '@workday/canvas-kit-react/common';
 import { usePopupHeading, usePopupModel } from '@workday/canvas-kit-react/popup';
-export var useModalHeading = composeHooks(usePopupHeading, createElemPropsHook(usePopupModel)(function (_, ref) {
-    var _a = useLocalRef(ref), elementRef = _a.elementRef, localRef = _a.localRef;
-    useMountLayout(function () {
+export const useModalHeading = composeHooks(usePopupHeading, createElemPropsHook(usePopupModel)((_, ref) => {
+    const { elementRef, localRef } = useLocalRef(ref);
+    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/es6/modal/lib/hooks/useModalModel.js

@@ -1,12 +1,12 @@
 import { usePopupModel, useInitialFocus, useReturnFocus, useCloseOnEscape, useFocusTrap, useAssistiveHideSiblings, useDisableBodyScroll, } from '@workday/canvas-kit-react/popup';
 import { createModelHook } from '@workday/canvas-kit-react/common';
 import { useCloseOnOverlayClick } from './useCloseOnOverlayClick';
-export var useModalModel = createModelHook({
+export const useModalModel = createModelHook({
     defaultConfig: usePopupModel.defaultConfig,
     requiredConfig: usePopupModel.requiredConfig,
     contextOverride: usePopupModel.Context,
-})(function (config) {
-    var model = usePopupModel(config);
+})(config => {
+    const model = usePopupModel(config);
     useInitialFocus(model);
     useReturnFocus(model);
     useCloseOnOverlayClick(model);

package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js

@@ -1,35 +1,15 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
 import { type, space, typeColors } from '@workday/canvas-kit-react/tokens';
 import { accessibleHide, styled, createComponent, } from '@workday/canvas-kit-react/common';
 import { Flex } from '@workday/canvas-kit-react/layout';
 import { useLiveRegion } from './common/useLiveRegion';
 import { PaginationContext } from './usePaginationModel';
-var StyledAdditionalDetails = styled(Flex)(function (_a) {
-    var shouldHideDetails = _a.shouldHideDetails;
+const StyledAdditionalDetails = styled(Flex)(({ shouldHideDetails }) => {
     if (shouldHideDetails) {
-        return __assign(__assign({}, accessibleHide), { marginTop: space.zero });
+        return {
+            ...accessibleHide,
+            marginTop: space.zero,
+        };
     }
     else {
         return {
@@ -37,12 +17,11 @@ var StyledAdditionalDetails = styled(Flex)(function (_a) {
         };
     }
 });
-export var AdditionalDetails = createComponent('div')({
+export const AdditionalDetails = 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(PaginationContext);
-        var liveRegionProps = useLiveRegion({ shouldAnnounceToScreenReader: shouldAnnounceToScreenReader });
-        return (React.createElement(StyledAdditionalDetails, __assign({ ref: ref, as: Element }, type.levels.subtext.medium, { color: typeColors.hint }, liveRegionProps, elemProps), typeof children === 'function' ? children(model) : children));
+    Component({ children, shouldAnnounceToScreenReader, ...elemProps }, ref, Element) {
+        const model = React.useContext(PaginationContext);
+        const liveRegionProps = useLiveRegion({ shouldAnnounceToScreenReader });
+        return (React.createElement(StyledAdditionalDetails, Object.assign({ ref: ref, as: Element }, type.levels.subtext.medium, { color: typeColors.hint }, liveRegionProps, elemProps), typeof children === 'function' ? children(model) : children));
     },
 });

package/dist/es6/pagination/lib/Pagination/Controls.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
 import { TertiaryButton } from '@workday/canvas-kit-react/button';
 import { createComponent } from '@workday/canvas-kit-react/common';
@@ -27,81 +5,77 @@ import { chevronLeftSmallIcon, chevron2xLeftSmallIcon, chevronRightSmallIcon, ch
 import { Flex } from '@workday/canvas-kit-react/layout';
 import { useRTL } from './common/utils/useRTL';
 import { PaginationContext } from './usePaginationModel';
-export var PaginationControls = createComponent('div')({
+export const PaginationControls = createComponent('div')({
     displayName: 'Pagination.Controls',
-    Component: function (elemProps, ref, Element) {
-        return React.createElement(Flex, __assign({ ref: ref, as: Element, gap: "xxxs", alignItems: "center" }, elemProps));
+    Component(elemProps, ref, Element) {
+        return React.createElement(Flex, Object.assign({ ref: ref, as: Element, gap: "xxxs", alignItems: "center" }, elemProps));
     },
 });
-export var JumpToFirstButton = createComponent('button')({
+export const JumpToFirstButton = createComponent('button')({
     displayName: 'Pagination.JumpToFirstButton',
-    Component: function (_a, ref, Element) {
-        var onClick = _a.onClick, restProps = __rest(_a, ["onClick"]);
-        var model = React.useContext(PaginationContext);
-        var isDisabled = model.state.currentPage <= model.state.firstPage;
-        var handleClick = function (e) {
+    Component({ onClick, ...restProps }, ref, Element) {
+        const model = React.useContext(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().shouldUseRTL;
-        var icon = shouldUseRTL ? chevron2xRightSmallIcon : chevron2xLeftSmallIcon;
-        return (React.createElement(TertiaryButton, __assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        const { shouldUseRTL } = useRTL();
+        const icon = shouldUseRTL ? chevron2xRightSmallIcon : chevron2xLeftSmallIcon;
+        return (React.createElement(TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
     },
 });
-export var StepToPreviousButton = createComponent('button')({
+export const StepToPreviousButton = createComponent('button')({
     displayName: 'Pagination.StepToPreviousButton',
-    Component: function (_a, ref, Element) {
-        var onClick = _a.onClick, restProps = __rest(_a, ["onClick"]);
-        var model = React.useContext(PaginationContext);
-        var isDisabled = model.state.currentPage <= model.state.firstPage;
-        var handleClick = function (e) {
+    Component({ onClick, ...restProps }, ref, Element) {
+        const model = React.useContext(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().shouldUseRTL;
-        var icon = shouldUseRTL ? chevronRightSmallIcon : chevronLeftSmallIcon;
-        return (React.createElement(TertiaryButton, __assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        const { shouldUseRTL } = useRTL();
+        const icon = shouldUseRTL ? chevronRightSmallIcon : chevronLeftSmallIcon;
+        return (React.createElement(TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
     },
 });
-export var StepToNextButton = createComponent('button')({
+export const StepToNextButton = createComponent('button')({
     displayName: 'Pagination.StepToNextButton',
-    Component: function (_a, ref, Element) {
-        var onClick = _a.onClick, restProps = __rest(_a, ["onClick"]);
-        var model = React.useContext(PaginationContext);
-        var isDisabled = model.state.currentPage >= model.state.lastPage;
-        var handleClick = function (e) {
+    Component({ onClick, ...restProps }, ref, Element) {
+        const model = React.useContext(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().shouldUseRTL;
-        var icon = shouldUseRTL ? chevronLeftSmallIcon : chevronRightSmallIcon;
-        return (React.createElement(TertiaryButton, __assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        const { shouldUseRTL } = useRTL();
+        const icon = shouldUseRTL ? chevronLeftSmallIcon : chevronRightSmallIcon;
+        return (React.createElement(TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
     },
 });
-export var JumpToLastButton = createComponent('button')({
+export const JumpToLastButton = createComponent('button')({
     displayName: 'Paganation.JumpToLastButton',
-    Component: function (_a, ref, Element) {
-        var onClick = _a.onClick, restProps = __rest(_a, ["onClick"]);
-        var model = React.useContext(PaginationContext);
-        var isDisabled = model.state.currentPage >= model.state.lastPage;
-        var handleClick = function (e) {
+    Component({ onClick, ...restProps }, ref, Element) {
+        const model = React.useContext(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().shouldUseRTL;
-        var icon = shouldUseRTL ? chevron2xLeftSmallIcon : chevron2xRightSmallIcon;
-        return (React.createElement(TertiaryButton, __assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        const { shouldUseRTL } = useRTL();
+        const icon = shouldUseRTL ? chevron2xLeftSmallIcon : chevron2xRightSmallIcon;
+        return (React.createElement(TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
     },
 });

package/dist/es6/pagination/lib/Pagination/GoTo/Form.js

@@ -1,38 +1,15 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
 import { createComponent, useIsRTL } from '@workday/canvas-kit-react/common';
 import { Flex } from '@workday/canvas-kit-react/layout';
 import { PaginationContext } from '../usePaginationModel';
 import { GoToContext, useGoToForm } from './useGoToForm';
-export var GoToForm = createComponent('form')({
-    Component: function (_a, ref, Element) {
-        var children = _a.children, onSubmit = _a.onSubmit, elemProps = __rest(_a, ["children", "onSubmit"]);
-        var model = React.useContext(PaginationContext);
-        var goToContext = useGoToForm({ model: model, onSubmit: onSubmit });
-        var formProps = goToContext.formProps;
-        var shouldUseRTL = useIsRTL();
+export const GoToForm = createComponent('form')({
+    Component({ children, onSubmit, ...elemProps }, ref, Element) {
+        const model = React.useContext(PaginationContext);
+        const goToContext = useGoToForm({ model, onSubmit });
+        const { formProps } = goToContext;
+        const shouldUseRTL = useIsRTL();
         return (React.createElement(GoToContext.Provider, { value: goToContext },
-            React.createElement(Flex, __assign({ ref: ref, as: Element, alignItems: "center", gap: "xxs", paddingLeft: shouldUseRTL ? 'xxs' : undefined, paddingRight: shouldUseRTL ? 'xxs' : undefined }, formProps, elemProps), children)));
+            React.createElement(Flex, Object.assign({ ref: ref, as: Element, alignItems: "center", gap: "xxs", paddingLeft: shouldUseRTL ? 'xxs' : undefined, paddingRight: shouldUseRTL ? 'xxs' : undefined }, formProps, elemProps), children)));
     },
 });