@telus-uds/components-base 2.0.0 → 2.0.2

package/lib/utils/props/handlerProps.js

@@ -1,99 +1,76 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import PropTypes from 'prop-types';
+import Platform from "react-native-web/dist/exports/Platform";
+import getPropSelector from './getPropSelector';
 const focusHandlerProps = {
   types: {
     /**
      * onBlur handler
      */
-    onBlur: _propTypes.default.func,
-
+    onBlur: PropTypes.func,
     /**
      * onFocus handler
      */
-    onFocus: _propTypes.default.func
+    onFocus: PropTypes.func
   }
 };
-exports.focusHandlerProps = focusHandlerProps;
-focusHandlerProps.select = (0, _getPropSelector.default)(focusHandlerProps.types);
+focusHandlerProps.select = getPropSelector(focusHandlerProps.types);
 const textInputHandlerProps = {
   types: {
     /**
      * onChange handler
      */
-    onChange: _propTypes.default.func,
-
+    onChange: PropTypes.func,
     /**
      * onChangeText handler
      */
-    onChangeText: _propTypes.default.func,
-
+    onChangeText: PropTypes.func,
     /**
      * onClear handler
      */
-    onClear: _propTypes.default.func,
-
+    onClear: PropTypes.func,
     /**
      * onSubmit handler
      */
-    onSubmit: _propTypes.default.func,
-
+    onSubmit: PropTypes.func,
     /**
      * onSubmitEditing handler
      */
-    onSubmitEditing: _propTypes.default.func,
-
+    onSubmitEditing: PropTypes.func,
     /**
      * onContentSizeChange handler
      */
-    onContentSizeChange: _propTypes.default.func,
-
+    onContentSizeChange: PropTypes.func,
     /**
      * onEndEditing handler
      */
-    onEndEditing: _propTypes.default.func,
-
+    onEndEditing: PropTypes.func,
     /**
      * onScroll handler
      */
-    onScroll: _propTypes.default.func,
-
+    onScroll: PropTypes.func,
     /**
      * onSelectionChange handler
      */
-    onSelectionChange: _propTypes.default.func,
-
+    onSelectionChange: PropTypes.func,
     /**
      * onKeyPress handler
      */
-    onKeyPress: _propTypes.default.func,
-
+    onKeyPress: PropTypes.func,
     /**
      * onKeyUp handler (only supported on Web)
      */
-    onKeyUp: _propTypes.default.func,
-
+    onKeyUp: PropTypes.func,
     /**
      * onKeyDown handler (only supported on Web)
      */
-    onKeyDown: _propTypes.default.func
+    onMouseOver: PropTypes.func,
+    /**
+     * onKeyDown handler (only supported on Web)
+     */
+    onMouseOut: PropTypes.func
   }
 };
-exports.textInputHandlerProps = textInputHandlerProps;
-const selectTextInputHandlers = (0, _getPropSelector.default)(textInputHandlerProps.types);
-
+const selectTextInputHandlers = getPropSelector(textInputHandlerProps.types);
 textInputHandlerProps.select = props => {
   // Support for onKeyPress/onKeyUp/onKeyDown is inconsistent between React Native and React Native Web
   const {
@@ -102,9 +79,8 @@ textInputHandlerProps.select = props => {
     onKeyDown,
     ...resolvedProps
   } = selectTextInputHandlers(props);
-
   if (onKeyPress || onKeyUp || onKeyDown) {
-    if (_Platform.default.OS !== 'web') {
+    if (Platform.OS !== 'web') {
       // React Native only supports onKeyPress. Call any key handlers supplied in expected order.
       resolvedProps.onKeyPress = event => {
         if (typeof onKeyDown === 'function') onKeyDown(event);
@@ -113,9 +89,9 @@ textInputHandlerProps.select = props => {
       };
     } else {
       // React Native Web supports onKeyUp the normal way.
-      if (onKeyUp) resolvedProps.onKeyUp = onKeyUp; // React Native Web doesn't support the `onKeyDown` prop name, but maps a supplied onKeyPress handler
+      if (onKeyUp) resolvedProps.onKeyUp = onKeyUp;
+      // React Native Web doesn't support the `onKeyDown` prop name, but maps a supplied onKeyPress handler
       // to the onKeyDown event and calls it with a keydown event. Make React Native Web call either or both.
-
       if (onKeyPress || onKeyDown) {
         resolvedProps.onKeyPress = event => {
           if (typeof onKeyDown === 'function') onKeyDown(event);
@@ -124,6 +100,6 @@ textInputHandlerProps.select = props => {
       }
     }
   }
-
   return resolvedProps;
-};
+};
+export { focusHandlerProps, textInputHandlerProps };

package/lib/utils/props/hrefAttrsProp.js

@@ -1,25 +1,15 @@
-"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';
 
 // Props related to HTML <a> anchor link attributes.
 const targetValues = ['_self', '_blank', '_parent', '_top'];
-var _default = {
+export default {
   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"
-    download: _propTypes.default.string,
-    rel: _propTypes.default.string,
-    target: _propTypes.default.oneOf(targetValues)
+    download: PropTypes.string,
+    rel: PropTypes.string,
+    target: PropTypes.oneOf(targetValues)
   },
-
   /**
    * 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`
@@ -40,5 +30,4 @@ var _default = {
       rest
     };
   }
-};
-exports.default = _default;
+};

package/lib/utils/props/index.js

@@ -1,190 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  a11yProps: true,
-  clickProps: true,
-  copyPropTypes: true,
-  componentPropType: true,
-  hrefAttrsProp: true,
-  inputSupportsProps: true,
-  linkProps: true,
-  pressProps: true,
-  paddingProp: true,
-  rectProp: true,
-  responsiveProps: true,
-  spacingProps: true,
-  selectSystemProps: true,
-  textInputProps: true,
-  textProps: true,
-  variantProp: true,
-  viewProps: true
-};
-Object.defineProperty(exports, "a11yProps", {
-  enumerable: true,
-  get: function () {
-    return _a11yProps.default;
-  }
-});
-Object.defineProperty(exports, "clickProps", {
-  enumerable: true,
-  get: function () {
-    return _clickProps.default;
-  }
-});
-Object.defineProperty(exports, "componentPropType", {
-  enumerable: true,
-  get: function () {
-    return _componentPropType.default;
-  }
-});
-Object.defineProperty(exports, "copyPropTypes", {
-  enumerable: true,
-  get: function () {
-    return _copyPropTypes.default;
-  }
-});
-Object.defineProperty(exports, "hrefAttrsProp", {
-  enumerable: true,
-  get: function () {
-    return _hrefAttrsProp.default;
-  }
-});
-Object.defineProperty(exports, "inputSupportsProps", {
-  enumerable: true,
-  get: function () {
-    return _inputSupportsProps.default;
-  }
-});
-Object.defineProperty(exports, "linkProps", {
-  enumerable: true,
-  get: function () {
-    return _linkProps.default;
-  }
-});
-Object.defineProperty(exports, "paddingProp", {
-  enumerable: true,
-  get: function () {
-    return _paddingProp.default;
-  }
-});
-Object.defineProperty(exports, "pressProps", {
-  enumerable: true,
-  get: function () {
-    return _pressProps.default;
-  }
-});
-Object.defineProperty(exports, "rectProp", {
-  enumerable: true,
-  get: function () {
-    return _rectProp.default;
-  }
-});
-Object.defineProperty(exports, "responsiveProps", {
-  enumerable: true,
-  get: function () {
-    return _responsiveProps.default;
-  }
-});
-Object.defineProperty(exports, "selectSystemProps", {
-  enumerable: true,
-  get: function () {
-    return _selectSystemProps.default;
-  }
-});
-Object.defineProperty(exports, "spacingProps", {
-  enumerable: true,
-  get: function () {
-    return _spacingProps.default;
-  }
-});
-Object.defineProperty(exports, "textInputProps", {
-  enumerable: true,
-  get: function () {
-    return _textInputProps.default;
-  }
-});
-Object.defineProperty(exports, "textProps", {
-  enumerable: true,
-  get: function () {
-    return _textProps.default;
-  }
-});
-Object.defineProperty(exports, "variantProp", {
-  enumerable: true,
-  get: function () {
-    return _variantProp.default;
-  }
-});
-Object.defineProperty(exports, "viewProps", {
-  enumerable: true,
-  get: function () {
-    return _viewProps.default;
-  }
-});
-
-var _tokens = require("./tokens");
-
-Object.keys(_tokens).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _tokens[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _tokens[key];
-    }
-  });
-});
-
-var _handlerProps = require("./handlerProps");
-
-Object.keys(_handlerProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _handlerProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _handlerProps[key];
-    }
-  });
-});
-
-var _a11yProps = _interopRequireDefault(require("./a11yProps"));
-
-var _clickProps = _interopRequireDefault(require("./clickProps"));
-
-var _copyPropTypes = _interopRequireDefault(require("./copyPropTypes"));
-
-var _componentPropType = _interopRequireDefault(require("./componentPropType"));
-
-var _hrefAttrsProp = _interopRequireDefault(require("./hrefAttrsProp"));
-
-var _inputSupportsProps = _interopRequireDefault(require("./inputSupportsProps"));
-
-var _linkProps = _interopRequireDefault(require("./linkProps"));
-
-var _pressProps = _interopRequireDefault(require("./pressProps"));
-
-var _paddingProp = _interopRequireDefault(require("./paddingProp"));
-
-var _rectProp = _interopRequireDefault(require("./rectProp"));
-
-var _responsiveProps = _interopRequireDefault(require("./responsiveProps"));
-
-var _spacingProps = _interopRequireDefault(require("./spacingProps"));
-
-var _selectSystemProps = _interopRequireDefault(require("./selectSystemProps"));
-
-var _textInputProps = _interopRequireDefault(require("./textInputProps"));
-
-var _textProps = _interopRequireDefault(require("./textProps"));
-
-var _variantProp = _interopRequireDefault(require("./variantProp"));
-
-var _viewProps = _interopRequireDefault(require("./viewProps"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export * from './tokens';
+export * from './handlerProps';
+export { default as a11yProps } from './a11yProps';
+export { default as clickProps } from './clickProps';
+export { default as copyPropTypes } from './copyPropTypes';
+export { default as componentPropType } from './componentPropType';
+export { default as hrefAttrsProp } from './hrefAttrsProp';
+export { default as inputSupportsProps } from './inputSupportsProps';
+export { default as linkProps } from './linkProps';
+export { default as pressProps } from './pressProps';
+export { default as paddingProp } from './paddingProp';
+export { default as rectProp } from './rectProp';
+export { default as responsiveProps } from './responsiveProps';
+export { default as spacingProps } from './spacingProps';
+export { default as selectSystemProps } from './selectSystemProps';
+export { default as textInputProps } from './textInputProps';
+export { default as textProps } from './textProps';
+export { default as variantProp } from './variantProp';
+export { default as viewProps } from './viewProps';

package/lib/utils/props/inputSupportsProps.js

@@ -1,51 +1,43 @@
-"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 }; }
-
-var _default = {
+import PropTypes from 'prop-types';
+export default {
   types: {
     /**
      * Whether the English or French copy will be used (e.g. for accessibility labels).
      */
-    copy: _propTypes.default.oneOf(['en', 'fr']),
-
+    copy: PropTypes.oneOf(['en', 'fr']),
     /**
      * The input label.
      */
-    label: _propTypes.default.string,
-
+    label: PropTypes.string,
     /**
      * A short description of the expected input.
      */
-    hint: _propTypes.default.string,
-
+    hint: PropTypes.string,
     /**
      * Position of the hint relative to label. Use `below` to display a larger hint below the label.
      */
-    hintPosition: _propTypes.default.oneOf(['inline', 'below']),
-
+    hintPosition: PropTypes.oneOf(['inline', 'below']),
     /**
      * A detailed description of validation error/success or additional instructions.
      * Visual variant is determined based on the `validation` prop.
      */
-    feedback: _propTypes.default.string,
-
+    feedback: PropTypes.string,
+    /**
+     * Tokens to be passed to the feedback component.
+     */
+    feedbackTokens: PropTypes.object,
+    /**
+     * Props to be passed to the feedback component.
+     */
+    feedbackProps: PropTypes.object,
     /**
      * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
      */
-    tooltip: _propTypes.default.string,
-
+    tooltip: PropTypes.string,
     /**
      * Use to visually mark an input as valid or invalid.
      */
-    validation: _propTypes.default.oneOf(['error', 'success'])
+    validation: PropTypes.oneOf(['error', 'success'])
   },
   select: _ref => {
     let {
@@ -54,6 +46,8 @@ var _default = {
       hint,
       hintPosition,
       feedback,
+      feedbackTokens,
+      feedbackProps,
       tooltip,
       validation
     } = _ref;
@@ -64,10 +58,11 @@ var _default = {
         hint,
         hintPosition,
         feedback,
+        feedbackTokens,
+        feedbackProps,
         tooltip,
         validation
       }
     };
   }
-};
-exports.default = _default;
+};

package/lib/utils/props/linkProps.js

@@ -1,42 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const linkPropTypes = { ..._pressProps.pressPropTypes,
-  href: _propTypes.default.string,
-  hrefAttrs: _propTypes.default.shape(_hrefAttrsProp.default.types),
-  ..._a11yProps.default.types
+import Linking from "react-native-web/dist/exports/Linking";
+import Platform from "react-native-web/dist/exports/Platform";
+import PropTypes from 'prop-types';
+import { pressPropTypes } from './pressProps';
+import a11yProps from './a11yProps';
+import hrefAttrsProp from './hrefAttrsProp';
+import getPropSelector from './getPropSelector';
+const linkPropTypes = {
+  ...pressPropTypes,
+  href: PropTypes.string,
+  hrefAttrs: PropTypes.shape(hrefAttrsProp.types),
+  ...a11yProps.types
 };
-var _default = {
+export default {
   /**
    * Proptypes for components that, on Web, can output <a href="..."> link elements
    */
   types: linkPropTypes,
-
   /**
    * Filters a props object, returning only the platform-relevant link props defined above
    */
-  select: (0, _getPropSelector.default)(linkPropTypes),
-
+  select: getPropSelector(linkPropTypes),
   /**
    * Turn hrefs into press handlers that open links on Native.
    *
@@ -49,13 +32,12 @@ var _default = {
       onPress,
       href
     } = _ref;
-    return _Platform.default.select({
+    return Platform.select({
       web: onPress,
       default: function () {
         if (onPress) onPress(...arguments);
-        if (href) _Linking.default.openURL(href);
+        if (href) Linking.openURL(href);
       }
     });
   }
-};
-exports.default = _default;
+};

package/lib/utils/props/paddingProp.js

@@ -1,20 +1,9 @@
-"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 }; }
-
-var _default = {
-  propType: _propTypes.default.shape({
-    paddingBottom: _propTypes.default.number,
-    paddingLeft: _propTypes.default.number,
-    paddingRight: _propTypes.default.number,
-    paddingTop: _propTypes.default.number
+import PropTypes from 'prop-types';
+export default {
+  propType: PropTypes.shape({
+    paddingBottom: PropTypes.number,
+    paddingLeft: PropTypes.number,
+    paddingRight: PropTypes.number,
+    paddingTop: PropTypes.number
   })
-};
-exports.default = _default;
+};

package/lib/utils/props/pressProps.js

@@ -1,57 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pressPropTypes = exports.default = 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"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import Platform from "react-native-web/dist/exports/Platform";
+import PropTypes from 'prop-types';
+import rectProp from './rectProp';
+import getPropSelector from './getPropSelector';
 const pressHandlerPropTypes = {
-  onPress: _propTypes.default.func,
-  onPressIn: _propTypes.default.func,
-  onPressOut: _propTypes.default.func,
-  ..._Platform.default.select({
+  onPress: PropTypes.func,
+  onPressIn: PropTypes.func,
+  onPressOut: PropTypes.func,
+  ...Platform.select({
     web: {
-      onMouseEnter: _propTypes.default.func,
-      onMouseLeave: _propTypes.default.func,
-      onFocus: _propTypes.default.func,
-      onBlur: _propTypes.default.func
+      onMouseEnter: PropTypes.func,
+      onMouseLeave: PropTypes.func,
+      onFocus: PropTypes.func,
+      onBlur: PropTypes.func
     },
     default: {
-      onLongPress: _propTypes.default.func
+      onLongPress: PropTypes.func
     }
   })
 };
-const pressPropTypes = { ...pressHandlerPropTypes,
-  disabled: _propTypes.default.bool,
-  ..._Platform.default.select({
+export const pressPropTypes = {
+  ...pressHandlerPropTypes,
+  disabled: PropTypes.bool,
+  ...Platform.select({
     web: {},
     default: {
-      hitSlop: _propTypes.default.number,
-      pressRetentionOffset: _propTypes.default.oneOfType([_propTypes.default.number, _rectProp.default.propType])
+      hitSlop: PropTypes.number,
+      pressRetentionOffset: PropTypes.oneOfType([PropTypes.number, rectProp.propType])
     }
   })
 };
-exports.pressPropTypes = pressPropTypes;
-var _default = {
+export default {
   /**
    * Proptypes for clickable or pressable components, including web-only props
    */
   types: pressPropTypes,
-
   /**
    * Filters a props object, returning only the platform-relevant press props defined above
    */
-  select: (0, _getPropSelector.default)(pressPropTypes),
-  selectHandlers: (0, _getPropSelector.default)(pressHandlerPropTypes)
-};
-exports.default = _default;
+  select: getPropSelector(pressPropTypes),
+  selectHandlers: getPropSelector(pressHandlerPropTypes)
+};