react-dropdown-select - npm Package Compare versions

Comparing version 1.2.5 to 1.2.6

dist/components/Content.js

@@ -29,3 +29,3 @@ "use strict";
     return _react.default.createElement(_Option.default, {
-      key: "".concat(item.value).concat(item.label),
+      key: "".concat(item[parentProps.valueField]).concat(item[parentProps.labelField]),
       parentItem: item,
@@ -36,3 +36,3 @@ parentState: parentState,
     });
-  }) : parentState.values && parentState.values.length > 0 && _react.default.createElement("span", null, parentState.values[0].label), _react.default.createElement(_Input.default, {
+  }) : parentState.values && parentState.values.length > 0 && _react.default.createElement("span", null, parentState.values[0][parentProps.labelField]), _react.default.createElement(_Input.default, {
     parentProps: parentProps,
@@ -53,3 +53,3 @@ parentMethods: parentMethods,
   styles: "flex:1;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0NvbnRlbnQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9Db250ZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IE9wdGlvbiBmcm9tICcuL09wdGlvbic7XG5pbXBvcnQgSW5wdXQgZnJvbSAnLi9JbnB1dCc7XG5cbmNvbnN0IENvbnRlbnQgPSAoeyBwYXJlbnRQcm9wcywgcGFyZW50U3RhdGUsIHBhcmVudE1ldGhvZHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250ZW50Q29tcG9uZW50XG4gICAgICBjbGFzc05hbWU9e2ByZWFjdC1kcm9wZG93bi1zZWxlY3QtY29udGVudCAke1xuICAgICAgICBwYXJlbnRQcm9wcy5tdWx0aSA/ICdyZWFjdC1kcm9wZG93bi1zZWxlY3QtdHlwZS1tdWx0aScgOiAncmVhY3QtZHJvcGRvd24tc2VsZWN0LXR5cGUtc2luZ2xlJ1xuICAgICAgfWB9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCdvcGVuJyl9PlxuICAgICAge3BhcmVudFByb3BzLmNvbnRlbnRSZW5kZXJlciA/IChcbiAgICAgICAgcGFyZW50UHJvcHMuY29udGVudFJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgICAgICkgOiAoXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICB7cGFyZW50UHJvcHMubXVsdGlcbiAgICAgICAgICAgID8gcGFyZW50U3RhdGUudmFsdWVzICYmXG4gICAgICAgICAgICAgIHBhcmVudFN0YXRlLnZhbHVlcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICAgICAgICA8T3B0aW9uXG4gICAgICAgICAgICAgICAgICBrZXk9e2Ake2l0ZW0udmFsdWV9JHtpdGVtLmxhYmVsfWB9XG4gICAgICAgICAgICAgICAgICBwYXJlbnRJdGVtPXtpdGVtfVxuICAgICAgICAgICAgICAgICAgcGFyZW50U3RhdGU9e3BhcmVudFN0YXRlfVxuICAgICAgICAgICAgICAgICAgcGFyZW50UHJvcHM9e3BhcmVudFByb3BzfVxuICAgICAgICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17cGFyZW50TWV0aG9kc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApKVxuICAgICAgICAgICAgOiBwYXJlbnRTdGF0ZS52YWx1ZXMgJiZcbiAgICAgICAgICAgICAgcGFyZW50U3RhdGUudmFsdWVzLmxlbmd0aCA+IDAgJiYgPHNwYW4+e3BhcmVudFN0YXRlLnZhbHVlc1swXS5sYWJlbH08L3NwYW4+fVxuICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgcGFyZW50UHJvcHM9e3BhcmVudFByb3BzfVxuICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17cGFyZW50TWV0aG9kc31cbiAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgKX1cbiAgICA8L0NvbnRlbnRDb21wb25lbnQ+XG4gICk7XG59O1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmA7XG5cbkNvbnRlbnQucHJvcFR5cGVzID0ge307XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnQ7XG4iXX0= */"
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0NvbnRlbnQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9Db250ZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IE9wdGlvbiBmcm9tICcuL09wdGlvbic7XG5pbXBvcnQgSW5wdXQgZnJvbSAnLi9JbnB1dCc7XG5cbmNvbnN0IENvbnRlbnQgPSAoeyBwYXJlbnRQcm9wcywgcGFyZW50U3RhdGUsIHBhcmVudE1ldGhvZHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250ZW50Q29tcG9uZW50XG4gICAgICBjbGFzc05hbWU9e2ByZWFjdC1kcm9wZG93bi1zZWxlY3QtY29udGVudCAke1xuICAgICAgICBwYXJlbnRQcm9wcy5tdWx0aSA/ICdyZWFjdC1kcm9wZG93bi1zZWxlY3QtdHlwZS1tdWx0aScgOiAncmVhY3QtZHJvcGRvd24tc2VsZWN0LXR5cGUtc2luZ2xlJ1xuICAgICAgfWB9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBwYXJlbnRNZXRob2RzLmRyb3BEb3duKCdvcGVuJyl9PlxuICAgICAge3BhcmVudFByb3BzLmNvbnRlbnRSZW5kZXJlciA/IChcbiAgICAgICAgcGFyZW50UHJvcHMuY29udGVudFJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgICAgICkgOiAoXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICB7cGFyZW50UHJvcHMubXVsdGlcbiAgICAgICAgICAgID8gcGFyZW50U3RhdGUudmFsdWVzICYmXG4gICAgICAgICAgICAgIHBhcmVudFN0YXRlLnZhbHVlcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICAgICAgICA8T3B0aW9uXG4gICAgICAgICAgICAgICAgICBrZXk9e2Ake2l0ZW1bcGFyZW50UHJvcHMudmFsdWVGaWVsZF19JHtpdGVtW3BhcmVudFByb3BzLmxhYmVsRmllbGRdfWB9XG4gICAgICAgICAgICAgICAgICBwYXJlbnRJdGVtPXtpdGVtfVxuICAgICAgICAgICAgICAgICAgcGFyZW50U3RhdGU9e3BhcmVudFN0YXRlfVxuICAgICAgICAgICAgICAgICAgcGFyZW50UHJvcHM9e3BhcmVudFByb3BzfVxuICAgICAgICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17cGFyZW50TWV0aG9kc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApKVxuICAgICAgICAgICAgOiBwYXJlbnRTdGF0ZS52YWx1ZXMgJiZcbiAgICAgICAgICAgICAgcGFyZW50U3RhdGUudmFsdWVzLmxlbmd0aCA+IDAgJiYgPHNwYW4+e3BhcmVudFN0YXRlLnZhbHVlc1swXVtwYXJlbnRQcm9wcy5sYWJlbEZpZWxkXX08L3NwYW4+fVxuICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgcGFyZW50UHJvcHM9e3BhcmVudFByb3BzfVxuICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17cGFyZW50TWV0aG9kc31cbiAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgKX1cbiAgICA8L0NvbnRlbnRDb21wb25lbnQ+XG4gICk7XG59O1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmA7XG5cbkNvbnRlbnQucHJvcFR5cGVzID0ge307XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnQ7XG4iXX0= */"
 });
@@ -56,0 +56,0 @@ Content.propTypes = {};

dist/components/Dropdown.js

@@ -36,3 +36,3 @@ "use strict";
     return _react.default.createElement(_Item.default, {
-      key: item.value,
+      key: item[parentProps.valueField],
       item: item,
@@ -61,4 +61,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;:focus{outline:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgTm9EYXRhIGZyb20gJy4vTm9EYXRhJztcbmltcG9ydCBJdGVtIGZyb20gJy4vSXRlbSc7XG5cbmNvbnN0IERyb3Bkb3duID0gKHsgcGFyZW50UHJvcHMsIHBhcmVudFN0YXRlLCBwYXJlbnRNZXRob2RzIH0pID0+IChcbiAgPERyb3BEb3duXG4gICAgdGFiSW5kZXg9XCItMVwiXG4gICAgYXJpYS1leHBhbmRlZD1cInRydWVcIlxuICAgIHJvbGU9XCJsaXN0XCJcbiAgICBzZWxlY3RCb3VuZHM9e3BhcmVudFN0YXRlLnNlbGVjdEJvdW5kc31cbiAgICBkcm9wZG93bkdhcD17cGFyZW50UHJvcHMuZHJvcGRvd25HYXB9XG4gICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LWRyb3Bkb3duXCI+XG4gICAge3BhcmVudFByb3BzLmRyb3Bkb3duUmVuZGVyZXIgPyAoXG4gICAgICBwYXJlbnRQcm9wcy5kcm9wZG93blJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgICApIDogKFxuICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICB7cGFyZW50TWV0aG9kcy5zZWFyY2hSZXN1bHRzKCkubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgIDxOb0RhdGFcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1uby1kYXRhXCJcbiAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAgIHBhcmVudFByb3BzPXtwYXJlbnRQcm9wc31cbiAgICAgICAgICAgIHBhcmVudE1ldGhvZHM9e3BhcmVudE1ldGhvZHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwYXJlbnRNZXRob2RzXG4gICAgICAgICAgICAuc2VhcmNoUmVzdWx0cygpXG4gICAgICAgICAgICAubWFwKChpdGVtLCBpdGVtSW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEl0ZW1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW0udmFsdWV9XG4gICAgICAgICAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgICAgICAgICAgICBpbmRleD17aXRlbUluZGV4fVxuICAgICAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAgICAgICBwYXJlbnRQcm9wcz17cGFyZW50UHJvcHN9XG4gICAgICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17cGFyZW50TWV0aG9kc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkpXG4gICAgICAgICl9XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICl9XG4gIDwvRHJvcERvd24+XG4pO1xuXG5Ecm9wZG93bi5wcm9wVHlwZXMgPSB7fTtcblxuY29uc3QgRHJvcERvd24gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogJHsoeyBzZWxlY3RCb3VuZHMsIGRyb3Bkb3duR2FwIH0pID0+IHNlbGVjdEJvdW5kcy5ib3R0b20gKyBkcm9wZG93bkdhcH1weDtcbiAgbGVmdDogJHsoeyBzZWxlY3RCb3VuZHMgfSkgPT4gc2VsZWN0Qm91bmRzLmxlZnR9cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIHdpZHRoOiAkeyh7IHNlbGVjdEJvdW5kcyB9KSA9PiBzZWxlY3RCb3VuZHMud2lkdGh9cHg7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogMCAwIDEwcHggMCAjMDAwMDAwM2I7XG4gIG1heC1oZWlnaHQ6IDMwMHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgXG4gIDpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxufVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd247XG4iXX0= */"));
+}, "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+IChcbiAgPERyb3BEb3duXG4gICAgdGFiSW5kZXg9XCItMVwiXG4gICAgYXJpYS1leHBhbmRlZD1cInRydWVcIlxuICAgIHJvbGU9XCJsaXN0XCJcbiAgICBzZWxlY3RCb3VuZHM9e3BhcmVudFN0YXRlLnNlbGVjdEJvdW5kc31cbiAgICBkcm9wZG93bkdhcD17cGFyZW50UHJvcHMuZHJvcGRvd25HYXB9XG4gICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LWRyb3Bkb3duXCI+XG4gICAge3BhcmVudFByb3BzLmRyb3Bkb3duUmVuZGVyZXIgPyAoXG4gICAgICBwYXJlbnRQcm9wcy5kcm9wZG93blJlbmRlcmVyKHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgICApIDogKFxuICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICB7cGFyZW50TWV0aG9kcy5zZWFyY2hSZXN1bHRzKCkubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgIDxOb0RhdGFcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1uby1kYXRhXCJcbiAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAgIHBhcmVudFByb3BzPXtwYXJlbnRQcm9wc31cbiAgICAgICAgICAgIHBhcmVudE1ldGhvZHM9e3BhcmVudE1ldGhvZHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwYXJlbnRNZXRob2RzXG4gICAgICAgICAgICAuc2VhcmNoUmVzdWx0cygpXG4gICAgICAgICAgICAubWFwKChpdGVtLCBpdGVtSW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEl0ZW1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW1bcGFyZW50UHJvcHMudmFsdWVGaWVsZF19XG4gICAgICAgICAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgICAgICAgICAgICBpbmRleD17aXRlbUluZGV4fVxuICAgICAgICAgICAgICAgIHBhcmVudFN0YXRlPXtwYXJlbnRTdGF0ZX1cbiAgICAgICAgICAgICAgICBwYXJlbnRQcm9wcz17cGFyZW50UHJvcHN9XG4gICAgICAgICAgICAgICAgcGFyZW50TWV0aG9kcz17cGFyZW50TWV0aG9kc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkpXG4gICAgICAgICl9XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICl9XG4gIDwvRHJvcERvd24+XG4pO1xuXG5Ecm9wZG93bi5wcm9wVHlwZXMgPSB7fTtcblxuY29uc3QgRHJvcERvd24gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogJHsoeyBzZWxlY3RCb3VuZHMsIGRyb3Bkb3duR2FwIH0pID0+IHNlbGVjdEJvdW5kcy5ib3R0b20gKyBkcm9wZG93bkdhcH1weDtcbiAgbGVmdDogJHsoeyBzZWxlY3RCb3VuZHMgfSkgPT4gc2VsZWN0Qm91bmRzLmxlZnR9cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIHdpZHRoOiAkeyh7IHNlbGVjdEJvdW5kcyB9KSA9PiBzZWxlY3RCb3VuZHMud2lkdGh9cHg7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogMCAwIDEwcHggMCAjMDAwMDAwM2I7XG4gIG1heC1oZWlnaHQ6IDMwMHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgXG4gIDpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxufVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd247XG4iXX0= */"));
 var _default = Dropdown;
 exports.default = _default;

dist/components/DropdownHandle.js

@@ -23,2 +23,3 @@ "use strict";
     },
+    dropdownOpen: parentState.dropdown,
     onKeyPress: function onKeyPress() {
@@ -31,3 +32,14 @@ return parentMethods.dropDown();
     className: "react-dropdown-select-dropdown-handle"
-  }, parentState.dropdown ? _react.default.createElement(_react.default.Fragment, null, "\u203A") : _react.default.createElement(_react.default.Fragment, null, "\u2039"));
+  }, _react.default.createElement("svg", {
+    viewBox: "0 0 10 10",
+    className: "react-dropdown-select-dropdown-handle-svg"
+  }, _react.default.createElement("path", {
+    className: "react-dropdown-select-dropdown-handle-svg-path",
+    d: "M2,5 L5,3 L8,5",
+    fill: "none",
+    strokeWidth: "2",
+    stroke: "#000",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
 };
@@ -39,11 +51,7 @@
   label: "DropdownHandleComponent"
-})(process.env.NODE_ENV === "production" ? {
-  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: "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= */"
-});
+})("width:10px;text-align:center;transform:", function (_ref2) {
+  var dropdownOpen = _ref2.dropdownOpen;
+  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= */"));
 var _default = dropdownHandle;
 exports.default = _default;

dist/components/Item.js

@@ -23,4 +23,4 @@ "use strict";
     "aria-selected": parentMethods.isSelected(item),
-    "aria-label": item.label,
-    key: "".concat(item.value).concat(item.label),
+    "aria-label": item[parentProps.labelField],
+    key: "".concat(item[parentProps.valueField]).concat(item[parentProps.labelField]),
     tabIndex: "-1",
@@ -34,3 +34,3 @@ className: "react-dropdown-select-item ".concat(parentMethods.isSelected(item) ? 'react-dropdown-select-item-selected' : ''),
     }
-  }, item.label);
+  }, item[parentProps.labelField]);
 };
@@ -48,5 +48,5 @@
   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= */"
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0l0ZW0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JpQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9JdGVtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgSXRlbSA9ICh7IHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcywgaXRlbSwgaXRlbUluZGV4IH0pID0+XG4gIHBhcmVudFByb3BzLml0ZW1SZW5kZXJlciA/IChcbiAgICBwYXJlbnRQcm9wcy5pdGVtUmVuZGVyZXIoaXRlbSwgaXRlbUluZGV4LCBwYXJlbnRQcm9wcywgcGFyZW50U3RhdGUsIHBhcmVudE1ldGhvZHMpXG4gICkgOiAoXG4gICAgPEl0ZW1Db21wb25lbnRcbiAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgYXJpYS1zZWxlY3RlZD17cGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pfVxuICAgICAgYXJpYS1sYWJlbD17aXRlbVtwYXJlbnRQcm9wcy5sYWJlbEZpZWxkXX1cbiAgICAgIGtleT17YCR7aXRlbVtwYXJlbnRQcm9wcy52YWx1ZUZpZWxkXX0ke2l0ZW1bcGFyZW50UHJvcHMubGFiZWxGaWVsZF19YH1cbiAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgY2xhc3NOYW1lPXtgcmVhY3QtZHJvcGRvd24tc2VsZWN0LWl0ZW0gJHtcbiAgICAgICAgcGFyZW50TWV0aG9kcy5pc1NlbGVjdGVkKGl0ZW0pID8gJ3JlYWN0LWRyb3Bkb3duLXNlbGVjdC1pdGVtLXNlbGVjdGVkJyA6ICcnXG4gICAgICB9YH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX1cbiAgICAgIG9uS2V5UHJlc3M9eygpID0+IHBhcmVudE1ldGhvZHMuYWRkSXRlbShpdGVtKX0+XG4gICAgICB7aXRlbVtwYXJlbnRQcm9wcy5sYWJlbEZpZWxkXX1cbiAgICA8L0l0ZW1Db21wb25lbnQ+XG4gICk7XG5cbkl0ZW0ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IEl0ZW1Db21wb25lbnQgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMTBweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2ZmZjtcblxuICA6aG92ZXIsXG4gIDpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogI2YyZjJmMjtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJi5yZWFjdC1kcm9wZG93bi1zZWxlY3QtaXRlbS1zZWxlY3RlZCB7XG4gICAgYmFja2dyb3VuZDogZGVlcHNreWJsdWU7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmZmY7XG4gIH1cblxuICBpbnB1dCB7XG4gICAgJlt0eXBlPSdjaGVja2JveCddIHtcbiAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICAgIG1hcmdpbjogMCAxMHB4IDAgMDtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZW07XG4iXX0= */"
 });
 var _default = Item;
 exports.default = _default;

dist/components/Option.js

@@ -25,3 +25,3 @@ "use strict";
     className: "react-dropdown-select-option-label"
-  }, parentItem.label), _react.default.createElement("span", {
+  }, parentItem[parentProps.labelField]), _react.default.createElement("span", {
     className: "react-dropdown-select-option-remove",
@@ -44,5 +44,5 @@ onClick: function onClick(event) {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IE9wdGlvbiA9ICh7IHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PlxuICBwYXJlbnRJdGVtICYmIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyKHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgKSA6IChcbiAgICA8T3B0aW9uQ29tcG9uZW50XG4gICAgICByb2xlPVwibGlzdGl0ZW1cIlxuICAgICAgZGlzYWJsZWQ9e3BhcmVudFByb3BzLmRpc2FibGVkfVxuICAgICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvblwiPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1sYWJlbFwiPntwYXJlbnRJdGVtLmxhYmVsfTwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1vcHRpb24tcmVtb3ZlXCJcbiAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBwYXJlbnRNZXRob2RzLnJlbW92ZUl0ZW0oZXZlbnQsIHBhcmVudEl0ZW0sIHRydWUpfT5cbiAgICAgICAgJnRpbWVzO1xuICAgICAgPC9zcGFuPlxuICAgIDwvT3B0aW9uQ29tcG9uZW50PlxuICApO1xuXG5PcHRpb24ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IE9wdGlvbkNvbXBvbmVudCA9IHN0eWxlZC5zcGFuYFxuICBwYWRkaW5nOiAwIDVweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBsaW5lLWhlaWdodDogMjFweDtcbiAgbWFyZ2luOiAzcHggMCAzcHggNXB4O1xuICBiYWNrZ3JvdW5kOiBkZWVwc2t5Ymx1ZTtcbiAgY29sb3I6ICNmZmY7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAucmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1yZW1vdmUge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB3aWR0aDogMjJweDtcbiAgICBoZWlnaHQ6IDIycHg7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBtYXJnaW46IDAgLTVweCAwIDBweDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDNweCAzcHggMDtcblxuICAgIDpob3ZlciB7XG4gICAgICBjb2xvcjogdG9tYXRvO1xuICAgIH1cbiAgfVxuXG4gIDpob3ZlcixcbiAgOmhvdmVyID4gc3BhbiB7XG4gICAgYmFja2dyb3VuZDogIzAwYTdlNjtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL09wdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IE9wdGlvbiA9ICh7IHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcyB9KSA9PlxuICBwYXJlbnRJdGVtICYmIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyID8gKFxuICAgIHBhcmVudFByb3BzLm9wdGlvblJlbmRlcmVyKHBhcmVudEl0ZW0sIHBhcmVudFByb3BzLCBwYXJlbnRTdGF0ZSwgcGFyZW50TWV0aG9kcylcbiAgKSA6IChcbiAgICA8T3B0aW9uQ29tcG9uZW50XG4gICAgICByb2xlPVwibGlzdGl0ZW1cIlxuICAgICAgZGlzYWJsZWQ9e3BhcmVudFByb3BzLmRpc2FibGVkfVxuICAgICAgY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvblwiPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwicmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1sYWJlbFwiPntwYXJlbnRJdGVtW3BhcmVudFByb3BzLmxhYmVsRmllbGRdfTwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzTmFtZT1cInJlYWN0LWRyb3Bkb3duLXNlbGVjdC1vcHRpb24tcmVtb3ZlXCJcbiAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBwYXJlbnRNZXRob2RzLnJlbW92ZUl0ZW0oZXZlbnQsIHBhcmVudEl0ZW0sIHRydWUpfT5cbiAgICAgICAgJnRpbWVzO1xuICAgICAgPC9zcGFuPlxuICAgIDwvT3B0aW9uQ29tcG9uZW50PlxuICApO1xuXG5PcHRpb24ucHJvcFR5cGVzID0ge307XG5cbmNvbnN0IE9wdGlvbkNvbXBvbmVudCA9IHN0eWxlZC5zcGFuYFxuICBwYWRkaW5nOiAwIDVweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBsaW5lLWhlaWdodDogMjFweDtcbiAgbWFyZ2luOiAzcHggMCAzcHggNXB4O1xuICBiYWNrZ3JvdW5kOiBkZWVwc2t5Ymx1ZTtcbiAgY29sb3I6ICNmZmY7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAucmVhY3QtZHJvcGRvd24tc2VsZWN0LW9wdGlvbi1yZW1vdmUge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB3aWR0aDogMjJweDtcbiAgICBoZWlnaHQ6IDIycHg7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBtYXJnaW46IDAgLTVweCAwIDBweDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDNweCAzcHggMDtcblxuICAgIDpob3ZlciB7XG4gICAgICBjb2xvcjogdG9tYXRvO1xuICAgIH1cbiAgfVxuXG4gIDpob3ZlcixcbiAgOmhvdmVyID4gc3BhbiB7XG4gICAgYmFja2dyb3VuZDogIzAwYTdlNjtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"
 });
 var _default = Option;
 exports.default = _default;

dist/index.js

@@ -174,3 +174,3 @@ "use strict";
         values: _this.state.values.filter(function (values) {
-          return values.value !== item.value;
+          return values[_this.props.valueField] !== item[_this.props.valueField];
         })
@@ -227,3 +227,3 @@ });
       return _this.props.options.filter(function (item) {
-        return regexp.test(item[_this.props.searchBy] || item.label);
+        return regexp.test(item[_this.props.searchBy] || item[[_this.props.labelField]]);
       });
@@ -389,2 +389,4 @@ });
   debounceDelay: 0,
+  labelField: 'label',
+  valueField: 'value',
   onDropdownOpen: function onDropdownOpen() {
@@ -409,4 +411,4 @@ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxVHNDIiwiZmlsZSI6Ii4uL3NyYy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENsaWNrT3V0SGFuZGxlciBmcm9tICdyZWFjdC1vbmNsaWNrb3V0JztcblxuaW1wb3J0IENvbnRlbnQgZnJvbSAnLi9jb21wb25lbnRzL0NvbnRlbnQnO1xuaW1wb3J0IERyb3Bkb3duIGZyb20gJy4vY29tcG9uZW50cy9Ecm9wZG93bic7XG5pbXBvcnQgTG9hZGluZyBmcm9tICcuL2NvbXBvbmVudHMvTG9hZGluZyc7XG5pbXBvcnQgQ2xlYXIgZnJvbSAnLi9jb21wb25lbnRzL0NsZWFyJztcbmltcG9ydCBTZXBhcmF0b3IgZnJvbSAnLi9jb21wb25lbnRzL1NlcGFyYXRvcic7XG5pbXBvcnQgRHJvcGRvd25IYW5kbGUgZnJvbSAnLi9jb21wb25lbnRzL0Ryb3Bkb3duSGFuZGxlJztcblxuY29uc3QgZGVib3VuY2UgPSAoZm4sIGRlbGF5ID0gMCkgPT4ge1xuICBsZXQgdGltZXJJZDtcblxuICByZXR1cm4gKC4uLmFyZ3MpID0+IHtcbiAgICBpZiAodGltZXJJZCkge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVySWQpO1xuICAgIH1cbiAgICB0aW1lcklkID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBmbiguLi5hcmdzKTtcbiAgICAgIHRpbWVySWQgPSBudWxsO1xuICAgIH0sIGRlbGF5KTtcbiAgfTtcbn07XG5cbmV4cG9ydCBjbGFzcyBTZWxlY3QgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG9uRHJvcGRvd25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgb25Ecm9wZG93bk9wZW46IFByb3BUeXBlcy5mdW5jLFxuICAgIG9uQ2xlYXJBbGw6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9uU2VsZWN0QWxsOiBQcm9wVHlwZXMuZnVuYyxcbiAgICB2YWx1ZXM6IFByb3BUeXBlcy5hcnJheSxcbiAgICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXkuaXNSZXF1aXJlZCxcbiAgICBrZWVwT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gICAgZHJvcGRvd25HYXA6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgbXVsdGk6IFByb3BUeXBlcy5ib29sLFxuICAgIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGFkZFBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgbG9hZGluZzogUHJvcFR5cGVzLmJvb2wsXG4gICAgY2xlYXJhYmxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzZXBhcmF0b3I6IFByb3BUeXBlcy5ib29sLFxuICAgIGRyb3Bkb3duSGFuZGxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzZWFyY2hCeTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbG9zZU9uU2Nyb2xsOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBzdHlsZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjb250ZW50UmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGRyb3Bkb3duUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGl0ZW1SZW5kZXJlcjogUHJvcFR5cGVzLmZ1bmMsXG4gICAgbm9EYXRhUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9wdGlvblJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBpbnB1dFJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBsb2FkaW5nUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGNsZWFyUmVuZGVyZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIHNlcGFyYXRvclJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBkcm9wZG93bkhhbmRsZVJlbmRlcmVyOiBQcm9wVHlwZXMuZnVuY1xuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuXG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGRyb3Bkb3duOiBmYWxzZSxcbiAgICAgIHZhbHVlczogcHJvcHMudmFsdWVzLFxuICAgICAgc2VhcmNoOiAnJyxcbiAgICAgIHNlbGVjdEJvdW5kczoge31cbiAgICB9O1xuXG4gICAgdGhpcy5tZXRob2RzID0ge1xuICAgICAgcmVtb3ZlSXRlbTogdGhpcy5yZW1vdmVJdGVtLFxuICAgICAgZHJvcERvd246IHRoaXMuZHJvcERvd24sXG4gICAgICBhZGRJdGVtOiB0aGlzLmFkZEl0ZW0sXG4gICAgICBzZXRTZWFyY2g6IHRoaXMuc2V0U2VhcmNoLFxuICAgICAgZ2V0SW5wdXRTaXplOiB0aGlzLmdldElucHV0U2l6ZSxcbiAgICAgIHRvZ2dsZVNlbGVjdEFsbDogdGhpcy50b2dnbGVTZWxlY3RBbGwsXG4gICAgICBjbGVhckFsbDogdGhpcy5jbGVhckFsbCxcbiAgICAgIHNlbGVjdEFsbDogdGhpcy5zZWxlY3RBbGwsXG4gICAgICBzZWFyY2hSZXN1bHRzOiB0aGlzLnNlYXJjaFJlc3VsdHMsXG4gICAgICBnZXRTZWxlY3RSZWY6IHRoaXMuZ2V0U2VsZWN0UmVmLFxuICAgICAgaXNTZWxlY3RlZDogdGhpcy5pc1NlbGVjdGVkLFxuICAgICAgZ2V0U2VsZWN0Qm91bmRzOiB0aGlzLmdldFNlbGVjdEJvdW5kc1xuICAgIH07XG5cbiAgICB0aGlzLnNlbGVjdCA9IFJlYWN0LmNyZWF0ZVJlZigpO1xuICB9XG5cbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIGRlYm91bmNlKHRoaXMudXBkYXRlU2VsZWN0Qm91bmRzKSk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGRlYm91bmNlKHRoaXMub25TY3JvbGwpKTtcblxuICAgIHRoaXMucHJvcHMub25DaGFuZ2UodGhpcy5zdGF0ZS52YWx1ZXMpO1xuXG4gICAgdGhpcy5kcm9wRG93bignY2xvc2UnKTtcblxuICAgIGlmICh0aGlzLnNlbGVjdCkge1xuICAgICAgdGhpcy51cGRhdGVTZWxlY3RCb3VuZHMoKTtcbiAgICB9XG4gIH1cblxuICBjb21wb25lbnREaWRVcGRhdGUocHJldlByb3BzLCBwcmV2U3RhdGUpIHtcbiAgICBpZiAocHJldlN0YXRlLnZhbHVlcyAhPT0gdGhpcy5zdGF0ZS52YWx1ZXMpIHtcbiAgICAgIHRoaXMucHJvcHMub25DaGFuZ2UodGhpcy5zdGF0ZS52YWx1ZXMpO1xuICAgICAgdGhpcy51cGRhdGVTZWxlY3RCb3VuZHMoKTtcbiAgICB9XG5cbiAgICBpZiAocHJldlByb3BzLm11bHRpICE9PSB0aGlzLnByb3BzLm11bHRpKSB7XG4gICAgICB0aGlzLnVwZGF0ZVNlbGVjdEJvdW5kcygpO1xuICAgIH1cblxuICAgIGlmIChwcmV2U3RhdGUuZHJvcGRvd24gJiYgcHJldlN0YXRlLmRyb3Bkb3duICE9PSB0aGlzLnN0YXRlLmRyb3Bkb3duLCB0aGlzLnByb3BzLmRlYm91bmNlRGVsYXkpIHtcbiAgICAgIHRoaXMucHJvcHMub25Ecm9wZG93bkNsb3NlKCk7XG4gICAgfVxuXG4gICAgaWYgKCFwcmV2U3RhdGUuZHJvcGRvd24gJiYgcHJldlN0YXRlLmRyb3Bkb3duICE9PSB0aGlzLnN0YXRlLmRyb3Bkb3duLCB0aGlzLnByb3BzLmRlYm91bmNlRGVsYXkpIHtcbiAgICAgIHRoaXMucHJvcHMub25Ecm9wZG93bk9wZW4oKTtcbiAgICB9XG4gIH1cblxuICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgZGVib3VuY2UodGhpcy51cGRhdGVTZWxlY3RCb3VuZHMsIHRoaXMucHJvcHMuZGVib3VuY2VEZWxheSkpO1xuICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBkZWJvdW5jZSh0aGlzLm9uU2Nyb2xsLCB0aGlzLnByb3BzLmRlYm91bmNlRGVsYXkpKTtcbiAgfVxuXG4gIG9uU2Nyb2xsID0gKCkgPT4ge1xuICAgIGlmKHRoaXMucHJvcHMuY2xvc2VPblNjcm9sbCkge1xuICAgICAgdGhpcy5kcm9wRG93bignY2xvc2UnKTtcbiAgICB9XG5cbiAgICB0aGlzLnVwZGF0ZVNlbGVjdEJvdW5kcygpO1xuICB9O1xuXG4gIHVwZGF0ZVNlbGVjdEJvdW5kcyA9ICgpID0+XG4gICAgdGhpcy5zZWxlY3QuY3VycmVudCAmJiB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHNlbGVjdEJvdW5kczogdGhpcy5zZWxlY3QuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgIH0pO1xuXG4gIGdldFNlbGVjdEJvdW5kcyA9ICgpID0+IHRoaXMuc3RhdGUuc2VsZWN0Qm91bmRzO1xuXG4gIGRyb3BEb3duID0gKGFjdGlvbiA9ICd0b2dnbGUnKSA9PiB7XG4gICAgaWYgKHRoaXMucHJvcHMua2VlcE9wZW4pIHtcbiAgICAgIHJldHVybiB0aGlzLnNldFN0YXRlKHsgZHJvcGRvd246IHRydWUgfSk7XG4gICAgfVxuXG4gICAgaWYgKGFjdGlvbiA9PT0gJ2Nsb3NlJykge1xuICAgICAgcmV0dXJuIHRoaXMuc2V0U3RhdGUoeyBkcm9wZG93bjogZmFsc2UsIHNlYXJjaDogJycgfSk7XG4gICAgfVxuXG4gICAgaWYgKGFjdGlvbiA9PT0gJ29wZW4nKSB7XG4gICAgICByZXR1cm4gdGhpcy5zZXRTdGF0ZSh7IGRyb3Bkb3duOiB0cnVlIH0pO1xuICAgIH1cblxuICAgIGlmIChhY3Rpb24gPT09ICd0b2dnbGUnKSB7XG4gICAgICByZXR1cm4gdGhpcy5zZXRTdGF0ZSh7IGRyb3Bkb3duOiAhdGhpcy5zdGF0ZS5kcm9wZG93biB9KTtcbiAgICB9XG5cbiAgICByZXR1cm4gZmFsc2U7XG4gIH07XG5cbiAgZ2V0U2VsZWN0UmVmID0gKCkgPT4gdGhpcy5zZWxlY3QuY3VycmVudDtcblxuICBhZGRJdGVtID0gKGl0ZW0pID0+IHtcbiAgICBpZiAodGhpcy5wcm9wcy5tdWx0aSkge1xuICAgICAgaWYgKHRoaXMuc3RhdGUudmFsdWVzLmluZGV4T2YoaXRlbSkgIT09IC0xKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlbW92ZUl0ZW0obnVsbCwgaXRlbSwgZmFsc2UpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgdmFsdWVzOiBbLi4udGhpcy5zdGF0ZS52YWx1ZXMsIGl0ZW1dXG4gICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgIHZhbHVlczogW2l0ZW1dLFxuICAgICAgICBkcm9wZG93bjogZmFsc2UsXG4gICAgICAgIHNlYXJjaDogJydcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHJldHVybiB0cnVlO1xuICB9O1xuXG4gIHJlbW92ZUl0ZW0gPSAoZXZlbnQsIGl0ZW0sIGNsb3NlID0gZmFsc2UpID0+IHtcbiAgICBpZiAoZXZlbnQgJiYgY2xvc2UpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIHRoaXMuZHJvcERvd24oJ2Nsb3NlJyk7XG4gICAgfVxuXG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICB2YWx1ZXM6IHRoaXMuc3RhdGUudmFsdWVzLmZpbHRlcigodmFsdWVzKSA9PiB2YWx1ZXMudmFsdWUgIT09IGl0ZW0udmFsdWUpXG4gICAgfSk7XG4gIH07XG5cbiAgc2V0U2VhcmNoID0gKGV2ZW50KSA9PlxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgc2VhcmNoOiBldmVudC50YXJnZXQudmFsdWVcbiAgICB9KTtcblxuICBnZXRJbnB1dFNpemUgPSAoKSA9PiB7XG4gICAgaWYgKHRoaXMuc3RhdGUuc2VhcmNoKSB7XG4gICAgICByZXR1cm4gdGhpcy5zdGF0ZS5zZWFyY2gubGVuZ3RoO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnN0YXRlLnZhbHVlcy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gdGhpcy5wcm9wcy5hZGRQbGFjZWhvbGRlci5sZW5ndGg7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMucHJvcHMucGxhY2Vob2xkZXIubGVuZ3RoO1xuICB9O1xuXG4gIHRvZ2dsZVNlbGVjdEFsbCA9ICgpID0+IHtcbiAgICByZXR1cm4gdGhpcy5zZXRTdGF0ZSh7XG4gICAgICB2YWx1ZXM6IHRoaXMuc3RhdGUudmFsdWVzLmxlbmd0aCA9PT0gMCA/IHRoaXMuc2VsZWN0QWxsKCkgOiB0aGlzLmNsZWFyQWxsKClcbiAgICB9KTtcbiAgfTtcblxuICBjbGVhckFsbCA9ICgpID0+IHtcbiAgICB0aGlzLnByb3BzLm9uQ2xlYXJBbGwoKTtcbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZhbHVlczogW11cbiAgICB9KTtcbiAgfTtcblxuICBzZWxlY3RBbGwgPSAoKSA9PiB7XG4gICAgdGhpcy5wcm9wcy5vblNlbGVjdEFsbCgpO1xuICAgIHJldHVybiB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZhbHVlczogdGhpcy5wcm9wcy5vcHRpb25zXG4gICAgfSk7XG4gIH07XG5cbiAgaXNTZWxlY3RlZCA9IChvcHRpb24pID0+IHRoaXMuc3RhdGUudmFsdWVzLmluZGV4T2Yob3B0aW9uKSAhPT0gLTE7XG5cbiAgc2VhcmNoUmVzdWx0cyA9ICgpID0+IHtcbiAgICBjb25zdCByZWdleHAgPSBuZXcgUmVnRXhwKHRoaXMuc3RhdGUuc2VhcmNoLCAnaScpO1xuXG4gICAgcmV0dXJuIHRoaXMucHJvcHMub3B0aW9ucy5maWx0ZXIoKGl0ZW0pID0+XG4gICAgICByZWdleHAudGVzdChpdGVtW3RoaXMucHJvcHMuc2VhcmNoQnldIHx8IGl0ZW0ubGFiZWwpXG4gICAgKTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGlja091dEhhbmRsZXIgb25DbGlja091dD17KCkgPT4gdGhpcy5kcm9wRG93bignY2xvc2UnKX0+XG4gICAgICAgIDxSZWFjdERyb3Bkb3duU2VsZWN0XG4gICAgICAgICAgc3R5bGU9e3RoaXMucHJvcHMuc3R5bGV9XG4gICAgICAgICAgcmVmPXt0aGlzLnNlbGVjdH1cbiAgICAgICAgICBkaXNhYmxlZD17dGhpcy5wcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgICBjbGFzc05hbWU9e3RoaXMucHJvcHMuY2xhc3NOYW1lfT5cbiAgICAgICAgICA8Q29udGVudCBwYXJlbnRQcm9wcz17dGhpcy5wcm9wc30gcGFyZW50U3RhdGU9e3RoaXMuc3RhdGV9IHBhcmVudE1ldGhvZHM9e3RoaXMubWV0aG9kc30gLz5cblxuICAgICAgICAgIHt0aGlzLnByb3BzLmxvYWRpbmcgJiYgPExvYWRpbmcgcGFyZW50UHJvcHM9e3RoaXMucHJvcHN9IC8+fVxuXG4gICAgICAgICAge3RoaXMucHJvcHMuY2xlYXJhYmxlICYmIChcbiAgICAgICAgICAgIDxDbGVhciBwYXJlbnRQcm9wcz17dGhpcy5wcm9wc30gcGFyZW50U3RhdGU9e3RoaXMuc3RhdGV9IHBhcmVudE1ldGhvZHM9e3RoaXMubWV0aG9kc30gLz5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAge3RoaXMucHJvcHMuc2VwYXJhdG9yICYmIChcbiAgICAgICAgICAgIDxTZXBhcmF0b3JcbiAgICAgICAgICAgICAgcGFyZW50UHJvcHM9e3RoaXMucHJvcHN9XG4gICAgICAgICAgICAgIHBhcmVudFN0YXRlPXt0aGlzLnN0YXRlfVxuICAgICAgICAgICAgICBwYXJlbnRNZXRob2RzPXt0aGlzLm1ldGhvZHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5kcm9wZG93bkhhbmRsZSAmJiAoXG4gICAgICAgICAgICA8RHJvcGRvd25IYW5kbGVcbiAgICAgICAgICAgICAgcGFyZW50UHJvcHM9e3RoaXMucHJvcHN9XG4gICAgICAgICAgICAgIHBhcmVudFN0YXRlPXt0aGlzLnN0YXRlfVxuICAgICAgICAgICAgICBwYXJlbnRNZXRob2RzPXt0aGlzLm1ldGhvZHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICB7dGhpcy5zdGF0ZS5kcm9wZG93biAmJiAoXG4gICAgICAgICAgICA8RHJvcGRvd25cbiAgICAgICAgICAgICAgcGFyZW50UHJvcHM9e3RoaXMucHJvcHN9XG4gICAgICAgICAgICAgIHBhcmVudFN0YXRlPXt0aGlzLnN0YXRlfVxuICAgICAgICAgICAgICBwYXJlbnRNZXRob2RzPXt0aGlzLm1ldGhvZHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvUmVhY3REcm9wZG93blNlbGVjdD5cbiAgICAgIDwvQ2xpY2tPdXRIYW5kbGVyPlxuICAgICk7XG4gIH1cbn1cblxuU2VsZWN0LmRlZmF1bHRQcm9wcyA9IHtcbiAgYWRkUGxhY2Vob2xkZXI6ICcrJyxcbiAgcGxhY2Vob2xkZXI6ICdTZWxlY3QuLi4nLFxuICB2YWx1ZXM6IFtdLFxuICBvcHRpb25zOiBbXSxcbiAgbXVsdGk6IGZhbHNlLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIHNlYXJjaEJ5OiAnbGFiZWwnLFxuICBjbGVhcmFibGU6IHRydWUsXG4gIGRyb3Bkb3duSGFuZGxlOiB0cnVlLFxuICBzZXBhcmF0b3I6IHRydWUsXG4gIGtlZXBPcGVuOiB1bmRlZmluZWQsXG4gIG5vRGF0YUxhYmVsOiAnTm8gZGF0YScsXG4gIGRyb3Bkb3duR2FwOiA1LFxuICBjbG9zZU9uU2Nyb2xsOiBmYWxzZSxcbiAgZGVib3VuY2VEZWxheTogMCxcbiAgb25Ecm9wZG93bk9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25Ecm9wZG93bkNsb3NlOiAoKSA9PiB1bmRlZmluZWQsXG4gIG9uQ2xlYXJBbGw6ICgpID0+IHVuZGVmaW5lZCxcbiAgb25TZWxlY3RBbGw6ICgpID0+IHVuZGVmaW5lZFxufTtcblxuY29uc3QgUmVhY3REcm9wZG93blNlbGVjdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIHBhZGRpbmc6IDJweCA1cHg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1pbi1oZWlnaHQ6IDM2cHg7XG4gICR7KHsgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZCA/ICdjdXJzb3I6IG5vdC1hbGxvd2VkO3BvaW50ZXItZXZlbnRzOiBub25lO29wYWNpdHk6IDAuMzsnIDogJ3BvaW50ZXItZXZlbnRzOiBhbGw7J31cblxuICA6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6IGRlZXBza3libHVlO1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBTZWxlY3Q7XG4iXX0= */"));
+}, ":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== */"));
 var _default = Select;
 exports.default = _default;

package.json

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

README.md

@@ -37,39 +37,38 @@ # 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,
-	closeOnScroll: PropTypes.bool,
-
-#### 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
+| Props                  | Type   | Default     | Description                                                                                 |
+|------------------------|--------|-------------|---------------------------------------------------------------------------------------------|
+| **Component props** ||||
+| values                 | array  | []          | Selected values                                                                             |
+| options                | array  | []          | Available options                                                                           |
+| keepOpen               | bool   | false       | If true, dropdown will always stay open (good for debugging)                                |
+| dropdownGap            | number | 5           | Gap between select element and dropdown                                                     |
+| multi                  | bool   | false        | If true - will act as multi-select, if false - only one option will be selected at the time |
+| placeholder            | string | "Select..." | Placeholder shown where there are no selected values                                        |
+| addPlaceholder         | string | "+"         | Secondary placeholder on search field if any value selected                                 |
+| disabled               | bool   | false       | Disable select and all interactions                                                         |
+| style                  | object | {}          | style object to pass to sselect                                                             |
+| className              | string |             | CSS class attribute to pass to sselect                                                      |
+| loading                | bool   | false       | loading indicator                                                                           |
+| clearable              | bool   | true        | Clear all indicator                                                                         |
+| separator              | bool   | true        | Separator line between close all and dropdown handle                                        |
+| dropdownHandle         | bool   | true        | dropdown handle to open/close dropdown                                                      |
+| searchBy               | string | label       | search by object property in values                                                         |
+| labelField               | string | "label"       | field in data to use for label                                                         |
+| valueField               | string | "value"       | field in data to use for value                                                         |
+| closeOnScroll          | bool   | false       | If true, scrolling the page will close the dropdown                                         |
+| **Callback props** ||||
+| onChange               | func   |             | On values change callback, returns array of values objects |
+| onDropdownClose        | func   |             | fires upon dropdown close                                                                   |
+| onDropdownOpen         | func   |             | fires upon dropdown open                                                                    |
+| onClearAll             | func   |             | fires upon clearing all values (via custom renderers)                                       |
+| onSelectAll            | func   |             | fires upon selecting all values (via custom renderers)                                      |
+| [contentRenderer](https://sanusart.github.io/react-dropdown-select/prop/content-renderer)        | func   |             | Overrides internal content component (the contents of the select component)                |
+| [itemRenderer](https://sanusart.github.io/react-dropdown-select/prop/item-renderer)           | func   |             | Overrides internal item in a dropdown                                                       |
+| [noDataRenderer](https://sanusart.github.io/react-dropdown-select/prop/no-data-renderer)         | func   |             | Overrides internal "no data" (shown where search has no results)                            |
+| [optionRenderer](https://sanusart.github.io/react-dropdown-select/prop/option-renderer)         | func   |             | Overrides internal option (the pillow with an "x") on the select content                    |
+| [inputRenderer](https://sanusart.github.io/react-dropdown-select/prop/input-renderer)          | func   |             | Overrides internal input text                                                               |
+| [loadingRenderer](https://sanusart.github.io/react-dropdown-select/prop/loading-renderer)        | func   |             | Overrides internal loading                                                                  |
+| [clearRenderer](https://sanusart.github.io/react-dropdown-select/prop/clear-renderer)          | func   |             | Overrides internal clear button                                                             |
+| [separatorRenderer](https://sanusart.github.io/react-dropdown-select/prop/separator-renderer)      | func   |             | Overrides internal separator                                                                |
+| [dropdownRenderer](https://sanusart.github.io/react-dropdown-select/prop/dropdown-renderer)       | func   |             | Overrides internal dropdown component                                                       |
+| [dropdownHandleRenderer](https://sanusart.github.io/react-dropdown-select/prop/dropdown-handle-renderer) | func   |             | Overrides internal dropdown handle                                                          |

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

71103

increased by9.52%

Lines of code

838

increased by1.82%

Worsened metrics

Number of lines in readme file

74

decreased by-1.33%

No dependency changes