react-bootstrap-select-dropdown
Advanced tools
Comparing version 1.3.2 to 1.3.3
@@ -11,2 +11,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); } | ||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
@@ -34,3 +36,7 @@ | ||
var BootstrapSelect = function BootstrapSelect(_ref, props) { | ||
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
var BootstrapSelect = function BootstrapSelect(_ref) { | ||
var _ref$error = _ref.error, | ||
@@ -62,3 +68,4 @@ error = _ref$error === void 0 ? false : _ref$error, | ||
onChange = _ref.onChange, | ||
onClose = _ref.onClose; | ||
onClose = _ref.onClose, | ||
props = _objectWithoutProperties(_ref, ["error", "disabled", "showSearch", "showAction", "showTick", "isMultiSelect", "selectStyle", "actionBtnStyle", "menuSize", "className", "defaultOptions", "options", "placeholder", "showCountOn", "onChange", "onClose"]); | ||
@@ -125,5 +132,9 @@ if (defaultOptions.length) { | ||
selectedKey = _useState16[0], | ||
setSelectedKey = _useState16[1]; // Hide menu items | ||
setSelectedKey = _useState16[1]; // Update options list on change option | ||
(0, _react.useEffect)(function () { | ||
setOptionsList(options); | ||
}, [options]); // Hide menu items | ||
var hideMenu = function hideMenu() { | ||
@@ -288,3 +299,4 @@ if (JSON.stringify(beforeOpenVal) !== JSON.stringify(selectedValue)) options.length > 0 && onClose && onClose({ | ||
}; | ||
}, [handleClickOutside]); | ||
}, [handleClickOutside]); // Handle window events | ||
(0, _react.useEffect)(function () { | ||
@@ -308,6 +320,6 @@ // Handle event on window resize | ||
}); | ||
return /*#__PURE__*/_react["default"].createElement("div", { | ||
return /*#__PURE__*/_react["default"].createElement("div", _extends({ | ||
ref: selectEl, | ||
className: "".concat(showTick ? 'show-tick ' : '').concat(showSearch ? 'show-search ' : '').concat(disabled ? 'disabled ' : '', "dropdown hk--custom--select ").concat(className) | ||
}, /*#__PURE__*/_react["default"].createElement("button", { | ||
}, props), /*#__PURE__*/_react["default"].createElement("button", { | ||
type: "button", | ||
@@ -314,0 +326,0 @@ disabled: disabled, |
{ | ||
"name": "react-bootstrap-select-dropdown", | ||
"version": "1.3.2", | ||
"version": "1.3.3", | ||
"description": "", | ||
@@ -24,3 +24,10 @@ "main": "./dist/index.js", | ||
"keywords": [ | ||
"react", | ||
"bootstrap", | ||
"select", | ||
"dropdown", | ||
"bootstrap-select", | ||
"multiselect", | ||
"multi-select", | ||
"multiple-select", | ||
"react-bootstrap-select", | ||
@@ -31,3 +38,2 @@ "react-bootstrap-select-dropdown", | ||
"react-bootstrap-multi-select", | ||
"multi-select", | ||
"bootstrap-multi-select", | ||
@@ -38,10 +44,5 @@ "react-bootstrap-selectpicker", | ||
"bootstrap-multiple-select", | ||
"multiple-select", | ||
"multiselect-dropdown", | ||
"bootstrap-multiselect-dropdown", | ||
"react-bootstrap-multiselect-dropdown", | ||
"react", | ||
"bootstrap", | ||
"select", | ||
"dropdown" | ||
"react-bootstrap-multiselect-dropdown" | ||
], | ||
@@ -48,0 +49,0 @@ "author": "Hardik Kondhiya <sonihardik90@gmail.com>", |
41372
6
395