@eui/eds-react 22.0.0-alpha.12 → 22.0.0-alpha.14

package/eds-dropdown/eds-dropdown.js

@@ -0,0 +1,302 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useEdsConnectedPosition, } from '../eds-popover/use-eds-connected-position.js';
+const ITEM_SELECTOR = '.eds-dropdown-item';
+const ENABLED_ITEM_SELECTOR = '.eds-dropdown-item:not(.eds-dropdown-item--disabled)';
+/**
+ * `EdsDropdown` — pure React port of the Angular `eds-dropdown`.
+ *
+ * A trigger element that opens a floating panel of `EdsDropdownItem`s (or custom content),
+ * positioned relative to the trigger, with roving-keyboard navigation, nested submenus,
+ * right-click (contextual) opening, hover-expand, block/right-aligned layout and click-outside /
+ * scroll-away dismissal. Rendered through a portal (default `document.body`).
+ *
+ * ⛔ CDK / service layer dropped → React API chosen:
+ * The Angular component wrapped `@angular/cdk` `Overlay` + `FlexibleConnectedPositionStrategy` +
+ * `GlobalPositionStrategy` (contextual menu at the pointer) + `TemplatePortal` + `cdkTrapFocus` +
+ * `cdkObserveContent` + `ScrollDispatcher` + `ActiveDescendantKeyManager`, plus RxJS
+ * `fromEvent`/`Subject`/`takeUntil` and an imperative `openDropdown(origin)`/`closeDropdown()` API.
+ * React has no CDK, so:
+ * - Overlay + portal → {@link createPortal} into `container` (default `document.body`).
+ * - `FlexibleConnectedPositionStrategy` (position pairs, flip/fallback, reposition scroll strategy)
+ *   → {@link useEdsConnectedPosition} with the new `align` extension (start/end edge alignment for
+ *   top/bottom, center for left/right — reproducing the dropdown's non-centered CDK pairs).
+ * - `GlobalPositionStrategy` (right-click contextual menu) → fixed positioning at the pointer
+ *   coordinates captured on `contextmenu`.
+ * - `ActiveDescendantKeyManager` (+ `Highlightable` items) → a roving-tabindex reimplementation
+ *   over the rendered `.eds-dropdown-item` nodes in the panel (Up/Down/Home/End with wrap, Enter to
+ *   activate, Escape/Tab to close, Arrow Left/Right for submenu per `subDropdownPosition`), toggling
+ *   the item's `--focused`/`--active` classes and moving DOM focus imperatively — matching the
+ *   Angular behavior.
+ * - RxJS keydown / outside-pointer / scroll subscriptions → document key + pointer listeners and a
+ *   scroll/resize reposition (the position hook), gated on open.
+ * - Imperative `openDropdown`/`closeDropdown` → a **controlled** `isOpen` prop OR an uncontrolled
+ *   trigger (click / right-click / toggle).
+ *
+ * The source is class-based (BEM), so the React port keeps the BEM classes (not `data-*`) to match
+ * the ported CSS 1:1.
+ */
+export const EdsDropdown = React.forwardRef(function EdsDropdown({ trigger, children, e2eAttr = 'eds-dropdown', panelTabIndex = -1, width = 'auto', height = 'auto', position = 'bottom', subDropdownPosition = 'right', isBlock = false, isDropDownRightAligned = false, hasClosedOnClickInside = true, isLabelUpdatedFromSelectedItem = false, isExpandOnHover: _isExpandOnHover = false, hasTabNavigation = false, isRightClickEnabled = false, isTriggerToggle = false, edsDisabled = false, isOpen, onExpand, onDropdownOpenChange, onItemClick, container, className, ...rest }, ref) {
+    const isControlled = isOpen !== undefined;
+    const [internalOpen, setInternalOpen] = useState(false);
+    const open = isControlled ? isOpen : internalOpen;
+    const triggerContainerRef = useRef(null);
+    const panelRef = useRef(null);
+    const wasOpen = useRef(false);
+    const activeIndexRef = useRef(-1);
+    // Pointer coordinates for the right-click contextual menu (GlobalPositionStrategy analog).
+    const [contextCoords, setContextCoords] = useState(null);
+    const [blockWidth, setBlockWidth] = useState(null);
+    // Cross-axis alignment: top/bottom align to the trigger's start edge, or end when
+    // right-aligned; left/right are centered on the vertical axis (matches Angular setPosition).
+    const align = position === 'left' || position === 'right'
+        ? 'center'
+        : isDropDownRightAligned
+            ? 'end'
+            : 'start';
+    const { style: connectedStyle } = useEdsConnectedPosition(triggerContainerRef, panelRef, position, open && !isRightClickEnabled, 0, align);
+    const setOpen = useCallback((next) => {
+        if (!isControlled) {
+            setInternalOpen(next);
+        }
+        onDropdownOpenChange?.(next);
+    }, [isControlled, onDropdownOpenChange]);
+    const closeDropdown = useCallback(() => {
+        setOpen(false);
+        onExpand?.(false);
+        setContextCoords(null);
+    }, [setOpen, onExpand]);
+    // ── item helpers (roving key manager reimplementation) ────────────────────
+    const getItems = useCallback(() => {
+        const panel = panelRef.current;
+        if (!panel)
+            return [];
+        return Array.from(panel.querySelectorAll(ITEM_SELECTOR));
+    }, []);
+    const getEnabledItems = useCallback(() => {
+        const panel = panelRef.current;
+        if (!panel)
+            return [];
+        return Array.from(panel.querySelectorAll(ENABLED_ITEM_SELECTOR));
+    }, []);
+    const setFocusedIndex = useCallback((index, moveDomFocus = true) => {
+        const items = getItems();
+        items.forEach(el => el.classList.remove('eds-dropdown-item--focused'));
+        items.forEach(el => (el.tabIndex = -1));
+        const el = items[index];
+        if (el) {
+            el.classList.add('eds-dropdown-item--focused');
+            el.tabIndex = 0;
+            if (moveDomFocus) {
+                el.focus({ preventScroll: true });
+            }
+        }
+        activeIndexRef.current = index;
+    }, [getItems]);
+    const isSubItem = useCallback((el) => {
+        return !!el && el.classList.contains('eds-dropdown-item--has-subdropdown');
+    }, []);
+    const activateItem = useCallback((el) => {
+        if (!el || el.classList.contains('eds-dropdown-item--disabled'))
+            return;
+        if (isLabelUpdatedFromSelectedItem) {
+            const labelEl = triggerContainerRef.current?.querySelector('button .eds-button__label');
+            if (labelEl) {
+                labelEl.innerText = el.innerText;
+            }
+        }
+        onItemClick?.({ element: el, text: el.innerText });
+        el.click();
+    }, [isLabelUpdatedFromSelectedItem, onItemClick]);
+    // ── open handling ─────────────────────────────────────────────────────────
+    const handleTriggerClick = useCallback((event) => {
+        if (edsDisabled || isRightClickEnabled)
+            return;
+        const target = event.target;
+        if (target.querySelector('.disabled') || target.querySelector(':disabled'))
+            return;
+        if (isBlock) {
+            setBlockWidth(`${triggerContainerRef.current?.offsetWidth ?? 0}px`);
+        }
+        if (!isTriggerToggle) {
+            setOpen(true);
+            onExpand?.(true);
+            event.stopPropagation();
+        }
+        else {
+            if (open) {
+                closeDropdown();
+            }
+            else {
+                setOpen(true);
+                onExpand?.(true);
+            }
+            event.stopPropagation();
+        }
+    }, [edsDisabled, isRightClickEnabled, isBlock, isTriggerToggle, open, setOpen, onExpand, closeDropdown]);
+    const handleTriggerContextMenu = useCallback((event) => {
+        if (!isRightClickEnabled || edsDisabled || open)
+            return;
+        const target = event.target;
+        if (target.querySelector('.disabled') || target.querySelector(':disabled'))
+            return;
+        setContextCoords({ x: event.clientX, y: event.clientY });
+        if (isBlock) {
+            setBlockWidth(`${triggerContainerRef.current?.offsetWidth ?? 0}px`);
+        }
+        setOpen(true);
+        onExpand?.(true);
+        event.preventDefault();
+        event.stopPropagation();
+    }, [isRightClickEnabled, edsDisabled, open, isBlock, setOpen, onExpand]);
+    // Click inside the panel → auto-close (unless on a submenu item / disabled / tab-nav).
+    const handlePanelClick = useCallback((event) => {
+        const itemEl = event.target.closest(ITEM_SELECTOR);
+        if (hasTabNavigation)
+            return;
+        if (hasClosedOnClickInside &&
+            !(itemEl && itemEl.classList.contains('eds-dropdown-item--has-subdropdown')) &&
+            !(itemEl && itemEl.classList.contains('eds-dropdown-item--disabled'))) {
+            if (itemEl) {
+                onItemClick?.({ element: itemEl, text: itemEl.innerText });
+                if (isLabelUpdatedFromSelectedItem) {
+                    const labelEl = triggerContainerRef.current?.querySelector('button .eds-button__label');
+                    if (labelEl)
+                        labelEl.innerText = itemEl.innerText;
+                }
+            }
+            closeDropdown();
+        }
+    }, [hasTabNavigation, hasClosedOnClickInside, onItemClick, isLabelUpdatedFromSelectedItem, closeDropdown]);
+    // Fire open/close transitions + seed the first active item on open.
+    useEffect(() => {
+        if (open && !wasOpen.current) {
+            onExpand?.(true);
+        }
+        else if (!open && wasOpen.current) {
+            onExpand?.(false);
+            activeIndexRef.current = -1;
+        }
+        wasOpen.current = open;
+    }, [open, onExpand]);
+    // Seed first-item-active once the panel is mounted (ActiveDescendantKeyManager.setFirstItemActive).
+    useLayoutEffect(() => {
+        if (!open)
+            return;
+        const enabled = getEnabledItems();
+        const items = getItems();
+        if (enabled.length > 0) {
+            const idx = items.indexOf(enabled[0]);
+            setFocusedIndex(idx, false);
+        }
+    }, [open, getEnabledItems, getItems, setFocusedIndex]);
+    // Keyboard navigation (document keydown while open) — roving key manager reimplementation.
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKeyDown = (event) => {
+            const items = getItems();
+            if (items.length === 0) {
+                if (event.key === 'Escape' || event.code === 'Escape')
+                    closeDropdown();
+                return;
+            }
+            const enabled = getEnabledItems();
+            const current = items[activeIndexRef.current];
+            const focusEnabledAt = (enabledIdx) => {
+                const wrapped = ((enabledIdx % enabled.length) + enabled.length) % enabled.length;
+                setFocusedIndex(items.indexOf(enabled[wrapped]));
+            };
+            const currentEnabledIdx = current ? enabled.indexOf(current) : -1;
+            switch (event.code) {
+                case 'Enter':
+                    if (!hasTabNavigation && current && !current.classList.contains('eds-dropdown-item--disabled')) {
+                        activateItem(current);
+                        if (!isSubItem(current))
+                            closeDropdown();
+                        event.preventDefault();
+                    }
+                    break;
+                case 'Escape':
+                    closeDropdown();
+                    event.preventDefault();
+                    break;
+                case 'Tab':
+                    if (!hasTabNavigation)
+                        closeDropdown();
+                    break;
+                case 'ArrowDown':
+                    focusEnabledAt(currentEnabledIdx + 1);
+                    event.preventDefault();
+                    break;
+                case 'ArrowUp':
+                    focusEnabledAt(currentEnabledIdx - 1);
+                    event.preventDefault();
+                    break;
+                case 'Home':
+                    focusEnabledAt(0);
+                    event.preventDefault();
+                    break;
+                case 'End':
+                    focusEnabledAt(enabled.length - 1);
+                    event.preventDefault();
+                    break;
+                case 'ArrowRight':
+                    if (subDropdownPosition === 'right' && current && isSubItem(current)) {
+                        activateItem(current);
+                    }
+                    event.preventDefault();
+                    break;
+                case 'ArrowLeft':
+                    if (subDropdownPosition === 'left' && current && isSubItem(current)) {
+                        activateItem(current);
+                    }
+                    event.preventDefault();
+                    break;
+                default:
+                    break;
+            }
+        };
+        document.addEventListener('keydown', onKeyDown);
+        return () => document.removeEventListener('keydown', onKeyDown);
+    }, [
+        open, hasTabNavigation, subDropdownPosition, getItems, getEnabledItems,
+        setFocusedIndex, activateItem, isSubItem, closeDropdown,
+    ]);
+    // Outside-click dismissal (Angular outsidePointerEvents), skipped in toggle mode's own click.
+    useEffect(() => {
+        if (!open)
+            return;
+        const onPointerDown = (event) => {
+            const target = event.target;
+            if (panelRef.current?.contains(target) || triggerContainerRef.current?.contains(target)) {
+                return;
+            }
+            closeDropdown();
+        };
+        document.addEventListener('pointerdown', onPointerDown, true);
+        return () => document.removeEventListener('pointerdown', onPointerDown, true);
+    }, [open, closeDropdown]);
+    // ── render ──────────────────────────────────────────────────────────────
+    const hostClass = [
+        'eds-dropdown',
+        isBlock ? 'eds-dropdown--block' : '',
+        isRightClickEnabled ? 'eds-dropdown--contextual-menu' : '',
+        className || '',
+    ].join(' ').trim();
+    const panelWidth = isBlock && blockWidth ? blockWidth : width;
+    // Panel position: contextual menu uses fixed pointer coords, otherwise the connected position.
+    const panelPositionStyle = isRightClickEnabled && contextCoords
+        ? { position: 'fixed', top: contextCoords.y, left: contextCoords.x }
+        : connectedStyle;
+    const subPositionClass = subDropdownPosition === 'right'
+        ? 'eds-dropdown--subdropdown-position-right'
+        : 'eds-dropdown--subdropdown-position-left';
+    const panel = open ? (_jsx("div", { className: `eds-dropdown__panel ${subPositionClass}`, style: { ...panelPositionStyle, zIndex: 1001 }, children: _jsx("div", { ref: panelRef, className: "eds-dropdown__panel-container", role: "menu", "aria-orientation": "vertical", "aria-label": "Dropdown menu", tabIndex: panelTabIndex, style: { maxHeight: height, width: panelWidth }, onClick: handlePanelClick, children: children }) })) : null;
+    const portalTarget = container ?? (typeof document !== 'undefined' ? document.body : null);
+    const portal = panel && portalTarget ? createPortal(panel, portalTarget) : panel;
+    return (_jsxs("div", { ref: ref, className: hostClass, "data-e2e": e2eAttr, ...rest, children: [_jsx("div", { ref: triggerContainerRef, className: "eds-dropdown__trigger-container", onClick: handleTriggerClick, onContextMenu: handleTriggerContextMenu, children: trigger }), portal] }));
+});
+//# sourceMappingURL=eds-dropdown.js.map

package/eds-dropdown/eds-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-dropdown.js","sourceRoot":"","sources":["../../src/eds-dropdown/eds-dropdown.tsx"],"names":[],"mappings":"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"}

package/eds-dropdown/index.d.ts

@@ -0,0 +1,7 @@
+export { EdsDropdown } from './eds-dropdown.js';
+export type { EdsDropdownProps, EdsDropdownPosition, EdsDropdownSubPosition, } from './eds-dropdown.js';
+export { EdsDropdownItem } from './eds-dropdown-item.js';
+export type { EdsDropdownItemProps } from './eds-dropdown-item.js';
+export { EdsDropdownContent } from './eds-dropdown-content.js';
+export type { EdsDropdownContentProps } from './eds-dropdown-content.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EACR,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,GACzB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,YAAY,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/eds-dropdown/index.js

@@ -0,0 +1,4 @@
+export { EdsDropdown } from './eds-dropdown.js';
+export { EdsDropdownItem } from './eds-dropdown-item.js';
+export { EdsDropdownContent } from './eds-dropdown-content.js';
+//# sourceMappingURL=index.js.map

package/eds-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

package/eds-empty-state/eds-empty-state-actions.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface EdsEmptyStateActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsEmptyStateActions` — pure React port of the Angular `eds-empty-state-actions` sub-component.
+ *
+ * Action buttons row at the bottom of an `EdsEmptyState`. Pure content projection
+ * (`<ng-content/>` → `{children}`); the Angular host class `eds-empty-state-actions` is kept.
+ */
+export declare const EdsEmptyStateActions: React.ForwardRefExoticComponent<EdsEmptyStateActionsProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-empty-state-actions.d.ts.map

package/eds-empty-state/eds-empty-state-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state-actions.d.ts","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,kGAYhC,CAAC"}

package/eds-empty-state/eds-empty-state-actions.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsEmptyStateActions` — pure React port of the Angular `eds-empty-state-actions` sub-component.
+ *
+ * Action buttons row at the bottom of an `EdsEmptyState`. Pure content projection
+ * (`<ng-content/>` → `{children}`); the Angular host class `eds-empty-state-actions` is kept.
+ */
+export const EdsEmptyStateActions = React.forwardRef(function EdsEmptyStateActions({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-empty-state-actions ${className}` : 'eds-empty-state-actions', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-empty-state-actions.js.map

package/eds-empty-state/eds-empty-state-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state-actions.js","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state-actions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAChD,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC/D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,2BAA2B,SAAS,EAAE,CAAC,CAAC,CAAC,yBAAyB,KACrF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-empty-state/eds-empty-state-description.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface EdsEmptyStateDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsEmptyStateDescription` — pure React port of the Angular `eds-empty-state-description` sub-component.
+ *
+ * Supporting descriptive text below the title. Pure content projection (`<ng-content/>` →
+ * `{children}`); the Angular host class `eds-empty-state-description` is kept.
+ */
+export declare const EdsEmptyStateDescription: React.ForwardRefExoticComponent<EdsEmptyStateDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-empty-state-description.d.ts.map

package/eds-empty-state/eds-empty-state-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state-description.d.ts","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state-description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,sGAgBpC,CAAC"}

package/eds-empty-state/eds-empty-state-description.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsEmptyStateDescription` — pure React port of the Angular `eds-empty-state-description` sub-component.
+ *
+ * Supporting descriptive text below the title. Pure content projection (`<ng-content/>` →
+ * `{children}`); the Angular host class `eds-empty-state-description` is kept.
+ */
+export const EdsEmptyStateDescription = React.forwardRef(function EdsEmptyStateDescription({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className
+            ? `eds-empty-state-description ${className}`
+            : 'eds-empty-state-description', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-empty-state-description.js.map

package/eds-empty-state/eds-empty-state-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state-description.js","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state-description.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACpD,SAAS,wBAAwB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACnE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EACL,SAAS;YACL,CAAC,CAAC,+BAA+B,SAAS,EAAE;YAC5C,CAAC,CAAC,6BAA6B,KAEnC,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-empty-state/eds-empty-state-icon.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface EdsEmptyStateIconProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsEmptyStateIcon` — pure React port of the Angular `eds-empty-state-icon` sub-component.
+ *
+ * Illustrative icon slot placed at the top of an `EdsEmptyState`. Pure content projection
+ * (`<ng-content/>` → `{children}`); the Angular host class `eds-empty-state-icon` is kept.
+ */
+export declare const EdsEmptyStateIcon: React.ForwardRefExoticComponent<EdsEmptyStateIconProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-empty-state-icon.d.ts.map

package/eds-empty-state/eds-empty-state-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state-icon.d.ts","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,+FAY7B,CAAC"}

package/eds-empty-state/eds-empty-state-icon.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsEmptyStateIcon` — pure React port of the Angular `eds-empty-state-icon` sub-component.
+ *
+ * Illustrative icon slot placed at the top of an `EdsEmptyState`. Pure content projection
+ * (`<ng-content/>` → `{children}`); the Angular host class `eds-empty-state-icon` is kept.
+ */
+export const EdsEmptyStateIcon = React.forwardRef(function EdsEmptyStateIcon({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-empty-state-icon ${className}` : 'eds-empty-state-icon', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-empty-state-icon.js.map

package/eds-empty-state/eds-empty-state-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state-icon.js","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC7C,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC5D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,wBAAwB,SAAS,EAAE,CAAC,CAAC,CAAC,sBAAsB,KAC/E,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-empty-state/eds-empty-state-title.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface EdsEmptyStateTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsEmptyStateTitle` — pure React port of the Angular `eds-empty-state-title` sub-component.
+ *
+ * The empty state's heading text. Pure content projection (`<ng-content/>` → `{children}`);
+ * the Angular host class `eds-empty-state-title` is kept.
+ */
+export declare const EdsEmptyStateTitle: React.ForwardRefExoticComponent<EdsEmptyStateTitleProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-empty-state-title.d.ts.map

package/eds-empty-state/eds-empty-state-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state-title.d.ts","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,gGAY9B,CAAC"}

package/eds-empty-state/eds-empty-state-title.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsEmptyStateTitle` — pure React port of the Angular `eds-empty-state-title` sub-component.
+ *
+ * The empty state's heading text. Pure content projection (`<ng-content/>` → `{children}`);
+ * the Angular host class `eds-empty-state-title` is kept.
+ */
+export const EdsEmptyStateTitle = React.forwardRef(function EdsEmptyStateTitle({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-empty-state-title ${className}` : 'eds-empty-state-title', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-empty-state-title.js.map

package/eds-empty-state/eds-empty-state-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state-title.js","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state-title.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAC9C,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC7D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,yBAAyB,SAAS,EAAE,CAAC,CAAC,CAAC,uBAAuB,KACjF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-empty-state/eds-empty-state.css

@@ -0,0 +1,46 @@
+/**
+ * eds-empty-state — pure-React CSS port of eds-empty-state.scss (+ sub-component SCSS files).
+ * 1:1 translation: `:host` -> root class; `.eui-21` wrapper dropped; `--eds-*` tokens verbatim.
+ */
+
+/* eds-empty-state.scss -> :host */
+.eds-empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: var(--eds-sp-xl);
+    gap: var(--eds-sp-s);
+}
+
+/* eds-empty-state-icon.scss -> :host (host class eds-empty-state-icon) */
+.eds-empty-state-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--eds-c-foreground-subtler);
+}
+
+/* eds-empty-state-title.scss -> :host (host class eds-empty-state-title) */
+.eds-empty-state-title {
+    display: block;
+    font: var(--eds-f-label-l-semi-bold);
+    color: var(--eds-c-foreground-default);
+}
+
+/* eds-empty-state-description.scss -> :host (host class eds-empty-state-description) */
+.eds-empty-state-description {
+    display: block;
+    font: var(--eds-f-paragraph-m);
+    color: var(--eds-c-foreground-subtler);
+}
+
+/* eds-empty-state-actions.scss -> :host (host class eds-empty-state-actions) */
+.eds-empty-state-actions {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--eds-sp-xs);
+    padding-top: var(--eds-sp-xs);
+}

package/eds-empty-state/eds-empty-state.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+/**
+ * Local narrowed size union — the empty-state's size contract.
+ *
+ * In the Angular `eds-empty-state`, size is supplied through the `EdsSizeDirective`
+ * host directive, but only the `edsSizeS` / `edsSizeM` / `edsSizeL` boolean inputs (plus
+ * `edsSizeVariant`) are wired, so the accepted values are exactly `s | m | l`.
+ */
+export type EdsEmptyStateSize = 's' | 'm' | 'l';
+export interface EdsEmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Size of the empty state. @default 'm' */
+    size?: EdsEmptyStateSize;
+    /** Data attribute value for end-to-end testing identification. @default 'eds-empty-state' */
+    e2eAttr?: string;
+    /** Projected content — nest `EdsEmptyStateIcon` / `Title` / `Description` / `Actions` here. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsEmptyState` — pure React port of the Angular `eds-empty-state`.
+ *
+ * A presentational, centered layout container for "no content" / "no results" states.
+ * The rendered element IS the component (no wrapper). Children are the projected
+ * sub-components (`EdsEmptyStateIcon`, `EdsEmptyStateTitle`, `EdsEmptyStateDescription`,
+ * `EdsEmptyStateActions`), matching the Angular element-selector `<ng-content>` slots.
+ *
+ * The Angular source reflects size as a BEM modifier **class** (`eds-empty-state--size-{size}`)
+ * via `hostClasses()` + `EdsSizeDirective`, so this is a class-based (pre-String-Props) source:
+ * the React port reproduces the same class string rather than a `data-size` attribute
+ * (per the class-based exception in the migration guide). Requires `@eui/eds-styles` + the
+ * `eui-21` class on an ancestor for the `--eds-*` tokens to cascade in.
+ */
+export declare const EdsEmptyState: React.ForwardRefExoticComponent<EdsEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-empty-state.d.ts.map

package/eds-empty-state/eds-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state.d.ts","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,4CAA4C;IAC5C,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,2FAgBxB,CAAC"}

package/eds-empty-state/eds-empty-state.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsEmptyState` — pure React port of the Angular `eds-empty-state`.
+ *
+ * A presentational, centered layout container for "no content" / "no results" states.
+ * The rendered element IS the component (no wrapper). Children are the projected
+ * sub-components (`EdsEmptyStateIcon`, `EdsEmptyStateTitle`, `EdsEmptyStateDescription`,
+ * `EdsEmptyStateActions`), matching the Angular element-selector `<ng-content>` slots.
+ *
+ * The Angular source reflects size as a BEM modifier **class** (`eds-empty-state--size-{size}`)
+ * via `hostClasses()` + `EdsSizeDirective`, so this is a class-based (pre-String-Props) source:
+ * the React port reproduces the same class string rather than a `data-size` attribute
+ * (per the class-based exception in the migration guide). Requires `@eui/eds-styles` + the
+ * `eui-21` class on an ancestor for the `--eds-*` tokens to cascade in.
+ */
+export const EdsEmptyState = React.forwardRef(function EdsEmptyState({ size = 'm', e2eAttr = 'eds-empty-state', children, className, ...rest }, ref) {
+    // Mirrors the Angular `hostClasses()`: 'eds-empty-state' + `EdsSizeDirective.getCssClass('eds-empty-state')`,
+    // which resolves to `eds-empty-state--size-{size}` (default 'm').
+    const sizeClass = `eds-empty-state--size-${size}`;
+    const rootClass = className
+        ? `eds-empty-state ${sizeClass} ${className}`
+        : `eds-empty-state ${sizeClass}`;
+    return (_jsx("div", { ref: ref, className: rootClass, "data-e2e": e2eAttr, ...rest, children: children }));
+});
+//# sourceMappingURL=eds-empty-state.js.map

package/eds-empty-state/eds-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-empty-state.js","sourceRoot":"","sources":["../../src/eds-empty-state/eds-empty-state.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EAAE,IAAI,GAAG,GAAG,EAAE,OAAO,GAAG,iBAAiB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACzE,GAAG;IAEH,8GAA8G;IAC9G,kEAAkE;IAClE,MAAM,SAAS,GAAG,yBAAyB,IAAI,EAAE,CAAC;IAClD,MAAM,SAAS,GAAG,SAAS;QACvB,CAAC,CAAC,mBAAmB,SAAS,IAAI,SAAS,EAAE;QAC7C,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC;IAErC,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,cAAY,OAAO,KAAM,IAAI,YAC3D,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-empty-state/index.d.ts

@@ -0,0 +1,11 @@
+export { EdsEmptyState } from './eds-empty-state.js';
+export type { EdsEmptyStateProps, EdsEmptyStateSize } from './eds-empty-state.js';
+export { EdsEmptyStateIcon } from './eds-empty-state-icon.js';
+export type { EdsEmptyStateIconProps } from './eds-empty-state-icon.js';
+export { EdsEmptyStateTitle } from './eds-empty-state-title.js';
+export type { EdsEmptyStateTitleProps } from './eds-empty-state-title.js';
+export { EdsEmptyStateDescription } from './eds-empty-state-description.js';
+export type { EdsEmptyStateDescriptionProps } from './eds-empty-state-description.js';
+export { EdsEmptyStateActions } from './eds-empty-state-actions.js';
+export type { EdsEmptyStateActionsProps } from './eds-empty-state-actions.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,YAAY,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC"}