@telus-uds/components-base 1.66.0 → 1.67.1

package/lib-module/Validator/Validator.js

@@ -10,7 +10,6 @@ import InputSupports from '../InputSupports';
 import { useThemeTokens } from '../ThemeProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 const [selectProps, selectedSystemPropTypes] = selectSystemProps([inputSupportsProps]);
-
 const selectCodeTextInputTokens = _ref => {
   let {
     outerBorderColor,
@@ -22,7 +21,6 @@ const selectCodeTextInputTokens = _ref => {
     icon: null
   };
 };
-
 const Validator = /*#__PURE__*/forwardRef((_ref2, ref) => {
   let {
     value = '',
@@ -44,93 +42,72 @@ const Validator = /*#__PURE__*/forwardRef((_ref2, ref) => {
   const prefix = 'code';
   const sufixValidation = 'Validation';
   const [isHover, setIsHover] = useState(false);
-
   const handleMouseOver = () => {
     setIsHover(true);
   };
-
   const handleMouseOut = () => {
     setIsHover(false);
   };
-
   const themeTokens = useThemeTokens('TextInput', tokens, variant, {
     hover: isHover
   });
   const [codeReferences, singleCodes] = useMemo(() => {
     const codes = [];
     const valueCodes = {};
-
     for (let i = 0; validatorsLength && i < validatorsLength; i += 1) {
       codes[prefix + i] = /*#__PURE__*/createRef();
       valueCodes[prefix + i] = '';
       valueCodes[prefix + i + sufixValidation] = '';
     }
-
     return [codes, valueCodes];
   }, []);
-
   const handleSingleCodes = (codeId, val, validation) => {
     singleCodes[codeId] = val;
     singleCodes[codeId + sufixValidation] = validation;
     /* eslint-disable no-unused-expressions */
-
-    setIndividualCodes({ ...individualCodes,
+    setIndividualCodes({
+      ...individualCodes,
       [codeId]: val
     });
   };
-
   const handleChangeCode = () => {
     let code = '';
-
     for (let i = 0; i < validatorsLength; i += 1) code += singleCodes[prefix + i];
-
     if (typeof onChange === 'function') onChange(code, singleCodes);
   };
-
   const handleChangeCodeValues = (event, codeId, nextIndex) => {
     var _codeReferences$codeI, _event$nativeEvent, _event$target, _codeElement$value, _codeElement$value2;
-
     const codeElement = (_codeReferences$codeI = codeReferences[codeId]) === null || _codeReferences$codeI === void 0 ? void 0 : _codeReferences$codeI.current;
     const val = ((_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.value) || ((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
-
     if (Number(val).toString() === 'NaN') {
       codeElement.value = singleCodes[codeId] ?? '';
       return;
     }
-
     if ((codeElement === null || codeElement === void 0 ? void 0 : (_codeElement$value = codeElement.value) === null || _codeElement$value === void 0 ? void 0 : _codeElement$value.length) > 1) {
       const oldValue = singleCodes[codeId];
       const newValue = codeElement.value.replace(oldValue, '');
       codeElement.value = newValue;
       handleSingleCodes(codeId, codeElement.value, 'success');
     }
-
     handleSingleCodes(codeId, (codeElement === null || codeElement === void 0 ? void 0 : codeElement.value) ?? singleCodes[codeId], 'success');
     handleChangeCode();
-
     if (nextIndex === validatorsLength) {
       codeElement.blur();
       return;
     }
-
     if ((codeElement === null || codeElement === void 0 ? void 0 : (_codeElement$value2 = codeElement.value) === null || _codeElement$value2 === void 0 ? void 0 : _codeElement$value2.length) > 0) codeReferences[prefix + nextIndex].current.focus();
   };
-
   const handleKeyPress = (event, currentIndex, previousIndex) => {
     if (!(event.keyCode === 8 || event.code === 'Backspace')) return;
-
     if (currentIndex > 0) {
       codeReferences[prefix + currentIndex].current.value = '';
       codeReferences[prefix + previousIndex].current.focus();
     }
-
     handleSingleCodes(prefix + currentIndex, '', '');
     handleChangeCode();
   };
-
   const getCodeComponents = () => {
     const components = [];
-
     for (let i = 0; validatorsLength && i < validatorsLength; i += 1) {
       const codeId = prefix + i;
       const codeInputProps = {
@@ -141,7 +118,6 @@ const Validator = /*#__PURE__*/forwardRef((_ref2, ref) => {
         tokens: selectCodeTextInputTokens(themeTokens),
         onFocus: () => {
           var _codeReferences$codeI2, _codeReferences$codeI3;
-
           return ((_codeReferences$codeI2 = codeReferences[codeId]) === null || _codeReferences$codeI2 === void 0 ? void 0 : (_codeReferences$codeI3 = _codeReferences$codeI2.current) === null || _codeReferences$codeI3 === void 0 ? void 0 : _codeReferences$codeI3.select()) ?? null;
         },
         onKeyPress: event => handleKeyPress(event, i, i - 1),
@@ -152,44 +128,39 @@ const Validator = /*#__PURE__*/forwardRef((_ref2, ref) => {
       codeInputProps.validation || delete codeInputProps.validation;
       components.push( /*#__PURE__*/_jsx(View, {
         style: staticStyles.codeInputWidth,
-        children: /*#__PURE__*/_jsx(TextInput, { ...codeInputProps
+        children: /*#__PURE__*/_jsx(TextInput, {
+          ...codeInputProps
         })
       }, codeId));
     }
-
     return components;
   };
-
   useEffect(() => {
     /* eslint-disable no-unused-expressions */
     if (Number(value).toString() !== 'NaN') setText(value);
   }, [value]);
-  /* eslint-disable react-hooks/exhaustive-deps */
 
+  /* eslint-disable react-hooks/exhaustive-deps */
   useEffect(() => {
     for (let i = 0; i < validatorsLength; i += 1) {
       codeReferences[prefix + i].current.value = text[i] ?? '';
       handleSingleCodes(prefix + i, text[i] ?? '', text[i] ? 'success' : '');
     }
   }, [text]);
-  /* eslint-disable react-hooks/exhaustive-deps */
 
+  /* eslint-disable react-hooks/exhaustive-deps */
   useEffect(() => {
     const handlePasteCode = event => {
       setText('');
       const clipBoardText = event.clipboardData.getData('text');
       if (Number(clipBoardText).toString() !== 'NaN') setText(clipBoardText);
     };
-
     const handleCopy = event => {
       let clipBoardText = '';
-
       for (let i = 0; i < validatorsLength; i += 1) singleCodes[prefix + i] && (clipBoardText += singleCodes[prefix + i]);
-
       event.clipboardData.setData('text/plain', clipBoardText);
       event.preventDefault();
     };
-
     if (Platform.OS === 'web') {
       for (let i = 0; i < validatorsLength; i += 1) {
         codeReferences[prefix + i].current.addEventListener('paste', handlePasteCode);
@@ -197,12 +168,10 @@ const Validator = /*#__PURE__*/forwardRef((_ref2, ref) => {
         codeReferences[prefix + i].current.addEventListener('input', event => handleChangeCodeValues(event, prefix + i, i + 1));
       }
     }
-
     return () => {
       if (Platform.oldValue === 'web') {
         for (let i = 0; i < validatorsLength; i += 1) {
           var _codeReferences, _codeReferences$curre, _codeReferences2, _codeReferences2$curr, _codeReferences3, _codeReferences3$curr;
-
           (_codeReferences = codeReferences[prefix + i]) === null || _codeReferences === void 0 ? void 0 : (_codeReferences$curre = _codeReferences.current) === null || _codeReferences$curre === void 0 ? void 0 : _codeReferences$curre.removeEventListener('paste', handlePasteCode);
           (_codeReferences2 = codeReferences[prefix + i]) === null || _codeReferences2 === void 0 ? void 0 : (_codeReferences2$curr = _codeReferences2.current) === null || _codeReferences2$curr === void 0 ? void 0 : _codeReferences2$curr.removeEventListener('copy', handleCopy);
           (_codeReferences3 = codeReferences[prefix + i]) === null || _codeReferences3 === void 0 ? void 0 : (_codeReferences3$curr = _codeReferences3.current) === null || _codeReferences3$curr === void 0 ? void 0 : _codeReferences3$curr.removeEventListener('input', event => handleChangeCodeValues(event, prefix + i, i + 1));
@@ -210,7 +179,8 @@ const Validator = /*#__PURE__*/forwardRef((_ref2, ref) => {
       }
     };
   }, []);
-  return /*#__PURE__*/_jsx(InputSupports, { ...supportsProps,
+  return /*#__PURE__*/_jsx(InputSupports, {
+    ...supportsProps,
     children: /*#__PURE__*/_jsx(StackView, {
       space: 2,
       direction: "row",
@@ -220,18 +190,16 @@ const Validator = /*#__PURE__*/forwardRef((_ref2, ref) => {
   });
 });
 Validator.displayName = 'Validator';
-Validator.propTypes = { ...selectedSystemPropTypes,
-
+Validator.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * The value is a 6-digit code, may be only numeric characters, non numeric character aren't renderize
    */
   value: PropTypes.string,
-
   /**
    * If true, the component is inactive and non editable.
    */
   inactive: PropTypes.bool,
-
   /**
    * Use to react upon input's value changes. Required when the `value` prop is set. Will receive the input's value as an argument.
    */

package/lib-module/ViewportProvider/ViewportProvider.js

@@ -3,12 +3,11 @@ import PropTypes from 'prop-types';
 import { viewports } from '@telus-uds/system-constants';
 import { ViewportContext } from './useViewport';
 import useViewportListener from './useViewportListener';
+
 /**
  * Provides an up-to-date viewport value from system-constants, available via the `useViewport` hook
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const ViewportProvider = _ref => {
   let {
     children
@@ -22,7 +21,6 @@ const ViewportProvider = _ref => {
     children: children
   });
 };
-
 ViewportProvider.propTypes = {
   children: PropTypes.node.isRequired
 };

package/lib-module/ViewportProvider/useViewportListener.js

@@ -1,39 +1,37 @@
 import Dimensions from "react-native-web/dist/exports/Dimensions";
 import { viewports } from '@telus-uds/system-constants';
-import useSafeLayoutEffect from '../utils/useSafeLayoutEffect'; // Use Dimensions instead of useWindowDimensions because useWindowDimensions forces context
+import useSafeLayoutEffect from '../utils/useSafeLayoutEffect';
+
+// Use Dimensions instead of useWindowDimensions because useWindowDimensions forces context
 // to update on every pixel change during window resize; but we only want rerenders to occur
 // when a viewport threshold has been crossed.
-
 const lookupViewport = () => viewports.select(Dimensions.get('window').width);
+
 /**
  * When client-side rendering, immediately set the viewport to the correct value as a layout effect so
  * if the viewport isn't the smallest, any SSR-rendered components rerender correctly before anything
  * is shown to the user. Then bind events to update the viewport if it changes.
  */
-
-
 const useViewportListener = setViewport => {
   useSafeLayoutEffect(() => {
     setViewport(lookupViewport());
-
     const onChange = _ref => {
       let {
         window
       } = _ref;
       return setViewport(viewports.select(window.width));
     };
-
     const listener = Dimensions.addEventListener('change', onChange);
     return () => {
       if (typeof (listener === null || listener === void 0 ? void 0 : listener.remove) === 'function') {
         // Can't just return listener.remove because listener.emitter disappears, causing an internal error.
         // See https://github.com/facebook/react-native/issues/34508
-        listener.remove(); // From RN 0.65.0, Dimensions.removeEventListener is deprecated for `remove` on addEventListener return value
+        listener.remove();
+        // From RN 0.65.0, Dimensions.removeEventListener is deprecated for `remove` on addEventListener return value
       } else if (typeof Dimensions.removeEventListener === 'function') {
         Dimensions.removeEventListener('change', onChange);
       }
     };
   }, [setViewport]);
 };
-
 export default useViewportListener;

package/lib-module/index.js

@@ -9,6 +9,7 @@ export { default as Listbox } from './Listbox';
 export { default as Checkbox } from './Checkbox';
 export * from './Checkbox';
 export { default as CheckboxCard } from './CheckboxCard';
+export { default as CheckboxCardGroup } from './CheckboxCardGroup';
 export { default as Divider } from './Divider';
 export { default as ExpandCollapse, Accordion } from './ExpandCollapse';
 export { default as Feedback } from './Feedback';

package/lib-module/utils/BaseView/BaseView.js

@@ -3,11 +3,11 @@ import NativeView from "react-native-web/dist/exports/View";
 import StyleSheet from "react-native-web/dist/exports/StyleSheet";
 import PropTypes from 'prop-types';
 import { useTheme } from '../../ThemeProvider';
+
 /**
  * Identical to React Native's View and supporting all the same props, but with:
  *  - a zIndex: 'auto' style added to prevent unexpectedly causing children to overlap other elements from other stacking contexts
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 const BaseView = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
@@ -19,12 +19,11 @@ const BaseView = /*#__PURE__*/forwardRef((_ref, ref) => {
     themeOptions
   } = useTheme();
   const styleProp = Array.isArray(style) ? [...style] : [style];
-
   if (!themeOptions.forceZIndex) {
     styleProp.unshift(styles.resetZIndex);
   }
-
-  return /*#__PURE__*/_jsx(NativeView, { ...rest,
+  return /*#__PURE__*/_jsx(NativeView, {
+    ...rest,
     style: styleProp,
     ref: ref,
     children: children

package/lib-module/utils/BaseView/BaseView.native.js

@@ -2,5 +2,4 @@ import BaseView from "react-native-web/dist/exports/View";
 /**
  * Android crashes on non-standard style properties like `zIndex` so adding a `BaseView` for native platforms
  */
-
 export default BaseView;

package/lib-module/utils/a11y/semantics.js

@@ -2,7 +2,6 @@ import Platform from "react-native-web/dist/exports/Platform";
 /**
  * @typedef {import('react-native').AccessibilityRole} AccessibilityRole
  */
-
 /**
  * This is based on the role-to-tag mapping that React Native Web uses to set HTML tags.
  * It's not exported in any way from RNW, so we need to keep this up-to-date manually.
@@ -23,10 +22,7 @@ import Platform from "react-native-web/dist/exports/Platform";
  */
 // Adding `/** @type {const} */ ({...})` denotes object content as `readonly` in many IDEs
 // eslint-disable-next-line prettier/prettier
-
-const rolesToTags =
-/** @type {const} */
-{
+const rolesToTags = /** @type {const} */{
   article: 'article',
   banner: 'header',
   blockquote: 'blockquote',
@@ -45,23 +41,22 @@ const rolesToTags =
   region: 'section',
   strong: 'strong',
   // Add special cases that are in RNW's function logic but not in its mapping object
-  label: 'label' // eslint-disable-next-line prettier/prettier
-
-}; // Invert React Native Web's mapping, so a tag gets the role that gets that tag
+  label: 'label'
+  // eslint-disable-next-line prettier/prettier
+};
 
+// Invert React Native Web's mapping, so a tag gets the role that gets that tag
 export const tagsToRoles = Object.fromEntries(Object.entries(rolesToTags).map(_ref => {
   let [key, value] = _ref;
   return [value, key];
 }));
+
 /**
  * Heading HTML tags map to the "heading" accessibilityRole in native apps, which is similar
  * to headings on web but without the expectation of a hierarchy of headings within one screen.
  */
 // eslint-disable-next-line prettier/prettier
-
-export const headingTags =
-/** @type {const} */
-['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+export const headingTags = /** @type {const} */['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 /**
  * @typedef {typeof headingTags[number]} HeadingTag
  */
@@ -72,7 +67,6 @@ export const headingTags =
  *
  * Of these, only headers (h1, h2, ...h5, h6) set a corresponding accessibilityRole in native apps ("heading").
  */
-
 export const supportedTags = [...Object.keys(tagsToRoles), ...headingTags];
 /**
  * Uses readonly mapping keys/values to generate static types for IDEs that support TS in JSDoc.
@@ -86,10 +80,8 @@ export const supportedTags = [...Object.keys(tagsToRoles), ...headingTags];
  * Of these, only headers (h1, h2, ...h5, h6) set a corresponding accessibilityRole in native apps ("heading").
  */
 // eslint-disable-next-line prettier/prettier
-
-export const layoutTags =
-/** @type {const} */
-[...headingTags, 'article', 'aside', 'blockquote', 'footer', 'figure', 'form', 'header', 'ul', 'li', 'main', 'nav', 'section', 'label' // eslint-disable-next-line prettier/prettier
+export const layoutTags = /** @type {const} */[...headingTags, 'article', 'aside', 'blockquote', 'footer', 'figure', 'form', 'header', 'ul', 'li', 'main', 'nav', 'section', 'label'
+// eslint-disable-next-line prettier/prettier
 ];
 /**
  * @typedef {typeof layoutTags[number]} LayoutTag
@@ -101,10 +93,8 @@ export const layoutTags =
  * Of these, only headers (h1, h2, ...h5, h6) set a corresponding accessibilityRole in native apps ("heading").
  */
 // eslint-disable-next-line prettier/prettier
-
-export const textTags =
-/** @type {const} */
-[...headingTags, 'blockquote', 'code', 'del', 'em', 'ins', 'li', 'strong', 'label' // eslint-disable-next-line prettier/prettier
+export const textTags = /** @type {const} */[...headingTags, 'blockquote', 'code', 'del', 'em', 'ins', 'li', 'strong', 'label'
+// eslint-disable-next-line prettier/prettier
 ];
 /**
  * @typedef {typeof layoutTags[number]} TextTag
@@ -117,8 +107,8 @@ export const textTags =
  * @param {string} [tag] - HTML tag string; returns undefined if not a {@link HeadingTag}
  * @returns {'1' | '2' | '3' | '4' | '5' | '6' | undefined}
  */
-
 export const getHeadingLevel = tag => headingTags.includes(tag) ? Number(tag[1]) : undefined;
+
 /**
  * Takes a supported HTML tag, and returns the accessibility props that, on web, make React Native Web
  * render that tag.
@@ -131,13 +121,11 @@ export const getHeadingLevel = tag => headingTags.includes(tag) ? Number(tag[1])
  * @param {AccessibilityRole | null} [nativeRole] - optional accessibilityRole for native apps
  * @returns {{ accessibilityRole: string, accessibilityLevel?: string } | undefined}
  */
-
 export const getA11yPropsFromHtmlTag = (tag, nativeRole) => {
   // Allow cross-platform apps to set accessibilityRoles alongside a web tag without conflict
   if (nativeRole !== undefined && Platform.OS !== 'web') return {
     accessibilityRole: nativeRole
   };
-
   if (tag) {
     // aria roles don't have native counterparts and RN may throw an error if an unrecognised role is passed
     const ariaRole = Platform.OS === 'web' && tagsToRoles[tag];
@@ -149,9 +137,8 @@ export const getA11yPropsFromHtmlTag = (tag, nativeRole) => {
       accessibilityRole: 'header',
       accessibilityLevel
     };
-  } // If nothing matches or no tag supplied, return undefined and let component decide how to fall back.
+  }
+  // If nothing matches or no tag supplied, return undefined and let component decide how to fall back.
   // Note that return value may always be spread in objects (it is safe to spread undefined like { ...undefined })
-
-
   return undefined;
 };

package/lib-module/utils/a11y/textSize.js

@@ -7,13 +7,13 @@ import Platform from "react-native-web/dist/exports/Platform";
  * @param {number} [value] - the value to multiply; defaults to system default font size
  * @param {number} [maxScale] - the maximum multiplier to apply; defaults to no maximum
  */
-
 export const scaleWithText = function (value) {
   let maxScale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
   if (!value) return value;
   const scale = Math.min(PixelRatio.getFontScale(), maxScale) || 1;
   return value * scale;
 };
+
 /**
  * Native only, returns `undefined` on Web.
  *
@@ -24,7 +24,6 @@ export const scaleWithText = function (value) {
  * The return value of this function can be used as a React Native `Text` element's
  * `maxFontSizeMultiplier` prop value.
  */
-
 export const getMaxFontMultiplier = _ref => {
   let {
     fontSize,

package/lib-module/utils/animation/useVerticalExpandAnimation.js

@@ -2,9 +2,10 @@ import { useEffect, useRef, useState } from 'react';
 import Animated from "react-native-web/dist/exports/Animated";
 import Easing from "react-native-web/dist/exports/Easing";
 import Platform from "react-native-web/dist/exports/Platform";
-import useSafeLayoutEffect from '../useSafeLayoutEffect'; // TODO: systematise animations
-// https://github.com/telus/universal-design-system/issues/487
+import useSafeLayoutEffect from '../useSafeLayoutEffect';
 
+// TODO: systematise animations
+// https://github.com/telus/universal-design-system/issues/487
 function useVerticalExpandAnimation(_ref) {
   let {
     containerHeight,
@@ -28,16 +29,15 @@ function useVerticalExpandAnimation(_ref) {
   }, [expandStateChanged, isExpanded]);
   useEffect(() => {
     const onComplete = () => setIsAnimating(false);
-
     if (Platform.OS === 'web') {
-      if (!elementRef.current) return () => {}; // React Native Web does not pass `onTransitionEnd` through, must attach manually.
-      // https://github.com/necolas/react-native-web/pull/1713
+      if (!elementRef.current) return () => {};
 
+      // React Native Web does not pass `onTransitionEnd` through, must attach manually.
+      // https://github.com/necolas/react-native-web/pull/1713
       const element = elementRef.current;
       element.addEventListener('transitionend', onComplete);
       return () => element.removeEventListener('transitionend', onComplete);
     }
-
     const animationConfig = {
       duration: isExpanded ? expandDuration : collapseDuration,
       easing: Easing.inOut(Easing.ease),
@@ -50,7 +50,6 @@ function useVerticalExpandAnimation(_ref) {
   }, [isExpanded, expandAnimatedValue, containerHeight, expandDuration, collapseDuration]);
   const containerStyles = {};
   if (isAnimating || expandStateChanged) containerStyles.overflow = 'hidden';
-
   if (!isExpanded && !isAnimating && !expandStateChanged) {
     if (Platform.OS === 'web') {
       // Without `visibility: 'hidden', descendents are focusable on web even when collapsed.
@@ -60,9 +59,9 @@ function useVerticalExpandAnimation(_ref) {
       // Without some form of hiding, some children leak through even when closed e.g. `List.Item` bullets.
       containerStyles.opacity = 0;
     }
-  } // don't visually collapse the container until we have it measured
-
+  }
 
+  // don't visually collapse the container until we have it measured
   if (containerHeight === null) {
     if (Platform.OS === 'web') {
       // on web we can hide the contents until we have the container measured and avoid occasional jitter
@@ -82,8 +81,6 @@ function useVerticalExpandAnimation(_ref) {
   } else {
     containerStyles.height = expandAnimatedValue;
   }
-
   return [containerStyles, elementRef];
 }
-
 export default useVerticalExpandAnimation;

package/lib-module/utils/children.js

@@ -1,6 +1,7 @@
 import React, { Children, Fragment } from 'react';
 import Text from "react-native-web/dist/exports/Text";
 import A11yText from '../A11yText';
+
 /**
  * Unpacks top-level fragments, so that common compositional patterns such as the following examples
  * can be iterated as flat siblings (as if they were `<Child1 /><Child2 /><Child3 />`):
@@ -33,35 +34,31 @@ import A11yText from '../A11yText';
  * @param {ReactChildren} child
  * @returns {ReactChildren}
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 export const unpackFragment = child => {
   var _child$props;
-
   // If this level is a set of top-level siblings rather than one child, check each in turn
-  if (Children.count(child) > 1) return Children.map(child, unpackFragment); // When a fragment is found, unpack its children to the top level and check them
+  if (Children.count(child) > 1) return Children.map(child, unpackFragment);
 
-  if ((child === null || child === void 0 ? void 0 : child.type) === Fragment) return unpackFragment((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children); // Stop unpacking as soon as any non-fragment child is found
+  // When a fragment is found, unpack its children to the top level and check them
+  if ((child === null || child === void 0 ? void 0 : child.type) === Fragment) return unpackFragment((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children);
 
+  // Stop unpacking as soon as any non-fragment child is found
   return child;
 };
-
-const isStringOrNumber = child => typeof child === 'string' || typeof child === 'number'; // Wrap an A11yText with neighouring text strings so it doesn't split them into multiple <Text>s
-
-
+const isStringOrNumber = child => typeof child === 'string' || typeof child === 'number';
+// Wrap an A11yText with neighouring text strings so it doesn't split them into multiple <Text>s
 const isWrapable = child => {
   var _child$type;
-
   return isStringOrNumber(child) || child.type === A11yText || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) === 'FootnoteLink';
 };
+const combineKeys = childrenArray => childrenArray.reduce((newKey, child) => `${newKey}${child.key || ''}`, '');
 
-const combineKeys = childrenArray => childrenArray.reduce((newKey, child) => `${newKey}${child.key || ''}`, ''); // Group wrappable children for one `<Text>` parent, merging adjacent text nodes
-
-
+// Group wrappable children for one `<Text>` parent, merging adjacent text nodes
 const wrapChild = (child, wrappedText) => {
-  const lastIndex = wrappedText.length - 1; // If possible, simplify content by combining text nodes into one string.
+  const lastIndex = wrappedText.length - 1;
+  // If possible, simplify content by combining text nodes into one string.
   // jest-native's `.toHaveTextContent` is buggy about array of text nodes in <Text> elements.
-
   if (lastIndex >= 0 && isStringOrNumber(child) && isStringOrNumber(wrappedText[lastIndex])) {
     /* eslint-disable-next-line no-param-reassign */
     wrappedText[lastIndex] = `${wrappedText[lastIndex]}${child}`;
@@ -69,6 +66,7 @@ const wrapChild = (child, wrappedText) => {
     wrappedText.push(child);
   }
 };
+
 /**
  * React Native on Native crashes if text content is rendered outside `<Text>`, and on web,
  * text style inheritance behaves differently with text compared to regular HTML.
@@ -84,13 +82,12 @@ const wrapChild = (child, wrappedText) => {
  * @param {TextProps} props
  * @returns {ReactChildren}
  */
-
-
 export const wrapStringsInText = function (children) {
   let textProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const childrenArray = unpackFragment(Children.toArray(children)); // Group adjacent wrapable children together in one Text element to create as few Text elements
-  // as possible, e.g. give <X>Text {someString}</X> one Text, same as <X>{`Text ${someString}`}</X>
+  const childrenArray = unpackFragment(Children.toArray(children));
 
+  // Group adjacent wrapable children together in one Text element to create as few Text elements
+  // as possible, e.g. give <X>Text {someString}</X> one Text, same as <X>{`Text ${someString}`}</X>
   const wrapables = [[]];
   let wrapablesIndex = 0;
   childrenArray.forEach(child => {
@@ -111,7 +108,8 @@ export const wrapStringsInText = function (children) {
     // Wrap text nodes and their wrappable neighbours in Text with as stable a key as possible.
     // Avoid one-item arrays because jest-native's `.toHaveTextContent` is buggy
     // and sometimes fails to match text content in arrays.
-    _jsx(Text, { ...textProps,
+    _jsx(Text, {
+      ...textProps,
       children: group.length === 1 ? group[0] : group
     }, combineKeys(group) || index) : group];
   }, []);

package/lib-module/utils/containUniqueFields.js

@@ -9,18 +9,16 @@ const containUniqueFields = (items, fields) => {
     if (!map[field]) {
       map[field] = [];
     }
-
     if (!item[field]) {
       // We exclude empty values from comparison
       return false;
-    } // Duplicate found!
-
+    }
 
+    // Duplicate found!
     if (map[field][item[field]]) return true;
     map[field][item[field]] = true;
     return false;
   }));
   return !itemsHaveDuplicateFields;
 };
-
 export default containUniqueFields;

package/lib-module/utils/htmlAttrs.js

@@ -15,7 +15,8 @@ export default {
   types: htmlAttrTypes,
   select: props => Object.entries(props).reduce((items, _ref) => {
     let [key, value] = _ref;
-    return Object.keys(htmlAttrTypes).includes(key) || /^(data|aria)-/.test(key) ? { ...items,
+    return Object.keys(htmlAttrTypes).includes(key) || /^(data|aria)-/.test(key) ? {
+      ...items,
       [key]: value
     } : items;
   }, {})

package/lib-module/utils/info/index.js

@@ -1,6 +1,7 @@
 import platform from './platform';
-import versions from './versions'; // export an object accessed like info.platform.OS, info.version.uds, etc
+import versions from './versions';
 
+// export an object accessed like info.platform.OS, info.version.uds, etc
 export default {
   platform,
   versions