maru_design2 2.22.1 → 2.22.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.22.2](https://github.com/42maru-ai/maru-design2/compare/v2.22.1...v2.22.2) (2025-02-11)
+
+
+### Bug Fixes
+
+* :bug: SearchInput - update search & close logic [#480](https://github.com/42maru-ai/maru-design2/issues/480) ([8813b80](https://github.com/42maru-ai/maru-design2/commit/8813b80cb3f647b9b320d7371b8700112c99a323))
+
 ## [2.22.1](https://github.com/42maru-ai/maru-design2/compare/v2.22.0...v2.22.1) (2025-02-07)
 
 

package/dist/components/molecules/searchInput/Filter.d.ts

@@ -12,6 +12,7 @@ interface Props {
     searchButtonContent?: string;
     onSearch: () => void;
     inputWrapperRef: React.RefObject<HTMLDivElement>;
+    onClose: () => void;
 }
-declare function Filter({ on, formats, hoverContent, resetButtonContent, onReset, searchButtonContent, onSearch, inputWrapperRef, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Filter({ on, formats, hoverContent, resetButtonContent, onReset, searchButtonContent, onSearch, inputWrapperRef, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
 export default Filter;

package/dist/components/molecules/searchInput/SearchInput.d.ts

@@ -29,6 +29,7 @@ export interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
         resetButtonContent?: string;
         onSearch: () => void;
         searchButtonContent?: string;
+        onClose: () => void;
     };
 }
 export declare function SearchInput({ hiddenClearButton, className, filter, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -26531,13 +26531,18 @@ function Filter(_a) {
     onReset = _a.onReset,
     searchButtonContent = _a.searchButtonContent,
     onSearch = _a.onSearch,
-    inputWrapperRef = _a.inputWrapperRef;
+    inputWrapperRef = _a.inputWrapperRef,
+    onClose = _a.onClose;
   var _b = useState(false),
     open = _b[0],
     setOpen = _b[1];
-  var handlePopoverClose = function handlePopoverClose() {
-    onSearch();
+  var handleClose = function handleClose() {
     setOpen(false);
+    onClose();
+  };
+  var handleSearch = function handleSearch() {
+    onSearch();
+    handleClose();
   };
   return jsxs(Fragment, {
     children: [jsx("button", __assign({
@@ -26561,7 +26566,7 @@ function Filter(_a) {
     })), jsx(Popover, __assign({
       anchorEl: inputWrapperRef.current,
       open: open,
-      onClose: handlePopoverClose,
+      onClose: handleClose,
       direction: "bottom-end",
       className: "maru-search-input-filter-popover"
     }, {
@@ -26589,7 +26594,7 @@ function Filter(_a) {
           }, {
             children: resetButtonContent
           })), jsx(Button, __assign({
-            onClick: onSearch
+            onClick: handleSearch
           }, {
             children: searchButtonContent
           }))]
@@ -26624,7 +26629,8 @@ function SearchInput(_a) {
       resetButtonContent: filter.resetButtonContent,
       onSearch: filter.onSearch,
       searchButtonContent: filter.searchButtonContent,
-      inputWrapperRef: inputWrapperRef
+      inputWrapperRef: inputWrapperRef,
+      onClose: filter.onClose
     }) : undefined,
     hiddenClearButton: hiddenClearButton
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maru_design2",
-  "version": "2.22.1",
+  "version": "2.22.2",
   "main": "./dist/index.js",
   "author": "zena-42maru",
   "license": "MIT",