@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/utils/props/a11yProps.js

@@ -4,15 +4,10 @@ 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 }; }
-
 // React Native exports a11y prop definitions as TypeScript Interfaces, but no longer exports PropTypes
 // so we have to define them ourselves.
 const nativeA11yPropTypes = {
@@ -48,7 +43,8 @@ const nativeA11yPropTypes = {
   onAccessibilityEscape: _propTypes.default.func,
   onAccessibilityTap: _propTypes.default.func
 };
-const a11yPropTypes = { ...nativeA11yPropTypes,
+const a11yPropTypes = {
+  ...nativeA11yPropTypes,
   // React Native Web adds many a11y props that alias aria-* attributes
   // Types based on https://necolas.github.io/react-native-web/docs/accessibility/
   accessibilityActiveDescendant: _propTypes.default.string,
@@ -95,14 +91,15 @@ const a11yPropTypes = { ...nativeA11yPropTypes,
   accessibilityValueNow: _propTypes.default.number,
   accessibilityValueText: _propTypes.default.string
 };
-
 const a11yPropTypesByPlatform = _Platform.default.select({
   // React Native Web adds many a11y props that alias aria-* attributes
   // Types based on https://necolas.github.io/react-native-web/docs/accessibility/
   web: a11yPropTypes,
   // Ignore web-only props in native builds
   default: nativeA11yPropTypes
-}); // These RNW-only props only exist in RNW >=0.18. Catch them and map them according to platform
+});
+
+// These RNW-only props only exist in RNW >=0.18. Catch them and map them according to platform
 // so all props work on RN, RNW >=0.18 and RNW <=0.18, regardless of which they were written for:
 // - On native, bundle them into objects, like `accessibilityValue: { max: 100 }`
 // - On web, split them into both of:
@@ -110,8 +107,6 @@ const a11yPropTypesByPlatform = _Platform.default.select({
 //   - The corresponding RNW >=0.18 prop, like `accessibilityValueNow`, which in some cases does more
 //     than just add the aria-* (e.g. `accessibilityDisabled` adds `disabled` if element supports it,
 //     and future releases might add more features here).
-
-
 const rwnPropMappings = {
   // Former accessibilityValue props.
   accessibilityValueMax: value => _Platform.default.select({
@@ -219,14 +214,13 @@ const rwnPropMappings = {
     }
   })
 };
-
 if (_Platform.default.OS === 'web') {
-  const mapIfDefined = (value, fn) => value === undefined ? undefined : fn(value); // On Web only, these React Native object props need manual mapping in RNW >=0.18
+  const mapIfDefined = (value, fn) => value === undefined ? undefined : fn(value);
+
+  // On Web only, these React Native object props need manual mapping in RNW >=0.18
   // which dropped support for the React Native shape of these props.
   // Re-use our RNW 0.18 prop mappings to support both RNW <0.18 (aria-*) and
   // new features added in >=0.18 (e.g. for accessibilityDisabled).
-
-
   rwnPropMappings.accessibilityValue = function () {
     let {
       max,
@@ -234,13 +228,13 @@ if (_Platform.default.OS === 'web') {
       now,
       text
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return { ...mapIfDefined(max, rwnPropMappings.accessibilityValueMax),
+    return {
+      ...mapIfDefined(max, rwnPropMappings.accessibilityValueMax),
       ...mapIfDefined(min, rwnPropMappings.accessibilityValueMin),
       ...mapIfDefined(now, rwnPropMappings.accessibilityValueNow),
       ...mapIfDefined(text, rwnPropMappings.accessibilityValueText)
     };
   };
-
   rwnPropMappings.accessibilityState = function () {
     let {
       busy,
@@ -249,7 +243,8 @@ if (_Platform.default.OS === 'web') {
       expanded,
       selected
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return { ...mapIfDefined(busy, rwnPropMappings.accessibilityBusy),
+    return {
+      ...mapIfDefined(busy, rwnPropMappings.accessibilityBusy),
       ...mapIfDefined(checked, rwnPropMappings.accessibilityChecked),
       ...mapIfDefined(disabled, rwnPropMappings.accessibilityDisabled),
       ...mapIfDefined(expanded, rwnPropMappings.accessibilityExpanded),
@@ -257,29 +252,29 @@ if (_Platform.default.OS === 'web') {
     };
   };
 }
-
 var _default = {
   /**
    * Proptypes for recognised React Native accessiblity (a11y) props.
    * Spread this in the propTypes of components that accept React Native a11y props.
    */
   types: a11yPropTypes,
-
   /**
    * Filters a props object, returning only recognised React Native accessiblity (a11y) props.
    *
    * Where components accept React Native a11y props, pass { ...rest } from its props to this,
    * then spread the returned object into the component's props (usually its outer container).
    */
-  select: (0, _getPropSelector.default)( // Allow all React Native accessibility props
-  a11yPropTypesByPlatform, // Allow any `aria-*` attribute on web; ignore them on native
-  _Platform.default.OS === 'web' && /^aria-/, // For the props added and deprecated in React Native Web 0.18, convert them to
+  select: (0, _getPropSelector.default)(
+  // Allow all React Native accessibility props
+  a11yPropTypesByPlatform,
+  // Allow any `aria-*` attribute on web; ignore them on native
+  _Platform.default.OS === 'web' && /^aria-/,
+  // For the props added and deprecated in React Native Web 0.18, convert them to
   // a form that is platform-appropriate and RNW-version safe
   (key, value) => {
     const rnwPropMapper = rwnPropMappings[key];
     return rnwPropMapper ? rnwPropMapper(value) : undefined;
   }),
-
   /**
    * Use this to disable focus for elements which are visually hidden but still rendered.
    */
@@ -289,8 +284,8 @@ var _default = {
     ..._Platform.default.select({
       web: {
         accessibilityHidden: true // web screenreaders
-
       },
+
       android: {
         importantForAccessibility: 'no-hide-descendants'
       },
@@ -299,7 +294,6 @@ var _default = {
       }
     })
   },
-
   /**
    * Generates an object of platform-appropriate a11y props describing an item that has an
    * ordered position in a set. Examples of usage by accessibility tools includes screenreaders

package/lib/utils/props/clickProps.js

@@ -4,11 +4,8 @@ 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 }; }
-
 const clickHandlerMapping = {
   onClick: 'onPress',
   onMouseDown: 'onPressIn',
@@ -19,7 +16,6 @@ var _default = {
    * Web-oriented HTML click handlers that may be mapped to React Native press handlers
    */
   types: Object.fromEntries(Object.keys(clickHandlerMapping).map(mouseName => [mouseName, _propTypes.default.func])),
-
   /**
    * Takes a set of props and converts HTML mouse click oriented event handlers to closest
    * equivalent React Native press event handler.

package/lib/utils/props/componentPropType.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = componentPropType;
-
 /**
  * Returns a prop type validator which checks whether a prop is either a component or an array of
  * components of a given type, based on their `name` or `displayName` properties.
@@ -16,54 +15,41 @@ exports.default = componentPropType;
  */
 function componentPropType(passedName) {
   const passedNames = typeof passedName === 'string' ? [passedName] : passedName;
-
   const checkProp = (props, propName, componentName) => {
     var _props$propName$type, _props$propName$type2;
-
     if (props[propName] === undefined || props[propName] === null) {
       return undefined;
     }
-
     if (Array.isArray(props[propName])) {
       // Iterates through every child and try to find the first element that does not match the passed name
       // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean
       return props[propName].map((_, index) => checkProp(props[propName], index, componentName)).find(Boolean);
     }
-
     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 ')}`);
     }
-
     return undefined;
   };
-
   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 undefined;
   };
-
   const createValidate = isRequired => {
     if (isRequired) {
       return (props, propName, componentName) => {
         const checkForError = checkProp(props, propName, componentName);
-
         if (checkForError) {
           return checkForError;
         }
-
         return checkRequired(props, propName, componentName);
       };
     }
-
     return checkProp;
   };
-
   const validate = createValidate();
   validate.isRequired = createValidate(true);
   return validate;

package/lib/utils/props/copyPropTypes.js

@@ -4,11 +4,7 @@ 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 = _propTypes.default.oneOf(['en', 'fr']);
-
 exports.default = _default;

package/lib/utils/props/getPropSelector.js

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getPropSelector;
-
 var _lodash = _interopRequireDefault(require("lodash.merge"));
-
 var _hasOwnProperty = _interopRequireDefault(require("../hasOwnProperty"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * @callback PropSelectorCallback - a callback called for each prop passed to a component
  * @param {string} key - the key for the prop to be tested
  * @param {*} value - the value of the prop being passed in to the component
  * @returns {object|undefined}
  */
-
 /**
  * @param {PropSelectorCallback} callback
  * @param {object} items
@@ -28,12 +23,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const applyCallback = (callback, items, key, value) => {
   // If there's no callback, continue and look up keys as normal
   if (typeof callback !== 'function') return undefined;
-  const newItems = callback(key, value); // If the callback doesn't return anything, continue and look up keys as normal
+  const newItems = callback(key, value);
 
-  if (!newItems) return undefined; // If the callback returns items, merge them in, deep merging props that are objects
+  // If the callback doesn't return anything, continue and look up keys as normal
+  if (!newItems) return undefined;
 
+  // If the callback returns items, merge them in, deep merging props that are objects
   return (0, _lodash.default)({}, items, newItems);
 };
+
 /**
  * Generates a function to filter an object of props down to a subset of allowed props, with
  * optional prop alteration and re-mapping via an optional callback.
@@ -43,14 +41,15 @@ const applyCallback = (callback, items, key, value) => {
  * @param {PropSelectorCallback} callback - optional function taking `(key, value)` returning either undefined or an object of new props to merge in
  * @returns {object} - valid props for this component
  */
-
-
 function getPropSelector(propTypes, regexp, callback) {
   return props => Object.entries(props).reduce((items, _ref) => {
     let [key, value] = _ref;
-    return (// If there's a callback and it matches something, applyCallback merges it in; return that
-      applyCallback(callback, items, key, value) || ( // If there's no callback match, check if this prop is valid and merge it in if it is
-      (0, _hasOwnProperty.default)(propTypes, key) || regexp && regexp.test(key) ? { ...items,
+    return (
+      // If there's a callback and it matches something, applyCallback merges it in; return that
+      applyCallback(callback, items, key, value) || (
+      // If there's no callback match, check if this prop is valid and merge it in if it is
+      (0, _hasOwnProperty.default)(propTypes, key) || regexp && regexp.test(key) ? {
+        ...items,
         [key]: value
       } : items)
     );

package/lib/utils/props/handlerProps.js

@@ -4,22 +4,16 @@ 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 }; }
-
 const focusHandlerProps = {
   types: {
     /**
      * onBlur handler
      */
     onBlur: _propTypes.default.func,
-
     /**
      * onFocus handler
      */
@@ -34,62 +28,50 @@ const textInputHandlerProps = {
      * onChange handler
      */
     onChange: _propTypes.default.func,
-
     /**
      * onChangeText handler
      */
     onChangeText: _propTypes.default.func,
-
     /**
      * onClear handler
      */
     onClear: _propTypes.default.func,
-
     /**
      * onSubmit handler
      */
     onSubmit: _propTypes.default.func,
-
     /**
      * onSubmitEditing handler
      */
     onSubmitEditing: _propTypes.default.func,
-
     /**
      * onContentSizeChange handler
      */
     onContentSizeChange: _propTypes.default.func,
-
     /**
      * onEndEditing handler
      */
     onEndEditing: _propTypes.default.func,
-
     /**
      * onScroll handler
      */
     onScroll: _propTypes.default.func,
-
     /**
      * onSelectionChange handler
      */
     onSelectionChange: _propTypes.default.func,
-
     /**
      * onKeyPress handler
      */
     onKeyPress: _propTypes.default.func,
-
     /**
      * onKeyUp handler (only supported on Web)
      */
     onKeyUp: _propTypes.default.func,
-
     /**
      * onKeyDown handler (only supported on Web)
      */
     onMouseOver: _propTypes.default.func,
-
     /**
      * onKeyDown handler (only supported on Web)
      */
@@ -98,7 +80,6 @@ const textInputHandlerProps = {
 };
 exports.textInputHandlerProps = textInputHandlerProps;
 const selectTextInputHandlers = (0, _getPropSelector.default)(textInputHandlerProps.types);
-
 textInputHandlerProps.select = props => {
   // Support for onKeyPress/onKeyUp/onKeyDown is inconsistent between React Native and React Native Web
   const {
@@ -107,7 +88,6 @@ textInputHandlerProps.select = props => {
     onKeyDown,
     ...resolvedProps
   } = selectTextInputHandlers(props);
-
   if (onKeyPress || onKeyUp || onKeyDown) {
     if (_Platform.default.OS !== 'web') {
       // React Native only supports onKeyPress. Call any key handlers supplied in expected order.
@@ -118,9 +98,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);
@@ -129,6 +109,5 @@ textInputHandlerProps.select = props => {
       }
     }
   }
-
   return resolvedProps;
 };

package/lib/utils/props/hrefAttrsProp.js

@@ -4,11 +4,8 @@ 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 }; }
-
 // Props related to HTML <a> anchor link attributes.
 const targetValues = ['_self', '_blank', '_parent', '_top'];
 var _default = {
@@ -19,7 +16,6 @@ var _default = {
     rel: _propTypes.default.string,
     target: _propTypes.default.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`

package/lib/utils/props/index.js

@@ -124,9 +124,7 @@ Object.defineProperty(exports, "viewProps", {
     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;
@@ -138,9 +136,7 @@ Object.keys(_tokens).forEach(function (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;
@@ -152,39 +148,21 @@ Object.keys(_handlerProps).forEach(function (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 }; }

package/lib/utils/props/inputSupportsProps.js

@@ -4,44 +4,35 @@ 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 = {
   types: {
     /**
      * Whether the English or French copy will be used (e.g. for accessibility labels).
      */
     copy: _propTypes.default.oneOf(['en', 'fr']),
-
     /**
      * The input label.
      */
     label: _propTypes.default.string,
-
     /**
      * A short description of the expected input.
      */
     hint: _propTypes.default.string,
-
     /**
      * Position of the hint relative to label. Use `below` to display a larger hint below the label.
      */
     hintPosition: _propTypes.default.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,
-
     /**
      * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
      */
     tooltip: _propTypes.default.string,
-
     /**
      * Use to visually mark an input as valid or invalid.
      */

package/lib/utils/props/linkProps.js

@@ -4,24 +4,16 @@ 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,
+const linkPropTypes = {
+  ..._pressProps.pressPropTypes,
   href: _propTypes.default.string,
   hrefAttrs: _propTypes.default.shape(_hrefAttrsProp.default.types),
   ..._a11yProps.default.types
@@ -31,12 +23,10 @@ var _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),
-
   /**
    * Turn hrefs into press handlers that open links on Native.
    *

package/lib/utils/props/paddingProp.js

@@ -4,11 +4,8 @@ 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,

package/lib/utils/props/pressProps.js

@@ -4,17 +4,11 @@ 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 }; }
-
 const pressHandlerPropTypes = {
   onPress: _propTypes.default.func,
   onPressIn: _propTypes.default.func,
@@ -31,7 +25,8 @@ const pressHandlerPropTypes = {
     }
   })
 };
-const pressPropTypes = { ...pressHandlerPropTypes,
+const pressPropTypes = {
+  ...pressHandlerPropTypes,
   disabled: _propTypes.default.bool,
   ..._Platform.default.select({
     web: {},
@@ -47,7 +42,6 @@ var _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
    */

package/lib/utils/props/rectProp.js

@@ -4,11 +4,8 @@ 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,

package/lib/utils/props/responsiveProps.js

@@ -4,11 +4,8 @@ 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 }; }
-
 const getByViewport = propType => ({
   xs: propType,
   sm: propType,
@@ -16,6 +13,7 @@ const getByViewport = propType => ({
   lg: propType,
   xl: propType
 });
+
 /**
  * Utilities for props that allow different values to be applied at different viewports.
  *
@@ -30,8 +28,6 @@ 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 = {
   getByViewport,
   getTypeByViewport: propType => _propTypes.default.shape(getByViewport(propType)),