homeflowjs 0.9.13 → 0.9.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "0.9.13",
+  "version": "0.9.14",
   "description": "JavaScript toolkit for Homeflow themes",
   "main": "index.js",
   "scripts": {

package/search/channel-radio-button/channel-radio-button.component.jsx

@@ -5,11 +5,11 @@ import { Radio } from 'pretty-checkbox-react';
 
 import { setChannel } from '../../actions/search.actions';
 
-const PrettyRadio = ({ channel, value, setChannel, children }) => {
+const PrettyRadio = ({ channel, value, handleChange, children }) => {
   const checked = value === channel;
 
   return (
-    <Radio name={channel} checked={checked} onChange={() => setChannel(value)}>
+    <Radio name={channel} value={value} checked={checked} onChange={handleChange}>
       {children}
     </Radio>
   );
@@ -21,10 +21,16 @@ const ChannelRadioButton = (props) => {
     value,
     channel,
     setChannel,
+    onChange,
     ...otherProps
-  } = props
+  } = props;
 
-  if (pretty) return <PrettyRadio {...props} />;
+  const handleChange = (e) => {
+    setChannel(value);
+    if (onChange) onChange(e);
+  }
+
+  if (pretty) return <PrettyRadio {...props} handleChange={handleChange} />;
 
   return (
     <input
@@ -32,7 +38,7 @@ const ChannelRadioButton = (props) => {
       name="channel"
       aria-label={`${value}-radio`}
       value={value}
-      onChange={() => setChannel(value)}
+      onChange={handleChange}
       checked={channel === value}
       {...otherProps}
     />
@@ -43,11 +49,13 @@ ChannelRadioButton.propTypes = {
   value: PropTypes.oneOf(['sales', 'lettings']),
   channel: PropTypes.string.isRequired,
   setChannel: PropTypes.func.isRequired,
+  onChange: PropTypes.func,
 };
 
 ChannelRadioButton.defaultProps = {
   // TODO: make this configurable via prop
   value: 'sales',
+  onChange: null,
 };
 
 const mapStateToProps = state => ({