@zendeskgarden/react-pagination 8.62.0 → 8.62.2

package/dist/index.cjs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var PropTypes = require('prop-types');
 var styled = require('styled-components');
@@ -17,7 +15,7 @@ var containerUtilities = require('@zendeskgarden/container-utilities');
 var reactTheming = require('@zendeskgarden/react-theming');
 var polished = require('polished');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -33,14 +31,13 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function (target) {
@@ -58,9 +55,9 @@ function _extends$4() {
 }
 
 const COMPONENT_ID$6 = 'pagination.pagination_view';
-const StyledPagination = styled__default["default"].ul.attrs({
+const StyledPagination = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledPagination",
   componentId: "sc-1b7nye9-0"
@@ -90,9 +87,9 @@ const sizeStyles$2 = props => {
   const padding = `${props.theme.space.base * 1.5}px`;
   return styled.css(["padding:0 ", ";height:", ";line-height:", ";font-size:", ";"], padding, height, lineHeight, fontSize);
 };
-const StyledPageBase = styled__default["default"].li.attrs({
+const StyledPageBase = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-lw1w9j-0"
@@ -106,9 +103,9 @@ const sizeStyles$1 = props => {
   const height = `${props.theme.space.base * 8}px`;
   return styled.css(["min-width:", ";max-width:", ";&[aria-current='true']{max-width:none;}"], height, polished.math(`${height} * 2`));
 };
-const StyledPage = styled__default["default"](StyledPageBase).attrs({
+const StyledPage = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-1k0een3-0"
@@ -118,9 +115,9 @@ StyledPage.defaultProps = {
 };
 
 const COMPONENT_ID$3 = 'cursor_pagination';
-const StyledCursorPagination = styled__default["default"].nav.attrs({
+const StyledCursorPagination = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -130,9 +127,9 @@ StyledCursorPagination.defaultProps = {
 };
 
 const COMPONENT_ID$2 = 'cursor_pagination.cursor';
-const StyledCursor = styled__default["default"](StyledPageBase).attrs({
+const StyledCursor = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.0',
+  'data-garden-version': '8.62.2',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -153,7 +150,7 @@ const marginStyles = props => {
   }
   return styled.css(["margin-", ":", "px;"], type === 'first' || type === 'previous' ? 'right' : 'left', margin);
 };
-const StyledIcon = styled__default["default"](_ref => {
+const StyledIcon = styled__default.default(_ref => {
   let {
     children,
     ...props
@@ -174,9 +171,9 @@ const sizeStyles = props => {
   const fontSize = polished.math(`${props.theme.fontSizes.md} + ${shift}`);
   return styled.css(["margin-top:", ";font-size:", ";"], marginTop, fontSize);
 };
-const StyledGap = styled__default["default"](StyledPage).attrs({
+const StyledGap = styled__default.default(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledGap",
   componentId: "sc-1hqjltf-0"
@@ -186,9 +183,9 @@ StyledGap.defaultProps = {
 };
 
 const COMPONENT_ID = 'pagination.navigation';
-const StyledNavigation = styled__default["default"](StyledPage).attrs({
+const StyledNavigation = styled__default.default(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"
@@ -238,10 +235,10 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
 const PreviousComponent$1 = React.forwardRef((props, ref) => {
   const ariaLabel = reactTheming.useText(PreviousComponent$1, props, 'aria-label', 'Previous page');
   const theme = React.useContext(styled.ThemeContext);
-  return React__default["default"].createElement(StyledNavigation, _extends$4({}, props, {
+  return React__namespace.default.createElement(StyledNavigation, _extends$4({}, props, {
     "aria-label": ariaLabel,
     ref: ref
-  }), theme.rtl ? React__default["default"].createElement(SvgChevronRightStroke, null) : React__default["default"].createElement(SvgChevronLeftStroke, null));
+  }), theme.rtl ? React__namespace.default.createElement(SvgChevronRightStroke, null) : React__namespace.default.createElement(SvgChevronLeftStroke, null));
 });
 PreviousComponent$1.displayName = 'Pagination.Previous';
 const Previous$1 = PreviousComponent$1;
@@ -249,10 +246,10 @@ const Previous$1 = PreviousComponent$1;
 const NextComponent$1 = React.forwardRef((props, ref) => {
   const ariaLabel = reactTheming.useText(NextComponent$1, props, 'aria-label', 'Next page');
   const theme = React.useContext(styled.ThemeContext);
-  return React__default["default"].createElement(StyledNavigation, _extends$4({}, props, {
+  return React__namespace.default.createElement(StyledNavigation, _extends$4({}, props, {
     "aria-label": ariaLabel,
     ref: ref
-  }), theme.rtl ? React__default["default"].createElement(SvgChevronLeftStroke, null) : React__default["default"].createElement(SvgChevronRightStroke, null));
+  }), theme.rtl ? React__namespace.default.createElement(SvgChevronLeftStroke, null) : React__namespace.default.createElement(SvgChevronRightStroke, null));
 });
 NextComponent$1.displayName = 'Pagination.Next';
 const Next$1 = NextComponent$1;
@@ -260,7 +257,7 @@ const Next$1 = NextComponent$1;
 const PageComponent = React.forwardRef((props, ref) => {
   const text = props['aria-current'] ? `Current page, page ${props.children}` : `Page ${props.children}`;
   const ariaLabel = reactTheming.useText(PageComponent, props, 'aria-label', text);
-  return React__default["default"].createElement(StyledPage, _extends$4({}, props, {
+  return React__namespace.default.createElement(StyledPage, _extends$4({}, props, {
     "aria-label": ariaLabel,
     ref: ref
   }));
@@ -268,7 +265,7 @@ const PageComponent = React.forwardRef((props, ref) => {
 PageComponent.displayName = 'Pagination.Page';
 const Page = PageComponent;
 
-const GapComponent = React.forwardRef((props, ref) => React__default["default"].createElement(StyledGap, _extends$4({}, props, {
+const GapComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledGap, _extends$4({}, props, {
   ref: ref
 }), "\u2026"));
 GapComponent.displayName = 'Pagination.Gap';
@@ -333,7 +330,7 @@ const Pagination = React.forwardRef((_ref, ref) => {
   };
   const renderPreviousPage = () => {
     const isFirstPageSelected = totalPages > 0 && currentPage === 1;
-    const focusRef = React__default["default"].createRef();
+    const focusRef = React__namespace.default.createRef();
     const props = isFirstPageSelected ?
     {
       hidden: true
@@ -346,7 +343,7 @@ const Pagination = React.forwardRef((_ref, ref) => {
       }),
       'aria-label': undefined
     };
-    return React__default["default"].createElement(Previous$1, _extends$4({
+    return React__namespace.default.createElement(Previous$1, _extends$4({
       isFocused: focusedItem === PREVIOUS_KEY
     }, getTransformedProps('previous', props), {
       ref: focusRef
@@ -354,7 +351,7 @@ const Pagination = React.forwardRef((_ref, ref) => {
   };
   const renderNextPage = () => {
     const isLastPageSelected = currentPage === totalPages;
-    const focusRef = React__default["default"].createRef();
+    const focusRef = React__namespace.default.createRef();
     const props = isLastPageSelected ?
     {
       hidden: true
@@ -367,17 +364,17 @@ const Pagination = React.forwardRef((_ref, ref) => {
       }),
       'aria-label': undefined
     };
-    return React__default["default"].createElement(Next$1, _extends$4({
+    return React__namespace.default.createElement(Next$1, _extends$4({
       isFocused: focusedItem === NEXT_KEY
     }, getTransformedProps('next', props), {
       ref: focusRef
     }));
   };
-  const createGap = pageIndex => React__default["default"].createElement(Gap, _extends$4({
+  const createGap = pageIndex => React__namespace.default.createElement(Gap, _extends$4({
     key: `gap-${pageIndex}`
   }, getTransformedProps('gap')));
   const createPage = pageIndex => {
-    const focusRef = React__default["default"].createRef();
+    const focusRef = React__namespace.default.createRef();
     const props = {
       ...getPageProps({
         'aria-label': '',
@@ -388,7 +385,7 @@ const Pagination = React.forwardRef((_ref, ref) => {
       'aria-label': undefined,
       title: pageIndex
     };
-    return React__default["default"].createElement(Page, _extends$4({
+    return React__namespace.default.createElement(Page, _extends$4({
       key: pageIndex
     }, getTransformedProps('page', props, pageIndex), {
       ref: focusRef
@@ -438,19 +435,19 @@ const Pagination = React.forwardRef((_ref, ref) => {
     }
     return pages;
   };
-  return React__default["default"].createElement(StyledPagination, _extends$4({}, getContainerProps({
+  return React__namespace.default.createElement(StyledPagination, _extends$4({}, getContainerProps({
     role: null
   }), otherProps, {
     ref: ref
   }), renderPreviousPage(), totalPages > 0 && renderPages(), renderNextPage());
 });
 Pagination.propTypes = {
-  currentPage: PropTypes__default["default"].number.isRequired,
-  totalPages: PropTypes__default["default"].number.isRequired,
-  pagePadding: PropTypes__default["default"].number,
-  pageGap: PropTypes__default["default"].number,
-  onChange: PropTypes__default["default"].func,
-  transformPageProps: PropTypes__default["default"].func
+  currentPage: PropTypes__default.default.number.isRequired,
+  totalPages: PropTypes__default.default.number.isRequired,
+  pagePadding: PropTypes__default.default.number,
+  pageGap: PropTypes__default.default.number,
+  onChange: PropTypes__default.default.func,
+  transformPageProps: PropTypes__default.default.func
 };
 Pagination.defaultProps = {
   pagePadding: 2,
@@ -482,11 +479,11 @@ const FirstComponent = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(StyledCursor, _extends$4({
+  return React__namespace.default.createElement(StyledCursor, _extends$4({
     ref: ref
-  }, other), React__default["default"].createElement(StyledIcon, {
+  }, other), React__namespace.default.createElement(StyledIcon, {
     type: "first"
-  }, React__default["default"].createElement(SvgChevronDoubleLeftStroke, null)), React__default["default"].createElement("span", null, children));
+  }, React__namespace.default.createElement(SvgChevronDoubleLeftStroke, null)), React__namespace.default.createElement("span", null, children));
 });
 FirstComponent.displayName = 'CursorPagination.First';
 const First = FirstComponent;
@@ -496,12 +493,12 @@ const NextComponent = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(StyledCursor, _extends$4({
+  return React__namespace.default.createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default["default"].createElement("span", null, children), React__default["default"].createElement(StyledIcon, {
+  }, other), React__namespace.default.createElement("span", null, children), React__namespace.default.createElement(StyledIcon, {
     type: "next"
-  }, React__default["default"].createElement(SvgChevronRightStroke, null)));
+  }, React__namespace.default.createElement(SvgChevronRightStroke, null)));
 });
 NextComponent.displayName = 'CursorPagination.Next';
 const Next = NextComponent;
@@ -511,12 +508,12 @@ const PreviousComponent = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(StyledCursor, _extends$4({
+  return React__namespace.default.createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default["default"].createElement(StyledIcon, {
+  }, other), React__namespace.default.createElement(StyledIcon, {
     type: "previous"
-  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement("span", null, children));
+  }, React__namespace.default.createElement(SvgChevronLeftStroke, null)), React__namespace.default.createElement("span", null, children));
 });
 PreviousComponent.displayName = 'CursorPagination.Previous';
 const Previous = PreviousComponent;
@@ -545,17 +542,17 @@ const LastComponent = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(StyledCursor, _extends$4({
+  return React__namespace.default.createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default["default"].createElement("span", null, children), React__default["default"].createElement(StyledIcon, {
+  }, other), React__namespace.default.createElement("span", null, children), React__namespace.default.createElement(StyledIcon, {
     type: "last"
-  }, React__default["default"].createElement(SvgChevronDoubleRightStroke, null)));
+  }, React__namespace.default.createElement(SvgChevronDoubleRightStroke, null)));
 });
 LastComponent.displayName = 'CursorPagination.Last';
 const Last = LastComponent;
 
-const CursorPaginationComponent = React.forwardRef((props, ref) => React__default["default"].createElement(StyledCursorPagination, _extends$4({
+const CursorPaginationComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledCursorPagination, _extends$4({
   ref: ref
 }, props)));
 CursorPaginationComponent.displayName = 'CursorPagination';

package/dist/index.esm.js

@@ -32,7 +32,7 @@ function _extends$4() {
 const COMPONENT_ID$6 = 'pagination.pagination_view';
 const StyledPagination = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledPagination",
   componentId: "sc-1b7nye9-0"
@@ -64,7 +64,7 @@ const sizeStyles$2 = props => {
 };
 const StyledPageBase = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-lw1w9j-0"
@@ -80,7 +80,7 @@ const sizeStyles$1 = props => {
 };
 const StyledPage = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-1k0een3-0"
@@ -92,7 +92,7 @@ StyledPage.defaultProps = {
 const COMPONENT_ID$3 = 'cursor_pagination';
 const StyledCursorPagination = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -104,7 +104,7 @@ StyledCursorPagination.defaultProps = {
 const COMPONENT_ID$2 = 'cursor_pagination.cursor';
 const StyledCursor = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.0',
+  'data-garden-version': '8.62.2',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -148,7 +148,7 @@ const sizeStyles = props => {
 };
 const StyledGap = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledGap",
   componentId: "sc-1hqjltf-0"
@@ -160,7 +160,7 @@ StyledGap.defaultProps = {
 const COMPONENT_ID = 'pagination.navigation';
 const StyledNavigation = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-pagination",
-  "version": "8.62.0",
+  "version": "8.62.2",
   "description": "Components relating to pagination in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -33,7 +33,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.62.0",
+    "@zendeskgarden/react-theming": "^8.62.2",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "f8233a46d9732497578dbea9e88f82a3d4bb3678"
+  "gitHead": "27a7d6c021f3360396af60d51ecbf66e9076a405"
 }