@asteby/metacore-runtime-react 28.2.0 → 28.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @asteby/metacore-runtime-react
 
+## 28.3.0
+
+### Minor Changes
+
+- cb0065f: DynamicTable/useDynamicRowActions: nuevo prop `mutationEndpoint` — base de endpoint para escrituras (delete individual y masivo) cuando difiere del endpoint de listado. Hosts que listan desde una ruta role-scoped (`/dynamic/:model/me`) borraban contra `<lista>/<id>` inexistente (404); ahora pueden listar desde `/me` y mutar contra la base real. Fallback: `endpoint` (sin cambio para hosts existentes).
+
 ## 28.2.0
 
 ### Minor Changes

package/dist/dynamic-row-actions.d.ts

@@ -8,6 +8,13 @@ export interface UseDynamicRowActionsParams {
      * caller lists from (e.g. `/data/<model>/me`) so writes stay org-scoped.
      */
     endpoint?: string;
+    /**
+     * Endpoint base for WRITES when it differs from the list endpoint. Some
+     * hosts list from a role-scoped path (`/dynamic/<model>/me`) that does NOT
+     * accept `DELETE <base>/<id>` — pass the mutable base here (e.g.
+     * `/dynamic/<model>`). Falls back to `endpoint`.
+     */
+    mutationEndpoint?: string;
     /** Raw model metadata — used to resolve link/custom action definitions. */
     metadata: TableMetadata | null;
     /**
@@ -32,5 +39,5 @@ export interface DynamicRowActions {
  * Owns the state + dialogs + dispatch logic for per-row actions, shared by
  * DynamicTable and DynamicKanban so both behave identically.
  */
-export declare function useDynamicRowActions({ model, endpoint, metadata, onAction, onRefresh, }: UseDynamicRowActionsParams): DynamicRowActions;
+export declare function useDynamicRowActions({ model, endpoint, mutationEndpoint, metadata, onAction, onRefresh, }: UseDynamicRowActionsParams): DynamicRowActions;
 //# sourceMappingURL=dynamic-row-actions.d.ts.map

package/dist/dynamic-row-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-row-actions.d.ts","sourceRoot":"","sources":["../src/dynamic-row-actions.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAA;AAE5D,MAAM,WAAW,0BAA0B;IACvC,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2EAA2E;IAC3E,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C,4EAA4E;IAC5E,SAAS,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,iBAAiB;IAC9B,+CAA+C;IAC/C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACjE;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,YAAY,CAAA;CAC9B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,0BAA0B,GAAG,iBAAiB,CAqHhD"}
+{"version":3,"file":"dynamic-row-actions.d.ts","sourceRoot":"","sources":["../src/dynamic-row-actions.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAA;AAE5D,MAAM,WAAW,0BAA0B;IACvC,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,2EAA2E;IAC3E,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C,4EAA4E;IAC5E,SAAS,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,iBAAiB;IAC9B,+CAA+C;IAC/C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACjE;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,YAAY,CAAA;CAC9B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,0BAA0B,GAAG,iBAAiB,CAsHhD"}

package/dist/dynamic-row-actions.js

@@ -30,7 +30,8 @@ import { DynamicRecordDialog } from './dialogs/dynamic-record';
  * Owns the state + dialogs + dispatch logic for per-row actions, shared by
  * DynamicTable and DynamicKanban so both behave identically.
  */
-export function useDynamicRowActions({ model, endpoint, metadata, onAction, onRefresh, }) {
+export function useDynamicRowActions({ model, endpoint, mutationEndpoint, metadata, onAction, onRefresh, }) {
+    const writeBase = mutationEndpoint ?? endpoint;
     const { t } = useTranslation();
     const api = useApi();
     const navigate = useNavigate();
@@ -87,7 +88,7 @@ export function useDynamicRowActions({ model, endpoint, metadata, onAction, onRe
             return;
         setIsDeleting(true);
         try {
-            const deleteEndpoint = endpoint ? `${endpoint}/${rowToDelete.id}` : `/data/${model}/${rowToDelete.id}`;
+            const deleteEndpoint = writeBase ? `${writeBase}/${rowToDelete.id}` : `/data/${model}/${rowToDelete.id}`;
             const res = await api.delete(deleteEndpoint);
             // CRUD estándar: no usar res.data.message (el endpoint dinámico
             // devuelve texto en inglés que se filtraría al toast). String localizado.

package/dist/dynamic-table.d.ts

@@ -3,6 +3,12 @@ import type { GetDynamicColumns } from './dynamic-columns-shim';
 export interface DynamicTableProps {
     model: string;
     endpoint?: string;
+    /**
+     * Endpoint base for WRITES (row delete, bulk delete) when it differs from
+     * the list endpoint — e.g. listing from a role-scoped `/dynamic/<model>/me`
+     * while deleting against `/dynamic/<model>/<id>`. Falls back to `endpoint`.
+     */
+    mutationEndpoint?: string;
     enableUrlSync?: boolean;
     hiddenColumns?: string[];
     onAction?: (action: string, row: any) => void;
@@ -58,5 +64,5 @@ export interface DynamicTableProps {
      */
     infiniteScroll?: boolean;
 }
-export declare function DynamicTable({ model, endpoint, enableUrlSync, hiddenColumns, onAction, onRowClick, refreshTrigger, defaultFilters, extraColumns, getDynamicColumns, timeZone, currency, pagination: paginationMode, infiniteScroll: infiniteScrollProp, }: DynamicTableProps): import("react").JSX.Element;
+export declare function DynamicTable({ model, endpoint, mutationEndpoint, enableUrlSync, hiddenColumns, onAction, onRowClick, refreshTrigger, defaultFilters, extraColumns, getDynamicColumns, timeZone, currency, pagination: paginationMode, infiniteScroll: infiniteScrollProp, }: DynamicTableProps): import("react").JSX.Element;
 //# sourceMappingURL=dynamic-table.d.ts.map

package/dist/dynamic-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../src/dynamic-table.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAKH,KAAK,SAAS,EAajB,MAAM,uBAAuB,CAAA;AAgC9B,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AA2FnF,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAA;IAC/B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IACjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,UAAU,EACV,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,EAC5C,QAAQ,EACR,QAAQ,EACR,UAAU,EAAE,cAAc,EAC1B,cAAc,EAAE,kBAA0B,GAC7C,EAAE,iBAAiB,+BAquCnB"}
+{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../src/dynamic-table.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAKH,KAAK,SAAS,EAajB,MAAM,uBAAuB,CAAA;AAgC9B,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AA2FnF,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAA;IAC/B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IACjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,aAAoB,EACpB,aAAkB,EAClB,QAAQ,EACR,UAAU,EACV,cAAc,EACd,cAAc,EACd,YAAiB,EACjB,iBAA4C,EAC5C,QAAQ,EACR,QAAQ,EACR,UAAU,EAAE,cAAc,EAC1B,cAAc,EAAE,kBAA0B,GAC7C,EAAE,iBAAiB,+BAuuCnB"}

package/dist/dynamic-table.js

@@ -103,7 +103,7 @@ function writeStoredPageSize(model, size) {
         // quota / private mode — persistence is a nicety, never fatal
     }
 }
-export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColumns = [], onAction, onRowClick, refreshTrigger, defaultFilters, extraColumns = [], getDynamicColumns = defaultGetDynamicColumns, timeZone, currency, pagination: paginationMode, infiniteScroll: infiniteScrollProp = false, }) {
+export function DynamicTable({ model, endpoint, mutationEndpoint, enableUrlSync = true, hiddenColumns = [], onAction, onRowClick, refreshTrigger, defaultFilters, extraColumns = [], getDynamicColumns = defaultGetDynamicColumns, timeZone, currency, pagination: paginationMode, infiniteScroll: infiniteScrollProp = false, }) {
     // The explicit `pagination` prop wins; the legacy `infiniteScroll` boolean
     // still selects the mode when `pagination` is absent (back-compat).
     const infiniteScroll = paginationMode ? paginationMode === 'infinite' : infiniteScrollProp;
@@ -782,6 +782,7 @@ export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColu
     const { handleInternalAction, dialogs: rowActionDialogs } = useDynamicRowActions({
         model,
         endpoint,
+        mutationEndpoint,
         metadata,
         onAction,
         onRefresh: handleRefresh,
@@ -797,7 +798,8 @@ export function DynamicTable({ model, endpoint, enableUrlSync = true, hiddenColu
         for (let i = 0; i < selectedRows.length; i++) {
             const row = selectedRows[i];
             try {
-                const deleteEndpoint = endpoint ? `${endpoint}/${row.original.id}` : `/data/${model}/${row.original.id}`;
+                const writeBase = mutationEndpoint ?? endpoint;
+                const deleteEndpoint = writeBase ? `${writeBase}/${row.original.id}` : `/data/${model}/${row.original.id}`;
                 const res = await api.delete(deleteEndpoint);
                 if (res.data.success)
                     successCount++;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "28.2.0",
+  "version": "28.3.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",
@@ -67,8 +67,8 @@
     "typescript": "^6.0.0",
     "vitest": "^4.0.0",
     "zustand": "^5.0.0",
-    "@asteby/metacore-sdk": "3.4.0",
-    "@asteby/metacore-ui": "2.12.1"
+    "@asteby/metacore-ui": "2.12.1",
+    "@asteby/metacore-sdk": "3.4.0"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",

package/src/dynamic-row-actions.tsx

@@ -45,6 +45,13 @@ export interface UseDynamicRowActionsParams {
      * caller lists from (e.g. `/data/<model>/me`) so writes stay org-scoped.
      */
     endpoint?: string
+    /**
+     * Endpoint base for WRITES when it differs from the list endpoint. Some
+     * hosts list from a role-scoped path (`/dynamic/<model>/me`) that does NOT
+     * accept `DELETE <base>/<id>` — pass the mutable base here (e.g.
+     * `/dynamic/<model>`). Falls back to `endpoint`.
+     */
+    mutationEndpoint?: string
     /** Raw model metadata — used to resolve link/custom action definitions. */
     metadata: TableMetadata | null
     /**
@@ -74,10 +81,12 @@ export interface DynamicRowActions {
 export function useDynamicRowActions({
     model,
     endpoint,
+    mutationEndpoint,
     metadata,
     onAction,
     onRefresh,
 }: UseDynamicRowActionsParams): DynamicRowActions {
+    const writeBase = mutationEndpoint ?? endpoint
     const { t } = useTranslation()
     const api = useApi()
     const navigate = useNavigate()
@@ -137,7 +146,7 @@ export function useDynamicRowActions({
         if (!rowToDelete) return
         setIsDeleting(true)
         try {
-            const deleteEndpoint = endpoint ? `${endpoint}/${rowToDelete.id}` : `/data/${model}/${rowToDelete.id}`
+            const deleteEndpoint = writeBase ? `${writeBase}/${rowToDelete.id}` : `/data/${model}/${rowToDelete.id}`
             const res = await api.delete(deleteEndpoint)
             // CRUD estándar: no usar res.data.message (el endpoint dinámico
             // devuelve texto en inglés que se filtraría al toast). String localizado.

package/src/dynamic-table.tsx

@@ -158,6 +158,12 @@ function writeStoredPageSize(model: string, size: number | null): void {
 export interface DynamicTableProps {
     model: string
     endpoint?: string
+    /**
+     * Endpoint base for WRITES (row delete, bulk delete) when it differs from
+     * the list endpoint — e.g. listing from a role-scoped `/dynamic/<model>/me`
+     * while deleting against `/dynamic/<model>/<id>`. Falls back to `endpoint`.
+     */
+    mutationEndpoint?: string
     enableUrlSync?: boolean
     hiddenColumns?: string[]
     onAction?: (action: string, row: any) => void
@@ -217,6 +223,7 @@ export interface DynamicTableProps {
 export function DynamicTable({
     model,
     endpoint,
+    mutationEndpoint,
     enableUrlSync = true,
     hiddenColumns = [],
     onAction,
@@ -902,6 +909,7 @@ export function DynamicTable({
     const { handleInternalAction, dialogs: rowActionDialogs } = useDynamicRowActions({
         model,
         endpoint,
+        mutationEndpoint,
         metadata,
         onAction,
         onRefresh: handleRefresh,
@@ -917,7 +925,8 @@ export function DynamicTable({
         for (let i = 0; i < selectedRows.length; i++) {
             const row = selectedRows[i]
             try {
-                const deleteEndpoint = endpoint ? `${endpoint}/${row.original.id}` : `/data/${model}/${row.original.id}`
+                const writeBase = mutationEndpoint ?? endpoint
+                const deleteEndpoint = writeBase ? `${writeBase}/${row.original.id}` : `/data/${model}/${row.original.id}`
                 const res = await api.delete(deleteEndpoint)
                 if (res.data.success) successCount++; else errorCount++
             } catch (e) { console.error('Error al eliminar', e); errorCount++ }