@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/MultiSelectFilter/ModalOverlay.js

@@ -4,45 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(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 _portal = require("@gorhom/portal");
-
 var _utils = require("../utils");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _dictionary = _interopRequireDefault(require("./dictionary"));
-
 var _Card = _interopRequireDefault(require("../Card"));
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 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 staticStyles = _StyleSheet.default.create({
   positioner: {
     flex: 1,
     // Grow to maxWidth when possible, shrink when not possible
     position: 'absolute',
     zIndex: 10000 // Position on top of all the other overlays, including backdrops and modals
-
   },
+
   closeButtonContainer: {
     position: 'absolute',
     top: 0,
@@ -55,7 +39,6 @@ const staticStyles = _StyleSheet.default.create({
     opacity: 0
   }
 });
-
 const selectCloseButtonContainerStyles = _ref => {
   let {
     paddingRight,
@@ -66,7 +49,6 @@ const selectCloseButtonContainerStyles = _ref => {
     paddingTop
   };
 };
-
 const selectPaddingContainerStyles = _ref2 => {
   let {
     paddingTop,
@@ -80,7 +62,6 @@ const selectPaddingContainerStyles = _ref2 => {
     paddingRight
   };
 };
-
 const ModalOverlay = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     children,

package/lib/MultiSelectFilter/MultiSelectFilter.js

@@ -4,58 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(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 _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _dictionary = _interopRequireDefault(require("./dictionary"));
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _Button = require("../Button");
-
 var _Checkbox = require("../Checkbox");
-
 var _Divider = _interopRequireDefault(require("../Divider"));
-
 var _FlexGrid = _interopRequireDefault(require("../FlexGrid"));
-
 var _Spacer = _interopRequireDefault(require("../Spacer"));
-
 var _StackView = _interopRequireDefault(require("../StackView"));
-
 var _Typography = _interopRequireDefault(require("../Typography"));
-
 var _Link = require("../Link");
-
 var _ModalOverlay = _interopRequireDefault(require("./ModalOverlay"));
-
 var _Modal = _interopRequireDefault(require("../Modal"));
-
 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 {
   Col,
   Row
 } = _FlexGrid.default;
-
 const selectSubTitleTokens = _ref => {
   let {
     subtitleColor
@@ -64,7 +39,6 @@ const selectSubTitleTokens = _ref => {
     color: subtitleColor
   };
 };
-
 const selectDividerToknes = _ref2 => {
   let {
     dividerColor,
@@ -79,7 +53,6 @@ const selectDividerToknes = _ref2 => {
     weight
   };
 };
-
 const MultiSelectFilter = _ref3 => {
   let {
     label,
@@ -118,9 +91,7 @@ const MultiSelectFilter = _ref3 => {
   const [maxWidth, setMaxWidth] = (0, _react.useState)(false);
   const themeTokens = (0, _ThemeProvider.useThemeTokens)('ButtonDropdown', tokens, variant);
   const getItemTokens = (0, _ThemeProvider.useThemeTokensCallback)('ButtonDropdown', tokens, variant);
-
   const getButtonTokens = buttonState => (0, _utils.selectTokens)('Button', getItemTokens(buttonState));
-
   const getCopy = (0, _utils.useCopy)({
     dictionary,
     copy
@@ -147,48 +118,42 @@ const MultiSelectFilter = _ref3 => {
     subHeaderLineHeight,
     minHeight,
     minWidth
-  } = (0, _ThemeProvider.useThemeTokens)('MultiSelectFilter', tokens, { ...variant,
+  } = (0, _ThemeProvider.useThemeTokens)('MultiSelectFilter', tokens, {
+    ...variant,
     maxHeight,
     maxWidth
   }, {
     viewport
   });
   const uniqueFields = ['id', 'label'];
-
   if (!(0, _utils.containUniqueFields)(items, uniqueFields)) {
     throw new Error(`MultiSelectFilter items must have unique ${uniqueFields.join(', ')}`);
-  } // Pass an object of relevant component state as first argument for any passed-in press handlers
-
-
+  }
+  // Pass an object of relevant component state as first argument for any passed-in press handlers
   const pressHandlers = (0, _utils.getPressHandlersWithArgs)(rest, [{
     id,
     label,
     currentValues
   }]);
-
   const handleChange = event => {
     if (pressHandlers.onPress) pressHandlers === null || pressHandlers === void 0 ? void 0 : pressHandlers.onPress(event);
     setIsOpen(!isOpen);
   };
-
   const onApply = e => {
     setValues(e);
     setIsOpen(false);
     onConfirm(e);
   };
-
   const onClear = () => {
     setCheckedIds(() => []);
     setValues([]);
     setIsOpen(false);
     onCancel();
   };
-
   const onClose = () => {
     setIsOpen(false);
     onCancel();
   };
-
   const {
     align,
     offsets
@@ -244,7 +209,8 @@ const MultiSelectFilter = _ref3 => {
       onClose: onClose,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Row, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-          tokens: { ...headerStyles,
+          tokens: {
+            ...headerStyles,
             lineHeight: headerLineHeight
           },
           children: getCopy('filterByLabel').replace(/%\{filterCategory\}/g, label.toLowerCase())
@@ -254,7 +220,8 @@ const MultiSelectFilter = _ref3 => {
           space: 5
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Row, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            tokens: { ...subeHeaderStyles,
+            tokens: {
+              ...subeHeaderStyles,
               lineHeight: subHeaderLineHeight
             },
             children: subtitle
@@ -278,7 +245,8 @@ const MultiSelectFilter = _ref3 => {
           }, i))
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
-        variant: selectDividerToknes({ ...themeTokens,
+        variant: selectDividerToknes({
+          ...themeTokens,
           width: 'full'
         }),
         space: 4
@@ -319,7 +287,8 @@ const MultiSelectFilter = _ref3 => {
       maxWidthSize: maxWidthSize,
       minHeight: minHeight,
       minWidth: minWidth,
-      tokens: { ...tokens,
+      tokens: {
+        ...tokens,
         maxWidth
       },
       copy: copy,
@@ -329,7 +298,8 @@ const MultiSelectFilter = _ref3 => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
           style: styles.textContainerStyle,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            tokens: { ...headerStyles,
+            tokens: {
+              ...headerStyles,
               lineHeight: headerLineHeight
             },
             children: getCopy('filterByLabel').replace(/%\{filterCategory\}/g, label.toLowerCase())
@@ -340,7 +310,8 @@ const MultiSelectFilter = _ref3 => {
           space: 5
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Row, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            tokens: { ...subeHeaderStyles,
+            tokens: {
+              ...subeHeaderStyles,
               lineHeight: subHeaderLineHeight
             },
             children: subtitle
@@ -364,7 +335,8 @@ const MultiSelectFilter = _ref3 => {
           }, i))
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
-        variant: selectDividerToknes({ ...themeTokens,
+        variant: selectDividerToknes({
+          ...themeTokens,
           width: 'full'
         }),
         space: 4
@@ -400,49 +372,41 @@ const MultiSelectFilter = _ref3 => {
     })]
   });
 };
-
 MultiSelectFilter.displayName = 'MultiSelectFilter';
-
 const styles = _StyleSheet.default.create({
   textContainerStyle: {
     marginRight: 52
   }
-}); // If a language dictionary entry is provided, it must contain every key
-
+});
 
+// If a language dictionary entry is provided, it must contain every key
 const dictionaryContentShape = _propTypes.default.shape({
   filterByLabel: _propTypes.default.string.isRequired,
   applyButtonLabel: _propTypes.default.string.isRequired,
   clearButtonLabel: _propTypes.default.string.isRequired
 });
-
 MultiSelectFilter.propTypes = {
   /**
    * The text displayed to the user in a ButtonDropdown.
    */
   label: _propTypes.default.string.isRequired,
-
   /**
    * The text for the subtitle
    */
   subtitle: _propTypes.default.string,
-
   /**
    * An optional unique string may be provided to identify the ButtonDropdown.
    * If not provided, the label is used.
    */
   id: _propTypes.default.string,
-
   /**
    * Sets the variant for ButtonDropdown element.
    */
   variant: _utils.variantProp.propType,
-
   /**
    * Sets the tokens for MultiSelectFilter element.
    */
   tokens: (0, _utils.getTokensPropType)('MultiSelectFilter'),
-
   /**
    * The options a user may select.
    */
@@ -451,14 +415,12 @@ MultiSelectFilter.propTypes = {
      * The text displayed to the user with a checkbox, describing this option.
      */
     label: _propTypes.default.string.isRequired,
-
     /**
      * An optional unique string may be provided to identify this option.
      * If not provided, the label is used.
      */
     id: _propTypes.default.string
   })),
-
   /**
    * If the selected item(s) in the checkbox group(s) are to be controlled externally by
    * a parent component, pass an array of strings as well as an `onChange` handler.
@@ -466,45 +428,37 @@ MultiSelectFilter.propTypes = {
    * expects its state to be handled via `onChange` and so doesn't handle it itself.
    */
   values: _propTypes.default.arrayOf(_propTypes.default.string),
-
   /**
    * If `values` is not passed, making the MultiSelectFilter an "uncontrolled" component
    * managing its own selected state, a default set of selections may be provided.
    * Changing the `initialValues` does not change the user's selections.
    */
   initialValues: _propTypes.default.arrayOf(_propTypes.default.string),
-
   /**
    * If provided, sets a maximum number of items a user may select at once.
    */
   maxValues: _propTypes.default.number,
-
   /**
    * If provided sets maxHeight to be active
    */
   maxHeight: _propTypes.default.bool,
-
   /**
    * If provided, this function is called when the current selection is changed
    * and is passed an array of the `id`s of all currently selected `items`.
    */
   onChange: _propTypes.default.func,
-
   /**
    * If provided, this function is called when the selection is confirmed.
    */
   onConfirm: _propTypes.default.func,
-
   /**
    * If provided, this function is called when `MultiSelectFilter` is closed.
    * */
   onCancel: _propTypes.default.func,
-
   /**
    * Select English or French copy for the accessible label.
    */
   copy: _propTypes.default.oneOf(['en', 'fr']),
-
   /**
    * Custom dictionary containing the labels
    */
@@ -512,19 +466,16 @@ MultiSelectFilter.propTypes = {
     en: dictionaryContentShape,
     fr: dictionaryContentShape
   }),
-
   /**
    * If true, the ButtonDropdown cannot be selected by the user and simply show their current state.
    */
   readOnly: _propTypes.default.string,
-
   /**
    * If true, the MultiSelectFilter cannot be interacted with, ButtonDropdown is
    * set as `disabled` and if the theme supports `inactive` appearances rules, these
    * are applied.
    */
   inactive: _propTypes.default.string,
-
   /**
    * Sets the maximum number of items in one column. If number of items are more
    * than the `rowLimit`, they will be rendered in 2 columns.

package/lib/MultiSelectFilter/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _MultiSelectFilter = _interopRequireDefault(require("./MultiSelectFilter"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _MultiSelectFilter.default;
 exports.default = _default;

package/lib/Notification/Notification.js

@@ -4,44 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 var _useCopy = _interopRequireDefault(require("../utils/useCopy"));
-
 var _dictionary = _interopRequireDefault(require("./dictionary"));
-
 var _ViewportProvider = require("../ViewportProvider");
-
 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]);
-
-const selectContainerStyles = tokens => ({ ...tokens
+const selectContainerStyles = tokens => ({
+  ...tokens
 });
-
-const selectTextStyles = (tokens, themeOptions) => (0, _ThemeProvider.applyTextStyles)({ ...(0, _utils.selectTokens)('Typography', tokens),
+const selectTextStyles = (tokens, themeOptions) => (0, _ThemeProvider.applyTextStyles)({
+  ...(0, _utils.selectTokens)('Typography', tokens),
   themeOptions
 });
-
 const selectIconProps = _ref => {
   let {
     iconSize,
@@ -52,7 +36,6 @@ const selectIconProps = _ref => {
     color: iconColor
   };
 };
-
 const selectIconContainerStyles = _ref2 => {
   let {
     iconGap
@@ -62,7 +45,6 @@ const selectIconContainerStyles = _ref2 => {
     placeContent: 'center'
   };
 };
-
 const selectDismissIconProps = _ref3 => {
   let {
     dismissIconSize,
@@ -73,7 +55,6 @@ const selectDismissIconProps = _ref3 => {
     color: dismissIconColor
   };
 };
-
 const selectDismissButtonContainerStyles = _ref4 => {
   let {
     dismissButtonGap
@@ -83,10 +64,10 @@ const selectDismissButtonContainerStyles = _ref4 => {
     placeContent: 'center'
   };
 };
-
 const selectContentContainerStyle = maxWidth => ({
   width: maxWidth || '100%'
 });
+
 /**
  * A banner that highlights important messages:
  * - Status message to show there is an error or outage of services
@@ -138,8 +119,6 @@ const selectContentContainerStyle = maxWidth => ({
  * Use full-width `Notifications` to show system-based messages coming from the application, not in response to user action.
  * Show system notifications at the top of the page, below the navigation, and expands the full-width of the viewport
  */
-
-
 const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   let {
     children,
@@ -164,11 +143,9 @@ const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
     themeOptions
   } = (0, _ThemeProvider.useTheme)();
   const contentMaxWidth = (0, _utils.useResponsiveProp)(themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.contentMaxWidth);
-
   if (isDismissed) {
     return null;
   }
-
   const textStyles = selectTextStyles(themeTokens, themeOptions);
   const content = (0, _utils.wrapStringsInText)(typeof children === 'function' ? children({
     textStyles,
@@ -181,9 +158,7 @@ const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
     dismissIcon: DismissIconComponent,
     dismissIconColor
   } = themeTokens;
-
   const onDismissPress = () => setIsDismissed(true);
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
     ref: ref,
     style: [staticStyles.container, selectContainerStyles(themeTokens)],
@@ -194,7 +169,8 @@ const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
         style: staticStyles.contentContainer,
         children: [IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
           style: selectIconContainerStyles(themeTokens),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, { ...selectIconProps(themeTokens)
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+            ...selectIconProps(themeTokens)
           })
         }), content && typeof content === 'function' ? content({
           textStyles,
@@ -212,7 +188,8 @@ const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
             inverse: dismissIconColor === '#ffffff',
             size: 'small'
           },
-          children: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(DismissIconComponent, { ...selectDismissIconProps(themeTokens)
+          children: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(DismissIconComponent, {
+            ...selectDismissIconProps(themeTokens)
           })
         })
       })]
@@ -220,23 +197,20 @@ const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   });
 });
 Notification.displayName = 'Notification';
-Notification.propTypes = { ...selectedSystemPropTypes,
-
+Notification.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Content of the `Notification`.
    */
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func]),
-
   /**
    * Use `system` prop to set the visual style of the notification and denote an announcement from the system or application
    */
   system: _propTypes.default.bool,
-
   /**
    * Use the `dismissible` prop to allow users to dismiss the Notification at any time.
    */
   dismissible: _propTypes.default.bool,
-
   /**
    * Select English or French copy for the accessible label of the dismiss button.
    */
@@ -248,7 +222,6 @@ Notification.propTypes = { ...selectedSystemPropTypes,
 };
 var _default = Notification;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   container: {
     flexDirection: 'row'

package/lib/Notification/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Notification = _interopRequireDefault(require("./Notification"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _Notification.default;
 exports.default = _default;

package/lib/Pagination/PageButton.js

@@ -4,29 +4,17 @@ 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"));
-
 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 PageButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     label,
@@ -43,9 +31,7 @@ const PageButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     dictionary: _dictionary.default,
     copy
   });
-
   const getButtonTokens = buttonState => (0, _utils.selectTokens)('Button', getTokens(buttonState));
-
   const activeProps = isActive ? {
     selected: true,
     ..._utils.a11yProps.nonFocusableProps,
@@ -56,12 +42,10 @@ const PageButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const accessibilityRole = href !== undefined ? 'link' : 'button';
   const activeLabel = isActive ? ` ${getCopy('currentLabel')}` : '';
   const accessibilityLabel = `${getCopy('goToLabel')} ${label}${activeLabel}`;
-
   const {
     hrefAttrs,
     rest
   } = _utils.hrefAttrsProp.bundle(props);
-
   const buttonProps = {
     accessibilityRole,
     accessibilityLabel,
@@ -79,18 +63,16 @@ const PageButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 PageButton.displayName = 'PageButton';
-PageButton.propTypes = { ..._utils.linkProps.types,
-
+PageButton.propTypes = {
+  ..._utils.linkProps.types,
   /**
    * To set custom label for the button
    */
   label: _propTypes.default.string,
-
   /**
    * To set `PageButton` to active state
    */
   isActive: _propTypes.default.bool,
-
   /**
    * To change the language for labels
    */
@@ -98,7 +80,5 @@ PageButton.propTypes = { ..._utils.linkProps.types,
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('PaginationPageButton')
 };
-
 var _default = (0, _utils.withLinkRouter)(PageButton);
-
 exports.default = _default;