[Controls] Do not Close Flyouts on Outside Click (#128548)

Do not close on outside click for controls flyouts

docs/development/core/public/kibana-plugin-core-public.overlayflyoutopenoptions.md

@@ -23,6 +23,7 @@ export interface OverlayFlyoutOpenOptions
 |  [maskProps?](./kibana-plugin-core-public.overlayflyoutopenoptions.maskprops.md) | EuiOverlayMaskProps | <i>(Optional)</i> |
 |  [maxWidth?](./kibana-plugin-core-public.overlayflyoutopenoptions.maxwidth.md) | boolean \| number \| string | <i>(Optional)</i> |
 |  [onClose?](./kibana-plugin-core-public.overlayflyoutopenoptions.onclose.md) | (flyout: OverlayRef) =&gt; void | <i>(Optional)</i> EuiFlyout onClose handler. If provided the consumer is responsible for calling flyout.close() to close the flyout; |
+|  [outsideClickCloses?](./kibana-plugin-core-public.overlayflyoutopenoptions.outsideclickcloses.md) | boolean | <i>(Optional)</i> |
 |  [ownFocus?](./kibana-plugin-core-public.overlayflyoutopenoptions.ownfocus.md) | boolean | <i>(Optional)</i> |
 |  [size?](./kibana-plugin-core-public.overlayflyoutopenoptions.size.md) | EuiFlyoutSize | <i>(Optional)</i> |
 

docs/development/core/public/kibana-plugin-core-public.overlayflyoutopenoptions.outsideclickcloses.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [kibana-plugin-core-public](./kibana-plugin-core-public.md) &gt; [OverlayFlyoutOpenOptions](./kibana-plugin-core-public.overlayflyoutopenoptions.md) &gt; [outsideClickCloses](./kibana-plugin-core-public.overlayflyoutopenoptions.outsideclickcloses.md)
+
+## OverlayFlyoutOpenOptions.outsideClickCloses property
+
+<b>Signature:</b>
+
+```typescript
+outsideClickCloses?: boolean;
+```

src/core/public/overlays/flyout/flyout_service.tsx

@@ -87,6 +87,7 @@ export interface OverlayFlyoutOpenOptions {
   size?: EuiFlyoutSize;
   maxWidth?: boolean | number | string;
   hideCloseButton?: boolean;
+  outsideClickCloses?: boolean;
   maskProps?: EuiOverlayMaskProps;
   /**
    * EuiFlyout onClose handler.

src/core/public/public.api.md

@@ -829,6 +829,8 @@ export interface OverlayFlyoutOpenOptions {
     maxWidth?: boolean | number | string;
     onClose?: (flyout: OverlayRef) => void;
     // (undocumented)
+    outsideClickCloses?: boolean;
+    // (undocumented)
     ownFocus?: boolean;
     // (undocumented)
     size?: EuiFlyoutSize;

src/plugins/controls/public/control_group/editor/create_control.tsx

@@ -92,6 +92,7 @@ export const CreateControlButton = ({
           </PresentationUtilProvider>
         ),
         {
+          outsideClickCloses: false,
           onClose: (flyout) => onCancel(flyout),
         }
       );

src/plugins/controls/public/control_group/editor/edit_control.tsx

@@ -123,6 +123,7 @@ export const EditControlButton = ({ embeddableId }: { embeddableId: string }) =>
         reduxContainerContext
       ),
       {
+        outsideClickCloses: false,
         onClose: (flyout) => onCancel(flyout),
       }
     );

src/plugins/controls/public/control_group/editor/edit_control_group.tsx

@@ -59,6 +59,7 @@ export const EditControlGroup = ({
         </PresentationUtilProvider>
       ),
       {
+        outsideClickCloses: false,
         onClose: () => flyoutInstance.close(),
       }
     );