@telus-uds/components-base 1.97.0 → 1.97.1

package/lib/utils/props/index.js

@@ -1,168 +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,50 +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.default.object,
+    feedbackTokens: PropTypes.object,
     /**
      * Props to be passed to the feedback component.
      */
-    feedbackProps: _propTypes.default.object,
+    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 {
@@ -72,5 +65,4 @@ var _default = {
       }
     };
   }
-};
-exports.default = _default;
+};

package/lib/utils/props/linkProps.js

@@ -1,24 +1,17 @@
-"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 }; }
+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 = {
-  ..._pressProps.pressPropTypes,
-  href: _propTypes.default.string,
-  hrefAttrs: _propTypes.default.shape(_hrefAttrsProp.default.types),
-  ..._a11yProps.default.types
+  ...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
    */
@@ -26,7 +19,7 @@ var _default = {
   /**
    * 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.
    *
@@ -39,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,17 +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,43 +1,35 @@
-"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 = {
+export const pressPropTypes = {
   ...pressHandlerPropTypes,
-  disabled: _propTypes.default.bool,
-  ..._Platform.default.select({
+  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
    */
@@ -45,7 +37,6 @@ var _default = {
   /**
    * 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)
+};

package/lib/utils/props/rectProp.js

@@ -1,17 +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({
-    bottom: _propTypes.default.number,
-    left: _propTypes.default.number,
-    right: _propTypes.default.number,
-    top: _propTypes.default.number
+import PropTypes from 'prop-types';
+export default {
+  propType: PropTypes.shape({
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    top: PropTypes.number
   })
-};
-exports.default = _default;
+};

package/lib/utils/props/responsiveProps.js

@@ -1,11 +1,4 @@
-"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 getByViewport = propType => ({
   xs: propType,
   sm: propType,
@@ -28,9 +21,8 @@ const getByViewport = propType => ({
  * @property {Function} getTypeOptionallyByViewport - returns a PropTypes validator that accepts
  *   either the provided proptype on its own, or the output of getTypeByViewport
  */
-var _default = {
+export default {
   getByViewport,
-  getTypeByViewport: propType => _propTypes.default.shape(getByViewport(propType)),
-  getTypeOptionallyByViewport: propType => _propTypes.default.oneOfType([propType, _propTypes.default.shape(getByViewport(propType))])
-};
-exports.default = _default;
+  getTypeByViewport: propType => PropTypes.shape(getByViewport(propType)),
+  getTypeOptionallyByViewport: propType => PropTypes.oneOfType([propType, PropTypes.shape(getByViewport(propType))])
+};

package/lib/utils/props/selectSystemProps.js

@@ -1,12 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = selectSystemProps;
 // Returns a selector for requested prop kinds as well as the propTypes for
 // those props merged into one object
-function selectSystemProps(systemPropHelpers) {
+export default 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}`);

package/lib/utils/props/spacingProps.js

@@ -1,13 +1,7 @@
-"use strict";
+import PropTypes from 'prop-types';
+import responsiveProps from './responsiveProps';
+import variantProp from './variantProp';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _responsiveProps = _interopRequireDefault(require("./responsiveProps"));
-var _variantProp = _interopRequireDefault(require("./variantProp"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * @typedef {0|1|2|3|4|5|6|7|8|9|10|11} SpacingIndex - value used to select a size on the spacing scale
  *
@@ -28,13 +22,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @typedef {SpacingIndex|SpacingObject} SpacingValue
  */
 const spacingScale = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-const spacingIndexPropType = _propTypes.default.oneOf(spacingScale);
-const spacingObjectPropType = _propTypes.default.shape({
-  ..._responsiveProps.default.getByViewport(spacingIndexPropType),
+const spacingIndexPropType = PropTypes.oneOf(spacingScale);
+const spacingObjectPropType = PropTypes.shape({
+  ...responsiveProps.getByViewport(spacingIndexPropType),
   space: spacingIndexPropType,
-  options: _propTypes.default.shape({
-    variant: _variantProp.default.propType,
-    size: _propTypes.default.number
+  options: PropTypes.shape({
+    variant: variantProp.propType,
+    size: PropTypes.number
   })
 });
 
@@ -52,13 +46,12 @@ const spacingObjectPropType = _propTypes.default.shape({
  *   scale, or an object with an optional `options` key and one or more spacing indexes keyed either by
  *   viewports or `space` to apply at all viewports.
  */
-var _default = {
+export default {
   scale: spacingScale,
   types: {
     spacingIndex: spacingIndexPropType,
     spacingObject: spacingObjectPropType,
     // Most spacing components and utilities take this prop / arg type:
-    spacingValue: _propTypes.default.oneOfType([spacingIndexPropType, spacingObjectPropType])
+    spacingValue: PropTypes.oneOfType([spacingIndexPropType, spacingObjectPropType])
   }
-};
-exports.default = _default;
+};