@appcorp/shadcn 1.2.0 → 2.0.1

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

@@ -1,118 +1 @@
-"use strict";
-/**
- * Enhanced Table Footer Pagination Component
- *
- * Displays rows per page selector with internationalization and RTL/LTR support.
- * Automatically adapts text direction and layout based on locale.
- *
- * Features:
- * - Full i18n support with fallback text
- * - RTL/LTR layout adaptation
- * - Loading state handling
- * - Accessibility attributes
- * - Custom translation overrides
- * - Responsive design
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-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
-// ============================================================================
-/*
-Example 1: Basic usage with automatic i18n
-<EnhancedTableFooterPagination
-  handleOnSelect={(key, value) => console.log(key, value)}
-  listOptions={[{ option: "10" }, { option: "25" }, { option: "50" }]}
-  loading={false}
-  nodeSelectKey="pageLimit"
-  pageLimit={10}
-  totalPages={5}
-/>
-
-Example 2: With custom label text
-<EnhancedTableFooterPagination
-  handleOnSelect={handlePageLimitChange}
-  listOptions={pageLimitOptions}
-  loading={isLoading}
-  nodeSelectKey="pageLimit"
-  pageLimit={currentPageLimit}
-  totalPages={totalPages}
-  labelText="Items per page:"
-/>
-
-Example 3: With custom styling and RTL support
-<EnhancedTableFooterPagination
-  handleOnSelect={handlePageLimitChange}
-  listOptions={pageLimitOptions}
-  loading={false}
-  nodeSelectKey="pageLimit"
-  pageLimit={25}
-  totalPages={10}
-  className="bg-gray-50 p-2 rounded-md"
-/>
-
-RTL Layout Features:
-- Automatic text direction detection and application
-- Element order reversal for RTL languages
-- Proper label-select association
-- Accessibility attributes for screen readers
-- Direction-specific CSS classes and DOM attributes
-*/
-// ============================================================================
-// COMPONENT ENHANCEMENTS SUMMARY
-// ============================================================================
-/*
-Enhancements Applied:
-
-1. **Internationalization (i18n)**
-   - Translation support using next-intl
-   - Fallback text for missing translations
-   - Custom label text override capability
-   - Translatable "Rows per page:" label
-
-2. **RTL/LTR Layout Support**
-   - Automatic layout detection using useRTL hook
-   - Element order reversal for RTL languages (flex-row-reverse)
-   - Direction-aware CSS classes and attributes
-   - Proper text direction handling
-
-3. **Accessibility Improvements**
-   - Proper label-select association with htmlFor/id
-   - ARIA labels for screen readers
-   - Descriptive aria-label for select options
-   - Semantic HTML structure with label element
-
-4. **Developer Experience**
-   - Comprehensive JSDoc documentation
-   - Usage examples and patterns
-   - TypeScript interface improvements
-   - Flexible customization options
-
-5. **Code Quality**
-   - Clean, readable component structure
-   - Consistent naming conventions
-   - Performance-optimized rendering
-   - Maintainable and extensible design
-
-Translation Key Required:
-- common.rowsPerPage: "Rows per page:" / "ہر صفحے میں قطاریں:"
-*/
+"use strict";import{Select as $,SelectContent as f,SelectItem as b,SelectTrigger as h,SelectValue as w}from"./ui/select";import t from"react";export const EnhancedTableFooterPagination=({handleOnSelect:n,isRTL:m=!1,listOptions:c,loading:s,nodeSelectKey:a,pageLimit:l,rowsPerPageLabel:r="Rows per page:",className:d="",testIdWrapper:o,testIdLabel:p,testIdSelectTrigger:g,testIdSelectValue:u,testIdSelectContent:E,testIdOptionPrefix:i})=>t.createElement("div",{className:`flex items-center gap-2 ${d}`,dir:m?"rtl":"ltr","data-testid":o},t.createElement("label",{htmlFor:`page-limit-select-${a}`,className:"text-sm text-muted-foreground whitespace-nowrap","data-testid":p},r),t.createElement($,{value:String(l),onValueChange:e=>n(a,{option:e}),disabled:s},t.createElement(h,{id:`page-limit-select-${a}`,className:"w-20","aria-label":`${r} ${l}`,"data-testid":g},t.createElement(w,{"data-testid":u})),t.createElement(f,{"data-testid":E},c.map(e=>t.createElement(b,{key:e.option,value:e.option,"aria-label":`${e.option} rows per page`,"data-testid":i?`${i}-${e.option}`:void 0},e.option)))));

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

@@ -1,40 +1 @@
-"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
-            .toLowerCase()
-            .includes("filter");
-        var 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) {
-                                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 }))))))));
-    })))));
-};
-exports.EnhancedTableHeaderAction = EnhancedTableHeaderAction;
+"use strict";import t from"react";import{X as u}from"lucide-react";import{Badge as f}from"./ui/badge";import{Button as v}from"./ui/button";import{cn as s}from"../lib/utils";export const EnhancedTableHeaderAction=({headerActions:o,numberOfFilters:n,onClearFilters:a,testIdWrapper:d,testIdActionPrefix:i,testIdFilterBadge:c,testIdClearFilters:m})=>t.createElement(t.Fragment,null,o.length>0&&t.createElement("div",{className:"flex gap-2","data-testid":d},o.filter(e=>e.enabled!==!1).sort((e,l)=>(e.order||0)-(l.order||0)).map((e,l)=>{const p=e.label.toLowerCase().includes("filter")&&typeof n=="number"&&n>0;return t.createElement("div",{key:e.id||e.key||l,className:"relative"},t.createElement(v,{variant:e.variant||"default","data-testid":i?`${i}-${l}`:void 0,onClick:()=>{var r;return(r=e.handleOnClick)===null||r===void 0?void 0:r.call(e,void 0)}},e.label),p&&t.createElement(t.Fragment,null,t.createElement("div",{className:"absolute -top-2 -left-2 group"},t.createElement(f,{variant:"secondary",className:s("h-5 w-5 flex items-center justify-center p-0 text-xs rounded-full transition-all relative",a&&"cursor-pointer"),"data-testid":c,onClick:a?r=>{r.stopPropagation(),a()}:void 0},t.createElement("span",{className:s("transition-opacity absolute",a&&"group-hover:opacity-0")},n),a&&t.createElement(u,{className:"h-3 w-3 absolute opacity-0 group-hover:opacity-100 transition-opacity","data-testid":m})))))})));

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

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

package/components/enhanced-table.js

@@ -1,329 +1 @@
-"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");
-// Centralized component type values for table cell rendering
-var COMPONENT_TYPE;
-(function (COMPONENT_TYPE) {
-    COMPONENT_TYPE["ID"] = "ID";
-    COMPONENT_TYPE["BOLD_TEXT"] = "BOLD_TEXT";
-    COMPONENT_TYPE["TEXT"] = "TEXT";
-    COMPONENT_TYPE["OBJECT"] = "OBJECT";
-    COMPONENT_TYPE["MULTIPLE_TEXT_LINES"] = "MULTIPLE_TEXT_LINES";
-    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;
-    // Default translation values
-    var defaultLabels = {
-        booleanYes: "Yes",
-        booleanNo: "No",
-        noResultsFound: "No results found.",
-        previousPage: "Previous page",
-        nextPage: "Next page",
-        page: "Page",
-        of: "of",
-        loading: "Loading",
-        rowsPerPage: "Rows per page:",
-    };
-    // Merge provided labels with defaults
-    var labels = __assign(__assign({}, defaultLabels), translationLabels);
-    // 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) {
-            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];
-                        if (cur == null || typeof cur !== "object")
-                            return undefined;
-                        cur = cur[k];
-                    }
-                    return cur;
-                }
-                // Simple key access
-                if (source && typeof source === "object")
-                    return source[key];
-                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);
-                if (val != null)
-                    return val;
-            }
-            return undefined;
-        };
-        var getProp = function (obj, prop) {
-            if (obj &&
-                typeof obj === "object" &&
-                prop in obj)
-                return obj[prop];
-            return undefined;
-        };
-        // Resolve value (supports nested key arrays)
-        var 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) {
-            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 = {
-                ID: COMPONENT_TYPE.ID,
-                BOLD_TEXT: COMPONENT_TYPE.BOLD_TEXT,
-                BOOLEAN: COMPONENT_TYPE.BOOLEAN,
-                ACTIONS: COMPONENT_TYPE.ACTIONS,
-                TEXT: COMPONENT_TYPE.TEXT,
-                OBJECT: COMPONENT_TYPE.OBJECT,
-                MULTIPLE_TEXT_LINES: COMPONENT_TYPE.MULTIPLE_TEXT_LINES,
-                CREATED_UPDATED_AT: COMPONENT_TYPE.CREATED_UPDATED_AT,
-            };
-            return (_a = MAP[String(c)]) !== null && _a !== void 0 ? _a : COMPONENT_TYPE.TEXT;
-        };
-        var 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)); }))));
-        }
-        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), "...")
-                        : 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
-                        ? col.textFormatter(value, row)
-                        : String(value)))));
-        }
-        if (normalizedType === COMPONENT_TYPE.BOLD_TEXT) {
-            var formatted = col.textFormatter
-                ? col.textFormatter(value, row)
-                : String(value || "");
-            return react_1.default.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
-                    ? "bg-green-500 hover:bg-green-600"
-                    : "bg-red-500 hover:bg-red-600") }, isTrue ? labels.booleanYes : labels.booleanNo));
-        }
-        // OBJECT => nested property path supplied as array of colon-separated strings
-        // 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;
-            // 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];
-                    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];
-                            if (cur == null || typeof cur !== "object") {
-                                found = false;
-                                break;
-                            }
-                            cur = cur[k];
-                        }
-                        if (found && cur != null) {
-                            nested = cur;
-                            break;
-                        }
-                    }
-                }
-            }
-            // If all paths are undefined, render '-'
-            if (nested == null)
-                return react_1.default.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
-                    ? 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)));
-        } // 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);
-                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)); })));
-        }
-        // 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) {
-                if (d == null)
-                    return "";
-                var 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_1.default.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" }))); }))); });
-    };
-    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) {
-                        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 }))))));
-};
-exports.EnhancedTable = EnhancedTable;
+"use strict";"use client";import e from"react";import{MoreHorizontal as We}from"lucide-react";import{Table as He,TableBody as Ie,TableCell as z,TableHead as Re,TableHeader as et,TableRow as _}from"./ui/table";import{DropdownMenu as tt,DropdownMenuContent as nt,DropdownMenuItem as at,DropdownMenuTrigger as rt}from"./ui/dropdown-menu";import{cn as h}from"../lib/utils";import{EnhancedTableFooterAction as lt}from"./enhanced-table-footer-action";import{EnhancedTableFooterPage as ot}from"./enhanced-table-footer-page";import{EnhancedTableFooterPagination as mt}from"./enhanced-table-footer-pagination";import{Popover as st,PopoverContent as ut,PopoverTrigger as ct}from"./ui/popover";import{EnhancedTableHeaderAction as it}from"./enhanced-table-header-action";import{EnhancedTableHeaderSearch as dt}from"./enhanced-table-header-search";import{Badge as ft}from"./ui/badge";export var COMPONENT_TYPE;(function(s){s.ID="ID",s.BOLD_TEXT="BOLD_TEXT",s.TEXT="TEXT",s.OBJECT="OBJECT",s.MULTIPLE_TEXT_LINES="MULTIPLE_TEXT_LINES",s.CREATED_UPDATED_AT="CREATED_UPDATED_AT",s.ACTIONS="ACTIONS",s.BOOLEAN="BOOLEAN"})(COMPONENT_TYPE||(COMPONENT_TYPE={}));export const EnhancedTable=({currentPage:s,handleNextOnClick:Ee,handleOnSelect:ve,handlePreviousOnClick:pe,handleSearchInput:ge,headerActions:Te,isNextDisabled:be,isPreviousDisabled:ye,isRTL:l=!1,listOptions:_e,loading:v,nodeSelectKey:he="pageLimit",numberOfFilters:Ne,onClearFilters:xe,pageLimit:V,rowActions:De,searchDisabled:Ae=!1,searchEnabled:Se=!0,searchId:ke="table-search",searchPlaceholder:Oe="Search...",searchValue:Ce,tableBodyCols:Le,tableBodyRows:K,tableDescription:q,tableHeading:Be,tableHeadItems:g,totalPages:G,translationLabels:Xe={},testIdWrapper:Q,testIdHeading:Z,testIdTableDescription:w,testIdSearch:Y,testIdHeaderActions:W,testIdHeaderActionPrefix:H,testIdHeaderActionFilterBadge:I,testIdHeaderActionClearFilters:R,testIdTableWrapper:ee,testIdRowPrefix:te,testIdCellPrefix:ne,testIdRowActionPrefix:ae,testIdNoResults:re,testIdLoadingRowPrefix:le,testIdPaginationWrapper:oe,testIdFooterPagination:me,testIdFooterPage:se,testIdFooterAction:ue,testIdWrapperRtl:N,testIdHeadingRtl:x,testIdTableDescriptionRtl:D,testIdSearchRtl:A,testIdHeaderActionsRtl:S,testIdHeaderActionPrefixRtl:k,testIdHeaderActionFilterBadgeRtl:O,testIdHeaderActionClearFiltersRtl:C,testIdTableWrapperRtl:L,testIdRowPrefixRtl:B,testIdCellPrefixRtl:X,testIdRowActionPrefixRtl:$,testIdNoResultsRtl:F,testIdLoadingRowPrefixRtl:P,testIdPaginationWrapperRtl:U,testIdFooterPaginationRtl:j,testIdFooterPageRtl:J,testIdFooterActionRtl:M})=>{const i=Object.assign(Object.assign({},{booleanYes:"Yes",booleanNo:"No",noResultsFound:"No results found.",previousPage:"Previous page",nextPage:"Next page",page:"Page",of:"of",loading:"Loading",rowsPerPage:"Rows per page:"}),Xe),$e=l?N??Q:Q,Fe=l?x??Z:Z,Pe=l?D??w:w,Ue=l?A??Y:Y,je=l?S??W:W,Je=l?k??H:H,Me=l?O??I:I,ze=l?C??R:R,Ve=l?L??ee:ee,ce=l?B??te:te,ie=l?X??ne:ne,de=l?$??ae:ae,Ke=l?F??re:re,fe=l?P??le:le,qe=l?U??oe:oe,Ge=l?j??me:me,Qe=l?J??se:se,Ze=l?M??ue:ue,we=(o,n,T)=>{var d,p;const f=(t,a)=>{if(!a)return t;if(typeof a=="string"){if(a.includes(":")){const m=a.split(":");let r=t;for(const c of m){if(r==null||typeof r!="object")return;r=r[c]}return r}return t&&typeof t=="object"?t[a]:void 0}for(const m of a){const r=f(t,m);if(r!=null)return r}},b=(t,a)=>{if(t&&typeof t=="object"&&a in t)return t[a]},u=f(o,n.key),E=(t=>{var a;return t?Object.values(COMPONENT_TYPE).includes(t)?t:(a={ID:COMPONENT_TYPE.ID,BOLD_TEXT:COMPONENT_TYPE.BOLD_TEXT,BOOLEAN:COMPONENT_TYPE.BOOLEAN,ACTIONS:COMPONENT_TYPE.ACTIONS,TEXT:COMPONENT_TYPE.TEXT,OBJECT:COMPONENT_TYPE.OBJECT,MULTIPLE_TEXT_LINES:COMPONENT_TYPE.MULTIPLE_TEXT_LINES,CREATED_UPDATED_AT:COMPONENT_TYPE.CREATED_UPDATED_AT}[String(t)])!==null&&a!==void 0?a:COMPONENT_TYPE.TEXT:void 0})(n.componentType);if(E===COMPONENT_TYPE.ACTIONS)return e.createElement(tt,null,e.createElement(rt,{asChild:!0},e.createElement(We,{className:"h-4 w-4"})),e.createElement(nt,{align:"end"},De.filter(({enabled:t})=>typeof t=="function"?t(o):t).sort((t,a)=>(t.order||0)-(a.order||0)).map((t,a)=>e.createElement(at,{key:t.id||t.key||a,"data-testid":de?`${de}-${T}-${a}`:void 0,className:h(t.variant==="destructive"&&"text-destructive focus:text-destructive"),onClick:()=>{var m;return(m=t.handleOnClick)===null||m===void 0?void 0:m.call(t,o)}},t.label))));if(E===COMPONENT_TYPE.ID)return e.createElement(st,null,e.createElement(ct,{asChild:!0},e.createElement("span",{className:"text-xs text-muted-foreground font-mono"},typeof u=="string"?`${u.substring(0,8)}...`:String(u||""))),e.createElement(ut,null,e.createElement("span",{className:"text-xs text-muted-foreground font-mono"},n.textFormatter?n.textFormatter(u,o):String(u))));if(E===COMPONENT_TYPE.BOLD_TEXT){const t=n.textFormatter?n.textFormatter(u,o):String(u||"");return e.createElement("span",{className:"font-semibold"},t)}if(E===COMPONENT_TYPE.BOOLEAN){const t=!!u;return e.createElement(ft,{variant:"secondary",className:h("text-white font-medium",t?"bg-green-500 hover:bg-green-600":"bg-red-500 hover:bg-red-600")},t?i.booleanYes:i.booleanNo)}if(E===COMPONENT_TYPE.OBJECT){let t;if(Array.isArray(n.key)){for(const a of n.key)if(typeof a=="string"&&a.includes(":")){const m=a.split(":");let r=o,c=!0;for(const y of m){if(r==null||typeof r!="object"){c=!1;break}r=r[y]}if(c&&r!=null){t=r;break}}}if(t==null)return e.createElement("span",null,"-");if(typeof t=="object"){const a=Object.values(t).find(r=>["string","number","boolean"].includes(typeof r)),m=a??JSON.stringify(t);return e.createElement("span",null,n.textFormatter?n.textFormatter(m,o):String(m))}return e.createElement("span",null,n.textFormatter?n.textFormatter(t,o):String(t))}if(E===COMPONENT_TYPE.MULTIPLE_TEXT_LINES){const a=(Array.isArray(n.key)?n.key:[]).slice(0,3).map(m=>{const r=f(o,m);return r==null?"":String(r)});return e.createElement("div",{className:"flex flex-col"},a.map((m,r)=>e.createElement("span",{key:r,className:"text-sm"},n.textFormatter?n.textFormatter(m,o):m)))}if(E===COMPONENT_TYPE.CREATED_UPDATED_AT){const t=f(o,n.key),a=(d=b(t,"createdAt"))!==null&&d!==void 0?d:b(o,"createdAt"),m=(p=b(t,"updatedAt"))!==null&&p!==void 0?p:b(o,"updatedAt"),r=c=>{if(c==null)return"";const y=c instanceof Date?c:new Date(String(c));return isNaN(y.getTime())?String(c):y.toLocaleString()};return e.createElement("div",{className:"flex flex-col text-sm text-muted-foreground"},e.createElement("span",null,r(a)),e.createElement("span",null,r(m)))}return e.createElement("span",null,n.textFormatter?n.textFormatter(u,o):String(u||""))},Ye=()=>Array.from({length:V||5}).map((o,n)=>e.createElement(_,{key:`loading-${n}`,className:"hover:bg-muted/50","data-testid":fe?`${fe}-${n}`:void 0},g.map((T,d)=>e.createElement(z,{key:d,className:"py-4"},e.createElement("div",{className:"h-4 bg-muted animate-pulse rounded w-full"})))));return e.createElement("div",{className:"space-y-4","data-testid":$e},e.createElement("div",{className:"flex items-center justify-between"},e.createElement("div",{className:"space-y-1"},e.createElement("h2",{className:"text-2xl font-bold tracking-tight","data-testid":Fe},Be),q&&e.createElement("p",{className:"text-muted-foreground","data-testid":Pe},q)),e.createElement("div",{className:"flex flex-row items-center justify-end gap-2"},e.createElement("div",{"data-testid":Ue},e.createElement(dt,{handleSearchInput:ge,loading:v,searchDisabled:Ae,searchEnabled:Se,searchId:ke,searchPlaceholder:Oe,searchValue:Ce})),e.createElement("div",{"data-testid":je},e.createElement(it,{headerActions:Te,numberOfFilters:Ne,onClearFilters:xe,testIdActionPrefix:Je,testIdClearFilters:ze,testIdFilterBadge:Me})))),e.createElement("div",{className:"border rounded-md","data-testid":Ve},e.createElement(He,null,e.createElement(et,null,e.createElement(_,null,g.map((o,n)=>e.createElement(Re,{key:n,style:{width:o.width},className:h("font-medium",n===0&&"rounded-tl-md",n===g.length-1&&"rounded-tr-md")},o.label)))),e.createElement(Ie,null,v?Ye():K.length===0?e.createElement(_,null,e.createElement(z,{colSpan:g.length,className:"h-24 text-center text-muted-foreground","data-testid":Ke},i.noResultsFound)):K.map((o,n)=>e.createElement(_,{key:n,className:"hover:bg-muted/50","data-testid":ce?`${ce}-${n}`:void 0},Le.map((T,d)=>e.createElement(z,{key:d,className:h("py-4 cursor-pointer"),"data-testid":ie?`${ie}-${n}-${d}`:void 0,onClick:p=>{var f;return(f=navigator.clipboard)===null||f===void 0?void 0:f.writeText(p.currentTarget.textContent||"")}},we(o,T,n)))))))),e.createElement("div",{className:"flex items-center justify-between","data-testid":qe},e.createElement("div",{"data-testid":Ge},e.createElement(mt,{handleOnSelect:ve,isRTL:l,listOptions:_e,loading:v,nodeSelectKey:he,pageLimit:V,rowsPerPageLabel:i.rowsPerPage,totalPages:G})),e.createElement("div",{className:"flex items-center gap-4"},e.createElement("div",{"data-testid":Qe},e.createElement(ot,{currentPage:s,isRTL:l,loading:v,loadingLabel:i.loading,ofLabel:i.of,pageLabel:i.page,totalPages:G})),e.createElement("div",{"data-testid":Ze},e.createElement(lt,{handleNextOnClick:Ee,handlePreviousOnClick:pe,isNextDisabled:be,isPreviousDisabled:ye,isRTL:l,loading:v,nextPageLabel:i.nextPage,previousPageLabel:i.previousPage})))))};