@cashub/ui 0.43.6 → 0.43.7

package/form/SearchSelect.js

@@ -13,7 +13,7 @@ var _inputPlaceholder = _interopRequireDefault(require("../styles/mixin/inputPla
 var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-const _excluded = ["options", "status", "placeholder", "onInnerSearch", "onOuterSearch", "onOuterReset", "onToggleOptions"];
+const _excluded = ["options", "outerStatus", "placeholder", "onInnerSearch", "onOuterSearch", "onOuterReset", "onToggleOptions"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -26,7 +26,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 const SearchSelect = _ref => {
   let {
       options,
-      status = 'idle',
+      outerStatus = 'idle',
       placeholder = 'Search',
       onInnerSearch,
       onOuterSearch,
@@ -39,11 +39,15 @@ const SearchSelect = _ref => {
   const [innerKeyword, setInnerKeyword] = (0, _react.useState)('');
   const [showDropdown, setShowDropdown] = (0, _react.useState)(false);
   const [dropdownWidth, setDropdownWidth] = (0, _react.useState)(0);
-  const handleSearch = (keyword, target) => {
-    if (onOuterSearch && target === 'outer') {
-      onOuterSearch(keyword);
-    } else if (onInnerSearch && target === 'inner') {
-      onInnerSearch(keyword);
+  const handleSearch = async (keyword, target) => {
+    const hasResult = target === 'outer' ? await onOuterSearch(keyword) : await onInnerSearch(keyword);
+    if (hasResult) {
+      if (target === 'outer') {
+        setOuterKeyword('');
+      }
+      if (target === 'inner') {
+        setInnerKeyword('');
+      }
     }
   };
   const handleKeyUp = (event, target) => {
@@ -51,6 +55,10 @@ const SearchSelect = _ref => {
     const keyword = target === 'outer' ? outerKeyword : innerKeyword;
     handleSearch(keyword, target);
   };
+  const handleOuterReset = () => {
+    setOuterKeyword('');
+    onOuterReset();
+  };
 
   // close dropdown when click outside of the component
   (0, _react.useEffect)(() => {
@@ -91,20 +99,20 @@ const SearchSelect = _ref => {
         onFocus: () => setShowDropdown(true),
         value: outerKeyword
       }), onOuterReset && /*#__PURE__*/(0, _jsxRuntime.jsx)(_md.MdClose, {
-        onClick: onOuterReset,
+        onClick: handleOuterReset,
         style: {
-          visibility: status === 'empty' ? 'visible' : 'hidden'
+          visibility: outerStatus === 'empty' ? 'visible' : 'hidden'
         }
       })]
     })), showDropdown && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Dropdown, {
       style: {
         width: dropdownWidth
       },
-      children: [onOuterReset && status === 'empty' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
+      children: [onOuterReset && outerStatus === 'empty' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Message, {
           children: "Data Not Found"
         })
-      }), status !== 'empty' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      }), outerStatus !== 'empty' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(InputWrapper, {
           border: true,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaSearch, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.43.6",
+  "version": "0.43.7",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",