@telus-uds/components-base 3.28.2 → 4.0.0-alpha.0

package/lib/cjs/server.js

@@ -24,17 +24,16 @@ Object.defineProperty(exports, "getTokensPropType", {
 Object.defineProperty(exports, "htmlAttrs", {
   enumerable: true,
   get: function () {
-    return _htmlAttrs.default;
+    return _htmlAttrs.htmlAttrs;
   }
 });
 Object.defineProperty(exports, "selectSystemProps", {
   enumerable: true,
   get: function () {
-    return _selectSystemProps.default;
+    return _selectSystemProps.selectSystemProps;
   }
 });
-var _selectSystemProps = _interopRequireDefault(require("./utils/props/selectSystemProps"));
+var _selectSystemProps = require("./utils/props/selectSystemProps");
 var _tokens = require("./utils/props/tokens");
-var _htmlAttrs = _interopRequireDefault(require("./utils/htmlAttrs"));
-var _themeTokens = require("./ThemeProvider/utils/theme-tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _htmlAttrs = require("./utils/htmlAttrs");
+var _themeTokens = require("./ThemeProvider/utils/theme-tokens");

package/lib/cjs/utils/BaseView/BaseView.js

@@ -3,18 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.BaseView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ThemeProvider = require("../../ThemeProvider");
+var _useTheme = require("../../ThemeProvider/useTheme");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * 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
- */const BaseView = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+ */
+const BaseView = exports.BaseView = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     children,
     style,
@@ -22,7 +23,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   } = _ref;
   const {
     themeOptions
-  } = (0, _ThemeProvider.useTheme)();
+  } = (0, _useTheme.useTheme)();
   const styleProp = Array.isArray(style) ? [...style] : [style];
   if (!themeOptions.forceZIndex) {
     styleProp.unshift(styles.resetZIndex);
@@ -43,5 +44,4 @@ const styles = _StyleSheet.default.create({
 BaseView.propTypes = {
   children: _propTypes.default.node,
   style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array])
-};
-var _default = exports.default = BaseView;
+};

package/lib/cjs/utils/BaseView/BaseView.native.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+Object.defineProperty(exports, "BaseView", {
+  enumerable: true,
+  get: function () {
+    return _View.default;
+  }
+});
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Android crashes on non-standard style properties like `zIndex` so adding a `BaseView` for native platforms
- */
-var _default = exports.default = _View.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/cjs/utils/animation/useVerticalExpandAnimation.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.useVerticalExpandAnimation = useVerticalExpandAnimation;
 var _react = require("react");
 var _Animated = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Animated"));
 var _Easing = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Easing"));
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _useSafeLayoutEffect = _interopRequireDefault(require("../useSafeLayoutEffect"));
+var _useSafeLayoutEffect = require("../useSafeLayoutEffect");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // TODO: systematise animations
 // https://github.com/telus/universal-design-system/issues/487
@@ -27,7 +27,7 @@ function useVerticalExpandAnimation(_ref) {
     expandDuration,
     collapseDuration
   } = tokens;
-  (0, _useSafeLayoutEffect.default)(() => {
+  (0, _useSafeLayoutEffect.useSafeLayoutEffect)(() => {
     if (expandStateChanged) {
       setIsAnimating(true);
       setWasExpanded(isExpanded);
@@ -62,7 +62,7 @@ function useVerticalExpandAnimation(_ref) {
       containerStyles.display = 'none';
     } else {
       // There's no `visibility: hidden` in React Native, and display: none causes a flicker on expand.
-      // Without some form of hiding, some children leak through even when closed e.g. `List.Item` bullets.
+      // Without some form of hiding, some children leak through even when closed e.g. `ListItem` bullets.
       containerStyles.opacity = 0;
     }
   }
@@ -88,5 +88,4 @@ function useVerticalExpandAnimation(_ref) {
     containerStyles.height = expandAnimatedValue;
   }
   return [containerStyles, elementRef];
-}
-var _default = exports.default = useVerticalExpandAnimation;
+}

package/lib/cjs/utils/children.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.wrapStringsInText = exports.unpackFragment = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-var _A11yText = _interopRequireDefault(require("../A11yText"));
+var _A11yText = require("../A11yText/A11yText");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -54,7 +54,7 @@ const unpackFragment = child => {
 exports.unpackFragment = unpackFragment;
 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 => isStringOrNumber(child) || child.type === _A11yText.default || child.type?.name === 'FootnoteLink';
+const isWrapable = child => isStringOrNumber(child) || child.type === _A11yText.A11yText || child.type?.name === 'FootnoteLink';
 const combineKeys = childrenArray => childrenArray.reduce((newKey, child) => `${newKey}${child.key || ''}`, '');
 
 // Group wrappable children for one `<Text>` parent, merging adjacent text nodes

package/lib/cjs/utils/containUniqueFields.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.containUniqueFields = void 0;
 // Returns true if there are no duplicate values of the fields listed
 // in the `fields` array across the objects in the `items` array, false
 // otherwise.
@@ -27,4 +27,4 @@ const containUniqueFields = (items, fields) => {
   }));
   return !itemsHaveDuplicateFields;
 };
-var _default = exports.default = containUniqueFields;
+exports.containUniqueFields = containUniqueFields;

package/lib/cjs/utils/convertFromMegaByteToByte.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = convertFromMegaByteToByte;
+exports.convertFromMegaByteToByte = convertFromMegaByteToByte;
 /**
  * Converts a value from megabytes to bytes.
  *

package/lib/cjs/utils/formatImageSource.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.formatImageSource = void 0;
 // react native source for Image and ImageBackground needs proper formatting to work
 // remote sources that start with 'http' and base64 encoded sources that start with 'data:' need be wrapped in uri when passing source prop for Image and ImageBackground ie. source={ uri: image }
 // local source for image can be passed normally without wrapping in uri ie. source={ image }
@@ -30,4 +30,4 @@ exports.default = void 0;
 const formatImageSource = source => typeof source === 'string' && (source.startsWith('http') || source.startsWith('data:')) ? {
   uri: source
 } : source;
-var _default = exports.default = formatImageSource;
+exports.formatImageSource = formatImageSource;

package/lib/cjs/utils/getSpacingScale.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getSpacingScale = void 0;
 var _useResponsiveProp = require("./useResponsiveProp");
 /**
  * Resolves spacing options from the provided space object.
@@ -63,4 +63,4 @@ const getSpacingScale = (spaceValue, viewport, getSpacingTokens) => {
   }, tokens);
   return Math.max(size - subtract, 0);
 };
-var _default = exports.default = getSpacingScale;
+exports.getSpacingScale = getSpacingScale;

package/lib/cjs/utils/hasOwnProperty.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = hasOwnProperty;
+exports.hasOwnProperty = hasOwnProperty;
 /**
  * Linter disallows object instance prototype methods like someObject.hasOwnProperty(key),
  * but we can use this instead.

package/lib/cjs/utils/htmlAttrs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.htmlAttrs = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const htmlAttrTypes = {
@@ -18,7 +18,7 @@ const htmlAttrTypes = {
   testID: _propTypes.default.string,
   title: _propTypes.default.string
 };
-var _default = exports.default = {
+const htmlAttrs = exports.htmlAttrs = {
   types: htmlAttrTypes,
   select: props => Object.entries(props).reduce((items, _ref) => {
     let [key, value] = _ref;

package/lib/cjs/utils/info/info.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.info = void 0;
+var _platform = require("./platform/platform");
+var _versions = require("./versions");
+const info = exports.info = {
+  platform: _platform.platform,
+  versions: _versions.versions
+};

package/lib/cjs/utils/info/platform/platform.android.js

@@ -3,5 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _default = exports.default = '.android';
+exports.fileSuffix = void 0;
+const fileSuffix = exports.fileSuffix = '.android';

package/lib/cjs/utils/info/platform/platform.ios.js

@@ -3,5 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _default = exports.default = '.ios';
+exports.fileSuffix = void 0;
+const fileSuffix = exports.fileSuffix = '.ios';

package/lib/cjs/utils/info/platform/platform.js

@@ -3,5 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _default = exports.default = '.web (default)';
+exports.platform = exports.fileSuffix = void 0;
+var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Allows consuming libraries that might not have a direct dependency on
+// React Native to check what the current platform is.
+
+// Particularly useful for validating Jest config: it is possible for Jest to
+// get configured such that Platform.OS returns a different mocked value to the
+// OS being used to select files by platform suffix (e.g. .web, .native).
+const fileSuffix = exports.fileSuffix = '.web (default)';
+const platform = exports.platform = {
+  OS: _Platform.default.OS,
+  fileSuffix
+};

package/lib/cjs/utils/info/platform/platform.native.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.fileSuffix = void 0;
 // This shouldn't ever be chosen, as the more specific '.ios' and '.android' are available.
 // If this gets picked, either an unsupported React Native platform is being used somehow
 // (e.g. a native Windows app), or there's a serious config problem somewhere.
-var _default = exports.default = '.native';
+const fileSuffix = exports.fileSuffix = '.native';

package/lib/cjs/utils/info/versions.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.versions = void 0;
 var _package = _interopRequireDefault(require("../../../package.json"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Add more versions if they are useful e.g. theme schema version
-var _default = exports.default = {
+const versions = exports.versions = {
   uds: _package.default.version
 };

package/lib/cjs/utils/isTouchDevice.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.isTouchDevice = void 0;
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -31,4 +31,4 @@ const isTouchDevice = () => {
   }
   return false;
 };
-var _default = exports.default = isTouchDevice;
+exports.isTouchDevice = isTouchDevice;

package/lib/cjs/utils/pressability.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.resolvePressableTokens = exports.resolvePressableState = exports.getPressHandlersWithArgs = exports.getCursorStyle = void 0;
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _pressProps = _interopRequireDefault(require("./props/pressProps"));
+var _pressProps = require("./props/pressProps");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * @typedef {import('react').ReactNode} ReactNode
@@ -105,7 +105,7 @@ const getPressHandlersWithArgs = function () {
   let pressableProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   // Allow handlers to be passed down for blur, hover, focus, pressIn, etc
-  const pressHandlers = Object.fromEntries(Object.entries(_pressProps.default.selectHandlers(pressableProps)).map(_ref2 => {
+  const pressHandlers = Object.fromEntries(Object.entries(_pressProps.pressProps.selectHandlers(pressableProps)).map(_ref2 => {
     let [key, handler] = _ref2;
     return {
       [key]: function () {

package/lib/cjs/utils/props/a11yProps.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.a11yProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _getPropSelector = _interopRequireDefault(require("./getPropSelector"));
+var _getPropSelector = require("./getPropSelector");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // React Native exports a11y prop definitions as TypeScript Interfaces, but no longer exports PropTypes
 // so we have to define them ourselves.
@@ -252,7 +252,7 @@ if (_Platform.default.OS === 'web') {
     };
   };
 }
-var _default = exports.default = {
+const a11yProps = exports.a11yProps = {
   /**
    * Proptypes for recognised React Native accessiblity (a11y) props.
    * Spread this in the propTypes of components that accept React Native a11y props.
@@ -264,7 +264,7 @@ var _default = exports.default = {
    * Where components accept React Native a11y props, pass { ...rest } from its props to this,
    * then spread the returned object into the component's props (usually its outer container).
    */
-  select: (0, _getPropSelector.default)(
+  select: (0, _getPropSelector.getPropSelector)(
   // Allow all React Native accessibility props
   a11yPropTypesByPlatform,
   // Allow any `aria-*` attribute on web; ignore them on native

package/lib/cjs/utils/props/clickProps.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.clickProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const clickHandlerMapping = {
@@ -11,7 +11,7 @@ const clickHandlerMapping = {
   onMouseDown: 'onPressIn',
   onMouseUp: 'onPressOut'
 };
-var _default = exports.default = {
+const clickProps = exports.clickProps = {
   /**
    * Web-oriented HTML click handlers that may be mapped to React Native press handlers
    */

package/lib/cjs/utils/props/componentPropType.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = componentPropType;
+exports.componentPropType = componentPropType;
 /**
  * Returns a prop type validator which checks whether a prop is either a component or an array of
  * components of a given type, based on their `name` or `displayName` properties.

package/lib/cjs/utils/props/contentfulProps.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.contentfulProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _getPropSelector = _interopRequireDefault(require("./getPropSelector"));
+var _getPropSelector = require("./getPropSelector");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const contentfulPropsTypes = {
   ..._Platform.default.select({
@@ -17,7 +17,7 @@ const contentfulPropsTypes = {
     default: {}
   })
 };
-var _default = exports.default = {
+const contentfulProps = exports.contentfulProps = {
   /**
    * Set of contentful properties used for the content preview inspector.
    */
@@ -25,5 +25,5 @@ var _default = exports.default = {
   /**
    * Filters a props object, returning only contentful props.
    */
-  select: (0, _getPropSelector.default)(contentfulPropsTypes)
+  select: (0, _getPropSelector.getPropSelector)(contentfulPropsTypes)
 };

package/lib/cjs/utils/props/copyPropTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.copyPropTypes = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _propTypes.default.oneOf(['en', 'fr']);
+const copyPropTypes = exports.copyPropTypes = _propTypes.default.oneOf(['en', 'fr']);

package/lib/cjs/utils/props/getPropSelector.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getPropSelector;
+exports.getPropSelector = getPropSelector;
 var _lodash = _interopRequireDefault(require("lodash.merge"));
-var _hasOwnProperty = _interopRequireDefault(require("../hasOwnProperty"));
+var _hasOwnProperty = require("../hasOwnProperty");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * @callback PropSelectorCallback - a callback called for each prop passed to a component
@@ -49,7 +49,7 @@ function getPropSelector(propTypes, regexp, callback) {
       // If there's a callback and it matches something, applyCallback merges it in; return that
       applyCallback(callback, items, key, value) || (
       // If there's no callback match, check if this prop is valid and merge it in if it is
-      (0, _hasOwnProperty.default)(propTypes, key) || regexp && regexp.test(key) ? {
+      (0, _hasOwnProperty.hasOwnProperty)(propTypes, key) || regexp && regexp.test(key) ? {
         ...items,
         [key]: value
       } : items)

package/lib/cjs/utils/props/handlerProps.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.textInputHandlerProps = exports.focusHandlerProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _getPropSelector = _interopRequireDefault(require("./getPropSelector"));
+var _getPropSelector = require("./getPropSelector");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const focusHandlerProps = exports.focusHandlerProps = {
   types: {
@@ -20,7 +20,7 @@ const focusHandlerProps = exports.focusHandlerProps = {
     onFocus: _propTypes.default.func
   }
 };
-focusHandlerProps.select = (0, _getPropSelector.default)(focusHandlerProps.types);
+focusHandlerProps.select = (0, _getPropSelector.getPropSelector)(focusHandlerProps.types);
 const textInputHandlerProps = exports.textInputHandlerProps = {
   types: {
     /**
@@ -77,7 +77,7 @@ const textInputHandlerProps = exports.textInputHandlerProps = {
     onMouseOut: _propTypes.default.func
   }
 };
-const selectTextInputHandlers = (0, _getPropSelector.default)(textInputHandlerProps.types);
+const selectTextInputHandlers = (0, _getPropSelector.getPropSelector)(textInputHandlerProps.types);
 textInputHandlerProps.select = props => {
   // Support for onKeyPress/onKeyUp/onKeyDown is inconsistent between React Native and React Native Web
   const {

package/lib/cjs/utils/props/hrefAttrsProp.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.hrefAttrsProp = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Props related to HTML <a> anchor link attributes.
 const targetValues = ['_self', '_blank', '_parent', '_top'];
-var _default = exports.default = {
+const hrefAttrsProp = exports.hrefAttrsProp = {
   types: {
     // React Native Web >= 0.15.0 supports hrefAttrs prop with only these properties
     // and passes them to <a> if an element has a href prop or accessibilityRole "link"

package/lib/cjs/utils/props/inputSupportsProps.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.inputSupportsProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _shared = _interopRequireDefault(require("../../Tooltip/shared"));
+var _shared = require("../../Tooltip/shared");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
+const inputSupportsProps = exports.inputSupportsProps = {
   types: {
     /**
      * Whether the English or French copy will be used (e.g. for accessibility labels).
@@ -44,7 +44,7 @@ var _default = exports.default = {
      * 1. `tooltip` as a string - The content of the tooltip.
      * 2. `tooltip` as an object - Tooltip component props to be passed.
      */
-    tooltip: _propTypes.default.oneOfType([_propTypes.default.shape(_shared.default), _propTypes.default.string]),
+    tooltip: _propTypes.default.oneOfType([_propTypes.default.shape(_shared.propTypes), _propTypes.default.string]),
     /**
      * Use to visually mark an input as valid or invalid.
      */

package/lib/cjs/utils/props/linkProps.js

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.linkProps = void 0;
 var _Linking = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Linking"));
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _pressProps = require("./pressProps");
-var _a11yProps = _interopRequireDefault(require("./a11yProps"));
-var _hrefAttrsProp = _interopRequireDefault(require("./hrefAttrsProp"));
-var _getPropSelector = _interopRequireDefault(require("./getPropSelector"));
+var _a11yProps = require("./a11yProps");
+var _hrefAttrsProp = require("./hrefAttrsProp");
+var _getPropSelector = require("./getPropSelector");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const linkPropTypes = {
   ..._pressProps.pressPropTypes,
   href: _propTypes.default.string,
-  hrefAttrs: _propTypes.default.shape(_hrefAttrsProp.default.types),
-  ..._a11yProps.default.types
+  hrefAttrs: _propTypes.default.shape(_hrefAttrsProp.hrefAttrsProp.types),
+  ..._a11yProps.a11yProps.types
 };
-var _default = exports.default = {
+const linkProps = exports.linkProps = {
   /**
    * Proptypes for components that, on Web, can output <a href="..."> link elements
    */
@@ -26,7 +26,7 @@ var _default = exports.default = {
   /**
    * Filters a props object, returning only the platform-relevant link props defined above
    */
-  select: (0, _getPropSelector.default)(linkPropTypes),
+  select: (0, _getPropSelector.getPropSelector)(linkPropTypes),
   /**
    * Turn hrefs into press handlers that open links on Native.
    *

package/lib/cjs/utils/props/paddingProp.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.paddingProp = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
+const paddingProp = exports.paddingProp = {
   propType: _propTypes.default.shape({
     paddingBottom: _propTypes.default.number,
     paddingLeft: _propTypes.default.number,

package/lib/cjs/utils/props/pressProps.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pressPropTypes = exports.default = void 0;
+exports.pressProps = exports.pressPropTypes = void 0;
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _rectProp = _interopRequireDefault(require("./rectProp"));
-var _getPropSelector = _interopRequireDefault(require("./getPropSelector"));
+var _rectProp = require("./rectProp");
+var _getPropSelector = require("./getPropSelector");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const pressHandlerPropTypes = {
   onPress: _propTypes.default.func,
@@ -32,11 +32,11 @@ const pressPropTypes = exports.pressPropTypes = {
     web: {},
     default: {
       hitSlop: _propTypes.default.number,
-      pressRetentionOffset: _propTypes.default.oneOfType([_propTypes.default.number, _rectProp.default.propType])
+      pressRetentionOffset: _propTypes.default.oneOfType([_propTypes.default.number, _rectProp.rectProp.propType])
     }
   })
 };
-var _default = exports.default = {
+const pressProps = exports.pressProps = {
   /**
    * Proptypes for clickable or pressable components, including web-only props
    */
@@ -44,6 +44,6 @@ var _default = exports.default = {
   /**
    * Filters a props object, returning only the platform-relevant press props defined above
    */
-  select: (0, _getPropSelector.default)(pressPropTypes),
-  selectHandlers: (0, _getPropSelector.default)(pressHandlerPropTypes)
+  select: (0, _getPropSelector.getPropSelector)(pressPropTypes),
+  selectHandlers: (0, _getPropSelector.getPropSelector)(pressHandlerPropTypes)
 };

package/lib/cjs/utils/props/rectProp.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.rectProp = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
+const rectProp = exports.rectProp = {
   propType: _propTypes.default.shape({
     bottom: _propTypes.default.number,
     left: _propTypes.default.number,