@eui/eds-react 22.0.0-alpha.15 → 22.0.0-alpha.16

package/eds-table/eds-table-filter.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+/** Imperative handle exposing the Angular `resetFilter()` method. */
+export interface EdsTableFilterHandle {
+    /** Reset the filter to empty, emit the change, and focus the input (mirrors `resetFilter`). */
+    resetFilter(): void;
+    /** Set the filter value programmatically and emit the change (mirrors `setFilter`). */
+    setFilter(value: string | null): void;
+}
+export interface EdsTableFilterProps {
+    /** Placeholder text for the filter input (mirrors `placeholder`). @default 'Search...' */
+    placeholder?: string;
+    /**
+     * Debounce in ms before `onFilterChange` fires (mirrors the Angular `debounceTime(500)`).
+     * @default 500
+     */
+    debounce?: number;
+    /** Event emitted when the (debounced, de-duplicated) filter value changes (mirrors `filterChange`). */
+    onFilterChange?: (value: string) => void;
+    /** Optional class merged onto the host element. */
+    className?: string;
+}
+/**
+ * `EdsTableFilter` — pure React port of the Angular `eds-table-filter` component. Renders a search
+ * input (an `EdsInputText` inside an `EdsInputIcon` with a magnifying-glass `EdsIcon`) that emits
+ * debounced, de-duplicated filter changes (mirrors the RxJS `debounceTime(500)` +
+ * `distinctUntilChanged()` pipeline). The host element keeps the `eds-table-filter` class and the
+ * `data-e2e="eds-table-filter"` attribute.
+ *
+ * `resetFilter()` / `setFilter()` are exposed via a ref (mirrors the Angular public methods).
+ *
+ * @example
+ * ```tsx
+ * const filterRef = useRef<EdsTableFilterHandle>(null);
+ * <EdsTableFilter onFilterChange={(v) => setFilter(v)} />
+ * ```
+ */
+export declare const EdsTableFilter: React.ForwardRefExoticComponent<EdsTableFilterProps & React.RefAttributes<EdsTableFilterHandle>>;
+//# sourceMappingURL=eds-table-filter.d.ts.map

package/eds-table/eds-table-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-filter.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,qEAAqE;AACrE,MAAM,WAAW,oBAAoB;IACjC,+FAA+F;IAC/F,WAAW,IAAI,IAAI,CAAC;IACpB,uFAAuF;IACvF,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,mBAAmB;IAChC,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,kGA4E1B,CAAC"}

package/eds-table/eds-table-filter.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { EdsInputIcon } from '../eds-input-icon/eds-input-icon.js';
+import { EdsInputText } from '../eds-input-text/eds-input-text.js';
+/**
+ * `EdsTableFilter` — pure React port of the Angular `eds-table-filter` component. Renders a search
+ * input (an `EdsInputText` inside an `EdsInputIcon` with a magnifying-glass `EdsIcon`) that emits
+ * debounced, de-duplicated filter changes (mirrors the RxJS `debounceTime(500)` +
+ * `distinctUntilChanged()` pipeline). The host element keeps the `eds-table-filter` class and the
+ * `data-e2e="eds-table-filter"` attribute.
+ *
+ * `resetFilter()` / `setFilter()` are exposed via a ref (mirrors the Angular public methods).
+ *
+ * @example
+ * ```tsx
+ * const filterRef = useRef<EdsTableFilterHandle>(null);
+ * <EdsTableFilter onFilterChange={(v) => setFilter(v)} />
+ * ```
+ */
+export const EdsTableFilter = React.forwardRef(function EdsTableFilter({ placeholder = 'Search...', debounce = 500, onFilterChange, className }, ref) {
+    const [value, setValue] = useState('');
+    const inputRef = useRef(null);
+    const timerRef = useRef(null);
+    const lastEmittedRef = useRef(null);
+    // Debounced + distinct emit (mirrors debounceTime + distinctUntilChanged).
+    const scheduleEmit = useCallback((next) => {
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(() => {
+            if (lastEmittedRef.current !== next) {
+                lastEmittedRef.current = next;
+                onFilterChange?.(next);
+            }
+        }, debounce);
+    }, [debounce, onFilterChange]);
+    useEffect(() => {
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, []);
+    const setFilter = useCallback((next) => {
+        const v = next ?? '';
+        setValue(v);
+        if (lastEmittedRef.current !== v) {
+            lastEmittedRef.current = v;
+            onFilterChange?.(v);
+        }
+    }, [onFilterChange]);
+    useImperativeHandle(ref, () => ({
+        resetFilter: () => {
+            setFilter(null);
+            inputRef.current?.focus();
+        },
+        setFilter,
+    }), [setFilter]);
+    const rootClass = className ? `eds-table-filter ${className}` : 'eds-table-filter';
+    return (_jsx("div", { className: rootClass, "data-e2e": "eds-table-filter", children: _jsx("form", { className: "eds-table-filter__form", children: _jsx(EdsInputIcon, { icon: _jsx(EdsIcon, { icon: "magnifying-glass" }), children: _jsx(EdsInputText, { ref: inputRef, value: value, placeholder: placeholder, "aria-label": value || placeholder, onChange: (event) => {
+                        const next = event.target.value;
+                        setValue(next);
+                        scheduleEmit(next);
+                    } }) }) }) }));
+});
+//# sourceMappingURL=eds-table-filter.js.map

package/eds-table/eds-table-filter.js.map

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

package/eds-table/eds-table-highlight.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+/**
+ * `edsTableHighlight` — pure React port of the Angular `EdsTableHighlightPipe`.
+ *
+ * Wraps every substring of `value` matching `strFilter` in a `<span class="{className}">`, so
+ * filter matches can be visually highlighted in table cells (mirrors the pipe's
+ * `<span class="eds-u-text-search">$1</span>` output). For numeric filters it also matches
+ * separator-inserted variants (`.`, `,`, space every 4 chars) exactly like the Angular pipe.
+ *
+ * Returns an **HTML string** (identical to the pipe, for `dangerouslySetInnerHTML` /
+ * `[innerHTML]` parity). Prefer the {@link EdsTableHighlight} component, which renders the same
+ * result as safe React nodes without `dangerouslySetInnerHTML`.
+ *
+ * @param value Data displayed in a cell.
+ * @param strFilter Search string to highlight.
+ * @param className CSS class added to each highlight span. @default 'eds-u-text-search'
+ */
+export declare function edsTableHighlight(value: string, strFilter: string, className?: string): string;
+export interface EdsTableHighlightProps {
+    /** Data displayed in the cell. */
+    value: string | number | null | undefined;
+    /** Search string to highlight. */
+    filter: string;
+    /** CSS class added to each highlight span. @default 'eds-u-text-search' */
+    highlightClassName?: string;
+}
+/**
+ * `EdsTableHighlight` — React component wrapper over {@link edsTableHighlight}. Renders the same
+ * matched-substring highlighting as safe React nodes (no `dangerouslySetInnerHTML`), splitting the
+ * value on the same regex the pipe uses and wrapping matches in `<span class="…">`.
+ *
+ * @example
+ * ```tsx
+ * <td><EdsTableHighlight value={row.year} filter={filter} /></td>
+ * ```
+ */
+export declare function EdsTableHighlight({ value, filter, highlightClassName, }: EdsTableHighlightProps): React.ReactElement;
+//# sourceMappingURL=eds-table-highlight.d.ts.map

package/eds-table/eds-table-highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-highlight.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,SAAsB,GAChC,MAAM,CA8BR;AAED,MAAM,WAAW,sBAAsB;IACnC,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,kBAAwC,GAC3C,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CA0C7C"}

package/eds-table/eds-table-highlight.js

@@ -0,0 +1,81 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `edsTableHighlight` — pure React port of the Angular `EdsTableHighlightPipe`.
+ *
+ * Wraps every substring of `value` matching `strFilter` in a `<span class="{className}">`, so
+ * filter matches can be visually highlighted in table cells (mirrors the pipe's
+ * `<span class="eds-u-text-search">$1</span>` output). For numeric filters it also matches
+ * separator-inserted variants (`.`, `,`, space every 4 chars) exactly like the Angular pipe.
+ *
+ * Returns an **HTML string** (identical to the pipe, for `dangerouslySetInnerHTML` /
+ * `[innerHTML]` parity). Prefer the {@link EdsTableHighlight} component, which renders the same
+ * result as safe React nodes without `dangerouslySetInnerHTML`.
+ *
+ * @param value Data displayed in a cell.
+ * @param strFilter Search string to highlight.
+ * @param className CSS class added to each highlight span. @default 'eds-u-text-search'
+ */
+export function edsTableHighlight(value, strFilter, className = 'eds-u-text-search') {
+    if (!value)
+        return '';
+    if (!strFilter || strFilter.length === 0)
+        return value;
+    const generateVariants = (str) => {
+        const variants = new Set([str]);
+        for (let j = 1; j <= 3; j++) {
+            for (const separator of ['.', ',', ' ']) {
+                let newVariant = str;
+                let i = j;
+                while (i < newVariant.length) {
+                    newVariant = newVariant.slice(0, i) + separator + newVariant.slice(i);
+                    i += 4;
+                }
+                variants.add(newVariant);
+            }
+        }
+        return Array.from(variants);
+    };
+    const isNumber = (str) => !isNaN(Number(str)) && str.trim() !== '';
+    const variants = isNumber(strFilter) ? generateVariants(strFilter) : [strFilter];
+    const regex = new RegExp(`(${variants.map((v) => v.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).join('|')})`, 'gi');
+    return value.toString().replace(regex, `<span class="${className}">$1</span>`);
+}
+/**
+ * `EdsTableHighlight` — React component wrapper over {@link edsTableHighlight}. Renders the same
+ * matched-substring highlighting as safe React nodes (no `dangerouslySetInnerHTML`), splitting the
+ * value on the same regex the pipe uses and wrapping matches in `<span class="…">`.
+ *
+ * @example
+ * ```tsx
+ * <td><EdsTableHighlight value={row.year} filter={filter} /></td>
+ * ```
+ */
+export function EdsTableHighlight({ value, filter, highlightClassName = 'eds-u-text-search', }) {
+    const text = value === null || value === undefined ? '' : value.toString();
+    if (!text || !filter || filter.length === 0) {
+        return _jsx(_Fragment, { children: text });
+    }
+    const generateVariants = (str) => {
+        const variants = new Set([str]);
+        for (let j = 1; j <= 3; j++) {
+            for (const separator of ['.', ',', ' ']) {
+                let newVariant = str;
+                let i = j;
+                while (i < newVariant.length) {
+                    newVariant = newVariant.slice(0, i) + separator + newVariant.slice(i);
+                    i += 4;
+                }
+                variants.add(newVariant);
+            }
+        }
+        return Array.from(variants);
+    };
+    const isNumber = (str) => !isNaN(Number(str)) && str.trim() !== '';
+    const variants = isNumber(filter) ? generateVariants(filter) : [filter];
+    const pattern = `(${variants.map((v) => v.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).join('|')})`;
+    const regex = new RegExp(pattern, 'gi');
+    const parts = text.split(regex);
+    return (_jsx(_Fragment, { children: parts.map((part, index) => index % 2 === 1 ? (_jsx("span", { className: highlightClassName, children: part }, index)) : (_jsx(React.Fragment, { children: part }, index))) }));
+}
+//# sourceMappingURL=eds-table-highlight.js.map

package/eds-table/eds-table-highlight.js.map

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

package/eds-table/eds-table-selectable-header.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface EdsTableSelectableHeaderProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    /** Whether the select-all checkbox is displayed (mirrors `edsHeaderSelectable`). @default true */
+    edsHeaderSelectable?: boolean;
+    /** Header cells (the rest of the header row). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsTableSelectableHeader` — pure React port of the Angular `tr[edsHeaderSelectable]` component.
+ * Renders a `<tr>` (the host IS the `<tr>`) with a leading "select all" checkbox cell followed by
+ * the projected header cells. The checkbox's checked / indeterminate state and toggle behavior come
+ * from the `EdsTableContext` published by the enclosing `EdsTable` (mirrors the injected
+ * `EdsTableSelectableService`).
+ *
+ * Reproduces the Angular template exactly: the `<th class="eds-table__cell-select">` +
+ * checkbox container is rendered only when `edsHeaderSelectable` is true, then `<ng-content/>`.
+ */
+export declare const EdsTableSelectableHeader: React.ForwardRefExoticComponent<EdsTableSelectableHeaderProps & React.RefAttributes<HTMLTableRowElement>>;
+//# sourceMappingURL=eds-table-selectable-header.d.ts.map

package/eds-table/eds-table-selectable-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-selectable-header.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-selectable-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,6BACb,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACjD,kGAAkG;IAClG,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,2GA+CnC,CAAC"}

package/eds-table/eds-table-selectable-header.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { EdsInputCheckbox } from '../eds-input-checkbox/eds-input-checkbox.js';
+import { useEdsTable } from './eds-table-context.js';
+/**
+ * `EdsTableSelectableHeader` — pure React port of the Angular `tr[edsHeaderSelectable]` component.
+ * Renders a `<tr>` (the host IS the `<tr>`) with a leading "select all" checkbox cell followed by
+ * the projected header cells. The checkbox's checked / indeterminate state and toggle behavior come
+ * from the `EdsTableContext` published by the enclosing `EdsTable` (mirrors the injected
+ * `EdsTableSelectableService`).
+ *
+ * Reproduces the Angular template exactly: the `<th class="eds-table__cell-select">` +
+ * checkbox container is rendered only when `edsHeaderSelectable` is true, then `<ng-content/>`.
+ */
+export const EdsTableSelectableHeader = React.forwardRef(function EdsTableSelectableHeader({ edsHeaderSelectable = true, className, children, ...rest }, ref) {
+    const table = useEdsTable();
+    const isChecked = table?.isAllRowsSelected ?? false;
+    const isIndeterminate = table?.isIndeterminate ?? false;
+    const ariaLabel = isIndeterminate ? 'Indeterminate' : isChecked ? 'Checked' : 'Unchecked';
+    const rootClass = className
+        ? `eds-table__header-selectable ${className}`
+        : 'eds-table__header-selectable';
+    const toggleCheckedState = (event) => {
+        const checked = event.target.checked;
+        if (!table)
+            return;
+        if (checked) {
+            table.selectAllRows();
+        }
+        else {
+            table.unselectAllRows();
+        }
+    };
+    return (_jsxs("tr", { ref: ref, className: rootClass, ...rest, children: [edsHeaderSelectable && (_jsx("th", { className: "eds-table__cell-select", children: _jsx("div", { className: "eds-table__cell-select-checkbox-container", children: _jsx(EdsInputCheckbox, { "aria-label": ariaLabel, checked: isChecked, indeterminate: isIndeterminate, onClick: toggleCheckedState, onChange: () => {
+                            /* state change handled on click via the service */
+                        } }) }) })), children] }));
+});
+//# sourceMappingURL=eds-table-selectable-header.js.map

package/eds-table/eds-table-selectable-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-selectable-header.js","sourceRoot":"","sources":["../../src/eds-table/eds-table-selectable-header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAUrD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAGtD,SAAS,wBAAwB,CAC/B,EAAE,mBAAmB,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAC5D,GAAG;IAEH,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,SAAS,GAAG,KAAK,EAAE,iBAAiB,IAAI,KAAK,CAAC;IACpD,MAAM,eAAe,GAAG,KAAK,EAAE,eAAe,IAAI,KAAK,CAAC;IAExD,MAAM,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;IAE1F,MAAM,SAAS,GAAG,SAAS;QACvB,CAAC,CAAC,gCAAgC,SAAS,EAAE;QAC7C,CAAC,CAAC,8BAA8B,CAAC;IAErC,MAAM,kBAAkB,GAAG,CAAC,KAAyC,EAAQ,EAAE;QAC3E,MAAM,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;QAC3D,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,IAAI,OAAO,EAAE,CAAC;YACV,KAAK,CAAC,aAAa,EAAE,CAAC;QAC1B,CAAC;aAAM,CAAC;YACJ,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,cAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,aACvC,mBAAmB,IAAI,CACpB,aAAI,SAAS,EAAC,wBAAwB,YAClC,cAAK,SAAS,EAAC,2CAA2C,YACtD,KAAC,gBAAgB,kBACD,SAAS,EACrB,OAAO,EAAE,SAAS,EAClB,aAAa,EAAE,eAAe,EAC9B,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,GAAG,EAAE;4BACX,mDAAmD;wBACvD,CAAC,GACH,GACA,GACL,CACR,EACA,QAAQ,IACR,CACR,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-table/eds-table-selectable-row.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface EdsTableSelectableRowProps<DATA = unknown> extends React.HTMLAttributes<HTMLTableRowElement> {
+    /** Data of the row (mirrors `edsDataSelectable`). */
+    edsDataSelectable?: DATA;
+    /** Whether only one row can be selected at a time (mirrors `isSingleSelectable`). @default false */
+    isSingleSelectable?: boolean;
+    /** Whether the row is pre-selected (mirrors `isChecked`). @default false */
+    isChecked?: boolean;
+    /** Whether keyboard-based selection (ctrl+click, shift+click) is enabled (mirrors `isKeyboardSelectable`). @default false */
+    isKeyboardSelectable?: boolean;
+    /** Row cells. */
+    children?: React.ReactNode;
+}
+/**
+ * Generic `forwardRef` wrapper. Cast preserves the `<DATA>` type parameter through `forwardRef`
+ * (which otherwise erases generics).
+ */
+export declare const EdsTableSelectableRow: <DATA = unknown>(props: EdsTableSelectableRowProps<DATA> & {
+    ref?: React.Ref<HTMLTableRowElement>;
+}) => React.ReactElement;
+//# sourceMappingURL=eds-table-selectable-row.d.ts.map

package/eds-table/eds-table-selectable-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-selectable-row.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-selectable-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,0BAA0B,CAAC,IAAI,GAAG,OAAO,CACtD,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACjD,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,IAAI,CAAC;IACzB,oGAAoG;IACpG,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6HAA6H;IAC7H,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAmHD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAmD,CAAC,IAAI,GAAG,OAAO,EAChG,KAAK,EAAE,0BAA0B,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;CAAE,KACjF,KAAK,CAAC,YAAY,CAAC"}

package/eds-table/eds-table-selectable-row.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useRef } from 'react';
+import { EdsInputCheckbox } from '../eds-input-checkbox/eds-input-checkbox.js';
+import { useEdsTable } from './eds-table-context.js';
+/**
+ * `EdsTableSelectableRow` — pure React port of the Angular `tr[edsDataSelectable]` component.
+ * Renders a `<tr>` (the host IS the `<tr>`) with a leading selection-checkbox cell followed by the
+ * projected row cells. Selection state and mutations come from the `EdsTableContext` published by
+ * the enclosing `EdsTable` (mirrors the injected `EdsTableSelectableService`).
+ *
+ * Reproduces the Angular behavior 1:1:
+ *   - host classes: `eds-table__row`, `eds-table__row--selectable` (when data present),
+ *     `eds-table__row--selected` (when selected).
+ *   - `isChecked` input pre-selects the row once on init (mirrors the Angular `effect()`).
+ *   - checkbox `(change)` toggles selection: single-select replaces, multi-select adds/removes.
+ *   - keyboard selection (`isKeyboardSelectable`): ctrl-click toggles the row, shift-click selects a
+ *     range from the last selected row, plain click selects only this row (mirrors the `fromEvent`
+ *     click subscription in `ngOnInit`).
+ */
+function EdsTableSelectableRowInner({ edsDataSelectable, isSingleSelectable = false, isChecked = false, isKeyboardSelectable = false, className, children, onClick, ...rest }, ref) {
+    const table = useEdsTable();
+    const data = edsDataSelectable;
+    const currentIsChecked = !!table && data != null ? table.isRowSelected(data) : false;
+    // Angular effect(): pre-select once when `isChecked` is set and data is present.
+    const preselected = useRef(false);
+    useEffect(() => {
+        if (isChecked && data != null && table && !preselected.current) {
+            preselected.current = true;
+            table.selectRow(data);
+        }
+    }, [isChecked, data, table]);
+    const hostClass = [
+        'eds-table__row',
+        data ? 'eds-table__row--selectable' : '',
+        currentIsChecked ? 'eds-table__row--selected' : '',
+        className ?? '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const toggleCheckedState = (event) => {
+        const checked = event.target.checked;
+        if (!table || data == null)
+            return;
+        if (checked) {
+            if (isSingleSelectable) {
+                table.selectSingleRow(data);
+            }
+            else {
+                table.selectRow(data);
+            }
+        }
+        else {
+            table.unselectRow(data);
+        }
+    };
+    // Keyboard selection — mirrors the Angular fromEvent('click') subscription.
+    const handleRowClick = (event) => {
+        onClick?.(event);
+        if (!isKeyboardSelectable || data == null || !table)
+            return;
+        if (event.ctrlKey) {
+            if (!currentIsChecked) {
+                table.selectRow(data);
+            }
+            else {
+                table.unselectRow(data);
+            }
+        }
+        else if (event.shiftKey) {
+            const rows = table.getRows();
+            const lastSelectedRow = table.getLastSelectedRow();
+            const lastSelectedRowPosition = lastSelectedRow ? rows.indexOf(lastSelectedRow) : -1;
+            const position = rows.indexOf(data);
+            const range = lastSelectedRowPosition > position
+                ? rows.slice(position, lastSelectedRowPosition + 1)
+                : rows.slice(lastSelectedRowPosition, position + 1);
+            table.selectRows(range);
+            window.getSelection()?.empty();
+        }
+        else {
+            table.selectRows([data]);
+        }
+    };
+    return (_jsxs("tr", { ref: ref, className: hostClass, onClick: handleRowClick, ...rest, children: [data != null && (_jsx("td", { className: "eds-table__cell-select", children: _jsx("div", { className: "eds-table__cell-select-checkbox-container", children: _jsx(EdsInputCheckbox, { "aria-label": currentIsChecked ? 'Row selected' : 'Row not selected', checked: currentIsChecked, onChange: toggleCheckedState }) }) })), children] }));
+}
+/**
+ * Generic `forwardRef` wrapper. Cast preserves the `<DATA>` type parameter through `forwardRef`
+ * (which otherwise erases generics).
+ */
+export const EdsTableSelectableRow = React.forwardRef(EdsTableSelectableRowInner);
+//# sourceMappingURL=eds-table-selectable-row.js.map

package/eds-table/eds-table-selectable-row.js.map

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

package/eds-table/eds-table-sort.model.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Sort model — ported 1:1 from the Angular `eds-table-sort.model.ts`.
+ */
+/** A single sort criterion: the property to sort on and the direction. */
+export interface EdsTableSort {
+    sort: string;
+    order: EdsTableSortOrder;
+}
+/** Sort direction. `'none'` means the column is not currently sorted. */
+export type EdsTableSortOrder = 'asc' | 'desc' | 'none';
+//# sourceMappingURL=eds-table-sort.model.d.ts.map

package/eds-table/eds-table-sort.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-sort.model.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-sort.model.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,0EAA0E;AAC1E,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,iBAAiB,CAAC;CAC5B;AAED,yEAAyE;AACzE,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC"}

package/eds-table/eds-table-sort.model.js

@@ -0,0 +1,5 @@
+/**
+ * Sort model — ported 1:1 from the Angular `eds-table-sort.model.ts`.
+ */
+export {};
+//# sourceMappingURL=eds-table-sort.model.js.map

package/eds-table/eds-table-sort.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-sort.model.js","sourceRoot":"","sources":["../../src/eds-table/eds-table-sort.model.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/eds-table/eds-table-sortable-col.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { EdsTableSortOrder } from './eds-table-sort.model.js';
+export interface EdsTableSortableColProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    /** Property name to sort on (mirrors `sortOn`). */
+    sortOn?: string;
+    /** Initial sort order applied when `defaultOrder` is set (mirrors `sortOrder`). @default 'asc' */
+    sortOrder?: EdsTableSortOrder;
+    /** Whether this column is sorted by default on init (mirrors `defaultOrder`). @default false */
+    defaultOrder?: boolean;
+    /** Whether sorting is disabled for this column (mirrors `sortDisabled`). @default false */
+    sortDisabled?: boolean;
+    /** Whether multi-column sorting is enabled for this column (mirrors `isMultiSortable`). @default false */
+    isMultiSortable?: boolean;
+    /** Header content (the label). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsTableSortableCol` — pure React port of the Angular `th[edsSortable]` component. Renders a
+ * `<th>` (the host IS the `<th>`, matching the attribute-selector Angular component) with the sort
+ * toggle button. Sort state is read from / written to the `EdsTableContext` published by the
+ * enclosing `EdsTable` (mirrors the injected `EdsTableSortService`).
+ *
+ * Reproduces the Angular template branches exactly:
+ *   - `order === 'none' && !disabled` → `arrows-down-up:core` button ("Click to sort ascending")
+ *   - `order === 'asc' && isSorted && !disabled` → `arrow-up:core` button ("Click to sort descending")
+ *   - `order === 'desc' && isSorted && !disabled` → `arrow-down:core` button ("Click to sort none")
+ *   - `sortedIndex && !disabled` → multi-sort index badge
+ *
+ * Click cycles asc → desc → none (mirrors `changeSort`). `aria-sort` reflects the current order.
+ */
+export declare const EdsTableSortableCol: React.ForwardRefExoticComponent<EdsTableSortableColProps & React.RefAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=eds-table-sortable-col.d.ts.map

package/eds-table/eds-table-sortable-col.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-sortable-col.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-sortable-col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,wBACb,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IACpD,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,gGAAgG;IAChG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0GAA0G;IAC1G,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB,uGAkG/B,CAAC"}

package/eds-table/eds-table-sortable-col.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useRef } from 'react';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+import { useEdsTable } from './eds-table-context.js';
+/**
+ * `EdsTableSortableCol` — pure React port of the Angular `th[edsSortable]` component. Renders a
+ * `<th>` (the host IS the `<th>`, matching the attribute-selector Angular component) with the sort
+ * toggle button. Sort state is read from / written to the `EdsTableContext` published by the
+ * enclosing `EdsTable` (mirrors the injected `EdsTableSortService`).
+ *
+ * Reproduces the Angular template branches exactly:
+ *   - `order === 'none' && !disabled` → `arrows-down-up:core` button ("Click to sort ascending")
+ *   - `order === 'asc' && isSorted && !disabled` → `arrow-up:core` button ("Click to sort descending")
+ *   - `order === 'desc' && isSorted && !disabled` → `arrow-down:core` button ("Click to sort none")
+ *   - `sortedIndex && !disabled` → multi-sort index badge
+ *
+ * Click cycles asc → desc → none (mirrors `changeSort`). `aria-sort` reflects the current order.
+ */
+export const EdsTableSortableCol = React.forwardRef(function EdsTableSortableCol({ sortOn, sortOrder = 'asc', defaultOrder = false, sortDisabled = false, isMultiSortable = false, className, children, ...rest }, ref) {
+    const table = useEdsTable();
+    const sorts = table?.sorts ?? [];
+    // Angular effect(): apply the default sort once on init when `defaultOrder` is set.
+    const defaultApplied = useRef(false);
+    useEffect(() => {
+        if (defaultOrder && table && !defaultApplied.current) {
+            defaultApplied.current = true;
+            table.setSort(sortOn ?? '', sortOrder, isMultiSortable);
+        }
+    }, [defaultOrder, table, sortOn, sortOrder, isMultiSortable]);
+    // computed order / isSorted / sortedIndex (mirrors the Angular computeds).
+    const match = sorts.find((s) => s.sort === sortOn);
+    const order = match ? match.order : 'none';
+    const isSorted = sorts.some((s) => s.sort === sortOn);
+    let sortedIndex = null;
+    if (sorts.length > 1) {
+        const idx = sorts.findIndex((s) => s.sort === sortOn);
+        sortedIndex = idx >= 0 ? idx + 1 : null;
+    }
+    const ariaSort = order === 'asc' ? 'ascending' : order === 'desc' ? 'descending' : 'none';
+    const rootClass = [
+        'eds-table__sortable-col',
+        sortDisabled ? 'eds-table__sortable-col--disabled' : '',
+        className ?? '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const changeSort = () => {
+        if (sortDisabled || !table)
+            return;
+        let next;
+        if (order === 'asc') {
+            next = 'desc';
+        }
+        else if (order === 'desc') {
+            next = 'none';
+        }
+        else {
+            next = 'asc';
+        }
+        table.setSort(sortOn ?? '', next, isMultiSortable);
+    };
+    return (_jsx("th", { ref: ref, className: rootClass, "aria-sort": ariaSort, ...rest, children: _jsx("div", { className: "eds-table__sortable-col-content", children: _jsxs("div", { className: "eds-table__sortable-col-content-label", children: [children, order === 'none' && !sortDisabled && (_jsx(EdsIconButton, { icon: "arrows-down-up:core", ariaLabel: "Click to sort ascending", onButtonClick: changeSort })), order === 'asc' && isSorted && !sortDisabled && (_jsx(EdsIconButton, { icon: "arrow-up:core", ariaLabel: "Click to sort descending", onButtonClick: changeSort })), order === 'desc' && isSorted && !sortDisabled && (_jsx(EdsIconButton, { icon: "arrow-down:core", ariaLabel: "Click to sort none", onButtonClick: changeSort })), sortedIndex && !sortDisabled && (_jsx("span", { className: "eds-table__sortable-col-multisort-index", children: sortedIndex }))] }) }) }));
+});
+//# sourceMappingURL=eds-table-sortable-col.js.map

package/eds-table/eds-table-sortable-col.js.map

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

package/eds-table/eds-table-sticky-col.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export interface EdsTableStickyColProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    /**
+     * Which cell element to render. `th` for a header cell, `td` for a body/footer cell.
+     * Mirrors the Angular `th[edsStickyCol], td[edsStickyCol]` dual selector.
+     * @default 'td'
+     */
+    as?: 'th' | 'td';
+    children?: React.ReactNode;
+}
+/**
+ * `EdsTableStickyCol` — pure React port of the Angular `th[edsStickyCol], td[edsStickyCol]`
+ * directive. Marks a column cell as sticky by adding the `eds-table__col--sticky` class (the
+ * directive's sole behavior — `host: { class: 'eds-table__col--sticky' }`). Only first or last
+ * columns can be sticky. The sticky offset / shadow classes are applied at runtime by the
+ * enclosing `EdsTable` sticky handler (mirrors the Angular `stickyFeatureHandler`).
+ *
+ * @example
+ * ```tsx
+ * <EdsTableStickyCol as="th">Name</EdsTableStickyCol>
+ * <EdsTableStickyCol as="td">{row.name}</EdsTableStickyCol>
+ * ```
+ */
+export declare const EdsTableStickyCol: React.ForwardRefExoticComponent<EdsTableStickyColProps & React.RefAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=eds-table-sticky-col.d.ts.map

package/eds-table/eds-table-sticky-col.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-sticky-col.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-sticky-col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBACb,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IACpD;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,iBAAiB,qGAY7B,CAAC"}