@nextsparkjs/core 0.1.0-beta.7 → 0.1.0-beta.70

package/dist/components/entities/EntityList.js

@@ -2,12 +2,12 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useMemo, useCallback } from "react";
 import Link from "next/link";
-import { Card, CardContent } from "../ui/card";
-import { Button } from "../ui/button";
-import { Input } from "../ui/input";
-import { Badge } from "../ui/badge";
-import { Checkbox } from "../ui/checkbox";
-import { Alert, AlertDescription } from "../ui/alert";
+import { Card, CardContent } from "../ui/card.js";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { Badge } from "../ui/badge.js";
+import { Checkbox } from "../ui/checkbox.js";
+import { Alert, AlertDescription } from "../ui/alert.js";
 import {
   Table,
   TableBody,
@@ -15,14 +15,14 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "../ui/table";
+} from "../ui/table.js";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "../ui/dropdown-menu";
+} from "../ui/dropdown-menu.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -32,7 +32,7 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle
-} from "../ui/alert-dialog";
+} from "../ui/alert-dialog.js";
 import {
   Loader2,
   Plus,
@@ -46,21 +46,10 @@ import {
   Edit,
   ExternalLink
 } from "lucide-react";
-import { SkeletonEntityList } from "../ui/skeleton-list";
-import { EntityFieldRenderer } from "./EntityFieldRenderer";
-import { createTestId, sel } from "../../lib/test";
-import { usePermission } from "../../lib/permissions/hooks";
-function generateTestIds(entityName) {
-  return {
-    container: createTestId(entityName, "list"),
-    search: createTestId(entityName, "search"),
-    table: createTestId(entityName, "table"),
-    row: (id) => createTestId(entityName, "row", id),
-    actions: (id) => createTestId(entityName, "actions", id),
-    bulkSelect: createTestId(entityName, "bulk", "select"),
-    addButton: createTestId(entityName, "add", "button")
-  };
-}
+import { SkeletonEntityList } from "../ui/skeleton-list.js";
+import { EntityFieldRenderer } from "./EntityFieldRenderer.js";
+import { sel } from "../../lib/test/index.js";
+import { usePermission } from "../../lib/permissions/hooks.js";
 function EntityList({
   entityConfig,
   data,
@@ -95,7 +84,6 @@ function EntityList({
   const canCreate = usePermission(`${entityConfig.slug}.create`);
   const canUpdate = usePermission(`${entityConfig.slug}.update`);
   const canDelete = usePermission(`${entityConfig.slug}.delete`);
-  const testIds = generateTestIds(entityConfig.slug);
   const listFields = useMemo(() => {
     return entityConfig.fields.filter((field) => field.display.showInList).sort((a, b) => a.display.order - b.display.order);
   }, [entityConfig.fields]);
@@ -185,7 +173,6 @@ function EntityList({
     "div",
     {
       className: `max-w-7xl mx-auto space-y-4 ${className || ""}`,
-      "data-testid": testIds.container,
       "data-cy": sel("entities.list.container", { slug: entityConfig.slug }),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-between items-start sm:items-center", children: [
@@ -206,8 +193,7 @@ function EntityList({
                   value: localSearchQuery,
                   onChange: (e) => handleSearch(e.target.value),
                   className: "pl-8 w-full sm:w-[300px]",
-                  "data-testid": testIds.search,
-                  "data-cy": sel("entities.table.search", { slug: entityConfig.slug })
+                  "data-cy": sel("entities.list.search.input", { slug: entityConfig.slug })
                 }
               )
             ] }),
@@ -216,8 +202,7 @@ function EntityList({
               Link,
               {
                 href: `/dashboard/${entityConfig.slug}/create`,
-                "data-testid": testIds.addButton,
-                "data-cy": sel("entities.table.addButton", { slug: entityConfig.slug }),
+                "data-cy": sel("entities.list.addButton", { slug: entityConfig.slug }),
                 children: [
                   /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
                   "Add ",
@@ -265,15 +250,14 @@ function EntityList({
             "Add ",
             entityConfig.names.singular
           ] }) })
-        ] }) }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Table, { "data-testid": testIds.table, "data-cy": sel("entities.table.element", { slug: entityConfig.slug }), children: [
+        ] }) }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Table, { "data-cy": sel("entities.list.table.element", { slug: entityConfig.slug }), children: [
           /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
             enableBulkOperations && /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: /* @__PURE__ */ jsx(
               Checkbox,
               {
                 checked: selectedIds.length === data.length && data.length > 0,
                 onCheckedChange: handleSelectAll,
-                "aria-label": "Select all rows",
-                "data-testid": testIds.bulkSelect
+                "aria-label": "Select all rows"
               }
             ) }),
             listFields.map((field) => /* @__PURE__ */ jsx(TableHead, { className: "min-w-[100px]", children: field.api.sortable && onSort ? /* @__PURE__ */ jsxs(
@@ -297,8 +281,7 @@ function EntityList({
               TableRow,
               {
                 className: isSelected ? "bg-muted/50" : "",
-                "data-testid": testIds.row(itemId),
-                "data-cy": sel("entities.table.row", { slug: entityConfig.slug, id: itemId }),
+                "data-cy": sel("entities.list.table.row.element", { slug: entityConfig.slug, id: itemId }),
                 children: [
                   enableBulkOperations && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
                     Checkbox,
@@ -350,8 +333,7 @@ function EntityList({
                       {
                         variant: "ghost",
                         className: "h-8 w-8 p-0",
-                        "data-testid": testIds.actions(itemId),
-                        "data-cy": sel("entities.table.rowActionsMenu", { slug: entityConfig.slug, id: itemId }),
+                        "data-cy": sel("entities.list.table.row.menuContent", { slug: entityConfig.slug, id: itemId }),
                         children: [
                           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Open menu" }),
                           /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })

package/dist/components/entities/EntityNavigation.js

@@ -3,17 +3,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useMemo } from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { Badge } from "../ui/badge";
-import { Button } from "../ui/button";
-import { Separator } from "../ui/separator";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { Separator } from "../ui/separator.js";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "../ui/tooltip";
-import { cn } from "../../lib/utils";
-import { useAuth } from "../../hooks/useAuth";
+} from "../ui/tooltip.js";
+import { cn } from "../../lib/utils/index.js";
+import { useAuth } from "../../hooks/useAuth.js";
 function getEntityUsage(entityName) {
   const mockData = {
     "user": 25,

package/dist/components/entities/EntityPageHeader.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-import { Button } from "../ui/button";
+import { Button } from "../ui/button.js";
 import { ArrowLeft } from "lucide-react";
 function EntityPageHeader({
   entityConfig,

package/dist/components/entities/EntitySearch.js

@@ -2,10 +2,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useMemo, useEffect, useRef, useCallback } from "react";
 import { useRouter } from "next/navigation";
-import { Card, CardContent } from "../ui/card";
-import { Button } from "../ui/button";
-import { Input } from "../ui/input";
-import { Badge } from "../ui/badge";
+import { Card, CardContent } from "../ui/card.js";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { Badge } from "../ui/badge.js";
 import {
   Command,
   CommandEmpty,
@@ -14,12 +14,12 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator
-} from "../ui/command";
+} from "../ui/command.js";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "../ui/popover";
+} from "../ui/popover.js";
 import {
   Search,
   Filter,
@@ -29,8 +29,8 @@ import {
   Calendar,
   User
 } from "lucide-react";
-import { useAuth } from "../../hooks/useAuth";
-import { createTestId, createCyId } from "../../lib/test";
+import { useAuth } from "../../hooks/useAuth.js";
+import { sel } from "../../lib/test/index.js";
 async function performSearch(query, accessibleEntities, filters = {}, maxResults = 50) {
   await new Promise((resolve) => setTimeout(resolve, 150));
   if (!query.trim()) return [];
@@ -168,15 +168,6 @@ function highlightMatches(text, highlights) {
   }
   return /* @__PURE__ */ jsx(Fragment, { children: elements });
 }
-function generateTestIds() {
-  return {
-    container: createTestId("search", "container"),
-    input: createTestId("search", "input"),
-    results: createTestId("search", "results"),
-    result: (id) => createTestId("search", "result", id),
-    filter: createTestId("search", "filter")
-  };
-}
 function EntitySearch({
   entities,
   placeholder = "Search everything...",
@@ -196,7 +187,6 @@ function EntitySearch({
   const [filters, setFilters] = useState({});
   const [isOpen, setIsOpen] = useState(false);
   const searchTimeoutRef = useRef(null);
-  const testIds = generateTestIds();
   const accessibleEntities = useMemo(() => {
     if (!user) return [];
     return entities.filter((entity) => {
@@ -274,8 +264,7 @@ function EntitySearch({
           role: "combobox",
           "aria-expanded": isOpen,
           className: `justify-between ${className || ""}`,
-          "data-testid": testIds.container,
-          "data-cy": createCyId("search", "trigger"),
+          "data-cy": sel("globalSearch.trigger"),
           children: [
             /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4" }),
             query || placeholder
@@ -289,7 +278,7 @@ function EntitySearch({
             placeholder,
             value: query,
             onValueChange: handleSearchChange,
-            "data-testid": testIds.input
+            "data-cy": sel("globalSearch.input")
           }
         ),
         /* @__PURE__ */ jsxs(CommandList, { children: [
@@ -320,7 +309,7 @@ function EntitySearch({
               CommandItem,
               {
                 onSelect: () => handleResultClick(result),
-                "data-testid": testIds.result(result.id),
+                "data-cy": sel("globalSearch.result"),
                 children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 w-full", children: [
                   React.createElement(result.entityConfig.icon, {
                     className: "h-4 w-4 text-muted-foreground flex-shrink-0"
@@ -350,8 +339,7 @@ function EntitySearch({
             value: query,
             onChange: (e) => handleSearchChange(e.target.value),
             className: "pl-9 pr-9",
-            "data-testid": testIds.input,
-            "data-cy": createCyId("search", "input")
+            "data-cy": sel("globalSearch.input")
           }
         ),
         query && /* @__PURE__ */ jsx(
@@ -366,7 +354,7 @@ function EntitySearch({
         )
       ] }),
       enableEntityFilter && /* @__PURE__ */ jsxs(Popover, { children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", "data-testid": testIds.filter, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", children: [
           /* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
           filters.entityName ? (_a = accessibleEntities.find((e) => e.slug === filters.entityName)) == null ? void 0 : _a.names.singular : "All Types"
         ] }) }),
@@ -386,7 +374,7 @@ function EntitySearch({
         ] }) }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { "data-testid": testIds.results, "data-cy": createCyId("search", "results"), children: [
+    /* @__PURE__ */ jsxs("div", { "data-cy": sel("globalSearch.results"), children: [
       isSearching && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center justify-center py-8", children: [
         /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground mr-2" }),
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Searching..." })
@@ -401,8 +389,7 @@ function EntitySearch({
         {
           className: "cursor-pointer hover:shadow-md transition-shadow",
           onClick: () => handleResultClick(result),
-          "data-testid": testIds.result(result.id),
-          "data-cy": createCyId("search", "result"),
+          "data-cy": sel("globalSearch.result"),
           children: /* @__PURE__ */ jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
             React.createElement(result.entityConfig.icon, {
               className: "h-5 w-5 text-muted-foreground flex-shrink-0 mt-0.5"
@@ -462,7 +449,7 @@ function EntitySearchModal({
     "div",
     {
       className: `fixed inset-0 z-50 ${isOpen ? "block" : "hidden"}`,
-      "data-cy": "search-modal",
+      "data-cy": sel("globalSearch.modal"),
       children: [
         /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-background/80 backdrop-blur-sm", onClick: onClose }),
         /* @__PURE__ */ jsxs("div", { className: "fixed left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] w-full max-w-2xl max-h-[80vh] bg-background border rounded-lg shadow-lg overflow-hidden", children: [

package/dist/components/entities/EntityTable.js

@@ -3,17 +3,17 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useRef } from "react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { cn } from "../../lib/utils";
-import { Button } from "../ui/button";
-import { Input } from "../ui/input";
-import { Card, CardContent } from "../ui/card";
+import { cn } from "../../lib/utils/index.js";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { Card, CardContent } from "../ui/card.js";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "../ui/dropdown-menu";
+} from "../ui/dropdown-menu.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -23,14 +23,14 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle
-} from "../ui/alert-dialog";
+} from "../ui/alert-dialog.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "../ui/select";
+} from "../ui/select.js";
 import {
   Table,
   TableBody,
@@ -38,7 +38,7 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "../ui/table";
+} from "../ui/table.js";
 import {
   MoreHorizontal,
   ChevronLeft,
@@ -53,10 +53,10 @@ import {
   ExternalLink,
   Loader2
 } from "lucide-react";
-import { SkeletonEntityList } from "../ui/skeleton-list";
-import { EntityFieldRenderer } from "./EntityFieldRenderer";
-import { sel } from "../../lib/test";
-import { usePermission } from "../../lib/permissions/hooks";
+import { SkeletonEntityList } from "../ui/skeleton-list.js";
+import { EntityFieldRenderer } from "./EntityFieldRenderer.js";
+import { sel } from "../../lib/test/index.js";
+import { usePermission } from "../../lib/permissions/hooks.js";
 function EntityTable({
   entityConfig,
   data,
@@ -85,7 +85,7 @@ function EntityTable({
   headerActions,
   showHeader = true
 }) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const router = useRouter();
   const slug = entityConfig.slug;
   const [internalSelectedIds, setInternalSelectedIds] = useState(/* @__PURE__ */ new Set());
@@ -113,16 +113,17 @@ function EntityTable({
     },
     [onSelectionChange]
   );
+  const isPublicEntity = ((_a = entityConfig.access) == null ? void 0 : _a.public) === true;
   const columns = useMemo(() => {
     if (customColumns) return customColumns;
-    return entityConfig.fields.filter((field) => field.display.showInList).sort((a, b) => a.display.order - b.display.order).map((field) => ({
+    return entityConfig.fields.filter((field) => field.display.showInList).filter((field) => field.name !== "slug" || isPublicEntity).sort((a, b) => a.display.order - b.display.order).map((field) => ({
       key: field.name,
       header: field.display.label,
       sortable: field.api.sortable,
       className: field.display.className
     }));
-  }, [customColumns, entityConfig.fields]);
-  const publicBasePath = ((_a = entityConfig.access) == null ? void 0 : _a.basePath) ?? ((_c = (_b = entityConfig.builder) == null ? void 0 : _b.public) == null ? void 0 : _c.basePath);
+  }, [customColumns, entityConfig.fields, isPublicEntity]);
+  const publicBasePath = ((_b = entityConfig.access) == null ? void 0 : _b.basePath) ?? ((_d = (_c = entityConfig.builder) == null ? void 0 : _c.public) == null ? void 0 : _d.basePath);
   const getPublicUrlForItem = useCallback((item) => {
     if (getPublicUrl) return getPublicUrl(item);
     if (!publicBasePath) return null;
@@ -366,7 +367,7 @@ function EntityTable({
     "div",
     {
       className: cn(showHeader && "p-6", "space-y-4", className),
-      "data-cy": sel("entities.table.container", { slug }),
+      "data-cy": sel("entities.list.table.container", { slug }),
       children: [
         showHeader && /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-between items-start sm:items-center", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -386,7 +387,7 @@ function EntityTable({
                   value: localSearchQuery,
                   onChange: (e) => handleSearch(e.target.value),
                   className: "pl-8 w-full sm:w-[300px]",
-                  "data-cy": sel("entities.table.search", { slug })
+                  "data-cy": sel("entities.list.search.input", { slug })
                 }
               )
             ] }),
@@ -395,7 +396,7 @@ function EntityTable({
               Link,
               {
                 href: `${basePath || `/dashboard/${slug}`}/create`,
-                "data-cy": sel("entities.table.addButton", { slug }),
+                "data-cy": sel("entities.list.addButton", { slug }),
                 children: [
                   /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
                   "Add ",
@@ -409,7 +410,7 @@ function EntityTable({
           "div",
           {
             className: "text-sm text-muted-foreground",
-            "data-cy": sel("entities.table.selectionCount", { slug }),
+            "data-cy": sel("entities.list.selectionCount", { slug }),
             children: [
               selectedIds.size,
               " of ",
@@ -439,8 +440,8 @@ function EntityTable({
             "div",
             {
               className: "overflow-hidden shadow-sm ring-1 ring-black/5 dark:ring-white/10 rounded-lg",
-              "data-cy": sel("entities.table.container", { slug }),
-              children: /* @__PURE__ */ jsxs(Table, { "data-cy": sel("entities.table.element", { slug }), children: [
+              "data-cy": sel("entities.list.table.container", { slug }),
+              children: /* @__PURE__ */ jsxs(Table, { "data-cy": sel("entities.list.table.element", { slug }), children: [
                 /* @__PURE__ */ jsx(TableHeader, { className: "bg-muted/50 dark:bg-muted/30", children: /* @__PURE__ */ jsxs(TableRow, { children: [
                   selectable && /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: /* @__PURE__ */ jsx(
                     "input",
@@ -453,7 +454,7 @@ function EntityTable({
                       },
                       onChange: toggleAll,
                       "aria-label": "Select all",
-                      "data-cy": sel("entities.table.selectAll", { slug })
+                      "data-cy": sel("entities.list.table.selectAll", { slug })
                     }
                   ) }),
                   columns.map((column) => /* @__PURE__ */ jsx(
@@ -486,7 +487,7 @@ function EntityTable({
                       selectedIds.has(item.id) ? "bg-primary/5" : "hover:bg-muted/30"
                     ),
                     onClick: () => handleRowClick(item),
-                    "data-cy": sel("entities.table.row", { slug, id: item.id }),
+                    "data-cy": sel("entities.list.table.row.element", { slug, id: item.id }),
                     children: [
                       selectable && /* @__PURE__ */ jsx(
                         TableCell,
@@ -506,7 +507,7 @@ function EntityTable({
                                 toggleOne(item.id, rowIndex, e.shiftKey);
                               },
                               "aria-label": `Select row ${rowIndex + 1}`,
-                              "data-cy": sel("entities.table.rowSelect", { slug, id: item.id })
+                              "data-cy": sel("entities.list.table.row.checkbox", { slug, id: item.id })
                             }
                           )
                         }
@@ -550,7 +551,7 @@ function EntityTable({
                                     "inline-flex items-center gap-1 px-1.5 py-0.5 text-[11px] font-medium rounded transition-colors cursor-pointer",
                                     action.variant === "destructive" ? "text-destructive hover:bg-destructive/10" : "text-muted-foreground hover:bg-muted hover:text-foreground"
                                   ),
-                                  "data-cy": sel("entities.table.quickAction", {
+                                  "data-cy": sel("entities.list.table.row.quickAction", {
                                     slug,
                                     action: action.dataCySuffix || action.id,
                                     id: item.id
@@ -578,7 +579,7 @@ function EntityTable({
                                 variant: "ghost",
                                 size: "icon",
                                 className: "h-8 w-8",
-                                "data-cy": sel("entities.table.rowMenu", { slug, id: item.id }),
+                                "data-cy": sel("entities.list.table.row.menu", { slug, id: item.id }),
                                 children: [
                                   /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
                                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Open menu" })
@@ -594,7 +595,7 @@ function EntityTable({
                                   className: cn(
                                     action.variant === "destructive" && "text-destructive focus:text-destructive"
                                   ),
-                                  "data-cy": sel("entities.table.rowAction", {
+                                  "data-cy": sel("entities.list.table.row.action", {
                                     slug,
                                     action: action.dataCySuffix || action.id,
                                     id: item.id
@@ -620,7 +621,7 @@ function EntityTable({
             "div",
             {
               className: "flex items-center justify-between px-4 py-3 border rounded-lg bg-card",
-              "data-cy": sel("entities.pagination.container", { slug }),
+              "data-cy": sel("entities.list.pagination.container", { slug }),
               children: [
                 /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: (pagination == null ? void 0 : pagination.showPageSizeSelector) && /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Rows per page:" }),
@@ -634,7 +635,7 @@ function EntityTable({
                           SelectTrigger,
                           {
                             className: "h-8 w-[70px]",
-                            "data-cy": sel("entities.pagination.pageSize", { slug }),
+                            "data-cy": sel("entities.list.pagination.pageSize", { slug }),
                             children: /* @__PURE__ */ jsx(SelectValue, { placeholder: String(pageSize) })
                           }
                         ),
@@ -642,7 +643,7 @@ function EntityTable({
                           SelectItem,
                           {
                             value: String(size),
-                            "data-cy": sel("entities.pagination.pageSizeOption", { slug, size }),
+                            "data-cy": sel("entities.list.pagination.pageSizeOption", { slug, size }),
                             children: size
                           },
                           size
@@ -656,7 +657,7 @@ function EntityTable({
                     "span",
                     {
                       className: "text-sm text-muted-foreground",
-                      "data-cy": sel("entities.pagination.pageInfo", { slug }),
+                      "data-cy": sel("entities.list.pagination.info", { slug }),
                       children: [
                         "Page ",
                         currentPage,
@@ -683,7 +684,7 @@ function EntityTable({
                         className: "h-8 w-8",
                         onClick: () => handlePageChange(1),
                         disabled: currentPage === 1,
-                        "data-cy": sel("entities.pagination.first", { slug }),
+                        "data-cy": sel("entities.list.pagination.first", { slug }),
                         children: [
                           /* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" }),
                           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "First page" })
@@ -698,7 +699,7 @@ function EntityTable({
                         className: "h-8 w-8",
                         onClick: () => handlePageChange(currentPage - 1),
                         disabled: currentPage === 1,
-                        "data-cy": sel("entities.pagination.prev", { slug }),
+                        "data-cy": sel("entities.list.pagination.prev", { slug }),
                         children: [
                           /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
                           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous page" })
@@ -713,7 +714,7 @@ function EntityTable({
                         className: "h-8 w-8",
                         onClick: () => handlePageChange(currentPage + 1),
                         disabled: currentPage === totalPages,
-                        "data-cy": sel("entities.pagination.next", { slug }),
+                        "data-cy": sel("entities.list.pagination.next", { slug }),
                         children: [
                           /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }),
                           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next page" })
@@ -728,7 +729,7 @@ function EntityTable({
                         className: "h-8 w-8",
                         onClick: () => handlePageChange(totalPages),
                         disabled: currentPage === totalPages,
-                        "data-cy": sel("entities.pagination.last", { slug }),
+                        "data-cy": sel("entities.list.pagination.last", { slug }),
                         children: [
                           /* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" }),
                           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Last page" })
@@ -746,26 +747,26 @@ function EntityTable({
           {
             open: confirmDialog.open,
             onOpenChange: (open) => !open && setConfirmDialog({ open: false, item: null, action: null }),
-            children: /* @__PURE__ */ jsxs(AlertDialogContent, { "data-cy": sel("entities.confirm.dialog", { slug }), children: [
+            children: /* @__PURE__ */ jsxs(AlertDialogContent, { "data-cy": sel("entities.list.confirm.dialog", { slug }), children: [
               /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
                 /* @__PURE__ */ jsx(AlertDialogTitle, { children: getConfirmationTitle() }),
                 /* @__PURE__ */ jsx(AlertDialogDescription, { children: getConfirmationDescription() })
               ] }),
               /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-                /* @__PURE__ */ jsx(AlertDialogCancel, { "data-cy": sel("entities.confirm.cancel", { slug }), children: "Cancel" }),
+                /* @__PURE__ */ jsx(AlertDialogCancel, { "data-cy": sel("entities.list.confirm.cancel", { slug }), children: "Cancel" }),
                 /* @__PURE__ */ jsx(
                   AlertDialogAction,
                   {
                     onClick: confirmAction,
                     disabled: isDeleting,
                     className: cn(
-                      ((_d = confirmDialog.action) == null ? void 0 : _d.variant) === "destructive" && "bg-destructive text-destructive-foreground hover:bg-destructive/90"
+                      ((_e = confirmDialog.action) == null ? void 0 : _e.variant) === "destructive" && "bg-destructive text-destructive-foreground hover:bg-destructive/90"
                     ),
-                    "data-cy": sel("entities.confirm.action", { slug }),
+                    "data-cy": sel("entities.list.confirm.action", { slug }),
                     children: isDeleting ? /* @__PURE__ */ jsxs(Fragment, { children: [
                       /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
                       "Deleting..."
-                    ] }) : ((_e = confirmDialog.action) == null ? void 0 : _e.label) || "Confirm"
+                    ] }) : ((_f = confirmDialog.action) == null ? void 0 : _f.label) || "Confirm"
                   }
                 )
               ] })

package/dist/components/entities/ErrorBoundary.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
-import { Button } from "../ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { Button } from "../ui/button.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card.js";
 import { AlertTriangle, RefreshCw, Home, Bug } from "lucide-react";
 class EntityErrorBoundary extends React.Component {
   retryCount = 0;