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

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

@@ -1,34 +1,11 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
 import { LabelText } from '@workday/canvas-kit-react/text';
 import { createComponent } from '@workday/canvas-kit-react/common';
 import { PaginationContext } from '../usePaginationModel';
-export var GoToLabel = createComponent('label')({
+export const GoToLabel = createComponent('label')({
     displayName: 'Pagination.GoToLabel',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        var model = React.useContext(PaginationContext);
-        return (React.createElement(LabelText, __assign({ ref: ref, as: Element, typeLevel: "subtext.medium", variant: "hint", whiteSpace: "nowrap" }, elemProps), typeof children === 'function' ? children(model) : children));
+    Component({ children, ...elemProps }, ref, Element) {
+        const model = React.useContext(PaginationContext);
+        return (React.createElement(LabelText, Object.assign({ ref: ref, as: Element, typeLevel: "subtext.medium", variant: "hint", whiteSpace: "nowrap" }, elemProps), typeof children === 'function' ? children(model) : children));
     },
 });

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

@@ -1,22 +1,11 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import * as React from 'react';
 import { TextInput } from '@workday/canvas-kit-react/text-input';
 import { createComponent } from '@workday/canvas-kit-react/common';
 import { GoToContext } from './useGoToForm';
-export var GoToTextInput = createComponent('input')({
+export const GoToTextInput = createComponent('input')({
     displayName: 'Pagination.GoToTextInput',
-    Component: function (elemProps, ref, Element) {
-        var inputProps = React.useContext(GoToContext).inputProps;
-        return React.createElement(TextInput, __assign({ ref: ref, as: Element, size: 1, width: 55 }, inputProps, elemProps));
+    Component(elemProps, ref, Element) {
+        const { inputProps } = React.useContext(GoToContext);
+        return React.createElement(TextInput, Object.assign({ ref: ref, as: Element, size: 1, width: 55 }, inputProps, elemProps));
     },
 });

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

@@ -1,32 +1,31 @@
 import * as React from 'react';
-export var GoToContext = React.createContext({});
-export var useGoToForm = function (_a) {
-    var _b = _a === void 0 ? {} : _a, onSubmit = _b.onSubmit, model = _b.model;
-    var _c = React.useState(model.state.currentPage), value = _c[0], setValue = _c[1];
-    React.useEffect(function () {
+export const GoToContext = React.createContext({});
+export const useGoToForm = ({ onSubmit, model } = {}) => {
+    const [value, setValue] = React.useState(model.state.currentPage);
+    React.useEffect(() => {
         if (value !== undefined && model.state.currentPage !== value) {
             setValue(model.state.currentPage);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [model.state.currentPage]);
-    var handleSubmit = function (event) {
+    const handleSubmit = (event) => {
         event.preventDefault();
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         model.events.goTo(value || 0);
     };
-    var handleChange = function (event) {
-        var formattedValue = parseInt(event.target.value, 10) || 0;
+    const handleChange = (event) => {
+        const formattedValue = parseInt(event.target.value, 10) || 0;
         setValue(formattedValue);
     };
-    var formProps = {
+    const formProps = {
         onSubmit: handleSubmit,
     };
-    var inputProps = {
-        value: value,
+    const inputProps = {
+        value,
         onChange: handleChange,
     };
     return {
-        formProps: formProps,
-        inputProps: inputProps,
+        formProps,
+        inputProps,
     };
 };

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

@@ -1,16 +1,5 @@
-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 { Flex } from '@workday/canvas-kit-react/layout';
-export var PaginationNav = function (elemProps) {
-    return (React.createElement(Flex, __assign({ as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps)));
+export const PaginationNav = (elemProps) => {
+    return (React.createElement(Flex, Object.assign({ as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps)));
 };

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

@@ -1,43 +1,20 @@
-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 { styled, useTheme, createComponent, } from '@workday/canvas-kit-react/common';
 import { borderRadius, colors, space } from '@workday/canvas-kit-react/tokens';
 import { BaseButton } from '@workday/canvas-kit-react/button';
 import { PaginationContext } from './usePaginationModel';
-var StyledPageButton = styled(BaseButton)({
+const StyledPageButton = styled(BaseButton)({
     minWidth: space.l,
     width: space.l,
     borderRadius: borderRadius.circle,
     height: space.l,
-}, function (_a) {
-    var toggled = _a.toggled;
+}, ({ toggled }) => {
     return {
         fontWeight: toggled ? 700 : 'normal',
     };
 });
-var getPaginationButtonColors = function (toggled, theme) {
-    var themePrimary = theme.canvas.palette.primary;
+const getPaginationButtonColors = (toggled, theme) => {
+    const { canvas: { palette: { primary: themePrimary }, }, } = theme;
     return {
         default: {
             background: toggled ? themePrimary.main : 'transparent',
@@ -60,18 +37,17 @@ var getPaginationButtonColors = function (toggled, theme) {
         },
     };
 };
-export var PageButton = createComponent('button')({
+export const PageButton = createComponent('button')({
     displayName: 'Pagination.PageButton',
-    Component: function (_a) {
-        var pageNumber = _a.pageNumber, children = _a.children, elemProps = __rest(_a, ["pageNumber", "children"]);
-        var model = React.useContext(PaginationContext);
-        var isCurrentPage = pageNumber === model.state.currentPage;
-        var theme = useTheme();
-        var handleClick = function (e) {
+    Component({ pageNumber, children, ...elemProps }) {
+        const model = React.useContext(PaginationContext);
+        const isCurrentPage = pageNumber === model.state.currentPage;
+        const theme = useTheme();
+        const handleClick = (e) => {
             var _a, _b;
             (_b = (_a = elemProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
             model.events.goTo(pageNumber);
         };
-        return (React.createElement(StyledPageButton, __assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
+        return (React.createElement(StyledPageButton, Object.assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
     },
 });

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

@@ -1,42 +1,18 @@
-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 { ListItem } from './common/List';
 import { Flex } from '@workday/canvas-kit-react/layout';
 import { createComponent } from '@workday/canvas-kit-react/common';
 import { PaginationContext } from './usePaginationModel';
-export var PageList = createComponent('ol')({
+export const PageList = createComponent('ol')({
     displayName: 'Pagination.PageList',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        var model = React.useContext(PaginationContext);
-        return (React.createElement(Flex, __assign({ ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", gap: "xxxs" }, elemProps), typeof children === 'function' ? children(model) : children));
+    Component({ children, ...elemProps }, ref, Element) {
+        const model = React.useContext(PaginationContext);
+        return (React.createElement(Flex, Object.assign({ ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", gap: "xxxs" }, elemProps), typeof children === 'function' ? children(model) : children));
     },
 });
-export var PageListItem = createComponent('li')({
+export const PageListItem = createComponent('li')({
     displayName: 'Pagination.PageListItem',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(ListItem, __assign({ ref: ref, as: Element }, elemProps), children));
+    Component({ children, ...elemProps }, ref, Element) {
+        return (React.createElement(ListItem, Object.assign({ ref: ref, as: Element }, elemProps), children));
     },
 });

package/dist/es6/pagination/lib/Pagination/Pagination.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 { createComponent } from '@workday/canvas-kit-react/common';
 import { Flex } from '@workday/canvas-kit-react/layout';
@@ -68,13 +46,13 @@ function useDefaultModel(model, config, fn) {
  * );
  * ```
  */
-export var Pagination = createComponent('nav')({
+export const Pagination = createComponent('nav')({
     displayName: 'Pagination',
-    Component: function (props, ref, Element) {
-        var model = useDefaultModel(props.model, props, usePaginationModel);
-        var lastPage = props.lastPage, firstPage = props.firstPage, initialCurrentPage = props.initialCurrentPage, rangeSize = props.rangeSize, onPageChange = props.onPageChange, elemProps = __rest(props, ["lastPage", "firstPage", "initialCurrentPage", "rangeSize", "onPageChange"]);
+    Component(props, ref, Element) {
+        const model = useDefaultModel(props.model, props, usePaginationModel);
+        const { lastPage, firstPage, initialCurrentPage, rangeSize, onPageChange, ...elemProps } = props;
         return (React.createElement(PaginationContext.Provider, { value: model },
-            React.createElement(Flex, __assign({ ref: ref, as: Element, display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps))));
+            React.createElement(Flex, Object.assign({ ref: ref, as: Element, display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps))));
     },
     subComponents: {
         /**
@@ -98,7 +76,7 @@ export var Pagination = createComponent('nav')({
          * <Pagination.JumpToFirstButton aria-label="First" />
          * ```
          */
-        JumpToFirstButton: JumpToFirstButton,
+        JumpToFirstButton,
         /**
          * `Pagination.StepToPreviousButton` is a {@link TertiaryButton} that renders an icon that
          * subscribes to the `Pagination` context. This allows it to know when to disable and decrement
@@ -111,7 +89,7 @@ export var Pagination = createComponent('nav')({
          * <Pagination.StepToPreviousButton aria-label="Previous" />
          * ```
          */
-        StepToPreviousButton: StepToPreviousButton,
+        StepToPreviousButton,
         /**
          * `Pagination.StepToNextButton` is a {@link TertiaryButton} that subscribes to the `Pagination`
          * context. This allows it to know when to disable and increment the `currentPage`.
@@ -123,7 +101,7 @@ export var Pagination = createComponent('nav')({
          * <Pagination.StepToNextButton aria-label="Next" />
          * ```
          */
-        StepToNextButton: StepToNextButton,
+        StepToNextButton,
         /**
          * `Pagination.JumpToLastButton` is a {@link TertiaryButton} that renders an icon that
          * subscribes to the `Pagination` context. This allows it to know when to disable and set
@@ -136,7 +114,7 @@ export var Pagination = createComponent('nav')({
          * <Pagination.JumpToLastButton aria-label="Last" />
          * ```
          */
-        JumpToLastButton: JumpToLastButton,
+        JumpToLastButton,
         /**
          * `Pagination.PageList` subscribes to the `Pagination` context. This allows it generate the
          * `range` of page numbers. It also handles spacing between the child elements.
@@ -157,7 +135,7 @@ export var Pagination = createComponent('nav')({
          * </Pagination.PageList>
          * ```
          */
-        PageList: PageList,
+        PageList,
         /**
          * `Pagination.PageListItem` provides a semantic child element for the `PageList` component and
          * is important for accessibility. It does not handle any internal business logic or state.
@@ -166,7 +144,7 @@ export var Pagination = createComponent('nav')({
          * <Pagination.PageListItem>{Child element}</Pagination.PageListItem>
          * ```
          */
-        PageListItem: PageListItem,
+        PageListItem,
         /**
          * `Pagination.PageButton` subscribes to the `Pagination` context. This allows it to update the
          * `currentPage` and set the `toggled` styling when it is the current item.
@@ -180,7 +158,7 @@ export var Pagination = createComponent('nav')({
          * Note that you must set `aria-label` to meet accessibility standards. We recommend setting it
          * to `Page ${pageNumber}` or the translated equivalent.
          */
-        PageButton: PageButton,
+        PageButton,
         /**
          * `Pagination.GoToForm` is a wrapper for a React context provider rendered as a `<form>`
          * element. Child components such as {@link GoToTextInput Pagination.GoToTextInput} and
@@ -191,7 +169,7 @@ export var Pagination = createComponent('nav')({
          * <Pagination.GoToForm>{Child elements}</Pagination.GoToForm>
          * ```
          */
-        GoToForm: GoToForm,
+        GoToForm,
         /**
          * `Pagination.GoToTextInput` is a {@link TextInput}.
          *
@@ -202,7 +180,7 @@ export var Pagination = createComponent('nav')({
          * Note that you must set `aria-label` to meet accessibility standards. We recommend setting it
          * to `Go to page number` or the translated equivalent.
          */
-        GoToTextInput: GoToTextInput,
+        GoToTextInput,
         /**
          * `Pagination.GoToLabel` subscribes to the `Pagination` context. This allows it to pass the
          * `Pagination` context to child elements.
@@ -215,7 +193,7 @@ export var Pagination = createComponent('nav')({
          * <Pagination.GoToLabel>{({state}) => `of ${state.lastPage} pages`}</Pagination.GoToLabel>
          * ```
          */
-        GoToLabel: GoToLabel,
+        GoToLabel,
         /**
          * `Pagination.AdditionalDetails` subscribes to the `Pagination` context. This allows it to pass
          * the `Pagination` context to child elements. It is also an `aria-live` region that announces
@@ -253,6 +231,6 @@ export var Pagination = createComponent('nav')({
          * </Pagination.AdditionalDetails>
          * ```
          */
-        AdditionalDetails: AdditionalDetails,
+        AdditionalDetails,
     },
 });

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

@@ -1,26 +1,20 @@
-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;
-};
-var buildRange = function (max, min) {
+const buildRange = (max, min) => {
     // `max` determines the size of the range, and `min + index` determines its values
-    return __spreadArray([], Array(max)).map(function (_, index) { return min + index; });
+    return [...Array(max)].map((_, index) => min + index);
 };
-export var buildPageRange = function (_a) {
-    var currentPage = _a.currentPage, lastPage = _a.lastPage, rangeSize = _a.rangeSize;
+export const buildPageRange = ({ currentPage, lastPage, rangeSize }) => {
     // prevent the range size exceeding the number of pages
-    var adjustedRangeSize = lastPage < rangeSize ? lastPage : rangeSize;
+    const adjustedRangeSize = lastPage < rangeSize ? lastPage : rangeSize;
     // Prevent the range from going below 1
     if (currentPage <= Math.floor(rangeSize / 2)) {
-        var rangeMin_1 = 1;
-        return buildRange(adjustedRangeSize, rangeMin_1);
+        const rangeMin = 1;
+        return buildRange(adjustedRangeSize, rangeMin);
     }
     // Prevent the range from going above the lastPage
     if (currentPage + Math.floor(adjustedRangeSize / 2) > lastPage) {
-        var rangeMin_2 = lastPage - adjustedRangeSize + 1;
-        return buildRange(adjustedRangeSize, rangeMin_2);
+        const rangeMin = lastPage - adjustedRangeSize + 1;
+        return buildRange(adjustedRangeSize, rangeMin);
     }
-    var rangeMin = currentPage - Math.floor(adjustedRangeSize / 2);
+    const rangeMin = currentPage - Math.floor(adjustedRangeSize / 2);
     return buildRange(adjustedRangeSize, rangeMin);
 };

package/dist/es6/pagination/lib/Pagination/common/List.js

@@ -1,42 +1,18 @@
-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 { Flex } from '@workday/canvas-kit-react/layout';
 import { styled, createComponent } from '@workday/canvas-kit-react/common';
-var StyledList = styled(Flex.as('ul'))({
+const StyledList = styled(Flex.as('ul'))({
     listStyle: 'none',
 });
-export var List = createComponent('ul')({
+export const List = createComponent('ul')({
     displayName: 'List',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(StyledList, __assign({ as: Element, marginY: "zero", marginX: "zero", padding: "zero", ref: ref }, elemProps), children));
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(StyledList, Object.assign({ as: Element, marginY: "zero", marginX: "zero", padding: "zero", ref: ref }, elemProps), children));
     },
 });
-export var ListItem = createComponent('li')({
+export const ListItem = createComponent('li')({
     displayName: 'ListItem',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(Flex, __assign({ as: Element, ref: ref }, elemProps), children));
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(Flex, Object.assign({ as: Element, ref: ref }, elemProps), children));
     },
 });

package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.js

@@ -1,30 +1,12 @@
-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;
-};
-export function useLiveRegion(config) {
-    if (config === void 0) { config = {}; }
-    var _a = config.shouldAnnounceToScreenReader, shouldAnnounceToScreenReader = _a === void 0 ? true : _a, restConfig = __rest(config, ["shouldAnnounceToScreenReader"]);
+export function useLiveRegion(config = {}) {
+    const { shouldAnnounceToScreenReader = true, ...restConfig } = config;
     if (shouldAnnounceToScreenReader) {
-        return __assign({ 'aria-atomic': true, 'aria-live': 'polite', role: 'status' }, restConfig);
+        return {
+            'aria-atomic': true,
+            'aria-live': 'polite',
+            role: 'status',
+            ...restConfig,
+        };
     }
     return {};
 }

package/dist/es6/pagination/lib/Pagination/common/utils/getValidChildren.js

@@ -1,6 +1,4 @@
 import * as React from 'react';
 export function getValidChildren(children) {
-    return React.Children.toArray(children).filter(function (child) {
-        return React.isValidElement(child);
-    });
+    return React.Children.toArray(children).filter(child => React.isValidElement(child));
 }

package/dist/es6/pagination/lib/Pagination/common/utils/useRTL.js

@@ -1,8 +1,8 @@
 import { useTheme, ContentDirection, } from '@workday/canvas-kit-react/common';
-export var useRTL = function (partialTheme) {
-    var theme = useTheme(partialTheme);
-    var shouldUseRTL = theme.canvas.direction === ContentDirection.RTL;
+export const useRTL = (partialTheme) => {
+    const theme = useTheme(partialTheme);
+    const shouldUseRTL = theme.canvas.direction === ContentDirection.RTL;
     return {
-        shouldUseRTL: shouldUseRTL,
+        shouldUseRTL,
     };
 };

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { buildPageRange } from './buildPageRange';
 import { getRangeMax, getRangeMin } from './common/utils/helpers';
-export var PaginationContext = React.createContext({});
-export 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) {
+export const PaginationContext = React.createContext({});
+export 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) {
@@ -13,19 +13,19 @@ export 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);
@@ -38,28 +38,28 @@ export var usePaginationModel = function (config) {
             changePage(pageNumber);
         }
     };
-    var range = buildPageRange({ currentPage: currentPage, lastPage: lastPage, rangeSize: rangeSize });
-    var rangeMin = getRangeMin(range);
-    var rangeMax = getRangeMax(range);
-    var state = {
-        firstPage: firstPage,
-        currentPage: currentPage,
-        lastPage: lastPage,
-        range: range,
-        rangeSize: rangeSize,
-        rangeMin: rangeMin,
-        rangeMax: rangeMax,
+    const range = buildPageRange({ currentPage, lastPage, rangeSize });
+    const rangeMin = getRangeMin(range);
+    const rangeMax = 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,
     };
 };