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

package/eds-autocomplete/eds-autocomplete-force-selection.validator.d.ts

@@ -0,0 +1,19 @@
+import type { EdsAutocompleteItem } from './eds-autocomplete-item.model.js';
+/**
+ * Force-selection validator — pure-React port of the Angular
+ * `edsAutocompleteForceSelectionFromData`.
+ *
+ * The Angular version was an Angular-forms `ValidatorFn` (received an `AbstractControl`). React
+ * has no Angular forms layer, so this is a framework-agnostic pure function taking the value
+ * directly. It checks whether the selected value(s) exist in the source data (an item that came
+ * from the data always carries an `id`); a free-typed item has no `id`. Returns an error object
+ * `{ isInData: false, invalidValues }` when validation fails, or `null` when valid.
+ *
+ * Flagged for React forms-API design review (rule 6): wire this into whatever validation layer
+ * the consuming app uses (e.g. react-hook-form resolver, manual `onSelectionChange` check).
+ */
+export declare const edsAutocompleteForceSelectionFromData: (value: EdsAutocompleteItem | EdsAutocompleteItem[] | null | undefined) => {
+    isInData: boolean;
+    invalidValues: EdsAutocompleteItem | EdsAutocompleteItem[];
+} | null;
+//# sourceMappingURL=eds-autocomplete-force-selection.validator.d.ts.map

package/eds-autocomplete/eds-autocomplete-force-selection.validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-force-selection.validator.d.ts","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-force-selection.validator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qCAAqC,GAC9C,OAAO,mBAAmB,GAAG,mBAAmB,EAAE,GAAG,IAAI,GAAG,SAAS,KACtE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,aAAa,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAA;CAAE,GAAG,IAYtF,CAAC"}

package/eds-autocomplete/eds-autocomplete-force-selection.validator.js

@@ -0,0 +1,26 @@
+/**
+ * Force-selection validator — pure-React port of the Angular
+ * `edsAutocompleteForceSelectionFromData`.
+ *
+ * The Angular version was an Angular-forms `ValidatorFn` (received an `AbstractControl`). React
+ * has no Angular forms layer, so this is a framework-agnostic pure function taking the value
+ * directly. It checks whether the selected value(s) exist in the source data (an item that came
+ * from the data always carries an `id`); a free-typed item has no `id`. Returns an error object
+ * `{ isInData: false, invalidValues }` when validation fails, or `null` when valid.
+ *
+ * Flagged for React forms-API design review (rule 6): wire this into whatever validation layer
+ * the consuming app uses (e.g. react-hook-form resolver, manual `onSelectionChange` check).
+ */
+export const edsAutocompleteForceSelectionFromData = (value) => {
+    if (value) {
+        const isInData = Array.isArray(value)
+            ? value.every(obj => 'id' in obj && obj.id !== undefined)
+            : value.id !== undefined;
+        const invalidValues = Array.isArray(value)
+            ? value.filter(v => v.id === undefined)
+            : value;
+        return !isInData ? { isInData, invalidValues } : null;
+    }
+    return null;
+};
+//# sourceMappingURL=eds-autocomplete-force-selection.validator.js.map

package/eds-autocomplete/eds-autocomplete-force-selection.validator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-force-selection.validator.js","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-force-selection.validator.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAG,CACjD,KAAqE,EACmB,EAAE;IAC1F,IAAI,KAAK,EAAE,CAAC;QACR,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACjC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,GAAG,CAAC,EAAE,KAAK,SAAS,CAAC;YACzD,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC;QAC7B,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACtC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC;YACvC,CAAC,CAAC,KAAK,CAAC;QAEZ,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}

package/eds-autocomplete/eds-autocomplete-item.model.d.ts

@@ -0,0 +1,18 @@
+import type { EdsChipTooltip } from '../eds-chip/eds-chip.js';
+/**
+ * Data structure for an autocomplete item — ported 1:1 from the Angular
+ * `eds-autocomplete-item.model.ts`. Used for both the source `options` list and the
+ * selected value(s).
+ */
+export interface EdsAutocompleteItem<METADATA = any> {
+    id?: string | number;
+    edsInternalId?: string;
+    label: string;
+    isRemovable?: boolean;
+    isDisabled?: boolean;
+    iconName?: string;
+    tooltip?: EdsChipTooltip;
+    metadata?: METADATA;
+    [id: string]: any;
+}
+//# sourceMappingURL=eds-autocomplete-item.model.d.ts.map

package/eds-autocomplete/eds-autocomplete-item.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-item.model.d.ts","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-item.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D;;;;GAIG;AAEH,MAAM,WAAW,mBAAmB,CAAC,QAAQ,GAAG,GAAG;IAC/C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB,CAAC,EAAE,EAAE,MAAM,GAAG,GAAG,CAAC;CACrB"}

package/eds-autocomplete/eds-autocomplete-item.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=eds-autocomplete-item.model.js.map

package/eds-autocomplete/eds-autocomplete-item.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-item.model.js","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-item.model.ts"],"names":[],"mappings":""}

package/eds-autocomplete/eds-autocomplete-option-group.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface EdsAutocompleteOptionGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Text label displayed as the group header. */
+    label?: string;
+    /** Projected content — the group label element + its options (matches Angular `<ng-content/>`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAutocompleteOptionGroup` — pure React port of the Angular `eds-autocomplete-option-group`.
+ *
+ * A `role="group"` wrapper grouping a set of options under a header label. The Angular component
+ * used `ViewEncapsulation.None` + a static host class `eds-autocomplete-option-group`; reproduced
+ * here as a plain `<div>` carrying that class. The rendered `<div>` IS the component.
+ */
+export declare const EdsAutocompleteOptionGroup: React.ForwardRefExoticComponent<EdsAutocompleteOptionGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-autocomplete-option-group.d.ts.map

package/eds-autocomplete/eds-autocomplete-option-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-option-group.d.ts","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-option-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,+BAAgC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzF,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mGAAmG;IACnG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,wGAatC,CAAC"}

package/eds-autocomplete/eds-autocomplete-option-group.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAutocompleteOptionGroup` — pure React port of the Angular `eds-autocomplete-option-group`.
+ *
+ * A `role="group"` wrapper grouping a set of options under a header label. The Angular component
+ * used `ViewEncapsulation.None` + a static host class `eds-autocomplete-option-group`; reproduced
+ * here as a plain `<div>` carrying that class. The rendered `<div>` IS the component.
+ */
+export const EdsAutocompleteOptionGroup = React.forwardRef(function EdsAutocompleteOptionGroup({ label: _label, children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, role: "group", className: className ? `eds-autocomplete-option-group ${className}` : 'eds-autocomplete-option-group', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-autocomplete-option-group.js.map

package/eds-autocomplete/eds-autocomplete-option-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-option-group.js","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-option-group.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CACtD,SAAS,0BAA0B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACpF,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iCAAiC,SAAS,EAAE,CAAC,CAAC,CAAC,+BAA+B,KACjG,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-autocomplete/eds-autocomplete-option.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+/** Local narrowed variant union — the option's left-border-indicator color contract. */
+export type EdsAutocompleteOptionVariant = 'primary' | 'info' | 'success' | 'warning' | 'critical';
+export interface EdsAutocompleteOptionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Unique identifier for this option, used by `aria-activedescendant`. @default '' */
+    optionId?: string;
+    /** Whether the option is currently highlighted/active via keyboard navigation. @default false */
+    isActive?: boolean;
+    /** Whether the option is disabled and cannot be selected. @default false */
+    isDisabled?: boolean;
+    /** Whether the option belongs to a group and needs indented styling. @default false */
+    isGroupItem?: boolean;
+    /** Color variant for the option's left border indicator. */
+    variant?: EdsAutocompleteOptionVariant;
+    /** Projected content rendered inside the option (matches Angular `<ng-content/>`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAutocompleteOption` — pure React port of the Angular `eds-autocomplete-option`.
+ *
+ * A single selectable option row (`role="option"`). The Angular component is **class-based**
+ * (`host: { '[class]': 'hostClasses()' }`) — it computes `eds-autocomplete-option` plus
+ * `--active` / `--disabled` / `--group-item` / `--{variant}` modifier classes. Per guide rule 9
+ * those BEM classes are reproduced verbatim on the root `className` and the ported CSS keeps the
+ * class selectors. The rendered `<div>` IS the component.
+ */
+export declare const EdsAutocompleteOption: React.ForwardRefExoticComponent<EdsAutocompleteOptionProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-autocomplete-option.d.ts.map

package/eds-autocomplete/eds-autocomplete-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-option.d.ts","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wFAAwF;AACxF,MAAM,MAAM,4BAA4B,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnG,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iGAAiG;IACjG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,mGAwCjC,CAAC"}

package/eds-autocomplete/eds-autocomplete-option.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAutocompleteOption` — pure React port of the Angular `eds-autocomplete-option`.
+ *
+ * A single selectable option row (`role="option"`). The Angular component is **class-based**
+ * (`host: { '[class]': 'hostClasses()' }`) — it computes `eds-autocomplete-option` plus
+ * `--active` / `--disabled` / `--group-item` / `--{variant}` modifier classes. Per guide rule 9
+ * those BEM classes are reproduced verbatim on the root `className` and the ported CSS keeps the
+ * class selectors. The rendered `<div>` IS the component.
+ */
+export const EdsAutocompleteOption = React.forwardRef(function EdsAutocompleteOption({ optionId = '', isActive = false, isDisabled = false, isGroupItem = false, variant, children, className, ...rest }, ref) {
+    const hostClass = [
+        'eds-autocomplete-option',
+        variant ? `eds-autocomplete-option--${variant}` : '',
+        isActive ? 'eds-autocomplete-option--active' : '',
+        isDisabled ? 'eds-autocomplete-option--disabled' : '',
+        isGroupItem ? 'eds-autocomplete-option--group-item' : '',
+        className ?? '',
+    ]
+        .filter(Boolean)
+        .join(' ')
+        .trim();
+    return (_jsx("div", { ref: ref, id: optionId || undefined, className: hostClass, role: "option", "aria-selected": isActive ? 'true' : 'false', "aria-disabled": isDisabled ? 'true' : undefined, ...rest, children: children }));
+});
+//# sourceMappingURL=eds-autocomplete-option.js.map

package/eds-autocomplete/eds-autocomplete-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-option.js","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-option.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACjD,SAAS,qBAAqB,CAC1B,EACI,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,SAAS,GAAG;QACd,yBAAyB;QACzB,OAAO,CAAC,CAAC,CAAC,4BAA4B,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE;QACpD,QAAQ,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE;QACjD,UAAU,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE;QACrD,WAAW,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;QACxD,SAAS,IAAI,EAAE;KAClB;SACI,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;IAEZ,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,QAAQ,IAAI,SAAS,EACzB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,mBACE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC3B,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KAC1C,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-autocomplete/eds-autocomplete-panel.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import type { EdsAutocompleteItem } from './eds-autocomplete-item.model.js';
+/** Grouped-options shape (ported 1:1 from the Angular `groupedOptions` record). */
+export type EdsAutocompleteGroupedOptions = Record<string, {
+    options: EdsAutocompleteItem[];
+    ancestorLength: number;
+}>;
+/** Render function for a custom option template (Angular `optionTemplate` `ng-template`). */
+export type EdsAutocompleteOptionTemplate = (option: EdsAutocompleteItem) => React.ReactNode;
+/** Render function for a custom group-label template (Angular `optGroupTemplate` `ng-template`). */
+export type EdsAutocompleteOptGroupTemplate = (group: {
+    label: string;
+}) => React.ReactNode;
+export interface EdsAutocompletePanelProps {
+    /** Unique panel id, used by `aria-controls` / option ids. @default 'eds-autocomplete__panel' */
+    panelId?: string;
+    /** Row height in px used to cap the scroll viewport height. @default 40 */
+    itemSize?: number;
+    /** Max viewport height in px (0 = auto). @default 0 */
+    viewportHeight?: number;
+    /** Property path to group options by (Angular `groupBy`). */
+    groupBy?: string;
+    /** Distinct group labels in render order (Angular `distinctOptionGroups`). */
+    distinctOptionGroups?: string[];
+    /** Grouped options record (Angular `groupedOptions`). */
+    groupedOptions?: EdsAutocompleteGroupedOptions;
+    /** Flat options list (Angular `autocompleteOptions`). */
+    autocompleteOptions?: EdsAutocompleteItem[];
+    /** Index of the currently active (keyboard-highlighted) option. @default 0 */
+    selectedOptionIndex?: number;
+    /** Optional custom option renderer (replaces the default icon + label). */
+    optionTemplate?: EdsAutocompleteOptionTemplate;
+    /** Optional custom group-label renderer. */
+    optGroupTemplate?: EdsAutocompleteOptGroupTemplate;
+    /** Fired when an option is clicked (Angular `optionSelected`). */
+    onOptionSelected?: (option: EdsAutocompleteItem) => void;
+}
+/**
+ * `EdsAutocompletePanel` — pure React port of the Angular `eds-autocomplete-panel`.
+ *
+ * Renders the suggestions listbox (`role="listbox"`) containing either a flat option list or
+ * options grouped by `groupBy`. The Angular version used `cdk-virtual-scroll-viewport`
+ * (`*cdkVirtualFor`) for the flat list; React drops CDK virtual scrolling and renders every
+ * option inside an `overflow:auto` viewport whose `max-height` is capped by `viewportHeight`
+ * (`visibleOptions * itemSize` from the parent) — matching the visible-rows semantics without a
+ * virtual-scroll library. Default option content is an optional `EdsIcon` (from `item.iconName`)
+ * plus the label; a consumer can override via `optionTemplate` / `optGroupTemplate`.
+ */
+export declare const EdsAutocompletePanel: React.ForwardRefExoticComponent<EdsAutocompletePanelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-autocomplete-panel.d.ts.map

package/eds-autocomplete/eds-autocomplete-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-panel.d.ts","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,mFAAmF;AACnF,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAC9C,MAAM,EACN;IAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,CAC7D,CAAC;AAEF,6FAA6F;AAC7F,MAAM,MAAM,6BAA6B,GAAG,CAAC,MAAM,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;AAC7F,oGAAoG;AACpG,MAAM,MAAM,+BAA+B,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,SAAS,CAAC;AAE5F,MAAM,WAAW,yBAAyB;IACtC,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,yDAAyD;IACzD,cAAc,CAAC,EAAE,6BAA6B,CAAC;IAC/C,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC5C,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2EAA2E;IAC3E,cAAc,CAAC,EAAE,6BAA6B,CAAC;IAC/C,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,+BAA+B,CAAC;IACnD,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC5D;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB,kGAwFhC,CAAC"}

package/eds-autocomplete/eds-autocomplete-panel.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { EdsAutocompleteOption } from './eds-autocomplete-option.js';
+import { EdsAutocompleteOptionGroup } from './eds-autocomplete-option-group.js';
+/**
+ * `EdsAutocompletePanel` — pure React port of the Angular `eds-autocomplete-panel`.
+ *
+ * Renders the suggestions listbox (`role="listbox"`) containing either a flat option list or
+ * options grouped by `groupBy`. The Angular version used `cdk-virtual-scroll-viewport`
+ * (`*cdkVirtualFor`) for the flat list; React drops CDK virtual scrolling and renders every
+ * option inside an `overflow:auto` viewport whose `max-height` is capped by `viewportHeight`
+ * (`visibleOptions * itemSize` from the parent) — matching the visible-rows semantics without a
+ * virtual-scroll library. Default option content is an optional `EdsIcon` (from `item.iconName`)
+ * plus the label; a consumer can override via `optionTemplate` / `optGroupTemplate`.
+ */
+export const EdsAutocompletePanel = React.forwardRef(function EdsAutocompletePanel({ panelId = 'eds-autocomplete__panel', itemSize: _itemSize = 40, viewportHeight = 0, groupBy, distinctOptionGroups = [], groupedOptions = {}, autocompleteOptions = [], selectedOptionIndex = 0, optionTemplate, optGroupTemplate, onOptionSelected, }, ref) {
+    const renderOptionContent = (option) => {
+        if (optionTemplate) {
+            return optionTemplate(option);
+        }
+        return (_jsxs(_Fragment, { children: [option.iconName ? _jsx(EdsIcon, { icon: option.iconName }) : null, option.label] }));
+    };
+    const viewportStyle = viewportHeight
+        ? { maxHeight: `${viewportHeight}px`, overflowY: 'auto' }
+        : { overflowY: 'auto' };
+    return (_jsx("div", { ref: ref, id: panelId, className: "eds-autocomplete__panel", role: "listbox", "aria-label": "Autocomplete panel", children: _jsx("div", { className: "eds-autocomplete__viewport", tabIndex: -1, style: viewportStyle, children: groupBy
+                ? distinctOptionGroups.map((group) => {
+                    const grouped = groupedOptions[group];
+                    if (!grouped || grouped.options.length === 0) {
+                        return null;
+                    }
+                    return (_jsxs(EdsAutocompleteOptionGroup, { label: group, children: [_jsx("div", { className: "eds-autocomplete-option-group__label", children: optGroupTemplate ? optGroupTemplate({ label: group }) : group }), _jsx("div", { className: "eds-autocomplete-option-group__options", children: grouped.options.map((option, j) => {
+                                    const globalIndex = grouped.ancestorLength + j;
+                                    return (_jsx(EdsAutocompleteOption, { isGroupItem: true, optionId: `${panelId}-option-${globalIndex}`, isActive: selectedOptionIndex === globalIndex, isDisabled: option.isDisabled, onClick: () => onOptionSelected?.(option), children: renderOptionContent(option) }, option.id ?? j));
+                                }) })] }, group));
+                })
+                : autocompleteOptions.map((option, i) => (_jsx(EdsAutocompleteOption, { optionId: `${panelId}-option-${i}`, isActive: selectedOptionIndex === i, isDisabled: option.isDisabled, onClick: () => onOptionSelected?.(option), children: renderOptionContent(option) }, option.id ?? i))) }) }));
+});
+//# sourceMappingURL=eds-autocomplete-panel.js.map

package/eds-autocomplete/eds-autocomplete-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-autocomplete-panel.js","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-autocomplete-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAuChF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAChD,SAAS,oBAAoB,CACzB,EACI,OAAO,GAAG,yBAAyB,EACnC,QAAQ,EAAE,SAAS,GAAG,EAAE,EACxB,cAAc,GAAG,CAAC,EAClB,OAAO,EACP,oBAAoB,GAAG,EAAE,EACzB,cAAc,GAAG,EAAE,EACnB,mBAAmB,GAAG,EAAE,EACxB,mBAAmB,GAAG,CAAC,EACvB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,GACnB,EACD,GAAG;IAEH,MAAM,mBAAmB,GAAG,CAAC,MAA2B,EAAmB,EAAE;QACzE,IAAI,cAAc,EAAE,CAAC;YACjB,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;QAClC,CAAC;QACD,OAAO,CACH,8BACK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3D,MAAM,CAAC,KAAK,IACd,CACN,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,aAAa,GAAwB,cAAc;QACrD,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,cAAc,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE;QACzD,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;IAE5B,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,SAAS,gBACH,oBAAoB,YAE/B,cAAK,SAAS,EAAC,4BAA4B,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,YACzE,OAAO;gBACJ,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACjC,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;oBACtC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;wBAC3C,OAAO,IAAI,CAAC;oBAChB,CAAC;oBACD,OAAO,CACH,MAAC,0BAA0B,IAAa,KAAK,EAAE,KAAK,aAChD,cAAK,SAAS,EAAC,sCAAsC,YAChD,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAC5D,EACN,cAAK,SAAS,EAAC,wCAAwC,YAClD,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oCAC/B,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC;oCAC/C,OAAO,CACH,KAAC,qBAAqB,IAElB,WAAW,QACX,QAAQ,EAAE,GAAG,OAAO,WAAW,WAAW,EAAE,EAC5C,QAAQ,EAAE,mBAAmB,KAAK,WAAW,EAC7C,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,YAExC,mBAAmB,CAAC,MAAM,CAAC,IAPvB,MAAM,CAAC,EAAE,IAAI,CAAC,CAQC,CAC3B,CAAC;gCACN,CAAC,CAAC,GACA,KApBuB,KAAK,CAqBT,CAChC,CAAC;gBACN,CAAC,CAAC;gBACF,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,KAAC,qBAAqB,IAElB,QAAQ,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,EAClC,QAAQ,EAAE,mBAAmB,KAAK,CAAC,EACnC,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,YAExC,mBAAmB,CAAC,MAAM,CAAC,IANvB,MAAM,CAAC,EAAE,IAAI,CAAC,CAOC,CAC3B,CAAC,GACJ,GACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-autocomplete/eds-autocomplete.css

@@ -0,0 +1,108 @@
+/* eds-autocomplete — pure-React CSS port of eds-autocomplete.scss + eds-autocomplete-panel.scss
+ * + eds-autocomplete-option.scss + eds-autocomplete-option-group.scss.
+ * `:host` → `.eds-autocomplete`; the `.eui-21` wrapper is dropped (share-ready). Tokens verbatim.
+ * Requires the global tokens layer (`@eui/eds-styles/dist/eds.css`) + the `eui-21` context class
+ * on an ancestor for `--eds-*` tokens to cascade in. */
+
+/* ── root (eds-autocomplete.scss :host) ───────────────────────────────────────── */
+.eds-autocomplete {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: var(--eds-sp-xs);
+}
+
+.eds-autocomplete .eds-autocomplete__input-container {
+    display: flex;
+    width: 100%;
+}
+
+.eds-autocomplete .eds-autocomplete__input {
+    width: 100%;
+}
+
+.eds-autocomplete .eds-autocomplete__expand-button {
+    margin-left: var(--eds-sp-xs);
+}
+
+.eds-autocomplete.eds-autocomplete--readonly {
+    pointer-events: none;
+}
+
+/* ── panel (eds-autocomplete-panel.scss) ──────────────────────────────────────── */
+/* Angular scoped the panel styles to the panel host; the React panel renders inside the
+ * portaled `.eds-autocomplete__panel-container`. Styles apply from that container down. */
+.eds-autocomplete__panel-container {
+    display: block;
+    width: 100%;
+}
+
+.eds-autocomplete__panel {
+    box-shadow: var(--eds-sh-3);
+    background-color: var(--eds-c-surface-elevation);
+    border-radius: var(--eds-br-s);
+    width: 100%;
+    overflow: hidden;
+}
+
+.eds-autocomplete-option-group .eds-autocomplete-option-group__label {
+    align-items: center;
+    cursor: default;
+    display: flex;
+    font: var(--eds-f-label-m-semi-bold);
+    min-height: 40px;
+    padding-inline: var(--eds-sp-s);
+    gap: var(--eds-sp-xs);
+}
+
+/* ── option (eds-autocomplete-option.scss :host) ──────────────────────────────── */
+.eds-autocomplete-option {
+    align-items: center;
+    border-left: var(--eds-bw-m) solid transparent;
+    cursor: pointer;
+    display: flex;
+    min-height: 40px;
+    padding-inline: var(--eds-sp-s);
+    gap: var(--eds-sp-xs);
+}
+
+.eds-autocomplete-option:hover {
+    background-color: var(--eds-c-surface-accent);
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--active {
+    background-color: var(--eds-c-surface-selected);
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--disabled {
+    cursor: default;
+    opacity: 0.4;
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--disabled:hover {
+    background: none;
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--group-item {
+    padding-left: var(--eds-sp-l);
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--primary {
+    border-left-color: var(--eds-c-border-primary);
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--info {
+    border-left-color: var(--eds-c-info);
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--success {
+    border-left-color: var(--eds-c-success);
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--warning {
+    border-left-color: var(--eds-c-warning);
+}
+
+.eds-autocomplete-option.eds-autocomplete-option--critical {
+    border-left-color: var(--eds-c-critical);
+}

package/eds-autocomplete/eds-autocomplete.d.ts

@@ -0,0 +1,146 @@
+import * as React from 'react';
+import type { EdsAutocompleteOptionTemplate, EdsAutocompleteOptGroupTemplate } from './eds-autocomplete-panel.js';
+import type { EdsAutocompleteItem } from './eds-autocomplete-item.model.js';
+/** Matching strategy for filtering options against the typed text. */
+export type EdsAutocompleteMatching = 'startWith' | 'contains';
+/** Sort direction for chips / items. */
+export type EdsAutocompleteSortOrder = 'ASC' | 'DESC';
+/** Position of the chips relative to the input. */
+export type EdsAutocompleteChipsPosition = 'top' | 'bottom';
+/**
+ * Chip drag-drop event payload (ported 1:1 from Angular `EdsChipDragDropEvent`). Retained for
+ * API parity, but see the drag-drop coverage note in the migrator hand-off: CDK DragDrop is not
+ * reimplemented, so `chipDragStart`/`chipDragRelease`/`chipDrop` never fire in this React port.
+ */
+export interface EdsChipDragDropEvent {
+    type: 'started' | 'released' | 'dropped';
+    chip: EdsAutocompleteItem;
+    chips: EdsAutocompleteItem[];
+}
+export interface EdsAutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'defaultValue'> {
+    /** Data attribute value for e2e testing. @default 'eds-autocomplete' */
+    e2eAttr?: string;
+    /** `id` applied to the inner `<input>`. */
+    inputId?: string;
+    /** Source list of selectable options (Angular `autocompleteData`). @default [] */
+    options?: EdsAutocompleteItem[];
+    /** Number of options visible before the panel scrolls (Angular `visibleOptions`). @default 5 */
+    visibleOptions?: number;
+    /** Matching strategy for filtering. @default 'contains' */
+    matching?: EdsAutocompleteMatching;
+    /** Placeholder for the input. @default '' */
+    placeholder?: string;
+    /** Sort direction for chips when `isChipsSorted`. @default 'ASC' */
+    chipsSortOrder?: EdsAutocompleteSortOrder;
+    /** Sort direction for options when `isItemsSorted`. @default 'ASC' */
+    itemsSortOrder?: EdsAutocompleteSortOrder;
+    /** Position of the chips relative to the input. @default 'top' */
+    chipsPosition?: EdsAutocompleteChipsPosition;
+    /** Property path to group options by (Angular `groupBy`). */
+    groupBy?: string;
+    /** ARIA label for the combobox input. @default 'Select an option' */
+    ariaLabel?: string | null;
+    /** Extra class(es) applied to the floating panel container (Angular `panelClass`). */
+    panelClass?: string | null;
+    /** Fixed panel width (any CSS unit / number of px). When unset the panel matches the input width. */
+    panelWidth?: string | number;
+    /** Whether free-typed (non-list) values are allowed. @default true */
+    isFreeValueAllowed?: boolean;
+    /** Readonly mode — no typing, no panel. @default false */
+    isReadonly?: boolean;
+    /** Loading mode — shows the input spinner. @default false */
+    isLoading?: boolean;
+    /** Chips (multi-value) mode. @default false */
+    hasChips?: boolean;
+    /** Async mode — options are provided/filtered by the consumer (no local filtering on open). @default false */
+    isAsync?: boolean;
+    /** Sort chips alphabetically. @default false */
+    isChipsSorted?: boolean;
+    /** Sort options alphabetically. @default false */
+    isItemsSorted?: boolean;
+    /** Sort groups alphabetically. @default true */
+    isGroupSorted?: boolean;
+    /** Whether chips can be removed. @default true */
+    isChipsRemovable?: boolean;
+    /** Allow duplicate values among chips. @default false */
+    isDuplicateValueAllowed?: boolean;
+    /** Add the typed value as a chip on blur. @default false */
+    isAddOnBlur?: boolean;
+    /** Clear typed text that does not match a data item (force select from data). @default false */
+    isForceSelection?: boolean;
+    /** Max visible chips before the expand/collapse toggle appears (Angular `maxVisibleChipsCount`). */
+    maxVisibleChipsCount?: number | null;
+    /** Truncate each chip label to N chars (Angular `chipsLabelTruncateCount`). */
+    chipsLabelTruncateCount?: number | null;
+    /** Whether the collapsed-chips section starts expanded. @default false */
+    isMaxVisibleChipsOpened?: boolean;
+    /** Chip drag-and-drop (Angular `isChipsDragAndDrop`). Retained for parity — not reimplemented. @default false */
+    isChipsDragAndDrop?: boolean;
+    /** Optional custom option renderer (Angular `optionTemplate` `ng-template`). */
+    optionTemplate?: EdsAutocompleteOptionTemplate;
+    /** Optional custom group-label renderer (Angular `optGroupTemplate` `ng-template`). */
+    optGroupTemplate?: EdsAutocompleteOptGroupTemplate;
+    /**
+     * Controlled value. Single-select mode: `EdsAutocompleteItem | null`. Chips mode:
+     * `EdsAutocompleteItem[]`. React analog of the Angular `ControlValueAccessor` value.
+     */
+    value?: EdsAutocompleteItem | EdsAutocompleteItem[] | null;
+    /** Initial value for uncontrolled use (same shapes as `value`). */
+    defaultValue?: EdsAutocompleteItem | EdsAutocompleteItem[] | null;
+    /** Controlled input text. When provided the typed text is controlled. */
+    inputValue?: string;
+    /** Fired when the panel closes (Angular `panelClose`). */
+    onPanelClose?: () => void;
+    /** Fired when the panel opens (Angular `panelOpen`). */
+    onPanelOpen?: () => void;
+    /** Fired when the input gains focus (Angular `inputFocus`). */
+    onInputFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** Fired when the input loses focus (Angular `inputBlur`). */
+    onInputBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** Fired when the clear button clears the input (Angular `clear`). */
+    onClear?: () => void;
+    /** Fired whenever the selection changes; the current selected items (Angular `selectionChange`). */
+    onSelectionChange?: (items: EdsAutocompleteItem[]) => void;
+    /** Fired when an item is added (Angular `itemAdd`). */
+    onItemAdd?: (item: EdsAutocompleteItem) => void;
+    /** Fired when a chip is removed (Angular `itemRemove`). */
+    onItemRemove?: (item: EdsAutocompleteItem) => void;
+    /** Fired on every input text change; the new text (Angular `inputChange`). Use for async search. */
+    onInputChange?: (value: string) => void;
+    /** Chip drag events — never fired (drag-drop not reimplemented). Retained for API parity. */
+    onChipDragStart?: (event: EdsChipDragDropEvent) => void;
+    /** Chip drag events — never fired (drag-drop not reimplemented). Retained for API parity. */
+    onChipDragRelease?: (event: EdsChipDragDropEvent) => void;
+    /** Chip drag events — never fired (drag-drop not reimplemented). Retained for API parity. */
+    onChipDrop?: (event: EdsChipDragDropEvent) => void;
+    /** Portal target for the panel. Defaults to `document.body`. */
+    container?: Element | null;
+}
+/**
+ * `EdsAutocomplete` — pure React port of the Angular `eds-autocomplete`.
+ *
+ * A combobox input with a floating suggestions panel. Supports single-select and multi-value
+ * (chips) modes, local or async filtering (`contains` / `startWith`), option grouping, alpha
+ * sorting of chips/items/groups, free-text vs select-only, add-on-blur, force-selection, and
+ * chip label truncation / collapse-after-N.
+ *
+ * ## CVA → controlled React API (flagged for React forms-API design review, guide rule 6)
+ * The Angular component is a `ControlValueAccessor`. React has no CVA, so the value is exposed as
+ * a **controlled** `value` + `onSelectionChange` (or **uncontrolled** `defaultValue`); the typed
+ * text is a separate controlled `inputValue` + `onInputChange`, and the source list is `options`
+ * (with `isAsync` letting the consumer own filtering via `onInputChange`). Single-select value is
+ * `EdsAutocompleteItem | null`; chips value is `EdsAutocompleteItem[]`.
+ *
+ * ## CDK dropped → React reimplementation (guide rule 6)
+ * `@angular/cdk` `Overlay` + `FlexibleConnectedPositionStrategy` + `TemplatePortal` +
+ * `ScrollDispatcher` + `LiveAnnouncer` + `ActiveDescendantKeyManager` and the
+ * `cdk-virtual-scroll-viewport` are all dropped: the panel is a {@link createPortal} into
+ * `container` (default `document.body`) positioned by {@link useEdsConnectedPosition} (with a
+ * width sync to the input), roving highlight is a `selectedOptionIndex` state driving
+ * `aria-activedescendant`, keyboard nav (Up/Down/Enter/Escape/Home/End/Tab) is a document key
+ * handler, outside-click/scroll dismissal uses pointer + the position hook, and the panel renders
+ * every option in an `overflow:auto` viewport (no virtual scrolling). `@angular/cdk` DragDrop
+ * (chip reordering) is **not** reimplemented — see the `isChipsDragAndDrop` note.
+ */
+export declare const EdsAutocomplete: React.ForwardRefExoticComponent<EdsAutocompleteProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-autocomplete.d.ts.map

package/eds-autocomplete/eds-autocomplete.d.ts.map

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