@elastic/eui 93.5.1 → 93.5.2

package/es/services/theme/style_memoization.js

@@ -16,6 +16,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { createContext, useContext, useState, useMemo, useCallback, forwardRef } from 'react';
 import { useUpdateEffect } from '../hooks';
 import { useEuiTheme } from './hooks';
+import { emitEuiProviderWarning } from './warning';
 
 // Typically an object of serialized css`` styles, but can have any amount of nesting, so it's not worth it to try and strictly type this
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -47,7 +48,7 @@ export var EuiThemeMemoizedStylesProvider = function EuiThemeMemoizedStylesProvi
  */
 var getMemoizedStyles = function getMemoizedStyles(stylesGenerator, stylesMap, euiThemeContext) {
   if (!stylesGenerator.name) {
-    throw new Error('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
+    emitEuiProviderWarning('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
   }
   var existingStyles = stylesMap.get(stylesGenerator);
   if (existingStyles) {

package/eui.d.ts

@@ -23397,41 +23397,39 @@ declare module '@elastic/eui/.storybook/utils' {
 	/**
 	 * argTypes configurations
 	 */
+	import type { Meta, Preview, StoryObj } from '@storybook/react'; type StorybookConfig<T> = Meta<T> | StoryObj<T> | Preview;
 	/**
 	 * Completely hide props from Storybook's controls panel.
-	 * Should be passed or spread to `argTypes`
+	 *
+	 * Can be used for preview (Preview), component (Meta) or story (Story)
+	 * context by passing the config object for either. Use after defining
+	 * the specific config to be able to pass the config to this util.
+	 *
+	 * @returns the mutated config
 	 */
-	export const hideStorybookControls: <Props>(propNames: (keyof Props)[]) => {} | Record<keyof Props, {
-	    table: {
-	        disable: boolean;
-	    };
-	}>; const HIDE_CONTROL: {
-	    table: {
-	        disable: boolean;
-	    };
-	};
+	export const hideStorybookControls: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[]) => StorybookConfig<Props>;
 	/**
 	 * Leave props visible in Storybook's controls panel, but disable them
 	 * from being controllable (renders a `-`).
 	 *
-	 * Should be passed or spread to `argTypes`
+	 * Can be used for preview (Preview), component (Meta) or story (Story)
+	 * context by passing the config object for either. Use after defining
+	 * the specific config to be able to pass the config to this util.
+	 *
+	 * @returns the mutated config
 	 */
-	export const disableStorybookControls: <Props>(propNames: (keyof Props)[]) => {} | Record<keyof Props, {
-	    control: boolean;
-	}>; const DISABLE_CONTROL: {
-	    control: boolean;
-	};
+	export const disableStorybookControls: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[]) => StorybookConfig<Props>;
 	/**
 	 * Configure provided args to be listed under a specified
 	 * category in the props table.
 	 *
-	 * Should be passed or spread to `argTypes`
+	 * Can be used for preview (Preview), component (Meta) or story (Story)
+	 * context by passing the config object for either. Use after defining
+	 * the specific config to be able to pass the config to this util.
+	 *
+	 * @returns the mutated config
 	 */
-	export const moveStorybookControlsToCategory: <Props>(propNames: (keyof Props)[], category?: string) => {} | Record<keyof Props, ControlCategory>; type ControlCategory = {
-	    table: {
-	        category: string;
-	    };
-	};
+	export const moveStorybookControlsToCategory: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[], category?: string) => StorybookConfig<Props>;
 	/**
 	 * parameters configurations
 	 */

package/lib/services/theme/style_memoization.js

@@ -8,6 +8,7 @@ exports.withEuiStylesMemoizer = exports.useEuiMemoizedStyles = exports.EuiThemeM
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("../hooks");
 var _hooks2 = require("./hooks");
+var _warning = require("./warning");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -54,7 +55,7 @@ var EuiThemeMemoizedStylesProvider = function EuiThemeMemoizedStylesProvider(_re
 exports.EuiThemeMemoizedStylesProvider = EuiThemeMemoizedStylesProvider;
 var getMemoizedStyles = function getMemoizedStyles(stylesGenerator, stylesMap, euiThemeContext) {
   if (!stylesGenerator.name) {
-    throw new Error('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
+    (0, _warning.emitEuiProviderWarning)('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
   }
   var existingStyles = stylesMap.get(stylesGenerator);
   if (existingStyles) {

package/optimize/es/services/theme/style_memoization.js

@@ -11,6 +11,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { createContext, useContext, useState, useMemo, useCallback, forwardRef } from 'react';
 import { useUpdateEffect } from '../hooks';
 import { useEuiTheme } from './hooks';
+import { emitEuiProviderWarning } from './warning';
 
 // Typically an object of serialized css`` styles, but can have any amount of nesting, so it's not worth it to try and strictly type this
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -42,7 +43,7 @@ export var EuiThemeMemoizedStylesProvider = function EuiThemeMemoizedStylesProvi
  */
 var getMemoizedStyles = function getMemoizedStyles(stylesGenerator, stylesMap, euiThemeContext) {
   if (!stylesGenerator.name) {
-    throw new Error('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
+    emitEuiProviderWarning('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
   }
   var existingStyles = stylesMap.get(stylesGenerator);
   if (existingStyles) {

package/optimize/lib/services/theme/style_memoization.js

@@ -11,6 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("../hooks");
 var _hooks2 = require("./hooks");
+var _warning = require("./warning");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -54,7 +55,7 @@ var EuiThemeMemoizedStylesProvider = function EuiThemeMemoizedStylesProvider(_re
 exports.EuiThemeMemoizedStylesProvider = EuiThemeMemoizedStylesProvider;
 var getMemoizedStyles = function getMemoizedStyles(stylesGenerator, stylesMap, euiThemeContext) {
   if (!stylesGenerator.name) {
-    throw new Error('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
+    (0, _warning.emitEuiProviderWarning)('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
   }
   var existingStyles = stylesMap.get(stylesGenerator);
   if (existingStyles) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "93.5.1",
+  "version": "93.5.2",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
@@ -74,8 +74,8 @@
     "react-focus-on": "^3.9.1",
     "react-is": "^17.0.2",
     "react-remove-scroll-bar": "^2.3.4",
-    "react-virtualized-auto-sizer": "^1.0.20",
-    "react-window": "^1.8.9",
+    "react-virtualized-auto-sizer": "^1.0.24",
+    "react-window": "^1.8.10",
     "refractor": "^3.6.0",
     "rehype-raw": "^5.1.0",
     "rehype-react": "^6.2.1",

package/test-env/services/theme/style_memoization.js

@@ -11,6 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("../hooks");
 var _hooks2 = require("./hooks");
+var _warning = require("./warning");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -54,7 +55,7 @@ var EuiThemeMemoizedStylesProvider = function EuiThemeMemoizedStylesProvider(_re
 exports.EuiThemeMemoizedStylesProvider = EuiThemeMemoizedStylesProvider;
 var getMemoizedStyles = function getMemoizedStyles(stylesGenerator, stylesMap, euiThemeContext) {
   if (!stylesGenerator.name) {
-    throw new Error('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
+    (0, _warning.emitEuiProviderWarning)('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
   }
   var existingStyles = stylesMap.get(stylesGenerator);
   if (existingStyles) {