@appcorp/shadcn 1.1.16 → 1.1.18

package/components/enhanced-table-footer-action.js

@@ -22,17 +22,17 @@ var react_1 = __importDefault(require("react"));
 var lucide_react_1 = require("lucide-react");
 var button_1 = require("./ui/button");
 var EnhancedTableFooterAction = function (_a) {
-    var handleNextOnClick = _a.handleNextOnClick, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.nextPageLabel, nextPageLabel = _c === void 0 ? "Next page" : _c, _d = _a.previousPageLabel, previousPageLabel = _d === void 0 ? "Previous page" : _d;
+    var handleNextOnClick = _a.handleNextOnClick, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.nextPageLabel, nextPageLabel = _c === void 0 ? "Next page" : _c, _d = _a.previousPageLabel, previousPageLabel = _d === void 0 ? "Previous page" : _d, testIdWrapper = _a.testIdWrapper, testIdPrevious = _a.testIdPrevious, testIdNext = _a.testIdNext, testIdPreviousIcon = _a.testIdPreviousIcon, testIdNextIcon = _a.testIdNextIcon;
     // In RTL, arrows should be swapped:
     // Previous should show → (ChevronRight) as it goes to the right in RTL reading order
     // Next should show ← (ChevronLeft) as it goes to the left in RTL reading order
     var PreviousIcon = isRTL ? lucide_react_1.ChevronRight : lucide_react_1.ChevronLeft;
     var NextIcon = isRTL ? lucide_react_1.ChevronLeft : lucide_react_1.ChevronRight;
-    return (react_1.default.createElement("div", { className: "flex gap-1 ".concat(isRTL ? "flex-row-reverse" : "") },
-        react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", onClick: handlePreviousOnClick, disabled: isPreviousDisabled || loading, "aria-label": previousPageLabel, title: previousPageLabel, className: "".concat(isRTL ? "rotate-180" : "") },
-            react_1.default.createElement(PreviousIcon, { className: "h-4 w-4" })),
-        react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", onClick: handleNextOnClick, disabled: isNextDisabled || loading, "aria-label": nextPageLabel, title: nextPageLabel, className: "".concat(isRTL ? "rotate-180" : "") },
-            react_1.default.createElement(NextIcon, { className: "h-4 w-4" }))));
+    return (react_1.default.createElement("div", { className: "flex gap-1 ".concat(isRTL ? "flex-row-reverse" : ""), "data-testid": testIdWrapper },
+        react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", "data-testid": testIdPrevious, onClick: handlePreviousOnClick, disabled: isPreviousDisabled || loading, "aria-label": previousPageLabel, title: previousPageLabel, className: "".concat(isRTL ? "rotate-180" : "") },
+            react_1.default.createElement(PreviousIcon, { className: "h-4 w-4", "data-testid": testIdPreviousIcon })),
+        react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", "data-testid": testIdNext, onClick: handleNextOnClick, disabled: isNextDisabled || loading, "aria-label": nextPageLabel, title: nextPageLabel, className: "".concat(isRTL ? "rotate-180" : "") },
+            react_1.default.createElement(NextIcon, { className: "h-4 w-4", "data-testid": testIdNextIcon }))));
 };
 exports.EnhancedTableFooterAction = EnhancedTableFooterAction;
 // ============================================================================

package/components/enhanced-table-footer-page.d.ts

@@ -29,6 +29,20 @@ interface EnhancedTableFooterPageProps {
     loadingLabel?: string;
     /** Optional CSS classes for custom styling */
     className?: string;
+    /** `data-testid` for the root wrapper element. */
+    testIdWrapper?: string;
+    /** `data-testid` for the current page number element. */
+    testIdCurrent?: string;
+    /** `data-testid` for the page label element (the word "Page"). */
+    testIdPageLabel?: string;
+    /** `data-testid` for the "of" label element. */
+    testIdOfLabel?: string;
+    /** `data-testid` for the total pages element. */
+    testIdTotal?: string;
+    /** `data-testid` for the loading wrapper when `loading` is true. */
+    testIdLoadingWrapper?: string;
+    /** `data-testid` for the loading spinner (progressbar). */
+    testIdLoadingSpinner?: string;
 }
 export declare const EnhancedTableFooterPage: FC<EnhancedTableFooterPageProps>;
 export {};

package/components/enhanced-table-footer-page.js

@@ -19,23 +19,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EnhancedTableFooterPage = void 0;
 var react_1 = __importDefault(require("react"));
 var EnhancedTableFooterPage = function (_a) {
-    var currentPage = _a.currentPage, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.loadingLabel, loadingLabel = _c === void 0 ? "Loading" : _c, _d = _a.ofLabel, ofLabel = _d === void 0 ? "of" : _d, _e = _a.pageLabel, pageLabel = _e === void 0 ? "Page" : _e, totalPages = _a.totalPages, _f = _a.className, className = _f === void 0 ? "" : _f;
-    return (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(isRTL ? "rtl" : "ltr", " ").concat(className), dir: isRTL ? "rtl" : "ltr", role: "status", "aria-live": "polite", "aria-label": "".concat(pageLabel, " ").concat(currentPage, " ").concat(ofLabel, " ").concat(totalPages) },
+    var currentPage = _a.currentPage, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.loadingLabel, loadingLabel = _c === void 0 ? "Loading" : _c, _d = _a.ofLabel, ofLabel = _d === void 0 ? "of" : _d, _e = _a.pageLabel, pageLabel = _e === void 0 ? "Page" : _e, totalPages = _a.totalPages, _f = _a.className, className = _f === void 0 ? "" : _f, testIdWrapper = _a.testIdWrapper, testIdCurrent = _a.testIdCurrent, testIdPageLabel = _a.testIdPageLabel, testIdOfLabel = _a.testIdOfLabel, testIdTotal = _a.testIdTotal, testIdLoadingWrapper = _a.testIdLoadingWrapper, testIdLoadingSpinner = _a.testIdLoadingSpinner;
+    return (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(isRTL ? "rtl" : "ltr", " ").concat(className), dir: isRTL ? "rtl" : "ltr", role: "status", "aria-live": "polite", "aria-label": "".concat(pageLabel, " ").concat(currentPage, " ").concat(ofLabel, " ").concat(totalPages), "data-testid": testIdWrapper },
         react_1.default.createElement("span", { className: "text-sm text-muted-foreground" }, isRTL ? (
         // RTL layout: Numbers read right-to-left but maintain logical order
         react_1.default.createElement("span", { className: "inline-flex items-center gap-1" },
-            react_1.default.createElement("span", null, totalPages),
-            react_1.default.createElement("span", null, ofLabel),
-            react_1.default.createElement("span", null, currentPage),
-            react_1.default.createElement("span", null, pageLabel))) : (
+            react_1.default.createElement("span", { "data-testid": testIdTotal }, totalPages),
+            react_1.default.createElement("span", { "data-testid": testIdOfLabel }, ofLabel),
+            react_1.default.createElement("span", { "data-testid": testIdCurrent }, currentPage),
+            react_1.default.createElement("span", { "data-testid": testIdPageLabel }, pageLabel))) : (
         // LTR layout: "Page currentPage of totalPages"
         react_1.default.createElement("span", { className: "inline-flex items-center gap-1" },
-            react_1.default.createElement("span", null, pageLabel),
-            react_1.default.createElement("span", null, currentPage),
-            react_1.default.createElement("span", null, ofLabel),
-            react_1.default.createElement("span", null, totalPages)))),
-        loading && (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(isRTL ? "order-first" : "order-last"), "aria-label": loadingLabel },
-            react_1.default.createElement("div", { className: "w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin", role: "progressbar", "aria-label": loadingLabel })))));
+            react_1.default.createElement("span", { "data-testid": testIdPageLabel }, pageLabel),
+            react_1.default.createElement("span", { "data-testid": testIdCurrent }, currentPage),
+            react_1.default.createElement("span", { "data-testid": testIdOfLabel }, ofLabel),
+            react_1.default.createElement("span", { "data-testid": testIdTotal }, totalPages)))),
+        loading && (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(isRTL ? "order-first" : "order-last"), "aria-label": loadingLabel, "data-testid": testIdLoadingWrapper },
+            react_1.default.createElement("div", { className: "w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin", role: "progressbar", "aria-label": loadingLabel, "data-testid": testIdLoadingSpinner })))));
 };
 exports.EnhancedTableFooterPage = EnhancedTableFooterPage;
 // ============================================================================

package/components/enhanced-table-footer-pagination.d.ts

@@ -33,6 +33,18 @@ interface EnhancedTableFooterPageProps {
     rowsPerPageLabel?: string;
     /** Optional CSS classes for custom styling */
     className?: string;
+    /** `data-testid` for the root pagination wrapper element. */
+    testIdWrapper?: string;
+    /** `data-testid` for the label element. */
+    testIdLabel?: string;
+    /** `data-testid` for the SelectTrigger element. */
+    testIdSelectTrigger?: string;
+    /** `data-testid` for the SelectValue element (shows current value). */
+    testIdSelectValue?: string;
+    /** `data-testid` for the SelectContent container (popup). */
+    testIdSelectContent?: string;
+    /** Prefix used for option test ids: `${prefix}-${option}`. */
+    testIdOptionPrefix?: string;
 }
 export declare const EnhancedTableFooterPagination: FC<EnhancedTableFooterPageProps>;
 export {};

package/components/enhanced-table-footer-pagination.js

@@ -21,15 +21,17 @@ exports.EnhancedTableFooterPagination = void 0;
 var select_1 = require("./ui/select");
 var react_1 = __importDefault(require("react"));
 var EnhancedTableFooterPagination = function (_a) {
-    var handleOnSelect = _a.handleOnSelect, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, listOptions = _a.listOptions, loading = _a.loading, nodeSelectKey = _a.nodeSelectKey, pageLimit = _a.pageLimit, _c = _a.rowsPerPageLabel, rowsPerPageLabel = _c === void 0 ? "Rows per page:" : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
-    return (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(className), dir: isRTL ? "rtl" : "ltr" },
-        react_1.default.createElement("label", { htmlFor: "page-limit-select-".concat(nodeSelectKey), className: "text-sm text-muted-foreground whitespace-nowrap" }, rowsPerPageLabel),
+    var handleOnSelect = _a.handleOnSelect, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, listOptions = _a.listOptions, loading = _a.loading, nodeSelectKey = _a.nodeSelectKey, pageLimit = _a.pageLimit, _c = _a.rowsPerPageLabel, rowsPerPageLabel = _c === void 0 ? "Rows per page:" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, testIdWrapper = _a.testIdWrapper, testIdLabel = _a.testIdLabel, testIdSelectTrigger = _a.testIdSelectTrigger, testIdSelectValue = _a.testIdSelectValue, testIdSelectContent = _a.testIdSelectContent, testIdOptionPrefix = _a.testIdOptionPrefix;
+    return (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(className), dir: isRTL ? "rtl" : "ltr", "data-testid": testIdWrapper },
+        react_1.default.createElement("label", { htmlFor: "page-limit-select-".concat(nodeSelectKey), className: "text-sm text-muted-foreground whitespace-nowrap", "data-testid": testIdLabel }, rowsPerPageLabel),
         react_1.default.createElement(select_1.Select, { value: String(pageLimit), onValueChange: function (value) {
                 return handleOnSelect(nodeSelectKey, { option: value });
             }, disabled: loading },
-            react_1.default.createElement(select_1.SelectTrigger, { id: "page-limit-select-".concat(nodeSelectKey), className: "w-20", "aria-label": "".concat(rowsPerPageLabel, " ").concat(pageLimit) },
-                react_1.default.createElement(select_1.SelectValue, null)),
-            react_1.default.createElement(select_1.SelectContent, null, listOptions.map(function (option) { return (react_1.default.createElement(select_1.SelectItem, { key: option.option, value: option.option, "aria-label": "".concat(option.option, " rows per page") }, option.option)); })))));
+            react_1.default.createElement(select_1.SelectTrigger, { id: "page-limit-select-".concat(nodeSelectKey), className: "w-20", "aria-label": "".concat(rowsPerPageLabel, " ").concat(pageLimit), "data-testid": testIdSelectTrigger },
+                react_1.default.createElement(select_1.SelectValue, { "data-testid": testIdSelectValue })),
+            react_1.default.createElement(select_1.SelectContent, { "data-testid": testIdSelectContent }, listOptions.map(function (option) { return (react_1.default.createElement(select_1.SelectItem, { key: option.option, value: option.option, "aria-label": "".concat(option.option, " rows per page"), "data-testid": testIdOptionPrefix
+                    ? "".concat(testIdOptionPrefix, "-").concat(option.option)
+                    : undefined }, option.option)); })))));
 };
 exports.EnhancedTableFooterPagination = EnhancedTableFooterPagination;
 // ============================================================================

package/components/enhanced-table-header-action.d.ts

@@ -1,9 +1,20 @@
 import { FC } from "react";
 import { HeaderAction } from "./enhanced-table";
 interface EnhancedTableHeaderActionProps {
+    /** Header-level actions to show as buttons in the table header. */
     headerActions: HeaderAction[];
+    /** Number of active filters (used to show a badge on filter buttons). */
     numberOfFilters?: number;
+    /** Callback invoked when the user clears all filters (clear icon). */
     onClearFilters?: () => void;
+    /** `data-testid` for the wrapper containing all header action buttons. */
+    testIdWrapper?: string;
+    /** `data-testid` prefix for individual action buttons: `${prefix}-${index}`. */
+    testIdActionPrefix?: string;
+    /** `data-testid` for the badge that shows number of filters. */
+    testIdFilterBadge?: string;
+    /** `data-testid` for the clear-filters button/icon. */
+    testIdClearFilters?: string;
 }
 export declare const EnhancedTableHeaderAction: FC<EnhancedTableHeaderActionProps>;
 export {};

package/components/enhanced-table-header-action.js

@@ -9,8 +9,8 @@ var lucide_react_1 = require("lucide-react");
 var button_1 = require("./ui/button");
 var badge_1 = require("./ui/badge");
 var EnhancedTableHeaderAction = function (_a) {
-    var headerActions = _a.headerActions, numberOfFilters = _a.numberOfFilters, onClearFilters = _a.onClearFilters;
-    return (react_1.default.createElement(react_1.default.Fragment, null, headerActions.length > 0 && (react_1.default.createElement("div", { className: "flex gap-2" }, headerActions
+    var headerActions = _a.headerActions, numberOfFilters = _a.numberOfFilters, onClearFilters = _a.onClearFilters, testIdWrapper = _a.testIdWrapper, testIdActionPrefix = _a.testIdActionPrefix, testIdFilterBadge = _a.testIdFilterBadge, testIdClearFilters = _a.testIdClearFilters;
+    return (react_1.default.createElement(react_1.default.Fragment, null, headerActions.length > 0 && (react_1.default.createElement("div", { className: "flex gap-2", "data-testid": testIdWrapper }, headerActions
         .filter(function (action) { return action.enabled !== false; })
         .sort(function (a, b) { return (a.order || 0) - (b.order || 0); })
         .map(function (action, index) {
@@ -21,15 +21,17 @@ var EnhancedTableHeaderAction = function (_a) {
             typeof numberOfFilters === "number" &&
             numberOfFilters > 0;
         return (react_1.default.createElement("div", { key: action.id || action.key || index, className: "relative" },
-            react_1.default.createElement(button_1.Button, { variant: action.variant || "default", onClick: function () {
+            react_1.default.createElement(button_1.Button, { variant: action.variant || "default", "data-testid": testIdActionPrefix
+                    ? "".concat(testIdActionPrefix, "-").concat(index)
+                    : undefined, onClick: function () {
                     if (action.onClick)
                         action.onClick();
                     if (action.handleOnClick)
                         action.handleOnClick();
                 } }, action.label),
             showFilterIndicators && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(badge_1.Badge, { variant: "secondary", className: "absolute -top-2 -right-2 h-5 w-5 flex items-center justify-center p-0 text-xs rounded-full" }, numberOfFilters),
-                onClearFilters && (react_1.default.createElement("button", { onClick: function (e) {
+                react_1.default.createElement(badge_1.Badge, { variant: "secondary", className: "absolute -top-2 -right-2 h-5 w-5 flex items-center justify-center p-0 text-xs rounded-full", "data-testid": testIdFilterBadge }, numberOfFilters),
+                onClearFilters && (react_1.default.createElement("button", { "data-testid": testIdClearFilters, onClick: function (e) {
                         e.stopPropagation();
                         onClearFilters();
                     }, className: "absolute -top-2 -left-2 h-5 w-5 rounded-full bg-muted hover:bg-muted/80 flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors", "aria-label": "Clear all filters" },

package/components/enhanced-table-header-search.d.ts

@@ -1,12 +1,27 @@
 import { FC } from "react";
 interface EnhancedTableHeaderSearchProps {
+    /** Called when the search input changes. */
     handleSearchInput: (key: string, value: string) => void;
+    /** Whether the search area is currently loading. */
     loading: boolean;
+    /** Disable the search input. */
     searchDisabled?: boolean;
+    /** Enable or disable rendering of the search field. */
     searchEnabled?: boolean;
+    /** `id` applied to the native search input. */
     searchId?: string;
+    /** Placeholder text for the search input. */
     searchPlaceholder?: string;
+    /** Controlled search input value. */
     searchValue: string;
+    /** `data-testid` for the wrapper containing the search input. */
+    testIdWrapper?: string;
+    /** `data-testid` for the native input element. */
+    testIdInput?: string;
+    /** `data-testid` for the search icon element. */
+    testIdIcon?: string;
+    /** `data-testid` for a potential loading indicator. */
+    testIdLoading?: string;
 }
 export declare const EnhancedTableHeaderSearch: FC<EnhancedTableHeaderSearchProps>;
 export {};

package/components/enhanced-table-header-search.js

@@ -8,10 +8,11 @@ var react_1 = __importDefault(require("react"));
 var lucide_react_1 = require("lucide-react");
 var input_1 = require("./ui/input");
 var EnhancedTableHeaderSearch = function (_a) {
-    var handleSearchInput = _a.handleSearchInput, loading = _a.loading, _b = _a.searchDisabled, searchDisabled = _b === void 0 ? false : _b, _c = _a.searchEnabled, searchEnabled = _c === void 0 ? true : _c, _d = _a.searchId, searchId = _d === void 0 ? "table-search" : _d, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? "Search..." : _e, searchValue = _a.searchValue;
-    return (react_1.default.createElement(react_1.default.Fragment, null, searchEnabled && (react_1.default.createElement("div", { className: "flex items-center gap-2 max-w-xl" },
+    var handleSearchInput = _a.handleSearchInput, loading = _a.loading, _b = _a.searchDisabled, searchDisabled = _b === void 0 ? false : _b, _c = _a.searchEnabled, searchEnabled = _c === void 0 ? true : _c, _d = _a.searchId, searchId = _d === void 0 ? "table-search" : _d, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? "Search..." : _e, searchValue = _a.searchValue, testIdWrapper = _a.testIdWrapper, testIdInput = _a.testIdInput, testIdIcon = _a.testIdIcon, testIdLoading = _a.testIdLoading;
+    return (react_1.default.createElement(react_1.default.Fragment, null, searchEnabled && (react_1.default.createElement("div", { className: "flex items-center gap-2 max-w-xl", "data-testid": testIdWrapper },
         react_1.default.createElement("div", { className: "relative flex-1" },
-            react_1.default.createElement(lucide_react_1.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-            react_1.default.createElement(input_1.Input, { id: searchId, placeholder: searchPlaceholder, value: searchValue, onChange: function (e) { return handleSearchInput("search", e.target.value); }, disabled: searchDisabled || loading, className: "pl-9" }))))));
+            react_1.default.createElement(lucide_react_1.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground", "data-testid": testIdIcon }),
+            react_1.default.createElement(input_1.Input, { id: searchId, placeholder: searchPlaceholder, value: searchValue, onChange: function (e) { return handleSearchInput("search", e.target.value); }, disabled: searchDisabled || loading, className: "pl-9", "data-testid": testIdInput }),
+            loading && testIdLoading && (react_1.default.createElement("span", { className: "sr-only", "data-testid": testIdLoading })))))));
 };
 exports.EnhancedTableHeaderSearch = EnhancedTableHeaderSearch;

package/components/enhanced-table.d.ts

@@ -44,47 +44,159 @@ export interface PageLimitOption {
     option: string;
 }
 export interface EnhancedTableProps {
+    /** Columns configuration for the table header. */
     tableHeadItems: TableColumn[];
+    /** Row data to render in the table body. */
     tableBodyRows: TableRow[];
+    /** Column definitions describing how to render each cell. */
     tableBodyCols: Array<{
+        /** Key path(s) used to resolve the value from a row. Supports colon-separated nested paths. */
         key?: string | string[];
+        /** Component type (from `COMPONENT_TYPE`) or a compatible external string. */
         componentType: COMPONENT_TYPE | string;
+        /** Optional custom formatter invoked with `(value, row)` to render the cell. */
         textFormatter?: (value: unknown, row: unknown) => React.ReactNode;
     }>;
+    /** Visible table heading shown above the table. */
     tableHeading: string;
+    /** Optional description text shown beneath the heading. */
     tableDescription?: string;
+    /** Current page number (1-based). */
     currentPage: number;
+    /** Total number of pages available. */
     totalPages: number;
+    /** Items per page (page size). */
     pageLimit: number;
+    /** Options for rows-per-page selector. */
     listOptions: PageLimitOption[];
+    /** Called when the user navigates to the next page. */
     handleNextOnClick: () => void;
+    /** Called when the user navigates to the previous page. */
     handlePreviousOnClick: () => void;
+    /** Handler for select changes in pagination controls. */
     handleOnSelect: (node: string, value: object) => void;
+    /** Whether the "next" control is disabled. */
     isNextDisabled: boolean;
+    /** Whether the "previous" control is disabled. */
     isPreviousDisabled: boolean;
+    /** Enable/disable the search input in the table header. */
     searchEnabled?: boolean;
+    /** Current search input value. */
     searchValue: string;
+    /** Placeholder text for the search input. */
     searchPlaceholder?: string;
+    /** Optional id attribute for the search input element. */
     searchId?: string;
+    /** Disable the search input. */
     searchDisabled?: boolean;
+    /** Called when the search input value changes. */
     handleSearchInput: (key: string, value: string) => void;
+    /** Header-level actions to show in the table header. */
     headerActions: HeaderAction[];
+    /** Row-level actions for each row. */
     rowActions: RowAction[];
+    /** Number of active filters (shown in header actions). */
     numberOfFilters?: number;
+    /** Called to clear applied filters. */
     onClearFilters?: () => void;
+    /** Whether the table is currently loading data. */
     loading: boolean;
+    /** Render layout in right-to-left mode when true. */
     isRTL?: boolean;
+    /** Optional override labels used for UI text in the table. */
     translationLabels?: {
+        /** Label to use for boolean `true`. */
         booleanYes?: string;
+        /** Label to use for boolean `false`. */
         booleanNo?: string;
+        /** Empty-state text when no rows exist. */
         noResultsFound?: string;
+        /** Label for the previous page control. */
         previousPage?: string;
+        /** Label for the next page control. */
         nextPage?: string;
+        /** Label for the word "page" used in pagination. */
         page?: string;
+        /** Label for the word "of" used in pagination. */
         of?: string;
+        /** Label used while loading. */
         loading?: string;
+        /** Label for the rows-per-page control. */
         rowsPerPage?: string;
     };
+    /** Optional key name used by the pagination select control (defaults to "pageLimit"). */
     nodeSelectKey?: string;
+    /** `data-testid` for the root container wrapping the whole component. */
+    testIdWrapper?: string;
+    /** `data-testid` for the table heading (`h2`). */
+    testIdHeading?: string;
+    /** `data-testid` for the optional table description paragraph. */
+    testIdTableDescription?: string;
+    /** `data-testid` for the search wrapper (contains the header search component). */
+    testIdSearch?: string;
+    /** `data-testid` for the header actions wrapper. */
+    testIdHeaderActions?: string;
+    /** `data-testid` prefix for individual header action buttons: `${prefix}-${index}`. */
+    testIdHeaderActionPrefix?: string;
+    /** `data-testid` for the filter badge showing number of active filters. */
+    testIdHeaderActionFilterBadge?: string;
+    /** `data-testid` for the clear filters button/icon. */
+    testIdHeaderActionClearFilters?: string;
+    /** `data-testid` for the table wrapper (the bordered `div` that contains the table). */
+    testIdTableWrapper?: string;
+    /** Prefix used for row test ids: `${prefix}-${rowIndex}`. */
+    testIdRowPrefix?: string;
+    /** Prefix used for cell test ids: `${prefix}-${rowIndex}-${colIndex}`. */
+    testIdCellPrefix?: string;
+    /** `data-testid` prefix for row action dropdown menu items: `${prefix}-${rowIndex}-${actionIndex}`. */
+    testIdRowActionPrefix?: string;
+    /** `data-testid` for the no-results empty state cell. */
+    testIdNoResults?: string;
+    /** Prefix used for loading row test ids: `${prefix}-${index}`. */
+    testIdLoadingRowPrefix?: string;
+    /** `data-testid` for the pagination wrapper area. */
+    testIdPaginationWrapper?: string;
+    /** `data-testid` forwarded to the footer pagination component. */
+    testIdFooterPagination?: string;
+    /** `data-testid` forwarded to the footer page component. */
+    testIdFooterPage?: string;
+    /** `data-testid` forwarded to the footer action component. */
+    testIdFooterAction?: string;
+    /** RTL `data-testid` for the root container. */
+    testIdWrapperRtl?: string;
+    /** RTL `data-testid` for the table heading. */
+    testIdHeadingRtl?: string;
+    /** RTL `data-testid` for the table description. */
+    testIdTableDescriptionRtl?: string;
+    /** RTL `data-testid` for the search wrapper. */
+    testIdSearchRtl?: string;
+    /** RTL `data-testid` for the header actions wrapper. */
+    testIdHeaderActionsRtl?: string;
+    /** RTL `data-testid` prefix for individual header action buttons: `${prefix}-${index}`. */
+    testIdHeaderActionPrefixRtl?: string;
+    /** RTL `data-testid` for the filter badge showing number of active filters. */
+    testIdHeaderActionFilterBadgeRtl?: string;
+    /** RTL `data-testid` for the clear filters button/icon. */
+    testIdHeaderActionClearFiltersRtl?: string;
+    /** RTL `data-testid` for the table wrapper. */
+    testIdTableWrapperRtl?: string;
+    /** Prefix used for row test ids in RTL: `${prefix}-${rowIndex}`. */
+    testIdRowPrefixRtl?: string;
+    /** Prefix used for cell test ids in RTL: `${prefix}-${rowIndex}-${colIndex}`. */
+    testIdCellPrefixRtl?: string;
+    /** RTL `data-testid` prefix for row action dropdown menu items: `${prefix}-${rowIndex}-${actionIndex}`. */
+    testIdRowActionPrefixRtl?: string;
+    /** RTL `data-testid` for the no-results empty state cell. */
+    testIdNoResultsRtl?: string;
+    /** Prefix used for loading row test ids in RTL: `${prefix}-${index}`. */
+    testIdLoadingRowPrefixRtl?: string;
+    /** RTL `data-testid` for the pagination wrapper area. */
+    testIdPaginationWrapperRtl?: string;
+    /** RTL `data-testid` forwarded to the footer pagination component. */
+    testIdFooterPaginationRtl?: string;
+    /** RTL `data-testid` forwarded to the footer page component. */
+    testIdFooterPageRtl?: string;
+    /** RTL `data-testid` forwarded to the footer action component. */
+    testIdFooterActionRtl?: string;
 }
 export declare const EnhancedTable: React.FC<EnhancedTableProps>;

package/components/enhanced-table.js

@@ -41,7 +41,7 @@ var COMPONENT_TYPE;
     COMPONENT_TYPE["BOOLEAN"] = "BOOLEAN";
 })(COMPONENT_TYPE || (exports.COMPONENT_TYPE = COMPONENT_TYPE = {}));
 var EnhancedTable = function (_a) {
-    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, handleSearchInput = _a.handleSearchInput, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, listOptions = _a.listOptions, loading = _a.loading, _c = _a.nodeSelectKey, nodeSelectKey = _c === void 0 ? "pageLimit" : _c, numberOfFilters = _a.numberOfFilters, onClearFilters = _a.onClearFilters, pageLimit = _a.pageLimit, rowActions = _a.rowActions, _d = _a.searchDisabled, searchDisabled = _d === void 0 ? false : _d, _e = _a.searchEnabled, searchEnabled = _e === void 0 ? true : _e, _f = _a.searchId, searchId = _f === void 0 ? "table-search" : _f, _g = _a.searchPlaceholder, searchPlaceholder = _g === void 0 ? "Search..." : _g, searchValue = _a.searchValue, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading, tableHeadItems = _a.tableHeadItems, totalPages = _a.totalPages, _h = _a.translationLabels, translationLabels = _h === void 0 ? {} : _h;
+    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, handleSearchInput = _a.handleSearchInput, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, listOptions = _a.listOptions, loading = _a.loading, _c = _a.nodeSelectKey, nodeSelectKey = _c === void 0 ? "pageLimit" : _c, numberOfFilters = _a.numberOfFilters, onClearFilters = _a.onClearFilters, pageLimit = _a.pageLimit, rowActions = _a.rowActions, _d = _a.searchDisabled, searchDisabled = _d === void 0 ? false : _d, _e = _a.searchEnabled, searchEnabled = _e === void 0 ? true : _e, _f = _a.searchId, searchId = _f === void 0 ? "table-search" : _f, _g = _a.searchPlaceholder, searchPlaceholder = _g === void 0 ? "Search..." : _g, searchValue = _a.searchValue, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading, tableHeadItems = _a.tableHeadItems, totalPages = _a.totalPages, _h = _a.translationLabels, translationLabels = _h === void 0 ? {} : _h, testIdWrapper = _a.testIdWrapper, testIdHeading = _a.testIdHeading, testIdTableDescription = _a.testIdTableDescription, testIdSearch = _a.testIdSearch, testIdHeaderActions = _a.testIdHeaderActions, testIdHeaderActionPrefix = _a.testIdHeaderActionPrefix, testIdHeaderActionFilterBadge = _a.testIdHeaderActionFilterBadge, testIdHeaderActionClearFilters = _a.testIdHeaderActionClearFilters, testIdTableWrapper = _a.testIdTableWrapper, testIdRowPrefix = _a.testIdRowPrefix, testIdCellPrefix = _a.testIdCellPrefix, testIdRowActionPrefix = _a.testIdRowActionPrefix, testIdNoResults = _a.testIdNoResults, testIdLoadingRowPrefix = _a.testIdLoadingRowPrefix, testIdPaginationWrapper = _a.testIdPaginationWrapper, testIdFooterPagination = _a.testIdFooterPagination, testIdFooterPage = _a.testIdFooterPage, testIdFooterAction = _a.testIdFooterAction, testIdWrapperRtl = _a.testIdWrapperRtl, testIdHeadingRtl = _a.testIdHeadingRtl, testIdTableDescriptionRtl = _a.testIdTableDescriptionRtl, testIdSearchRtl = _a.testIdSearchRtl, testIdHeaderActionsRtl = _a.testIdHeaderActionsRtl, testIdHeaderActionPrefixRtl = _a.testIdHeaderActionPrefixRtl, testIdHeaderActionFilterBadgeRtl = _a.testIdHeaderActionFilterBadgeRtl, testIdHeaderActionClearFiltersRtl = _a.testIdHeaderActionClearFiltersRtl, testIdTableWrapperRtl = _a.testIdTableWrapperRtl, testIdRowPrefixRtl = _a.testIdRowPrefixRtl, testIdCellPrefixRtl = _a.testIdCellPrefixRtl, testIdRowActionPrefixRtl = _a.testIdRowActionPrefixRtl, testIdNoResultsRtl = _a.testIdNoResultsRtl, testIdLoadingRowPrefixRtl = _a.testIdLoadingRowPrefixRtl, testIdPaginationWrapperRtl = _a.testIdPaginationWrapperRtl, testIdFooterPaginationRtl = _a.testIdFooterPaginationRtl, testIdFooterPageRtl = _a.testIdFooterPageRtl, testIdFooterActionRtl = _a.testIdFooterActionRtl;
     // Default translation values
     var defaultLabels = {
         booleanYes: "Yes",
@@ -56,7 +56,62 @@ var EnhancedTable = function (_a) {
     };
     // Merge provided labels with defaults
     var labels = __assign(__assign({}, defaultLabels), translationLabels);
-    var renderCellContent = function (row, col) {
+    // Resolve which test ids to use depending on `isRTL` mode.
+    var _testIdWrapper = isRTL
+        ? (testIdWrapperRtl !== null && testIdWrapperRtl !== void 0 ? testIdWrapperRtl : testIdWrapper)
+        : testIdWrapper;
+    var _testIdHeading = isRTL
+        ? (testIdHeadingRtl !== null && testIdHeadingRtl !== void 0 ? testIdHeadingRtl : testIdHeading)
+        : testIdHeading;
+    var _testIdTableDescription = isRTL
+        ? (testIdTableDescriptionRtl !== null && testIdTableDescriptionRtl !== void 0 ? testIdTableDescriptionRtl : testIdTableDescription)
+        : testIdTableDescription;
+    var _testIdSearch = isRTL
+        ? (testIdSearchRtl !== null && testIdSearchRtl !== void 0 ? testIdSearchRtl : testIdSearch)
+        : testIdSearch;
+    var _testIdHeaderActions = isRTL
+        ? (testIdHeaderActionsRtl !== null && testIdHeaderActionsRtl !== void 0 ? testIdHeaderActionsRtl : testIdHeaderActions)
+        : testIdHeaderActions;
+    var _testIdHeaderActionPrefix = isRTL
+        ? (testIdHeaderActionPrefixRtl !== null && testIdHeaderActionPrefixRtl !== void 0 ? testIdHeaderActionPrefixRtl : testIdHeaderActionPrefix)
+        : testIdHeaderActionPrefix;
+    var _testIdHeaderActionFilterBadge = isRTL
+        ? (testIdHeaderActionFilterBadgeRtl !== null && testIdHeaderActionFilterBadgeRtl !== void 0 ? testIdHeaderActionFilterBadgeRtl : testIdHeaderActionFilterBadge)
+        : testIdHeaderActionFilterBadge;
+    var _testIdHeaderActionClearFilters = isRTL
+        ? (testIdHeaderActionClearFiltersRtl !== null && testIdHeaderActionClearFiltersRtl !== void 0 ? testIdHeaderActionClearFiltersRtl : testIdHeaderActionClearFilters)
+        : testIdHeaderActionClearFilters;
+    var _testIdTableWrapper = isRTL
+        ? (testIdTableWrapperRtl !== null && testIdTableWrapperRtl !== void 0 ? testIdTableWrapperRtl : testIdTableWrapper)
+        : testIdTableWrapper;
+    var _testIdRowPrefix = isRTL
+        ? (testIdRowPrefixRtl !== null && testIdRowPrefixRtl !== void 0 ? testIdRowPrefixRtl : testIdRowPrefix)
+        : testIdRowPrefix;
+    var _testIdCellPrefix = isRTL
+        ? (testIdCellPrefixRtl !== null && testIdCellPrefixRtl !== void 0 ? testIdCellPrefixRtl : testIdCellPrefix)
+        : testIdCellPrefix;
+    var _testIdRowActionPrefix = isRTL
+        ? (testIdRowActionPrefixRtl !== null && testIdRowActionPrefixRtl !== void 0 ? testIdRowActionPrefixRtl : testIdRowActionPrefix)
+        : testIdRowActionPrefix;
+    var _testIdNoResults = isRTL
+        ? (testIdNoResultsRtl !== null && testIdNoResultsRtl !== void 0 ? testIdNoResultsRtl : testIdNoResults)
+        : testIdNoResults;
+    var _testIdLoadingRowPrefix = isRTL
+        ? (testIdLoadingRowPrefixRtl !== null && testIdLoadingRowPrefixRtl !== void 0 ? testIdLoadingRowPrefixRtl : testIdLoadingRowPrefix)
+        : testIdLoadingRowPrefix;
+    var _testIdPaginationWrapper = isRTL
+        ? (testIdPaginationWrapperRtl !== null && testIdPaginationWrapperRtl !== void 0 ? testIdPaginationWrapperRtl : testIdPaginationWrapper)
+        : testIdPaginationWrapper;
+    var _testIdFooterPagination = isRTL
+        ? (testIdFooterPaginationRtl !== null && testIdFooterPaginationRtl !== void 0 ? testIdFooterPaginationRtl : testIdFooterPagination)
+        : testIdFooterPagination;
+    var _testIdFooterPage = isRTL
+        ? (testIdFooterPageRtl !== null && testIdFooterPageRtl !== void 0 ? testIdFooterPageRtl : testIdFooterPage)
+        : testIdFooterPage;
+    var _testIdFooterAction = isRTL
+        ? (testIdFooterActionRtl !== null && testIdFooterActionRtl !== void 0 ? testIdFooterActionRtl : testIdFooterAction)
+        : testIdFooterAction;
+    var renderCellContent = function (row, col, rowIndex) {
         var _a, _b;
         // Helper to safely resolve nested keys (max depth 3)
         var resolveValue = function (source, key) {
@@ -127,7 +182,9 @@ var EnhancedTable = function (_a) {
                 react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { align: "end" }, rowActions
                     .filter(function (action) { return action.enabled !== false; })
                     .sort(function (a, b) { return (a.order || 0) - (b.order || 0); })
-                    .map(function (action, index) { return (react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { key: action.id || action.key || index, className: (0, utils_1.cn)(action.variant === "destructive" &&
+                    .map(function (action, index) { return (react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { key: action.id || action.key || index, "data-testid": _testIdRowActionPrefix
+                        ? "".concat(_testIdRowActionPrefix, "-").concat(rowIndex, "-").concat(index)
+                        : undefined, className: (0, utils_1.cn)(action.variant === "destructive" &&
                         "text-destructive focus:text-destructive"), onClick: function () {
                         if (action.onClick)
                             action.onClick(row);
@@ -236,27 +293,38 @@ var EnhancedTable = function (_a) {
     };
     // Create loading skeleton rows
     var renderLoadingRows = function () {
-        return Array.from({ length: pageLimit || 5 }).map(function (_, index) { return (react_1.default.createElement(table_1.TableRow, { key: "loading-".concat(index), className: "hover:bg-muted/50" }, tableHeadItems.map(function (_, colIndex) { return (react_1.default.createElement(table_1.TableCell, { key: colIndex, className: "py-4" },
+        return Array.from({ length: pageLimit || 5 }).map(function (_, index) { return (react_1.default.createElement(table_1.TableRow, { key: "loading-".concat(index), className: "hover:bg-muted/50", "data-testid": _testIdLoadingRowPrefix
+                ? "".concat(_testIdLoadingRowPrefix, "-").concat(index)
+                : undefined }, tableHeadItems.map(function (_, colIndex) { return (react_1.default.createElement(table_1.TableCell, { key: colIndex, className: "py-4" },
             react_1.default.createElement("div", { className: "h-4 bg-muted animate-pulse rounded w-full" }))); }))); });
     };
-    return (react_1.default.createElement("div", { className: "space-y-4" },
+    return (react_1.default.createElement("div", { className: "space-y-4", "data-testid": _testIdWrapper },
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "space-y-1" },
-                react_1.default.createElement("h2", { className: "text-2xl font-bold tracking-tight" }, tableHeading),
-                tableDescription && (react_1.default.createElement("p", { className: "text-muted-foreground" }, tableDescription))),
+                react_1.default.createElement("h2", { className: "text-2xl font-bold tracking-tight", "data-testid": _testIdHeading }, tableHeading),
+                tableDescription && (react_1.default.createElement("p", { className: "text-muted-foreground", "data-testid": _testIdTableDescription }, tableDescription))),
             react_1.default.createElement("div", { className: "flex flex-row items-center justify-end gap-2" },
-                react_1.default.createElement(enhanced_table_header_search_1.EnhancedTableHeaderSearch, { handleSearchInput: handleSearchInput, loading: loading, searchDisabled: searchDisabled, searchEnabled: searchEnabled, searchId: searchId, searchPlaceholder: searchPlaceholder, searchValue: searchValue }),
-                react_1.default.createElement(enhanced_table_header_action_1.EnhancedTableHeaderAction, { headerActions: headerActions, numberOfFilters: numberOfFilters, onClearFilters: onClearFilters }))),
-        react_1.default.createElement("div", { className: "border rounded-md" },
+                react_1.default.createElement("div", { "data-testid": _testIdSearch },
+                    react_1.default.createElement(enhanced_table_header_search_1.EnhancedTableHeaderSearch, { handleSearchInput: handleSearchInput, loading: loading, searchDisabled: searchDisabled, searchEnabled: searchEnabled, searchId: searchId, searchPlaceholder: searchPlaceholder, searchValue: searchValue })),
+                react_1.default.createElement("div", { "data-testid": _testIdHeaderActions },
+                    react_1.default.createElement(enhanced_table_header_action_1.EnhancedTableHeaderAction, { headerActions: headerActions, numberOfFilters: numberOfFilters, onClearFilters: onClearFilters, testIdActionPrefix: _testIdHeaderActionPrefix, testIdClearFilters: _testIdHeaderActionClearFilters, testIdFilterBadge: _testIdHeaderActionFilterBadge })))),
+        react_1.default.createElement("div", { className: "border rounded-md", "data-testid": _testIdTableWrapper },
             react_1.default.createElement(table_1.Table, null,
                 react_1.default.createElement(table_1.TableHeader, null,
                     react_1.default.createElement(table_1.TableRow, null, tableHeadItems.map(function (header, index) { return (react_1.default.createElement(table_1.TableHead, { key: index, style: { width: header.width }, className: (0, utils_1.cn)("font-medium", index === 0 && "rounded-tl-md", index === tableHeadItems.length - 1 && "rounded-tr-md") }, header.label)); }))),
                 react_1.default.createElement(table_1.TableBody, null, loading ? (renderLoadingRows()) : tableBodyRows.length === 0 ? (react_1.default.createElement(table_1.TableRow, null,
-                    react_1.default.createElement(table_1.TableCell, { colSpan: tableHeadItems.length, className: "h-24 text-center text-muted-foreground" }, labels.noResultsFound))) : (tableBodyRows.map(function (row, rowIndex) { return (react_1.default.createElement(table_1.TableRow, { key: rowIndex, className: "hover:bg-muted/50" }, tableBodyCols.map(function (col, colIndex) { return (react_1.default.createElement(table_1.TableCell, { key: colIndex, className: "py-4" }, renderCellContent(row, col))); }))); }))))),
-        react_1.default.createElement("div", { className: "flex items-center justify-between" },
-            react_1.default.createElement(enhanced_table_footer_pagination_1.EnhancedTableFooterPagination, { handleOnSelect: handleOnSelect, isRTL: isRTL, listOptions: listOptions, loading: loading, nodeSelectKey: nodeSelectKey, pageLimit: pageLimit, rowsPerPageLabel: labels.rowsPerPage, totalPages: totalPages }),
+                    react_1.default.createElement(table_1.TableCell, { colSpan: tableHeadItems.length, className: "h-24 text-center text-muted-foreground", "data-testid": _testIdNoResults }, labels.noResultsFound))) : (tableBodyRows.map(function (row, rowIndex) { return (react_1.default.createElement(table_1.TableRow, { key: rowIndex, className: "hover:bg-muted/50", "data-testid": _testIdRowPrefix
+                        ? "".concat(_testIdRowPrefix, "-").concat(rowIndex)
+                        : undefined }, tableBodyCols.map(function (col, colIndex) { return (react_1.default.createElement(table_1.TableCell, { key: colIndex, className: "py-4", "data-testid": _testIdCellPrefix
+                        ? "".concat(_testIdCellPrefix, "-").concat(rowIndex, "-").concat(colIndex)
+                        : undefined }, renderCellContent(row, col, rowIndex))); }))); }))))),
+        react_1.default.createElement("div", { className: "flex items-center justify-between", "data-testid": _testIdPaginationWrapper },
+            react_1.default.createElement("div", { "data-testid": _testIdFooterPagination },
+                react_1.default.createElement(enhanced_table_footer_pagination_1.EnhancedTableFooterPagination, { handleOnSelect: handleOnSelect, isRTL: isRTL, listOptions: listOptions, loading: loading, nodeSelectKey: nodeSelectKey, pageLimit: pageLimit, rowsPerPageLabel: labels.rowsPerPage, totalPages: totalPages })),
             react_1.default.createElement("div", { className: "flex items-center gap-4" },
-                react_1.default.createElement(enhanced_table_footer_page_1.EnhancedTableFooterPage, { currentPage: currentPage, isRTL: isRTL, loading: loading, loadingLabel: labels.loading, ofLabel: labels.of, pageLabel: labels.page, totalPages: totalPages }),
-                react_1.default.createElement(enhanced_table_footer_action_1.EnhancedTableFooterAction, { handleNextOnClick: handleNextOnClick, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, isRTL: isRTL, loading: loading, nextPageLabel: labels.nextPage, previousPageLabel: labels.previousPage })))));
+                react_1.default.createElement("div", { "data-testid": _testIdFooterPage },
+                    react_1.default.createElement(enhanced_table_footer_page_1.EnhancedTableFooterPage, { currentPage: currentPage, isRTL: isRTL, loading: loading, loadingLabel: labels.loading, ofLabel: labels.of, pageLabel: labels.page, totalPages: totalPages })),
+                react_1.default.createElement("div", { "data-testid": _testIdFooterAction },
+                    react_1.default.createElement(enhanced_table_footer_action_1.EnhancedTableFooterAction, { handleNextOnClick: handleNextOnClick, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, isRTL: isRTL, loading: loading, nextPageLabel: labels.nextPage, previousPageLabel: labels.previousPage }))))));
 };
 exports.EnhancedTable = EnhancedTable;

package/components/enhanced-textarea.d.ts

@@ -1,8 +1,24 @@
 import * as React from "react";
+/** Props for `EnhancedTextarea` component. */
 interface EnhancedTextareaProps extends React.ComponentProps<"textarea"> {
+    /** Error message text shown below the textarea; sets error styling when present. */
     error?: string;
+    /** Informational helper text shown below the textarea (when no error). */
     info?: string;
+    /** Optional label text displayed above the textarea. */
     label?: string;
+    /** `data-testid` for the root wrapper (outermost `div`). */
+    testIdWrapper?: string;
+    /** `data-testid` for the label element (forwards to `EnhancedLabel`). */
+    testIdLabel?: string;
+    /** `data-testid` for the native textarea element. */
+    testIdTextarea?: string;
+    /** `data-testid` for the message container (holds error/info). */
+    testIdMessage?: string;
+    /** `data-testid` for the error text element. */
+    testIdError?: string;
+    /** `data-testid` for the info text element. */
+    testIdInfo?: string;
 }
 declare const EnhancedTextarea: React.ForwardRefExoticComponent<Omit<EnhancedTextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { EnhancedTextarea };