@telus-uds/components-base 1.8.1 → 1.8.4

package/lib/utils/pressability.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPressHandlersWithArgs = exports.resolvePressableTokens = exports.resolvePressableState = exports.getCursorStyle = void 0;
+exports.resolvePressableTokens = exports.resolvePressableState = exports.getPressHandlersWithArgs = exports.getCursorStyle = void 0;
 
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
 
@@ -30,11 +30,12 @@ const shouldUseCursor = ['checkbox', 'radio', 'switch'];
  * @returns
  */
 
-const getCursorStyle = ({
-  inactive,
-  disabled,
-  accessibilityRole
-}) => {
+const getCursorStyle = _ref => {
+  let {
+    inactive,
+    disabled,
+    accessibilityRole
+  } = _ref;
   if (_Platform.default.OS !== 'web') return undefined;
   if (inactive || disabled) return staticStyles.notAllowed;
   if (shouldUseCursor.includes(accessibilityRole)) return staticStyles.pointer;
@@ -58,15 +59,19 @@ const getCursorStyle = ({
 
 exports.getCursorStyle = getCursorStyle;
 
-const resolvePressableState = ({
-  pressed = false,
-  focused = false,
-  hovered = false
-} = {}, additionalState) => ({ ...additionalState,
-  focus: focused,
-  hover: hovered,
-  pressed
-});
+const resolvePressableState = function () {
+  let {
+    pressed = false,
+    focused = false,
+    hovered = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let additionalState = arguments.length > 1 ? arguments[1] : undefined;
+  return { ...additionalState,
+    focus: focused,
+    hover: hovered,
+    pressed
+  };
+};
 /**
  * Takes a UDS `tokens` prop and, if it is a function, resolves it based on a state
  * object passed from the React Native `Pressable` component and optional extra properties.
@@ -106,14 +111,23 @@ const staticStyles = _StyleSheet.default.create(_Platform.default.select({
  */
 
 
-const getPressHandlersWithArgs = (pressableProps = {}, args = []) => {
+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(([key, handler]) => ({
-    [key]: (...defaultArgs) => {
-      // Pass each handler data on this button and current selection
-      handler(...args, ...defaultArgs);
-    }
-  })));
+  const pressHandlers = Object.fromEntries(Object.entries(_pressProps.default.selectHandlers(pressableProps)).map(_ref2 => {
+    let [key, handler] = _ref2;
+    return {
+      [key]: function () {
+        for (var _len = arguments.length, defaultArgs = new Array(_len), _key = 0; _key < _len; _key++) {
+          defaultArgs[_key] = arguments[_key];
+        }
+
+        // Pass each handler data on this button and current selection
+        handler(...args, ...defaultArgs);
+      }
+    };
+  }));
   return pressHandlers;
 };
 

package/lib/utils/props/clickProps.js

@@ -28,7 +28,8 @@ var _default = {
    * web-oriented tooling that injects web-oriented event handlers directly. For example, for
    * to support use with NextJS's 'next/link' component, which injects `onClick` prop into its child.
    */
-  toPressProps: props => Object.fromEntries(Object.entries(props).map(([originalName, value]) => {
+  toPressProps: props => Object.fromEntries(Object.entries(props).map(_ref => {
+    let [originalName, value] = _ref;
     const translatedName = clickHandlerMapping[originalName];
     return translatedName ? [translatedName, value] : [originalName, value];
   }))

package/lib/utils/props/componentPropType.js

@@ -33,8 +33,8 @@ function componentPropType(passedName) {
     const nameInProp = ((_props$propName$type = props[propName].type) === null || _props$propName$type === void 0 ? void 0 : _props$propName$type.displayName) || ((_props$propName$type2 = props[propName].type) === null || _props$propName$type2 === void 0 ? void 0 : _props$propName$type2.name);
 
     if (!nameInProp || !passedNames.includes(nameInProp)) {
-      const propDescription = nameInProp ? `Component ${nameInProp}` : typeof props[propName];
-      return new Error(`${componentName}: ${propDescription} was passed to \`${propName}\` prop; should be ${passedNames.join(' or ')}`);
+      const propDescription = nameInProp ? "Component ".concat(nameInProp) : typeof props[propName];
+      return new Error("".concat(componentName, ": ").concat(propDescription, " was passed to `").concat(propName, "` prop; should be ").concat(passedNames.join(' or ')));
     }
 
     return undefined;
@@ -42,7 +42,7 @@ function componentPropType(passedName) {
 
   const checkRequired = (props, propName, componentName) => {
     if (props[propName] === undefined) {
-      return new Error(`The prop \`${propName}\` is marked as required in \`${componentName}\`, but its value is ${props[propName]}.`);
+      return new Error("The prop `".concat(propName, "` is marked as required in `").concat(componentName, "`, but its value is ").concat(props[propName], "."));
     }
 
     return undefined;

package/lib/utils/props/getPropSelector.js

@@ -7,7 +7,10 @@ exports.default = getPropSelector;
 
 function getPropSelector(propTypes, regexp) {
   const keys = Object.keys(propTypes);
-  return props => Object.entries(props).reduce((items, [key, value]) => keys.includes(key) || regexp && regexp.test(key) ? { ...items,
-    [key]: value
-  } : items, {});
+  return props => Object.entries(props).reduce((items, _ref) => {
+    let [key, value] = _ref;
+    return keys.includes(key) || regexp && regexp.test(key) ? { ...items,
+      [key]: value
+    } : items;
+  }, {});
 }

package/lib/utils/props/handlerProps.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.textInputHandlerProps = exports.focusHandlerProps = void 0;
+exports.textInputHandlerProps = exports.focusHandlerProps = exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -21,13 +21,16 @@ const focusHandlerProps = {
      */
     onFocus: _propTypes.default.func
   },
-  select: ({
-    onBlur,
-    onFocus
-  }) => ({
-    onBlur,
-    onFocus
-  })
+  select: _ref => {
+    let {
+      onBlur,
+      onFocus
+    } = _ref;
+    return {
+      onBlur,
+      onFocus
+    };
+  }
 };
 exports.focusHandlerProps = focusHandlerProps;
 const textInputHandlerProps = {
@@ -52,17 +55,20 @@ const textInputHandlerProps = {
      */
     onSubmitEditing: _propTypes.default.func
   },
-  select: ({
-    onChange,
-    onChangeText,
-    onSubmit,
-    onSubmitEditing
-  }) => ({
-    onChange,
-    onChangeText,
-    onSubmit,
-    onSubmitEditing
-  })
+  select: _ref2 => {
+    let {
+      onChange,
+      onChangeText,
+      onSubmit,
+      onSubmitEditing
+    } = _ref2;
+    return {
+      onChange,
+      onChangeText,
+      onSubmit,
+      onSubmitEditing
+    };
+  }
 };
 exports.textInputHandlerProps = textInputHandlerProps;
 var _default = {

package/lib/utils/props/hrefAttrsProp.js

@@ -24,18 +24,21 @@ var _default = {
    * Takes a props object, bundles any hrefAttrs props present into one object
    * and returns that keyed as `hrefAttrs` and non-hrefAttrs props keyed as `rest`
    */
-  bundle: ({
-    download,
-    rel,
-    target,
-    ...rest
-  }) => ({
-    hrefAttrs: {
+  bundle: _ref => {
+    let {
       download,
       rel,
-      target
-    },
-    rest
-  })
+      target,
+      ...rest
+    } = _ref;
+    return {
+      hrefAttrs: {
+        download,
+        rel,
+        target
+      },
+      rest
+    };
+  }
 };
 exports.default = _default;

package/lib/utils/props/index.js

@@ -34,16 +34,16 @@ Object.defineProperty(exports, "clickProps", {
     return _clickProps.default;
   }
 });
-Object.defineProperty(exports, "copyPropTypes", {
+Object.defineProperty(exports, "componentPropType", {
   enumerable: true,
   get: function () {
-    return _copyPropTypes.default;
+    return _componentPropType.default;
   }
 });
-Object.defineProperty(exports, "componentPropType", {
+Object.defineProperty(exports, "copyPropTypes", {
   enumerable: true,
   get: function () {
-    return _componentPropType.default;
+    return _copyPropTypes.default;
   }
 });
 Object.defineProperty(exports, "hrefAttrsProp", {
@@ -64,16 +64,16 @@ Object.defineProperty(exports, "linkProps", {
     return _linkProps.default;
   }
 });
-Object.defineProperty(exports, "pressProps", {
+Object.defineProperty(exports, "paddingProp", {
   enumerable: true,
   get: function () {
-    return _pressProps.default;
+    return _paddingProp.default;
   }
 });
-Object.defineProperty(exports, "paddingProp", {
+Object.defineProperty(exports, "pressProps", {
   enumerable: true,
   get: function () {
-    return _paddingProp.default;
+    return _pressProps.default;
   }
 });
 Object.defineProperty(exports, "rectProp", {
@@ -88,16 +88,16 @@ Object.defineProperty(exports, "responsiveProps", {
     return _responsiveProps.default;
   }
 });
-Object.defineProperty(exports, "spacingProps", {
+Object.defineProperty(exports, "selectSystemProps", {
   enumerable: true,
   get: function () {
-    return _spacingProps.default;
+    return _selectSystemProps.default;
   }
 });
-Object.defineProperty(exports, "selectSystemProps", {
+Object.defineProperty(exports, "spacingProps", {
   enumerable: true,
   get: function () {
-    return _selectSystemProps.default;
+    return _spacingProps.default;
   }
 });
 Object.defineProperty(exports, "textInputProps", {

package/lib/utils/props/inputSupportsProps.js

@@ -47,16 +47,8 @@ var _default = {
      */
     validation: _propTypes.default.oneOf(['error', 'success'])
   },
-  select: ({
-    copy,
-    label,
-    hint,
-    hintPosition,
-    feedback,
-    tooltip,
-    validation
-  }) => ({
-    supportsProps: {
+  select: _ref => {
+    let {
       copy,
       label,
       hint,
@@ -64,7 +56,18 @@ var _default = {
       feedback,
       tooltip,
       validation
-    }
-  })
+    } = _ref;
+    return {
+      supportsProps: {
+        copy,
+        label,
+        hint,
+        hintPosition,
+        feedback,
+        tooltip,
+        validation
+      }
+    };
+  }
 };
 exports.default = _default;

package/lib/utils/props/linkProps.js

@@ -44,14 +44,15 @@ var _default = {
    * @returns {(() => void)|undefined} Returns a press handler, or undefined on web if no press
    * handler is provided (expects calling component to render as `<a href={href}>` on web).
    */
-  handleHref: ({
-    onPress,
-    href
-  }) => {
+  handleHref: _ref => {
+    let {
+      onPress,
+      href
+    } = _ref;
     return _Platform.default.select({
       web: onPress,
-      default: (...args) => {
-        if (onPress) onPress(...args);
+      default: function () {
+        if (onPress) onPress(...arguments);
         if (href) _Linking.default.openURL(href);
       }
     });

package/lib/utils/props/pressProps.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.pressPropTypes = void 0;
+exports.pressPropTypes = exports.default = void 0;
 
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
 

package/lib/utils/props/selectSystemProps.js

@@ -10,7 +10,7 @@ exports.default = selectSystemProps;
 function selectSystemProps(systemPropHelpers) {
   const selectProps = props => systemPropHelpers.reduce((acc, propHelper) => {
     if (typeof (propHelper === null || propHelper === void 0 ? void 0 : propHelper.select) !== 'function') {
-      throw new Error(`An invalid system prop helper has been passed to 'selectSystemProps': prop selector ('.select') is missing in ${propHelper}`);
+      throw new Error("An invalid system prop helper has been passed to 'selectSystemProps': prop selector ('.select') is missing in ".concat(propHelper));
     }
 
     return { ...acc,
@@ -20,7 +20,7 @@ function selectSystemProps(systemPropHelpers) {
 
   const selectedPropTypes = systemPropHelpers.reduce((acc, propHelper) => {
     if (!(propHelper !== null && propHelper !== void 0 && propHelper.types)) {
-      throw new Error(`An invalid system prop helper has been passed to 'selectSystemProps': types selector ('.types') is missing in ${propHelper}`);
+      throw new Error("An invalid system prop helper has been passed to 'selectSystemProps': types selector ('.types') is missing in ".concat(propHelper));
     }
 
     return { ...acc,

package/lib/utils/props/tokens.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTokensSetPropType = exports.getTokensPropType = exports.selectTokens = exports.getTokenNames = void 0;
+exports.selectTokens = exports.getTokensSetPropType = exports.getTokensPropType = exports.getTokenNames = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -22,7 +22,7 @@ const getTokenNames = componentName => {
   const componentTokenSchema = _systemThemeTokens.components[componentName];
 
   if (!componentTokenSchema) {
-    throw new Error(`No "${componentName}" tokenKeys in @telus-uds/system-theme-tokens`);
+    throw new Error("No \"".concat(componentName, "\" tokenKeys in @telus-uds/system-theme-tokens"));
   }
 
   return Object.keys(componentTokenSchema);
@@ -63,7 +63,7 @@ exports.getTokenNames = getTokenNames;
 const selectTokens = (specifier, tokens, prefix) => {
   const tokenNames = typeof specifier === 'string' ? getTokenNames(specifier) : specifier;
   const filteredTokens = tokenNames.reduce((validTokens, key) => {
-    const prefixedKey = prefix ? `${prefix}${key[0].toUpperCase()}${key.slice(1)}` : key;
+    const prefixedKey = prefix ? "".concat(prefix).concat(key[0].toUpperCase()).concat(key.slice(1)) : key;
     const token = tokens[prefixedKey];
     return token !== undefined ? { ...validTokens,
       [key]: token
@@ -103,16 +103,22 @@ const selectTokens = (specifier, tokens, prefix) => {
 
 exports.selectTokens = selectTokens;
 
-const getTokensPropType = (...componentsNames) => (props, propName, componentName) => {
-  _propTypes.default.checkPropTypes({
-    [propName]: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func])
-  }, props, propName, componentName);
+const getTokensPropType = function () {
+  for (var _len = arguments.length, componentsNames = new Array(_len), _key = 0; _key < _len; _key++) {
+    componentsNames[_key] = arguments[_key];
+  }
 
-  if (typeof props[propName] !== 'function') {
+  return (props, propName, componentName) => {
     _propTypes.default.checkPropTypes({
-      [propName]: _propTypes.default.exact(Object.fromEntries(componentsNames.flatMap(component => getTokenNames(component).map(key => [key, tokenValueType]))))
+      [propName]: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func])
     }, props, propName, componentName);
-  }
+
+    if (typeof props[propName] !== 'function') {
+      _propTypes.default.checkPropTypes({
+        [propName]: _propTypes.default.exact(Object.fromEntries(componentsNames.flatMap(component => getTokenNames(component).map(key => [key, tokenValueType]))))
+      }, props, propName, componentName);
+    }
+  };
 };
 /**
  * Get a proptypes validator for a set of tokens that is not based on a component in the theme schema.
@@ -132,12 +138,20 @@ const getTokensPropType = (...componentsNames) => (props, propName, componentNam
 
 exports.getTokensPropType = getTokensPropType;
 
-const getTokensSetPropType = (componentTokenKeys, {
-  partial = false,
-  allowFunction = false
-} = {}) => {
+const getTokensSetPropType = function (componentTokenKeys) {
+  let {
+    partial = false,
+    allowFunction = false
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
   const tokensObjectValidator = _propTypes.default.exact(Object.fromEntries(componentTokenKeys.map(key => [key, partial ? tokenValueType : // Some theme tokens can validly resolve to `null`, but .isRequired treats null as undefined
-  (props, propName, ...args) => props[propName] !== null && tokenValueType.isRequired(props, propName, ...args)])));
+  function (props, propName) {
+    for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+      args[_key2 - 2] = arguments[_key2];
+    }
+
+    return props[propName] !== null && tokenValueType.isRequired(props, propName, ...args);
+  }])));
 
   return allowFunction ? _propTypes.default.oneOfType([tokensObjectValidator, _propTypes.default.func]) : tokensObjectValidator;
 };

package/lib/utils/ssr.js

@@ -21,7 +21,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {string} [appName]
  * @returns {ReactElement[]}
  */
-const getReactNativeWebSSRStyles = (AppRoot, appName = 'app') => {
+const getReactNativeWebSSRStyles = function (AppRoot) {
+  let appName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'app';
+
   _AppRegistry.default.registerComponent(appName, () => AppRoot);
 
   const {
@@ -43,7 +45,9 @@ const getReactNativeWebSSRStyles = (AppRoot, appName = 'app') => {
 
 exports.getReactNativeWebSSRStyles = getReactNativeWebSSRStyles;
 
-const getSSRStyles = (AppRoot, appName = 'app', existingStyles = []) => {
+const getSSRStyles = function (AppRoot) {
+  let appName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'app';
+  let existingStyles = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   return [...existingStyles, ...getReactNativeWebSSRStyles(AppRoot, appName) // if any other CSS-in-JS is added e.g. styled-components generate and add its styles here
   ];
 };

package/lib/utils/useCopy.js

@@ -35,10 +35,12 @@ const DEFAULT_COPY = 'en';
 
 exports.DEFAULT_COPY = DEFAULT_COPY;
 
-function useCopy({
-  dictionary,
-  copy = DEFAULT_COPY
-}) {
+function useCopy(_ref) {
+  let {
+    dictionary,
+    copy = DEFAULT_COPY
+  } = _ref;
+
   if (typeof copy === 'string') {
     return key => key ? dictionary[copy][key] : dictionary[copy];
   } // support overriding the entire copy dictionary with an object for a single language

package/lib/utils/useHash.js

@@ -29,7 +29,8 @@ const doAction = (action, event) => {
  */
 
 
-const useHash = (action, isReady = true) => {
+const useHash = function (action) {
+  let isReady = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   const [isDone, setIsDone] = (0, _react.useState)(false); // Do the action just once when ready after component mount, from hash on page load
 
   const isToDo = isReady && !isDone;

package/lib/utils/useResponsiveProp.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.resolveResponsiveProp = void 0;
+exports.resolveResponsiveProp = exports.default = void 0;
 
 var _systemConstants = require("@telus-uds/system-constants");
 

package/lib/utils/useSpacingScale.js

@@ -110,6 +110,8 @@ const resolveSpacingOptions = space => {
 
 
 const useSpacingScale = spaceValue => {
+  var _spaceValue$space;
+
   // In future, may need to consider window height as well as width, particularly for native apps,
   // e.g. to ensure designs don't look lost on large, tall, not-so-wide portrait screens.
   const viewport = (0, _ViewportProvider.useViewport)();
@@ -119,7 +121,7 @@ const useSpacingScale = spaceValue => {
     overridden,
     subtract = 0
   } = resolveSpacingOptions(spaceValue);
-  const space = !overridden && ((spaceValue === null || spaceValue === void 0 ? void 0 : spaceValue.space) ?? (0, _useResponsiveProp.resolveResponsiveProp)(spaceValue, viewport, 0));
+  const space = !overridden && ((_spaceValue$space = spaceValue === null || spaceValue === void 0 ? void 0 : spaceValue.space) !== null && _spaceValue$space !== void 0 ? _spaceValue$space : (0, _useResponsiveProp.resolveResponsiveProp)(spaceValue, viewport, 0));
   const {
     size
   } = (0, _ThemeProvider.useThemeTokens)('spacingScale', tokens, variant, {

package/lib/utils/useUniqueId.js

@@ -9,10 +9,11 @@ var _react = require("react");
 
 let id = 0;
 
-function useUniqueId(prefix = '') {
+function useUniqueId() {
+  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   const [uniqueId] = (0, _react.useState)(() => {
     id += 1;
-    return `${prefix}-${id}`;
+    return "".concat(prefix, "-").concat(id);
   });
   return uniqueId;
 }

package/lib/utils/withLinkRouter.js

@@ -50,11 +50,12 @@ const hasOwnProperty = (object, prop) => Object.prototype.hasOwnProperty.call(ob
 
 
 const withLinkRouter = Component => {
-  const wrappedComponent = /*#__PURE__*/(0, _react.forwardRef)(({
-    LinkRouter,
-    linkRouterProps,
-    ...props
-  }, ref) => {
+  const wrappedComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+    let {
+      LinkRouter,
+      linkRouterProps,
+      ...props
+    } = _ref;
     if (!LinkRouter) return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, { ...props,
       ref: ref
     });

package/lib-module/A11yInfoProvider/index.js

@@ -6,9 +6,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const ScreenReaderContext = /*#__PURE__*/createContext(false);
 const ReducedMotionContext = /*#__PURE__*/createContext(false);
 
-const A11yInfoProvider = ({
-  children
-}) => {
+const A11yInfoProvider = _ref => {
+  let {
+    children
+  } = _ref;
   const [reduceMotionEnabled, setReduceMotionEnabled] = useState(false);
   const [screenReaderEnabled, setScreenReaderEnabled] = useState(false);
   useEffect(() => {

package/lib-module/A11yText/index.js

@@ -13,11 +13,12 @@ const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, vie
  * as a sibling to blocks of text like paragraphs and interactive elements like buttons.
  */
 
-const A11yText = /*#__PURE__*/forwardRef(({
-  text,
-  heading,
-  ...rest
-}, ref) => {
+const A11yText = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    text,
+    heading,
+    ...rest
+  } = _ref;
   const selectedProps = selectProps({
     // On iOS, needs `accessible` to be true to be focusable without non-a11y content.
     // On Web, `accessible` causes RNW to set attributes that may make the element be treated as a group.