react-dropdown-select - npm Package Compare versions

Comparing version 1.2.7 to 1.2.8

dist/components/DropdownHandle.js

@@ -14,2 +14,4 @@ "use strict";
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var dropdownHandle = function dropdownHandle(_ref) {
@@ -19,3 +21,3 @@ var parentProps = _ref.parentProps,
       parentMethods = _ref.parentMethods;
-  return parentProps.dropdownHandleRenderer ? parentProps.dropdownHandleRenderer(parentProps, parentState, parentMethods) : _react.default.createElement(DropdownHandleComponent, {
+  return parentProps.dropdownHandleRenderer ? parentProps.dropdownHandleRenderer(parentProps, parentState, parentMethods) : _react.default.createElement(DropdownHandleComponent, _extends({
     tabIndex: "-1",
@@ -33,3 +35,3 @@ onClick: function onClick() {
     className: "react-dropdown-select-dropdown-handle"
-  }, _react.default.createElement("svg", {
+  }, parentProps), _react.default.createElement("svg", {
     viewBox: "0 0 10 10",
@@ -55,4 +57,10 @@ className: "react-dropdown-select-dropdown-handle-svg"
   return dropdownOpen ? 'rotate(0deg)' : 'rotate(180deg)';
-}, ";cursor:pointer;margin:0 5px 0 9px;:hover{path{stroke:deepskyblue;}}:focus{outline:none;path{stroke:deepskyblue;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duSGFuZGxlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCMEMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd25IYW5kbGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBkcm9wZG93bkhhbmRsZSA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PlxuICBwYXJlbnRQcm9wcy5kcm9wZG93bkhhbmRsZVJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmRyb3Bkb3duSGFuZGxlUmVuZGVyZXIocGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzKVxuICApIDogKFxuICAgIDxEcm9wZG93bkhhbmRsZUNvbXBvbmVudFxuICAgICAgdGFiSW5kZXg9XCItMVwiXG4gICAgICBvbkNsaWNrPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCl9XG4gICAgICBkcm9wZG93bk9wZW49e3BhcmVudFN0YXRlLmRyb3Bkb3dufVxuICAgICAgb25LZXlQcmVzcz17KCkgPT4gcGFyZW50TWV0aG9kcy5kcm9wRG93bigpfVxuICAgICAgb25LZXlEb3duPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCl9XG4gICAgICBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3QtZHJvcGRvd24taGFuZGxlXCI+XG4gICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMTAgMTBcIiBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3QtZHJvcGRvd24taGFuZGxlLXN2Z1wiPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1kcm9wZG93bi1oYW5kbGUtc3ZnLXBhdGhcIlxuICAgICAgICAgIGQ9XCJNMiw1IEw1LDMgTDgsNVwiXG4gICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIHN0cm9rZVdpZHRoPVwiMlwiXG4gICAgICAgICAgc3Ryb2tlPVwiIzAwMFwiXG4gICAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICBzdHJva2VMaW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvRHJvcGRvd25IYW5kbGVDb21wb25lbnQ+XG4gICk7XG5cbmRyb3Bkb3duSGFuZGxlLnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBEcm9wZG93bkhhbmRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRyYW5zZm9ybTogJHsoeyBkcm9wZG93bk9wZW4gfSkgPT4gKGRyb3Bkb3duT3BlbiA/ICdyb3RhdGUoMGRlZyknIDogJ3JvdGF0ZSgxODBkZWcpJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMCA1cHggMCA5cHg7XG5cbiAgOmhvdmVyIHtcbiAgICBwYXRoIHtcbiAgICAgIHN0cm9rZTogZGVlcHNreWJsdWU7XG4gICAgfVxuICB9XG5cbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgcGF0aCB7XG4gICAgICBzdHJva2U6IGRlZXBza3libHVlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgZHJvcGRvd25IYW5kbGU7XG4iXX0= */"));
+}, ";cursor:pointer;margin:0 5px 0 9px;:hover{path{stroke:", function (_ref3) {
+  var color = _ref3.color;
+  return color;
+}, ";}}:focus{outline:none;path{stroke:", function (_ref4) {
+  var color = _ref4.color;
+  return color;
+}, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duSGFuZGxlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCMEMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd25IYW5kbGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBkcm9wZG93bkhhbmRsZSA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PlxuICBwYXJlbnRQcm9wcy5kcm9wZG93bkhhbmRsZVJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmRyb3Bkb3duSGFuZGxlUmVuZGVyZXIocGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzKVxuICApIDogKFxuICAgIDxEcm9wZG93bkhhbmRsZUNvbXBvbmVudFxuICAgICAgdGFiSW5kZXg9XCItMVwiXG4gICAgICBvbkNsaWNrPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCl9XG4gICAgICBkcm9wZG93bk9wZW49e3BhcmVudFN0YXRlLmRyb3Bkb3dufVxuICAgICAgb25LZXlQcmVzcz17KCkgPT4gcGFyZW50TWV0aG9kcy5kcm9wRG93bigpfVxuICAgICAgb25LZXlEb3duPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCl9XG4gICAgICBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3QtZHJvcGRvd24taGFuZGxlXCIgeyAuLi5wYXJlbnRQcm9wcyB9PlxuICAgICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDEwIDEwXCIgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LWRyb3Bkb3duLWhhbmRsZS1zdmdcIj5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3QtZHJvcGRvd24taGFuZGxlLXN2Zy1wYXRoXCJcbiAgICAgICAgICBkPVwiTTIsNSBMNSwzIEw4LDVcIlxuICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICBzdHJva2VXaWR0aD1cIjJcIlxuICAgICAgICAgIHN0cm9rZT1cIiMwMDBcIlxuICAgICAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgc3Ryb2tlTGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgIC8+XG4gICAgICA8L3N2Zz5cbiAgICA8L0Ryb3Bkb3duSGFuZGxlQ29tcG9uZW50PlxuICApO1xuXG5kcm9wZG93bkhhbmRsZS5wcm9wVHlwZXMgPSB7fTtcblxuY29uc3QgRHJvcGRvd25IYW5kbGVDb21wb25lbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTBweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0cmFuc2Zvcm06ICR7KHsgZHJvcGRvd25PcGVuIH0pID0+IChkcm9wZG93bk9wZW4gPyAncm90YXRlKDBkZWcpJyA6ICdyb3RhdGUoMTgwZGVnKScpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDAgNXB4IDAgOXB4O1xuXG4gIDpob3ZlciB7XG4gICAgcGF0aCB7XG4gICAgICBzdHJva2U6ICR7KHsgY29sb3IgfSkgPT4gY29sb3J9O1xuICAgIH1cbiAgfVxuXG4gIDpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIHBhdGgge1xuICAgICAgc3Ryb2tlOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IGRyb3Bkb3duSGFuZGxlO1xuIl19 */"));
 var _default = dropdownHandle;
 exports.default = _default;

dist/components/Input.js

@@ -37,10 +37,10 @@ "use strict";
 })(process.env.NODE_ENV === "production" ? {
-  name: "e3ipjj",
-  styles: "width:100%;border:none;margin-left:5px;background:transparent;font-size:smaller;:focus{outline:none;}"
+  name: "12mid5e",
+  styles: "width:auto;border:none;margin-left:5px;background:transparent;font-size:smaller;:focus{outline:none;}"
 } : {
-  name: "e3ipjj",
-  styles: "width:100%;border:none;margin-left:5px;background:transparent;font-size:smaller;:focus{outline:none;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvSW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBJbnB1dCA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PiB7XG4gIGNvbnN0IHBsYWNlSG9sZGVyID1cbiAgICAocGFyZW50U3RhdGUudmFsdWVzICYmIHBhcmVudFN0YXRlLnZhbHVlcy5sZW5ndGggPiAwICYmIHBhcmVudFByb3BzLmFkZFBsYWNlaG9sZGVyKSB8fFxuICAgIHBhcmVudFByb3BzLnBsYWNlaG9sZGVyO1xuXG4gIHJldHVybiBwYXJlbnRQcm9wcy5pbnB1dFJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmlucHV0UmVuZGVyZXIocGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzKVxuICApIDogKFxuICAgIDxJbnB1dENvbXBvbmVudFxuICAgICAgdGFiSW5kZXg9XCItMVwiXG4gICAgICBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3QtaW5wdXRcIlxuICAgICAgc2l6ZT17cGFyZW50TWV0aG9kcy5nZXRJbnB1dFNpemUoKX1cbiAgICAgIHZhbHVlPXtwYXJlbnRTdGF0ZS5zZWFyY2h9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCdvcGVuJyl9XG4gICAgICBvbkNoYW5nZT17cGFyZW50TWV0aG9kcy5zZXRTZWFyY2h9XG4gICAgICBwbGFjZWhvbGRlcj17cGxhY2VIb2xkZXJ9XG4gICAgLz5cbiAgKTtcbn07XG5cbklucHV0LnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBJbnB1dENvbXBvbmVudCA9IHN0eWxlZC5pbnB1dGBcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtc2l6ZTogc21hbGxlcjtcbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBJbnB1dDtcbiJdfQ== */"
+  name: "12mid5e",
+  styles: "width:auto;border:none;margin-left:5px;background:transparent;font-size:smaller;:focus{outline:none;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvSW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBJbnB1dCA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PiB7XG4gIGNvbnN0IHBsYWNlSG9sZGVyID1cbiAgICAocGFyZW50U3RhdGUudmFsdWVzICYmIHBhcmVudFN0YXRlLnZhbHVlcy5sZW5ndGggPiAwICYmIHBhcmVudFByb3BzLmFkZFBsYWNlaG9sZGVyKSB8fFxuICAgIHBhcmVudFByb3BzLnBsYWNlaG9sZGVyO1xuXG4gIHJldHVybiBwYXJlbnRQcm9wcy5pbnB1dFJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmlucHV0UmVuZGVyZXIocGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzKVxuICApIDogKFxuICAgIDxJbnB1dENvbXBvbmVudFxuICAgICAgdGFiSW5kZXg9XCItMVwiXG4gICAgICBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3QtaW5wdXRcIlxuICAgICAgc2l6ZT17cGFyZW50TWV0aG9kcy5nZXRJbnB1dFNpemUoKX1cbiAgICAgIHZhbHVlPXtwYXJlbnRTdGF0ZS5zZWFyY2h9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCdvcGVuJyl9XG4gICAgICBvbkNoYW5nZT17cGFyZW50TWV0aG9kcy5zZXRTZWFyY2h9XG4gICAgICBwbGFjZWhvbGRlcj17cGxhY2VIb2xkZXJ9XG4gICAgLz5cbiAgKTtcbn07XG5cbklucHV0LnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBJbnB1dENvbXBvbmVudCA9IHN0eWxlZC5pbnB1dGBcbiAgd2lkdGg6IGF1dG87XG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtc2l6ZTogc21hbGxlcjtcbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBJbnB1dDtcbiJdfQ== */"
 });
 var _default = Input;
 exports.default = _default;

dist/components/Item.js

@@ -14,2 +14,4 @@ "use strict";
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var Item = function Item(_ref) {
@@ -21,3 +23,3 @@ var parentProps = _ref.parentProps,
       itemIndex = _ref.itemIndex;
-  return parentProps.itemRenderer ? parentProps.itemRenderer(item, itemIndex, parentProps, parentState, parentMethods) : _react.default.createElement(ItemComponent, {
+  return parentProps.itemRenderer ? parentProps.itemRenderer(item, itemIndex, parentProps, parentState, parentMethods) : _react.default.createElement(ItemComponent, _extends({
     role: "option",
@@ -35,3 +37,3 @@ "aria-selected": parentMethods.isSelected(item),
     }
-  }, item[parentProps.labelField]);
+  }, parentProps), item[parentProps.labelField]);
 };
@@ -43,11 +45,7 @@
   label: "ItemComponent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1w8xopz",
-  styles: "padding:10px;cursor:pointer;border-bottom:1px solid #fff;:hover,:focus{background:#f2f2f2;outline:none;}&.react-dropdown-select-item-selected{background:deepskyblue;color:#fff;border-bottom:1px solid #fff;}input{&[type='checkbox']{vertical-align:baseline;margin:0 10px 0 0;}}"
-} : {
-  name: "1w8xopz",
-  styles: "padding:10px;cursor:pointer;border-bottom:1px solid #fff;:hover,:focus{background:#f2f2f2;outline:none;}&.react-dropdown-select-item-selected{background:deepskyblue;color:#fff;border-bottom:1px solid #fff;}input{&[type='checkbox']{vertical-align:baseline;margin:0 10px 0 0;}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0l0ZW0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JpQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9JdGVtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgSXRlbSA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcywgaXRlbSwgaXRlbUluZGV4IH0pID0+XG4gIHBhcmVudFByb3BzLml0ZW1SZW5kZXJlciA/IChcbiAgICBwYXJlbnRQcm9wcy5pdGVtUmVuZGVyZXIoaXRlbSwgaXRlbUluZGV4LCBwYXJlbnRQcm9wcywgcGFyZW50U3RhdGUsIHBhcmVudE1ldGhvZHMpXG4gICkgOiAoXG4gICAgPEl0ZW1Db21wb25lbnRcbiAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgYXJpYS1zZWxlY3RlZD17cGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pfVxuICAgICAgYXJpYS1sYWJlbD17aXRlbVtwYXJlbnRQcm9wcy5sYWJlbEZpZWxkXX1cbiAgICAgIGtleT17YCR7aXRlbVtwYXJlbnRQcm9wcy52YWx1ZUZpZWxkXX0ke2l0ZW1bcGFyZW50UHJvcHMubGFiZWxGaWVsZF19YH1cbiAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgY2xhc3NOYW1lPXtgcmVhY3QtZHJvcGRvd24tc2VsZWN0LWl0ZW0gJHtcbiAgICAgICAgcGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pID8gJ3JlYWN0LWRyb3Bkb3duLXNlbGVjdC1pdGVtLXNlbGVjdGVkJyA6ICcnXG4gICAgICB9YH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX1cbiAgICAgIG9uS2V5UHJlc3M9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX0+XG4gICAgICB7aXRlbVtwYXJlbnRQcm9wcy5sYWJlbEZpZWxkXX1cbiAgICA8L0l0ZW1Db21wb25lbnQ+XG4gICk7XG5cbkl0ZW0ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IEl0ZW1Db21wb25lbnQgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMTBweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2ZmZjtcblxuICA6aG92ZXIsXG4gIDpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogI2YyZjJmMjtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJi5yZWFjdC1kcm9wZG93bi1zZWxlY3QtaXRlbS1zZWxlY3RlZCB7XG4gICAgYmFja2dyb3VuZDogZGVlcHNreWJsdWU7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmZmY7XG4gIH1cblxuICBpbnB1dCB7XG4gICAgJlt0eXBlPSdjaGVja2JveCddIHtcbiAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICAgIG1hcmdpbjogMCAxMHB4IDAgMDtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZW07XG4iXX0= */"
-});
+})("padding:5px 10px;cursor:pointer;border-bottom:1px solid #fff;:hover,:focus{background:#f2f2f2;outline:none;}&.react-dropdown-select-item-selected{background:", function (_ref2) {
+  var color = _ref2.color;
+  return color;
+}, ";color:#fff;border-bottom:1px solid #fff;}input{&[type='checkbox']{vertical-align:baseline;margin:0 10px 0 0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0l0ZW0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9JdGVtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgSXRlbSA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcywgaXRlbSwgaXRlbUluZGV4IH0pID0+XG4gIHBhcmVudFByb3BzLml0ZW1SZW5kZXJlciA/IChcbiAgICBwYXJlbnRQcm9wcy5pdGVtUmVuZGVyZXIoaXRlbSwgaXRlbUluZGV4LCBwYXJlbnRQcm9wcywgcGFyZW50U3RhdGUsIHBhcmVudE1ldGhvZHMpXG4gICkgOiAoXG4gICAgPEl0ZW1Db21wb25lbnRcbiAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgYXJpYS1zZWxlY3RlZD17cGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pfVxuICAgICAgYXJpYS1sYWJlbD17aXRlbVtwYXJlbnRQcm9wcy5sYWJlbEZpZWxkXX1cbiAgICAgIGtleT17YCR7aXRlbVtwYXJlbnRQcm9wcy52YWx1ZUZpZWxkXX0ke2l0ZW1bcGFyZW50UHJvcHMubGFiZWxGaWVsZF19YH1cbiAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgY2xhc3NOYW1lPXtgcmVhY3QtZHJvcGRvd24tc2VsZWN0LWl0ZW0gJHtcbiAgICAgICAgcGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pID8gJ3JlYWN0LWRyb3Bkb3duLXNlbGVjdC1pdGVtLXNlbGVjdGVkJyA6ICcnXG4gICAgICB9YH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX1cbiAgICAgIG9uS2V5UHJlc3M9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX1cbiAgICAgIHsuLi5wYXJlbnRQcm9wc30+XG4gICAgICB7aXRlbVtwYXJlbnRQcm9wcy5sYWJlbEZpZWxkXX1cbiAgICA8L0l0ZW1Db21wb25lbnQ+XG4gICk7XG5cbkl0ZW0ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IEl0ZW1Db21wb25lbnQgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogNXB4IDEwcHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmZmY7XG5cbiAgOmhvdmVyLFxuICA6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICNmMmYyZjI7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuXG4gICYucmVhY3QtZHJvcGRvd24tc2VsZWN0LWl0ZW0tc2VsZWN0ZWQge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgY29sb3IgfSkgPT4gY29sb3J9O1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZmZmO1xuICB9XG5cbiAgaW5wdXQge1xuICAgICZbdHlwZT0nY2hlY2tib3gnXSB7XG4gICAgICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XG4gICAgICBtYXJnaW46IDAgMTBweCAwIDA7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBJdGVtO1xuIl19 */"));
 var _default = Item;
 exports.default = _default;

dist/components/Loading.js

@@ -14,7 +14,9 @@ "use strict";
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var Loading = function Loading(_ref) {
   var parentProps = _ref.parentProps;
-  return parentProps.loadingRenderer ? parentProps.loadingRenderer() : _react.default.createElement(LoadingComponent, {
+  return parentProps.loadingRenderer ? parentProps.loadingRenderer() : _react.default.createElement(LoadingComponent, _extends({
     className: "react-dropdown-select-loading"
-  });
+  }, parentProps));
 };
@@ -26,11 +28,7 @@
   label: "LoadingComponent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1a6p9gc",
-  styles: "@keyframes dual-ring-spin{0%{transform:rotate(0deg);}100%{transform:rotate(180deg);}}padding:0 5px;display:block;width:auto;height:auto;:after{content:' ';display:block;width:16px;height:16px;border-radius:50%;border-width:1px;border-style:solid;border-color:deepskyblue transparent;animation:dual-ring-spin 0.7s ease-in-out infinite;margin:0 0 0 -10px;}"
-} : {
-  name: "1a6p9gc",
-  styles: "@keyframes dual-ring-spin{0%{transform:rotate(0deg);}100%{transform:rotate(180deg);}}padding:0 5px;display:block;width:auto;height:auto;:after{content:' ';display:block;width:16px;height:16px;border-radius:50%;border-width:1px;border-style:solid;border-color:deepskyblue transparent;animation:dual-ring-spin 0.7s ease-in-out infinite;margin:0 0 0 -10px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBMb2FkaW5nID0gKHsgcGFyZW50UHJvcHMgfSkgPT5cbiAgcGFyZW50UHJvcHMubG9hZGluZ1JlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmxvYWRpbmdSZW5kZXJlcigpXG4gICkgOiAoXG4gICAgPExvYWRpbmdDb21wb25lbnQgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LWxvYWRpbmdcIiAvPlxuICApO1xuXG5Mb2FkaW5nLnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBMb2FkaW5nQ29tcG9uZW50ID0gc3R5bGVkLmRpdmBcbiAgQGtleWZyYW1lcyBkdWFsLXJpbmctc3BpbiB7XG4gICAgMCUge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICB9XG4gIH1cblxuICBwYWRkaW5nOiAwIDVweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiBhdXRvO1xuICBoZWlnaHQ6IGF1dG87XG5cbiAgOmFmdGVyIHtcbiAgICBjb250ZW50OiAnICc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci1jb2xvcjogZGVlcHNreWJsdWUgdHJhbnNwYXJlbnQ7XG4gICAgYW5pbWF0aW9uOiBkdWFsLXJpbmctc3BpbiAwLjdzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xuICAgIG1hcmdpbjogMCAwIDAgLTEwcHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmc7XG4iXX0= */"
-});
+})("@keyframes dual-ring-spin{0%{transform:rotate(0deg);}100%{transform:rotate(180deg);}}padding:0 5px;display:block;width:auto;height:auto;:after{content:' ';display:block;width:16px;height:16px;border-radius:50%;border-width:1px;border-style:solid;border-color:", function (_ref2) {
+  var color = _ref2.color;
+  return color;
+}, " transparent;animation:dual-ring-spin 0.7s ease-in-out infinite;margin:0 0 0 -10px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRpbmcuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBMb2FkaW5nID0gKHsgcGFyZW50UHJvcHMgfSkgPT5cbiAgcGFyZW50UHJvcHMubG9hZGluZ1JlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmxvYWRpbmdSZW5kZXJlcigpXG4gICkgOiAoXG4gICAgPExvYWRpbmdDb21wb25lbnQgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LWxvYWRpbmdcIiB7Li4ucGFyZW50UHJvcHN9IC8+XG4gICk7XG5cbkxvYWRpbmcucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IExvYWRpbmdDb21wb25lbnQgPSBzdHlsZWQuZGl2YFxuICBAa2V5ZnJhbWVzIGR1YWwtcmluZy1zcGluIHtcbiAgICAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxuXG4gIHBhZGRpbmc6IDAgNXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IGF1dG87XG4gIGhlaWdodDogYXV0bztcblxuICA6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMTZweDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfSB0cmFuc3BhcmVudDtcbiAgICBhbmltYXRpb246IGR1YWwtcmluZy1zcGluIDAuN3MgZWFzZS1pbi1vdXQgaW5maW5pdGU7XG4gICAgbWFyZ2luOiAwIDAgMCAtMTBweDtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgTG9hZGluZztcbiJdfQ== */"));
 var _default = Loading;
 exports.default = _default;

dist/components/NoData.js

@@ -18,3 +18,3 @@ "use strict";
       parentMethods = _ref.parentMethods;
-  return parentProps.noDataRenderer ? parentProps.noDataRenderer(parentProps, parentState, parentMethods) : _react.default.createElement(NoDataComponent, null, parentProps.noDataLabel);
+  return parentProps.noDataRenderer ? parentProps.noDataRenderer(parentProps, parentState, parentMethods) : _react.default.createElement(NoDataComponent, parentProps, parentProps.noDataLabel);
 };
@@ -26,11 +26,7 @@
   label: "NoDataComponent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "5e6bao",
-  styles: "padding:10px;text-align:center;color:deepskyblue;"
-} : {
-  name: "5e6bao",
-  styles: "padding:10px;text-align:center;color:deepskyblue;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL05vRGF0YS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFja0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvTm9EYXRhLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgTm9EYXRhID0gKHsgcGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzIH0pID0+XG4gIHBhcmVudFByb3BzLm5vRGF0YVJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLm5vRGF0YVJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgKSA6IChcbiAgICA8Tm9EYXRhQ29tcG9uZW50PlxuICAgICAgeyBwYXJlbnRQcm9wcy5ub0RhdGFMYWJlbCB9XG4gICAgPC9Ob0RhdGFDb21wb25lbnQ+XG4gICk7XG5cbk5vRGF0YS5wcm9wVHlwZXMgPSB7fTtcblxuY29uc3QgTm9EYXRhQ29tcG9uZW50ID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTBweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogZGVlcHNreWJsdWU7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBOb0RhdGE7XG4iXX0= */"
-});
+})("padding:10px;text-align:center;color:", function (_ref2) {
+  var color = _ref2.color;
+  return color;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL05vRGF0YS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFja0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvTm9EYXRhLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgTm9EYXRhID0gKHsgcGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzIH0pID0+XG4gIHBhcmVudFByb3BzLm5vRGF0YVJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLm5vRGF0YVJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgKSA6IChcbiAgICA8Tm9EYXRhQ29tcG9uZW50IHsgLi4ucGFyZW50UHJvcHMgfT5cbiAgICAgIHsgcGFyZW50UHJvcHMubm9EYXRhTGFiZWwgfVxuICAgIDwvTm9EYXRhQ29tcG9uZW50PlxuICApO1xuXG5Ob0RhdGEucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IE5vRGF0YUNvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICR7KHsgY29sb3IgfSkgPT4gY29sb3J9O1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgTm9EYXRhO1xuIl19 */"));
 var _default = NoData;
 exports.default = _default;

dist/components/Option.js

@@ -14,2 +14,4 @@ "use strict";
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var Option = function Option(_ref) {
@@ -20,7 +22,7 @@ var parentItem = _ref.parentItem,
       parentMethods = _ref.parentMethods;
-  return parentItem && parentProps.optionRenderer ? parentProps.optionRenderer(parentItem, parentProps, parentState, parentMethods) : _react.default.createElement(OptionComponent, {
+  return parentItem && parentProps.optionRenderer ? parentProps.optionRenderer(parentItem, parentProps, parentState, parentMethods) : _react.default.createElement(OptionComponent, _extends({
     role: "listitem",
     disabled: parentProps.disabled,
     className: "react-dropdown-select-option"
-  }, _react.default.createElement("span", {
+  }, parentProps, parentState), _react.default.createElement("span", {
     className: "react-dropdown-select-option-label"
@@ -39,11 +41,7 @@ }, parentItem[parentProps.labelField]), _react.default.createElement("span", {
   label: "OptionComponent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "8t18j8",
-  styles: "padding:0 5px;border-radius:2px;line-height:21px;margin:3px 0 3px 5px;background:deepskyblue;color:#fff;display:inline-block;.react-dropdown-select-option-remove{cursor:pointer;width:22px;height:22px;display:inline-block;text-align:center;margin:0 -5px 0 0px;border-radius:0 3px 3px 0;:hover{color:tomato;}}:hover,:hover > span{background:#00a7e6;}"
-} : {
-  name: "8t18j8",
-  styles: "padding:0 5px;border-radius:2px;line-height:21px;margin:3px 0 3px 5px;background:deepskyblue;color:#fff;display:inline-block;.react-dropdown-select-option-remove{cursor:pointer;width:22px;height:22px;display:inline-block;text-align:center;margin:0 -5px 0 0px;border-radius:0 3px 3px 0;:hover{color:tomato;}}:hover,:hover > span{background:#00a7e6;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IE9wdGlvbiA9ICh7IHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PlxuICBwYXJlbnRJdGVtICYmIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyKHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgKSA6IChcbiAgICA8T3B0aW9uQ29tcG9uZW50XG4gICAgICByb2xlPVwibGlzdGl0ZW1cIlxuICAgICAgZGlzYWJsZWQ9e3BhcmVudFByb3BzLmRpc2FibGVkfVxuICAgICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvblwiPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1sYWJlbFwiPntwYXJlbnRJdGVtW3BhcmVudFByb3BzLmxhYmVsRmllbGRdfTwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1vcHRpb24tcmVtb3ZlXCJcbiAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBwYXJlbnRNZXRob2RzLnJlbW92ZUl0ZW0oZXZlbnQsIHBhcmVudEl0ZW0sIHRydWUpfT5cbiAgICAgICAgJnRpbWVzO1xuICAgICAgPC9zcGFuPlxuICAgIDwvT3B0aW9uQ29tcG9uZW50PlxuICApO1xuXG5PcHRpb24ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IE9wdGlvbkNvbXBvbmVudCA9IHN0eWxlZC5zcGFuYFxuICBwYWRkaW5nOiAwIDVweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBsaW5lLWhlaWdodDogMjFweDtcbiAgbWFyZ2luOiAzcHggMCAzcHggNXB4O1xuICBiYWNrZ3JvdW5kOiBkZWVwc2t5Ymx1ZTtcbiAgY29sb3I6ICNmZmY7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAucmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1yZW1vdmUge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB3aWR0aDogMjJweDtcbiAgICBoZWlnaHQ6IDIycHg7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBtYXJnaW46IDAgLTVweCAwIDBweDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDNweCAzcHggMDtcblxuICAgIDpob3ZlciB7XG4gICAgICBjb2xvcjogdG9tYXRvO1xuICAgIH1cbiAgfVxuXG4gIDpob3ZlcixcbiAgOmhvdmVyID4gc3BhbiB7XG4gICAgYmFja2dyb3VuZDogIzAwYTdlNjtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"
-});
+})("padding:0 5px;border-radius:2px;line-height:21px;margin:3px 0 3px 5px;background:", function (_ref2) {
+  var color = _ref2.color;
+  return color;
+}, ";color:#fff;display:inline-block;.react-dropdown-select-option-remove{cursor:pointer;width:22px;height:22px;display:inline-block;text-align:center;margin:0 -5px 0 0px;border-radius:0 3px 3px 0;:hover{color:tomato;}}:hover,:hover > span{opacity:0.9;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Qm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IE9wdGlvbiA9ICh7IHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PlxuICBwYXJlbnRJdGVtICYmIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyKHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgKSA6IChcbiAgICA8T3B0aW9uQ29tcG9uZW50XG4gICAgICByb2xlPVwibGlzdGl0ZW1cIlxuICAgICAgZGlzYWJsZWQ9e3BhcmVudFByb3BzLmRpc2FibGVkfVxuICAgICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvblwiXG4gICAgICB7Li4ucGFyZW50UHJvcHN9IHsuLi5wYXJlbnRTdGF0ZX0+XG4gICAgICA8c3BhbiBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3Qtb3B0aW9uLWxhYmVsXCI+e3BhcmVudEl0ZW1bcGFyZW50UHJvcHMubGFiZWxGaWVsZF19PC9zcGFuPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1yZW1vdmVcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHBhcmVudE1ldGhvZHMucmVtb3ZlSXRlbShldmVudCwgcGFyZW50SXRlbSwgdHJ1ZSl9PlxuICAgICAgICAmdGltZXM7XG4gICAgICA8L3NwYW4+XG4gICAgPC9PcHRpb25Db21wb25lbnQ+XG4gICk7XG5cbk9wdGlvbi5wcm9wVHlwZXMgPSB7fTtcblxuY29uc3QgT3B0aW9uQ29tcG9uZW50ID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmc6IDAgNXB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGxpbmUtaGVpZ2h0OiAyMXB4O1xuICBtYXJnaW46IDNweCAwIDNweCA1cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgY29sb3IgfSkgPT4gY29sb3J9O1xuICBjb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gIC5yZWFjdC1kcm9wZG93bi1zZWxlY3Qtb3B0aW9uLXJlbW92ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHdpZHRoOiAyMnB4O1xuICAgIGhlaWdodDogMjJweDtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIG1hcmdpbjogMCAtNXB4IDAgMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDAgM3B4IDNweCAwO1xuXG4gICAgOmhvdmVyIHtcbiAgICAgIGNvbG9yOiB0b21hdG87XG4gICAgfVxuICB9XG5cbiAgOmhvdmVyLFxuICA6aG92ZXIgPiBzcGFuIHtcbiAgICBvcGFjaXR5OiAwLjk7XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IE9wdGlvbjtcbiJdfQ== */"));
 var _default = Option;
 exports.default = _default;

dist/index.js

@@ -278,7 +278,7 @@ "use strict";
 
-      if (prevState.dropdown && prevState.dropdown !== this.state.dropdown, this.props.debounceDelay) {
+      if (prevState.dropdown && prevState.dropdown !== this.state.dropdown) {
         this.props.onDropdownClose();
       }
 
-      if (!prevState.dropdown && prevState.dropdown !== this.state.dropdown, this.props.debounceDelay) {
+      if (!prevState.dropdown && prevState.dropdown !== this.state.dropdown) {
         this.props.onDropdownOpen();
@@ -306,3 +306,4 @@ }
         disabled: this.props.disabled,
-        className: this.props.className
+        className: this.props.className,
+        color: this.props.color
       }, _react.default.createElement(_Content.default, {
@@ -391,2 +392,3 @@ parentProps: this.props,
   valueField: 'value',
+  color: '#0074D9',
   onDropdownOpen: function onDropdownOpen() {
@@ -411,4 +413,7 @@ return undefined;
   return disabled ? 'cursor: not-allowed;pointer-events: none;opacity: 0.3;' : 'pointer-events: all;';
-}, ":focus-within{border-color:deepskyblue;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1VHNDIiwiZmlsZSI6Ii4uL3NyYy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENsaWNrT3V0SGFuZGxlciBmcm9tICdyZWFjdC1vbmNsaWNrb3V0JztcblxuaW1wb3J0IENvbnRlbnQgZnJvbSAnLi9jb21wb25lbnRzL0NvbnRlbnQnO1xuaW1wb3J0IERyb3Bkb3duIGZyb20gJy4vY29tcG9uZW50cy9Ecm9wZG93bic7XG5pbXBvcnQgTG9hZGluZyBmcm9tICcuL2NvbXBvbmVudHMvTG9hZGluZyc7XG5pbXBvcnQgQ2xlYXIgZnJvbSAnLi9jb21wb25lbnRzL0NsZWFyJztcbmltcG9ydCBTZXBhcmF0b3IgZnJvbSAnLi9jb21wb25lbnRzL1NlcGFyYXRvcic7XG5pbXBvcnQgRHJvcGRvd25IYW5kbGUgZnJvbSAnLi9jb21wb25lbnRzL0Ryb3Bkb3duSGFuZGxlJztcblxuY29uc3QgZGVib3VuY2UgPSAoZm4sIGRlbGF5ID0gMCkgPT4ge1xuICBsZXQgdGltZXJJZDtcblxuICByZXR1cm4gKC4uLmFyZ3MpID0+IHtcbiAgICBpZiAodGltZXJJZCkge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVySWQpO1xuICAgIH1cbiAgICB0aW1lcklkID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBmbiguLi5hcmdzKTtcbiAgICAgIHRpbWVySWQgPSBudWxsO1xuICAgIH0sIGRlbGF5KTtcbiAgfTtcbn07XG5cbmV4cG9ydCBjbGFzcyBTZWxlY3QgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG9uRHJvcGRvd25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgb25Ecm9wZG93bk9wZW46IFByb3BUeXBlcy5mdW5jLFxuICAgIG9uQ2xlYXJBbGw6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9uU2VsZWN0QWxsOiBQcm9wVHlwZXMuZnVuYyxcbiAgICB2YWx1ZXM6IFByb3BUeXBlcy5hcnJheSxcbiAgICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXkuaXNSZXF1aXJlZCxcbiAgICBrZWVwT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gICAgZHJvcGRvd25HYXA6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgbXVsdGk6IFByb3BUeXBlcy5ib29sLFxuICAgIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGFkZFBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgbG9hZGluZzogUHJvcFR5cGVzLmJvb2wsXG4gICAgY2xlYXJhYmxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzZXBhcmF0b3I6IFByb3BUeXBlcy5ib29sLFxuICAgIGRyb3Bkb3duSGFuZGxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzZWFyY2hCeTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbG9zZU9uU2Nyb2xsOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzdHlsZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjb250ZW50UmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGRyb3Bkb3duUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGl0ZW1SZW5kZXJlcjogUHJvcFR5cGVzLmZ1bmMsXG4gICAgbm9EYXRhUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9wdGlvblJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBpbnB1dFJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBsb2FkaW5nUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGNsZWFyUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIHNlcGFyYXRvclJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBkcm9wZG93bkhhbmRsZVJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuY1xuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuXG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGRyb3Bkb3duOiBmYWxzZSxcbiAgICAgIHZhbHVlczogcHJvcHMudmFsdWVzLFxuICAgICAgc2VhcmNoOiAnJyxcbiAgICAgIHNlbGVjdEJvdW5kczoge31cbiAgICB9O1xuXG4gICAgdGhpcy5tZXRob2RzID0ge1xuICAgICAgcmVtb3ZlSXRlbTogdGhpcy5yZW1vdmVJdGVtLFxuICAgICAgZHJvcERvd246IHRoaXMuZHJvcERvd24sXG4gICAgICBhZGRJdGVtOiB0aGlzLmFkZEl0ZW0sXG4gICAgICBzZXRTZWFyY2g6IHRoaXMuc2V0U2VhcmNoLFxuICAgICAgZ2V0SW5wdXRTaXplOiB0aGlzLmdldElucHV0U2l6ZSxcbiAgICAgIHRvZ2dsZVNlbGVjdEFsbDogdGhpcy50b2dnbGVTZWxlY3RBbGwsXG4gICAgICBjbGVhckFsbDogdGhpcy5jbGVhckFsbCxcbiAgICAgIHNlbGVjdEFsbDogdGhpcy5zZWxlY3RBbGwsXG4gICAgICBzZWFyY2hSZXN1bHRzOiB0aGlzLnNlYXJjaFJlc3VsdHMsXG4gICAgICBnZXRTZWxlY3RSZWY6IHRoaXMuZ2V0U2VsZWN0UmVmLFxuICAgICAgaXNTZWxlY3RlZDogdGhpcy5pc1NlbGVjdGVkLFxuICAgICAgZ2V0U2VsZWN0Qm91bmRzOiB0aGlzLmdldFNlbGVjdEJvdW5kc1xuICAgIH07XG5cbiAgICB0aGlzLnNlbGVjdCA9IFJlYWN0LmNyZWF0ZVJlZigpO1xuICB9XG5cbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIGRlYm91bmNlKHRoaXMudXBkYXRlU2VsZWN0Qm91bmRzKSk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGRlYm91bmNlKHRoaXMub25TY3JvbGwpKTtcblxuICAgIHRoaXMucHJvcHMub25DaGFuZ2UodGhpcy5zdGF0ZS52YWx1ZXMpO1xuXG4gICAgdGhpcy5kcm9wRG93bignY2xvc2UnKTtcblxuICAgIGlmICh0aGlzLnNlbGVjdCkge1xuICAgICAgdGhpcy51cGRhdGVTZWxlY3RCb3VuZHMoKTtcbiAgICB9XG4gIH1cblxuICBjb21wb25lbnREaWRVcGRhdGUocHJldlByb3BzLCBwcmV2U3RhdGUpIHtcbiAgICBpZiAocHJldlN0YXRlLnZhbHVlcyAhPT0gdGhpcy5zdGF0ZS52YWx1ZXMpIHtcbiAgICAgIHRoaXMucHJvcHMub25DaGFuZ2UodGhpcy5zdGF0ZS52YWx1ZXMpO1xuICAgICAgdGhpcy51cGRhdGVTZWxlY3RCb3VuZHMoKTtcbiAgICB9XG5cbiAgICBpZiAocHJldlByb3BzLm11bHRpICE9PSB0aGlzLnByb3BzLm11bHRpKSB7XG4gICAgICB0aGlzLnVwZGF0ZVNlbGVjdEJvdW5kcygpO1xuICAgIH1cblxuICAgIGlmIChwcmV2U3RhdGUuZHJvcGRvd24gJiYgcHJldlN0YXRlLmRyb3Bkb3duICE9PSB0aGlzLnN0YXRlLmRyb3Bkb3duLCB0aGlzLnByb3BzLmRlYm91bmNlRGVsYXkpIHtcbiAgICAgIHRoaXMucHJvcHMub25Ecm9wZG93bkNsb3NlKCk7XG4gICAgfVxuXG4gICAgaWYgKCFwcmV2U3RhdGUuZHJvcGRvd24gJiYgcHJldlN0YXRlLmRyb3Bkb3duICE9PSB0aGlzLnN0YXRlLmRyb3Bkb3duLCB0aGlzLnByb3BzLmRlYm91bmNlRGVsYXkpIHtcbiAgICAgIHRoaXMucHJvcHMub25Ecm9wZG93bk9wZW4oKTtcbiAgICB9XG4gIH1cblxuICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgZGVib3VuY2UodGhpcy51cGRhdGVTZWxlY3RCb3VuZHMsIHRoaXMucHJvcHMuZGVib3VuY2VEZWxheSkpO1xuICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBkZWJvdW5jZSh0aGlzLm9uU2Nyb2xsLCB0aGlzLnByb3BzLmRlYm91bmNlRGVsYXkpKTtcbiAgfVxuXG4gIG9uU2Nyb2xsID0gKCkgPT4ge1xuICAgIGlmKHRoaXMucHJvcHMuY2xvc2VPblNjcm9sbCkge1xuICAgICAgdGhpcy5kcm9wRG93bignY2xvc2UnKTtcbiAgICB9XG5cbiAgICB0aGlzLnVwZGF0ZVNlbGVjdEJvdW5kcygpO1xuICB9O1xuXG4gIHVwZGF0ZVNlbGVjdEJvdW5kcyA9ICgpID0+XG4gICAgdGhpcy5zZWxlY3QuY3VycmVudCAmJiB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHNlbGVjdEJvdW5kczogdGhpcy5zZWxlY3QuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgIH0pO1xuXG4gIGdldFNlbGVjdEJvdW5kcyA9ICgpID0+IHRoaXMuc3RhdGUuc2VsZWN0Qm91bmRzO1xuXG4gIGRyb3BEb3duID0gKGFjdGlvbiA9ICd0b2dnbGUnKSA9PiB7XG4gICAgaWYgKHRoaXMucHJvcHMua2VlcE9wZW4pIHtcbiAgICAgIHJldHVybiB0aGlzLnNldFN0YXRlKHsgZHJvcGRvd246IHRydWUgfSk7XG4gICAgfVxuXG4gICAgaWYgKGFjdGlvbiA9PT0gJ2Nsb3NlJykge1xuICAgICAgcmV0dXJuIHRoaXMuc2V0U3RhdGUoeyBkcm9wZG93bjogZmFsc2UsIHNlYXJjaDogJycgfSk7XG4gICAgfVxuXG4gICAgaWYgKGFjdGlvbiA9PT0gJ29wZW4nKSB7XG4gICAgICByZXR1cm4gdGhpcy5zZXRTdGF0ZSh7IGRyb3Bkb3duOiB0cnVlIH0pO1xuICAgIH1cblxuICAgIGlmIChhY3Rpb24gPT09ICd0b2dnbGUnKSB7XG4gICAgICByZXR1cm4gdGhpcy5zZXRTdGF0ZSh7IGRyb3Bkb3duOiAhdGhpcy5zdGF0ZS5kcm9wZG93biB9KTtcbiAgICB9XG5cbiAgICByZXR1cm4gZmFsc2U7XG4gIH07XG5cbiAgZ2V0U2VsZWN0UmVmID0gKCkgPT4gdGhpcy5zZWxlY3QuY3VycmVudDtcblxuICBhZGRJdGVtID0gKGl0ZW0pID0+IHtcbiAgICBpZiAodGhpcy5wcm9wcy5tdWx0aSkge1xuICAgICAgaWYgKHRoaXMuc3RhdGUudmFsdWVzLmluZGV4T2YoaXRlbSkgIT09IC0xKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlbW92ZUl0ZW0obnVsbCwgaXRlbSwgZmFsc2UpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgdmFsdWVzOiBbLi4udGhpcy5zdGF0ZS52YWx1ZXMsIGl0ZW1dXG4gICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgIHZhbHVlczogW2l0ZW1dLFxuICAgICAgICBkcm9wZG93bjogZmFsc2UsXG4gICAgICAgIHNlYXJjaDogJydcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHJldHVybiB0cnVlO1xuICB9O1xuXG4gIHJlbW92ZUl0ZW0gPSAoZXZlbnQsIGl0ZW0sIGNsb3NlID0gZmFsc2UpID0+IHtcbiAgICBpZiAoZXZlbnQgJiYgY2xvc2UpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIHRoaXMuZHJvcERvd24oJ2Nsb3NlJyk7XG4gICAgfVxuXG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICB2YWx1ZXM6IHRoaXMuc3RhdGUudmFsdWVzLmZpbHRlcigodmFsdWVzKSA9PiB2YWx1ZXNbdGhpcy5wcm9wcy52YWx1ZUZpZWxkXSAhPT0gaXRlbVt0aGlzLnByb3BzLnZhbHVlRmllbGRdKVxuICAgIH0pO1xuICB9O1xuXG4gIHNldFNlYXJjaCA9IChldmVudCkgPT5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHNlYXJjaDogZXZlbnQudGFyZ2V0LnZhbHVlXG4gICAgfSk7XG5cbiAgZ2V0SW5wdXRTaXplID0gKCkgPT4ge1xuICAgIGlmICh0aGlzLnN0YXRlLnNlYXJjaCkge1xuICAgICAgcmV0dXJuIHRoaXMuc3RhdGUuc2VhcmNoLmxlbmd0aDtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5zdGF0ZS52YWx1ZXMubGVuZ3RoID4gMCkge1xuICAgICAgcmV0dXJuIHRoaXMucHJvcHMuYWRkUGxhY2Vob2xkZXIubGVuZ3RoO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLnByb3BzLnBsYWNlaG9sZGVyLmxlbmd0aDtcbiAgfTtcblxuICB0b2dnbGVTZWxlY3RBbGwgPSAoKSA9PiB7XG4gICAgcmV0dXJuIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgdmFsdWVzOiB0aGlzLnN0YXRlLnZhbHVlcy5sZW5ndGggPT09IDAgPyB0aGlzLnNlbGVjdEFsbCgpIDogdGhpcy5jbGVhckFsbCgpXG4gICAgfSk7XG4gIH07XG5cbiAgY2xlYXJBbGwgPSAoKSA9PiB7XG4gICAgdGhpcy5wcm9wcy5vbkNsZWFyQWxsKCk7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICB2YWx1ZXM6IFtdXG4gICAgfSk7XG4gIH07XG5cbiAgc2VsZWN0QWxsID0gKCkgPT4ge1xuICAgIHRoaXMucHJvcHMub25TZWxlY3RBbGwoKTtcbiAgICByZXR1cm4gdGhpcy5zZXRTdGF0ZSh7XG4gICAgICB2YWx1ZXM6IHRoaXMucHJvcHMub3B0aW9uc1xuICAgIH0pO1xuICB9O1xuXG4gIGlzU2VsZWN0ZWQgPSAob3B0aW9uKSA9PiB0aGlzLnN0YXRlLnZhbHVlcy5pbmRleE9mKG9wdGlvbikgIT09IC0xO1xuXG4gIHNlYXJjaFJlc3VsdHMgPSAoKSA9PiB7XG4gICAgY29uc3QgcmVnZXhwID0gbmV3IFJlZ0V4cCh0aGlzLnN0YXRlLnNlYXJjaCwgJ2knKTtcblxuICAgIHJldHVybiB0aGlzLnByb3BzLm9wdGlvbnMuZmlsdGVyKChpdGVtKSA9PlxuICAgICAgcmVnZXhwLnRlc3QoaXRlbVt0aGlzLnByb3BzLnNlYXJjaEJ5XSB8fCBpdGVtW1t0aGlzLnByb3BzLmxhYmVsRmllbGRdXSlcbiAgICApO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENsaWNrT3V0SGFuZGxlciBvbkNsaWNrT3V0PXsoKSA9PiB0aGlzLmRyb3BEb3duKCdjbG9zZScpfT5cbiAgICAgICAgPFJlYWN0RHJvcGRvd25TZWxlY3RcbiAgICAgICAgICBzdHlsZT17dGhpcy5wcm9wcy5zdHlsZX1cbiAgICAgICAgICByZWY9e3RoaXMuc2VsZWN0fVxuICAgICAgICAgIGRpc2FibGVkPXt0aGlzLnByb3BzLmRpc2FibGVkfVxuICAgICAgICAgIGNsYXNzTmFtZT17dGhpcy5wcm9wcy5jbGFzc05hbWV9PlxuICAgICAgICAgIDxDb250ZW50IHBhcmVudFByb3BzPXt0aGlzLnByb3BzfSBwYXJlbnRTdGF0ZT17dGhpcy5zdGF0ZX0gcGFyZW50TWV0aG9kcz17dGhpcy5tZXRob2RzfSAvPlxuXG4gICAgICAgICAge3RoaXMucHJvcHMubG9hZGluZyAmJiA8TG9hZGluZyBwYXJlbnRQcm9wcz17dGhpcy5wcm9wc30gLz59XG5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5jbGVhcmFibGUgJiYgKFxuICAgICAgICAgICAgPENsZWFyIHBhcmVudFByb3BzPXt0aGlzLnByb3BzfSBwYXJlbnRTdGF0ZT17dGhpcy5zdGF0ZX0gcGFyZW50TWV0aG9kcz17dGhpcy5tZXRob2RzfSAvPlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5zZXBhcmF0b3IgJiYgKFxuICAgICAgICAgICAgPFNlcGFyYXRvclxuICAgICAgICAgICAgICBwYXJlbnRQcm9wcz17dGhpcy5wcm9wc31cbiAgICAgICAgICAgICAgcGFyZW50U3RhdGU9e3RoaXMuc3RhdGV9XG4gICAgICAgICAgICAgIHBhcmVudE1ldGhvZHM9e3RoaXMubWV0aG9kc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIHt0aGlzLnByb3BzLmRyb3Bkb3duSGFuZGxlICYmIChcbiAgICAgICAgICAgIDxEcm9wZG93bkhhbmRsZVxuICAgICAgICAgICAgICBwYXJlbnRQcm9wcz17dGhpcy5wcm9wc31cbiAgICAgICAgICAgICAgcGFyZW50U3RhdGU9e3RoaXMuc3RhdGV9XG4gICAgICAgICAgICAgIHBhcmVudE1ldGhvZHM9e3RoaXMubWV0aG9kc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIHt0aGlzLnN0YXRlLmRyb3Bkb3duICYmIChcbiAgICAgICAgICAgIDxEcm9wZG93blxuICAgICAgICAgICAgICBwYXJlbnRQcm9wcz17dGhpcy5wcm9wc31cbiAgICAgICAgICAgICAgcGFyZW50U3RhdGU9e3RoaXMuc3RhdGV9XG4gICAgICAgICAgICAgIHBhcmVudE1ldGhvZHM9e3RoaXMubWV0aG9kc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9SZWFjdERyb3Bkb3duU2VsZWN0PlxuICAgICAgPC9DbGlja091dEhhbmRsZXI+XG4gICAgKTtcbiAgfVxufVxuXG5TZWxlY3QuZGVmYXVsdFByb3BzID0ge1xuICBhZGRQbGFjZWhvbGRlcjogJysnLFxuICBwbGFjZWhvbGRlcjogJ1NlbGVjdC4uLicsXG4gIHZhbHVlczogW10sXG4gIG9wdGlvbnM6IFtdLFxuICBtdWx0aTogZmFsc2UsXG4gIGRpc2FibGVkOiBmYWxzZSxcbiAgc2VhcmNoQnk6ICdsYWJlbCcsXG4gIGNsZWFyYWJsZTogdHJ1ZSxcbiAgZHJvcGRvd25IYW5kbGU6IHRydWUsXG4gIHNlcGFyYXRvcjogdHJ1ZSxcbiAga2VlcE9wZW46IHVuZGVmaW5lZCxcbiAgbm9EYXRhTGFiZWw6ICdObyBkYXRhJyxcbiAgZHJvcGRvd25HYXA6IDUsXG4gIGNsb3NlT25TY3JvbGw6IGZhbHNlLFxuICBkZWJvdW5jZURlbGF5OiAwLFxuICBsYWJlbEZpZWxkOiAnbGFiZWwnLFxuICB2YWx1ZUZpZWxkOiAndmFsdWUnLFxuICBvbkRyb3Bkb3duT3BlbjogKCkgPT4gdW5kZWZpbmVkLFxuICBvbkRyb3Bkb3duQ2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgb25DbGVhckFsbDogKCkgPT4gdW5kZWZpbmVkLFxuICBvblNlbGVjdEFsbDogKCkgPT4gdW5kZWZpbmVkXG59O1xuXG5jb25zdCBSZWFjdERyb3Bkb3duU2VsZWN0ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgcGFkZGluZzogMnB4IDVweDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWluLWhlaWdodDogMzZweDtcbiAgJHsoeyBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkID8gJ2N1cnNvcjogbm90LWFsbG93ZWQ7cG9pbnRlci1ldmVudHM6IG5vbmU7b3BhY2l0eTogMC4zOycgOiAncG9pbnRlci1ldmVudHM6IGFsbDsnfVxuXG4gIDpmb2N1cy13aXRoaW4ge1xuICAgIGJvcmRlci1jb2xvcjogZGVlcHNreWJsdWU7XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdDtcbiJdfQ== */"));
+}, ":hover,:focus-within{border-color:", function (_ref2) {
+  var color = _ref2.color;
+  return color;
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5VHNDIiwiZmlsZSI6Ii4uL3NyYy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENsaWNrT3V0SGFuZGxlciBmcm9tICdyZWFjdC1vbmNsaWNrb3V0JztcblxuaW1wb3J0IENvbnRlbnQgZnJvbSAnLi9jb21wb25lbnRzL0NvbnRlbnQnO1xuaW1wb3J0IERyb3Bkb3duIGZyb20gJy4vY29tcG9uZW50cy9Ecm9wZG93bic7XG5pbXBvcnQgTG9hZGluZyBmcm9tICcuL2NvbXBvbmVudHMvTG9hZGluZyc7XG5pbXBvcnQgQ2xlYXIgZnJvbSAnLi9jb21wb25lbnRzL0NsZWFyJztcbmltcG9ydCBTZXBhcmF0b3IgZnJvbSAnLi9jb21wb25lbnRzL1NlcGFyYXRvcic7XG5pbXBvcnQgRHJvcGRvd25IYW5kbGUgZnJvbSAnLi9jb21wb25lbnRzL0Ryb3Bkb3duSGFuZGxlJztcblxuY29uc3QgZGVib3VuY2UgPSAoZm4sIGRlbGF5ID0gMCkgPT4ge1xuICBsZXQgdGltZXJJZDtcblxuICByZXR1cm4gKC4uLmFyZ3MpID0+IHtcbiAgICBpZiAodGltZXJJZCkge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVySWQpO1xuICAgIH1cbiAgICB0aW1lcklkID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBmbiguLi5hcmdzKTtcbiAgICAgIHRpbWVySWQgPSBudWxsO1xuICAgIH0sIGRlbGF5KTtcbiAgfTtcbn07XG5cbmV4cG9ydCBjbGFzcyBTZWxlY3QgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG9uRHJvcGRvd25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgb25Ecm9wZG93bk9wZW46IFByb3BUeXBlcy5mdW5jLFxuICAgIG9uQ2xlYXJBbGw6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9uU2VsZWN0QWxsOiBQcm9wVHlwZXMuZnVuYyxcbiAgICB2YWx1ZXM6IFByb3BUeXBlcy5hcnJheSxcbiAgICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXkuaXNSZXF1aXJlZCxcbiAgICBrZWVwT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gICAgZHJvcGRvd25HYXA6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgbXVsdGk6IFByb3BUeXBlcy5ib29sLFxuICAgIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGFkZFBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgbG9hZGluZzogUHJvcFR5cGVzLmJvb2wsXG4gICAgY2xlYXJhYmxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzZXBhcmF0b3I6IFByb3BUeXBlcy5ib29sLFxuICAgIGRyb3Bkb3duSGFuZGxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzZWFyY2hCeTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbG9zZU9uU2Nyb2xsOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzdHlsZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjb250ZW50UmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGRyb3Bkb3duUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGl0ZW1SZW5kZXJlcjogUHJvcFR5cGVzLmZ1bmMsXG4gICAgbm9EYXRhUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9wdGlvblJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBpbnB1dFJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBsb2FkaW5nUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGNsZWFyUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIHNlcGFyYXRvclJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBkcm9wZG93bkhhbmRsZVJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuY1xuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuXG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGRyb3Bkb3duOiBmYWxzZSxcbiAgICAgIHZhbHVlczogcHJvcHMudmFsdWVzLFxuICAgICAgc2VhcmNoOiAnJyxcbiAgICAgIHNlbGVjdEJvdW5kczoge31cbiAgICB9O1xuXG4gICAgdGhpcy5tZXRob2RzID0ge1xuICAgICAgcmVtb3ZlSXRlbTogdGhpcy5yZW1vdmVJdGVtLFxuICAgICAgZHJvcERvd246IHRoaXMuZHJvcERvd24sXG4gICAgICBhZGRJdGVtOiB0aGlzLmFkZEl0ZW0sXG4gICAgICBzZXRTZWFyY2g6IHRoaXMuc2V0U2VhcmNoLFxuICAgICAgZ2V0SW5wdXRTaXplOiB0aGlzLmdldElucHV0U2l6ZSxcbiAgICAgIHRvZ2dsZVNlbGVjdEFsbDogdGhpcy50b2dnbGVTZWxlY3RBbGwsXG4gICAgICBjbGVhckFsbDogdGhpcy5jbGVhckFsbCxcbiAgICAgIHNlbGVjdEFsbDogdGhpcy5zZWxlY3RBbGwsXG4gICAgICBzZWFyY2hSZXN1bHRzOiB0aGlzLnNlYXJjaFJlc3VsdHMsXG4gICAgICBnZXRTZWxlY3RSZWY6IHRoaXMuZ2V0U2VsZWN0UmVmLFxuICAgICAgaXNTZWxlY3RlZDogdGhpcy5pc1NlbGVjdGVkLFxuICAgICAgZ2V0U2VsZWN0Qm91bmRzOiB0aGlzLmdldFNlbGVjdEJvdW5kc1xuICAgIH07XG5cbiAgICB0aGlzLnNlbGVjdCA9IFJlYWN0LmNyZWF0ZVJlZigpO1xuICB9XG5cbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIGRlYm91bmNlKHRoaXMudXBkYXRlU2VsZWN0Qm91bmRzKSk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGRlYm91bmNlKHRoaXMub25TY3JvbGwpKTtcblxuICAgIHRoaXMucHJvcHMub25DaGFuZ2UodGhpcy5zdGF0ZS52YWx1ZXMpO1xuXG4gICAgdGhpcy5kcm9wRG93bignY2xvc2UnKTtcblxuICAgIGlmICh0aGlzLnNlbGVjdCkge1xuICAgICAgdGhpcy51cGRhdGVTZWxlY3RCb3VuZHMoKTtcbiAgICB9XG4gIH1cblxuICBjb21wb25lbnREaWRVcGRhdGUocHJldlByb3BzLCBwcmV2U3RhdGUpIHtcbiAgICBpZiAocHJldlN0YXRlLnZhbHVlcyAhPT0gdGhpcy5zdGF0ZS52YWx1ZXMpIHtcbiAgICAgIHRoaXMucHJvcHMub25DaGFuZ2UodGhpcy5zdGF0ZS52YWx1ZXMpO1xuICAgICAgdGhpcy51cGRhdGVTZWxlY3RCb3VuZHMoKTtcbiAgICB9XG5cbiAgICBpZiAocHJldlByb3BzLm11bHRpICE9PSB0aGlzLnByb3BzLm11bHRpKSB7XG4gICAgICB0aGlzLnVwZGF0ZVNlbGVjdEJvdW5kcygpO1xuICAgIH1cblxuICAgIGlmIChwcmV2U3RhdGUuZHJvcGRvd24gJiYgcHJldlN0YXRlLmRyb3Bkb3duICE9PSB0aGlzLnN0YXRlLmRyb3Bkb3duKSB7XG4gICAgICB0aGlzLnByb3BzLm9uRHJvcGRvd25DbG9zZSgpO1xuICAgIH1cblxuICAgIGlmICghcHJldlN0YXRlLmRyb3Bkb3duICYmIHByZXZTdGF0ZS5kcm9wZG93biAhPT0gdGhpcy5zdGF0ZS5kcm9wZG93bikge1xuICAgICAgdGhpcy5wcm9wcy5vbkRyb3Bkb3duT3BlbigpO1xuICAgIH1cbiAgfVxuXG4gIGNvbXBvbmVudFdpbGxVbm1vdW50KCkge1xuICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBkZWJvdW5jZSh0aGlzLnVwZGF0ZVNlbGVjdEJvdW5kcywgdGhpcy5wcm9wcy5kZWJvdW5jZURlbGF5KSk7XG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGRlYm91bmNlKHRoaXMub25TY3JvbGwsIHRoaXMucHJvcHMuZGVib3VuY2VEZWxheSkpO1xuICB9XG5cbiAgb25TY3JvbGwgPSAoKSA9PiB7XG4gICAgaWYodGhpcy5wcm9wcy5jbG9zZU9uU2Nyb2xsKSB7XG4gICAgICB0aGlzLmRyb3BEb3duKCdjbG9zZScpO1xuICAgIH1cblxuICAgIHRoaXMudXBkYXRlU2VsZWN0Qm91bmRzKCk7XG4gIH07XG5cbiAgdXBkYXRlU2VsZWN0Qm91bmRzID0gKCkgPT5cbiAgICB0aGlzLnNlbGVjdC5jdXJyZW50ICYmIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgc2VsZWN0Qm91bmRzOiB0aGlzLnNlbGVjdC5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpXG4gICAgfSk7XG5cbiAgZ2V0U2VsZWN0Qm91bmRzID0gKCkgPT4gdGhpcy5zdGF0ZS5zZWxlY3RCb3VuZHM7XG5cbiAgZHJvcERvd24gPSAoYWN0aW9uID0gJ3RvZ2dsZScpID0+IHtcbiAgICBpZiAodGhpcy5wcm9wcy5rZWVwT3Blbikge1xuICAgICAgcmV0dXJuIHRoaXMuc2V0U3RhdGUoeyBkcm9wZG93bjogdHJ1ZSB9KTtcbiAgICB9XG5cbiAgICBpZiAoYWN0aW9uID09PSAnY2xvc2UnKSB7XG4gICAgICByZXR1cm4gdGhpcy5zZXRTdGF0ZSh7IGRyb3Bkb3duOiBmYWxzZSwgc2VhcmNoOiAnJyB9KTtcbiAgICB9XG5cbiAgICBpZiAoYWN0aW9uID09PSAnb3BlbicpIHtcbiAgICAgIHJldHVybiB0aGlzLnNldFN0YXRlKHsgZHJvcGRvd246IHRydWUgfSk7XG4gICAgfVxuXG4gICAgaWYgKGFjdGlvbiA9PT0gJ3RvZ2dsZScpIHtcbiAgICAgIHJldHVybiB0aGlzLnNldFN0YXRlKHsgZHJvcGRvd246ICF0aGlzLnN0YXRlLmRyb3Bkb3duIH0pO1xuICAgIH1cblxuICAgIHJldHVybiBmYWxzZTtcbiAgfTtcblxuICBnZXRTZWxlY3RSZWYgPSAoKSA9PiB0aGlzLnNlbGVjdC5jdXJyZW50O1xuXG4gIGFkZEl0ZW0gPSAoaXRlbSkgPT4ge1xuICAgIGlmICh0aGlzLnByb3BzLm11bHRpKSB7XG4gICAgICBpZiAodGhpcy5zdGF0ZS52YWx1ZXMuaW5kZXhPZihpdGVtKSAhPT0gLTEpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucmVtb3ZlSXRlbShudWxsLCBpdGVtLCBmYWxzZSk7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICB2YWx1ZXM6IFsuLi50aGlzLnN0YXRlLnZhbHVlcywgaXRlbV1cbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgdmFsdWVzOiBbaXRlbV0sXG4gICAgICAgIGRyb3Bkb3duOiBmYWxzZSxcbiAgICAgICAgc2VhcmNoOiAnJ1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRydWU7XG4gIH07XG5cbiAgcmVtb3ZlSXRlbSA9IChldmVudCwgaXRlbSwgY2xvc2UgPSBmYWxzZSkgPT4ge1xuICAgIGlmIChldmVudCAmJiBjbG9zZSkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgdGhpcy5kcm9wRG93bignY2xvc2UnKTtcbiAgICB9XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZhbHVlczogdGhpcy5zdGF0ZS52YWx1ZXMuZmlsdGVyKCh2YWx1ZXMpID0+IHZhbHVlc1t0aGlzLnByb3BzLnZhbHVlRmllbGRdICE9PSBpdGVtW3RoaXMucHJvcHMudmFsdWVGaWVsZF0pXG4gICAgfSk7XG4gIH07XG5cbiAgc2V0U2VhcmNoID0gKGV2ZW50KSA9PlxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgc2VhcmNoOiBldmVudC50YXJnZXQudmFsdWVcbiAgICB9KTtcblxuICBnZXRJbnB1dFNpemUgPSAoKSA9PiB7XG4gICAgaWYgKHRoaXMuc3RhdGUuc2VhcmNoKSB7XG4gICAgICByZXR1cm4gdGhpcy5zdGF0ZS5zZWFyY2gubGVuZ3RoO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnN0YXRlLnZhbHVlcy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gdGhpcy5wcm9wcy5hZGRQbGFjZWhvbGRlci5sZW5ndGg7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMucHJvcHMucGxhY2Vob2xkZXIubGVuZ3RoO1xuICB9O1xuXG4gIHRvZ2dsZVNlbGVjdEFsbCA9ICgpID0+IHtcbiAgICByZXR1cm4gdGhpcy5zZXRTdGF0ZSh7XG4gICAgICB2YWx1ZXM6IHRoaXMuc3RhdGUudmFsdWVzLmxlbmd0aCA9PT0gMCA/IHRoaXMuc2VsZWN0QWxsKCkgOiB0aGlzLmNsZWFyQWxsKClcbiAgICB9KTtcbiAgfTtcblxuICBjbGVhckFsbCA9ICgpID0+IHtcbiAgICB0aGlzLnByb3BzLm9uQ2xlYXJBbGwoKTtcbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZhbHVlczogW11cbiAgICB9KTtcbiAgfTtcblxuICBzZWxlY3RBbGwgPSAoKSA9PiB7XG4gICAgdGhpcy5wcm9wcy5vblNlbGVjdEFsbCgpO1xuICAgIHJldHVybiB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZhbHVlczogdGhpcy5wcm9wcy5vcHRpb25zXG4gICAgfSk7XG4gIH07XG5cbiAgaXNTZWxlY3RlZCA9IChvcHRpb24pID0+IHRoaXMuc3RhdGUudmFsdWVzLmluZGV4T2Yob3B0aW9uKSAhPT0gLTE7XG5cbiAgc2VhcmNoUmVzdWx0cyA9ICgpID0+IHtcbiAgICBjb25zdCByZWdleHAgPSBuZXcgUmVnRXhwKHRoaXMuc3RhdGUuc2VhcmNoLCAnaScpO1xuXG4gICAgcmV0dXJuIHRoaXMucHJvcHMub3B0aW9ucy5maWx0ZXIoKGl0ZW0pID0+XG4gICAgICByZWdleHAudGVzdChpdGVtW3RoaXMucHJvcHMuc2VhcmNoQnldIHx8IGl0ZW1bW3RoaXMucHJvcHMubGFiZWxGaWVsZF1dKVxuICAgICk7XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2xpY2tPdXRIYW5kbGVyIG9uQ2xpY2tPdXQ9eygpID0+IHRoaXMuZHJvcERvd24oJ2Nsb3NlJyl9PlxuICAgICAgICA8UmVhY3REcm9wZG93blNlbGVjdFxuICAgICAgICAgIHN0eWxlPXt0aGlzLnByb3BzLnN0eWxlfVxuICAgICAgICAgIHJlZj17dGhpcy5zZWxlY3R9XG4gICAgICAgICAgZGlzYWJsZWQ9e3RoaXMucHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICAgY2xhc3NOYW1lPXt0aGlzLnByb3BzLmNsYXNzTmFtZX1cbiAgICAgICAgICBjb2xvcj17dGhpcy5wcm9wcy5jb2xvcn0+XG4gICAgICAgICAgPENvbnRlbnQgcGFyZW50UHJvcHM9e3RoaXMucHJvcHN9IHBhcmVudFN0YXRlPXt0aGlzLnN0YXRlfSBwYXJlbnRNZXRob2RzPXt0aGlzLm1ldGhvZHN9IC8+XG5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5sb2FkaW5nICYmIDxMb2FkaW5nIHBhcmVudFByb3BzPXt0aGlzLnByb3BzfSAvPn1cblxuICAgICAgICAgIHt0aGlzLnByb3BzLmNsZWFyYWJsZSAmJiAoXG4gICAgICAgICAgICA8Q2xlYXIgcGFyZW50UHJvcHM9e3RoaXMucHJvcHN9IHBhcmVudFN0YXRlPXt0aGlzLnN0YXRlfSBwYXJlbnRNZXRob2RzPXt0aGlzLm1ldGhvZHN9IC8+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIHt0aGlzLnByb3BzLnNlcGFyYXRvciAmJiAoXG4gICAgICAgICAgICA8U2VwYXJhdG9yXG4gICAgICAgICAgICAgIHBhcmVudFByb3BzPXt0aGlzLnByb3BzfVxuICAgICAgICAgICAgICBwYXJlbnRTdGF0ZT17dGhpcy5zdGF0ZX1cbiAgICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17dGhpcy5tZXRob2RzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAge3RoaXMucHJvcHMuZHJvcGRvd25IYW5kbGUgJiYgKFxuICAgICAgICAgICAgPERyb3Bkb3duSGFuZGxlXG4gICAgICAgICAgICAgIHBhcmVudFByb3BzPXt0aGlzLnByb3BzfVxuICAgICAgICAgICAgICBwYXJlbnRTdGF0ZT17dGhpcy5zdGF0ZX1cbiAgICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17dGhpcy5tZXRob2RzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAge3RoaXMuc3RhdGUuZHJvcGRvd24gJiYgKFxuICAgICAgICAgICAgPERyb3Bkb3duXG4gICAgICAgICAgICAgIHBhcmVudFByb3BzPXt0aGlzLnByb3BzfVxuICAgICAgICAgICAgICBwYXJlbnRTdGF0ZT17dGhpcy5zdGF0ZX1cbiAgICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17dGhpcy5tZXRob2RzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1JlYWN0RHJvcGRvd25TZWxlY3Q+XG4gICAgICA8L0NsaWNrT3V0SGFuZGxlcj5cbiAgICApO1xuICB9XG59XG5cblNlbGVjdC5kZWZhdWx0UHJvcHMgPSB7XG4gIGFkZFBsYWNlaG9sZGVyOiAnKycsXG4gIHBsYWNlaG9sZGVyOiAnU2VsZWN0Li4uJyxcbiAgdmFsdWVzOiBbXSxcbiAgb3B0aW9uczogW10sXG4gIG11bHRpOiBmYWxzZSxcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBzZWFyY2hCeTogJ2xhYmVsJyxcbiAgY2xlYXJhYmxlOiB0cnVlLFxuICBkcm9wZG93bkhhbmRsZTogdHJ1ZSxcbiAgc2VwYXJhdG9yOiB0cnVlLFxuICBrZWVwT3BlbjogdW5kZWZpbmVkLFxuICBub0RhdGFMYWJlbDogJ05vIGRhdGEnLFxuICBkcm9wZG93bkdhcDogNSxcbiAgY2xvc2VPblNjcm9sbDogZmFsc2UsXG4gIGRlYm91bmNlRGVsYXk6IDAsXG4gIGxhYmVsRmllbGQ6ICdsYWJlbCcsXG4gIHZhbHVlRmllbGQ6ICd2YWx1ZScsXG4gIGNvbG9yOiAnIzAwNzREOScsXG4gIG9uRHJvcGRvd25PcGVuOiAoKSA9PiB1bmRlZmluZWQsXG4gIG9uRHJvcGRvd25DbG9zZTogKCkgPT4gdW5kZWZpbmVkLFxuICBvbkNsZWFyQWxsOiAoKSA9PiB1bmRlZmluZWQsXG4gIG9uU2VsZWN0QWxsOiAoKSA9PiB1bmRlZmluZWRcbn07XG5cbmNvbnN0IFJlYWN0RHJvcGRvd25TZWxlY3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBwYWRkaW5nOiAycHggNXB4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtaW4taGVpZ2h0OiAzNnB4O1xuICAkeyh7IGRpc2FibGVkIH0pID0+XG4gICAgZGlzYWJsZWQgPyAnY3Vyc29yOiBub3QtYWxsb3dlZDtwb2ludGVyLWV2ZW50czogbm9uZTtvcGFjaXR5OiAwLjM7JyA6ICdwb2ludGVyLWV2ZW50czogYWxsOyd9XG5cbiAgOmhvdmVyLCBcbiAgOmZvY3VzLXdpdGhpbiB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0O1xuIl19 */"));
 var _default = Select;
 exports.default = _default;

package.json

 {
   "name": "react-dropdown-select",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "Customizable dropdown select for react",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -21,11 +21,9 @@ # react-dropdown-select
 <Select
-	placeholder="Select"
-	addPlaceholder="+"
-	multi={true}
-	values={[options[0]]}
-	options={options}
-	onChange={(values) => this.setValues(values)}
-	/>
+  options={options}
+  onChange={(values) => this.setValues(values)}
+/>
 ```
 
+> **options** and **onChange** are the minimum requered props
+
 ### Demo
@@ -58,2 +56,3 @@
 | valueField               | string | "value"       | field in data to use for value                                                         |
+| color               | string | "#0074D9"       | base color to use in component, also can be overwritten via CSS                                                         |
 | closeOnScroll          | bool   | false       | If true, scrolling the page will close the dropdown                                         |
@@ -60,0 +59,0 @@ | **Callback props** ||||

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

72046

increased by1.33%

Lines of code

840

increased by0.24%

Worsened metrics

Number of lines in readme file

73

decreased by-1.35%

No dependency changes