@mcurros2/microm 1.1.73-0 → 1.1.75-0

package/dist/index.js

@@ -33370,9 +33370,9 @@ function $9e0f0f7fb3fe1bb5$export$4a22575e2f542f1f(props) {
         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;
+            const dropdown = (_a = filterInputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[data-mantine-multiselect-dropdown]");
+            const isMyDropdownOpen = !!dropdown;
+            if (!isMyDropdownOpen) return;
         }
         if (key_code !== "Enter" && key_code !== "NumpadEnter") return;
         // Ensure queryText is not empty
@@ -46114,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];
@@ -46127,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",
@@ -46142,52 +46143,55 @@ function $fd210d71b523c65e$export$4fef1edbf0f012ef(props) {
         "onCreate"
     ]);
     const theme = (0, $b4te3$mantinecore.useMantineTheme)();
-    return (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.MultiSelect), Object.assign({
-        icon: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconSearch), {
-            size: "1.1rem",
-            stroke: 1.5
-        }),
-        radius: "xl",
-        size: size,
-        styles: ()=>({
-                searchInput: {
-                    lineHeight: "unset"
-                },
-                value: {
-                    minHeight: "1.4rem"
-                },
-                defaultValue: {
-                    paddingBottom: "0.1rem"
-                }
-            } // Fix the 'ggg' being cut off and vertical alignment
-            ),
-        rightSection: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.ActionIcon), {
-            size: size,
-            radius: "xl",
-            color: theme.primaryColor,
-            variant: iconVariant,
-            onClick: (e)=>onSearchClick(e),
-            children: theme.dir === "ltr" ? (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconArrowRight), {
-                size: iconsSize,
-                stroke: 1.5
-            }) : (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconArrowLeft), {
-                size: iconsSize,
+    return (0, $b4te3$reactjsxruntime.jsx)("div", {
+        ref: ref,
+        children: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.MultiSelect), Object.assign({
+            icon: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconSearch), {
+                size: "1.1rem",
                 stroke: 1.5
-            })
-        }),
-        rightSectionWidth: 42,
-        value: value,
-        onChange: onChange,
-        onSearchChange: onSearchChange,
-        onCreate: onCreate,
-        placeholder: placeholder,
-        creatable: true,
-        searchable: true,
-        getCreateLabel: (newValue)=>`${addFilterLabel} ${newValue}`,
-        "data-autofocus": autoFocus,
-        autoFocus: autoFocus
-    }, rest));
-}
+            }),
+            radius: "xl",
+            size: size,
+            styles: ()=>({
+                    searchInput: {
+                        lineHeight: "unset"
+                    },
+                    value: {
+                        minHeight: "1.4rem"
+                    },
+                    defaultValue: {
+                        paddingBottom: "0.1rem"
+                    }
+                } // Fix the 'ggg' being cut off and vertical alignment
+                ),
+            rightSection: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.ActionIcon), {
+                size: size,
+                radius: "xl",
+                color: theme.primaryColor,
+                variant: iconVariant,
+                onClick: (e)=>onSearchClick(e),
+                children: theme.dir === "ltr" ? (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconArrowRight), {
+                    size: iconsSize,
+                    stroke: 1.5
+                }) : (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconArrowLeft), {
+                    size: iconsSize,
+                    stroke: 1.5
+                })
+            }),
+            rightSectionWidth: 42,
+            value: value,
+            onChange: onChange,
+            onSearchChange: onSearchChange,
+            onCreate: onCreate,
+            placeholder: placeholder,
+            creatable: true,
+            searchable: true,
+            getCreateLabel: (newValue)=>`${addFilterLabel} ${newValue}`,
+            "data-autofocus": autoFocus,
+            autoFocus: autoFocus
+        }, rest))
+    });
+});
 
 });