Revert "Fix DistributionBar component left overflow edge case (elastic#238300)" (elastic#244520)

## Summary

Reverts the fix for:
- elastic/security-team#10048

as it introduced regression

<img width="1505" height="765" alt="Screenshot 2025-11-27 at 13 10 27"
src="https://github.com/user-attachments/assets/7d43ee66-6abe-4c72-bc49-4bd139021f22"
/>



### Checklist

Check the PR satisfies following conditions. 

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [ ] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

Author: maxcold

x-pack/solutions/security/packages/distribution-bar/src/distribution_bar.stories.tsx

@@ -46,68 +46,6 @@ const mockStatsAlerts = [
   },
 ];
 
-// Edge case: Flip tooltip when the LEFTMOST segment (green/teal) is very small
-const mockStatsEdgeCase = [
-  {
-    key: 'low',
-    count: 220,
-    color: 'green',
-    label: 'Low',
-  },
-  {
-    key: 'medium',
-    count: 2000,
-    color: 'gold',
-    label: 'Medium',
-  },
-  {
-    key: 'high',
-    count: 1500,
-    color: 'orange',
-    label: 'High',
-  },
-  {
-    key: 'critical',
-    count: 1000,
-    color: 'red',
-    label: 'Critical',
-  },
-];
-
-// Edge case: Multiple small segments at the beginning (leftmost)
-const mockStatsMultipleSmall = [
-  {
-    key: 'low1',
-    count: 3,
-    color: 'green',
-    label: 'Low 1',
-  },
-  {
-    key: 'low2',
-    count: 2,
-    color: 'green',
-    label: 'Low 2',
-  },
-  {
-    key: 'medium',
-    count: 3000,
-    color: 'gold',
-    label: 'Medium',
-  },
-  {
-    key: 'high',
-    count: 2000,
-    color: 'orange',
-    label: 'High',
-  },
-  {
-    key: 'critical',
-    count: 1000,
-    color: 'red',
-    label: 'Critical',
-  },
-];
-
 export default {
   title: 'DistributionBar',
   description: 'Distribution Bar',
@@ -148,24 +86,3 @@ export const DistributionBar = () => {
     </React.Fragment>,
   ];
 };
-
-export const EdgeCaseSmallSegments = () => {
-  return [
-    <React.Fragment key={'edge-case-tooltip-overflow'}>
-      <EuiTitle size={'xs'}>
-        <h4>{'Edge Case: Tooltip Change Direction'}</h4>
-      </EuiTitle>
-      <EuiSpacer size={'s'} />
-      <DistributionBarComponent stats={mockStatsEdgeCase} />
-      <EuiSpacer size={'m'} />
-    </React.Fragment>,
-    <React.Fragment key={'edge-case-multiple-small'}>
-      <EuiTitle size={'xs'}>
-        <h4>{'Edge Case: Multiple Small Segments at Beginning'}</h4>
-      </EuiTitle>
-      <EuiSpacer size={'s'} />
-      <DistributionBarComponent stats={mockStatsMultipleSmall} />
-      <EuiSpacer size={'m'} />
-    </React.Fragment>,
-  ];
-};

x-pack/solutions/security/packages/distribution-bar/src/distribution_bar.test.tsx

@@ -142,145 +142,4 @@ describe('DistributionBar', () => {
   });
 
   // todo: test tooltip visibility logic
-
-  describe('tooltip overflow edge cases', () => {
-    it('should add flipped tooltip attribute for small segments', () => {
-      // Mock getBoundingClientRect to simulate small segment that would overflow
-      const mockGetBoundingClientRect = jest.fn();
-
-      const containerRect = {
-        left: 0,
-        right: 500,
-        width: 500,
-        top: 0,
-        bottom: 0,
-        x: 0,
-        y: 0,
-        toJSON: () => ({}),
-      };
-
-      const smallPartRect = {
-        left: 0,
-        right: 50,
-        width: 50,
-        top: 0,
-        bottom: 0,
-        x: 0,
-        y: 0,
-        toJSON: () => ({}),
-      };
-
-      const tooltipContentRect = {
-        left: 0,
-        right: 120,
-        width: 120,
-        top: 0,
-        bottom: 0,
-        x: 0,
-        y: 0,
-        toJSON: () => ({}),
-      };
-
-      const largePartRect = {
-        left: 250,
-        right: 500,
-        width: 250,
-        top: 0,
-        bottom: 0,
-        x: 0,
-        y: 0,
-        toJSON: () => ({}),
-      };
-
-      Element.prototype.getBoundingClientRect = mockGetBoundingClientRect
-        .mockReturnValueOnce(containerRect)
-        .mockReturnValueOnce(smallPartRect)
-        .mockReturnValueOnce(tooltipContentRect)
-        .mockReturnValueOnce(largePartRect)
-        .mockReturnValueOnce(tooltipContentRect);
-
-      const stats = [
-        {
-          key: 'small',
-          count: 1,
-          color: 'green',
-          label: 'Small',
-        },
-        {
-          key: 'large',
-          count: 1000,
-          color: 'red',
-          label: 'Large',
-        },
-      ];
-
-      const { container } = render(<DistributionBar stats={stats} data-test-subj={testSubj} />);
-      expect(container).toBeInTheDocument();
-
-      const parts = container.querySelectorAll(`[data-test-subj="${testSubj}__part"]`);
-      expect(parts.length).toEqual(stats.length);
-
-      expect(parts[0].getAttribute('data-tooltip-flipped')).toBe('true');
-
-      expect(parts[1].getAttribute('data-tooltip-flipped')).toBe('false');
-
-      mockGetBoundingClientRect.mockRestore();
-    });
-
-    it('should not flip tooltip when there is enough space', () => {
-      const mockGetBoundingClientRect = jest.fn();
-
-      const containerRect = {
-        left: 0,
-        right: 500,
-        width: 500,
-        top: 0,
-        bottom: 0,
-        x: 0,
-        y: 0,
-        toJSON: () => ({}),
-      };
-      const partRect = {
-        left: 200,
-        right: 500,
-        width: 300,
-        top: 0,
-        bottom: 0,
-        x: 200,
-        y: 0,
-        toJSON: () => ({}),
-      };
-      const tooltipRect = {
-        left: 0,
-        right: 120,
-        width: 120,
-        top: 0,
-        bottom: 0,
-        x: 0,
-        y: 0,
-        toJSON: () => ({}),
-      };
-
-      Element.prototype.getBoundingClientRect = mockGetBoundingClientRect
-        .mockReturnValueOnce(containerRect)
-        .mockReturnValueOnce(partRect)
-        .mockReturnValueOnce(tooltipRect);
-
-      const stats = [
-        {
-          key: 'medium',
-          count: 500,
-          color: 'yellow',
-          label: 'Medium',
-        },
-      ];
-
-      const { container } = render(<DistributionBar stats={stats} data-test-subj={testSubj} />);
-
-      const parts = container.querySelectorAll(`[data-test-subj="${testSubj}__part"]`);
-      expect(parts[0].getAttribute('data-tooltip-flipped')).toBe('false');
-
-      mockGetBoundingClientRect.mockRestore();
-    });
-  });
 });