@carlonicora/nextjs-jsonapi 1.127.0 → 1.129.0

package/src/components/tables/ContentListTable.tsx

@@ -5,6 +5,7 @@ import { ExpandedState, flexRender, getCoreRowModel, getExpandedRowModel, useRea
 
 import { cn } from "@/index";
 import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useTranslations } from "next-intl";
 import React, { ReactNode, memo, useMemo, useState } from "react";
 import { DataListRetriever, TableContent, useTableGenerator } from "../../hooks";
 import { ModuleWithPermissions } from "../../permissions";
@@ -32,6 +33,7 @@ export type GenerateTableStructureParams = {
 
 type ContentListTableProps = {
   title?: string;
+  titleActions?: ReactNode;
   data: DataListRetriever<any>;
   tableGenerator?: never;
   tableGeneratorType: ModuleWithPermissions;
@@ -48,10 +50,12 @@ type ContentListTableProps = {
   fullWidth?: boolean;
   groupBy?: string;
   emptyState?: ReactNode;
+  onRowClick?: (rowData: any) => void;
 };
 
 export const ContentListTable = memo(function ContentListTable(props: ContentListTableProps) {
-  const { data, fields, checkedIds, toggleId, allowSearch, filters: _filters, fullWidth } = props;
+  const { data, fields, checkedIds, toggleId, allowSearch, filters: _filters, fullWidth, onRowClick } = props;
+  const t = useTranslations();
   const [expanded, setExpanded] = useState<ExpandedState>(
     props.defaultExpanded === true ? true : typeof props.defaultExpanded === "object" ? props.defaultExpanded : {},
   );
@@ -144,6 +148,7 @@ export const ContentListTable = memo(function ContentListTable(props: ContentLis
                           fullWidth ? `text-lg` : `text-sm`,
                         )}
                       >
+                        {props.titleActions}
                         {props.tableGeneratorType.icon && (
                           <props.tableGeneratorType.icon
                             className={cn(`text-primary`, fullWidth ? `h-6 w-6` : `h-4 w-4`)}
@@ -190,7 +195,11 @@ export const ContentListTable = memo(function ContentListTable(props: ContentLis
                       </TableCell>
                     </TableRow>
                     {group.rows.map((row) => (
-                      <TableRow key={row.id}>
+                      <TableRow
+                        key={row.id}
+                        onClick={() => onRowClick?.(row.original.jsonApiData)}
+                        className={`group ${onRowClick ? "hover:bg-muted/50 cursor-pointer" : ""}`}
+                      >
                         {row.getVisibleCells().map((cell) => {
                           const meta = cell.column.columnDef.meta as { className?: string } | undefined;
                           return (
@@ -205,7 +214,11 @@ export const ContentListTable = memo(function ContentListTable(props: ContentLis
                 ))
               ) : (
                 rowModel.rows.map((row) => (
-                  <TableRow key={row.id}>
+                  <TableRow
+                    key={row.id}
+                    onClick={() => onRowClick?.(row.original.jsonApiData)}
+                    className={`group ${onRowClick ? "hover:bg-muted/50 cursor-pointer" : ""}`}
+                  >
                     {row.getVisibleCells().map((cell) => {
                       const meta = cell.column.columnDef.meta as { className?: string } | undefined;
                       return (
@@ -220,7 +233,8 @@ export const ContentListTable = memo(function ContentListTable(props: ContentLis
             ) : (
               <TableRow>
                 <TableCell colSpan={tableColumns.length} className="h-24 text-center">
-                  {props.emptyState ?? "No results."}
+                  {props.emptyState ??
+                    (t.has("ui.empty_states.no_results") ? t("ui.empty_states.no_results") : "No results.")}
                 </TableCell>
               </TableRow>
             )}

package/src/components/tables/__tests__/ContentListTable.test.tsx

@@ -132,7 +132,7 @@ describe("ContentListTable", () => {
 
       render(<ContentListTable data={dataRetriever} tableGeneratorType={mockModule as any} fields={["id", "title"]} />);
 
-      expect(screen.getByText("No results.")).toBeInTheDocument();
+      expect(screen.getByText("ui.empty_states.no_results")).toBeInTheDocument();
     });
   });
 
@@ -464,7 +464,7 @@ describe("ContentListTable", () => {
         />,
       );
 
-      expect(screen.getByText("No results.")).toBeInTheDocument();
+      expect(screen.getByText("ui.empty_states.no_results")).toBeInTheDocument();
     });
 
     it("should group by to-many relationship, duplicating rows across groups", () => {
@@ -512,4 +512,40 @@ describe("ContentListTable", () => {
       expect(article3Count).toBe(2);
     });
   });
+
+  describe("onRowClick", () => {
+    it("calls onRowClick with the row's jsonApiData when a row is clicked", () => {
+      const onRowClick = vi.fn();
+      const dataRetriever = createMockDataRetriever({
+        data: [{ id: "1", title: "First Article" }],
+      });
+
+      render(
+        <ContentListTable
+          data={dataRetriever}
+          tableGeneratorType={mockModule as any}
+          fields={["id", "title"]}
+          onRowClick={onRowClick}
+        />,
+      );
+
+      fireEvent.click(screen.getByText("First Article"));
+      expect(onRowClick).toHaveBeenCalledTimes(1);
+      expect(onRowClick).toHaveBeenCalledWith({ id: "1", title: "First Article" });
+    });
+
+    it("does not attach a row click handler when onRowClick is absent", () => {
+      const dataRetriever = createMockDataRetriever({
+        data: [{ id: "1", title: "First Article" }],
+      });
+
+      render(<ContentListTable data={dataRetriever} tableGeneratorType={mockModule as any} fields={["id", "title"]} />);
+
+      // No throw on click, and the row has no cursor-pointer affordance class.
+      const cell = screen.getByText("First Article");
+      const row = cell.closest("tr")!;
+      expect(row.className).not.toContain("cursor-pointer");
+      fireEvent.click(cell); // must not throw
+    });
+  });
 });

package/src/core/abstracts/AbstractService.ts

@@ -177,6 +177,7 @@ export abstract class AbstractService {
           endpoint: params.endpoint,
           companyId: params.companyId,
           language: language,
+          token: params.token,
           baseUrl: params.baseUrl,
         });
         break;
@@ -203,6 +204,7 @@ export abstract class AbstractService {
           language: language,
           responseType: params.responseType,
           files: params.files,
+          token: params.token,
           baseUrl: params.baseUrl,
         });
         break;
@@ -216,6 +218,7 @@ export abstract class AbstractService {
           language: language,
           responseType: params.responseType,
           files: params.files,
+          token: params.token,
           baseUrl: params.baseUrl,
         });
         break;
@@ -226,6 +229,7 @@ export abstract class AbstractService {
           companyId: params.companyId,
           language: language,
           responseType: params.responseType,
+          token: params.token,
           baseUrl: params.baseUrl,
         });
         break;

package/src/features/company/components/lists/CompaniesList.tsx

@@ -23,7 +23,7 @@ export function CompaniesList() {
   return (
     <ContentListTable
       data={data}
-      fields={[CompanyFields.name, CompanyFields.createdAt]}
+      fields={[CompanyFields.name]}
       tableGeneratorType={Modules.Company}
       functions={functions}
       title={t(`entities.companies`, { count: 2 })}

package/src/features/content/components/lists/ContentsListById.tsx

@@ -23,7 +23,7 @@ export function ContentsListById({ contentIds }: ContentsListByIdProps) {
   return (
     <ContentListTable
       data={data}
-      fields={[ContentFields.name, ContentFields.authors, ContentFields.updatedAt]}
+      fields={[ContentFields.name, ContentFields.authors]}
       tableGeneratorType={Modules.Content}
       title={t(`common.relevant`)}
     />

package/src/features/content/components/lists/RelevantContentsList.tsx

@@ -23,7 +23,7 @@ export function RelevantContentsList({ id }: RelevantContentsListProps) {
   return (
     <ContentListTable
       data={data}
-      fields={[ContentFields.name, ContentFields.authors, ContentFields.relevance, ContentFields.updatedAt]}
+      fields={[ContentFields.name, ContentFields.authors, ContentFields.relevance]}
       tableGeneratorType={Modules.Content}
       title={t(`common.relevant`)}
     />

package/src/features/user/components/lists/AdminUsersList.tsx

@@ -27,7 +27,7 @@ function AdminUsersListInternal({ company }: AdminUsersListProps) {
     <ContentListTable
       title={t(`entities.users`, { count: 2 })}
       data={data}
-      fields={[UserFields.name, UserFields.email, UserFields.createdAt]}
+      fields={[UserFields.name, UserFields.email]}
       tableGeneratorType={Modules.User}
       functions={<UserEditor propagateChanges={data.refresh} adminCreated />}
     />

package/src/unified/JsonApiRequest.ts

@@ -185,10 +185,11 @@ export async function JsonApiGet(params: {
   endpoint: string;
   companyId?: string;
   language: string;
+  token?: string;
   baseUrl?: string;
 }): Promise<ApiResponseInterface> {
   runBootstrapper();
-  const token = await getToken();
+  const token = params.token ?? (await getToken());
 
   const apiResponse = await makeRequest({
     method: "GET",
@@ -211,6 +212,7 @@ export async function JsonApiGet(params: {
         endpoint,
         companyId: params.companyId,
         language: params.language,
+        token: params.token,
         baseUrl: params.baseUrl,
       }),
   });
@@ -265,10 +267,11 @@ export async function JsonApiPut(params: {
   files?: { [key: string]: File | Blob } | File | Blob;
   language: string;
   responseType?: ApiRequestDataTypeInterface;
+  token?: string;
   baseUrl?: string;
 }): Promise<ApiResponseInterface> {
   runBootstrapper();
-  const token = await getToken();
+  const token = params.token ?? (await getToken());
 
   let body = params.body;
   if (!body) {
@@ -305,10 +308,11 @@ export async function JsonApiPatch(params: {
   overridesJsonApiCreation?: boolean;
   responseType?: ApiRequestDataTypeInterface;
   language: string;
+  token?: string;
   baseUrl?: string;
 }): Promise<ApiResponseInterface> {
   runBootstrapper();
-  const token = await getToken();
+  const token = params.token ?? (await getToken());
 
   let body = params.body;
   if (!body) {
@@ -342,10 +346,11 @@ export async function JsonApiDelete(params: {
   companyId?: string;
   language: string;
   responseType?: ApiRequestDataTypeInterface;
+  token?: string;
   baseUrl?: string;
 }): Promise<ApiResponseInterface> {
   runBootstrapper();
-  const token = await getToken();
+  const token = params.token ?? (await getToken());
 
   const apiResponse = await makeRequest({
     method: "DELETE",

package/dist/JsonApiRequest-P3VQ2WIS.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-
-
-
-
-
-
-var _chunkEIOEYXY3js = require('./chunk-EIOEYXY3.js');
-require('./chunk-7QVYU63E.js');
-
-
-
-
-
-
-
-
-
-
-
-exports.JsonApiDelete = _chunkEIOEYXY3js.JsonApiDelete; exports.JsonApiGet = _chunkEIOEYXY3js.JsonApiGet; exports.JsonApiPatch = _chunkEIOEYXY3js.JsonApiPatch; exports.JsonApiPost = _chunkEIOEYXY3js.JsonApiPost; exports.JsonApiPut = _chunkEIOEYXY3js.JsonApiPut; exports.buildUrl = _chunkEIOEYXY3js.buildUrl; exports.configureJsonApi = _chunkEIOEYXY3js.configureJsonApi; exports.getApiUrl = _chunkEIOEYXY3js.getApiUrl; exports.getAppUrl = _chunkEIOEYXY3js.getAppUrl; exports.getTrackablePages = _chunkEIOEYXY3js.getTrackablePages;
-//# sourceMappingURL=JsonApiRequest-P3VQ2WIS.js.map