@mcurros2/microm 1.1.72-0 → 1.1.74-0

package/dist/index.js

@@ -32937,6 +32937,7 @@ $parcel$export(module.exports, "DataGridToolbar", function () { return $28e44954
 
 
 
+
 parcelRequire("7xGLy");
 var $lJoOP = parcelRequire("lJoOP");
 var $bFL3N = parcelRequire("bFL3N");
@@ -32974,6 +32975,7 @@ function $28e44954ec68cbea$export$b45b457b2c4e92a(props) {
     const { size: size, hideCheckboxToggle: hideCheckboxToggle, onCheckboxToggle: onCheckboxToggle, onSearchTextChange: onSearchTextChange, onRefreshClick: onRefreshClick, autoFocus: autoFocus, toolbarIconVariant: toolbarIconVariant, onExportClick: onExportClick, enableExport: enableExport, searchPlaceholder: searchPlaceholder, refreshTooltip: refreshTooltip, exportTooltip: exportTooltip, selectRowsTooltip: selectRowsTooltip, searchData: searchData, setSearchData: setSearchData, searchText: searchText, setSearchText: setSearchText, filterTooltip: filterTooltip, parentKeys: parentKeys, setFilterValues: setFilterValues, filterValues: filterValues, clearFiltersTooltip: clearFiltersTooltip, filtersFormSize: filtersFormSize, FiltersEntity: FiltersEntity, client: client, enableImport: enableImport, importTooltip: importTooltip, onImportClick: onImportClick, filtersBadgeSize: filtersBadgeSize, showAppliedFilters: showAppliedFilters, showRefreshButton: showRefreshButton, showFiltersButton: showFiltersButton, visibleFilters: visibleFilters, filtersDescription: filtersDescription, setFiltersDescription: setFiltersDescription, initialColumnFilters: initialColumnFilters, filtersTitle: filtersTitle, editFitersLabel: editFitersLabel, clearFiltersLabel: clearFiltersLabel, filtersAccordionVariant: filtersAccordionVariant, filtersBadgeVariant: filtersBadgeVariant, showSearchInput: showSearchInput, showSelectRowsButton: showSelectRowsButton, showColumnsConfig: showColumnsConfig, configMenuOpened: configMenuOpened, setConfigMenuOpened: setConfigMenuOpened, configMenuDropdown: configMenuDropdown } = (0, $b4te3$mantinecore.useComponentDefaultProps)("DataGridToolbar", $28e44954ec68cbea$export$d7af4a7378986147, props);
     const theme = (0, $b4te3$mantinecore.useMantineTheme)();
     const { buttonsSize: buttonsSize, actionIconSize: actionIconSize, iconsSize: iconsSize, badgeSize: badgeSize } = (0, $TMsro.getToolbarSizes)(size);
+    const filterInputRef = (0, $b4te3$react.useRef)(null);
     const filtersAPI = (0, $dzlic.useDataGridToolbarFilters)({
         filterValues: filterValues,
         setFilterValues: setFilterValues,
@@ -32989,7 +32991,8 @@ function $28e44954ec68cbea$export$b45b457b2c4e92a(props) {
         onSearchTextChange: onSearchTextChange,
         filtersFormSize: filtersFormSize,
         visibleFilters: visibleFilters,
-        initialColumnFilters: initialColumnFilters
+        initialColumnFilters: initialColumnFilters,
+        filterInputRef: filterInputRef
     });
     const appliedFiltersCount = filtersAPI.filtersDescription ? Object.values(filtersAPI.filtersDescription).filter((value)=>(value === null || value === void 0 ? void 0 : value.toString()) !== "").length : 0;
     return (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$reactjsxruntime.Fragment), {
@@ -33027,7 +33030,8 @@ function $28e44954ec68cbea$export$b45b457b2c4e92a(props) {
                         iconVariant: toolbarIconVariant,
                         sx: {
                             flexGrow: 1
-                        }
+                        },
+                        ref: filterInputRef
                     }),
                     showFiltersButton && FiltersEntity && (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$reactjsxruntime.Fragment), {
                         children: [
@@ -33287,7 +33291,7 @@ var $9e0f0f7fb3fe1bb5$var$__awaiter = undefined && undefined.__awaiter || functi
     });
 };
 function $9e0f0f7fb3fe1bb5$export$4a22575e2f542f1f(props) {
-    const { filterValues: filterValues, setFilterValues: setFilterValues, client: client, parentKeys: parentKeys, FiltersEntity: FiltersEntity, setSearchData: setSearchData, setSearchText: setSearchText, onRefreshClick: onRefreshClick, onSearchTextChange: onSearchTextChange, searchData: searchData, filtersFormSize: filtersFormSize, visibleFilters: visibleFilters, filtersDescription: filtersDescription, setFiltersDescription: setFiltersDescription, initialColumnFilters: initialColumnFilters } = props;
+    const { filterValues: filterValues, setFilterValues: setFilterValues, client: client, parentKeys: parentKeys, FiltersEntity: FiltersEntity, setSearchData: setSearchData, setSearchText: setSearchText, onRefreshClick: onRefreshClick, onSearchTextChange: onSearchTextChange, searchData: searchData, filtersFormSize: filtersFormSize, visibleFilters: visibleFilters, filtersDescription: filtersDescription, setFiltersDescription: setFiltersDescription, initialColumnFilters: initialColumnFilters, filterInputRef: filterInputRef } = props;
     const openFilters = (0, $9maeT.useOpenForm)();
     const updateFilterValuesAndDescription = (0, $b4te3$react.useCallback)((columns)=>{
         const values = {};
@@ -33362,7 +33366,14 @@ function $9e0f0f7fb3fe1bb5$export$4a22575e2f542f1f(props) {
         setSearchData
     ]);
     const handleSearchFilterInputEnter = (0, $b4te3$react.useCallback)((e)=>{
+        var _a;
         const key_code = e.code;
+        // Fix to let escape pass through if there is no dropdown open
+        if (key_code === "Escape") {
+            const dropdown = document.querySelector("[data-mantine-multiselect-dropdown]");
+            const isDropdownOpen = dropdown && ((_a = filterInputRef.current) === null || _a === void 0 ? void 0 : _a.contains(dropdown));
+            if (!isDropdownOpen) return;
+        }
         if (key_code !== "Enter" && key_code !== "NumpadEnter") return;
         // Ensure queryText is not empty
         if (!queryText.trim()) return;
@@ -46103,6 +46114,7 @@ $parcel$export(module.exports, "SearchFilterInput", function () { return $fd210d
 
 
 
+
 var $fd210d71b523c65e$var$__rest = undefined && undefined.__rest || function(s, e) {
     var t = {};
     for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -46116,7 +46128,7 @@ const $fd210d71b523c65e$export$3faed4232677411d = {
     placeholder: "Enter text to search",
     addFilterLabel: "+ Filter:"
 };
-function $fd210d71b523c65e$export$4fef1edbf0f012ef(props) {
+const $fd210d71b523c65e$export$4fef1edbf0f012ef = /*#__PURE__*/ (0, $b4te3$react.forwardRef)(function SearchFilterInput(props, ref) {
     const _a = (0, $b4te3$mantinecore.useComponentDefaultProps)("SearchFilterInput", $fd210d71b523c65e$export$3faed4232677411d, props), { onSearchClick: onSearchClick, size: size, iconsSize: iconsSize, value: value, onChange: onChange, placeholder: placeholder, autoFocus: autoFocus, iconVariant: iconVariant, addFilterLabel: addFilterLabel, onSearchChange: onSearchChange, onCreate: onCreate } = _a, rest = $fd210d71b523c65e$var$__rest(_a, [
         "onSearchClick",
         "size",
@@ -46174,9 +46186,10 @@ function $fd210d71b523c65e$export$4fef1edbf0f012ef(props) {
         searchable: true,
         getCreateLabel: (newValue)=>`${addFilterLabel} ${newValue}`,
         "data-autofocus": autoFocus,
-        autoFocus: autoFocus
+        autoFocus: autoFocus,
+        ref: ref
     }, rest));
-}
+});
 
 });