@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/HorizontalScroll/HorizontalScroll.js

@@ -4,45 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectHorizontalScrollTokens = 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 _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _ScrollViewEnd = _interopRequireDefault(require("./ScrollViewEnd"));
-
 var _itemPositions = require("./itemPositions");
-
 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 tokenKeys = ['nextIcon', 'previousIcon', 'gutter', 'borderBottomWidth', 'borderBottomColor', 'buttonClearance'];
-
 const selectHorizontalScrollTokens = (themeTokens, prefix) => (0, _utils.selectTokens)(tokenKeys, themeTokens, prefix);
+
 /**
  * Base component that scrolls horizontally and displays left and right buttons if
  * there is content to the left and the right which can be scrolled to.
  *
  * @TODO revisit `ScrollButton` after IconButton is stable.
  */
-
-
 exports.selectHorizontalScrollTokens = selectHorizontalScrollTokens;
 const HorizontalScroll = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
@@ -59,15 +43,14 @@ const HorizontalScroll = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     borderBottomWidth,
     borderBottomColor,
     buttonClearance = 0
-  } = (0, _ThemeProvider.validateThemeTokens)((0, _ThemeProvider.resolveThemeTokens)(tokens), // Allow missing icons
+  } = (0, _ThemeProvider.validateThemeTokens)((0, _ThemeProvider.resolveThemeTokens)(tokens),
+  // Allow missing icons
   (0, _utils.getTokensSetPropType)(tokenKeys, {
     partial: true
   }), 'HorizontalScroll');
   const [containerWidth, setContainerWidth] = (0, _react.useState)(0);
   const [contentWidth, setContentWidth] = (0, _react.useState)(0);
-
   const handleContentWidth = width => setContentWidth(width);
-
   const handleContainerLayout = _ref2 => {
     let {
       nativeEvent: {
@@ -77,12 +60,11 @@ const HorizontalScroll = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       }
     } = _ref2;
     return setContainerWidth(width);
-  }; // Update the scroll position only when scrolling actions ends to minimally rerender
-  // and update which buttons are conditionally rendered.
-
+  };
 
+  // Update the scroll position only when scrolling actions ends to minimally rerender
+  // and update which buttons are conditionally rendered.
   const [scrollOffset, setScrollOffset] = (0, _react.useState)(0);
-
   const handleScrollEnd = _ref3 => {
     let {
       nativeEvent: {
@@ -93,22 +75,18 @@ const HorizontalScroll = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     } = _ref3;
     setScrollOffset(x);
   };
-
   const scrollMax = Math.max(0, contentWidth - containerWidth);
   const showNextButton = scrollOffset < scrollMax;
   const showPreviousButton = scrollOffset > 0;
   const scrollRef = (0, _react.useRef)(null);
-
   const scrollTo = targetX => {
     var _scrollRef$current;
-
     if (typeof ((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo) === 'function') {
       const x = (0, _itemPositions.getItemPositionScrollTarget)(targetX, scrollMax, itemPositions.positions, buttonClearance);
       scrollRef.current.scrollTo({
         x,
         animated: true
       });
-
       if (_Platform.default.OS === 'android') {
         // React Native calls onScrollMomentumEnd after scrollTo for iOS, but not Android.
         // See https://github.com/facebook/react-native/issues/26661
@@ -116,38 +94,33 @@ const HorizontalScroll = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         setTimeout(() => setScrollOffset(x), 300);
       }
     }
-  }; // Make scrollTo and relevant co-ordinates available to any component with an interest in itemPositions.
+  };
+  // Make scrollTo and relevant co-ordinates available to any component with an interest in itemPositions.
   // ItemPositions is a mutable ref object intended to have its properties mutated without any rerenders.
-
   /* eslint-disable-next-line no-param-reassign */
-
-
   itemPositions.scrollTo = scrollTo;
   /* eslint-disable-next-line no-param-reassign */
-
   itemPositions.containerWidth = containerWidth;
   /* eslint-disable-next-line no-param-reassign */
-
   itemPositions.contentWidth = contentWidth;
   /* eslint-disable-next-line no-param-reassign */
-
   itemPositions.scrollOffset = scrollOffset;
   const hasWidths = itemPositions.contentWidth > 0 && itemPositions.contentWidth > 0;
   (0, _react.useEffect)(() => {
-    if (hasWidths) itemPositions.setIsReady(true); // itemPositions is a ref object so this should occur only when elements' widths are set in state
-  }, [hasWidths, itemPositions]); // When scrolling, allow clearance around scroll buttons, so e.g. this...
+    if (hasWidths) itemPositions.setIsReady(true);
+    // itemPositions is a ref object so this should occur only when elements' widths are set in state
+  }, [hasWidths, itemPositions]);
+
+  // When scrolling, allow clearance around scroll buttons, so e.g. this...
   // (<-) Item 5   Item 6   Item 7   Item 8   It(->)
   // ...doesn't scroll like this with Item 9 never being properly visible:
   // (<-)em 9   Item 10  Item 11  Item 12  Item (->)
-
   const scrollDistance = containerWidth - buttonClearance * 2;
-
   const scrollNext = () => scrollTo(scrollOffset + scrollDistance);
+  const scrollPrevious = () => scrollTo(scrollOffset - scrollDistance);
 
-  const scrollPrevious = () => scrollTo(scrollOffset - scrollDistance); // On Web, being scrollable in one direction prevents overflow: visible in the other direction.
+  // On Web, being scrollable in one direction prevents overflow: visible in the other direction.
   // Apply a fixed margin gutter that tab highlight effects can overhang without getting trimmed.
-
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
     ref: ref,
     style: staticStyles.container,
@@ -178,7 +151,6 @@ const HorizontalScroll = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 HorizontalScroll.displayName = 'HorizontalScroll';
-
 const staticStyles = _StyleSheet.default.create({
   scrollContainer: {
     // Gives inner container width from content, allowing it to exceed its container's width
@@ -190,8 +162,8 @@ const staticStyles = _StyleSheet.default.create({
     justifyContent: 'center'
   }
 });
-
-HorizontalScroll.propTypes = { ...selectedSystemPropTypes,
+HorizontalScroll.propTypes = {
+  ...selectedSystemPropTypes,
   itemPositions: _itemPositions.itemPositionsPropType,
   ScrollButton: _propTypes.default.elementType,
   tokens: (0, _utils.getTokensSetPropType)(tokenKeys, {

package/lib/HorizontalScroll/HorizontalScrollButton.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _utils = require("../utils");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 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 selectContainerStyles = _ref => {
   let {
     offset
@@ -37,6 +24,7 @@ const selectContainerStyles = _ref => {
     marginTop: offset ? -offset : 0
   };
 };
+
 /**
  * Button within a Tabs component showing users that content is available to the left or
  * right, scrolling a screen's worth of content left or right when pressed.
@@ -45,8 +33,6 @@ const selectContainerStyles = _ref => {
  *
  * @TODO when IconButton is complete and stable revisit this and update interaction state styles.
  */
-
-
 const HorizontalScrollButton = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     direction = 'next',
@@ -79,7 +65,6 @@ const HorizontalScrollButton = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref)
   });
 });
 HorizontalScrollButton.displayName = 'HorizontalScrollButton';
-
 const staticStyles = _StyleSheet.default.create({
   absolute: {
     position: 'absolute'
@@ -91,7 +76,6 @@ const staticStyles = _StyleSheet.default.create({
     right: 0
   }
 });
-
 HorizontalScrollButton.propTypes = {
   tokens: (0, _utils.getTokensPropType)('HorizontalScrollButton'),
   variant: _utils.variantProp.propType,

package/lib/HorizontalScroll/ScrollViewEnd.js

@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ScrollView = _interopRequireDefault(require("react-native-web/dist/cjs/exports/ScrollView"));
-
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
-
 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 DEBOUNCE_MS = 100;
+
 /**
  * A wrapper for ScrollView that supports an `onScrollEnd` function.
  *
@@ -29,7 +21,6 @@ const DEBOUNCE_MS = 100;
  * so we need to work around it with debouncing on `onScroll`. See:
  * https://github.com/necolas/react-native-web/issues/1021
  */
-
 const ScrollViewEnd = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     onScrollEnd,
@@ -39,14 +30,15 @@ const ScrollViewEnd = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   // Return debounced function directly from useCallback so it has .cancel method etc.
   // Linter complains this stops it automatically scanning the deps, but we can check them manually.
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  const debounceScrollEnd = (0, _react.useCallback)((0, _lodash.default)(event => onScrollEnd(event), DEBOUNCE_MS), [onScrollEnd]); // Call any onScroll handler immediately, and any onScrollEnd handler after 100ms of no scrolling
+  const debounceScrollEnd = (0, _react.useCallback)((0, _lodash.default)(event => onScrollEnd(event), DEBOUNCE_MS), [onScrollEnd]);
 
+  // Call any onScroll handler immediately, and any onScrollEnd handler after 100ms of no scrolling
   const handleScroll = event => {
     if (typeof onScroll === 'function') onScroll(event);
     if (typeof onScrollEnd === 'function') debounceScrollEnd(event);
-  }; // Cancel any lingering debounce timeouts on dismount
-
+  };
 
+  // Cancel any lingering debounce timeouts on dismount
   (0, _react.useEffect)(() => debounceScrollEnd.cancel);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollView.default, {
     ref: ref,

package/lib/HorizontalScroll/ScrollViewEnd.native.js

@@ -4,27 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ScrollView = _interopRequireDefault(require("react-native-web/dist/cjs/exports/ScrollView"));
-
 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; }
-
 /**
  * A wrapper for ScrollView that supports an `onScrollEnd` function.
  *
  * React Native has two scroll end handlers, we want to treat them both the same.
- */
-const ScrollViewEnd = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const ScrollViewEnd = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     onScrollEnd,
     ...props

package/lib/HorizontalScroll/index.js

@@ -10,19 +10,12 @@ Object.defineProperty(exports, "HorizontalScrollButton", {
   }
 });
 exports.horizontalScrollUtils = exports.default = void 0;
-
 var _HorizontalScroll = _interopRequireWildcard(require("./HorizontalScroll"));
-
 var _itemPositions = require("./itemPositions");
-
 var _HorizontalScrollButton = _interopRequireDefault(require("./HorizontalScrollButton"));
-
 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; }
-
 var _default = _HorizontalScroll.default;
 exports.default = _default;
 const horizontalScrollUtils = {

package/lib/HorizontalScroll/itemPositions.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useItemPositions = exports.itemPositionsPropType = exports.getItemPositionScrollTarget = exports.getItemPositionLayoutHandler = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // Utilities to assist scrolling a parent so that it snaps neatly to an appropriate child.
 
 /**
@@ -43,20 +39,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const getItemPositionScrollTarget = function (x, scrollMax, positions) {
   let buttonClearance = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   if (x <= 0) return 0;
-  if (x >= scrollMax) return scrollMax; // If not scrolling all the way to the start or end, stop
-  // where the first item is not coverred by the scroll previous button
+  if (x >= scrollMax) return scrollMax;
 
+  // If not scrolling all the way to the start or end, stop
+  // where the first item is not coverred by the scroll previous button
   const targetItem = Object.values(positions).find(_ref => {
     let {
       start,
       end
     } = _ref;
     return start <= x && end > x;
-  }); // If there's no target item we're landing at a gap between items
+  });
 
+  // If there's no target item we're landing at a gap between items
   const targetX = targetItem ? targetItem.start : x;
   return Math.max(0, targetX - buttonClearance);
 };
+
 /**
  * Returns a handler for React Native's `onLayout` which updates the values of
  * the ref object returned from `useItemPositions`.
@@ -65,10 +64,7 @@ const getItemPositionScrollTarget = function (x, scrollMax, positions) {
  * @param {number} index
  * @returns {function}
  */
-
-
 exports.getItemPositionScrollTarget = getItemPositionScrollTarget;
-
 const getItemPositionLayoutHandler = (positions, index) => {
   const handleLayout = _ref2 => {
     let {
@@ -79,16 +75,15 @@ const getItemPositionLayoutHandler = (positions, index) => {
         }
       }
     } = _ref2;
-
     /* eslint-disable-next-line no-param-reassign */
     positions[index] = {
       start: x,
       end: x + width
     };
   };
-
   return handleLayout;
 };
+
 /**
  * Wrapper for `useRef` which gives a mutable object in which item start/end coordinates,
  * scrollTo method and content/container widths may be set and updated without causing a re-render.
@@ -97,10 +92,7 @@ const getItemPositionLayoutHandler = (positions, index) => {
  *  - current ref object `{ positions, contentWidth, containerWidth, scrollOffset, scrollTo, setIsReady }`
  *  - boolean that updates to `true` (causing a re-render) after the first time `setIsReady` is called
  */
-
-
 exports.getItemPositionLayoutHandler = getItemPositionLayoutHandler;
-
 const useItemPositions = () => {
   const [isReady, setIsReady] = (0, _react.useState)(false);
   return [(0, _react.useRef)({
@@ -112,13 +104,11 @@ const useItemPositions = () => {
     setIsReady
   }).current, isReady];
 };
+
 /**
  * PropType for the ref object returned by `useItemPositions`
  */
-
-
 exports.useItemPositions = useItemPositions;
-
 const itemPositionsPropType = _propTypes.default.exact({
   positions: _propTypes.default.objectOf(_propTypes.default.shape({
     start: _propTypes.default.number,
@@ -130,5 +120,4 @@ const itemPositionsPropType = _propTypes.default.exact({
   scrollOffset: _propTypes.default.number,
   setIsReady: _propTypes.default.func
 });
-
 exports.itemPositionsPropType = itemPositionsPropType;

package/lib/Icon/Icon.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconComponentPropTypes = exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 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 _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 Icon = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     icon: IconComponent,
@@ -43,7 +32,8 @@ const Icon = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     color: themeTokens.color
   });
   return _Platform.default.OS === 'web' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
-    ref: ref // eslint-disable-next-line react-native/no-inline-styles
+    ref: ref
+    // eslint-disable-next-line react-native/no-inline-styles
     ,
     style: {
       // TODO: systematise animations.
@@ -60,17 +50,14 @@ Icon.displayName = 'Icon';
 const iconComponentPropTypes = {
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('Icon'),
-
   /**
    * Descriptive label used in web SVG title tag for accessibility
    */
   accessibilityLabel: _propTypes.default.string,
-
   /**
    * controls whether the icon size should be proportionate to any accessibility-related font scaling.
    */
   scalesWithText: _propTypes.default.bool,
-
   /**
    * Custom style object to be applied to the icon component.
    * This is useful for overriding the default icon style but for cases where desires styles are not available as tokens.
@@ -83,8 +70,8 @@ const iconComponentPropTypes = {
   style: _propTypes.default.object
 };
 exports.iconComponentPropTypes = iconComponentPropTypes;
-Icon.propTypes = { ...iconComponentPropTypes,
-
+Icon.propTypes = {
+  ...iconComponentPropTypes,
   /**
    * A valid UDS icon component imported from a UDS palette
    * (e.g.) `import { MyIcon } from @telus-uds/palette-<brand>/build/web/icons`

package/lib/Icon/IconText.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 _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _Icon = _interopRequireWildcard(require("./Icon"));
-
 var _StackView = require("../StackView");
-
 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; }
-
 /**
  * Returns an icon and some text with a sized gap between them. This is a utility component
  * intended for use when creating components, not intended for use in applications on its own.
@@ -34,10 +22,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * IconText does not wrap its children, so should be used either:
  *  - inline within a <Text> element
  *  - within a container with `flexDirection: 'row'`
- */
-const IconText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const IconText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   var _iconProps$tokens;
-
   let {
     space,
     iconPosition = 'left',
@@ -50,9 +36,10 @@ const IconText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     icon: IconComponent,
     scalesWithText: true,
     ...iconProps
-  }); // Inline images on Android are always baseline-aligned which makes them look misaligned - offset it.
-  // See abandoned issue https://github.com/facebook/react-native/issues/6529
+  });
 
+  // Inline images on Android are always baseline-aligned which makes them look misaligned - offset it.
+  // See abandoned issue https://github.com/facebook/react-native/issues/6529
   const size = (iconProps === null || iconProps === void 0 ? void 0 : (_iconProps$tokens = iconProps.tokens) === null || _iconProps$tokens === void 0 ? void 0 : _iconProps$tokens.size) ?? 0;
   const iconAdjustedAndriod = /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
     style: {
@@ -79,39 +66,32 @@ const IconText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 });
 IconText.displayName = 'IconText';
 IconText.propTypes = {
-  /* eslint-disable react/no-unused-prop-types */
-  // eslint is having hard time seeing these props through forwardRef
-
+  /* eslint-disable react/no-unused-prop-types */ // eslint is having hard time seeing these props through forwardRef
   /**
    * Amount of space to separate the text content and icon. Uses the themes's spacing scale
    * (see useSpacingScale for more info).
    */
   space: _utils.spacingProps.types.spacingValue,
-
   /**
    * Whether the icon should be to the left of the content or the right of the content.
    */
   iconPosition: _propTypes.default.oneOf(['left', 'right']),
-
   /**
    * A valid UDS icon component imported from a UDS palette.
    */
   icon: _propTypes.default.elementType,
-
   /**
    * Props that will be passed to the icon component. By default the icon's `scalesWithText`
    * prop will be set as "true" so that the icon continues to match the size of the text
    * if users use accessibility settings to increase text size.
    */
   iconProps: _propTypes.default.exact(_Icon.iconComponentPropTypes),
-
   /**
    * Content to be rendered alongside the Icon component. Usually this should be a
    * `<Typography>` component, or a component that renders `<Text>`.
    */
   children: _propTypes.default.node
   /* eslint-enable react/no-unused-prop-types */
-
 };
 var _default = IconText;
 exports.default = _default;

package/lib/Icon/index.js

@@ -16,16 +16,10 @@ Object.defineProperty(exports, "iconComponentPropTypes", {
     return _Icon.iconComponentPropTypes;
   }
 });
-
 var _Icon = _interopRequireWildcard(require("./Icon"));
-
 var _IconText = _interopRequireDefault(require("./IconText"));
-
 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; }
-
 var _default = _Icon.default;
 exports.default = _default;