@telus-uds/components-base 2.0.0 → 2.0.1

package/lib/utils/props/rectProp.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({
-    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,14 +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,
@@ -16,6 +6,7 @@ const getByViewport = propType => ({
   lg: propType,
   xl: propType
 });
+
 /**
  * Utilities for props that allow different values to be applied at different viewports.
  *
@@ -30,11 +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,29 +1,21 @@
-"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 ".concat(propHelper));
+      throw new Error(`An invalid system prop helper has been passed to 'selectSystemProps': prop selector ('.select') is missing in ${propHelper}`);
     }
-
-    return { ...acc,
+    return {
+      ...acc,
       ...propHelper.select(props)
     };
   }, {});
-
   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 ".concat(propHelper));
+      throw new Error(`An invalid system prop helper has been passed to 'selectSystemProps': types selector ('.types') is missing in ${propHelper}`);
     }
-
-    return { ...acc,
+    return {
+      ...acc,
       ...propHelper.types
     };
   }, {});

package/lib/utils/props/spacingProps.js

@@ -1,17 +1,6 @@
-"use strict";
-
-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 }; }
+import PropTypes from 'prop-types';
+import responsiveProps from './responsiveProps';
+import variantProp from './variantProp';
 
 /**
  * @typedef {0|1|2|3|4|5|6|7|8|9|10|11} SpacingIndex - value used to select a size on the spacing scale
@@ -33,16 +22,16 @@ 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
   })
 });
+
 /**
  * Components and utilities that assign fixed space between components use a theme-defined spacing scale.
  *
@@ -57,15 +46,12 @@ const spacingObjectPropType = _propTypes.default.shape({ ..._responsiveProps.def
  *   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;
+};

package/lib/utils/props/textInputProps.js

@@ -1,17 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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';
 
 // This file contains common props for components that render a React Native TextInput
 // It excludes interaction handler functions which are in `./handlerProps.js`
@@ -21,141 +10,127 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * shared with React Native's Text component.
  */
 const textProps = {
-  maxFontSizeMultiplier: _propTypes.default.number,
-  nativeId: _propTypes.default.string,
-  onLayout: _propTypes.default.func
+  maxFontSizeMultiplier: PropTypes.number,
+  nativeId: PropTypes.string,
+  onLayout: PropTypes.func
 };
+
 /**
  * UDS text inputs accept props related to UDS's useInputValue hook
  */
-
 const inputValueProps = {
-  value: _propTypes.default.string,
-  initialValue: _propTypes.default.string,
-  readOnly: _propTypes.default.bool,
-  inactive: _propTypes.default.bool
+  value: PropTypes.string,
+  type: PropTypes.string,
+  initialValue: PropTypes.string,
+  readOnly: PropTypes.bool,
+  inactive: PropTypes.bool
 };
+
 /**
  * This collection adds props that can be passed through to both React Native's
  * and React Native Web's implementations of the React Native TextInput component.
  */
-
-const crossPlatform = { ...textProps,
+const crossPlatform = {
+  ...textProps,
   ...inputValueProps,
-
   /**
    * Web and Android; 'off' disables device autocomplete, other strings are platform-specific.
    * Valid values on Native: https://reactnative.dev/docs/textinput#autocomplete-android
    * Valid values on Web: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
    */
-  autoComplete: _propTypes.default.string,
-
+  autoComplete: PropTypes.string,
   /**
    * On Native, default is `true`, passing `false` disables autoCorrect.
    * On web, only supported by Safari and expects "on" or "off" strings.
    */
-  autoCorrect: _propTypes.default.oneOf([true, false, 'on', 'off']),
-
+  autoCorrect: PropTypes.oneOf([true, false, 'on', 'off']),
   /**
    * Focuses the element on mount. On Web, only the first form element with autoFocus is focussed.
    */
-  autoFocus: _propTypes.default.bool,
-
+  autoFocus: PropTypes.bool,
   /**
    * Default is `true` for single line, `false` for multi-line
    */
-  blurOnSubmit: _propTypes.default.bool,
-
+  blurOnSubmit: PropTypes.bool,
   /**
    * iOS and Web only, no effect on Android
    */
-  clearTextOnFocus: _propTypes.default.bool,
-
+  clearTextOnFocus: PropTypes.bool,
   /**
    * Default is `true`. On web, this works by mapping to input's `readonly` attribute
    */
-  editable: _propTypes.default.bool,
-
+  editable: PropTypes.bool,
   /**
    * See documentation for allowed values (varies between Web, Android and iOS) and important notes:
    * - Native: https://reactnative.dev/docs/textinput#keyboardtype
    * - Web: equivalent to `inputmode` but see https://necolas.github.io/react-native-web/docs/text-input/
    */
-  keyboardType: _propTypes.default.string,
-
+  keyboardType: PropTypes.string,
   /**
    * Uses native tools (no flicker) to cap the maximum number of characters.
    * On Web, works via `maxlength` attr.
    */
-  maxLength: _propTypes.default.number,
-
+  maxLength: PropTypes.number,
   /**
    * If passed as true, the text input can be multiple lines.
    *
    * > It is important to note that this aligns the text to the top on iOS, and centers it on Android.
    * > Use with textAlignVertical set to top for the same behavior in both platforms.
    */
-  multiline: _propTypes.default.bool,
-
+  multiline: PropTypes.bool,
   /**
    * Web and Android only, requires `multiline` to be `true`.
    */
-  numberOfLines: _propTypes.default.number,
-
+  numberOfLines: PropTypes.number,
   /**
    * Text to display when no value set.
    * Accesibility guidelines recommend using labels to describe the input and using
    * placeholders rarely and sparingly to prompt a particular format.
    */
-  placeholder: _propTypes.default.string,
-
+  placeholder: PropTypes.string,
   /**
    * Sets placeholder colour. On Web, uses `::placeholder { color: ... }` selector.
    */
-  placeholderTextColor: _propTypes.default.string,
-
+  placeholderTextColor: PropTypes.string,
   /**
    * One of a subset of platform-specific options that controls labelling and presentation
    * in on-screen keyboards and accessibility tools. Uses `enterkeyhint` attr on Web.
    *
    * 'done', 'go', 'next', 'search', and 'send' are available for Web, Android and iOS.
    */
-  returnKeyType: _propTypes.default.string,
-
+  returnKeyType: PropTypes.string,
   /**
    * Obscures passwords and similar. Equivalent to type="password" on Web.
    * Does not work if multiline is true.
    */
-  secureTextEntry: _propTypes.default.bool,
-
+  secureTextEntry: PropTypes.bool,
   /**
    * If true, all text will automatically be selected on focus.
    */
-  selectTextOnFocus: _propTypes.default.bool,
-
+  selectTextOnFocus: PropTypes.bool,
   /**
    * Web and iOS. On iOS, default inherits from `autoCorrect`.
    * On Web, equivalent to `spellcheck` attr.
    */
-  spellCheck: _propTypes.default.bool
+  spellCheck: PropTypes.bool
 };
+
 /**
  * These web-only props all control HTML `input` attributes of the same name.
  * Refer to general HTML documentation for more details.
  */
-
 const webOnly = {
-  disabled: _propTypes.default.bool,
-  dir: _propTypes.default.oneOf(['auto', 'ltr', 'rtl']),
-  lang: _propTypes.default.string,
-
+  disabled: PropTypes.bool,
+  dir: PropTypes.oneOf(['auto', 'ltr', 'rtl']),
+  lang: PropTypes.string,
   /**
    * Sets the HTML input `pattern` attr. Not supported by React Native Web, but is supported by UDS.
    * Must also pass in a ref and check validity by calling the HTML element's checkValidity method:
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
    */
-  pattern: _propTypes.default.string
+  pattern: PropTypes.string
 };
+
 /**
  * These props are supported in React Native but not React Native Web.
  *
@@ -167,48 +142,47 @@ const webOnly = {
  * native component based on the values of multiple boolean flags, and may sometimes appear to pick an
  * option that is inappropriate for one flag based on the values of one or more other other flags.
  */
-
 const nativeOnly = {
-  caretHidden: _propTypes.default.bool,
-  clearButtonMode: _propTypes.default.string,
-  contextMenuHidden: _propTypes.default.bool,
-  dataDetectorTypes: _propTypes.default.string,
-  disableFullscreenUI: _propTypes.default.bool,
-  enablesReturnKeyAutomatically: _propTypes.default.bool,
-  importantForAutofill: _propTypes.default.string,
-  inlineImageLeft: _propTypes.default.string,
-  keyboardAppearance: _propTypes.default.string,
-  returnKeyLabel: _propTypes.default.string,
-  rejectResponderTermination: _propTypes.default.bool,
-  scrollEnabled: _propTypes.default.bool,
-  selection: _propTypes.default.object,
-  selectionColor: _propTypes.default.string,
-  showSoftInputOnFocus: _propTypes.default.bool,
-  textAlign: _propTypes.default.string,
-  textContentType: _propTypes.default.string,
-  passwordRules: _propTypes.default.string,
-  textBreakStrategy: _propTypes.default.string,
-  underlineColorAndroid: _propTypes.default.string
+  caretHidden: PropTypes.bool,
+  clearButtonMode: PropTypes.string,
+  contextMenuHidden: PropTypes.bool,
+  dataDetectorTypes: PropTypes.string,
+  disableFullscreenUI: PropTypes.bool,
+  enablesReturnKeyAutomatically: PropTypes.bool,
+  importantForAutofill: PropTypes.string,
+  inlineImageLeft: PropTypes.string,
+  keyboardAppearance: PropTypes.string,
+  returnKeyLabel: PropTypes.string,
+  rejectResponderTermination: PropTypes.bool,
+  scrollEnabled: PropTypes.bool,
+  selection: PropTypes.object,
+  selectionColor: PropTypes.string,
+  showSoftInputOnFocus: PropTypes.bool,
+  textAlign: PropTypes.string,
+  textContentType: PropTypes.string,
+  passwordRules: PropTypes.string,
+  textBreakStrategy: PropTypes.string,
+  underlineColorAndroid: PropTypes.string
 };
-var _default = {
+export default {
   /**
    * Subset of proptypes that can be passed down to a React Native or React Native Web
    * `TextInput` component. Allow regardless of platform, so cross-platform apps don't warn.
    */
-  types: { ...crossPlatform,
+  types: {
+    ...crossPlatform,
     ...webOnly,
     ...nativeOnly
   },
-
   /**
    * Filters a props object. Return only platform-appropriate TextInput props, native inputs
    * may throw errors on receiving unknown props.
    */
-  select: (0, _getPropSelector.default)({ ...crossPlatform,
-    ..._Platform.default.select({
+  select: getPropSelector({
+    ...crossPlatform,
+    ...Platform.select({
       web: webOnly,
       default: nativeOnly
     })
   })
-};
-exports.default = _default;
+};

package/lib/utils/props/textProps.js

@@ -1,72 +1,61 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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';
 
 // These are the props accepted specifically on React Native (Web) `Text` elements.
 // They are generally concerned with the behaviour of multiline text.
+
 const crossPlatform = {
   /**
    * Truncates text after this many lines with an ellipsis at the end.
    * On native, ellipsis behaviour may be changed with `ellipsizeMode` prop.
    */
-  numberOfLines: _propTypes.default.number,
-
+  numberOfLines: PropTypes.number,
   /**
    * Default is true on web and false on native
    */
-  selectable: _propTypes.default.bool
+  selectable: PropTypes.bool
 };
+
 /**
  * See React Native docs for latest details on these.
  * https://reactnative.dev/docs/text
  */
-
 const nativeOnly = {
-  ellipsizeMode: _propTypes.default.string,
-  maxFontSizeMultiplier: _propTypes.default.number,
-  minimumFontScale: _propTypes.default.number,
-  onTextLayout: _propTypes.default.func,
-  suppressHighlighting: _propTypes.default.bool,
-  textBreakStrategy: _propTypes.default.string
+  ellipsizeMode: PropTypes.string,
+  maxFontSizeMultiplier: PropTypes.number,
+  minimumFontScale: PropTypes.number,
+  onTextLayout: PropTypes.func,
+  suppressHighlighting: PropTypes.bool,
+  textBreakStrategy: PropTypes.string
 };
+
 /**
  * These set HTML attributes of the same name.
  */
-
 const webOnly = {
-  dir: _propTypes.default.oneOf(['auto', 'ltr', 'rtl']),
-  lang: _propTypes.default.string
+  dir: PropTypes.oneOf(['auto', 'ltr', 'rtl']),
+  lang: PropTypes.string
 };
-var _default = {
+export default {
   /**
    * Set of prop types specific to React Native and React Native Web `Text`,
    * which largely revolve around the behaviour of multiline non-pressable text.
    */
-  types: { ...crossPlatform,
+  types: {
+    ...crossPlatform,
     ...webOnly,
     ...nativeOnly
   },
-
   /**
    * Filters a props object, returning only props specific to `Text` elements
    * on the current platform. Does not include props applicable to `Text` and `View`.
    */
-  select: (0, _getPropSelector.default)({ ...crossPlatform,
-    ..._Platform.default.select({
+  select: getPropSelector({
+    ...crossPlatform,
+    ...Platform.select({
       web: webOnly,
       default: nativeOnly
     })
   })
-};
-exports.default = _default;
+};