@elastic/eui 72.0.0 → 72.2.0

package/eui.d.ts

@@ -4587,7 +4587,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    /**
 	     * Object of props passed to EuiFocusTrap
 	     */
-	    focusTrapProps?: Pick<EuiFocusTrapProps, 'clickOutsideDisables' | 'noIsolation' | 'scrollLock' | 'shards'>;
+	    focusTrapProps?: Pick<EuiFocusTrapProps, 'clickOutsideDisables' | 'onClickOutside' | 'noIsolation' | 'scrollLock' | 'shards'>;
 	    /**
 	     * Show arrow indicating to originating button
 	     */
@@ -5753,6 +5753,13 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	     * Suggested position. If there is not enough room for it this will be changed.
 	     */
 	    position: ToolTipPositions;
+	    /**
+	     * When `true`, the tooltip's position is re-calculated when the user
+	     * scrolls. This supports having fixed-position tooltip anchors.
+	     *
+	     * When nesting an `EuiTooltip` in a scrollable container, `repositionOnScroll` should be `true`
+	     */
+	    repositionOnScroll?: boolean;
 	    /**
 	     * If supplied, called when mouse movement causes the tool tip to be
 	     * hidden.
@@ -6433,6 +6440,29 @@ declare module '@elastic/eui/src/components/color_picker/color_picker' {
 	export const EuiColorPicker: FunctionComponent<EuiColorPickerProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/color_picker/color_picker.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiColorPickerVariables: (euiThemeContext: UseEuiTheme) => {
+	    width: string;
+	};
+
+}
+declare module '@elastic/eui/src/components/color_picker/color_stops/color_stop_thumb.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiColorStopThumbStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiColorStopThumb: import("@emotion/utils").SerializedStyles;
+	    isPopoverOpen: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiColorStopThumbPopoverStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiColorStopThumbPopover: import("@emotion/utils").SerializedStyles;
+	    isLoadingPanel: import("@emotion/utils").SerializedStyles;
+	    hasFocus: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiColorStopStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiColorStop: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/color_picker/color_stops/color_stop_thumb' {
 	import { FunctionComponent, CSSProperties } from 'react';
@@ -6473,6 +6503,25 @@ declare module '@elastic/eui/src/components/color_picker/color_stops/color_stop_
 	export const EuiColorStopThumb: FunctionComponent<EuiColorStopThumbProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/color_picker/color_stops/color_stops.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiColorStopsStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiColorStops: import("@emotion/utils").SerializedStyles;
+	    isEnabled: import("@emotion/utils").SerializedStyles;
+	    isDisabled: import("@emotion/utils").SerializedStyles;
+	    isHoverDisabled: import("@emotion/utils").SerializedStyles;
+	    isReadOnly: import("@emotion/utils").SerializedStyles;
+	    isDragging: import("@emotion/utils").SerializedStyles;
+	    euiColorStops__track: import("@emotion/utils").SerializedStyles;
+	    euiColorStops__addTarget: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiColorStopsAddContainerStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiColorStopsAddContainer: import("@emotion/utils").SerializedStyles;
+	    isEnabled: import("@emotion/utils").SerializedStyles;
+	    isDisabled: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/color_picker/color_stops/color_stops' {
 	import { FunctionComponent } from 'react';
@@ -6586,6 +6635,12 @@ declare module '@elastic/eui/src/services/color/manipulation' {
 	 * @param amount - Amount to change in absolute terms. 0-1.
 	 */
 	export const darken: (color: string, amount: number) => string;
+	/**
+	 * Returns the brighten value of a color. 0-100
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const brighten: (color: string, amount: number) => string;
 
 }
 declare module '@elastic/eui/src/services/color/contrast' {
@@ -7203,6 +7258,54 @@ declare module '@elastic/eui/src/services/format' {
 	export { formatNumber } from '@elastic/eui/src/services/format/format_number';
 	export { formatText } from '@elastic/eui/src/services/format/format_text';
 
+}
+declare module '@elastic/eui/src/services/hooks/useUpdateEffect' {
+	export const useUpdateEffect: (effect: Function, deps: unknown[]) => void;
+
+}
+declare module '@elastic/eui/src/services/hooks/useDependentState' {
+	
+	export function useDependentState<T>(valueFn: (previousState: undefined | T) => T, deps: unknown[]): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
+
+}
+declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
+	import { MutableRefObject, Ref } from 'react';
+	export const useCombinedRefs: <T>(refs: (Ref<T> | MutableRefObject<T | undefined> | undefined)[]) => (node: T) => void;
+
+}
+declare module '@elastic/eui/src/services/hooks/useForceRender' {
+	export const useForceRender: () => () => void;
+
+}
+declare module '@elastic/eui/src/services/hooks/useLatest' {
+	import { MutableRefObject } from 'react';
+	/**
+	 * Wraps the given `value` into a `MutableRefObject` and keeps the `current`
+	 * value up-to-date on every render cycle.
+	 */
+	export function useLatest<Value>(value: Value): MutableRefObject<Value | null>;
+
+}
+declare module '@elastic/eui/src/services/hooks/useMouseMove' {
+	import { MouseEvent, TouchEvent } from 'react';
+	export function isMouseEvent<T = HTMLDivElement>(event: MouseEvent<T> | TouchEvent<T>): event is MouseEvent<T>;
+	export function useMouseMove<T = HTMLDivElement>(handleChange: (location: {
+	    x: number;
+	    y: number;
+	}, isFirstInteraction?: boolean) => void, interactionConditional?: any): [
+	    (e: MouseEvent<T>) => void,
+	    (e: MouseEvent<T> | TouchEvent<T>, isFirstInteraction?: boolean) => void
+	];
+
+}
+declare module '@elastic/eui/src/services/hooks' {
+	export * from '@elastic/eui/src/services/hooks/useDependentState';
+	export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
+	export * from '@elastic/eui/src/services/hooks/useForceRender';
+	export * from '@elastic/eui/src/services/hooks/useLatest';
+	export * from '@elastic/eui/src/services/hooks/useMouseMove';
+	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
+
 }
 declare module '@elastic/eui/src/services/paging/pager' {
 	export class Pager {
@@ -7286,50 +7389,6 @@ declare module '@elastic/eui/src/services/security/get_secure_rel_for_target' {
 declare module '@elastic/eui/src/services/security' {
 	export { getSecureRelForTarget } from '@elastic/eui/src/services/security/get_secure_rel_for_target';
 
-}
-declare module '@elastic/eui/src/services/string/to_initials' {
-	/**
-	 * This function calculates the initials/acronym for a given name.
-	 * It defaults to only 2 characters and will take the first character (of each word).
-	 * If only one word is supplied for the name, it will only pass back the first letter of the word,
-	 * unless forced to 2 letters by setting `initialsLength` to `2`.
-	 * It will pass back the characters with the same casing as the original string
-	 * unless otherwise specified.
-	 *
-	 * @param {string} name The full name of the item to turn into initials
-	 * @param {number} initialsLength (Optional) How many characters to show (max 2 allowed)
-	 * @param {string} initials (Optional) Custom initials (max 2 characters)
-	 * @returns {string} True if the color is dark, false otherwise.
-	 */
-	export const MAX_INITIALS = 2;
-	export function toInitials(name: string, initialsLength?: 1 | 2, initials?: string): string | null;
-
-}
-declare module '@elastic/eui/src/services/string/to_case' {
-	/**
-	 * This function returns the same string with the first letter of the first word capitalized.
-	 *
-	 * @param {string} string The input string
-	 */
-	export function toSentenceCase(string: string): string;
-
-}
-declare module '@elastic/eui/src/services/string/slugify' {
-	/**
-	 * Lowercases input and replaces spaces with hyphens:
-	 * e.g. 'GridView Example' -> 'gridview-example'
-	 *
-	 * @param {string} string The starting string
-	 * @returns {string} Lowercase, dashed version of the starting staring
-	 */
-	export function slugify(str: string): string;
-
-}
-declare module '@elastic/eui/src/services/string' {
-	export { toInitials } from '@elastic/eui/src/services/string/to_initials';
-	export { toSentenceCase } from '@elastic/eui/src/services/string/to_case';
-	export { slugify } from '@elastic/eui/src/services/string/slugify';
-
 }
 declare module '@elastic/eui/src/services/sort/sort_direction' {
 	import PropTypes from 'prop-types'; const ASC: "asc"; const DESC: "desc";
@@ -7441,6 +7500,50 @@ declare module '@elastic/eui/src/services/sort' {
 	export { PropertySortType } from '@elastic/eui/src/services/sort/property_sort';
 	export { Comparators } from '@elastic/eui/src/services/sort/comparators';
 
+}
+declare module '@elastic/eui/src/services/string/to_initials' {
+	/**
+	 * This function calculates the initials/acronym for a given name.
+	 * It defaults to only 2 characters and will take the first character (of each word).
+	 * If only one word is supplied for the name, it will only pass back the first letter of the word,
+	 * unless forced to 2 letters by setting `initialsLength` to `2`.
+	 * It will pass back the characters with the same casing as the original string
+	 * unless otherwise specified.
+	 *
+	 * @param {string} name The full name of the item to turn into initials
+	 * @param {number} initialsLength (Optional) How many characters to show (max 2 allowed)
+	 * @param {string} initials (Optional) Custom initials (max 2 characters)
+	 * @returns {string} True if the color is dark, false otherwise.
+	 */
+	export const MAX_INITIALS = 2;
+	export function toInitials(name: string, initialsLength?: 1 | 2, initials?: string): string | null;
+
+}
+declare module '@elastic/eui/src/services/string/to_case' {
+	/**
+	 * This function returns the same string with the first letter of the first word capitalized.
+	 *
+	 * @param {string} string The input string
+	 */
+	export function toSentenceCase(string: string): string;
+
+}
+declare module '@elastic/eui/src/services/string/slugify' {
+	/**
+	 * Lowercases input and replaces spaces with hyphens:
+	 * e.g. 'GridView Example' -> 'gridview-example'
+	 *
+	 * @param {string} string The starting string
+	 * @returns {string} Lowercase, dashed version of the starting staring
+	 */
+	export function slugify(str: string): string;
+
+}
+declare module '@elastic/eui/src/services/string' {
+	export { toInitials } from '@elastic/eui/src/services/string/to_initials';
+	export { toSentenceCase } from '@elastic/eui/src/services/string/to_case';
+	export { slugify } from '@elastic/eui/src/services/string/slugify';
+
 }
 declare module '@elastic/eui/src/services/transition/transition' {
 	export const getTransitionTimings: (element: Element) => {
@@ -7476,84 +7579,36 @@ declare module '@elastic/eui/src/services/window_event/window_event' {
 declare module '@elastic/eui/src/services/window_event' {
 	export { EuiWindowEvent } from '@elastic/eui/src/services/window_event/window_event';
 
-}
-declare module '@elastic/eui/src/services/hooks/useUpdateEffect' {
-	export const useUpdateEffect: (effect: Function, deps: unknown[]) => void;
-
-}
-declare module '@elastic/eui/src/services/hooks/useDependentState' {
-	
-	export function useDependentState<T>(valueFn: (previousState: undefined | T) => T, deps: unknown[]): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
-
-}
-declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
-	import { MutableRefObject, Ref } from 'react';
-	export const useCombinedRefs: <T>(refs: (Ref<T> | MutableRefObject<T | undefined> | undefined)[]) => (node: T) => void;
-
-}
-declare module '@elastic/eui/src/services/hooks/useForceRender' {
-	export const useForceRender: () => () => void;
-
-}
-declare module '@elastic/eui/src/services/hooks/useLatest' {
-	import { MutableRefObject } from 'react';
-	/**
-	 * Wraps the given `value` into a `MutableRefObject` and keeps the `current`
-	 * value up-to-date on every render cycle.
-	 */
-	export function useLatest<Value>(value: Value): MutableRefObject<Value | null>;
-
-}
-declare module '@elastic/eui/src/services/hooks/useMouseMove' {
-	import { MouseEvent, TouchEvent } from 'react';
-	export function isMouseEvent<T = HTMLDivElement>(event: MouseEvent<T> | TouchEvent<T>): event is MouseEvent<T>;
-	export function useMouseMove<T = HTMLDivElement>(handleChange: (location: {
-	    x: number;
-	    y: number;
-	}, isFirstInteraction?: boolean) => void, interactionConditional?: any): [
-	    (e: MouseEvent<T>) => void,
-	    (e: MouseEvent<T> | TouchEvent<T>, isFirstInteraction?: boolean) => void
-	];
-
-}
-declare module '@elastic/eui/src/services/hooks' {
-	export * from '@elastic/eui/src/services/hooks/useDependentState';
-	export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
-	export * from '@elastic/eui/src/services/hooks/useForceRender';
-	export * from '@elastic/eui/src/services/hooks/useLatest';
-	export * from '@elastic/eui/src/services/hooks/useMouseMove';
-	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
-
 }
 declare module '@elastic/eui/src/services' {
 	import * as keys from '@elastic/eui/src/services/keys';
-	export { keys };
 	export { accessibleClickKeys, cascadingMenuKeys, comboBoxKeys, htmlIdGenerator, useGeneratedHtmlId, } from '@elastic/eui/src/services/accessibility';
+	export { CENTER_ALIGNMENT, LEFT_ALIGNMENT, RIGHT_ALIGNMENT } from '@elastic/eui/src/services/alignment';
 	export type { HorizontalAlignment } from '@elastic/eui/src/services/alignment';
-	export { LEFT_ALIGNMENT, RIGHT_ALIGNMENT, CENTER_ALIGNMENT } from '@elastic/eui/src/services/alignment';
+	export { CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, } from '@elastic/eui/src/services/breakpoint';
 	export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
-	export { useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, } from '@elastic/eui/src/services/breakpoint';
+	export { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplimentary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteNegative, euiPalettePositive, euiPaletteWarm, getSteppedGradient, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isColorDark, isValidHex, lightness, makeDisabledContrastColor, makeHighContrastColor, rgbToHex, rgbToHsv, saturate, shade, shadeOrTint, tint, tintOrShade, transparentize, VISUALIZATION_COLORS, wcagContrastMin, } from '@elastic/eui/src/services/color';
 	export type { HSV } from '@elastic/eui/src/services/color';
-	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, darken, makeHighContrastColor, makeDisabledContrastColor, wcagContrastMin, } from '@elastic/eui/src/services/color';
-	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
 	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
+	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
 	export * from '@elastic/eui/src/services/console';
 	export { copyToClipboard } from '@elastic/eui/src/services/copy_to_clipboard';
 	export * from '@elastic/eui/src/services/findElement';
-	export { formatAuto, formatBoolean, formatDate, formatNumber, formatText, dateFormatAliases, } from '@elastic/eui/src/services/format';
+	export { dateFormatAliases, formatAuto, formatBoolean, formatDate, formatNumber, formatText, } from '@elastic/eui/src/services/format';
+	export * from '@elastic/eui/src/services/hooks';
 	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
 	export { Pager } from '@elastic/eui/src/services/paging';
+	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
 	export { Random } from '@elastic/eui/src/services/random';
 	export { getSecureRelForTarget } from '@elastic/eui/src/services/security';
-	export { toSentenceCase, toInitials, slugify } from '@elastic/eui/src/services/string';
-	export type { PropertySort, Direction } from '@elastic/eui/src/services/sort';
-	export { PropertySortType, SortDirectionType, SortDirection, SortableProperties, Comparators, } from '@elastic/eui/src/services/sort';
-	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
+	export { Comparators, PropertySortType, SortableProperties, SortDirection, SortDirectionType, } from '@elastic/eui/src/services/sort';
+	export type { Direction, PropertySort } from '@elastic/eui/src/services/sort';
+	export { slugify, toInitials, toSentenceCase } from '@elastic/eui/src/services/string';
+	export * from '@elastic/eui/src/services/theme';
+	export { throttle } from '@elastic/eui/src/services/throttle';
 	export { getDurationAndPerformOnFrame, getTransitionTimings, getWaitDuration, performOnFrame, } from '@elastic/eui/src/services/transition';
 	export { EuiWindowEvent } from '@elastic/eui/src/services/window_event';
-	export * from '@elastic/eui/src/services/hooks';
-	export { throttle } from '@elastic/eui/src/services/throttle';
-	export * from '@elastic/eui/src/services/theme';
+	export { keys };
 
 }
 declare module '@elastic/eui/src/global_styling/mixins/_color' {
@@ -15075,6 +15130,10 @@ declare module '@elastic/eui/src/components/image/image_types' {
 	     * When set to `true` will make the image clickable to a larger version
 	     */
 	    allowFullScreen?: boolean;
+	    /**
+	     * Callback when the image is clicked and `allowFullScreen` is `true`
+	     */
+	    onFullScreen?: (isFullScreen: boolean) => void;
 	    /**
 	     * Changes the color of the icon that floats above the image when it can be clicked to fullscreen.
 	     * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.
@@ -15085,7 +15144,7 @@ declare module '@elastic/eui/src/components/image/image_types' {
 	     */
 	    wrapperProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
 	};
-	export type EuiImageWrapperProps = Pick<EuiImageProps, 'alt' | 'caption' | 'float' | 'margin' | 'hasShadow' | 'wrapperProps' | 'fullScreenIconColor' | 'allowFullScreen'> & {
+	export type EuiImageWrapperProps = Pick<EuiImageProps, 'alt' | 'caption' | 'float' | 'margin' | 'hasShadow' | 'wrapperProps' | 'fullScreenIconColor' | 'allowFullScreen' | 'onFullScreen'> & {
 	    isFullWidth: boolean;
 	    setIsFullScreen: (isFullScreen: boolean) => void;
 	};

package/i18ntokens.json

@@ -485,11 +485,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 272,
+        "line": 290,
         "column": 8
       },
       "end": {
-        "line": 281,
+        "line": 299,
         "column": 9
       }
     },
@@ -501,11 +501,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 272,
+        "line": 290,
         "column": 8
       },
       "end": {
-        "line": 281,
+        "line": 299,
         "column": 9
       }
     },
@@ -517,11 +517,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 318,
+        "line": 341,
         "column": 12
       },
       "end": {
-        "line": 323,
+        "line": 346,
         "column": 14
       }
     },
@@ -533,11 +533,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 328,
+        "line": 351,
         "column": 12
       },
       "end": {
-        "line": 334,
+        "line": 357,
         "column": 13
       }
     },
@@ -549,11 +549,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 328,
+        "line": 351,
         "column": 12
       },
       "end": {
-        "line": 334,
+        "line": 357,
         "column": 13
       }
     },
@@ -565,11 +565,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 360,
+        "line": 383,
         "column": 16
       },
       "end": {
-        "line": 363,
+        "line": 386,
         "column": 17
       }
     },
@@ -581,11 +581,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 513,
+        "line": 534,
         "column": 10
       },
       "end": {
-        "line": 521,
+        "line": 542,
         "column": 12
       }
     },
@@ -5109,11 +5109,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 684,
+        "line": 688,
         "column": 16
       },
       "end": {
-        "line": 687,
+        "line": 691,
         "column": 18
       }
     },

package/lib/components/accordion/accordion.js

@@ -260,7 +260,7 @@ var EuiAccordionClass = /*#__PURE__*/function (_Component) {
           css: cssSpinnerStyles
         }), (0, _react2.jsx)(_text.EuiText, {
           size: "s"
-        }, (0, _react2.jsx)("p", null, isLoadingMessage && isLoadingMessage !== true ? isLoadingMessage : (0, _react2.jsx)(_i18n.EuiI18n, {
+        }, (0, _react2.jsx)("p", null, isLoadingMessage !== true ? isLoadingMessage : (0, _react2.jsx)(_i18n.EuiI18n, {
           token: "euiAccordion.isLoading",
           default: "Loading"
         }))));

package/lib/components/basic_table/basic_table.js

@@ -1261,7 +1261,7 @@ EuiBasicTable.propTypes = {
     /**
        * Defines the horizontal alignment of the column
        */
-    align: _propTypes.default.oneOf(["left", "right", "center"]),
+    align: _propTypes.default.any,
 
     /**
        * Indicates whether this column should truncate its content when it doesn't fit
@@ -1320,7 +1320,7 @@ EuiBasicTable.propTypes = {
        */
     truncateText: _propTypes.default.bool,
     isExpander: _propTypes.default.bool,
-    align: _propTypes.default.oneOf(["left", "right", "center"]),
+    align: _propTypes.default.any,
 
     /**
        * Disables the user's ability to change the sort but still shows the current direction

package/lib/components/basic_table/in_memory_table.js

@@ -686,7 +686,7 @@ EuiInMemoryTable.propTypes = {
     /**
        * Defines the horizontal alignment of the column
        */
-    align: _propTypes.default.oneOf(["left", "right", "center"]),
+    align: _propTypes.default.any,
 
     /**
        * Indicates whether this column should truncate its content when it doesn't fit
@@ -745,7 +745,7 @@ EuiInMemoryTable.propTypes = {
        */
     truncateText: _propTypes.default.bool,
     isExpander: _propTypes.default.bool,
-    align: _propTypes.default.oneOf(["left", "right", "center"]),
+    align: _propTypes.default.any,
 
     /**
        * Disables the user's ability to change the sort but still shows the current direction
@@ -1200,10 +1200,7 @@ EuiInMemoryTable.propTypes = {
     "aria-label": _propTypes.default.string
   }).isRequired])]),
   sorting: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
-    sort: _propTypes.default.shape({
-      field: _propTypes.default.string.isRequired,
-      direction: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.any.isRequired]).isRequired
-    }).isRequired
+    sort: _propTypes.default.any.isRequired
   }).isRequired]),
 
   /**