@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/OrderedList/OrderedListBase.js

@@ -1,24 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _ItemBase = _interopRequireDefault(require("./ItemBase"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable react-native-a11y/has-valid-accessibility-role */
-
-const OrderedListBase = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import View from "react-native-web/dist/exports/View";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import ItemBase from './ItemBase';
+import { jsx as _jsx } from "react/jsx-runtime";
+const OrderedListBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     accessibilityRole: "list",
     ref: ref,
     style: staticStyles.container,
@@ -30,13 +22,12 @@ OrderedListBase.propTypes = {
   /**
    * A list of ordered items wrapped in `OrderedListBase.Item`.
    */
-  children: _propTypes.default.node.isRequired
+  children: PropTypes.node.isRequired
 };
 OrderedListBase.displayName = 'OrderedList';
-OrderedListBase.Item = _ItemBase.default;
-var _default = OrderedListBase;
-exports.default = _default;
-const staticStyles = _StyleSheet.default.create({
+OrderedListBase.Item = ItemBase;
+export default OrderedListBase;
+const staticStyles = StyleSheet.create({
   container: {
     flexDirection: 'column',
     margin: 0,

package/lib/OrderedList/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _OrderedList = _interopRequireDefault(require("./OrderedList"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _OrderedList.default;
-exports.default = _default;
+import OrderedList from './OrderedList';
+export default OrderedList;

package/lib/Pagination/PageButton.js

@@ -1,20 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ButtonBase = _interopRequireDefault(require("../Button/ButtonBase"));
-var _ThemeProvider = require("../ThemeProvider");
-var _utils = require("../utils");
-var _useCopy = _interopRequireDefault(require("../utils/useCopy"));
-var _dictionary = _interopRequireDefault(require("./dictionary"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const PageButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React, { createElement as _createElement } from 'react';
+import PropTypes from 'prop-types';
+import ButtonBase from '../Button/ButtonBase';
+import { useThemeTokensCallback } from '../ThemeProvider';
+import { a11yProps, copyPropTypes, getTokensPropType, hrefAttrsProp, linkProps, selectTokens, variantProp, withLinkRouter } from '../utils';
+import useCopy from '../utils/useCopy';
+import dictionary from './dictionary';
+const PageButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     label,
     onPress,
@@ -25,15 +16,15 @@ const PageButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     tokens,
     ...props
   } = _ref;
-  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('PaginationPageButton', tokens, variant);
-  const getCopy = (0, _useCopy.default)({
-    dictionary: _dictionary.default,
+  const getTokens = useThemeTokensCallback('PaginationPageButton', tokens, variant);
+  const getCopy = useCopy({
+    dictionary,
     copy
   });
-  const getButtonTokens = buttonState => (0, _utils.selectTokens)('Button', getTokens(buttonState));
+  const getButtonTokens = buttonState => selectTokens('Button', getTokens(buttonState));
   const activeProps = isActive ? {
     selected: true,
-    ..._utils.a11yProps.nonFocusableProps
+    ...a11yProps.nonFocusableProps
     // a brute fix for the focus state being stuck on an active item since it becomes non-focusable
     // (see https://github.com/telus/universal-design-system/pull/577#issuecomment-931344107)
   } : {};
@@ -44,7 +35,7 @@ const PageButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   const {
     hrefAttrs,
     rest
-  } = _utils.hrefAttrsProp.bundle(props);
+  } = hrefAttrsProp.bundle(props);
   const buttonProps = {
     accessibilityRole,
     accessibilityLabel,
@@ -53,7 +44,7 @@ const PageButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     hrefAttrs,
     ...rest
   };
-  return /*#__PURE__*/(0, _react.createElement)(_ButtonBase.default, {
+  return /*#__PURE__*/_createElement(ButtonBase, {
     ref: ref,
     ...buttonProps,
     tokens: getButtonTokens,
@@ -63,21 +54,20 @@ const PageButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
 });
 PageButton.displayName = 'PageButton';
 PageButton.propTypes = {
-  ..._utils.linkProps.types,
+  ...linkProps.types,
   /**
    * To set custom label for the button
    */
-  label: _propTypes.default.string,
+  label: PropTypes.string,
   /**
    * To set `PageButton` to active state
    */
-  isActive: _propTypes.default.bool,
+  isActive: PropTypes.bool,
   /**
    * To change the language for labels
    */
-  copy: _utils.copyPropTypes,
-  variant: _utils.variantProp.propType,
-  tokens: (0, _utils.getTokensPropType)('PaginationPageButton')
+  copy: copyPropTypes,
+  variant: variantProp.propType,
+  tokens: getTokensPropType('PaginationPageButton')
 };
-var _default = (0, _utils.withLinkRouter)(PageButton);
-exports.default = _default;
+export default withLinkRouter(PageButton);

package/lib/Pagination/Pagination.js

@@ -1,25 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _utils = require("../utils");
-var _ThemeProvider = require("../ThemeProvider");
-var _ViewportProvider = require("../ViewportProvider");
-var _Box = _interopRequireDefault(require("../Box"));
-var _usePagination = _interopRequireDefault(require("./usePagination"));
-var _PageButton = _interopRequireDefault(require("./PageButton"));
-var _SideButton = _interopRequireDefault(require("./SideButton"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+import React, { createElement as _createElement } from 'react';
+import PropTypes from 'prop-types';
+import View from "react-native-web/dist/exports/View";
+import Text from "react-native-web/dist/exports/Text";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import { a11yProps, componentPropType, copyPropTypes, getTokensPropType, selectSystemProps, variantProp, viewProps, withLinkRouter } from '../utils';
+import { applyTextStyles, useTheme, useThemeTokens } from '../ThemeProvider';
+import { useViewport } from '../ViewportProvider';
+import Box from '../Box';
+import usePagination from './usePagination';
+import PageButton from './PageButton';
+import SideButton from './SideButton';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
 const selectTextStyles = (_ref, themeOptions) => {
   let {
     color,
@@ -28,7 +20,7 @@ const selectTextStyles = (_ref, themeOptions) => {
     fontWeight,
     lineHeight
   } = _ref;
-  return (0, _ThemeProvider.applyTextStyles)({
+  return applyTextStyles({
     color,
     fontName,
     fontSize,
@@ -37,7 +29,7 @@ const selectTextStyles = (_ref, themeOptions) => {
     themeOptions
   });
 };
-const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const Pagination = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     children,
     copy = 'en',
@@ -47,19 +39,20 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     sideButtonTokens,
     LinkRouter,
     linkRouterProps,
+    numberOfPagesBeforeEllipsis = 4,
     ...rest
   } = _ref2;
-  const viewport = (0, _ViewportProvider.useViewport)();
+  const viewport = useViewport();
   const {
     truncateAbove,
     gap,
     ...themeTokens
-  } = (0, _ThemeProvider.useThemeTokens)('Pagination', tokens, variant, {
+  } = useThemeTokens('Pagination', tokens, variant, {
     viewport
   });
   const {
     themeOptions
-  } = (0, _ThemeProvider.useTheme)();
+  } = useTheme();
   const {
     borderColor,
     borderWidth,
@@ -74,7 +67,7 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     ellipsisBorderBottomWidth,
     ellipsisHeight
   } = themeTokens;
-  const items = _react.default.Children.toArray(children);
+  const items = React.Children.toArray(children);
   const {
     isItemActive,
     getItemProps,
@@ -84,12 +77,13 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     previousItemProps,
     shouldRenderButton,
     shouldRenderEllipsis
-  } = (0, _usePagination.default)({
+  } = usePagination({
     items,
-    truncateAbove
+    truncateAbove,
+    numberOfPagesBeforeEllipsis
   });
   const ellipsisTextStyles = selectTextStyles(themeTokens, themeOptions);
-  const ellipisContainerStyles = _StyleSheet.default.create({
+  const ellipisContainerStyles = StyleSheet.create({
     container: {
       height: ellipsisHeight,
       padding: ellipsisPadding,
@@ -106,7 +100,7 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
 
   // TODO: replace with a spacing component when https://github.com/telus/universal-design-system/pull/531 is implemented
   // concatenate all items to easily wrap them in identical spacing components
-  const buttons = [showPrevious && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SideButton.default, {
+  const buttons = [showPrevious && /*#__PURE__*/_jsx(SideButton, {
     ...previousItemProps,
     direction: "previous",
     copy: copy,
@@ -123,7 +117,7 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
       ...itemProps.linkRouterProps
     };
     if (shouldRenderButton(itemIndex)) {
-      return /*#__PURE__*/(0, _react.createElement)(_PageButton.default, {
+      return /*#__PURE__*/_createElement(PageButton, {
         ...itemProps,
         LinkRouter: ItemLinkRouter,
         linkRouterProps: itemLinkRouterProps,
@@ -134,11 +128,11 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
       });
     }
     if (shouldRenderEllipsis(itemIndex)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+      return /*#__PURE__*/_jsx(View, {
         style: {
           ...ellipisContainerStyles.container
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        children: /*#__PURE__*/_jsx(Text, {
           style: {
             ...ellipsisTextStyles
           },
@@ -147,7 +141,7 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
       }, "...");
     }
     return null;
-  }), showNext && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SideButton.default, {
+  }), showNext && /*#__PURE__*/_jsx(SideButton, {
     ...nextItemProps,
     direction: "next",
     copy: copy,
@@ -156,13 +150,13 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     LinkRouter: LinkRouter,
     linkRouterProps: linkRouterProps
   })];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     style: {
       ...staticStyles.container
     },
     ref: ref,
     ...selectProps(rest),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+    children: /*#__PURE__*/_jsx(View, {
       style: {
         borderColor,
         borderWidth,
@@ -179,7 +173,7 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
         return element !== null;
       }).map(_ref4 => {
         let [element, key] = _ref4;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        return /*#__PURE__*/_jsx(Box, {
           right: gap,
           children: element
         }, key);
@@ -188,33 +182,36 @@ const Pagination = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   });
 });
 Pagination.displayName = 'Pagination';
-_PageButton.default.displayName = 'PageButton';
-Pagination.PageButton = _PageButton.default;
+PageButton.displayName = 'PageButton';
+Pagination.PageButton = PageButton;
 Pagination.propTypes = {
   ...selectedSystemPropTypes,
-  ..._utils.withLinkRouter.propTypes,
-  children: (0, _utils.componentPropType)('PageButton'),
+  ...withLinkRouter.propTypes,
+  children: componentPropType('PageButton'),
   /**
    * To change the language for labels
    */
-  copy: _utils.copyPropTypes,
-  variant: _utils.variantProp.propType,
-  tokens: (0, _utils.getTokensPropType)('Pagination'),
+  copy: copyPropTypes,
+  variant: variantProp.propType,
+  tokens: getTokensPropType('Pagination'),
   /**
    * When passed as `{{ compact: true }}`, `Pagination` does not render labels along side buttons
    */
-  sideButtonVariant: _utils.variantProp.propType,
+  sideButtonVariant: variantProp.propType,
   /**
    * Custom tokens for `PaginationSideButton`
    */
-  sideButtonTokens: (0, _utils.getTokensPropType)('PaginationSideButton')
+  sideButtonTokens: getTokensPropType('PaginationSideButton'),
+  /**
+   * The number of pages before the ellipsis is shown
+   */
+  numberOfPagesBeforeEllipsis: PropTypes.number
 };
-const staticStyles = _StyleSheet.default.create({
+const staticStyles = StyleSheet.create({
   container: {
     flexDirection: 'row',
     flexWrap: 'wrap',
     alignItems: 'center'
   }
 });
-var _default = Pagination;
-exports.default = _default;
+export default Pagination;

package/lib/Pagination/SideButton.js

@@ -1,31 +1,25 @@
-"use strict";
+import React from 'react';
+import Text from "react-native-web/dist/exports/Text";
+import PropTypes from 'prop-types';
+import ButtonBase from '../Button/ButtonBase';
+import { IconText } from '../Icon';
+import { useThemeTokensCallback } from '../ThemeProvider';
+import { useViewport } from '../ViewportProvider';
+import { copyPropTypes, hrefAttrsProp, linkProps, selectTokens, withLinkRouter } from '../utils';
+import dictionary from './dictionary';
+import useCopy from '../utils/useCopy';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ButtonBase = _interopRequireDefault(require("../Button/ButtonBase"));
-var _Icon = require("../Icon");
-var _ThemeProvider = require("../ThemeProvider");
-var _ViewportProvider = require("../ViewportProvider");
-var _utils = require("../utils");
-var _dictionary = _interopRequireDefault(require("./dictionary"));
-var _useCopy = _interopRequireDefault(require("../utils/useCopy"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // We need to drop the icon here since it gets rendered via children and not
 // `ButtonBase` in order to tap into the state of the button; `displayLabel` flag
 // is also not needed
+import { jsx as _jsx } from "react/jsx-runtime";
 const selectButtonTokens = _ref => {
   let {
     icon: _,
     displayLabel: __,
     ...rest
   } = _ref;
-  return (0, _utils.selectTokens)('Button', rest);
+  return selectTokens('Button', rest);
 };
 const selectIconTokens = (_ref2, direction) => {
   let {
@@ -43,7 +37,7 @@ const directionToSide = {
   previous: 'left',
   next: 'right'
 };
-const SideButton = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
+const SideButton = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
     direction = 'previous',
     onPress,
@@ -53,15 +47,15 @@ const SideButton = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
     tokens,
     ...props
   } = _ref3;
-  const viewport = (0, _ViewportProvider.useViewport)();
+  const viewport = useViewport();
   const buttonVariant = {
     direction,
     viewport,
     ...variant
   };
-  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('PaginationSideButton', tokens, buttonVariant);
-  const getCopy = (0, _useCopy.default)({
-    dictionary: _dictionary.default,
+  const getTokens = useThemeTokensCallback('PaginationSideButton', tokens, buttonVariant);
+  const getCopy = useCopy({
+    dictionary,
     copy
   });
   const {
@@ -76,7 +70,7 @@ const SideButton = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
   const {
     hrefAttrs,
     rest
-  } = _utils.hrefAttrsProp.bundle(props);
+  } = hrefAttrsProp.bundle(props);
   const buttonProps = {
     accessibilityRole,
     accessibilityLabel,
@@ -85,7 +79,7 @@ const SideButton = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
     hrefAttrs,
     ...rest
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonBase.default, {
+  return /*#__PURE__*/_jsx(ButtonBase, {
     ref: ref,
     ...buttonProps,
     tokens: getButtonTokens,
@@ -97,12 +91,12 @@ const SideButton = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
       const iconProps = {
         tokens: getIconTokens(buttonState)
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.IconText, {
+      return /*#__PURE__*/_jsx(IconText, {
         icon: icon,
         space: 1,
         iconPosition: directionToSide[direction],
         iconProps: iconProps,
-        children: displayLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        children: displayLabel && /*#__PURE__*/_jsx(Text, {
           style: textStyles,
           children: label
         })
@@ -112,9 +106,8 @@ const SideButton = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
 });
 SideButton.displayName = 'SideButton';
 SideButton.propTypes = {
-  direction: _propTypes.default.oneOf(['previous', 'next']),
-  copy: _utils.copyPropTypes,
-  ..._utils.linkProps.types
+  direction: PropTypes.oneOf(['previous', 'next']),
+  copy: copyPropTypes,
+  ...linkProps.types
 };
-var _default = (0, _utils.withLinkRouter)(SideButton);
-exports.default = _default;
+export default withLinkRouter(SideButton);

package/lib/Pagination/constants.js

@@ -0,0 +1,3 @@
+export const TRUNCATE_ABOVE_VALUE = 4;
+export const MIN_PAGES_TO_SHOW = 3;
+export const DEFAULT_PAGE_TO_SHOW_VALUE = 1;

package/lib/Pagination/dictionary.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   en: {
     goToLabel: 'Go to page number',
     currentLabel: '(current)',
@@ -21,5 +15,4 @@ var _default = {
     nextLabel: 'Aller à la page suivante',
     nextText: 'Suivant'
   }
-};
-exports.default = _default;
+};

package/lib/Pagination/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Pagination = _interopRequireDefault(require("./Pagination"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _Pagination.default;
-exports.default = _default;
+import Pagination from './Pagination';
+export default Pagination;

package/lib/Pagination/usePagination.js

@@ -1,24 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+import { DEFAULT_PAGE_TO_SHOW_VALUE, MIN_PAGES_TO_SHOW, TRUNCATE_ABOVE_VALUE } from './constants';
 /**
  * Handles configurable truncating of pagination items.
  *
  * @param {object} props
  * @param {React.Element[]} items
  * @param {number} truncateAbove
+ * @param {number} numberOfPagesBeforeEllipsis
  */
 function usePagination(_ref) {
   let {
     items,
-    truncateAbove
+    truncateAbove,
+    numberOfPagesBeforeEllipsis
   } = _ref;
   const activeItemIndex = Math.max(items.findIndex(item => item.props.isActive), 0 // default to the first item if none is marked as active
   );
-
   const getItemProps = index => {
     var _items$index;
     const {
@@ -36,8 +32,15 @@ function usePagination(_ref) {
       tokens
     };
   };
-  const windowSize = truncateAbove > 4 ? 3 : 1;
-  const truncateEnabled = items.length > truncateAbove;
+  let windowSize;
+  if (numberOfPagesBeforeEllipsis >= 1 && numberOfPagesBeforeEllipsis < items.length) {
+    windowSize = numberOfPagesBeforeEllipsis;
+  } else if (truncateAbove > TRUNCATE_ABOVE_VALUE) {
+    windowSize = MIN_PAGES_TO_SHOW;
+  } else {
+    windowSize = DEFAULT_PAGE_TO_SHOW_VALUE;
+  }
+  const truncateEnabled = items.length > windowSize;
   const truncateWindowStart = windowSize;
   const truncateWindowEnd = items.length - 1 - windowSize;
 
@@ -72,5 +75,4 @@ function usePagination(_ref) {
     previousItemProps: getItemProps(activeItemIndex - 1)
   };
 }
-var _default = usePagination;
-exports.default = _default;
+export default usePagination;

package/lib/Portal/Portal.js

@@ -1,13 +1,7 @@
-"use strict";
+import { useState, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import PropTypes from 'prop-types';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Portal component renders its children in a separate portal container appended to the document body.
  *
@@ -30,9 +24,9 @@ const Portal = _ref => {
   let {
     children
   } = _ref;
-  const [portalContainer, setPortalContainer] = (0, _react.useState)(null);
+  const [portalContainer, setPortalContainer] = useState(null);
   const isWebClient = typeof document !== 'undefined' && typeof window !== 'undefined';
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!isWebClient) {
       return;
     }
@@ -48,10 +42,9 @@ const Portal = _ref => {
     };
   }, [isWebClient]);
   if (!portalContainer || !isWebClient) return null;
-  return /*#__PURE__*/_reactDom.default.createPortal(children, portalContainer);
+  return /*#__PURE__*/ReactDOM.createPortal(children, portalContainer);
 };
 Portal.propTypes = {
-  children: _propTypes.default.node.isRequired
+  children: PropTypes.node.isRequired
 };
-var _default = Portal;
-exports.default = _default;
+export default Portal;

package/lib/Portal/Portal.native.js

@@ -1,9 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _portal = require("@gorhom/portal");
-var _default = _portal.Portal;
-exports.default = _default;
+import { Portal } from '@gorhom/portal';
+export default Portal;

package/lib/Portal/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Portal = _interopRequireDefault(require("./Portal"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _Portal.default;
-exports.default = _default;
+import Portal from './Portal';
+export default Portal;