DROP ME AS WELL PLS

weronikaolejniczak · weronikaolejniczak · commit 6bc287bfe6de · 2025-10-30T11:54:45.000+01:00
diff --git a/packages/eui/src/components/provider/provider.stories.tsx b/packages/eui/src/components/provider/provider.stories.tsx
@@ -5,6 +5,8 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
 
 import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
@@ -17,6 +19,7 @@ import { SPREAD_STORY_ARGS_MARKER } from '../../../.storybook/addons/code-snippe
 
 import { EuiProvider, EuiProviderProps } from './provider';
 import { EuiToolTip } from '../tool_tip';
+import { moveStorybookControlsToCategory } from '../../../.storybook/utils';
 
 const meta: Meta<EuiProviderProps<{}>> = {
   title: 'Theming/EuiProvider',
@@ -128,17 +131,24 @@ export const FontDefaultUnits: Story = {
 export const ComponentDefaultsPopover: Story = {
   parameters: {
     controls: {
-      include: ['componentDefaults'],
+      include: ['componentDefaults', 'repositionOnScroll'],
+    },
+  },
+  argTypes: {
+    repositionOnScroll: {
+      name: 'repositionOnScroll',
+      control: 'boolean',
     },
   },
   args: {
+    repositionOnScroll: false,
     componentDefaults: {
       EuiPopover: {
-        repositionOnScroll: true,
+        repositionOnScroll: false,
       },
     },
   },
-  render: function Render() {
+  render: function Render(args) {
     const [isPopoverOpen, setIsPopoverOpen] = useState(false);
 
     const openPopover = () => setIsPopoverOpen(true);
@@ -159,6 +169,7 @@ export const ComponentDefaultsPopover: Story = {
             isOpen={isPopoverOpen}
             closePopover={closePopover}
             style={{ position: 'fixed', bottom: 32, right: 32, zIndex: 10 }}
+            repositionOnScroll={args.repositionOnScroll}
           >
             <div>This popover scrolls with the button element!</div>
           </EuiPopover>
@@ -167,28 +178,46 @@ export const ComponentDefaultsPopover: Story = {
     );
   },
 };
+moveStorybookControlsToCategory(
+  ComponentDefaultsPopover,
+  ['componentDefaults'],
+  'EuiProvider props'
+);
+moveStorybookControlsToCategory(
+  ComponentDefaultsPopover,
+  ['repositionOnScroll'],
+  'EuiPopover props'
+);
 
 export const ComponentDefaultsTooltip: Story = {
   parameters: {
     controls: {
-      include: ['componentDefaults'],
+      include: ['componentDefaults', 'repositionOnScroll'],
+    },
+  },
+  argTypes: {
+    repositionOnScroll: {
+      name: 'repositionOnScroll',
+      control: 'boolean',
     },
   },
   args: {
+    repositionOnScroll: false,
     componentDefaults: {
       EuiToolTip: {
         repositionOnScroll: true,
       },
     },
   },
-  render: function Render() {
+  render: function Render(args) {
     return (
       <div style={{ position: 'relative', overflowY: 'auto', height: '100%' }}>
         <div style={{ height: 1200 }}>
           <div style={{ position: 'fixed', bottom: 32, right: 32, zIndex: 10 }}>
             <EuiToolTip
               position="top"
               content="This tooltip text scrolls with the button element!"
+              repositionOnScroll={args.repositionOnScroll}
             >
               <EuiButton fill>Show fixed tooltip</EuiButton>
             </EuiToolTip>
@@ -198,3 +227,13 @@ export const ComponentDefaultsTooltip: Story = {
     );
   },
 };
+moveStorybookControlsToCategory(
+  ComponentDefaultsTooltip,
+  ['componentDefaults'],
+  'EuiProvider props'
+);
+moveStorybookControlsToCategory(
+  ComponentDefaultsTooltip,
+  ['repositionOnScroll'],
+  'EuiToolTip props'
+);
