From 42e03faf5ca0be0d30d59a0b50510d8312dd7e92 Mon Sep 17 00:00:00 2001
From: Amaranta <villegasamaranta@gmail.com>
Date: Mon, 9 Dec 2024 02:55:16 -0400
Subject: [PATCH 1/8] [EuiToolTip] implement memoization for styles in
 tool_tip_popover.tsx

---
 packages/eui/src/components/tool_tip/tool_tip_popover.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/eui/src/components/tool_tip/tool_tip_popover.tsx b/packages/eui/src/components/tool_tip/tool_tip_popover.tsx
index a561b30b7c1..8770362b505 100644
--- a/packages/eui/src/components/tool_tip/tool_tip_popover.tsx
+++ b/packages/eui/src/components/tool_tip/tool_tip_popover.tsx
@@ -16,7 +16,7 @@ import React, {
 } from 'react';
 import classNames from 'classnames';
 import { CommonProps } from '../common';
-import { useEuiTheme } from '../../services';
+import { useEuiMemoizedStyles } from '../../services';
 import { euiToolTipStyles } from './tool_tip.styles';
 
 export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left';
@@ -41,8 +41,7 @@ export const EuiToolTipPopover: FunctionComponent<Props> = ({
 }) => {
   const popover = useRef<HTMLDivElement>();
 
-  const euiTheme = useEuiTheme();
-  const styles = euiToolTipStyles(euiTheme);
+  const styles = useEuiMemoizedStyles(euiToolTipStyles);
   const cssStyles = [
     styles.euiToolTip,
     calculatedPosition && styles[calculatedPosition],

From 94ebcf824bf1c089083c117dc431ae01afb30783 Mon Sep 17 00:00:00 2001
From: Amaranta <villegasamaranta@gmail.com>
Date: Mon, 9 Dec 2024 03:45:19 -0400
Subject: [PATCH 2/8] [EuiToolTip] implement memoization for styles in
 tool_tip_popover.tsx

---
 .../icon/__snapshots__/icon.test.tsx.snap      | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
index 692f493f252..ac1238916c6 100644
--- a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -166,6 +166,24 @@ exports[`EuiIcon props color inherit is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props color inherit is rendered 2`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon emotion-euiIcon-m-inherit-isLoaded"
+  data-icon-type="search"
+  data-is-loaded="true"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props color primary is rendered 1`] = `
 <svg
   aria-hidden="true"

From 07645eead5e46307e0902f6a745bf1b3078985c3 Mon Sep 17 00:00:00 2001
From: rebeca1012 <rebeca.ledesma@gmail.com>
Date: Mon, 9 Dec 2024 14:27:13 -0400
Subject: [PATCH 3/8] [EuiToolTip] Memoized tool_tip_arrow component

---
 packages/eui/src/components/tool_tip/tool_tip_arrow.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/eui/src/components/tool_tip/tool_tip_arrow.tsx b/packages/eui/src/components/tool_tip/tool_tip_arrow.tsx
index 0b5eb348597..31acc346319 100644
--- a/packages/eui/src/components/tool_tip/tool_tip_arrow.tsx
+++ b/packages/eui/src/components/tool_tip/tool_tip_arrow.tsx
@@ -7,15 +7,14 @@
  */
 
 import React, { HTMLAttributes, FunctionComponent } from 'react';
-import { useEuiTheme } from '../../services';
+import { useEuiMemoizedStyles } from '../../services';
 import { ToolTipPositions } from './tool_tip_popover';
 import { euiToolTipStyles } from './tool_tip.styles';
 
 export const EuiToolTipArrow: FunctionComponent<
   { position: ToolTipPositions } & HTMLAttributes<HTMLDivElement>
 > = ({ position, ...props }) => {
-  const euiTheme = useEuiTheme();
-  const styles = euiToolTipStyles(euiTheme);
+  const styles = useEuiMemoizedStyles(euiToolTipStyles);
   const cssStyles = [styles.euiToolTip__arrow, styles.arrowPositions[position]];
 
   return <div css={cssStyles} {...props} />;

From 05192a90f47abe662b13881a10bf4705914708b7 Mon Sep 17 00:00:00 2001
From: Amaranta <villegasamaranta@gmail.com>
Date: Mon, 9 Dec 2024 15:08:23 -0400
Subject: [PATCH 4/8] [EuiToolTip] implement memoization for styles in popover
 component files

---
 .../src/components/popover/popover_arrow/_popover_arrow.tsx  | 5 ++---
 packages/eui/src/components/popover/popover_footer.tsx       | 5 ++---
 packages/eui/src/components/popover/popover_title.tsx        | 5 ++---
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/packages/eui/src/components/popover/popover_arrow/_popover_arrow.tsx b/packages/eui/src/components/popover/popover_arrow/_popover_arrow.tsx
index 4238824ae23..db5726eb1ec 100644
--- a/packages/eui/src/components/popover/popover_arrow/_popover_arrow.tsx
+++ b/packages/eui/src/components/popover/popover_arrow/_popover_arrow.tsx
@@ -9,7 +9,7 @@
 import React, { HTMLAttributes, FunctionComponent } from 'react';
 import { CommonProps } from '../../common';
 import { euiPopoverArrowStyles } from './_popover_arrow.styles';
-import { useEuiTheme } from '../../../services';
+import { useEuiMemoizedStyles } from '../../../services';
 
 export const POSITIONS = ['top', 'left', 'right', 'bottom'] as const;
 export type EuiPopoverArrowPositions = (typeof POSITIONS)[number];
@@ -24,8 +24,7 @@ export const EuiPopoverArrow: FunctionComponent<EuiPopoverArrowProps> = ({
   position,
   ...rest
 }) => {
-  const euiTheme = useEuiTheme();
-  const styles = euiPopoverArrowStyles(euiTheme);
+  const styles = useEuiMemoizedStyles(euiPopoverArrowStyles);
   const cssStyles = [styles.euiPopoverArrow, styles[position]];
 
   return (
diff --git a/packages/eui/src/components/popover/popover_footer.tsx b/packages/eui/src/components/popover/popover_footer.tsx
index 577ecc2b217..0dde7c55b7f 100644
--- a/packages/eui/src/components/popover/popover_footer.tsx
+++ b/packages/eui/src/components/popover/popover_footer.tsx
@@ -9,7 +9,7 @@
 import React, { HTMLAttributes, FunctionComponent, useContext } from 'react';
 import classNames from 'classnames';
 import { EuiPaddingSize, useEuiPaddingCSS } from '../../global_styling';
-import { useEuiTheme } from '../../services';
+import { useEuiMemoizedStyles } from '../../services';
 import { CommonProps } from '../common';
 import { euiPopoverFooterStyles } from './popover_footer.styles';
 import { EuiPopoverPanelContext } from './popover_panel/_popover_panel';
@@ -32,8 +32,7 @@ export const EuiPopoverFooter: EuiPopoverFooterProps = ({
   ...rest
 }) => {
   const { paddingSize: panelPadding } = useContext(EuiPopoverPanelContext);
-  const euiTheme = useEuiTheme();
-  const styles = euiPopoverFooterStyles(euiTheme);
+  const styles = useEuiMemoizedStyles(euiPopoverFooterStyles);
   const paddingStyles = useEuiPaddingCSS();
   const cssStyles = [
     styles.euiPopoverFooter,
diff --git a/packages/eui/src/components/popover/popover_title.tsx b/packages/eui/src/components/popover/popover_title.tsx
index 4263f35998e..8575ed43141 100644
--- a/packages/eui/src/components/popover/popover_title.tsx
+++ b/packages/eui/src/components/popover/popover_title.tsx
@@ -9,7 +9,7 @@
 import React, { HTMLAttributes, FunctionComponent, useContext } from 'react';
 import classNames from 'classnames';
 import { EuiPaddingSize, useEuiPaddingCSS } from '../../global_styling';
-import { useEuiTheme } from '../../services';
+import { useEuiMemoizedStyles } from '../../services';
 import { CommonProps } from '../common';
 import { euiPopoverTitleStyles } from './popover_title.styles';
 import { EuiPopoverPanelContext } from './popover_panel/_popover_panel';
@@ -32,8 +32,7 @@ export const EuiPopoverTitle: EuiPopoverTitleProps = ({
   ...rest
 }) => {
   const { paddingSize: panelPadding } = useContext(EuiPopoverPanelContext);
-  const euiTheme = useEuiTheme();
-  const styles = euiPopoverTitleStyles(euiTheme);
+  const styles = useEuiMemoizedStyles(euiPopoverTitleStyles);
   const paddingStyles = useEuiPaddingCSS();
   const cssStyles = [
     styles.euiPopoverTitle,

From 008cfaf17344bac09ec9ded99116100267939f2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9sar=20Gonz=C3=A1lez?= <cedgo1997@gmail.com>
Date: Mon, 9 Dec 2024 17:31:51 -0400
Subject: [PATCH 5/8] FIX: Delete snapshots to match unit tests

---
 .../icon/__snapshots__/icon.test.tsx.snap      | 18 ------------------
 1 file changed, 18 deletions(-)

diff --git a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
index ac1238916c6..692f493f252 100644
--- a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -166,24 +166,6 @@ exports[`EuiIcon props color inherit is rendered 1`] = `
 </svg>
 `;
 
-exports[`EuiIcon props color inherit is rendered 2`] = `
-<svg
-  aria-hidden="true"
-  class="euiIcon emotion-euiIcon-m-inherit-isLoaded"
-  data-icon-type="search"
-  data-is-loaded="true"
-  height="16"
-  role="img"
-  viewBox="0 0 16 16"
-  width="16"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
-  />
-</svg>
-`;
-
 exports[`EuiIcon props color primary is rendered 1`] = `
 <svg
   aria-hidden="true"

From 527e61ef6ed1e7283c41fc455c4807bb70332f06 Mon Sep 17 00:00:00 2001
From: Samuel Sanchez <18-11093@usb.ve>
Date: Fri, 13 Dec 2024 01:36:34 -0400
Subject: [PATCH 6/8] Create change.md

---
 packages/eui/changelogs/upcoming/change.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 packages/eui/changelogs/upcoming/change.md

diff --git a/packages/eui/changelogs/upcoming/change.md b/packages/eui/changelogs/upcoming/change.md
new file mode 100644
index 00000000000..1d654fd7147
--- /dev/null
+++ b/packages/eui/changelogs/upcoming/change.md
@@ -0,0 +1,7 @@
+This PR provides:
+
+Memoization of generated styles with useEuiMemoizedStyles from src/services
+This PR doesn't contain:
+
+Changes in UI
+QA

From 8ccc7d1405c9aad16d598a965ec87af2c633ed9f Mon Sep 17 00:00:00 2001
From: Samuel Sanchez <18-11093@usb.ve>
Date: Fri, 13 Dec 2024 01:40:51 -0400
Subject: [PATCH 7/8] Update and rename change.md to 2.md

---
 packages/eui/changelogs/upcoming/2.md      | 7 +++++++
 packages/eui/changelogs/upcoming/change.md | 7 -------
 2 files changed, 7 insertions(+), 7 deletions(-)
 create mode 100644 packages/eui/changelogs/upcoming/2.md
 delete mode 100644 packages/eui/changelogs/upcoming/change.md

diff --git a/packages/eui/changelogs/upcoming/2.md b/packages/eui/changelogs/upcoming/2.md
new file mode 100644
index 00000000000..c1c91100f8f
--- /dev/null
+++ b/packages/eui/changelogs/upcoming/2.md
@@ -0,0 +1,7 @@
+This PR provides:
+
+- Memoization of generated styles with useEuiMemoizedStyles from src/services
+
+This PR doesn't contain:
+
+- Changes in UI
diff --git a/packages/eui/changelogs/upcoming/change.md b/packages/eui/changelogs/upcoming/change.md
deleted file mode 100644
index 1d654fd7147..00000000000
--- a/packages/eui/changelogs/upcoming/change.md
+++ /dev/null
@@ -1,7 +0,0 @@
-This PR provides:
-
-Memoization of generated styles with useEuiMemoizedStyles from src/services
-This PR doesn't contain:
-
-Changes in UI
-QA

From 2c37398a1ce0ff8594ffbfef4acc3fa848a030d3 Mon Sep 17 00:00:00 2001
From: Samuel Sanchez <18-11093@usb.ve>
Date: Fri, 13 Dec 2024 01:46:49 -0400
Subject: [PATCH 8/8] rename changelog for issue #7561

---
 packages/eui/changelogs/upcoming/{2.md => 3.md} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/eui/changelogs/upcoming/{2.md => 3.md} (100%)

diff --git a/packages/eui/changelogs/upcoming/2.md b/packages/eui/changelogs/upcoming/3.md
similarity index 100%
rename from packages/eui/changelogs/upcoming/2.md
rename to packages/eui/changelogs/upcoming/3.md