{
position={this.state.arrowPosition}
isAttached={attachToAnchor}
className={classNames(panelClassName, panelProps?.className)}
- hasDragDrop={hasDragDrop}
hasShadow={false}
paddingSize={panelPaddingSize}
tabIndex={tabIndex}
diff --git a/packages/eui/src/components/popover/popover_panel/__snapshots__/_popover_panel.test.tsx.snap b/packages/eui/src/components/popover/popover_panel/__snapshots__/_popover_panel.test.tsx.snap
index f95ad7de7c2..baf859b0d97 100644
--- a/packages/eui/src/components/popover/popover_panel/__snapshots__/_popover_panel.test.tsx.snap
+++ b/packages/eui/src/components/popover/popover_panel/__snapshots__/_popover_panel.test.tsx.snap
@@ -9,13 +9,6 @@ exports[`EuiPopoverPanel is rendered 1`] = `
/>
`;
-exports[`EuiPopoverPanel props hasDragDrop is rendered 1`] = `
-
-`;
-
exports[`EuiPopoverPanel props isAttached is rendered 1`] = `
{
- const { euiTheme, colorMode } = euiThemeContext;
+ const { euiTheme } = euiThemeContext;
const translateDistance = euiTheme.size.s;
const animationSpeed = euiTheme.animation[openAnimationTiming];
@@ -119,49 +118,5 @@ export const euiPopoverPanelStyles = (euiThemeContext: UseEuiTheme) => {
return this.bottom;
},
},
-
- // Has an arrow, but cannot have transform or filter CSS - they create a
- // stacking context that messes up the drag/drop fixed positioning
- hasDragDrop: {
- hasDragDrop: css`
- ${euiShadowMedium(euiThemeContext, { property: 'box-shadow' })}
-
- ${euiCanAnimate} {
- transition: ${opacityTransition}; /* 2 */
- }
- `,
- // The offset transforms must be recreated in margins
- top: css`
- margin-block-start: ${translateDistance};
- /* Existing box-shadow of the popover is sufficient to see the arrow */
- `,
- bottom: css`
- margin-block-start: -${translateDistance};
-
- .euiPopover__arrow {
- filter: drop-shadow(
- 0 -6px 6px ${getShadowColor(euiTheme.colors.shadow, 0.12, colorMode)}
- );
- }
- `,
- left: css`
- margin-inline-start: ${translateDistance};
-
- .euiPopover__arrow {
- filter: drop-shadow(
- 6px 0 6px ${getShadowColor(euiTheme.colors.shadow, 0.12, colorMode)}
- );
- }
- `,
- right: css`
- margin-inline-start: -${translateDistance};
-
- .euiPopover__arrow {
- filter: drop-shadow(
- -6px 0 6px ${getShadowColor(euiTheme.colors.shadow, 0.12, colorMode)}
- );
- }
- `,
- },
};
};
diff --git a/packages/eui/src/components/popover/popover_panel/_popover_panel.test.tsx b/packages/eui/src/components/popover/popover_panel/_popover_panel.test.tsx
index 99e88eb3acc..74a3beaa4c4 100644
--- a/packages/eui/src/components/popover/popover_panel/_popover_panel.test.tsx
+++ b/packages/eui/src/components/popover/popover_panel/_popover_panel.test.tsx
@@ -36,12 +36,6 @@ describe('EuiPopoverPanel', () => {
expect(container.firstChild).toMatchSnapshot();
});
- test('hasDragDrop is rendered', () => {
- const { container } = render();
-
- expect(container.firstChild).toMatchSnapshot();
- });
-
describe('position', () => {
POSITIONS.forEach((position) => {
test(`${position} is rendered`, () => {
diff --git a/packages/eui/src/components/popover/popover_panel/_popover_panel.tsx b/packages/eui/src/components/popover/popover_panel/_popover_panel.tsx
index 5bf66472a10..615d9bb6656 100644
--- a/packages/eui/src/components/popover/popover_panel/_popover_panel.tsx
+++ b/packages/eui/src/components/popover/popover_panel/_popover_panel.tsx
@@ -28,7 +28,6 @@ type EuiPopoverPanelInternalProps = {
isOpen?: boolean;
isAttached?: boolean;
position?: EuiPopoverArrowPositions | null;
- hasDragDrop?: boolean;
};
/**
@@ -37,15 +36,7 @@ type EuiPopoverPanelInternalProps = {
*/
export const EuiPopoverPanel: FunctionComponent<
EuiPopoverPanelProps & EuiPopoverPanelInternalProps
-> = ({
- children,
- className,
- isOpen,
- isAttached,
- hasDragDrop,
- position,
- ...rest
-}) => {
+> = ({ children, className, isOpen, isAttached, position, ...rest }) => {
const classes = classNames('euiPopover__panel', className);
const euiThemeContext = useEuiTheme();
@@ -61,13 +52,6 @@ export const EuiPopoverPanel: FunctionComponent<
isOpen && styles.isOpen,
];
- if (hasDragDrop) {
- return [
- ...sharedStyles,
- styles.hasDragDrop.hasDragDrop,
- position && styles.hasDragDrop[position],
- ];
- }
if (isAttached) {
return [
...sharedStyles,
@@ -80,7 +64,7 @@ export const EuiPopoverPanel: FunctionComponent<
styles.hasTransform.hasTransform,
isOpen && position && styles.hasTransform[position],
];
- }, [euiThemeContext, isOpen, position, isAttached, hasDragDrop]);
+ }, [euiThemeContext, isOpen, position, isAttached]);
return (
= [
'createPopulationJob',
'regressionJob',
'createSingleMetricJob',
+ 'createGenericJob',
+ 'createGeoJob',
];