@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/utils/formatImageSource.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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,5 +24,4 @@ exports.default = void 0;
 const formatImageSource = source => typeof source === 'string' && (source.startsWith('http') || source.startsWith('data:')) ? {
   uri: source
 } : source;
-var _default = formatImageSource;
-exports.default = _default;
+export default formatImageSource;

package/lib/utils/hasOwnProperty.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = hasOwnProperty;
 /**
  * Linter disallows object instance prototype methods like someObject.hasOwnProperty(key),
  * but we can use this instead.
@@ -12,6 +6,6 @@ exports.default = hasOwnProperty;
  * @param {String} key
  * @returns {Boolean}
  */
-function hasOwnProperty(object, key) {
+export default function hasOwnProperty(object, key) {
   return Object.prototype.hasOwnProperty.call(object, key);
 }

package/lib/utils/htmlAttrs.js

@@ -1,24 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import PropTypes from 'prop-types';
 const htmlAttrTypes = {
-  dataSet: _propTypes.default.object,
-  id: _propTypes.default.string,
-  loading: _propTypes.default.oneOf(['eager', 'lazy']),
+  dataSet: PropTypes.object,
+  id: PropTypes.string,
+  loading: PropTypes.oneOf(['eager', 'lazy']),
   // @todo figure out if we need to enum all the possible roles or maybe use
   // an npm package
-  role: _propTypes.default.string,
-  src: _propTypes.default.string,
-  tabIndex: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  testID: _propTypes.default.string,
-  title: _propTypes.default.string
+  role: PropTypes.string,
+  src: PropTypes.string,
+  tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  testID: PropTypes.string,
+  title: PropTypes.string
 };
-var _default = {
+export default {
   types: htmlAttrTypes,
   select: props => Object.entries(props).reduce((items, _ref) => {
     let [key, value] = _ref;
@@ -27,5 +20,4 @@ var _default = {
       [key]: value
     } : items;
   }, {})
-};
-exports.default = _default;
+};

package/lib/utils/index.js

@@ -1,245 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  info: true,
-  useCopy: true,
-  useHash: true,
-  useSpacingScale: true,
-  useResponsiveProp: true,
-  useOverlaidPosition: true,
-  useSafeLayoutEffect: true,
-  useScrollBlocking: true,
-  useUniqueId: true,
-  withLinkRouter: true,
-  containUniqueFields: true,
-  BaseView: true,
-  htmlAttrs: true,
-  transformGradient: true,
-  convertFromMegaByteToByte: true,
-  formatImageSource: true
-};
-Object.defineProperty(exports, "BaseView", {
-  enumerable: true,
-  get: function () {
-    return _BaseView.default;
-  }
-});
-Object.defineProperty(exports, "containUniqueFields", {
-  enumerable: true,
-  get: function () {
-    return _containUniqueFields.default;
-  }
-});
-Object.defineProperty(exports, "convertFromMegaByteToByte", {
-  enumerable: true,
-  get: function () {
-    return _convertFromMegaByteToByte.default;
-  }
-});
-Object.defineProperty(exports, "formatImageSource", {
-  enumerable: true,
-  get: function () {
-    return _formatImageSource.default;
-  }
-});
-Object.defineProperty(exports, "htmlAttrs", {
-  enumerable: true,
-  get: function () {
-    return _htmlAttrs.default;
-  }
-});
-Object.defineProperty(exports, "info", {
-  enumerable: true,
-  get: function () {
-    return _info.default;
-  }
-});
-Object.defineProperty(exports, "transformGradient", {
-  enumerable: true,
-  get: function () {
-    return _transformGradient.transformGradient;
-  }
-});
-Object.defineProperty(exports, "useCopy", {
-  enumerable: true,
-  get: function () {
-    return _useCopy.default;
-  }
-});
-Object.defineProperty(exports, "useHash", {
-  enumerable: true,
-  get: function () {
-    return _useHash.default;
-  }
-});
-Object.defineProperty(exports, "useOverlaidPosition", {
-  enumerable: true,
-  get: function () {
-    return _useOverlaidPosition.default;
-  }
-});
-Object.defineProperty(exports, "useResponsiveProp", {
-  enumerable: true,
-  get: function () {
-    return _useResponsiveProp.default;
-  }
-});
-Object.defineProperty(exports, "useSafeLayoutEffect", {
-  enumerable: true,
-  get: function () {
-    return _useSafeLayoutEffect.default;
-  }
-});
-Object.defineProperty(exports, "useScrollBlocking", {
-  enumerable: true,
-  get: function () {
-    return _useScrollBlocking.default;
-  }
-});
-Object.defineProperty(exports, "useSpacingScale", {
-  enumerable: true,
-  get: function () {
-    return _useSpacingScale.default;
-  }
-});
-Object.defineProperty(exports, "useUniqueId", {
-  enumerable: true,
-  get: function () {
-    return _useUniqueId.default;
-  }
-});
-Object.defineProperty(exports, "withLinkRouter", {
-  enumerable: true,
-  get: function () {
-    return _withLinkRouter.default;
-  }
-});
-var _a11y = require("./a11y");
-Object.keys(_a11y).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _a11y[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _a11y[key];
-    }
-  });
-});
-var _animation = require("./animation");
-Object.keys(_animation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _animation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _animation[key];
-    }
-  });
-});
-var _children = require("./children");
-Object.keys(_children).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _children[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _children[key];
-    }
-  });
-});
-var _input = require("./input");
-Object.keys(_input).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _input[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _input[key];
-    }
-  });
-});
-var _pressability = require("./pressability");
-Object.keys(_pressability).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _pressability[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _pressability[key];
-    }
-  });
-});
-var _props = require("./props");
-Object.keys(_props).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _props[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _props[key];
-    }
-  });
-});
-var _ssrMediaQuery = require("./ssr-media-query");
-Object.keys(_ssrMediaQuery).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ssrMediaQuery[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ssrMediaQuery[key];
-    }
-  });
-});
-var _info = _interopRequireDefault(require("./info"));
-var _useCopy = _interopRequireDefault(require("./useCopy"));
-var _useHash = _interopRequireDefault(require("./useHash"));
-var _useSpacingScale = _interopRequireDefault(require("./useSpacingScale"));
-var _useResponsiveProp = _interopRequireWildcard(require("./useResponsiveProp"));
-Object.keys(_useResponsiveProp).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useResponsiveProp[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useResponsiveProp[key];
-    }
-  });
-});
-var _useOverlaidPosition = _interopRequireDefault(require("./useOverlaidPosition"));
-var _useSafeLayoutEffect = _interopRequireDefault(require("./useSafeLayoutEffect"));
-var _useScrollBlocking = _interopRequireDefault(require("./useScrollBlocking"));
-var _useUniqueId = _interopRequireDefault(require("./useUniqueId"));
-var _withLinkRouter = _interopRequireDefault(require("./withLinkRouter"));
-var _ssr = require("./ssr");
-Object.keys(_ssr).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ssr[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ssr[key];
-    }
-  });
-});
-var _containUniqueFields = _interopRequireDefault(require("./containUniqueFields"));
-var _BaseView = _interopRequireDefault(require("./BaseView"));
-var _htmlAttrs = _interopRequireDefault(require("./htmlAttrs"));
-var _transformGradient = require("./transformGradient");
-var _convertFromMegaByteToByte = _interopRequireDefault(require("./convertFromMegaByteToByte"));
-var _formatImageSource = _interopRequireDefault(require("./formatImageSource"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export * from './a11y';
+export * from './animation';
+export * from './children';
+export * from './input';
+export * from './pressability';
+export * from './props';
+export * from './ssr-media-query';
+export { default as info } from './info';
+export { default as useCopy } from './useCopy';
+export { default as useHash } from './useHash';
+export { default as useSpacingScale } from './useSpacingScale';
+export { default as useResponsiveProp } from './useResponsiveProp';
+export { default as useOverlaidPosition } from './useOverlaidPosition';
+export { default as useSafeLayoutEffect } from './useSafeLayoutEffect';
+export { default as useScrollBlocking } from './useScrollBlocking';
+export * from './useResponsiveProp';
+export { default as useUniqueId } from './useUniqueId';
+export { default as withLinkRouter } from './withLinkRouter';
+export * from './ssr';
+export { default as containUniqueFields } from './containUniqueFields';
+export { default as BaseView } from './BaseView';
+export { default as htmlAttrs } from './htmlAttrs';
+export { transformGradient } from './transformGradient';
+export { default as convertFromMegaByteToByte } from './convertFromMegaByteToByte';
+export { default as formatImageSource } from './formatImageSource';

package/lib/utils/info/index.js

@@ -1,15 +1,8 @@
-"use strict";
+import platform from './platform';
+import versions from './versions';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _platform = _interopRequireDefault(require("./platform"));
-var _versions = _interopRequireDefault(require("./versions"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // export an object accessed like info.platform.OS, info.version.uds, etc
-var _default = {
-  platform: _platform.default,
-  versions: _versions.default
-};
-exports.default = _default;
+export default {
+  platform,
+  versions
+};

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

@@ -1,19 +1,14 @@
-"use strict";
+import Platform from "react-native-web/dist/exports/Platform";
+import fileSuffix from './platform';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _platform = _interopRequireDefault(require("./platform"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // 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).
-var _default = {
-  OS: _Platform.default.OS,
-  fileSuffix: _platform.default
-};
-exports.default = _default;
+
+export default {
+  OS: Platform.OS,
+  fileSuffix
+};

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

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = '.android';
-exports.default = _default;
+export default '.android';

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

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = '.ios';
-exports.default = _default;
+export default '.ios';

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

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = '.web (default)';
-exports.default = _default;
+export default '.web (default)';

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

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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 = '.native';
-exports.default = _default;
+export default '.native';

package/lib/utils/info/versions.js

@@ -1,13 +1,6 @@
-"use strict";
+import pkgJson from '../../../package.json';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _package = _interopRequireDefault(require("../../../package.json"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Add more versions if they are useful e.g. theme schema version
-var _default = {
-  uds: _package.default.version
-};
-exports.default = _default;
+export default {
+  uds: pkgJson.version
+};

package/lib/utils/input.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMultipleInputValues = exports.useInputValue = void 0;
-var _react = require("react");
+import { useCallback, useRef, useState } from 'react';
 /**
  * @typedef {import('react').SyntheticEvent} Event
  */
@@ -70,11 +64,11 @@ Consumers of this hook must be one of:
  *   isControlled: bool
  * }}
  */
-const useInputValue = function () {
+export const useInputValue = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let hookName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'useInputValue';
   const isCurrentlyControlled = props.value !== undefined;
-  const [isControlled] = (0, _react.useState)(isCurrentlyControlled);
+  const [isControlled] = useState(isCurrentlyControlled);
   validateProps(props, {
     isControlled,
     isCurrentlyControlled
@@ -86,19 +80,19 @@ const useInputValue = function () {
     onChange,
     readOnly = false
   } = props;
-  const [ownValue, setOwnValue] = (0, _react.useState)(!isControlled && initialValue);
+  const [ownValue, setOwnValue] = useState(!isControlled && initialValue);
   const currentValue = isControlled ? value : ownValue;
 
   // Store the first valid value, for resetting input to default. If behaviour like Formik's `enableReinitialize`
   // is needed, add useEffect calling a set fn if !deepEqual(initializedValues, initialValues)
-  const valueRef = (0, _react.useRef)({
+  const valueRef = useRef({
     initial: currentValue,
     value: currentValue
   });
   // Make current value accessible inside useCallback without rememoizing every time the value changes
   valueRef.current.value = currentValue;
   const isDirty = currentValue !== valueRef.current.initial;
-  const setValue = (0, _react.useCallback)((arg, event) => {
+  const setValue = useCallback((arg, event) => {
     if (readOnly) return;
     const newValue = typeof arg === 'function' ? arg(valueRef.current.value) : arg;
     if (!isControlled) {
@@ -108,7 +102,7 @@ const useInputValue = function () {
     // Call onChange handler if there's something for it to handle (event or a changed value)
     if (onChange && (event || valueRef.current.value !== newValue)) onChange(newValue, event);
   }, [inputRef, isControlled, onChange, readOnly]);
-  const resetValue = (0, _react.useCallback)(event => setValue(valueRef.current.initial, event), [setValue]);
+  const resetValue = useCallback(event => setValue(valueRef.current.initial, event), [setValue]);
   return {
     currentValue,
     setValue,
@@ -143,8 +137,7 @@ const useInputValue = function () {
  *   unsetValues: () => void
  * }}
  */
-exports.useInputValue = useInputValue;
-const useMultipleInputValues = function () {
+export const useMultipleInputValues = function () {
   let {
     values,
     initialValues,
@@ -163,19 +156,19 @@ const useMultipleInputValues = function () {
     // if we're controlling our own state, always start with an array
     initialValue: initialValues ?? (values === undefined ? [] : undefined)
   }, 'useMultipleInputValues');
-  const enforceMaxValues = (0, _react.useCallback)(newValues => {
+  const enforceMaxValues = useCallback(newValues => {
     if (!maxValues) return newValues;
     const excess = newValues.length - maxValues;
     return excess > 0 ? newValues.slice(excess) : newValues;
   }, [maxValues]);
   const currentValues = enforceMaxValues(currentValue);
-  const setValues = (0, _react.useCallback)((newValues, event) => {
+  const setValues = useCallback((newValues, event) => {
     const validNewValues = enforceMaxValues(newValues);
     setValue(validNewValues, event);
   }, [setValue, enforceMaxValues]);
   const resetValues = resetValue;
-  const unsetValues = (0, _react.useCallback)(event => setValues([], event), [setValues]);
-  const toggleOneValue = (0, _react.useCallback)((newValue, event) => {
+  const unsetValues = useCallback(event => setValues([], event), [setValues]);
+  const toggleOneValue = useCallback((newValue, event) => {
     if (readOnly) return;
     // This will only work with primitive values (e.g. strings, numbers), swap for .some() and
     // a deepEqual() function if there's any use case for toggling stored objects or arrays.
@@ -189,5 +182,4 @@ const useMultipleInputValues = function () {
     toggleOneValue,
     unsetValues
   };
-};
-exports.useMultipleInputValues = useMultipleInputValues;
+};

package/lib/utils/pressability.js

@@ -1,16 +1,12 @@
-"use strict";
+import Platform from "react-native-web/dist/exports/Platform";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import pressProps from './props/pressProps';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * @typedef {import('react').ReactNode} ReactNode
- */ // These roles should result in cursor: pointer but don't in current RNW releases
+ */
+
+// These roles should result in cursor: pointer but don't in current RNW releases
 const shouldUseCursor = ['checkbox', 'radio', 'switch'];
 
 /**
@@ -24,13 +20,13 @@ const shouldUseCursor = ['checkbox', 'radio', 'switch'];
  * @param {string} [props.accessibilityRole]
  * @returns
  */
-const getCursorStyle = _ref => {
+export const getCursorStyle = _ref => {
   let {
     inactive,
     disabled,
     accessibilityRole
   } = _ref;
-  if (_Platform.default.OS !== 'web') return undefined;
+  if (Platform.OS !== 'web') return undefined;
   if (inactive || disabled) return staticStyles.notAllowed;
   if (shouldUseCursor.includes(accessibilityRole)) return staticStyles.pointer;
   return undefined; // allows React Native Web's built-in logic to apply
@@ -50,8 +46,7 @@ const getCursorStyle = _ref => {
  *   such as `inactive`, `selected`, etc.
  * @returns {object}
  */
-exports.getCursorStyle = getCursorStyle;
-const resolvePressableState = function () {
+export const resolvePressableState = function () {
   let {
     pressed = false,
     focused = false,
@@ -75,14 +70,12 @@ const resolvePressableState = function () {
  * @param {object} [additionalState] - properties specific to the current component
  * @returns {object} - resolved tokens object
  */
-exports.resolvePressableState = resolvePressableState;
-const resolvePressableTokens = (tokens, pressableState, additionalState) => {
+export const resolvePressableTokens = (tokens, pressableState, additionalState) => {
   if (typeof tokens !== 'function') return tokens;
   const udsPressableState = resolvePressableState(pressableState, additionalState);
   return tokens(udsPressableState);
 };
-exports.resolvePressableTokens = resolvePressableTokens;
-const staticStyles = _StyleSheet.default.create(_Platform.default.select({
+const staticStyles = StyleSheet.create(Platform.select({
   web: {
     notAllowed: {
       cursor: 'not-allowed'
@@ -99,11 +92,11 @@ const staticStyles = _StyleSheet.default.create(_Platform.default.select({
  * them in a function that passes in some provided args. Allows components containing a Pressable
  * to pass in press handlers that are then called with state or values that is otherwise internal.
  */
-const getPressHandlersWithArgs = function () {
+export 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.selectHandlers(pressableProps)).map(_ref2 => {
     let [key, handler] = _ref2;
     return {
       [key]: function () {
@@ -116,5 +109,4 @@ const getPressHandlersWithArgs = function () {
     };
   }));
   return pressHandlers;
-};
-exports.getPressHandlersWithArgs = getPressHandlersWithArgs;
+};