@telus-uds/components-base 2.0.0 → 2.0.1

package/lib/utils/props/a11yProps.js

@@ -1,108 +1,99 @@
-"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';
 
 // React Native exports a11y prop definitions as TypeScript Interfaces, but no longer exports PropTypes
 // so we have to define them ourselves.
 const nativeA11yPropTypes = {
-  accessible: _propTypes.default.bool,
-  focusable: _propTypes.default.bool,
-  accessibilityElementsHidden: _propTypes.default.bool,
-  accessibilityHint: _propTypes.default.string,
+  accessible: PropTypes.bool,
+  focusable: PropTypes.bool,
+  accessibilityElementsHidden: PropTypes.bool,
+  accessibilityHint: PropTypes.string,
   // react-native-web ignores `accessibilityHint`
-  accessibilityIgnoresInvertColors: _propTypes.default.bool,
-  accessibilityLabel: _propTypes.default.string,
-  accessibilityRole: _propTypes.default.string,
-  accessibilityActions: _propTypes.default.arrayOf(_propTypes.default.shape({
-    name: _propTypes.default.string.isRequired,
-    label: _propTypes.default.string
+  accessibilityIgnoresInvertColors: PropTypes.bool,
+  accessibilityLabel: PropTypes.string,
+  accessibilityRole: PropTypes.string,
+  accessibilityActions: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    label: PropTypes.string
   })),
-  accessibilityLiveRegion: _propTypes.default.oneOf(['none', 'polite', 'assertive']),
-  accessibilityState: _propTypes.default.shape({
-    disabled: _propTypes.default.bool,
-    selected: _propTypes.default.bool,
-    checked: _propTypes.default.oneOf([true, false, 'mixed']),
-    busy: _propTypes.default.bool,
-    expanded: _propTypes.default.bool
+  accessibilityLiveRegion: PropTypes.oneOf(['none', 'polite', 'assertive']),
+  accessibilityState: PropTypes.shape({
+    disabled: PropTypes.bool,
+    selected: PropTypes.bool,
+    checked: PropTypes.oneOf([true, false, 'mixed']),
+    busy: PropTypes.bool,
+    expanded: PropTypes.bool
   }),
-  accessibilityValue: _propTypes.default.shape({
-    min: _propTypes.default.number,
-    max: _propTypes.default.number,
-    now: _propTypes.default.number,
-    text: _propTypes.default.string
+  accessibilityValue: PropTypes.shape({
+    min: PropTypes.number,
+    max: PropTypes.number,
+    now: PropTypes.number,
+    text: PropTypes.string
   }),
-  accessibilityViewIsModal: _propTypes.default.bool,
-  importantForAccessibility: _propTypes.default.oneOf(['auto', 'yes', 'no', 'no-hide-descendants']),
-  onAccessibilityAction: _propTypes.default.func,
-  onAccessibilityEscape: _propTypes.default.func,
-  onAccessibilityTap: _propTypes.default.func
+  accessibilityViewIsModal: PropTypes.bool,
+  importantForAccessibility: PropTypes.oneOf(['auto', 'yes', 'no', 'no-hide-descendants']),
+  onAccessibilityAction: PropTypes.func,
+  onAccessibilityEscape: PropTypes.func,
+  onAccessibilityTap: PropTypes.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,
-  accessibilityAtomic: _propTypes.default.bool,
-  accessibilityAutoComplete: _propTypes.default.string,
-  accessibilityBusy: _propTypes.default.bool,
-  accessibilityChecked: _propTypes.default.oneOf([true, false, 'mixed']),
-  accessibilityColumnCount: _propTypes.default.number,
-  accessibilityColumnIndex: _propTypes.default.number,
-  accessibilityColumnSpan: _propTypes.default.number,
-  accessibilityControls: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  accessibilityCurrent: _propTypes.default.oneOf([true, false, 'page', 'step', 'location', 'date', 'time']),
-  accessibilityDescribedBy: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  accessibilityDetails: _propTypes.default.string,
-  accessibilityDisabled: _propTypes.default.bool,
-  accessibilityErrorMessage: _propTypes.default.string,
-  accessibilityExpanded: _propTypes.default.bool,
-  accessibilityFlowTo: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  accessibilityHasPopup: _propTypes.default.string,
-  accessibilityHidden: _propTypes.default.bool,
-  accessibilityInvalid: _propTypes.default.bool,
-  accessibilityKeyShortcuts: _propTypes.default.string,
-  accessibilityLabelledBy: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  accessibilityLevel: _propTypes.default.number,
-  accessibilityModal: _propTypes.default.bool,
-  accessibilityMultiline: _propTypes.default.bool,
-  accessibilityMultiSelectable: _propTypes.default.bool,
-  accessibilityOrientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
-  accessibilityOwns: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  accessibilityPlaceholder: _propTypes.default.string,
-  accessibilityPosInSet: _propTypes.default.number,
-  accessibilityPressed: _propTypes.default.bool,
-  accessibilityReadOnly: _propTypes.default.bool,
-  accessibilityRequired: _propTypes.default.bool,
-  accessibilityRoleDescription: _propTypes.default.string,
-  accessibilityRowCount: _propTypes.default.number,
-  accessibilityRowIndex: _propTypes.default.number,
-  accessibilityRowSpan: _propTypes.default.number,
-  accessibilitySelected: _propTypes.default.bool,
-  accessibilitySetSize: _propTypes.default.number,
-  accessibilitySort: _propTypes.default.oneOf(['ascending', 'descending', 'none', 'other']),
-  accessibilityValueMax: _propTypes.default.number,
-  accessibilityValueMin: _propTypes.default.number,
-  accessibilityValueNow: _propTypes.default.number,
-  accessibilityValueText: _propTypes.default.string
+  accessibilityActiveDescendant: PropTypes.string,
+  accessibilityAtomic: PropTypes.bool,
+  accessibilityAutoComplete: PropTypes.string,
+  accessibilityBusy: PropTypes.bool,
+  accessibilityChecked: PropTypes.oneOf([true, false, 'mixed']),
+  accessibilityColumnCount: PropTypes.number,
+  accessibilityColumnIndex: PropTypes.number,
+  accessibilityColumnSpan: PropTypes.number,
+  accessibilityControls: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  accessibilityCurrent: PropTypes.oneOf([true, false, 'page', 'step', 'location', 'date', 'time']),
+  accessibilityDescribedBy: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  accessibilityDetails: PropTypes.string,
+  accessibilityDisabled: PropTypes.bool,
+  accessibilityErrorMessage: PropTypes.string,
+  accessibilityExpanded: PropTypes.bool,
+  accessibilityFlowTo: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  accessibilityHasPopup: PropTypes.string,
+  accessibilityHidden: PropTypes.bool,
+  accessibilityInvalid: PropTypes.bool,
+  accessibilityKeyShortcuts: PropTypes.string,
+  accessibilityLabelledBy: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  accessibilityLevel: PropTypes.number,
+  accessibilityModal: PropTypes.bool,
+  accessibilityMultiline: PropTypes.bool,
+  accessibilityMultiSelectable: PropTypes.bool,
+  accessibilityOrientation: PropTypes.oneOf(['horizontal', 'vertical']),
+  accessibilityOwns: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  accessibilityPlaceholder: PropTypes.string,
+  accessibilityPosInSet: PropTypes.number,
+  accessibilityPressed: PropTypes.bool,
+  accessibilityReadOnly: PropTypes.bool,
+  accessibilityRequired: PropTypes.bool,
+  accessibilityRoleDescription: PropTypes.string,
+  accessibilityRowCount: PropTypes.number,
+  accessibilityRowIndex: PropTypes.number,
+  accessibilityRowSpan: PropTypes.number,
+  accessibilitySelected: PropTypes.bool,
+  accessibilitySetSize: PropTypes.number,
+  accessibilitySort: PropTypes.oneOf(['ascending', 'descending', 'none', 'other']),
+  accessibilityValueMax: PropTypes.number,
+  accessibilityValueMin: PropTypes.number,
+  accessibilityValueNow: PropTypes.number,
+  accessibilityValueText: PropTypes.string
 };
-
-const a11yPropTypesByPlatform = _Platform.default.select({
+const a11yPropTypesByPlatform = Platform.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,11 +101,9 @@ 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({
+  accessibilityValueMax: value => Platform.select({
     web: {
       'aria-valuemax': value,
       accessibilityValueMax: value
@@ -125,7 +114,7 @@ const rwnPropMappings = {
       }
     }
   }),
-  accessibilityValueMin: value => _Platform.default.select({
+  accessibilityValueMin: value => Platform.select({
     web: {
       'aria-valuemin': value,
       accessibilityValueMin: value
@@ -136,7 +125,7 @@ const rwnPropMappings = {
       }
     }
   }),
-  accessibilityValueNow: value => _Platform.default.select({
+  accessibilityValueNow: value => Platform.select({
     web: {
       'aria-valuenow': value,
       accessibilityValueNow: value
@@ -147,7 +136,7 @@ const rwnPropMappings = {
       }
     }
   }),
-  accessibilityValueText: value => _Platform.default.select({
+  accessibilityValueText: value => Platform.select({
     web: {
       'aria-valuetext': value,
       accessibilityValueText: value
@@ -159,7 +148,7 @@ const rwnPropMappings = {
     }
   }),
   // Former accessibilityState props
-  accessibilityBusy: value => _Platform.default.select({
+  accessibilityBusy: value => Platform.select({
     web: {
       'aria-busy': value,
       accessibilityBusy: value
@@ -170,7 +159,7 @@ const rwnPropMappings = {
       }
     }
   }),
-  accessibilityChecked: value => _Platform.default.select({
+  accessibilityChecked: value => Platform.select({
     web: {
       'aria-checked': value,
       accessibilityChecked: value
@@ -181,7 +170,7 @@ const rwnPropMappings = {
       }
     }
   }),
-  accessibilityDisabled: value => _Platform.default.select({
+  accessibilityDisabled: value => Platform.select({
     web: {
       'aria-disabled': value,
       // RNW >= 0.18 maps `accessibilityDisabled` to `disabled` attr if element supports it
@@ -196,7 +185,7 @@ const rwnPropMappings = {
       }
     }
   }),
-  accessibilityExpanded: value => _Platform.default.select({
+  accessibilityExpanded: value => Platform.select({
     web: {
       'aria-expanded': value,
       accessibilityExpanded: value
@@ -207,7 +196,7 @@ const rwnPropMappings = {
       }
     }
   }),
-  accessibilitySelected: value => _Platform.default.select({
+  accessibilitySelected: value => Platform.select({
     web: {
       'aria-selected': value,
       accessibilitySelected: value
@@ -219,14 +208,13 @@ const rwnPropMappings = {
     }
   })
 };
+if (Platform.OS === 'web') {
+  const mapIfDefined = (value, fn) => value === undefined ? undefined : fn(value);
 
-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
+  // 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 +222,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 +237,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,39 +246,38 @@ if (_Platform.default.OS === 'web') {
     };
   };
 }
-
-var _default = {
+export 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: getPropSelector(
+  // Allow all React Native accessibility props
+  a11yPropTypesByPlatform,
+  // Allow any `aria-*` attribute on web; ignore them on native
+  Platform.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.
    */
   nonFocusableProps: {
     focusable: false,
     // for android, and for keyboard nav in web
-    ..._Platform.default.select({
+    ...Platform.select({
       web: {
         accessibilityHidden: true // web screenreaders
-
       },
       android: {
         importantForAccessibility: 'no-hide-descendants'
@@ -299,7 +287,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
@@ -309,7 +296,7 @@ var _default = {
    * @param {number} index - the current item's index in the set
    * @returns {object} - platform-applicable a11y props describing this position (if available)
    */
-  getPositionInSet: (itemsCount, index) => _Platform.default.select({
+  getPositionInSet: (itemsCount, index) => Platform.select({
     web: {
       // accessibilityPosInSet etc exists in React Native Web main branch
       // but not in a release compatible with Expo etc; just use `aria-*`
@@ -319,5 +306,4 @@ var _default = {
     // No equivalents exist on the native side
     default: {}
   })
-};
-exports.default = _default;
+};

package/lib/utils/props/clickProps.js

@@ -1,25 +1,14 @@
-"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 clickHandlerMapping = {
   onClick: 'onPress',
   onMouseDown: 'onPressIn',
   onMouseUp: 'onPressOut'
 };
-var _default = {
+export 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])),
-
+  types: Object.fromEntries(Object.keys(clickHandlerMapping).map(mouseName => [mouseName, PropTypes.func])),
   /**
    * Takes a set of props and converts HTML mouse click oriented event handlers to closest
    * equivalent React Native press event handler.
@@ -33,5 +22,4 @@ var _default = {
     const translatedName = clickHandlerMapping[originalName];
     return translatedName ? [translatedName, value] : [originalName, value];
   }))
-};
-exports.default = _default;
+};

package/lib/utils/props/componentPropType.js

@@ -1,10 +1,3 @@
-"use strict";
-
-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.
@@ -14,56 +7,43 @@ exports.default = componentPropType;
  * @param {string|string[]} passedName
  * @return {function}
  */
-function componentPropType(passedName) {
+export default 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 ".concat(nameInProp) : typeof props[propName];
-      return new Error("".concat(componentName, ": ").concat(propDescription, " was passed to `").concat(propName, "` prop; should be ").concat(passedNames.join(' or ')));
+      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 `".concat(propName, "` is marked as required in `").concat(componentName, "`, but its value is ").concat(props[propName], "."));
+      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

@@ -1,14 +1,2 @@
-"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 = _propTypes.default.oneOf(['en', 'fr']);
-
-exports.default = _default;
+import PropTypes from 'prop-types';
+export default PropTypes.oneOf(['en', 'fr']);

package/lib/utils/props/getPropSelector.js

@@ -1,15 +1,5 @@
-"use strict";
-
-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 }; }
+import merge from 'lodash.merge';
+import hasOwnProperty from '../hasOwnProperty';
 
 /**
  * @callback PropSelectorCallback - a callback called for each prop passed to a component
@@ -28,12 +18,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;
 
-  return (0, _lodash.default)({}, items, newItems);
+  // If the callback returns items, merge them in, deep merging props that are objects
+  return merge({}, 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 +36,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) {
+export default 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
+      hasOwnProperty(propTypes, key) || regexp && regexp.test(key) ? {
+        ...items,
         [key]: value
       } : items)
     );