react-dropdown-select - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

dist/components/Clear.js

@@ -19,3 +19,3 @@ "use strict";
   return parentProps.clearRenderer ? parentProps.clearRenderer(parentProps, parentState, parentMethods) : _react.default.createElement(ClearComponent, {
-    tabIndex: "2",
+    tabIndex: "-1",
     onClick: function onClick() {
@@ -35,10 +35,10 @@ return parentMethods.clearAll();
 })(process.env.NODE_ENV === "production" ? {
-  name: "1h3yf0o",
-  styles: "line-height:25px;margin:0 10px;cursor:pointer;outline:none;:hover{color:tomato;}"
+  name: "992gsg",
+  styles: "line-height:25px;margin:0 10px;cursor:pointer;:focus{outline:none;}:hover{color:tomato;}"
 } : {
-  name: "1h3yf0o",
-  styles: "line-height:25px;margin:0 10px;cursor:pointer;outline:none;:hover{color:tomato;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0NsZWFyLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2xlYXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBDbGVhciA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PlxuICBwYXJlbnRQcm9wcy5jbGVhclJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmNsZWFyUmVuZGVyZXIocGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzKVxuICApIDogKFxuICAgIDxDbGVhckNvbXBvbmVudFxuICAgICAgdGFiSW5kZXg9XCIyXCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IHBhcmVudE1ldGhvZHMuY2xlYXJBbGwoKX1cbiAgICAgIG9uS2V5UHJlc3M9eygpID0+IHBhcmVudE1ldGhvZHMuY2xlYXJBbGwoKX0+XG4gICAgICAmdGltZXM7XG4gICAgPC9DbGVhckNvbXBvbmVudD5cbiAgKTtcblxuQ2xlYXIucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IENsZWFyQ29tcG9uZW50ID0gc3R5bGVkLmRpdmBcbiAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG91dGxpbmU6IG5vbmU7XG5cbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogdG9tYXRvO1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBDbGVhcjtcbiJdfQ== */"
+  name: "992gsg",
+  styles: "line-height:25px;margin:0 10px;cursor:pointer;:focus{outline:none;}:hover{color:tomato;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0NsZWFyLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2xlYXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBDbGVhciA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PlxuICBwYXJlbnRQcm9wcy5jbGVhclJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmNsZWFyUmVuZGVyZXIocGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzKVxuICApIDogKFxuICAgIDxDbGVhckNvbXBvbmVudFxuICAgICAgdGFiSW5kZXg9XCItMVwiXG4gICAgICBvbkNsaWNrPXsoKSA9PiBwYXJlbnRNZXRob2RzLmNsZWFyQWxsKCl9XG4gICAgICBvbktleVByZXNzPXsoKSA9PiBwYXJlbnRNZXRob2RzLmNsZWFyQWxsKCl9PlxuICAgICAgJnRpbWVzO1xuICAgIDwvQ2xlYXJDb21wb25lbnQ+XG4gICk7XG5cbkNsZWFyLnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBDbGVhckNvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG4gIGxpbmUtaGVpZ2h0OiAyNXB4O1xuICBtYXJnaW46IDAgMTBweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBcbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogdG9tYXRvO1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBDbGVhcjtcbiJdfQ== */"
 });
 var _default = Clear;
 exports.default = _default;

dist/components/Dropdown.js

@@ -23,3 +23,5 @@ "use strict";
   return _react.default.createElement(DropDown, {
-    tabIndex: "4",
+    tabIndex: "-1",
+    "aria-expanded": "true",
+    role: "listbox",
     selectBounds: parentState.selectBounds,
@@ -35,2 +37,3 @@ dropdownGap: parentProps.dropdownGap,
     return _react.default.createElement(_Item.default, {
+      key: item.value,
       item: item,
@@ -59,4 +62,4 @@ index: itemIndex,
   return selectBounds.width;
-}, "px;padding:0;display:flex;flex-direction:column;background:#fff;border-radius:2px;box-shadow:0 0 10px 0 #0000003b;max-height:300px;overflow:auto;outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgTm9EYXRhIGZyb20gJy4vTm9EYXRhJztcbmltcG9ydCBJdGVtIGZyb20gJy4vSXRlbSc7XG5cbmNvbnN0IERyb3Bkb3duID0gKHsgcGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzIH0pID0+IChcbiAgPERyb3BEb3duXG4gICAgdGFiSW5kZXg9XCI0XCJcbiAgICBzZWxlY3RCb3VuZHM9e3BhcmVudFN0YXRlLnNlbGVjdEJvdW5kc31cbiAgICBkcm9wZG93bkdhcD17cGFyZW50UHJvcHMuZHJvcGRvd25HYXB9XG4gICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LWRyb3Bkb3duXCI+XG4gICAge3BhcmVudFByb3BzLmRyb3Bkb3duUmVuZGVyZXIgPyAoXG4gICAgICBwYXJlbnRQcm9wcy5kcm9wZG93blJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgICApIDogKFxuICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICB7cGFyZW50TWV0aG9kcy5zZWFyY2hSZXN1bHRzKCkubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgIDxOb0RhdGFcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1uby1kYXRhXCJcbiAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAgIHBhcmVudFByb3BzPXtwYXJlbnRQcm9wc31cbiAgICAgICAgICAgIHBhcmVudE1ldGhvZHM9e3BhcmVudE1ldGhvZHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwYXJlbnRNZXRob2RzXG4gICAgICAgICAgICAuc2VhcmNoUmVzdWx0cygpXG4gICAgICAgICAgICAubWFwKChpdGVtLCBpdGVtSW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEl0ZW1cbiAgICAgICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgICAgIGluZGV4PXtpdGVtSW5kZXh9XG4gICAgICAgICAgICAgICAgcGFyZW50U3RhdGU9e3BhcmVudFN0YXRlfVxuICAgICAgICAgICAgICAgIHBhcmVudFByb3BzPXtwYXJlbnRQcm9wc31cbiAgICAgICAgICAgICAgICBwYXJlbnRNZXRob2RzPXtwYXJlbnRNZXRob2RzfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSlcbiAgICAgICAgKX1cbiAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKX1cbiAgPC9Ecm9wRG93bj5cbik7XG5cbkRyb3Bkb3duLnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBEcm9wRG93biA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAkeyh7IHNlbGVjdEJvdW5kcywgZHJvcGRvd25HYXAgfSkgPT4gc2VsZWN0Qm91bmRzLmJvdHRvbSArIGRyb3Bkb3duR2FwfXB4O1xuICBsZWZ0OiAkeyh7IHNlbGVjdEJvdW5kcyB9KSA9PiBzZWxlY3RCb3VuZHMubGVmdH1weDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgd2lkdGg6ICR7KHsgc2VsZWN0Qm91bmRzIH0pID0+IHNlbGVjdEJvdW5kcy53aWR0aH1weDtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBib3gtc2hhZG93OiAwIDAgMTBweCAwICMwMDAwMDAzYjtcbiAgbWF4LWhlaWdodDogMzAwcHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBvdXRsaW5lOiBub25lO1xufVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd247XG4iXX0= */"));
+}, "px;padding:0;display:flex;flex-direction:column;background:#fff;border-radius:2px;box-shadow:0 0 10px 0 #0000003b;max-height:300px;overflow:auto;:focus{outline:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgTm9EYXRhIGZyb20gJy4vTm9EYXRhJztcbmltcG9ydCBJdGVtIGZyb20gJy4vSXRlbSc7XG5cbmNvbnN0IERyb3Bkb3duID0gKHsgcGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzIH0pID0+IChcbiAgPERyb3BEb3duXG4gICAgdGFiSW5kZXg9XCItMVwiXG4gICAgYXJpYS1leHBhbmRlZD1cInRydWVcIlxuICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICBzZWxlY3RCb3VuZHM9e3BhcmVudFN0YXRlLnNlbGVjdEJvdW5kc31cbiAgICBkcm9wZG93bkdhcD17cGFyZW50UHJvcHMuZHJvcGRvd25HYXB9XG4gICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LWRyb3Bkb3duXCI+XG4gICAge3BhcmVudFByb3BzLmRyb3Bkb3duUmVuZGVyZXIgPyAoXG4gICAgICBwYXJlbnRQcm9wcy5kcm9wZG93blJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgICApIDogKFxuICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICB7cGFyZW50TWV0aG9kcy5zZWFyY2hSZXN1bHRzKCkubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgIDxOb0RhdGFcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1uby1kYXRhXCJcbiAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAgIHBhcmVudFByb3BzPXtwYXJlbnRQcm9wc31cbiAgICAgICAgICAgIHBhcmVudE1ldGhvZHM9e3BhcmVudE1ldGhvZHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwYXJlbnRNZXRob2RzXG4gICAgICAgICAgICAuc2VhcmNoUmVzdWx0cygpXG4gICAgICAgICAgICAubWFwKChpdGVtLCBpdGVtSW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEl0ZW1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW0udmFsdWV9XG4gICAgICAgICAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgICAgICAgICAgICBpbmRleD17aXRlbUluZGV4fVxuICAgICAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAgICAgICBwYXJlbnRQcm9wcz17cGFyZW50UHJvcHN9XG4gICAgICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17cGFyZW50TWV0aG9kc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkpXG4gICAgICAgICl9XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICl9XG4gIDwvRHJvcERvd24+XG4pO1xuXG5Ecm9wZG93bi5wcm9wVHlwZXMgPSB7fTtcblxuY29uc3QgRHJvcERvd24gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyBzZWxlY3RCb3VuZHMsIGRyb3Bkb3duR2FwIH0pID0+IHNlbGVjdEJvdW5kcy5ib3R0b20gKyBkcm9wZG93bkdhcH1weDtcbiAgbGVmdDogJHsoeyBzZWxlY3RCb3VuZHMgfSkgPT4gc2VsZWN0Qm91bmRzLmxlZnR9cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIHdpZHRoOiAkeyh7IHNlbGVjdEJvdW5kcyB9KSA9PiBzZWxlY3RCb3VuZHMud2lkdGh9cHg7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogMCAwIDEwcHggMCAjMDAwMDAwM2I7XG4gIG1heC1oZWlnaHQ6IDMwMHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgXG4gIDpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxufVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd247XG4iXX0= */"));
 var _default = Dropdown;
 exports.default = _default;

dist/components/DropdownHandle.js

@@ -19,3 +19,3 @@ "use strict";
   return parentProps.dropdownHandleRenderer ? parentProps.dropdownHandleRenderer(parentProps, parentState, parentMethods) : _react.default.createElement(DropdownHandleComponent, {
-    tabIndex: "3",
+    tabIndex: "-1",
     onClick: function onClick() {
@@ -27,2 +27,5 @@ return parentMethods.dropDown();
     },
+    onKeyDown: function onKeyDown() {
+      return parentMethods.dropDown();
+    },
     className: "react-dropdown-select-dropdown-handle"
@@ -37,10 +40,10 @@ }, parentState.dropdown ? _react.default.createElement(_react.default.Fragment, null, "\u203A") : _react.default.createElement(_react.default.Fragment, null, "\u2039"));
 })(process.env.NODE_ENV === "production" ? {
-  name: "ndpyfh",
-  styles: "width:20px;text-align:center;line-height:25px;transform:rotate(-90deg);cursor:pointer;font-size:26px;outline:none;"
+  name: "17e6xx7",
+  styles: "width:20px;text-align:center;line-height:25px;transform:rotate(-90deg);cursor:pointer;font-size:26px;:focus{outline:none;color:deepskyblue;}"
 } : {
-  name: "ndpyfh",
-  styles: "width:20px;text-align:center;line-height:25px;transform:rotate(-90deg);cursor:pointer;font-size:26px;outline:none;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duSGFuZGxlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCMEMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd25IYW5kbGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBkcm9wZG93bkhhbmRsZSA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PiBwYXJlbnRQcm9wcy5kcm9wZG93bkhhbmRsZVJlbmRlcmVyID8gKFxuICBwYXJlbnRQcm9wcy5kcm9wZG93bkhhbmRsZVJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbikgOiAoXG4gIDxEcm9wZG93bkhhbmRsZUNvbXBvbmVudFxuICAgIHRhYkluZGV4PVwiM1wiXG4gICAgb25DbGljaz17KCkgPT4gcGFyZW50TWV0aG9kcy5kcm9wRG93bigpfVxuICAgIG9uS2V5UHJlc3M9eygpID0+IHBhcmVudE1ldGhvZHMuZHJvcERvd24oKX1cbiAgICBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3QtZHJvcGRvd24taGFuZGxlXCI+XG4gICAge3BhcmVudFN0YXRlLmRyb3Bkb3duID8gKFxuICAgICAgPFJlYWN0LkZyYWdtZW50PiZyc2FxdW87PC9SZWFjdC5GcmFnbWVudD5cbiAgICApIDogKFxuICAgICAgPFJlYWN0LkZyYWdtZW50PiZsc2FxdW87PC9SZWFjdC5GcmFnbWVudD5cbiAgICApfVxuICA8L0Ryb3Bkb3duSGFuZGxlQ29tcG9uZW50PlxuKTtcblxuZHJvcGRvd25IYW5kbGUucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IERyb3Bkb3duSGFuZGxlQ29tcG9uZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDIwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1zaXplOiAyNnB4O1xuICBvdXRsaW5lOiBub25lO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgZHJvcGRvd25IYW5kbGU7XG4iXX0= */"
+  name: "17e6xx7",
+  styles: "width:20px;text-align:center;line-height:25px;transform:rotate(-90deg);cursor:pointer;font-size:26px;:focus{outline:none;color:deepskyblue;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duSGFuZGxlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCMEMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd25IYW5kbGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBkcm9wZG93bkhhbmRsZSA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PiBwYXJlbnRQcm9wcy5kcm9wZG93bkhhbmRsZVJlbmRlcmVyID8gKFxuICBwYXJlbnRQcm9wcy5kcm9wZG93bkhhbmRsZVJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbikgOiAoXG4gIDxEcm9wZG93bkhhbmRsZUNvbXBvbmVudFxuICAgIHRhYkluZGV4PVwiLTFcIlxuICAgIG9uQ2xpY2s9eygpID0+IHBhcmVudE1ldGhvZHMuZHJvcERvd24oKX1cbiAgICBvbktleVByZXNzPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCl9XG4gICAgb25LZXlEb3duPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCl9XG4gICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LWRyb3Bkb3duLWhhbmRsZVwiPlxuICAgIHtwYXJlbnRTdGF0ZS5kcm9wZG93biA/IChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD4mcnNhcXVvOzwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKSA6IChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD4mbHNhcXVvOzwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKX1cbiAgPC9Ecm9wZG93bkhhbmRsZUNvbXBvbmVudD5cbik7XG5cbmRyb3Bkb3duSGFuZGxlLnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBEcm9wZG93bkhhbmRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGxpbmUtaGVpZ2h0OiAyNXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtc2l6ZTogMjZweDtcbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGNvbG9yOiBkZWVwc2t5Ymx1ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgZHJvcGRvd25IYW5kbGU7XG4iXX0= */"
 });
 var _default = dropdownHandle;
 exports.default = _default;

dist/components/Input.js

@@ -20,3 +20,3 @@ "use strict";
   return parentProps.inputRenderer ? parentProps.inputRenderer(parentProps, parentState, parentMethods) : _react.default.createElement(InputComponent, {
-    tabIndex: "1",
+    tabIndex: "-1",
     className: "react-dropdown-select-input",
@@ -38,8 +38,8 @@ size: parentMethods.getInputSize(),
 })(process.env.NODE_ENV === "production" ? {
-  name: "1r3lpit",
-  styles: "width:auto;border:none;margin-left:5px;background:transparent;:focus{outline:transparent;}font-size:smaller;"
+  name: "12mid5e",
+  styles: "width:auto;border:none;margin-left:5px;background:transparent;font-size:smaller;:focus{outline:none;}"
 } : {
-  name: "1r3lpit",
-  styles: "width:auto;border:none;margin-left:5px;background:transparent;:focus{outline:transparent;}font-size:smaller;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvSW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBJbnB1dCA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PiB7XG4gIGNvbnN0IHBsYWNlSG9sZGVyID1cbiAgICAocGFyZW50U3RhdGUudmFsdWVzICYmIHBhcmVudFN0YXRlLnZhbHVlcy5sZW5ndGggPiAwICYmIHBhcmVudFByb3BzLmFkZFBsYWNlaG9sZGVyKSB8fFxuICAgIHBhcmVudFByb3BzLnBsYWNlaG9sZGVyO1xuXG4gIHJldHVybiBwYXJlbnRQcm9wcy5pbnB1dFJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmlucHV0UmVuZGVyZXIocGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzKVxuICApIDogKFxuICAgIDxJbnB1dENvbXBvbmVudFxuICAgICAgdGFiSW5kZXg9XCIxXCJcbiAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1pbnB1dFwiXG4gICAgICBzaXplPXtwYXJlbnRNZXRob2RzLmdldElucHV0U2l6ZSgpfVxuICAgICAgdmFsdWU9e3BhcmVudFN0YXRlLnNlYXJjaH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHBhcmVudE1ldGhvZHMuZHJvcERvd24oJ29wZW4nKX1cbiAgICAgIG9uQ2hhbmdlPXtwYXJlbnRNZXRob2RzLnNldFNlYXJjaH1cbiAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZUhvbGRlcn1cbiAgICAvPlxuICApO1xufTtcblxuSW5wdXQucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IElucHV0Q29tcG9uZW50ID0gc3R5bGVkLmlucHV0YFxuICB3aWR0aDogYXV0bztcbiAgYm9yZGVyOiBub25lO1xuICBtYXJnaW4tbGVmdDogNXB4O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiB0cmFuc3BhcmVudDtcbiAgfVxuICBmb250LXNpemU6IHNtYWxsZXI7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5tZW1vKElucHV0KTtcbiJdfQ== */"
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvSW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBJbnB1dCA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PiB7XG4gIGNvbnN0IHBsYWNlSG9sZGVyID1cbiAgICAocGFyZW50U3RhdGUudmFsdWVzICYmIHBhcmVudFN0YXRlLnZhbHVlcy5sZW5ndGggPiAwICYmIHBhcmVudFByb3BzLmFkZFBsYWNlaG9sZGVyKSB8fFxuICAgIHBhcmVudFByb3BzLnBsYWNlaG9sZGVyO1xuXG4gIHJldHVybiBwYXJlbnRQcm9wcy5pbnB1dFJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLmlucHV0UmVuZGVyZXIocGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzKVxuICApIDogKFxuICAgIDxJbnB1dENvbXBvbmVudFxuICAgICAgdGFiSW5kZXg9XCItMVwiXG4gICAgICBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3QtaW5wdXRcIlxuICAgICAgc2l6ZT17cGFyZW50TWV0aG9kcy5nZXRJbnB1dFNpemUoKX1cbiAgICAgIHZhbHVlPXtwYXJlbnRTdGF0ZS5zZWFyY2h9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCdvcGVuJyl9XG4gICAgICBvbkNoYW5nZT17cGFyZW50TWV0aG9kcy5zZXRTZWFyY2h9XG4gICAgICBwbGFjZWhvbGRlcj17cGxhY2VIb2xkZXJ9XG4gICAgLz5cbiAgKTtcbn07XG5cbklucHV0LnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBJbnB1dENvbXBvbmVudCA9IHN0eWxlZC5pbnB1dGBcbiAgd2lkdGg6IGF1dG87XG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtc2l6ZTogc21hbGxlcjtcbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5tZW1vKElucHV0KTtcbiJdfQ== */"
 });
@@ -46,0 +46,0 @@

dist/components/Item.js

@@ -21,4 +21,7 @@ "use strict";
   return parentProps.itemRenderer ? parentProps.itemRenderer(item, itemIndex, parentProps, parentState, parentMethods) : _react.default.createElement(ItemComponent, {
+    role: "option",
+    "aria-selected": parentMethods.isSelected(item),
+    "aria-label": item.label,
     key: "".concat(item.value).concat(item.label),
-    tabIndex: itemIndex + 4,
+    tabIndex: "-1",
     className: "react-dropdown-select-item ".concat(parentMethods.isSelected(item) ? 'react-dropdown-select-item-selected' : ''),
@@ -39,10 +42,10 @@ onClick: function onClick() {
 })(process.env.NODE_ENV === "production" ? {
-  name: "5h28nj",
-  styles: "padding:10px;cursor:pointer;outline:none;:hover,:focus{background:#f2f2f2;}&.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;}}"
 } : {
-  name: "5h28nj",
-  styles: "padding:10px;cursor:pointer;outline:none;:hover,:focus{background:#f2f2f2;}&.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0l0ZW0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJpQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9JdGVtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgSXRlbSA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcywgaXRlbSwgaXRlbUluZGV4IH0pID0+XG4gIHBhcmVudFByb3BzLml0ZW1SZW5kZXJlciA/IChcbiAgICBwYXJlbnRQcm9wcy5pdGVtUmVuZGVyZXIoaXRlbSwgaXRlbUluZGV4LCBwYXJlbnRQcm9wcywgcGFyZW50U3RhdGUsIHBhcmVudE1ldGhvZHMpXG4gICkgOiAoXG4gICAgPEl0ZW1Db21wb25lbnRcbiAgICAgIGtleT17YCR7aXRlbS52YWx1ZX0ke2l0ZW0ubGFiZWx9YH1cbiAgICAgIHRhYkluZGV4PXtpdGVtSW5kZXggKyA0fVxuICAgICAgY2xhc3NOYW1lPXtgcmVhY3QtZHJvcGRvd24tc2VsZWN0LWl0ZW0gJHtcbiAgICAgICAgcGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pID8gJ3JlYWN0LWRyb3Bkb3duLXNlbGVjdC1pdGVtLXNlbGVjdGVkJyA6ICcnXG4gICAgICB9YH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX1cbiAgICAgIG9uS2V5UHJlc3M9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX0+XG4gICAgICB7aXRlbS5sYWJlbH1cbiAgICA8L0l0ZW1Db21wb25lbnQ+XG4gICk7XG5cbkl0ZW0ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IEl0ZW1Db21wb25lbnQgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMTBweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdXRsaW5lOiBub25lO1xuXG4gIDpob3ZlcixcbiAgOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kOiAjZjJmMmYyO1xuICB9XG5cbiAgJi5yZWFjdC1kcm9wZG93bi1zZWxlY3QtaXRlbS1zZWxlY3RlZCB7XG4gICAgYmFja2dyb3VuZDogZGVlcHNreWJsdWU7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmZmY7XG4gIH1cblxuICBpbnB1dCB7XG4gICAgJlt0eXBlPSdjaGVja2JveCddIHtcbiAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICAgIG1hcmdpbjogMCAxMHB4IDAgMDtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZW07XG4iXX0= */"
+  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/IChcbiAgICBwYXJlbnRQcm9wcy5pdGVtUmVuZGVyZXIoaXRlbSwgaXRlbUluZGV4LCBwYXJlbnRQcm9wcywgcGFyZW50U3RhdGUsIHBhcmVudE1ldGhvZHMpXG4gICkgOiAoXG4gICAgPEl0ZW1Db21wb25lbnRcbiAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgYXJpYS1zZWxlY3RlZD17cGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pfVxuICAgICAgYXJpYS1sYWJlbD17aXRlbS5sYWJlbH1cbiAgICAgIGtleT17YCR7aXRlbS52YWx1ZX0ke2l0ZW0ubGFiZWx9YH1cbiAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgY2xhc3NOYW1lPXtgcmVhY3QtZHJvcGRvd24tc2VsZWN0LWl0ZW0gJHtcbiAgICAgICAgcGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pID8gJ3JlYWN0LWRyb3Bkb3duLXNlbGVjdC1pdGVtLXNlbGVjdGVkJyA6ICcnXG4gICAgICB9YH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX1cbiAgICAgIG9uS2V5UHJlc3M9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX0+XG4gICAgICB7aXRlbS5sYWJlbH1cbiAgICA8L0l0ZW1Db21wb25lbnQ+XG4gICk7XG5cbkl0ZW0ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IEl0ZW1Db21wb25lbnQgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMTBweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2ZmZjtcblxuICA6aG92ZXIsXG4gIDpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogI2YyZjJmMjtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJi5yZWFjdC1kcm9wZG93bi1zZWxlY3QtaXRlbS1zZWxlY3RlZCB7XG4gICAgYmFja2dyb3VuZDogZGVlcHNreWJsdWU7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmZmY7XG4gIH1cblxuICBpbnB1dCB7XG4gICAgJlt0eXBlPSdjaGVja2JveCddIHtcbiAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICAgIG1hcmdpbjogMCAxMHB4IDAgMDtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZW07XG4iXX0= */"
 });
 var _default = Item;
 exports.default = _default;

dist/components/Option.js

@@ -20,2 +20,3 @@ "use strict";
   return parentItem && parentProps.optionRenderer ? parentProps.optionRenderer(parentItem, parentProps, parentState, parentMethods) : _react.default.createElement(OptionComponent, {
+    role: "list-item",
     disabled: parentProps.disabled,
@@ -43,5 +44,5 @@ className: "react-dropdown-select-option"
   styles: "padding:0 5px;border-radius:2px;line-height:21px;margin:3px 0 3px 5px;background:deepskyblue;color:#fff;white-space:nowrap;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IE9wdGlvbiA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcywgcGFyZW50SXRlbSB9KSA9PlxuICBwYXJlbnRJdGVtICYmIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyKHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgKSA6IChcbiAgICA8T3B0aW9uQ29tcG9uZW50IGRpc2FibGVkPXtwYXJlbnRQcm9wcy5kaXNhYmxlZH0gY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvblwiPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1sYWJlbFwiPntwYXJlbnRJdGVtLmxhYmVsfTwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1vcHRpb24tcmVtb3ZlXCJcbiAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBwYXJlbnRNZXRob2RzLnJlbW92ZUl0ZW0oZXZlbnQsIHBhcmVudEl0ZW0sIHRydWUpfT5cbiAgICAgICAgJnRpbWVzO1xuICAgICAgPC9zcGFuPlxuICAgIDwvT3B0aW9uQ29tcG9uZW50PlxuICApO1xuXG5PcHRpb24ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IE9wdGlvbkNvbXBvbmVudCA9IHN0eWxlZC5zcGFuYFxuICBwYWRkaW5nOiAwIDVweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBsaW5lLWhlaWdodDogMjFweDtcbiAgbWFyZ2luOiAzcHggMCAzcHggNXB4O1xuICBiYWNrZ3JvdW5kOiBkZWVwc2t5Ymx1ZTtcbiAgY29sb3I6ICNmZmY7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAucmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1yZW1vdmUge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB3aWR0aDogMjJweDtcbiAgICBoZWlnaHQ6IDIycHg7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBtYXJnaW46IDAgLTVweCAwIDBweDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDNweCAzcHggMDtcblxuICAgIDpob3ZlciB7XG4gICAgICBjb2xvcjogdG9tYXRvO1xuICAgIH1cbiAgfVxuXG4gIDpob3ZlcixcbiAgOmhvdmVyID4gc3BhbiB7XG4gICAgYmFja2dyb3VuZDogIzAwYTdlNjtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IE9wdGlvbiA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcywgcGFyZW50SXRlbSB9KSA9PlxuICBwYXJlbnRJdGVtICYmIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyKHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgKSA6IChcbiAgICA8T3B0aW9uQ29tcG9uZW50XG4gICAgICByb2xlPVwibGlzdC1pdGVtXCJcbiAgICAgIGRpc2FibGVkPXtwYXJlbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1vcHRpb25cIj5cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1vcHRpb24tbGFiZWxcIj57cGFyZW50SXRlbS5sYWJlbH08L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBjbGFzc05hbWU9XCJyZWFjdC1kcm9wZG93bi1zZWxlY3Qtb3B0aW9uLXJlbW92ZVwiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudCkgPT4gcGFyZW50TWV0aG9kcy5yZW1vdmVJdGVtKGV2ZW50LCBwYXJlbnRJdGVtLCB0cnVlKX0+XG4gICAgICAgICZ0aW1lcztcbiAgICAgIDwvc3Bhbj5cbiAgICA8L09wdGlvbkNvbXBvbmVudD5cbiAgKTtcblxuT3B0aW9uLnByb3BUeXBlcyA9IHt9O1xuXG5jb25zdCBPcHRpb25Db21wb25lbnQgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMCA1cHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgbGluZS1oZWlnaHQ6IDIxcHg7XG4gIG1hcmdpbjogM3B4IDAgM3B4IDVweDtcbiAgYmFja2dyb3VuZDogZGVlcHNreWJsdWU7XG4gIGNvbG9yOiAjZmZmO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgLnJlYWN0LWRyb3Bkb3duLXNlbGVjdC1vcHRpb24tcmVtb3ZlIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgd2lkdGg6IDIycHg7XG4gICAgaGVpZ2h0OiAyMnB4O1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwIC01cHggMCAwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMCAzcHggM3B4IDA7XG5cbiAgICA6aG92ZXIge1xuICAgICAgY29sb3I6IHRvbWF0bztcbiAgICB9XG4gIH1cblxuICA6aG92ZXIsXG4gIDpob3ZlciA+IHNwYW4ge1xuICAgIGJhY2tncm91bmQ6ICMwMGE3ZTY7XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IE9wdGlvbjtcbiJdfQ== */"
 });
 var _default = Option;
 exports.default = _default;

package.json

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

README.md

 # react-dropdown-select
-Customizable dropdown select for react
+Customisable dropdown select for react
 
@@ -13,2 +13,4 @@ ![](https://badgen.net/bundlephobia/minzip/react-dropdown-select)
 
+import:
+
 ```import Select from "react-dropdown-select";```
@@ -20,28 +22,8 @@
 <Select
-	placeholder="Sasha's family members"
-	addPlaceholder="+ click to add"
-	disabled={this.state.disabled}
-	loading={this.state.loading}
-	searchBy={this.state.searchBy}
-	separator={this.state.separator}
-	clearable={this.state.clearable}
-	forceOpen={this.state.forceOpen}
-	handle={this.state.handle}
-	multi={this.state.multi}
+	placeholder="Select"
+	addPlaceholder="+"
+	multi={true}
 	values={[options[0]]}
 	options={options}
-	onDropdownOpen={() => undefined}
-	onDropdownClose={() => undefined}
 	onChange={(values) => this.setValues(values)}
-	contentRenderer={
-		this.state.contentRenderer
-			? (innerProps, innerState) => this.contentRenderer(innerProps, innerState)
-			: undefined
-	}
-	dropdownRenderer={
-		this.state.dropdownRenderer
-			? (innerProps, innerState, innerMethods) =>
-					this.dropdownRenderer(innerProps, innerState, innerMethods)
-			: undefined
-	}
 	/>
@@ -56,1 +38,39 @@ ```
 > https://sanusart.github.io/react-dropdown-select
+
+### Props
+
+	values: PropTypes.array,
+	options: PropTypes.array.isRequired,
+	keepOpen: PropTypes.bool,
+	dropdownGap: PropTypes.number,
+	multi: PropTypes.bool,
+	placeholder: PropTypes.string,
+	addPlaceholder: PropTypes.string,
+	disabled: PropTypes.bool,
+	className: PropTypes.string,
+	loading: PropTypes.bool,
+	clearable: PropTypes.bool,
+	separator: PropTypes.bool,
+	dropdownHandle: PropTypes.bool,
+	searchBy: PropTypes.string,
+
+#### Callbacks
+	
+	onChange: PropTypes.func.isRequired,
+	onDropdownClose: PropTypes.func,
+	onDropdownOpen: PropTypes.func,
+	onClearAll: PropTypes.func,
+	onSelectAll: PropTypes.func,
+	
+#### Custom renderers
+
+	contentRenderer: PropTypes.func,
+	dropdownRenderer: PropTypes.func,
+	itemRenderer: PropTypes.func,
+	noDataRenderer: PropTypes.func,
+	optionRenderer: PropTypes.func,
+	inputRenderer: PropTypes.func,
+	loadingRenderer: PropTypes.func,
+	clearRenderer: PropTypes.func,
+	separatorRenderer: PropTypes.func,
+	dropdownHandleRenderer: PropTypes.func

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

94558

increased by4.24%

Lines of code

779

increased by1.96%

Number of lines in readme file

74

increased by37.04%

No dependency changes