maru_design2 2.22.0 → 2.22.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # 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)
+
+
+### Bug Fixes
+
+* :bug: Table - col key [#459](https://github.com/42maru-ai/maru-design2/issues/459) ([ca714cc](https://github.com/42maru-ai/maru-design2/commit/ca714cc5314eded458c2ee528bbc3d5b329fd0a2))
+
 ## [2.22.0](https://github.com/42maru-ai/maru-design2/compare/v2.21.1...v2.22.0) (2025-02-06)
 
 

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/components/molecules/table/types.d.ts

@@ -15,6 +15,7 @@ export interface IColumnFormats {
      * 헤더 컬럼명 옆에 아이콘+툴팁 노출. 툴팁에 들어갈 문자열 설정.
      */
     iconTooltip?: string;
+    key?: string;
 }
 export interface IFilter {
     on: boolean;

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
   }));
@@ -26881,7 +26887,7 @@ function Tr(_a) {
       if (format.isHide) return null;
       return jsx("td", {
         children: format.customColumn ? format.customColumn(row[format.columnIdKey], rowId) : row[format.columnIdKey]
-      }, row[format.columnIdKey]);
+      }, format.columnIdKey + (format.key || ''));
     }), (kebabMenu === null || kebabMenu === void 0 ? void 0 : kebabMenu.show(rowId)) === 'always' || (kebabMenu === null || kebabMenu === void 0 ? void 0 : kebabMenu.show(rowId)) === 'hover' && hoveredRowId === rowId ? jsx(KebabMenuTd, {
       rowId: rowId,
       kebabContent: kebabMenu.content

package/package.json

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