intelicoreact 1.0.94 → 1.0.96

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js

@@ -32,6 +32,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var RC = 'dropdown-live-search';
+var notReact = {
+  searchValue: ''
+};
 
 var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   var value = _ref.value,
@@ -75,7 +78,12 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   var _useState5 = (0, _react.useState)(labelByValue),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       searchValue = _useState6[0],
-      setSearchValue = _useState6[1];
+      setSV = _useState6[1];
+
+  var setSearchValue = function setSearchValue(val) {
+    setSV(val);
+    notReact.searchValue = val;
+  };
 
   var dropdownLiveSearchRef = (0, _react.useRef)(null);
   var dropdownListBoxRef = (0, _react.useRef)(null);
@@ -169,6 +177,9 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
     return document.getElementById(dropdownId);
   };
 
+  (0, _react.useEffect)(function () {
+    if (!value) setSearchValue('');
+  }, [value]);
   (0, _react.useEffect)(function () {
     document.addEventListener('click', handleClickOutside, true);
     return function () {
@@ -225,7 +236,7 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   var doScrollCallback = (0, _react.useCallback)(function (e) {
     if (doRequest && typeof doRequest === 'function') {
       if (Math.round(e.target.clientHeight + e.target.scrollTop) == e.target.scrollHeight) {
-        doRequest(searchValue);
+        doRequest(notReact.searchValue, true);
       }
     }
   }, [options]);
@@ -258,7 +269,7 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", {
     ref: searchInputRef,
     className: "".concat(RC, "__input"),
-    value: searchValue,
+    value: searchValue || labelByValue,
     onChange: handle.onInputChange,
     placeholder: placeholder,
     onFocus: searchableInputFocus,

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss

@@ -58,7 +58,6 @@
     box-sizing: border-box;
     min-width: 100%;
     max-height: 320px;
-    margin-top: 4px;
     padding: 5px 0;
     border: 1px solid #E2E5EC;
     background: #FFF;
@@ -121,6 +120,7 @@
       }
 
       &--no-options {
+        padding-left: 8px;
         box-sizing: border-box;
       }
 
@@ -190,7 +190,8 @@
     z-index: 99999;
     display: block;
     box-sizing: border-box;
-    top: 26px;
+    top: 30px;
+    background-color: #ffffff;
   }
 
   &.disabled {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.0.94",
+  "version": "1.0.96",
   "description": "",
   "main": "dist/index.js",
   "files": [