How to use the react-instantsearch/connectors.connectRange function in react-instantsearch

To help you get started, we’ve selected a few react-instantsearch examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github algolia / react-instantsearch / examples / react-native / src / Home.js View on Github external
({ items, searchState, onSearchStateChange }) => (
    <button>
        /* eslint-disable new-cap */
        Actions.Filters({
          searchState,
          onSearchStateChange,
        })
      }
      /* eslint-enable new-cap */
      title={`Filters (${items.length})`}
      color="#162331"
    /&gt;
  )
);
const VirtualRange = connectRange(() =&gt; null);
const VirtualRefinementList = connectRefinementList(() =&gt; null);
const VirtualMenu = connectMenu(() =&gt; null);
</button>
github algolia / react-instantsearch / examples / react-native / src / Type.js View on Github external
/>
  );
}

RefinementList.propTypes = {
  query: PropTypes.string,
  saveQuery: PropTypes.func,
  searchForItems: PropTypes.func,
  refine: PropTypes.func,
  items: PropTypes.array,
  isFromSearch: PropTypes.bool,
};

const ConnectedRefinementList = connectRefinementList(RefinementList);
const VirtualSearchBox = connectSearchBox(() => null);
const VirtualRange = connectRange(() => null);
const VirtualMenu = connectMenu(() => null);
github algolia / react-instantsearch / examples / react-native / src / Filters.js View on Github external
);
  }
}

Refinements.propTypes = {
  searchState: PropTypes.object.isRequired,
  refine: PropTypes.func.isRequired,
  onSearchStateChange: PropTypes.func.isRequired,
  items: PropTypes.array.isRequired,
};

const ConnectedRefinements = connectCurrentRefinements(Refinements);
const VirtualRefinementList = connectRefinementList(() => null);
const VirtualSearchBox = connectSearchBox(() => null);
const VirtualMenu = connectMenu(() => null);
const VirtualRange = connectRange(() => null);

export default Filters;
github algolia / react-instantsearch / examples / react-native / src / Rating.js View on Github external
);
  }
}

const VirtualRefinementList = connectRefinementList(() =&gt; null);
const VirtualSearchBox = connectSearchBox(() =&gt; null);
const VirtualMenu = connectMenu(() =&gt; null);
const VirtualRange = connectRange(() =&gt; null);
const ConnectedRating = connectRange(Rating);
github algolia / react-instantsearch / examples / react-native / src / Categories.js View on Github external
);
}

Menu.propTypes = {
  query: PropTypes.string,
  saveQuery: PropTypes.func,
  searchForItems: PropTypes.func,
  refine: PropTypes.func,
  items: PropTypes.array,
  isFromSearch: PropTypes.bool,
};

const ConnectedMenu = connectMenu(Menu);
const VirtualSearchBox = connectSearchBox(() => null);
const VirtualRefinementList = connectRefinementList(() => null);
const VirtualRange = connectRange(() => null);
github algolia / react-instantsearch / examples / react-native / src / Price.js View on Github external
);
    return ;
  }
}

Range.propTypes = {
  min: PropTypes.number,
  max: PropTypes.number,
  currentRefinement: PropTypes.object,
  refine: PropTypes.func.isRequired,
};

const VirtualRefinementList = connectRefinementList(() =&gt; null);
const VirtualSearchBox = connectSearchBox(() =&gt; null);
const VirtualMenu = connectMenu(() =&gt; null);
const ConnectedRange = connectRange(Range);
github algolia / react-instantsearch / examples / react-native / src / Rating.js View on Github external
enableEmptySections={true}
          dataSource={ds.cloneWithRows(items)}
          renderRow={this._renderRow}
          renderSeparator={this._renderSeparator}
          keyboardShouldPersistTaps={'always'}
        /&gt;
      
    );
  }
}

const VirtualRefinementList = connectRefinementList(() =&gt; null);
const VirtualSearchBox = connectSearchBox(() =&gt; null);
const VirtualMenu = connectMenu(() =&gt; null);
const VirtualRange = connectRange(() =&gt; null);
const ConnectedRating = connectRange(Rating);
github bodhiproject / bodhi-ui / src / components / algolia / rangeSlider.js View on Github external
<span>{currentValues.min}</span> -
          <span>{currentValues.max}</span>
        
        
        
      : null;
  }
}

const RangeSlider = connectRange(Range);
export default RangeSlider;