@stella-source/stellasource-dsl 3.1.4 → 3.1.6

package/dist/cjs/index.js

@@ -17064,6 +17064,9 @@ const RequiredIcon = styled(StellaIcon) `
 `;
 const ToolTipIcon = styled(Tooltip) `
   margin-left: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 `;
 const LabelComponent = styled.label `
   font-family: "Inter", sans-serif;
@@ -21503,7 +21506,6 @@ const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition,
     const buttonRef = a$m.useRef(null);
     const [showFilter, setShowFilter] = a$m.useState(false);
     const [coords, setCoords] = a$m.useState({ top: 0, left: 0 });
-    const [searchValue, setSearchValue] = a$m.useState();
     const [tempFilters, setTempFilters] = a$m.useState([]);
     const [currentAppliedFilters, setCurrentAppliedFilters] = a$m.useState([]);
     const [filterOptions, setFilterOptions] = a$m.useState([]);
@@ -21589,9 +21591,11 @@ const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition,
                         a$m.createElement(MenuItemGroup, null,
                             meta?.filterMode === "search" && (a$m.createElement("div", { style: { padding: "4px 10px" } },
                                 a$m.createElement(TextInput, { id: `${columnDef.header}-search`, label: `${columnDef.header} search`, placeholder: "Search", hideLabel: true, onChange: (value) => {
-                                        setSearchValue(value);
-                                        handleSave(value);
-                                    }, onBlur: () => flush(), endIcon: "search", value: searchValue }))),
+                                        value === ""
+                                            ? setTempFilters([])
+                                            : setTempFilters([value]);
+                                        !serverSide && handleSave(value);
+                                    }, onBlur: () => !serverSide && flush(), endIcon: "search", value: tempFilters?.[0] }))),
                             (meta?.filterMode === "multiSelect" ||
                                 !meta?.filterMode) && (a$m.createElement(MenuItem, { key: "select-all" },
                                 a$m.createElement(Checkbox, { id: "all-checkbox", name: "all-checkbox", checked: meta?.filterOptions?.every((item) => tempFilters?.includes(item)), onChange: () => {
@@ -21634,6 +21638,7 @@ const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition,
                                 }
                             })),
                         (meta?.filterMode === "multiSelect" ||
+                            (meta?.filterMode === "search" && serverSide) ||
                             !meta?.filterMode) && (a$m.createElement(MenuButton, { key: "apply", onClick: () => {
                                 setCurrentAppliedFilters(tempFilters);
                                 column?.setFilterValue(tempFilters?.length > 0 ? tempFilters : []);
@@ -21645,7 +21650,6 @@ const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition,
                                 showFilterMenu(false);
                                 setTempFilters([]);
                                 setCurrentAppliedFilters([]);
-                                setSearchValue("");
                                 onFilterApply?.();
                             } }, "Clear Filter"))), document.body))),
             header.column.getCanSort() && (a$m.createElement(SortButton, { className: "icon", iconName: "sort", ariaLabel: "Sort Button", variant: "tertiary", "$active": sorting.some((s) => s.id === header.column.id), "$sort": column.getIsSorted(), onClick: (e) => header.column.getToggleSortingHandler()?.(e) })),