@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/Pagination/Pagination.js

@@ -4,39 +4,22 @@ 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]);
-
 const selectTextStyles = (_ref, themeOptions) => {
   let {
     color,
@@ -54,7 +37,6 @@ const selectTextStyles = (_ref, themeOptions) => {
     themeOptions
   });
 };
-
 const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     children,
@@ -92,9 +74,7 @@ const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
     ellipsisBorderBottomWidth,
     ellipsisHeight
   } = themeTokens;
-
   const items = _react.default.Children.toArray(children);
-
   const {
     isItemActive,
     getItemProps,
@@ -109,7 +89,6 @@ const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
     truncateAbove
   });
   const ellipsisTextStyles = selectTextStyles(themeTokens, themeOptions);
-
   const ellipisContainerStyles = _StyleSheet.default.create({
     container: {
       height: ellipsisHeight,
@@ -121,14 +100,14 @@ const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
       borderColor
     }
   });
-
   if (items.length === 0) {
     return null;
-  } // 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, { ...previousItemProps,
+  // 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, {
+    ...previousItemProps,
     direction: "previous",
     copy: copy,
     variant: sideButtonVariant,
@@ -139,12 +118,13 @@ const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
     const buttonLabel = `${itemIndex + 1}`;
     const itemProps = getItemProps(itemIndex);
     const ItemLinkRouter = itemProps.LinkRouter ?? LinkRouter;
-    const itemLinkRouterProps = { ...linkRouterProps,
+    const itemLinkRouterProps = {
+      ...linkRouterProps,
       ...itemProps.linkRouterProps
     };
-
     if (shouldRenderButton(itemIndex)) {
-      return /*#__PURE__*/(0, _react.createElement)(_PageButton.default, { ...itemProps,
+      return /*#__PURE__*/(0, _react.createElement)(_PageButton.default, {
+        ...itemProps,
         LinkRouter: ItemLinkRouter,
         linkRouterProps: itemLinkRouterProps,
         label: buttonLabel,
@@ -153,21 +133,22 @@ const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
         key: buttonLabel
       });
     }
-
     if (shouldRenderEllipsis(itemIndex)) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
-        style: { ...ellipisContainerStyles.container
+        style: {
+          ...ellipisContainerStyles.container
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          style: { ...ellipsisTextStyles
+          style: {
+            ...ellipsisTextStyles
           },
           children: "..."
         })
       }, "...");
     }
-
     return null;
-  }), showNext && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SideButton.default, { ...nextItemProps,
+  }), showNext && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SideButton.default, {
+    ...nextItemProps,
     direction: "next",
     copy: copy,
     variant: sideButtonVariant,
@@ -176,7 +157,8 @@ const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
     linkRouterProps: linkRouterProps
   })];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
-    style: { ...staticStyles.container
+    style: {
+      ...staticStyles.container
     },
     ref: ref,
     ...selectProps(rest),
@@ -190,7 +172,8 @@ const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
         borderBottomWidth,
         ...staticStyles.container
       },
-      children: buttons // keep the keys in-line with the page numbers regardless of which buttons are actually rendered
+      children: buttons
+      // keep the keys in-line with the page numbers regardless of which buttons are actually rendered
       .map((element, index) => [element, `page-${index + 1}`]).filter(_ref3 => {
         let [element] = _ref3;
         return element !== null;
@@ -207,28 +190,25 @@ const Pagination = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
 Pagination.displayName = 'Pagination';
 _PageButton.default.displayName = 'PageButton';
 Pagination.PageButton = _PageButton.default;
-Pagination.propTypes = { ...selectedSystemPropTypes,
+Pagination.propTypes = {
+  ...selectedSystemPropTypes,
   ..._utils.withLinkRouter.propTypes,
   children: (0, _utils.componentPropType)('PageButton'),
-
   /**
    * To change the language for labels
    */
   copy: _utils.copyPropTypes,
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('Pagination'),
-
   /**
    * When passed as `{{ compact: true }}`, `Pagination` does not render labels along side buttons
    */
   sideButtonVariant: _utils.variantProp.propType,
-
   /**
    * Custom tokens for `PaginationSideButton`
    */
   sideButtonTokens: (0, _utils.getTokensPropType)('PaginationSideButton')
 };
-
 const staticStyles = _StyleSheet.default.create({
   container: {
     flexDirection: 'row',
@@ -236,6 +216,5 @@ const staticStyles = _StyleSheet.default.create({
     alignItems: 'center'
   }
 });
-
 var _default = Pagination;
 exports.default = _default;

package/lib/Pagination/SideButton.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(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 }; }
-
 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; }
-
 // 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
@@ -44,7 +29,6 @@ const selectButtonTokens = _ref => {
   } = _ref;
   return (0, _utils.selectTokens)('Button', rest);
 };
-
 const selectIconTokens = (_ref2, direction) => {
   let {
     color,
@@ -57,7 +41,6 @@ const selectIconTokens = (_ref2, direction) => {
     translateX: iconDisplace * (direction === 'previous' ? -1 : 1)
   };
 };
-
 const directionToSide = {
   previous: 'left',
   next: 'right'
@@ -87,20 +70,15 @@ const SideButton = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     icon,
     displayLabel
   } = getTokens(tokens, buttonVariant);
-
   const getButtonTokens = buttonState => selectButtonTokens(getTokens(buttonState));
-
   const getIconTokens = buttonState => selectIconTokens(getTokens(buttonState), direction);
-
   const label = direction === 'previous' ? getCopy('previousText') : getCopy('nextText');
   const accessibilityLabel = direction === 'previous' ? getCopy('previousLabel') : getCopy('nextLabel');
   const accessibilityRole = href !== undefined ? 'link' : 'button';
-
   const {
     hrefAttrs,
     rest
   } = _utils.hrefAttrsProp.bundle(props);
-
   const buttonProps = {
     accessibilityRole,
     accessibilityLabel,
@@ -140,7 +118,5 @@ SideButton.propTypes = {
   copy: _utils.copyPropTypes,
   ..._utils.linkProps.types
 };
-
 var _default = (0, _utils.withLinkRouter)(SideButton);
-
 exports.default = _default;

package/lib/Pagination/index.js

@@ -4,10 +4,7 @@ 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;

package/lib/Pagination/usePagination.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * Handles configurable truncating of pagination items.
  *
@@ -22,7 +21,6 @@ function usePagination(_ref) {
 
   const getItemProps = index => {
     var _items$index;
-
     const {
       onPress,
       href,
@@ -38,33 +36,31 @@ function usePagination(_ref) {
       tokens
     };
   };
-
   const windowSize = truncateAbove > 4 ? 3 : 1;
   const truncateEnabled = items.length > truncateAbove;
   const truncateWindowStart = windowSize;
-  const truncateWindowEnd = items.length - 1 - windowSize; // basically how many items next to the currently active one do we want to render
+  const truncateWindowEnd = items.length - 1 - windowSize;
 
+  // basically how many items next to the currently active one do we want to render
   const activeWindowStart = activeItemIndex - (windowSize - 1) / 2;
   const activeWindowEnd = activeItemIndex + (windowSize - 1) / 2;
   const isFirstActive = activeItemIndex === 0;
-  const isLastActive = activeItemIndex === items.length - 1; // start truncating when the active item is within the truncate window
+  const isLastActive = activeItemIndex === items.length - 1;
 
+  // start truncating when the active item is within the truncate window
   const isLeftTruncated = truncateEnabled && activeItemIndex >= truncateWindowStart;
   const isRightTruncated = truncateEnabled && activeItemIndex <= truncateWindowEnd;
-
   function shouldRenderEllipsis(itemIndex) {
     const isNextToFirst = itemIndex === 1;
     const isNextToLast = itemIndex === items.length - 2;
     return isLeftTruncated && isNextToFirst || isRightTruncated && isNextToLast;
   }
-
   function shouldRenderButton(itemIndex) {
     const isFirst = itemIndex === 0;
     const isLast = itemIndex === items.length - 1;
     const isInActiveWindow = itemIndex >= activeWindowStart && itemIndex <= activeWindowEnd;
     return isFirst || isLast || isInActiveWindow || !isLeftTruncated && itemIndex <= truncateWindowStart || !isRightTruncated && itemIndex >= truncateWindowEnd;
   }
-
   return {
     showPrevious: !isFirstActive,
     showNext: !isLastActive,
@@ -76,6 +72,5 @@ function usePagination(_ref) {
     previousItemProps: getItemProps(activeItemIndex - 1)
   };
 }
-
 var _default = usePagination;
 exports.default = _default;

package/lib/Progress/Progress.js

@@ -4,27 +4,16 @@ 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 _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 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 selectProgressStyles = _ref => {
   let {
     backgroundColor,
@@ -41,6 +30,7 @@ const selectProgressStyles = _ref => {
     height
   };
 };
+
 /**
  * The `Progress` is a container for displaying one or several `ProgressBar`s.
  *
@@ -70,8 +60,6 @@ const selectProgressStyles = _ref => {
  * role.
  *
  */
-
-
 const Progress = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     children,
@@ -88,18 +76,16 @@ const Progress = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   });
 });
 Progress.displayName = 'Progress';
-Progress.propTypes = { ...selectedSystemPropTypes,
-
+Progress.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Use the `children` prop to supply one or several `ProgressBar`s.
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * Progress tokens.
    */
   tokens: (0, _utils.getTokensPropType)('Progress'),
-
   /**
    * Progress variant.
    */

package/lib/Progress/ProgressBar.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _ProgressBarBackground = _interopRequireDefault(require("./ProgressBarBackground"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 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 selectBarStyles = (_ref, percentage) => {
   let {
     backgroundColor,
@@ -46,6 +32,7 @@ const selectBarStyles = (_ref, percentage) => {
     width: `${percentage}%`
   };
 };
+
 /**
  * The `ProgressBar` is a visual representation of linear progression.
  * It provides simple but important information at a quick glance.
@@ -80,8 +67,6 @@ const selectBarStyles = (_ref, percentage) => {
  * - `accessibilityValue.text` (`aria-valuetext`): `%{percentage}%`,
  *
  */
-
-
 const ProgressBar = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     children = null,
@@ -91,13 +76,11 @@ const ProgressBar = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
     ...rest
   } = _ref2;
   const themeTokens = (0, _ThemeProvider.useThemeTokens)('ProgressBar', tokens, variant);
-
   if (percentage < 0) {
     throw new Error('ProgressBar: `percentage` must be a positive number');
   } else if (percentage > 100) {
     throw new Error('ProgressBar: `percentage` cannot exceed 100');
   }
-
   const selectedProps = selectProps({
     accessibilityRole: 'progressbar',
     accessibilityValue: {
@@ -118,28 +101,24 @@ const ProgressBar = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   }) : null;
 });
 ProgressBar.displayName = 'ProgressBar';
-ProgressBar.propTypes = { ...selectedSystemPropTypes,
-
+ProgressBar.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Optional children that can be used to customize the progress bar filling.
    */
   children: _propTypes.default.node,
-
   /**
    * Accessibility label for the progress bar.
    */
   accessibilityLabel: _propTypes.default.string.isRequired,
-
   /**
    * Percentage of completion.
    */
   percentage: _propTypes.default.number,
-
   /**
    * Progress bar tokens.
    */
   tokens: (0, _utils.getTokensPropType)('ProgressBar'),
-
   /**
    * Progress bar variant.
    */
@@ -147,7 +126,6 @@ ProgressBar.propTypes = { ...selectedSystemPropTypes,
 };
 var _default = ProgressBar;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   bar: {
     height: '100%',

package/lib/Progress/ProgressBarBackground.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ImageBackground = _interopRequireDefault(require("react-native-web/dist/cjs/exports/ImageBackground"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _utils = require("../utils");
-
 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 inactiveBackground = `%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='24'%3E%3Cdefs%3E%3Cpattern id='inactive' patternUnits='userSpaceOnUse' width='8' height='8'%3E%3Crect width='8' height='8' fill='rgba(255, 255, 255, 0)'%3E%3C/rect%3E%3Ccircle cx='4' cy='4' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='0' cy='8' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='8' cy='0' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3Ccircle cx='8' cy='8' r='2' fill='rgba(0, 0, 0, 0.4)' stroke='rgba(0, 0, 0, 0.4)' stroke-width='0'%3E%3C/circle%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M 0 0 L 0 140 L 2000 2000 L 2000 0 Z' style='fill: url("%23inactive");'%3E%3C/path%3E%3C/svg%3E`;
 const negativeBackground = `%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='24'%3E%3Cdefs%3E%3Cpattern id='negative' patternUnits='userSpaceOnUse' width='8' height='8'%3E%3Crect width='8' height='8' fill='rgba(255, 255, 255, 0)'%3E%3C/rect%3E%3Cpath d='M 0,8 l 8,-8 M -2,2 l 4,-4 M 6,10 l 4,-4' stroke-width='1' shape-rendering='auto' stroke='rgba(255, 255, 255, 0.4)' stroke-linecap='square'%3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M 0 0 L 0 140 L 2000 2000 L 2000 0 Z' style='fill: url("%23negative");'%3E%3C/path%3E%3C/svg%3E`;
 const ProgressBarBackground = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
@@ -28,7 +19,6 @@ const ProgressBarBackground = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     variant
   } = _ref;
   let source = null;
-
   if (variant !== null && variant !== void 0 && variant.inactive) {
     source = inactiveBackground;
   } else if (variant !== null && variant !== void 0 && variant.negative) {
@@ -36,7 +26,6 @@ const ProgressBarBackground = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   } else {
     return null;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageBackground.default, {
     ref: ref,
     source: {
@@ -54,7 +43,6 @@ ProgressBarBackground.propTypes = {
 };
 var _default = ProgressBarBackground;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   imageBackground: {
     height: '100%'

package/lib/Progress/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Progress = _interopRequireDefault(require("./Progress"));
-
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 _Progress.default.Bar = _ProgressBar.default;
 var _default = _Progress.default;
 exports.default = _default;

package/lib/QuickLinks/QuickLinks.js

@@ -4,38 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _utils = require("../utils");
-
 var _List = _interopRequireDefault(require("../List"));
-
 var _StackWrap = _interopRequireDefault(require("../StackView/StackWrap"));
-
 var _QuickLinksCard = _interopRequireDefault(require("./QuickLinksCard"));
-
 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; }
-
 /**
  * QuickLinks renders a list of interactive items. How it renders these items depends on theme options:
  *  - If the theme returns `list` token as true, it renders an ordered list based on List
  *  - If the theme returns `button` token as true and `list` as false, it renders a wrapping horizontal bar of buttons
  *  - If the theme returns `card` token as true, it wraps the above with a `Card`.
- */
-const QuickLinks = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const QuickLinks = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     tokens,
     variant,
@@ -81,17 +67,14 @@ const QuickLinks = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 QuickLinks.displayName = 'QuickLinks';
 QuickLinks.propTypes = {
   tokens: (0, _utils.getTokensPropType)('QuickLinks'),
-
   /**
    * Custom tokens override for `Card`
    */
   cardTokens: (0, _utils.getTokensPropType)('Card'),
-
   /**
    * Custom tokens override for `QuickLinksList`
    */
   listTokens: (0, _utils.getTokensPropType)('QuickLinksList'),
-
   /**
    * The HTML tag to render the list as
    */

package/lib/QuickLinks/QuickLinksCard.js

@@ -4,28 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _CardBase = _interopRequireDefault(require("../Card/CardBase"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * Private subcomponent for use within QuickLinks.
  *
  * Restyled Card with identical behaviour to Card, but themed according to the
  * QuickLinksCard theme rather than the Card theme.
- */
-const QuickLinksList = _ref => {
+ */const QuickLinksList = _ref => {
   let {
     tokens,
     variant,
@@ -37,7 +28,6 @@ const QuickLinksList = _ref => {
     children: children
   });
 };
-
 QuickLinksList.propTypes = {
   tokens: (0, _utils.getTokensPropType)('QuickLinksCard'),
   variant: _utils.variantProp.propType,