@commercetools-uikit/selectable-search-input 19.26.0 → 20.1.0

package/dist/commercetools-uikit-selectable-search-input.cjs.prod.js

@@ -14,7 +14,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _styled = require('@emotion/styled/base');
-require('prop-types');
 var _Object$fromEntries = require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -207,7 +206,6 @@ const SingleValue = _ref => {
     }))
   }));
 };
-SingleValue.propTypes = {};
 const SelectableSelect = props => {
   const intl = reactIntl.useIntl();
   const dropdownStyles = createSelectableSelectStyles({
@@ -252,10 +250,9 @@ const SelectableSelect = props => {
     })
   });
 };
-SelectableSelect.propTypes = {};
 var SelectableSelect$1 = SelectableSelect;
 
-const _excluded = ["horizontalConstraint", "isClearable", "menuHorizontalConstraint", "showSubmitButton", "menuPortalZIndex"];
+const _excluded = ["horizontalConstraint", "isClearable", "menuHorizontalConstraint", "showSubmitButton", "menuPortalZIndex", "onChange"];
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Container = /*#__PURE__*/_styled__default["default"]("div", {
@@ -289,6 +286,7 @@ const SelectableSearchInput = _ref3 => {
     showSubmitButton = _ref3$showSubmitButto === void 0 ? true : _ref3$showSubmitButto,
     _ref3$menuPortalZInde = _ref3.menuPortalZIndex,
     menuPortalZIndex = _ref3$menuPortalZInde === void 0 ? 1 : _ref3$menuPortalZInde,
+    onChange = _ref3.onChange,
     props = _objectWithoutProperties(_ref3, _excluded);
   const _useToggleState = hooks.useToggleState(false),
     _useToggleState2 = _slicedToArray(_useToggleState, 2),
@@ -309,7 +307,8 @@ const SelectableSearchInput = _ref3 => {
     isClearable,
     menuHorizontalConstraint,
     showSubmitButton,
-    menuPortalZIndex
+    menuPortalZIndex,
+    onChange
   }, props);
   const legacyDataProps = utils.filterDataAttributes(props);
   const transformedSelectDataProps = transformDataProps(props.selectDataProps);
@@ -362,8 +361,8 @@ const SelectableSearchInput = _ref3 => {
   };
   const handleTextInputChange = event => {
     setSearchValue(event.target.value);
-    if (props.onChange) {
-      props.onChange({
+    if (onChange) {
+      onChange({
         target: {
           id: SelectableSearchInput.getTextInputId(selectablSearchInputId),
           name: getTextInputName(props.name),
@@ -425,8 +424,8 @@ const SelectableSearchInput = _ref3 => {
   }, [onBlur, selectablSearchInputId, name]);
   const handleDropdownChange = react$1.useCallback(nextSelectedOptions => {
     setSearchOption(nextSelectedOptions.value);
-    if (props.onChange) {
-      props.onChange({
+    if (onChange) {
+      onChange({
         target: {
           id: SelectableSearchInput.getDropdownId(selectablSearchInputId),
           name: getDropdownName(name),
@@ -435,7 +434,7 @@ const SelectableSearchInput = _ref3 => {
       });
     }
     textInputRef.current?.focus();
-  }, [props.onChange, selectablSearchInputId, name]);
+  }, [onChange, selectablSearchInputId, name]);
   return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
     max: horizontalConstraint,
     children: jsxRuntime.jsxs(Container, {
@@ -512,7 +511,6 @@ const SelectableSearchInput = _ref3 => {
     })
   });
 };
-SelectableSearchInput.propTypes = {};
 SelectableSearchInput.displayName = 'SelectableSearchInput';
 SelectableSearchInput.isEmpty = formValue => {
   var _context3;
@@ -523,7 +521,7 @@ SelectableSearchInput.getDropdownId = getDropdownName;
 var SelectableSearchInput$1 = SelectableSearchInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.26.0";
+var version = "20.1.0";
 
 exports["default"] = SelectableSearchInput$1;
 exports.version = version;