@telus-uds/components-base 1.66.0 → 1.67.1

package/lib/SideNav/SideNav.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 _ExpandCollapse = _interopRequireDefault(require("../ExpandCollapse"));
-
 var _Item = _interopRequireDefault(require("./Item"));
-
 var _ItemsGroup = _interopRequireDefault(require("./ItemsGroup"));
-
 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; }
-
 function selectBorderStyles(tokens) {
   return {
     borderBottomWidth: tokens.borderWidth,
@@ -34,14 +22,13 @@ function selectBorderStyles(tokens) {
     borderBottomColor: tokens.borderColor
   };
 }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+
 /**
  ## Usage Criteria
  - Use in conjunction with a large amount of educational / informational content
  - Allow the user to navigate between options frequently and efficiently
  */
-
 const SideNav = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -57,18 +44,15 @@ const SideNav = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     groupId: undefined,
     itemId: undefined
   });
-
   const onItemPress = (itemId, groupId) => {
     setActive({
       itemId,
       groupId
     });
   };
-
   const isItemActive = (itemId, groupId) => {
     return active.groupId === groupId && active.itemId === itemId;
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandCollapse.default, {
     ref: ref,
     maxOpen: accordion ? 1 : null,
@@ -79,23 +63,22 @@ const SideNav = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         openIds,
         onToggle
       } = _ref2;
-
       const renderItem = (item, index, groupId) => {
         const {
           itemId = `item-${index}`,
           onPress
         } = item.props;
-
         const handlePress = function () {
           onItemPress(...arguments);
           if (onPress) onPress(...arguments);
         };
-
-        return /*#__PURE__*/(0, _react.createElement)(_Item.default, { ...item.props,
+        return /*#__PURE__*/(0, _react.createElement)(_Item.default, {
+          ...item.props,
           key: itemId,
           itemId: itemId,
           groupId: groupId,
-          variant: groupId ? { ...variant,
+          variant: groupId ? {
+            ...variant,
             type: 'child'
           } : variant,
           tokens: itemTokens,
@@ -103,20 +86,17 @@ const SideNav = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           onPress: handlePress
         });
       };
-
       return _react.default.Children.map(children, (child, index) => {
         // iterate over children and identify them internally to later reference expanded groups and active items
         if (child.type === _Item.default) return renderItem(child, index);
-
         if (child.type === _ItemsGroup.default) {
           const {
             groupId = `group-${index}`
           } = child.props;
           const isGroupActive = active.itemId !== undefined && active.groupId === groupId;
-
           const handleToggle = event => onToggle(groupId, event);
-
-          return /*#__PURE__*/(0, _react.createElement)(_ItemsGroup.default, { ...child.props,
+          return /*#__PURE__*/(0, _react.createElement)(_ItemsGroup.default, {
+            ...child.props,
             key: groupId,
             groupId: groupId,
             variant: variant,
@@ -127,32 +107,28 @@ const SideNav = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             onToggle: handleToggle
           }, _react.default.Children.map(child.props.children, (item, itemIndex) => renderItem(item, itemIndex, groupId)));
         }
-
         return null;
       });
     }
   });
 });
 SideNav.displayName = 'SideNav';
-SideNav.propTypes = { ...selectedSystemPropTypes,
-
+SideNav.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Specifies the structure and links of the `SideNav`. It may only consist of `SideNav.Item` and `SideNav.ItemsGroup`.
    */
   children: (0, _utils.componentPropType)(['Item', 'ItemsGroup']),
-
   /**
    * Identifies if only one `SideNav.ItemsGroup` should be open at a time.
    */
   accordion: _propTypes.default.bool,
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('SideNav'),
-
   /**
    * Custom tokens for `SideNav.Item`
    */
   itemTokens: (0, _utils.getTokensPropType)('SideNavItem'),
-
   /**
    * Custom tokens for `SideNavItemsGroup`
    */

package/lib/SideNav/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _SideNav.default;
   }
 });
-
 var _SideNav = _interopRequireDefault(require("./SideNav"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Skeleton/Skeleton.js

@@ -4,39 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Animated = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Animated"));
-
 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _StackView = _interopRequireDefault(require("../StackView"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _useSkeletonNativeAnimation = _interopRequireDefault(require("./useSkeletonNativeAnimation"));
-
 var _skeletonWebAnimation = _interopRequireDefault(require("./skeletonWebAnimation"));
-
 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 selectSkeletonStyles = _ref => {
   let {
     color,
@@ -48,7 +31,6 @@ const selectSkeletonStyles = _ref => {
     maxWidth: '100%'
   };
 };
-
 const selectLineStyles = _ref2 => {
   let {
     skeletonHeight,
@@ -59,7 +41,6 @@ const selectLineStyles = _ref2 => {
     height: skeletonHeight
   };
 };
-
 const selectShapeStyles = _ref3 => {
   let {
     skeletonHeight
@@ -69,7 +50,6 @@ const selectShapeStyles = _ref3 => {
     width: skeletonHeight
   };
 };
-
 const selectSquareStyles = _ref4 => {
   let {
     radius
@@ -78,7 +58,6 @@ const selectSquareStyles = _ref4 => {
     borderRadius: radius
   };
 };
-
 const Skeleton = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   let {
     tokens,
@@ -93,15 +72,18 @@ const Skeleton = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   } = _ref5;
   const themeTokens = (0, _ThemeProvider.useThemeTokens)('Skeleton', tokens, variant);
   const pixels = (0, _utils.useResponsiveProp)(sizePixels);
-  const spacingScaleValue = typeof pixels === 'number' ? // Size by an exact number of pixels
+  const spacingScaleValue = typeof pixels === 'number' ?
+  // Size by an exact number of pixels
   {
     options: {
       size: pixels
     }
-  } : // Size by an index on the spacing scale (getting default index from theme if none provided)
+  } :
+  // Size by an index on the spacing scale (getting default index from theme if none provided)
   sizeIndex || themeTokens.size;
-  const skeletonHeight = (0, _utils.useSpacingScale)(spacingScaleValue); // Animation color and animation duration
+  const skeletonHeight = (0, _utils.useSpacingScale)(spacingScaleValue);
 
+  // Animation color and animation duration
   const {
     secondColor,
     animationDuration
@@ -109,33 +91,27 @@ const Skeleton = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   const nativeAnimation = (0, _useSkeletonNativeAnimation.default)({
     animationDuration
   });
-
   const getAnimationBasedOnPlatform = () => {
-    const animation = _Platform.default.OS === 'web' ? (0, _skeletonWebAnimation.default)(secondColor, animationDuration) : nativeAnimation; // We must pass the animation styles through `StyleSheet.create`
+    const animation = _Platform.default.OS === 'web' ? (0, _skeletonWebAnimation.default)(secondColor, animationDuration) : nativeAnimation;
+    // We must pass the animation styles through `StyleSheet.create`
     // @see https://github.com/necolas/react-native-web/issues/2387
-
     const styles = _StyleSheet.default.create({
       animation
     });
-
     return styles.animation;
   };
-
   const getLineWidth = () => {
     if (characters) {
       return characters * themeTokens.baseWidth;
     }
-
     return themeTokens.characters * themeTokens.baseWidth;
   };
-
   const getStyledBasedOnShape = () => {
     if (shape === 'circle') {
       return selectShapeStyles({
         skeletonHeight
       });
     }
-
     if (shape === 'box') {
       return [selectShapeStyles({
         skeletonHeight
@@ -143,13 +119,11 @@ const Skeleton = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
         radius: themeTokens.squareRadius
       })];
     }
-
     return selectLineStyles({
       skeletonHeight,
       lineWidth: getLineWidth()
     });
   };
-
   const renderSkeleton = function () {
     let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     // @see https://github.com/necolas/react-native-web/issues/2387
@@ -159,7 +133,6 @@ const Skeleton = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
       style: [selectSkeletonStyles(themeTokens), getAnimationBasedOnPlatform(), getStyledBasedOnShape()]
     }, `skeleton-${index + 1}`);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StackView.default, {
     space: themeTokens.spaceBetweenLines,
     ref: ref,
@@ -168,36 +141,32 @@ const Skeleton = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   });
 });
 Skeleton.displayName = 'Skeleton';
-Skeleton.propTypes = { ...selectedSystemPropTypes,
+Skeleton.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('Skeleton'),
   variant: _utils.variantProp.propType,
-
   /**
    * Sets the size of Skeleton lines or shape according to the theme's spacing scale. For example, size={1} gives the smallest non-zero theme-defined spacing size.
    *
    * May also accept an object with responsive viewport keys or spacing scale options - see `useSpacingScale` for details.
    */
   sizeIndex: _utils.spacingProps.types.spacingValue,
-
   /**
    * @deprecated alias for `sizeIndex`
    */
   size: _utils.spacingProps.types.spacingValue,
-
   /**
    * Sets the size of Skeleton lines or shape to an exact number of pixels. Use when it's necessary to exactly match sizes of images or other boxes.
    *
    * Accepts a number or an object with responsive viewport keys, e.g. { xs: 32, lg: 64 } would be 32px at xs, sm and md and 64 at lg and xl viewports.
    */
   sizePixels: _utils.responsiveProps.getTypeOptionallyByViewport(_propTypes.default.number),
-
   /**
    * Determines the width of simulated lines of text if the Skeleton's shape is 'line' (the default shape).
    *
    * Only has any affect if shape is line (the default). If unset, takes a default value from the theme.
    */
   characters: _propTypes.default.number,
-
   /**
    * Determines how many Skeleton items are rendered (default 1).
    *
@@ -206,7 +175,6 @@ Skeleton.propTypes = { ...selectedSystemPropTypes,
    * The amount of spacing between multiple lines is controlled by theme tokens.
    */
   lines: _propTypes.default.number,
-
   /**
    * Determines if the skeleton should resemble lines of text (default), a circle, or a square box with themed rounded corners.
    */

package/lib/Skeleton/index.js

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

package/lib/Skeleton/skeletonWebAnimation.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const skeletonWebAnimation = (secondColor, animationTime) => {
   return {
     animationDuration: `${animationTime}ms`,
@@ -18,6 +17,5 @@ const skeletonWebAnimation = (secondColor, animationTime) => {
     }
   };
 };
-
 var _default = skeletonWebAnimation;
 exports.default = _default;

package/lib/Skeleton/useSkeletonNativeAnimation.js

@@ -4,24 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _Animated = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Animated"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _skeleton = require("./skeleton.constant");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const useSkeletonNativeAnimation = _ref => {
   let {
     animationDuration
   } = _ref;
   const fadeAnimation = (0, _react.useRef)(new _Animated.default.Value(_skeleton.DEFAULT_OPACITY)).current;
-  /* eslint-disable react-hooks/exhaustive-deps */
 
+  /* eslint-disable react-hooks/exhaustive-deps */
   (0, _react.useEffect)(() => {
     const fade = _Animated.default.sequence([_Animated.default.timing(fadeAnimation, {
       toValue: _skeleton.OPACITY_STOP,
@@ -32,13 +26,11 @@ const useSkeletonNativeAnimation = _ref => {
       duration: animationDuration,
       useNativeDriver: _Platform.default.OS !== 'web'
     })]);
-
     _Animated.default.loop(fade).start();
   }, [fadeAnimation]);
   return {
     opacity: fadeAnimation
   };
 };
-
 var _default = useSkeletonNativeAnimation;
 exports.default = _default;

package/lib/SkipLink/SkipLink.js

@@ -4,33 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 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 [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.linkProps]);
 
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.linkProps]); // ensure explicit selection of tokens
-
+// ensure explicit selection of tokens
 const selectStyles = _ref => {
   let {
     backgroundColor,
@@ -53,7 +41,6 @@ const selectStyles = _ref => {
     borderRadius
   };
 };
-
 const selectTextStyles = _ref2 => {
   let {
     color,
@@ -71,6 +58,7 @@ const selectTextStyles = _ref2 => {
     fontSize
   };
 };
+
 /**
  * A generic Skip link component, unstyled by default.
  * A Skip link component help keyboard-only users, screen reader users to skip
@@ -126,8 +114,6 @@ const selectTextStyles = _ref2 => {
  *
  * Skip link supports all the common a11y and link props.
  */
-
-
 const SkipLink = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     tokens,
@@ -136,16 +122,14 @@ const SkipLink = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     children,
     ...rawRest
   } = _ref3;
-
   const {
     onPress,
     ...rest
   } = _utils.clickProps.toPressProps(rawRest);
-
   const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('SkipLink', tokens, variant);
-
   const handlePress = event => {
-    if (typeof onPress === 'function') onPress(event); // TODO - support native apps with something based on refs and/or setAccessibilityFocus
+    if (typeof onPress === 'function') onPress(event);
+    // TODO - support native apps with something based on refs and/or setAccessibilityFocus
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
@@ -173,13 +157,12 @@ const SkipLink = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   });
 });
 SkipLink.displayName = 'SkipLink';
-SkipLink.propTypes = { ...selectedSystemPropTypes,
-
+SkipLink.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * The text content shown or read out when the SkipLink is focused, usually a string.
    */
   children: _propTypes.default.node,
-
   /**
    * The target to skip to. Usually an anchor link to a section id (e.g. href="#main-section").
    */
@@ -187,7 +170,6 @@ SkipLink.propTypes = { ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('SkipLink'),
   variant: _utils.variantProp.propType
 };
-
 const staticStyles = _StyleSheet.default.create({
   baseline: {
     alignSelf: 'baseline'
@@ -214,7 +196,5 @@ const staticStyles = _StyleSheet.default.create({
     })
   }
 });
-
 var _default = (0, _utils.withLinkRouter)(SkipLink);
-
 exports.default = _default;

package/lib/SkipLink/index.js

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

package/lib/Spacer/Spacer.js

@@ -4,36 +4,25 @@ 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 _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; }
-
 /**
  * @typedef {import('../utils/props/spacingProps.js').SpacingValue} SpacingValue
  * @typedef {import('../utils/props/spacingProps.js').SpacingObject} SpacingObject
- */
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
+ */const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
 const selectSizeStyle = (size, direction) => ({
   // Only apply space in one direction at a time, else large spacers will increase the
   // 'across' size of the parent and mess up siblings with styles like `alignItems: stretch`.
   [direction === 'row' ? 'width' : 'height']: size
 });
+
 /**
  * An empty element used to create a gap between components that is sized according to the theme spacing scale,
  * passing its `space` prop ({@link SpacingValue}) to `useSpacingScale`.
@@ -74,8 +63,6 @@ const selectSizeStyle = (size, direction) => ({
  * Spacer has no content and is ignored by tools such as screen readers. Use `Divider` for
  * separations between elements that may be treated as semantically meaningful on web.
  */
-
-
 const Spacer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     space = 1,
@@ -91,15 +78,14 @@ const Spacer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 Spacer.displayName = 'Spacer';
-Spacer.propTypes = { ...selectedSystemPropTypes,
-
+Spacer.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * The size of the spacer according to the theme's spacing scale.
    * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
    * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
    */
   space: _utils.spacingProps.types.spacingValue,
-
   /**
    * The spacer applies space in only one direction, which is controlled by the `direction` prop:
    *
@@ -108,12 +94,10 @@ Spacer.propTypes = { ...selectedSystemPropTypes,
    */
   direction: _propTypes.default.oneOf(['column', 'row'])
 };
-
 const staticStyles = _StyleSheet.default.create({
   stretch: {
     alignSelf: 'stretch'
   }
 });
-
 var _default = Spacer;
 exports.default = _default;

package/lib/Spacer/index.js

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