@appcorp/shadcn 1.1.17 → 1.1.18

package/components/enhanced-table.d.ts

@@ -136,12 +136,20 @@ export interface EnhancedTableProps {
     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}`. */
@@ -164,12 +172,20 @@ export interface EnhancedTableProps {
     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}`. */

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, testIdWrapper = _a.testIdWrapper, testIdHeading = _a.testIdHeading, testIdTableDescription = _a.testIdTableDescription, testIdSearch = _a.testIdSearch, testIdHeaderActions = _a.testIdHeaderActions, testIdTableWrapper = _a.testIdTableWrapper, testIdRowPrefix = _a.testIdRowPrefix, testIdCellPrefix = _a.testIdCellPrefix, 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, testIdTableWrapperRtl = _a.testIdTableWrapperRtl, testIdRowPrefixRtl = _a.testIdRowPrefixRtl, testIdCellPrefixRtl = _a.testIdCellPrefixRtl, testIdNoResultsRtl = _a.testIdNoResultsRtl, testIdLoadingRowPrefixRtl = _a.testIdLoadingRowPrefixRtl, testIdPaginationWrapperRtl = _a.testIdPaginationWrapperRtl, testIdFooterPaginationRtl = _a.testIdFooterPaginationRtl, testIdFooterPageRtl = _a.testIdFooterPageRtl, testIdFooterActionRtl = _a.testIdFooterActionRtl;
+    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",
@@ -72,6 +72,15 @@ var EnhancedTable = function (_a) {
     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;
@@ -81,6 +90,9 @@ var EnhancedTable = function (_a) {
     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;
@@ -99,7 +111,7 @@ var EnhancedTable = function (_a) {
     var _testIdFooterAction = isRTL
         ? (testIdFooterActionRtl !== null && testIdFooterActionRtl !== void 0 ? testIdFooterActionRtl : testIdFooterAction)
         : testIdFooterAction;
-    var renderCellContent = function (row, col) {
+    var renderCellContent = function (row, col, rowIndex) {
         var _a, _b;
         // Helper to safely resolve nested keys (max depth 3)
         var resolveValue = function (source, key) {
@@ -170,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);
@@ -293,7 +307,7 @@ var EnhancedTable = function (_a) {
                 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 })))),
+                    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,
@@ -303,7 +317,7 @@ var EnhancedTable = function (_a) {
                         ? "".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))); }))); }))))),
+                        : 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 })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.1.17",
+  "version": "1.1.18",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "storybook build -c .storybook -o .out",