react-select-async-paginate - npm Package Compare versions

Comparing version 0.2.7 to 0.2.8

CHANGELOG.md

@@ -0,1 +1,7 @@
+## 0.2.8 (31 jan 2019)
+
+### New features
+
+ - Added `SelectComponent` prop for usage of custom base select component
+
 ## 0.2.7 (23 jan 2019)
@@ -2,0 +8,0 @@

es/async-paginate.js

 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/objectSpread";
@@ -26,4 +27,9 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
   });
-};
+}; // Supports forwardRef https://github.com/facebook/prop-types/issues/200
 
+
+var ComponentPropType = PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.shape({
+  render: PropTypes.func.isRequired
+})]);
+
 var AsyncPaginate =
@@ -320,3 +326,6 @@ /*#__PURE__*/
           selectRef = _this$props.selectRef,
-          components = _this$props.components;
+          components = _this$props.components,
+          SelectComponent = _this$props.SelectComponent,
+          props = _objectWithoutProperties(_this$props, ["selectRef", "components", "SelectComponent"]);
+
       var _this$state3 = this.state,
@@ -327,3 +336,3 @@ search = _this$state3.search,
       var currentOptions = optionsCache[search] || this.getInitialCache();
-      return React.createElement(SelectBase, _extends({}, this.props, {
+      return React.createElement(SelectComponent, _extends({}, props, {
         inputValue: search,
@@ -358,2 +367,3 @@ menuIsOpen: menuIsOpen,
   reduceOptions: PropTypes.func,
+  SelectComponent: ComponentPropType,
   components: PropTypes.objectOf(PropTypes.func),
@@ -371,2 +381,3 @@ // eslint-disable-next-line react/forbid-prop-types
   reduceOptions: defaultReduceOptions,
+  SelectComponent: SelectBase,
   components: {},
@@ -373,0 +384,0 @@ cacheUniq: null,

lib/async-paginate.js

@@ -14,2 +14,4 @@ "use strict";
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
@@ -56,4 +58,9 @@
   });
-};
+}; // Supports forwardRef https://github.com/facebook/prop-types/issues/200
 
+
+var ComponentPropType = _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string, _propTypes.default.shape({
+  render: _propTypes.default.func.isRequired
+})]);
+
 var AsyncPaginate =
@@ -344,3 +351,5 @@ /*#__PURE__*/
           selectRef = _this$props.selectRef,
-          components = _this$props.components;
+          components = _this$props.components,
+          SelectComponent = _this$props.SelectComponent,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["selectRef", "components", "SelectComponent"]);
       var _this$state3 = this.state,
@@ -351,3 +360,3 @@ search = _this$state3.search,
       var currentOptions = optionsCache[search] || this.getInitialCache();
-      return _react.default.createElement(_reactSelect.SelectBase, (0, _extends2.default)({}, this.props, {
+      return _react.default.createElement(SelectComponent, (0, _extends2.default)({}, props, {
         inputValue: search,
@@ -381,2 +390,3 @@ menuIsOpen: menuIsOpen,
   reduceOptions: _propTypes.default.func,
+  SelectComponent: ComponentPropType,
   components: _propTypes.default.objectOf(_propTypes.default.func),
@@ -393,2 +403,3 @@ // eslint-disable-next-line react/forbid-prop-types
   reduceOptions: _defaultReduceOptions.default,
+  SelectComponent: _reactSelect.SelectBase,
   components: {},
@@ -395,0 +406,0 @@ cacheUniq: null,

package.json

 {
   "name": "react-select-async-paginate",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Wrapper above react-select that supports pagination on menu scroll",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -18,2 +18,3 @@ [![NPM](https://img.shields.io/npm/v/react-select-async-paginate.svg)](https://www.npmjs.com/package/react-select-async-paginate)
 - [Grouped options](https://codesandbox.io/s/oxv62x8j4y)
+- [Custom select base](https://codesandbox.io/s/l2pjrv0ryl)
 
@@ -88,3 +89,3 @@ ## Versions
 
-Not required. Function. Be default new loaded options are concatted with previous. Arguments:
+Not required. Function. By default new loaded options are concat with previous. Arguments:
 
@@ -105,2 +106,6 @@ - previous options
 
+## SelectComponent
+
+Not required. React component that will be used instead of `SelectBase` from `react-select`.
+
 ## Example
@@ -107,0 +112,0 @@

No alert changes

Improved metrics

Total package byte prevSize

196781

increased by0.74%

Lines of code

1812

increased by0.89%

Number of lines in readme file

243

increased by2.1%

No dependency changes