@appcorp/shadcn 1.1.99 → 2.0.0

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

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Enhanced Table Footer Pagination Component
  *
@@ -13,27 +12,18 @@
  * - Custom translation overrides
  * - Responsive design
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./ui/select";
+import React from "react";
+export const EnhancedTableFooterPagination = ({ handleOnSelect, isRTL = false, listOptions, loading, nodeSelectKey, pageLimit, rowsPerPageLabel = "Rows per page:", className = "", testIdWrapper, testIdLabel, testIdSelectTrigger, testIdSelectValue, testIdSelectContent, testIdOptionPrefix, }) => {
+    return (React.createElement("div", { className: `flex items-center gap-2 ${className}`, dir: isRTL ? "rtl" : "ltr", "data-testid": testIdWrapper },
+        React.createElement("label", { htmlFor: `page-limit-select-${nodeSelectKey}`, className: "text-sm text-muted-foreground whitespace-nowrap", "data-testid": testIdLabel }, rowsPerPageLabel),
+        React.createElement(Select, { value: String(pageLimit), onValueChange: (value) => handleOnSelect(nodeSelectKey, { option: value }), disabled: loading },
+            React.createElement(SelectTrigger, { id: `page-limit-select-${nodeSelectKey}`, className: "w-20", "aria-label": `${rowsPerPageLabel} ${pageLimit}`, "data-testid": testIdSelectTrigger },
+                React.createElement(SelectValue, { "data-testid": testIdSelectValue })),
+            React.createElement(SelectContent, { "data-testid": testIdSelectContent }, listOptions.map((option) => (React.createElement(SelectItem, { key: option.option, value: option.option, "aria-label": `${option.option} rows per page`, "data-testid": testIdOptionPrefix
+                    ? `${testIdOptionPrefix}-${option.option}`
+                    : undefined }, option.option)))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-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, 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), "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;
 // ============================================================================
 // USAGE EXAMPLES
 // ============================================================================

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

@@ -1,40 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTableHeaderAction = void 0;
-var react_1 = __importDefault(require("react"));
-var lucide_react_1 = require("lucide-react");
-var badge_1 = require("./ui/badge");
-var button_1 = require("./ui/button");
-var utils_1 = require("../lib/utils");
-var EnhancedTableHeaderAction = function (_a) {
-    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) {
-        var isFilterButton = action.label
+import React from "react";
+import { X } from "lucide-react";
+import { Badge } from "./ui/badge";
+import { Button } from "./ui/button";
+import { cn } from "../lib/utils";
+export const EnhancedTableHeaderAction = ({ headerActions, numberOfFilters, onClearFilters, testIdWrapper, testIdActionPrefix, testIdFilterBadge, testIdClearFilters, }) => {
+    return (React.createElement(React.Fragment, null, headerActions.length > 0 && (React.createElement("div", { className: "flex gap-2", "data-testid": testIdWrapper }, headerActions
+        .filter((action) => action.enabled !== false)
+        .sort((a, b) => (a.order || 0) - (b.order || 0))
+        .map((action, index) => {
+        const isFilterButton = action.label
             .toLowerCase()
             .includes("filter");
-        var showFilterIndicators = isFilterButton &&
+        const showFilterIndicators = isFilterButton &&
             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", "data-testid": testIdActionPrefix
-                    ? "".concat(testIdActionPrefix, "-").concat(index)
-                    : undefined, onClick: function () { var _a; return (_a = action.handleOnClick) === null || _a === void 0 ? void 0 : _a.call(action, undefined); } }, action.label),
-            showFilterIndicators && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: "absolute -top-2 -left-2 group" },
-                    react_1.default.createElement(badge_1.Badge, { variant: "secondary", className: (0, utils_1.cn)("h-5 w-5 flex items-center justify-center p-0 text-xs rounded-full transition-all relative", onClearFilters && "cursor-pointer"), "data-testid": testIdFilterBadge, onClick: onClearFilters
-                            ? function (e) {
+        return (React.createElement("div", { key: action.id || action.key || index, className: "relative" },
+            React.createElement(Button, { variant: action.variant || "default", "data-testid": testIdActionPrefix
+                    ? `${testIdActionPrefix}-${index}`
+                    : undefined, onClick: () => { var _a; return (_a = action.handleOnClick) === null || _a === void 0 ? void 0 : _a.call(action, undefined); } }, action.label),
+            showFilterIndicators && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "absolute -top-2 -left-2 group" },
+                    React.createElement(Badge, { variant: "secondary", className: cn("h-5 w-5 flex items-center justify-center p-0 text-xs rounded-full transition-all relative", onClearFilters && "cursor-pointer"), "data-testid": testIdFilterBadge, onClick: onClearFilters
+                            ? (e) => {
                                 e.stopPropagation();
                                 onClearFilters();
                             }
                             : undefined },
-                        react_1.default.createElement("span", { className: (0, utils_1.cn)("transition-opacity absolute", onClearFilters && "group-hover:opacity-0") }, numberOfFilters),
-                        onClearFilters && (react_1.default.createElement(lucide_react_1.X, { className: "h-3 w-3 absolute opacity-0 group-hover:opacity-100 transition-opacity", "data-testid": testIdClearFilters }))))))));
+                        React.createElement("span", { className: cn("transition-opacity absolute", onClearFilters && "group-hover:opacity-0") }, numberOfFilters),
+                        onClearFilters && (React.createElement(X, { className: "h-3 w-3 absolute opacity-0 group-hover:opacity-100 transition-opacity", "data-testid": testIdClearFilters }))))))));
     })))));
 };
-exports.EnhancedTableHeaderAction = EnhancedTableHeaderAction;

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

@@ -1,18 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+import { Search } from "lucide-react";
+import { Input } from "./ui/input";
+export const EnhancedTableHeaderSearch = ({ handleSearchInput, loading, searchDisabled = false, searchEnabled = true, searchId = "table-search", searchPlaceholder = "Search...", searchValue, testIdWrapper, testIdInput, testIdIcon, testIdLoading, }) => {
+    return (React.createElement(React.Fragment, null, searchEnabled && (React.createElement("div", { className: "flex items-center gap-2 max-w-xl", "data-testid": testIdWrapper },
+        React.createElement("div", { className: "relative flex-1" },
+            React.createElement(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground", "data-testid": testIdIcon }),
+            React.createElement(Input, { id: searchId, placeholder: searchPlaceholder, value: searchValue, onChange: (e) => handleSearchInput("search", e.target.value), disabled: searchDisabled || loading, className: "pl-9", "data-testid": testIdInput }),
+            loading && testIdLoading && (React.createElement("span", { className: "sr-only", "data-testid": testIdLoading })))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTableHeaderSearch = void 0;
-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, 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", "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.js

@@ -1,35 +1,18 @@
 "use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTable = exports.COMPONENT_TYPE = void 0;
-var react_1 = __importDefault(require("react"));
-var lucide_react_1 = require("lucide-react");
-var table_1 = require("./ui/table");
-var dropdown_menu_1 = require("./ui/dropdown-menu");
-var utils_1 = require("../lib/utils");
-var enhanced_table_footer_action_1 = require("./enhanced-table-footer-action");
-var enhanced_table_footer_page_1 = require("./enhanced-table-footer-page");
-var enhanced_table_footer_pagination_1 = require("./enhanced-table-footer-pagination");
-var popover_1 = require("./ui/popover");
-var enhanced_table_header_action_1 = require("./enhanced-table-header-action");
-var enhanced_table_header_search_1 = require("./enhanced-table-header-search");
-var badge_1 = require("./ui/badge");
+import React from "react";
+import { MoreHorizontal } from "lucide-react";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "./ui/table";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./ui/dropdown-menu";
+import { cn } from "../lib/utils";
+import { EnhancedTableFooterAction } from "./enhanced-table-footer-action";
+import { EnhancedTableFooterPage } from "./enhanced-table-footer-page";
+import { EnhancedTableFooterPagination } from "./enhanced-table-footer-pagination";
+import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
+import { EnhancedTableHeaderAction } from "./enhanced-table-header-action";
+import { EnhancedTableHeaderSearch } from "./enhanced-table-header-search";
+import { Badge } from "./ui/badge";
 // Centralized component type values for table cell rendering
-var COMPONENT_TYPE;
+export var COMPONENT_TYPE;
 (function (COMPONENT_TYPE) {
     COMPONENT_TYPE["ID"] = "ID";
     COMPONENT_TYPE["BOLD_TEXT"] = "BOLD_TEXT";
@@ -39,11 +22,10 @@ var COMPONENT_TYPE;
     COMPONENT_TYPE["CREATED_UPDATED_AT"] = "CREATED_UPDATED_AT";
     COMPONENT_TYPE["ACTIONS"] = "ACTIONS";
     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, 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;
+})(COMPONENT_TYPE || (COMPONENT_TYPE = {}));
+export const EnhancedTable = ({ currentPage, handleNextOnClick, handleOnSelect, handlePreviousOnClick, handleSearchInput, headerActions, isNextDisabled, isPreviousDisabled, isRTL = false, listOptions, loading, nodeSelectKey = "pageLimit", numberOfFilters, onClearFilters, pageLimit, rowActions, searchDisabled = false, searchEnabled = true, searchId = "table-search", searchPlaceholder = "Search...", searchValue, tableBodyCols, tableBodyRows, tableDescription, tableHeading, tableHeadItems, totalPages, translationLabels = {}, testIdWrapper, testIdHeading, testIdTableDescription, testIdSearch, testIdHeaderActions, testIdHeaderActionPrefix, testIdHeaderActionFilterBadge, testIdHeaderActionClearFilters, testIdTableWrapper, testIdRowPrefix, testIdCellPrefix, testIdRowActionPrefix, testIdNoResults, testIdLoadingRowPrefix, testIdPaginationWrapper, testIdFooterPagination, testIdFooterPage, testIdFooterAction, testIdWrapperRtl, testIdHeadingRtl, testIdTableDescriptionRtl, testIdSearchRtl, testIdHeaderActionsRtl, testIdHeaderActionPrefixRtl, testIdHeaderActionFilterBadgeRtl, testIdHeaderActionClearFiltersRtl, testIdTableWrapperRtl, testIdRowPrefixRtl, testIdCellPrefixRtl, testIdRowActionPrefixRtl, testIdNoResultsRtl, testIdLoadingRowPrefixRtl, testIdPaginationWrapperRtl, testIdFooterPaginationRtl, testIdFooterPageRtl, testIdFooterActionRtl, }) => {
     // Default translation values
-    var defaultLabels = {
+    const defaultLabels = {
         booleanYes: "Yes",
         booleanNo: "No",
         noResultsFound: "No results found.",
@@ -55,75 +37,74 @@ var EnhancedTable = function (_a) {
         rowsPerPage: "Rows per page:",
     };
     // Merge provided labels with defaults
-    var labels = __assign(__assign({}, defaultLabels), translationLabels);
+    const labels = Object.assign(Object.assign({}, defaultLabels), translationLabels);
     // Resolve which test ids to use depending on `isRTL` mode.
-    var _testIdWrapper = isRTL
+    const _testIdWrapper = isRTL
         ? (testIdWrapperRtl !== null && testIdWrapperRtl !== void 0 ? testIdWrapperRtl : testIdWrapper)
         : testIdWrapper;
-    var _testIdHeading = isRTL
+    const _testIdHeading = isRTL
         ? (testIdHeadingRtl !== null && testIdHeadingRtl !== void 0 ? testIdHeadingRtl : testIdHeading)
         : testIdHeading;
-    var _testIdTableDescription = isRTL
+    const _testIdTableDescription = isRTL
         ? (testIdTableDescriptionRtl !== null && testIdTableDescriptionRtl !== void 0 ? testIdTableDescriptionRtl : testIdTableDescription)
         : testIdTableDescription;
-    var _testIdSearch = isRTL
+    const _testIdSearch = isRTL
         ? (testIdSearchRtl !== null && testIdSearchRtl !== void 0 ? testIdSearchRtl : testIdSearch)
         : testIdSearch;
-    var _testIdHeaderActions = isRTL
+    const _testIdHeaderActions = isRTL
         ? (testIdHeaderActionsRtl !== null && testIdHeaderActionsRtl !== void 0 ? testIdHeaderActionsRtl : testIdHeaderActions)
         : testIdHeaderActions;
-    var _testIdHeaderActionPrefix = isRTL
+    const _testIdHeaderActionPrefix = isRTL
         ? (testIdHeaderActionPrefixRtl !== null && testIdHeaderActionPrefixRtl !== void 0 ? testIdHeaderActionPrefixRtl : testIdHeaderActionPrefix)
         : testIdHeaderActionPrefix;
-    var _testIdHeaderActionFilterBadge = isRTL
+    const _testIdHeaderActionFilterBadge = isRTL
         ? (testIdHeaderActionFilterBadgeRtl !== null && testIdHeaderActionFilterBadgeRtl !== void 0 ? testIdHeaderActionFilterBadgeRtl : testIdHeaderActionFilterBadge)
         : testIdHeaderActionFilterBadge;
-    var _testIdHeaderActionClearFilters = isRTL
+    const _testIdHeaderActionClearFilters = isRTL
         ? (testIdHeaderActionClearFiltersRtl !== null && testIdHeaderActionClearFiltersRtl !== void 0 ? testIdHeaderActionClearFiltersRtl : testIdHeaderActionClearFilters)
         : testIdHeaderActionClearFilters;
-    var _testIdTableWrapper = isRTL
+    const _testIdTableWrapper = isRTL
         ? (testIdTableWrapperRtl !== null && testIdTableWrapperRtl !== void 0 ? testIdTableWrapperRtl : testIdTableWrapper)
         : testIdTableWrapper;
-    var _testIdRowPrefix = isRTL
+    const _testIdRowPrefix = isRTL
         ? (testIdRowPrefixRtl !== null && testIdRowPrefixRtl !== void 0 ? testIdRowPrefixRtl : testIdRowPrefix)
         : testIdRowPrefix;
-    var _testIdCellPrefix = isRTL
+    const _testIdCellPrefix = isRTL
         ? (testIdCellPrefixRtl !== null && testIdCellPrefixRtl !== void 0 ? testIdCellPrefixRtl : testIdCellPrefix)
         : testIdCellPrefix;
-    var _testIdRowActionPrefix = isRTL
+    const _testIdRowActionPrefix = isRTL
         ? (testIdRowActionPrefixRtl !== null && testIdRowActionPrefixRtl !== void 0 ? testIdRowActionPrefixRtl : testIdRowActionPrefix)
         : testIdRowActionPrefix;
-    var _testIdNoResults = isRTL
+    const _testIdNoResults = isRTL
         ? (testIdNoResultsRtl !== null && testIdNoResultsRtl !== void 0 ? testIdNoResultsRtl : testIdNoResults)
         : testIdNoResults;
-    var _testIdLoadingRowPrefix = isRTL
+    const _testIdLoadingRowPrefix = isRTL
         ? (testIdLoadingRowPrefixRtl !== null && testIdLoadingRowPrefixRtl !== void 0 ? testIdLoadingRowPrefixRtl : testIdLoadingRowPrefix)
         : testIdLoadingRowPrefix;
-    var _testIdPaginationWrapper = isRTL
+    const _testIdPaginationWrapper = isRTL
         ? (testIdPaginationWrapperRtl !== null && testIdPaginationWrapperRtl !== void 0 ? testIdPaginationWrapperRtl : testIdPaginationWrapper)
         : testIdPaginationWrapper;
-    var _testIdFooterPagination = isRTL
+    const _testIdFooterPagination = isRTL
         ? (testIdFooterPaginationRtl !== null && testIdFooterPaginationRtl !== void 0 ? testIdFooterPaginationRtl : testIdFooterPagination)
         : testIdFooterPagination;
-    var _testIdFooterPage = isRTL
+    const _testIdFooterPage = isRTL
         ? (testIdFooterPageRtl !== null && testIdFooterPageRtl !== void 0 ? testIdFooterPageRtl : testIdFooterPage)
         : testIdFooterPage;
-    var _testIdFooterAction = isRTL
+    const _testIdFooterAction = isRTL
         ? (testIdFooterActionRtl !== null && testIdFooterActionRtl !== void 0 ? testIdFooterActionRtl : testIdFooterAction)
         : testIdFooterAction;
-    var renderCellContent = function (row, col, rowIndex) {
+    const renderCellContent = (row, col, rowIndex) => {
         var _a, _b;
         // Helper to safely resolve nested keys (max depth 3)
-        var resolveValue = function (source, key) {
+        const resolveValue = (source, key) => {
             if (!key)
                 return source;
             if (typeof key === "string") {
                 // Handle colon-separated nested keys
                 if (key.includes(":")) {
-                    var keys = key.split(":");
-                    var cur = source;
-                    for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
-                        var k = keys_2[_i];
+                    const keys = key.split(":");
+                    let cur = source;
+                    for (const k of keys) {
                         if (cur == null || typeof cur !== "object")
                             return undefined;
                         cur = cur[k];
@@ -136,15 +117,14 @@ var EnhancedTable = function (_a) {
                 return undefined;
             }
             // array of keys - try each until we find a defined value
-            for (var _a = 0, key_1 = key; _a < key_1.length; _a++) {
-                var k = key_1[_a];
-                var val = resolveValue(source, k);
+            for (const k of key) {
+                const val = resolveValue(source, k);
                 if (val != null)
                     return val;
             }
             return undefined;
         };
-        var getProp = function (obj, prop) {
+        const getProp = (obj, prop) => {
             if (obj &&
                 typeof obj === "object" &&
                 prop in obj)
@@ -152,17 +132,17 @@ var EnhancedTable = function (_a) {
             return undefined;
         };
         // Resolve value (supports nested key arrays)
-        var value = resolveValue(row, col.key);
+        const value = resolveValue(row, col.key);
         // Normalize componentType so external string enums (like VISTA_TABLE_CELL_TYPE)
         // remain compatible with this table. Unknown/unsupported types fall back to TEXT.
-        var normalizeComponentType = function (c) {
+        const normalizeComponentType = (c) => {
             var _a;
             if (!c)
                 return undefined;
             if (Object.values(COMPONENT_TYPE).includes(c))
                 return c;
             // Map common external values to our ComponentType using object notation
-            var MAP = {
+            const MAP = {
                 ID: COMPONENT_TYPE.ID,
                 BOLD_TEXT: COMPONENT_TYPE.BOLD_TEXT,
                 BOOLEAN: COMPONENT_TYPE.BOOLEAN,
@@ -174,42 +154,39 @@ var EnhancedTable = function (_a) {
             };
             return (_a = MAP[String(c)]) !== null && _a !== void 0 ? _a : COMPONENT_TYPE.TEXT;
         };
-        var normalizedType = normalizeComponentType(col.componentType);
+        const normalizedType = normalizeComponentType(col.componentType);
         if (normalizedType === COMPONENT_TYPE.ACTIONS) {
-            return (react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
-                    react_1.default.createElement(lucide_react_1.MoreHorizontal, { className: "h-4 w-4" })),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { align: "end" }, rowActions
-                    .filter(function (_a) {
-                    var enabled = _a.enabled;
-                    return typeof enabled === "function" ? enabled(row) : enabled;
-                })
-                    .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, "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 () { var _a; return (_a = action.handleOnClick) === null || _a === void 0 ? void 0 : _a.call(action, row); } }, action.label)); }))));
+            return (React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenuTrigger, { asChild: true },
+                    React.createElement(MoreHorizontal, { className: "h-4 w-4" })),
+                React.createElement(DropdownMenuContent, { align: "end" }, rowActions
+                    .filter(({ enabled }) => typeof enabled === "function" ? enabled(row) : enabled)
+                    .sort((a, b) => (a.order || 0) - (b.order || 0))
+                    .map((action, index) => (React.createElement(DropdownMenuItem, { key: action.id || action.key || index, "data-testid": _testIdRowActionPrefix
+                        ? `${_testIdRowActionPrefix}-${rowIndex}-${index}`
+                        : undefined, className: cn(action.variant === "destructive" &&
+                        "text-destructive focus:text-destructive"), onClick: () => { var _a; return (_a = action.handleOnClick) === null || _a === void 0 ? void 0 : _a.call(action, row); } }, action.label))))));
         }
         if (normalizedType === COMPONENT_TYPE.ID) {
-            return (react_1.default.createElement(popover_1.Popover, null,
-                react_1.default.createElement(popover_1.PopoverTrigger, { asChild: true },
-                    react_1.default.createElement("span", { className: "text-xs text-muted-foreground font-mono" }, typeof value === "string"
-                        ? "".concat(value.substring(0, 8), "...")
+            return (React.createElement(Popover, null,
+                React.createElement(PopoverTrigger, { asChild: true },
+                    React.createElement("span", { className: "text-xs text-muted-foreground font-mono" }, typeof value === "string"
+                        ? `${value.substring(0, 8)}...`
                         : String(value || ""))),
-                react_1.default.createElement(popover_1.PopoverContent, null,
-                    react_1.default.createElement("span", { className: "text-xs text-muted-foreground font-mono" }, col.textFormatter
+                React.createElement(PopoverContent, null,
+                    React.createElement("span", { className: "text-xs text-muted-foreground font-mono" }, col.textFormatter
                         ? col.textFormatter(value, row)
                         : String(value)))));
         }
         if (normalizedType === COMPONENT_TYPE.BOLD_TEXT) {
-            var formatted = col.textFormatter
+            const formatted = col.textFormatter
                 ? col.textFormatter(value, row)
                 : String(value || "");
-            return react_1.default.createElement("span", { className: "font-semibold" }, formatted);
+            return React.createElement("span", { className: "font-semibold" }, formatted);
         }
         if (normalizedType === COMPONENT_TYPE.BOOLEAN) {
-            var isTrue = Boolean(value);
-            return (react_1.default.createElement(badge_1.Badge, { variant: "secondary", className: (0, utils_1.cn)("text-white font-medium", isTrue
+            const isTrue = Boolean(value);
+            return (React.createElement(Badge, { variant: "secondary", className: cn("text-white font-medium", isTrue
                     ? "bg-green-500 hover:bg-green-600"
                     : "bg-red-500 hover:bg-red-600") }, isTrue ? labels.booleanYes : labels.booleanNo));
         }
@@ -217,18 +194,16 @@ var EnhancedTable = function (_a) {
         // e.g., ["user:company", "profile:department"] with fallback support
         // If first path is undefined, try the next one. If all undefined, render '-'
         if (normalizedType === COMPONENT_TYPE.OBJECT) {
-            var nested = void 0;
+            let nested;
             // Key must be an array of colon-separated strings
             if (Array.isArray(col.key)) {
                 // Try each key path until we find a defined value
-                for (var _i = 0, _c = col.key; _i < _c.length; _i++) {
-                    var keyPath = _c[_i];
+                for (const keyPath of col.key) {
                     if (typeof keyPath === "string" && keyPath.includes(":")) {
-                        var keys = keyPath.split(":");
-                        var cur = row;
-                        var found = true;
-                        for (var _d = 0, keys_1 = keys; _d < keys_1.length; _d++) {
-                            var k = keys_1[_d];
+                        const keys = keyPath.split(":");
+                        let cur = row;
+                        let found = true;
+                        for (const k of keys) {
                             if (cur == null || typeof cur !== "object") {
                                 found = false;
                                 break;
@@ -244,86 +219,83 @@ var EnhancedTable = function (_a) {
             }
             // If all paths are undefined, render '-'
             if (nested == null)
-                return react_1.default.createElement("span", null, "-");
+                return React.createElement("span", null, "-");
             // If nested is an object, try to find a primitive value
             if (typeof nested === "object") {
-                var primitive = Object.values(nested).find(function (v) {
-                    return ["string", "number", "boolean"].includes(typeof v);
-                });
-                var toRender = primitive !== null && primitive !== void 0 ? primitive : JSON.stringify(nested);
-                return (react_1.default.createElement("span", null, col.textFormatter
+                const primitive = Object.values(nested).find((v) => ["string", "number", "boolean"].includes(typeof v));
+                const toRender = primitive !== null && primitive !== void 0 ? primitive : JSON.stringify(nested);
+                return (React.createElement("span", null, col.textFormatter
                     ? col.textFormatter(toRender, row)
                     : String(toRender)));
             }
             // Nested is a primitive value
-            return (react_1.default.createElement("span", null, col.textFormatter ? col.textFormatter(nested, row) : String(nested)));
+            return (React.createElement("span", null, col.textFormatter ? col.textFormatter(nested, row) : String(nested)));
         } // MULTIPLE_TEXT_LINES => col.key is an array of keys, render up to 3 lines
         if (normalizedType === COMPONENT_TYPE.MULTIPLE_TEXT_LINES) {
-            var keys = Array.isArray(col.key) ? col.key : [];
-            var lines = keys.slice(0, 3).map(function (k) {
-                var v = resolveValue(row, k);
+            const keys = Array.isArray(col.key) ? col.key : [];
+            const lines = keys.slice(0, 3).map((k) => {
+                const v = resolveValue(row, k);
                 return v == null ? "" : String(v);
             });
-            return (react_1.default.createElement("div", { className: "flex flex-col" }, lines.map(function (line, idx) { return (react_1.default.createElement("span", { key: idx, className: "text-sm" }, col.textFormatter ? col.textFormatter(line, row) : line)); })));
+            return (React.createElement("div", { className: "flex flex-col" }, lines.map((line, idx) => (React.createElement("span", { key: idx, className: "text-sm" }, col.textFormatter ? col.textFormatter(line, row) : line)))));
         }
         // CREATED_UPDATED_AT => show createdAt and updatedAt from the object (or nested object)
         if (normalizedType === COMPONENT_TYPE.CREATED_UPDATED_AT) {
-            var target = resolveValue(row, col.key);
-            var created = (_a = getProp(target, "createdAt")) !== null && _a !== void 0 ? _a : getProp(row, "createdAt");
-            var updated = (_b = getProp(target, "updatedAt")) !== null && _b !== void 0 ? _b : getProp(row, "updatedAt");
-            var fmt = function (d) {
+            const target = resolveValue(row, col.key);
+            const created = (_a = getProp(target, "createdAt")) !== null && _a !== void 0 ? _a : getProp(row, "createdAt");
+            const updated = (_b = getProp(target, "updatedAt")) !== null && _b !== void 0 ? _b : getProp(row, "updatedAt");
+            const fmt = (d) => {
                 if (d == null)
                     return "";
-                var date = d instanceof Date ? d : new Date(String(d));
+                const date = d instanceof Date ? d : new Date(String(d));
                 if (isNaN(date.getTime()))
                     return String(d);
                 return date.toLocaleString();
             };
-            return (react_1.default.createElement("div", { className: "flex flex-col text-sm text-muted-foreground" },
-                react_1.default.createElement("span", null, fmt(created)),
-                react_1.default.createElement("span", null, fmt(updated))));
+            return (React.createElement("div", { className: "flex flex-col text-sm text-muted-foreground" },
+                React.createElement("span", null, fmt(created)),
+                React.createElement("span", null, fmt(updated))));
         }
-        return (react_1.default.createElement("span", null, col.textFormatter
+        return (React.createElement("span", null, col.textFormatter
             ? col.textFormatter(value, row)
             : String(value || "")));
     };
     // 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", "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" }))); }))); });
+    const renderLoadingRows = () => {
+        return Array.from({ length: pageLimit || 5 }).map((_, index) => (React.createElement(TableRow, { key: `loading-${index}`, className: "hover:bg-muted/50", "data-testid": _testIdLoadingRowPrefix
+                ? `${_testIdLoadingRowPrefix}-${index}`
+                : undefined }, tableHeadItems.map((_, colIndex) => (React.createElement(TableCell, { key: colIndex, className: "py-4" },
+            React.createElement("div", { className: "h-4 bg-muted animate-pulse rounded w-full" })))))));
     };
-    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", "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("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", "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: (0, utils_1.cn)("py-4 cursor-pointer"), "data-testid": _testIdCellPrefix
-                        ? "".concat(_testIdCellPrefix, "-").concat(rowIndex, "-").concat(colIndex)
-                        : undefined, onClick: function (e) {
+    return (React.createElement("div", { className: "space-y-4", "data-testid": _testIdWrapper },
+        React.createElement("div", { className: "flex items-center justify-between" },
+            React.createElement("div", { className: "space-y-1" },
+                React.createElement("h2", { className: "text-2xl font-bold tracking-tight", "data-testid": _testIdHeading }, tableHeading),
+                tableDescription && (React.createElement("p", { className: "text-muted-foreground", "data-testid": _testIdTableDescription }, tableDescription))),
+            React.createElement("div", { className: "flex flex-row items-center justify-end gap-2" },
+                React.createElement("div", { "data-testid": _testIdSearch },
+                    React.createElement(EnhancedTableHeaderSearch, { handleSearchInput: handleSearchInput, loading: loading, searchDisabled: searchDisabled, searchEnabled: searchEnabled, searchId: searchId, searchPlaceholder: searchPlaceholder, searchValue: searchValue })),
+                React.createElement("div", { "data-testid": _testIdHeaderActions },
+                    React.createElement(EnhancedTableHeaderAction, { headerActions: headerActions, numberOfFilters: numberOfFilters, onClearFilters: onClearFilters, testIdActionPrefix: _testIdHeaderActionPrefix, testIdClearFilters: _testIdHeaderActionClearFilters, testIdFilterBadge: _testIdHeaderActionFilterBadge })))),
+        React.createElement("div", { className: "border rounded-md", "data-testid": _testIdTableWrapper },
+            React.createElement(Table, null,
+                React.createElement(TableHeader, null,
+                    React.createElement(TableRow, null, tableHeadItems.map((header, index) => (React.createElement(TableHead, { key: index, style: { width: header.width }, className: cn("font-medium", index === 0 && "rounded-tl-md", index === tableHeadItems.length - 1 && "rounded-tr-md") }, header.label))))),
+                React.createElement(TableBody, null, loading ? (renderLoadingRows()) : tableBodyRows.length === 0 ? (React.createElement(TableRow, null,
+                    React.createElement(TableCell, { colSpan: tableHeadItems.length, className: "h-24 text-center text-muted-foreground", "data-testid": _testIdNoResults }, labels.noResultsFound))) : (tableBodyRows.map((row, rowIndex) => (React.createElement(TableRow, { key: rowIndex, className: "hover:bg-muted/50", "data-testid": _testIdRowPrefix
+                        ? `${_testIdRowPrefix}-${rowIndex}`
+                        : undefined }, tableBodyCols.map((col, colIndex) => (React.createElement(TableCell, { key: colIndex, className: cn("py-4 cursor-pointer"), "data-testid": _testIdCellPrefix
+                        ? `${_testIdCellPrefix}-${rowIndex}-${colIndex}`
+                        : undefined, onClick: (e) => {
                         var _a;
                         return (_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(e.currentTarget.textContent || "");
-                    } }, 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("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 }))))));
+                    } }, renderCellContent(row, col, rowIndex))))))))))),
+        React.createElement("div", { className: "flex items-center justify-between", "data-testid": _testIdPaginationWrapper },
+            React.createElement("div", { "data-testid": _testIdFooterPagination },
+                React.createElement(EnhancedTableFooterPagination, { handleOnSelect: handleOnSelect, isRTL: isRTL, listOptions: listOptions, loading: loading, nodeSelectKey: nodeSelectKey, pageLimit: pageLimit, rowsPerPageLabel: labels.rowsPerPage, totalPages: totalPages })),
+            React.createElement("div", { className: "flex items-center gap-4" },
+                React.createElement("div", { "data-testid": _testIdFooterPage },
+                    React.createElement(EnhancedTableFooterPage, { currentPage: currentPage, isRTL: isRTL, loading: loading, loadingLabel: labels.loading, ofLabel: labels.of, pageLabel: labels.page, totalPages: totalPages })),
+                React.createElement("div", { "data-testid": _testIdFooterAction },
+                    React.createElement(EnhancedTableFooterAction, { handleNextOnClick: handleNextOnClick, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, isRTL: isRTL, loading: loading, nextPageLabel: labels.nextPage, previousPageLabel: labels.previousPage }))))));
 };
-exports.EnhancedTable = EnhancedTable;