@papillonarts/components 0.48.0 → 0.49.1

package/build/Modern/Link/Link.d.ts

@@ -1,5 +1,5 @@
-import React, { ElementType, type ForwardedRef } from 'react';
-import { type PolymorphicProps } from '../utils/modern-polymorphic';
+import type { ElementType, ForwardedRef } from 'react';
+import type { PolymorphicProps } from '../utils/modern-polymorphic';
 import type { ComponentProps } from '../utils/types';
 type StyledLinkProps<As extends ElementType = 'a'> = {
     as?: As;
@@ -8,10 +8,10 @@ type StyledLinkProps<As extends ElementType = 'a'> = {
     muted?: boolean;
     inline?: boolean;
 };
-export declare const UnwrappedLink: <As extends ElementType = "a">(props: PolymorphicProps<As, "a", StyledLinkProps>, ref: ForwardedRef<unknown>) => import("react/jsx-runtime").JSX.Element;
-export declare const Link: (<As extends ElementType = "a">(props: (React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & StyledLinkProps<"a"> extends infer T ? T extends React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & StyledLinkProps<"a"> ? T extends unknown ? Omit<T, "as"> : never : never : never) & {
+export declare const UnwrappedLink: <As extends ElementType = "a">(props: PolymorphicProps<As, "a", StyledLinkProps>, ref: ForwardedRef<unknown>) => import("react").JSX.Element;
+export declare const Link: (<As extends ElementType = "a">(props: (import("react").ComponentPropsWithRef<ElementType extends As ? "a" : As> & StyledLinkProps<"a"> extends infer T ? T extends import("react").ComponentPropsWithRef<ElementType extends As ? "a" : As> & StyledLinkProps<"a"> ? T extends unknown ? Omit<T, "as"> : never : never : never) & {
     as?: As;
-} & React.RefAttributes<unknown>) => React.ReactNode) & {
+} & import("react").RefAttributes<unknown>) => import("react").ReactNode) & {
     displayName: string;
 };
 export type LinkProps = ComponentProps<typeof Link>;

package/build/Modern/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/Modern/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAmB,WAAW,EAAE,KAAK,YAAY,EAAqB,MAAM,OAAO,CAAA;AAEjG,OAAO,EAAE,KAAK,gBAAgB,EAAmB,MAAM,6BAA6B,CAAA;AAEpF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAGpD,KAAK,eAAe,CAAC,EAAE,SAAS,WAAW,GAAG,GAAG,IAAI;IACnD,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,EAAE,SAAS,WAAW,GAAG,GAAG,EACxD,OAAO,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,eAAe,CAAC,EACjD,KAAK,YAAY,CAAC,OAAO,CAAC,4CAmC3B,CAAA;AAID,eAAO,MAAM,IAAI,IAzCa,EAAE,SAAS,WAAW;;;;CAyCqB,CAAA;AAEzE,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/Modern/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAc,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAGpD,KAAK,eAAe,CAAC,EAAE,SAAS,WAAW,GAAG,GAAG,IAAI;IACnD,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,EAAE,SAAS,WAAW,GAAG,GAAG,EACxD,OAAO,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,eAAe,CAAC,EACjD,KAAK,YAAY,CAAC,OAAO,CAAC,gCAmC3B,CAAA;AAID,eAAO,MAAM,IAAI,IAzCa,EAAE,SAAS,WAAW;;;;CAyCqB,CAAA;AAEzE,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA"}

package/build/Modern/Link/Link.js

@@ -1,32 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnwrappedLink = exports.Link = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = require("clsx");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _hooks = require("../hooks");
 var _modernPolymorphic = require("../utils/modern-polymorphic");
 var _LinkModule = _interopRequireDefault(require("./Link.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["as", "className", "inline", "hoverColor"];
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var UnwrappedLink = exports.UnwrappedLink = function UnwrappedLink(props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'a' : _props$as,
-    className = props.className,
-    inline = props.inline,
-    hoverColor = props.hoverColor,
-    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var innerRef = (0, _react.useRef)(null);
+
+const UnwrappedLink = (props, ref) => {
+  const {
+    as: Component = 'a',
+    className,
+    inline,
+    hoverColor,
+    ...restProps
+  } = props;
+  const innerRef = (0, _react.useRef)(null);
   (0, _hooks.useRefObjectAsForwardedRef)(ref, innerRef);
   if (process.env.NODE_ENV !== 'production') {
     /**
@@ -36,22 +31,23 @@ var UnwrappedLink = exports.UnwrappedLink = function UnwrappedLink(props, ref) {
      * shaving precious bytes from the output, and avoiding mounting a noop effect
      */
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, _react.useEffect)(function () {
+    (0, _react.useEffect)(() => {
       if (innerRef.current && !(innerRef.current instanceof HTMLButtonElement) && !(innerRef.current instanceof HTMLAnchorElement)) {
         console.error('Error: Found `Link` component that renders an inaccessible element', innerRef.current, 'Please ensure `Link` always renders as <a> or <button>');
       }
     }, [innerRef]);
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
-    className: (0, _clsx.clsx)(className, _LinkModule["default"].Link),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    className: (0, _clsx.clsx)(className, _LinkModule.default.Link),
     "data-muted": restProps.muted,
     "data-inline": inline,
-    "data-hover-color": hoverColor
-  }, restProps), {}, {
+    "data-hover-color": hoverColor,
+    ...restProps,
     ref: innerRef
-  }));
+  });
 };
-var LinkComponent = (0, _modernPolymorphic.fixedForwardRef)(UnwrappedLink);
-var Link = exports.Link = Object.assign(LinkComponent, {
+exports.UnwrappedLink = UnwrappedLink;
+const LinkComponent = (0, _modernPolymorphic.fixedForwardRef)(UnwrappedLink);
+const Link = exports.Link = Object.assign(LinkComponent, {
   displayName: 'Link'
 });

package/build/Modern/Link/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Link.Link;
   }
 });

package/build/Modern/Pagination/Pagination.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { JSX, MouseEvent, ReactNode } from 'react';
 import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-import { type PageDataProps } from './Pagination.model';
+import type { PageDataProps } from './Pagination.model';
 export type PageProps = {
     key: string;
-    children: React.ReactNode;
+    children: ReactNode;
     number: number;
     className: string;
 } & Omit<PageDataProps['props'], 'as' | 'role'>;
@@ -11,12 +11,12 @@ export type PaginationProps = {
     className?: string;
     pageCount: number;
     currentPage: number;
-    onPageChange?: (e: React.MouseEvent, n: number) => void;
+    onPageChange?: (e: MouseEvent, n: number) => void;
     hrefBuilder?: (n: number) => string;
     marginPageCount?: number;
     showPages?: boolean | ResponsiveValue<boolean>;
     surroundingPageCount?: number;
-    renderPage?: (props: PageProps) => React.ReactNode;
+    renderPage?: (props: PageProps) => ReactNode;
 };
-export declare function Pagination({ className, pageCount, currentPage, onPageChange, hrefBuilder, marginPageCount, showPages, surroundingPageCount, renderPage, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Pagination({ className, pageCount, currentPage, onPageChange, hrefBuilder, marginPageCount, showPages, surroundingPageCount, renderPage, ...rest }: PaginationProps): JSX.Element;
 //# sourceMappingURL=Pagination.d.ts.map

package/build/Modern/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/Modern/Pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAElE,OAAO,EAAE,KAAK,aAAa,EAA4C,MAAM,oBAAoB,CAAA;AAejG,MAAM,MAAM,SAAS,GAAG;IAEtB,GAAG,EAAE,MAAM,CAAA;IAEX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;AAoE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CACnD,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAmB,EACnB,WAAgC,EAChC,eAAmB,EACnB,SAAgB,EAChB,oBAAwB,EACxB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,eAAe,2CAmBjB"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/Modern/Pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAElE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAgBvD,MAAM,MAAM,SAAS,GAAG;IAEtB,GAAG,EAAE,MAAM,CAAA;IAEX,QAAQ,EAAE,SAAS,CAAA;IAEnB,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;AAoE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAA;CAC7C,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAmB,EACnB,WAAgC,EAChC,eAAmB,EACnB,SAAgB,EAChB,oBAAwB,EACxB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAmB/B"}

package/build/Modern/Pagination/Pagination.js

@@ -1,29 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Pagination = Pagination;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _octiconsReact = require("@primer/octicons-react");
 var _clsx = require("clsx");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _useResponsiveValue = require("../hooks/useResponsiveValue");
 var _Pagination = require("./Pagination.model");
 var _PaginationModule = _interopRequireDefault(require("./Pagination.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "pageCount", "currentPage", "onPageChange", "hrefBuilder", "marginPageCount", "showPages", "surroundingPageCount", "renderPage"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @typescript-eslint/consistent-type-definitions */
-var getViewportRangesToHidePages = function getViewportRangesToHidePages(showPages) {
+/* eslint-disable @typescript-eslint/consistent-type-definitions */
+
+const getViewportRangesToHidePages = showPages => {
   if (showPages && typeof showPages !== 'boolean') {
-    return Object.keys(showPages).filter(function (key) {
-      return !showPages[key];
-    });
+    return Object.keys(showPages).filter(key => !showPages[key]);
   }
   if (showPages) {
     return [];
@@ -31,102 +24,96 @@ var getViewportRangesToHidePages = function getViewportRangesToHidePages(showPag
     return Object.keys(_useResponsiveValue.viewportRanges);
   }
 };
-var PageLabel = function PageLabel(_ref) {
-  var children = _ref.children,
-    direction = _ref.direction;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [direction === 'page-prev' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronLeftIcon, {}) : null, children, direction === 'page-next' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronRightIcon, {}) : null]
-  });
-};
-function usePaginationPages(_ref2) {
-  var pageCount = _ref2.pageCount,
-    currentPage = _ref2.currentPage,
-    onPageChange = _ref2.onPageChange,
-    hrefBuilder = _ref2.hrefBuilder,
-    marginPageCount = _ref2.marginPageCount,
-    showPages = _ref2.showPages,
-    surroundingPageCount = _ref2.surroundingPageCount,
-    renderPage = _ref2.renderPage;
-  var pageChange = (0, _react.useCallback)(function (n) {
-    return function (e) {
-      return onPageChange(e, n);
-    };
-  }, [onPageChange]);
-  var model = (0, _react.useMemo)(function () {
+const PageLabel = ({
+  children,
+  direction
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [direction === 'page-prev' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronLeftIcon, {}) : null, children, direction === 'page-next' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronRightIcon, {}) : null]
+});
+function usePaginationPages({
+  pageCount,
+  currentPage,
+  onPageChange,
+  hrefBuilder,
+  marginPageCount,
+  showPages,
+  surroundingPageCount,
+  renderPage
+}) {
+  const pageChange = (0, _react.useCallback)(n => e => onPageChange(e, n), [onPageChange]);
+  const model = (0, _react.useMemo)(() => {
     return (0, _Pagination.buildPaginationModel)(pageCount, currentPage, !!showPages, marginPageCount, surroundingPageCount);
   }, [pageCount, currentPage, showPages, marginPageCount, surroundingPageCount]);
-  var children = (0, _react.useMemo)(function () {
-    return model.map(function (page) {
-      var _buildComponentData = (0, _Pagination.buildComponentData)(page, hrefBuilder, pageChange(page.num)),
-        props = _buildComponentData.props,
-        key = _buildComponentData.key,
-        content = _buildComponentData.content;
+  const children = (0, _react.useMemo)(() => {
+    return model.map(page => {
+      const {
+        props,
+        key,
+        content
+      } = (0, _Pagination.buildComponentData)(page, hrefBuilder, pageChange(page.num));
       if (renderPage && props.as !== 'span') {
-        return renderPage(_objectSpread({
-          key: key,
+        return renderPage({
+          key,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PageLabel, {
             direction: key,
             children: content
           }),
           number: page.num,
-          className: _PaginationModule["default"].Page
-        }, props));
+          className: _PaginationModule.default.Page,
+          ...props
+        });
       }
-      var Component = props.as || 'a';
+      const Component = props.as || 'a';
       return (
         /*#__PURE__*/
         // @ts-ignore giving me grief about children and "as" props
-        (0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
-          className: (0, _clsx.clsx)(_PaginationModule["default"].Page)
-        }, props), {}, {
+        (0, _jsxRuntime.jsx)(Component, {
+          className: (0, _clsx.clsx)(_PaginationModule.default.Page),
+          ...props,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PageLabel, {
             direction: key,
             children: content
           })
-        }), key)
+        }, key)
       );
     });
   }, [model, hrefBuilder, pageChange, renderPage]);
   return children;
 }
-function Pagination(_ref3) {
-  var className = _ref3.className,
-    pageCount = _ref3.pageCount,
-    currentPage = _ref3.currentPage,
-    _ref3$onPageChange = _ref3.onPageChange,
-    onPageChange = _ref3$onPageChange === void 0 ? noop : _ref3$onPageChange,
-    _ref3$hrefBuilder = _ref3.hrefBuilder,
-    hrefBuilder = _ref3$hrefBuilder === void 0 ? defaultHrefBuilder : _ref3$hrefBuilder,
-    _ref3$marginPageCount = _ref3.marginPageCount,
-    marginPageCount = _ref3$marginPageCount === void 0 ? 1 : _ref3$marginPageCount,
-    _ref3$showPages = _ref3.showPages,
-    showPages = _ref3$showPages === void 0 ? true : _ref3$showPages,
-    _ref3$surroundingPage = _ref3.surroundingPageCount,
-    surroundingPageCount = _ref3$surroundingPage === void 0 ? 2 : _ref3$surroundingPage,
-    renderPage = _ref3.renderPage,
-    rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
-  var pageElements = usePaginationPages({
-    pageCount: pageCount,
-    currentPage: currentPage,
-    onPageChange: onPageChange,
-    hrefBuilder: hrefBuilder,
-    marginPageCount: marginPageCount,
-    showPages: showPages,
-    surroundingPageCount: surroundingPageCount,
-    renderPage: renderPage
+function Pagination({
+  className,
+  pageCount,
+  currentPage,
+  onPageChange = noop,
+  hrefBuilder = defaultHrefBuilder,
+  marginPageCount = 1,
+  showPages = true,
+  surroundingPageCount = 2,
+  renderPage,
+  ...rest
+}) {
+  const pageElements = usePaginationPages({
+    pageCount,
+    currentPage,
+    onPageChange,
+    hrefBuilder,
+    marginPageCount,
+    showPages,
+    surroundingPageCount,
+    renderPage
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", _objectSpread(_objectSpread({
-    className: (0, _clsx.clsx)(_PaginationModule["default"].PaginationContainer, className),
-    "aria-label": "Pagination"
-  }, rest), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
+    className: (0, _clsx.clsx)(_PaginationModule.default.PaginationContainer, className),
+    "aria-label": "Pagination",
+    ...rest,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _PaginationModule["default"].TablePaginationSteps,
+      className: _PaginationModule.default.TablePaginationSteps,
       "data-hidden-viewport-ranges": getViewportRangesToHidePages(showPages).join(' '),
       children: pageElements
     })
-  }));
+  });
 }
 function defaultHrefBuilder(pageNum) {
-  return "#".concat(pageNum);
+  return `#${pageNum}`;
 }
 function noop() {}

package/build/Modern/Pagination/Pagination.model.d.ts

@@ -1,3 +1,4 @@
+import type { MouseEvent } from 'react';
 export declare function buildPaginationModel(pageCount: number, currentPage: number, showPages: boolean, marginPageCount: number, surroundingPageCount: number): PageType[];
 interface PageType {
     type: string;
@@ -14,13 +15,13 @@ export interface PageDataProps {
         'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false' | boolean;
         'aria-hidden'?: boolean;
         'aria-disabled'?: boolean;
-        onClick?: (e: React.MouseEvent) => void;
+        onClick?: (e: MouseEvent) => void;
         as?: string;
         role?: string;
     };
     key: string;
     content: string;
 }
-export declare function buildComponentData(page: PageType, hrefBuilder: (n: number) => string, onClick: (e: React.MouseEvent) => void): PageDataProps;
+export declare function buildComponentData(page: PageType, hrefBuilder: (n: number) => string, onClick: (e: MouseEvent) => void): PageDataProps;
 export {};
 //# sourceMappingURL=Pagination.model.d.ts.map

package/build/Modern/Pagination/Pagination.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.model.d.ts","sourceRoot":"","sources":["../../../src/Modern/Pagination/Pagination.model.tsx"],"names":[],"mappings":"AACA,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,EAClB,eAAe,EAAE,MAAM,EACvB,oBAAoB,EAAE,MAAM,cAsH7B;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;QAC5F,aAAa,CAAC,EAAE,OAAO,CAAA;QACvB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;QACvC,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,EAClC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,GACrC,aAAa,CA4Df"}
+{"version":3,"file":"Pagination.model.d.ts","sourceRoot":"","sources":["../../../src/Modern/Pagination/Pagination.model.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,EAClB,eAAe,EAAE,MAAM,EACvB,oBAAoB,EAAE,MAAM,cAsH7B;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;QAC5F,aAAa,CAAC,EAAE,OAAO,CAAA;QACvB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QACjC,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,aAAa,CA4DtI"}

package/build/Modern/Pagination/Pagination.model.js

@@ -1,22 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildComponentData = buildComponentData;
 exports.buildPaginationModel = buildPaginationModel;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* eslint-disable @typescript-eslint/no-inferrable-types */
+
 function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount, surroundingPageCount) {
-  var prev = {
+  const prev = {
     type: 'PREV',
     num: currentPage - 1,
     disabled: currentPage === 1
   };
-  var next = {
+  const next = {
     type: 'NEXT',
     num: currentPage + 1,
     disabled: currentPage === pageCount
@@ -25,26 +22,27 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
     return [prev, next];
   }
   if (pageCount <= 0) {
-    return [prev, _objectSpread(_objectSpread({}, next), {}, {
+    return [prev, {
+      ...next,
       disabled: true
-    })];
+    }];
   }
-  var pages = [];
+  const pages = [];
 
   // number of pages shown on each side of the current page
   // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
   // standardGap: 3
-  var standardGap = surroundingPageCount + marginPageCount;
+  const standardGap = surroundingPageCount + marginPageCount;
 
   // the maximum number of pages that can be shown at a given time (account for current page, left and right ellipsis)
   // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
   // maxVisiblePages: 9
-  var maxVisiblePages = standardGap + standardGap + 3;
+  const maxVisiblePages = standardGap + standardGap + 3;
 
   // if the number of pages is less than the maximum number of pages that can be shown just return all of them
   if (pageCount <= maxVisiblePages) {
     addPages(1, pageCount, false);
-    return [prev].concat(pages, [next]);
+    return [prev, ...pages, next];
   }
 
   // startGap is the number of pages hidden by the start ellipsis
@@ -56,8 +54,8 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   // [1, _2_, 3, 4, 5, 6, ..., 15]
   // startGap = 0
   // startOffset: -3 <--
-  var startGap = 0;
-  var startOffset = 0;
+  let startGap = 0;
+  let startOffset = 0;
 
   // When there is overlap
   if (currentPage - standardGap - 1 <= 1) {
@@ -67,8 +65,8 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   }
 
   // These are equivalent to startGap and startOffset but at the end of the list
-  var endGap = 0;
-  var endOffset = 0;
+  let endGap = 0;
+  let endOffset = 0;
 
   // When there is overlap
   if (pageCount - currentPage - standardGap <= 1) {
@@ -76,8 +74,8 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   } else {
     endGap = pageCount - currentPage - standardGap;
   }
-  var hasStartEllipsis = startGap > 0;
-  var hasEndEllipsis = endGap > 0;
+  const hasStartEllipsis = startGap > 0;
+  const hasEndEllipsis = endGap > 0;
 
   // add pages "before" the start ellipsis (if any)
   // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
@@ -112,16 +110,15 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   // endOffset: 0
   // addPages(15, 15)
   addPages(pageCount - marginPageCount + 1, pageCount);
-  return [prev].concat(pages, [next]);
+  return [prev, ...pages, next];
   function addEllipsis(previousPage) {
     pages.push({
       type: 'BREAK',
       num: previousPage + 1
     });
   }
-  function addPages(start, end) {
-    var precedesBreak = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    for (var i = start; i <= end; i++) {
+  function addPages(start, end, precedesBreak = false) {
+    for (let i = start; i <= end; i++) {
       pages.push({
         type: 'NUM',
         num: i,
@@ -132,9 +129,9 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   }
 }
 function buildComponentData(page, hrefBuilder, onClick) {
-  var props = {};
-  var content = '';
-  var key = '';
+  const props = {};
+  let content = '';
+  let key = '';
   switch (page.type) {
     case 'PREV':
       {
@@ -152,7 +149,7 @@ function buildComponentData(page, hrefBuilder, onClick) {
             href: hrefBuilder(page.num),
             'aria-label': 'Previous Page',
             'data-testid': 'page-prev',
-            onClick: onClick
+            onClick
           });
         }
         break;
@@ -173,29 +170,29 @@ function buildComponentData(page, hrefBuilder, onClick) {
             href: hrefBuilder(page.num),
             'aria-label': 'Next Page',
             'data-testid': 'page-next',
-            onClick: onClick
+            onClick
           });
         }
         break;
       }
     case 'NUM':
       {
-        key = "page-".concat(page.num);
+        key = `page-${page.num}`;
         content = String(page.num);
         Object.assign(props, {
           href: hrefBuilder(page.num),
           // We append "..." to the aria-label for pages that preceed a break because screen readers will
           // change the tone the text is read in.
           // This is a slightly nicer experience than skipping a bunch of numbers unexpectedly.
-          'aria-label': "Page ".concat(page.num).concat(page.precedesBreak ? '...' : ''),
+          'aria-label': `Page ${page.num}${page.precedesBreak ? '...' : ''}`,
           'aria-current': page.selected ? 'page' : undefined,
-          onClick: onClick
+          onClick
         });
         break;
       }
     case 'BREAK':
       {
-        key = "page-".concat(page.num, "-break");
+        key = `page-${page.num}-break`;
         content = '…';
         Object.assign(props, {
           as: 'span',
@@ -204,8 +201,8 @@ function buildComponentData(page, hrefBuilder, onClick) {
       }
   }
   return {
-    props: props,
-    key: key,
-    content: content
+    props,
+    key,
+    content
   };
 }

package/build/Modern/Pagination/__tests__/Pagination.doc.md

@@ -11,12 +11,12 @@ export type PaginationProps = {
   className?: string
   pageCount: number
   currentPage: number
-  onPageChange?: (e: React.MouseEvent, n: number) => void
+  onPageChange?: (e: MouseEvent, n: number) => void
   hrefBuilder?: (n: number) => string
   marginPageCount?: number
   showPages?: boolean | ResponsiveValue<boolean>
   surroundingPageCount?: number
-  renderPage?: (props: PageProps) => React.ReactNode
+  renderPage?: (props: PageProps) => ReactNode
 }
 ```
 

package/build/Modern/Pagination/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Pagination.Pagination;
   }
 });

package/build/Modern/hooks/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useMedia", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMedia.useMedia;
   }
 });
 Object.defineProperty(exports, "useRefObjectAsForwardedRef", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useRefObjectAsForwardedRef.useRefObjectAsForwardedRef;
   }
 });

package/build/Modern/hooks/useMedia.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { ReactNode } from 'react';
 /**
  * `useMedia` will use the given `mediaQueryString` with `matchMedia` to
  * determine if the document matches the media query string.
@@ -15,7 +15,7 @@ import React from 'react';
 export declare function useMedia(mediaQueryString: string, defaultState?: boolean): boolean;
 type MediaQueryFeatures = Record<string, boolean | undefined>;
 interface MatchMediaProps {
-    children: React.ReactNode;
+    children: ReactNode;
     features?: MediaQueryFeatures;
 }
 /**
@@ -32,6 +32,6 @@ interface MatchMediaProps {
  *   <Children />
  * </MatchMedia>
  */
-export declare function MatchMedia({ children, features }: MatchMediaProps): import("react/jsx-runtime").JSX.Element;
+export declare function MatchMedia({ children, features }: MatchMediaProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=useMedia.d.ts.map