@synerise/ds-search 0.8.87 → 0.8.88

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.8.88](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@0.8.87...@synerise/ds-search@0.8.88) (2024-04-25)
+
+
+### Bug Fixes
+
+* **search:** prevent toggling input if dropdown is open ([e601c44](https://github.com/Synerise/synerise-design/commit/e601c449acb9179229c41d7b0a8d053e4d5f810a))
+
+
+
+
+
 ## [0.8.87](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search@0.8.86...@synerise/ds-search@0.8.87) (2024-04-15)
 
 **Note:** Version bump only for package @synerise/ds-search

package/dist/Elements/SearchInput/SearchInput.js

@@ -1,7 +1,5 @@
 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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -16,16 +14,14 @@ import * as S from '../../Search.styles';
 import SearchButton from '../SearchButton/SearchButton';
 
 var SearchInput = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(SearchInput, _React$Component);
-
   function SearchInput(props) {
     var _this;
 
     _this = _React$Component.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
 
-    _defineProperty(_assertThisInitialized(_this), "inputRef", React.createRef());
+    _defineProperty(_this, "inputRef", React.createRef());
 
-    _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function () {
+    _defineProperty(_this, "componentDidUpdate", function () {
       var _this$props = _this.props,
           moveCursorToEnd = _this$props.moveCursorToEnd,
           value = _this$props.value;
@@ -37,11 +33,11 @@ var SearchInput = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "focusInput", function () {
+    _defineProperty(_this, "focusInput", function () {
       _this.inputRef.current && _this.inputRef.current.focus();
     });
 
-    _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
+    _defineProperty(_this, "toggleOpen", function () {
       var onToggle = _this.props.onToggle;
       var isInputOpen = _this.state.isInputOpen;
       onToggle && onToggle(!isInputOpen);
@@ -53,7 +49,7 @@ var SearchInput = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleSearchButtonClick", function () {
+    _defineProperty(_this, "handleSearchButtonClick", function () {
       var _this$props2 = _this.props,
           alwaysExpanded = _this$props2.alwaysExpanded,
           onButtonClick = _this$props2.onButtonClick;
@@ -67,7 +63,7 @@ var SearchInput = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleClearValue", function () {
+    _defineProperty(_this, "handleClearValue", function () {
       var onClear = _this.props.onClear;
 
       _this.setState({
@@ -80,7 +76,7 @@ var SearchInput = /*#__PURE__*/function (_React$Component) {
       onClear();
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleChangeValue", function (_ref) {
+    _defineProperty(_this, "handleChangeValue", function (_ref) {
       var value = _ref.target.value;
       var onChange = _this.props.onChange;
       onChange(value);
@@ -90,26 +86,28 @@ var SearchInput = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleSearchInputContentClick", function () {
+    _defineProperty(_this, "handleSearchInputContentClick", function () {
       var onClick = _this.props.onClick;
       onClick && onClick();
 
       _this.focusInput();
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleOffsetWithFilter", function (ref) {
+    _defineProperty(_this, "handleOffsetWithFilter", function (ref) {
       ref && _this.setState({
         inputOffset: ref.getBoundingClientRect().width
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleClickOutside", function () {
+    // This handler is used for onClickOutside HOC
+    _defineProperty(_this, "handleClickOutside", function () {
       var _this$props3 = _this.props,
           closeOnClickOutside = _this$props3.closeOnClickOutside,
           onToggle = _this$props3.onToggle,
-          value = _this$props3.value;
+          value = _this$props3.value,
+          filterLabel = _this$props3.filterLabel;
 
-      if (closeOnClickOutside && !value) {
+      if (closeOnClickOutside && !value && !filterLabel) {
         _this.setState({
           isInputOpen: false
         });
@@ -127,6 +125,8 @@ var SearchInput = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
+  _inheritsLoose(SearchInput, _React$Component);
+
   var _proto = SearchInput.prototype;
 
   _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {

package/dist/Search.js

@@ -2,8 +2,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -29,16 +27,15 @@ var getParametersScrollTop = function getParametersScrollTop(_ref) {
 };
 
 var Search = /*#__PURE__*/function (_React$PureComponent) {
-  _inheritsLoose(Search, _React$PureComponent);
-
   function Search(props) {
     var _this;
 
     _this = _React$PureComponent.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
 
-    _defineProperty(_assertThisInitialized(_this), "wrapperRef", React.createRef());
+    _defineProperty(_this, "wrapperRef", React.createRef());
 
-    _defineProperty(_assertThisInitialized(_this), "handleClickOutside", function () {
+    // This handler is used for onClickOutside HOC
+    _defineProperty(_this, "handleClickOutside", function () {
       var _this$state = _this.state,
           isInputOpen = _this$state.isInputOpen,
           label = _this$state.label,
@@ -59,7 +56,7 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleClearValue", function () {
+    _defineProperty(_this, "handleClearValue", function () {
       var _this$props2 = _this.props,
           parameters = _this$props2.parameters,
           recent = _this$props2.recent,
@@ -95,6 +92,8 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
     return _this;
   }
 
+  _inheritsLoose(Search, _React$PureComponent);
+
   var _proto = Search.prototype;
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
@@ -186,8 +185,7 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
     }
 
     return 0;
-  } // This handler is used for onClickOutside HOC
-  ;
+  };
 
   _proto.handleChange = function handleChange(currentValue) {
     var _this$props5 = this.props,
@@ -260,9 +258,11 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
         onParameterValueChange = _this$props8.onParameterValueChange,
         filterLookupKey = _this$props8.filterLookupKey,
         textLookupConfig = _this$props8.textLookupConfig;
+    var focusInputTrigger = this.state.focusInputTrigger;
     onValueChange('');
     this.setState({
       label: item,
+      focusInputTrigger: !focusInputTrigger,
       moveCursorToEnd: true
     });
 
@@ -399,6 +399,7 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
         alwaysExpanded = _this$props12.alwaysExpanded;
     var _this$state5 = this.state,
         label = _this$state5.label,
+        isListVisible = _this$state5.isListVisible,
         focusInputTrigger = _this$state5.focusInputTrigger,
         toggleInputTrigger = _this$state5.toggleInputTrigger,
         moveCursorToEnd = _this$state5.moveCursorToEnd;
@@ -446,7 +447,7 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
       disableInput: disableInput,
       inputProps: inputProps,
       alwaysExpanded: alwaysExpanded,
-      closeOnClickOutside: !alwaysExpanded
+      closeOnClickOutside: !alwaysExpanded && !isListVisible
     });
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-search",
-  "version": "0.8.87",
+  "version": "0.8.88",
   "description": "Search UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -56,5 +56,5 @@
     "@types/react-onclickoutside": "^6.7.4",
     "@types/react-window": "^1.8.5"
   },
-  "gitHead": "fcc57aef73d1309a366e4c6e80ce4defdd9f20f8"
+  "gitHead": "161a021c19407a11c92822eb2647907cdce5c516"
 }