fix(mantine): close date range picker on click outside (#3724)

* fix(mantine): make sure actions list map have unique keys * fix(mantine): close date range picker on click outside
coveo · May 21, 2024 · cb7d66b · cb7d66b
1 parent cbef2de
commit cb7d66b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/mantine/src/components/table/table-actions/TableActionsList.tsx b/packages/mantine/src/components/table/table-actions/TableActionsList.tsx
@@ -101,14 +101,14 @@ export const TableActionsList = (props: TableActionsListProps) => {
             </InlineConfirm>
         );
     }
-
     const prompts = childrenArray.filter((child) => child.type === InlineConfirm.Prompt);
-    const menuItems = childrenArray
-        .filter((child) => child.type !== InlineConfirm.Prompt)
-        .map((child) => {
-            const {primary, ...childProps} = child.props;
-            return primary ? <Menu.Item {...childProps} /> : child;
-        });
+    const menuItems = Children.map(childrenArray, (child) => {
+        if (child.type === InlineConfirm.Prompt) {
+            return null;
+        }
+        const {primary, ...childProps} = child.props;
+        return primary ? <Menu.Item {...childProps} /> : child;
+    });
     return (
         <InlineConfirm>
             {prompts}

diff --git a/packages/mantine/src/components/table/table-date-range-picker/TableDateRangePicker.tsx b/packages/mantine/src/components/table/table-date-range-picker/TableDateRangePicker.tsx
@@ -74,7 +74,7 @@ export const TableDateRangePicker = factory<TableDateRangePickerFactory>((props,
             {...getStyles('dateRangeRoot', {className, style, ...stylesApiProps})}
             {...others}
         >
-            <Popover withinPortal opened={opened}>
+            <Popover withinPortal opened={opened} onChange={setOpened}>
                 <Popover.Target>
                     <InputBase
                         component="button"