@mcurros2/microm 1.1.74-0 → 1.1.76-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
@@ -46143,52 +46143,58 @@ const $fd210d71b523c65e$export$4fef1edbf0f012ef = /*#__PURE__*/ (0, $b4te3$react
         "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,
+        style: {
+            display: "flex",
+            flex: 1
+        },
+        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,
-        ref: ref
-    }, 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))
+    });
 });
 
 });