@appcorp/shadcn 2.0.0 → 2.0.1

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

@@ -1,124 +1 @@
-/**
- * Enhanced Table Footer Page Component
- *
- * Displays pagination information with internationalization and RTL/LTR support.
- * Automatically adapts text direction and order based on locale.
- *
- * Features:
- * - Full i18n support with fallback text
- * - RTL/LTR layout adaptation
- * - Loading state indicator
- * - Accessibility attributes
- * - Custom translation overrides
- */
-import React from "react";
-export const EnhancedTableFooterPage = ({ currentPage, isRTL = false, loading, loadingLabel = "Loading", ofLabel = "of", pageLabel = "Page", totalPages, className = "", testIdWrapper, testIdCurrent, testIdPageLabel, testIdOfLabel, testIdTotal, testIdLoadingWrapper, testIdLoadingSpinner, }) => {
-    return (React.createElement("div", { className: `flex items-center gap-2 ${isRTL ? "rtl" : "ltr"} ${className}`, dir: isRTL ? "rtl" : "ltr", role: "status", "aria-live": "polite", "aria-label": `${pageLabel} ${currentPage} ${ofLabel} ${totalPages}`, "data-testid": testIdWrapper },
-        React.createElement("span", { className: "text-sm text-muted-foreground" }, isRTL ? (
-        // RTL layout: Numbers read right-to-left but maintain logical order
-        React.createElement("span", { className: "inline-flex items-center gap-1" },
-            React.createElement("span", { "data-testid": testIdTotal }, totalPages),
-            React.createElement("span", { "data-testid": testIdOfLabel }, ofLabel),
-            React.createElement("span", { "data-testid": testIdCurrent }, currentPage),
-            React.createElement("span", { "data-testid": testIdPageLabel }, pageLabel))) : (
-        // LTR layout: "Page currentPage of totalPages"
-        React.createElement("span", { className: "inline-flex items-center gap-1" },
-            React.createElement("span", { "data-testid": testIdPageLabel }, pageLabel),
-            React.createElement("span", { "data-testid": testIdCurrent }, currentPage),
-            React.createElement("span", { "data-testid": testIdOfLabel }, ofLabel),
-            React.createElement("span", { "data-testid": testIdTotal }, totalPages)))),
-        loading && (React.createElement("div", { className: `flex items-center gap-2 ${isRTL ? "order-first" : "order-last"}`, "aria-label": loadingLabel, "data-testid": testIdLoadingWrapper },
-            React.createElement("div", { className: "w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin", role: "progressbar", "aria-label": loadingLabel, "data-testid": testIdLoadingSpinner })))));
-};
-// ============================================================================
-// USAGE EXAMPLES
-// ============================================================================
-/*
-Example 1: Basic usage with automatic i18n
-<EnhancedTableFooterPage
-  currentPage={2}
-  totalPages={10}
-  loading={false}
-/>
-
-Example 2: With custom translations
-<EnhancedTableFooterPage
-  currentPage={1}
-  totalPages={5}
-  loading={true}
-  translationMap={{
-    pageLabel: "صفحہ",  // Urdu for "Page"
-    ofLabel: "کا",      // Urdu for "of"
-    loadingLabel: "لوڈ ہو رہا ہے"  // Urdu for "Loading"
-  }}
-/>
-
-Example 3: With custom styling
-<EnhancedTableFooterPage
-  currentPage={3}
-  totalPages={7}
-  loading={false}
-  className="bg-gray-50 p-2 rounded-md"
-/>
-
-Translation Keys (Already Added to messages files):
-English (en.json):
-{
-  "common": {
-    "page": "Page",
-    "of": "of",
-    "loading": "Loading"
-  }
-}
-
-Urdu (ur.json):
-{
-  "common": {
-    "page": "صفحہ",
-    "of": "کا",
-    "loading": "لوڈ ہو رہا ہے"
-  }
-}
-
-RTL Layout Features:
-- Automatic text direction detection and application
-- Proper order of page information in RTL languages
-- RTL-aware loading indicator positioning
-- Accessibility attributes for screen readers
-- Direction-specific CSS classes and DOM attributes
-*/
-// ============================================================================
-// COMPONENT ENHANCEMENTS SUMMARY
-// ============================================================================
-/*
-Enhancements Applied:
-
-1. **Internationalization (i18n)**
-   - Full translation support using next-intl
-   - Fallback text for missing translations
-   - Custom translation override capability
-
-2. **RTL/LTR Layout Support**
-   - Automatic layout detection using useRTL hook
-   - Proper text ordering for RTL languages
-   - Direction-aware CSS classes and attributes
-   - RTL-appropriate visual element positioning
-
-3. **Accessibility Improvements**
-   - ARIA labels for screen readers
-   - Role attributes for semantic meaning
-   - Live region announcements for dynamic content
-   - Proper labeling of interactive elements
-
-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
-*/
+"use strict";import e from"react";export const EnhancedTableFooterPage=({currentPage:a,isRTL:t=!1,loading:p,loadingLabel:l="Loading",ofLabel:r="of",pageLabel:n="Page",totalPages:s,className:E="",testIdWrapper:o,testIdCurrent:d,testIdPageLabel:i,testIdOfLabel:m,testIdTotal:c,testIdLoadingWrapper:f,testIdLoadingSpinner:x})=>e.createElement("div",{className:`flex items-center gap-2 ${t?"rtl":"ltr"} ${E}`,dir:t?"rtl":"ltr",role:"status","aria-live":"polite","aria-label":`${n} ${a} ${r} ${s}`,"data-testid":o},e.createElement("span",{className:"text-sm text-muted-foreground"},t?e.createElement("span",{className:"inline-flex items-center gap-1"},e.createElement("span",{"data-testid":c},s),e.createElement("span",{"data-testid":m},r),e.createElement("span",{"data-testid":d},a),e.createElement("span",{"data-testid":i},n)):e.createElement("span",{className:"inline-flex items-center gap-1"},e.createElement("span",{"data-testid":i},n),e.createElement("span",{"data-testid":d},a),e.createElement("span",{"data-testid":m},r),e.createElement("span",{"data-testid":c},s))),p&&e.createElement("div",{className:`flex items-center gap-2 ${t?"order-first":"order-last"}`,"aria-label":l,"data-testid":f},e.createElement("div",{className:"w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin",role:"progressbar","aria-label":l,"data-testid":x})));

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

@@ -1,108 +1 @@
-/**
- * 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
- */
-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)))))));
-};
-// ============================================================================
-// 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,32 +1 @@
-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");
-        const showFilterIndicators = isFilterButton &&
-            typeof numberOfFilters === "number" &&
-            numberOfFilters > 0;
-        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.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 }))))))));
-    })))));
-};
+"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,10 +1 @@
-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 })))))));
-};
+"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,301 +1 @@
-"use client";
-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
-export 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 || (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
-    const 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
-    const labels = Object.assign(Object.assign({}, defaultLabels), translationLabels);
-    // Resolve which test ids to use depending on `isRTL` mode.
-    const _testIdWrapper = isRTL
-        ? (testIdWrapperRtl !== null && testIdWrapperRtl !== void 0 ? testIdWrapperRtl : testIdWrapper)
-        : testIdWrapper;
-    const _testIdHeading = isRTL
-        ? (testIdHeadingRtl !== null && testIdHeadingRtl !== void 0 ? testIdHeadingRtl : testIdHeading)
-        : testIdHeading;
-    const _testIdTableDescription = isRTL
-        ? (testIdTableDescriptionRtl !== null && testIdTableDescriptionRtl !== void 0 ? testIdTableDescriptionRtl : testIdTableDescription)
-        : testIdTableDescription;
-    const _testIdSearch = isRTL
-        ? (testIdSearchRtl !== null && testIdSearchRtl !== void 0 ? testIdSearchRtl : testIdSearch)
-        : testIdSearch;
-    const _testIdHeaderActions = isRTL
-        ? (testIdHeaderActionsRtl !== null && testIdHeaderActionsRtl !== void 0 ? testIdHeaderActionsRtl : testIdHeaderActions)
-        : testIdHeaderActions;
-    const _testIdHeaderActionPrefix = isRTL
-        ? (testIdHeaderActionPrefixRtl !== null && testIdHeaderActionPrefixRtl !== void 0 ? testIdHeaderActionPrefixRtl : testIdHeaderActionPrefix)
-        : testIdHeaderActionPrefix;
-    const _testIdHeaderActionFilterBadge = isRTL
-        ? (testIdHeaderActionFilterBadgeRtl !== null && testIdHeaderActionFilterBadgeRtl !== void 0 ? testIdHeaderActionFilterBadgeRtl : testIdHeaderActionFilterBadge)
-        : testIdHeaderActionFilterBadge;
-    const _testIdHeaderActionClearFilters = isRTL
-        ? (testIdHeaderActionClearFiltersRtl !== null && testIdHeaderActionClearFiltersRtl !== void 0 ? testIdHeaderActionClearFiltersRtl : testIdHeaderActionClearFilters)
-        : testIdHeaderActionClearFilters;
-    const _testIdTableWrapper = isRTL
-        ? (testIdTableWrapperRtl !== null && testIdTableWrapperRtl !== void 0 ? testIdTableWrapperRtl : testIdTableWrapper)
-        : testIdTableWrapper;
-    const _testIdRowPrefix = isRTL
-        ? (testIdRowPrefixRtl !== null && testIdRowPrefixRtl !== void 0 ? testIdRowPrefixRtl : testIdRowPrefix)
-        : testIdRowPrefix;
-    const _testIdCellPrefix = isRTL
-        ? (testIdCellPrefixRtl !== null && testIdCellPrefixRtl !== void 0 ? testIdCellPrefixRtl : testIdCellPrefix)
-        : testIdCellPrefix;
-    const _testIdRowActionPrefix = isRTL
-        ? (testIdRowActionPrefixRtl !== null && testIdRowActionPrefixRtl !== void 0 ? testIdRowActionPrefixRtl : testIdRowActionPrefix)
-        : testIdRowActionPrefix;
-    const _testIdNoResults = isRTL
-        ? (testIdNoResultsRtl !== null && testIdNoResultsRtl !== void 0 ? testIdNoResultsRtl : testIdNoResults)
-        : testIdNoResults;
-    const _testIdLoadingRowPrefix = isRTL
-        ? (testIdLoadingRowPrefixRtl !== null && testIdLoadingRowPrefixRtl !== void 0 ? testIdLoadingRowPrefixRtl : testIdLoadingRowPrefix)
-        : testIdLoadingRowPrefix;
-    const _testIdPaginationWrapper = isRTL
-        ? (testIdPaginationWrapperRtl !== null && testIdPaginationWrapperRtl !== void 0 ? testIdPaginationWrapperRtl : testIdPaginationWrapper)
-        : testIdPaginationWrapper;
-    const _testIdFooterPagination = isRTL
-        ? (testIdFooterPaginationRtl !== null && testIdFooterPaginationRtl !== void 0 ? testIdFooterPaginationRtl : testIdFooterPagination)
-        : testIdFooterPagination;
-    const _testIdFooterPage = isRTL
-        ? (testIdFooterPageRtl !== null && testIdFooterPageRtl !== void 0 ? testIdFooterPageRtl : testIdFooterPage)
-        : testIdFooterPage;
-    const _testIdFooterAction = isRTL
-        ? (testIdFooterActionRtl !== null && testIdFooterActionRtl !== void 0 ? testIdFooterActionRtl : testIdFooterAction)
-        : testIdFooterAction;
-    const renderCellContent = (row, col, rowIndex) => {
-        var _a, _b;
-        // Helper to safely resolve nested keys (max depth 3)
-        const resolveValue = (source, key) => {
-            if (!key)
-                return source;
-            if (typeof key === "string") {
-                // Handle colon-separated nested keys
-                if (key.includes(":")) {
-                    const keys = key.split(":");
-                    let cur = source;
-                    for (const k of keys) {
-                        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 (const k of key) {
-                const val = resolveValue(source, k);
-                if (val != null)
-                    return val;
-            }
-            return undefined;
-        };
-        const getProp = (obj, prop) => {
-            if (obj &&
-                typeof obj === "object" &&
-                prop in obj)
-                return obj[prop];
-            return undefined;
-        };
-        // Resolve value (supports nested key arrays)
-        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.
-        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
-            const 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;
-        };
-        const normalizedType = normalizeComponentType(col.componentType);
-        if (normalizedType === COMPONENT_TYPE.ACTIONS) {
-            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.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.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) {
-            const formatted = col.textFormatter
-                ? col.textFormatter(value, row)
-                : String(value || "");
-            return React.createElement("span", { className: "font-semibold" }, formatted);
-        }
-        if (normalizedType === COMPONENT_TYPE.BOOLEAN) {
-            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));
-        }
-        // 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) {
-            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 (const keyPath of col.key) {
-                    if (typeof keyPath === "string" && keyPath.includes(":")) {
-                        const keys = keyPath.split(":");
-                        let cur = row;
-                        let found = true;
-                        for (const k of keys) {
-                            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.createElement("span", null, "-");
-            // If nested is an object, try to find a primitive value
-            if (typeof nested === "object") {
-                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.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) {
-            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.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) {
-            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 "";
-                const date = d instanceof Date ? d : new Date(String(d));
-                if (isNaN(date.getTime()))
-                    return String(d);
-                return date.toLocaleString();
-            };
-            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.createElement("span", null, col.textFormatter
-            ? col.textFormatter(value, row)
-            : String(value || "")));
-    };
-    // Create loading skeleton rows
-    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.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.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 }))))));
-};
+"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})))))};