@mcurros2/microm 1.1.80-0 → 1.1.82-0

package/dist/index.js

@@ -45940,7 +45940,9 @@ function $d79003fd5611c3b6$export$66b3c1a9709bd8fc(_a) {
                     ]
                 }),
                 size: modalFormSize,
-                withFullscreenButton: withModalFullscreenButton
+                withFullscreenButton: withModalFullscreenButton,
+                closeOnClickOutside: false,
+                closeOnEscape: true
             },
             onClosed: handleModalClosed,
             focusOnClosed: element,
@@ -46140,58 +46142,52 @@ const $fd210d71b523c65e$export$4fef1edbf0f012ef = /*#__PURE__*/ (0, $b4te3$react
     // When all the items are selected and the multiselect is in a modal and it has autofocus
     // you will need to press escape two time to close the modal
     // this is because it uses a popover with closeOnEscape and it traps escape even if the list is not shown
-    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
-            }),
-            radius: "xl",
+    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,
-            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))
-    });
+            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,
+        ref: ref
+    }, rest));
 });
 
 });