custom prop validation for min/max y offsets

Author: jscottsmith

src/components/Parallax.js

@@ -1,4 +1,5 @@
 import React, { Component, PropTypes } from 'react';
+import { offsetMin, offsetMax } from '../utils/propValidation';
 
 export default class Parallax extends Component {
 
@@ -18,8 +19,8 @@ export default class Parallax extends Component {
         disabled: PropTypes.bool.isRequired,
         offsetXMax: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
         offsetXMin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        offsetYMax: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        offsetYMin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+        offsetYMax: offsetMax,
+        offsetYMin: offsetMin,
         slowerScrollRate: PropTypes.bool.isRequired,
         tag: PropTypes.string.isRequired,
     };

src/utils/propValidation.js

@@ -0,0 +1,33 @@
+export function offsetMin(props, propName, componentName) {
+    componentName = componentName || 'ANONYMOUS';
+
+    if (!typeof value === 'string' || !typeof value === 'number') {
+        return new Error(`[${propName}] in ${componentName} must be a string with with "%"" or "px" units or number`);
+    }
+
+    if (props[propName]) {
+        let value = props[propName];
+        if (typeof value === 'string') {
+            value = parseInt(value, 10);
+        }
+        return value <= 0 ? null : new Error(`[${propName}] in ${componentName} is greater than zero. [${propName}] must be less than or equal to zero.`);
+    }
+    return null;
+}
+
+export function offsetMax(props, propName, componentName) {
+    componentName = componentName || 'ANONYMOUS';
+
+    if (!typeof value === 'string' || !typeof value === 'number') {
+        return new Error(`[${propName}] in ${componentName} must be a string with with "%"" or "px" units or number`);
+    }
+
+    if (props[propName]) {
+        let value = props[propName];
+        if (typeof value === 'string') {
+            value = parseInt(value, 10);
+        }
+        return value >= 0 ? null : new Error(`[${propName}] in ${componentName} is less than zero. [${propName}] must be greater than or equal to zero.`);
+    }
+    return null;
+}