@asteby/metacore-runtime-react 46.2.1 → 46.2.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @asteby/metacore-runtime-react
 
+## 46.2.2
+
+### Patch Changes
+
+- 97f77eb: Una relación muchos-a-muchos distingue «sin permiso» y un error de carga de una lista vacía, igual que la subtabla de uno-a-muchos.
+
 ## 46.2.1
 
 ### Patch Changes

package/dist/dynamic-relation.js

@@ -341,6 +341,9 @@ function ManyToManyRelation({ kind, through, references, foreignKey, referencesK
     const [pivotRows, setPivotRows] = useState([]);
     const [loading, setLoading] = useState(true);
     const [syncing, setSyncing] = useState(false);
+    // Same distinction as the 1:N sub-table (PIT-045): a 403 is not "no rows",
+    // and an empty pivot is not "sin permiso".
+    const [fetchErrorStatus, setFetchErrorStatus] = useState(null);
     // Canonical path: SDK options resolver. Only fires when no legacy
     // override is set. The hook is a no-op when `useResolver` is false.
     const resolved = useOptionsResolver({
@@ -366,6 +369,7 @@ function ManyToManyRelation({ kind, through, references, foreignKey, referencesK
                 tasks.push(api.get(legacyTargetPath));
             const results = await Promise.all(tasks);
             const pivotRes = results[0];
+            setFetchErrorStatus(null);
             if (pivotRes.data.success)
                 setPivotRows(pivotRes.data.data || []);
             let cursor = 1;
@@ -384,6 +388,7 @@ function ManyToManyRelation({ kind, through, references, foreignKey, referencesK
         }
         catch (err) {
             console.error('DynamicRelation m2m fetch error', err);
+            setFetchErrorStatus(err?.response?.status ?? 0);
         }
         finally {
             setLoading(false);
@@ -449,5 +454,7 @@ function ManyToManyRelation({ kind, through, references, foreignKey, referencesK
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [api, canCreate, canDelete, fetchPivotAndMeta, useResolver, resolved, foreignKey, filtersKey, onChange, parentId, pivotIndex, pivotPath, refKey, selectedIds, syncing]);
-    return (_jsxs("div", { className: className, "data-relation-kind": kind, "data-relation-through": through, "data-relation-references": references, children: [labels.title && (_jsx("div", { className: "pb-3", children: _jsx("h3", { className: "text-sm font-medium", children: labels.title }) })), (loading || (useResolver && resolved.loading)) ? (_jsx(Skeleton, { className: "h-10 w-full" })) : options.length === 0 ? (_jsx("div", { className: "text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30", children: labels.emptyState })) : (_jsx(MultiSelect, { options: options, selected: selectedIds, onChange: handleChange, placeholder: labels.selectPlaceholder, searchPlaceholder: labels.selectSearchPlaceholder, emptyMessage: labels.selectEmpty }))] }));
+    return (_jsxs("div", { className: className, "data-relation-kind": kind, "data-relation-through": through, "data-relation-references": references, children: [labels.title && (_jsx("div", { className: "pb-3", children: _jsx("h3", { className: "text-sm font-medium", children: labels.title }) })), (loading || (useResolver && resolved.loading)) ? (_jsx(Skeleton, { className: "h-10 w-full" })) : fetchErrorStatus !== null ? (_jsx("div", { className: "text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30", children: fetchErrorStatus === 403
+                    ? (labels.forbiddenState ?? 'Sin permiso para ver estos registros.')
+                    : (labels.errorState ?? 'No se pudieron cargar los registros relacionados.') })) : options.length === 0 ? (_jsx("div", { className: "text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30", children: labels.emptyState })) : (_jsx(MultiSelect, { options: options, selected: selectedIds, onChange: handleChange, placeholder: labels.selectPlaceholder, searchPlaceholder: labels.selectSearchPlaceholder, emptyMessage: labels.selectEmpty }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "46.2.1",
+  "version": "46.2.2",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",

package/src/dynamic-relation.tsx

@@ -718,6 +718,9 @@ function ManyToManyRelation({
     const [pivotRows, setPivotRows] = useState<any[]>([])
     const [loading, setLoading] = useState(true)
     const [syncing, setSyncing] = useState(false)
+    // Same distinction as the 1:N sub-table (PIT-045): a 403 is not "no rows",
+    // and an empty pivot is not "sin permiso".
+    const [fetchErrorStatus, setFetchErrorStatus] = useState<number | null>(null)
 
     // Canonical path: SDK options resolver. Only fires when no legacy
     // override is set. The hook is a no-op when `useResolver` is false.
@@ -744,6 +747,7 @@ function ManyToManyRelation({
             if (!useResolver) tasks.push(api.get(legacyTargetPath))
             const results = await Promise.all(tasks)
             const pivotRes = results[0] as { data: ApiResponse<any[]> }
+            setFetchErrorStatus(null)
             if (pivotRes.data.success) setPivotRows(pivotRes.data.data || [])
             let cursor = 1
             if (!targetMeta) {
@@ -759,6 +763,7 @@ function ManyToManyRelation({
             }
         } catch (err) {
             console.error('DynamicRelation m2m fetch error', err)
+            setFetchErrorStatus((err as { response?: { status?: number } })?.response?.status ?? 0)
         } finally {
             setLoading(false)
         }
@@ -840,6 +845,12 @@ function ManyToManyRelation({
 
             {(loading || (useResolver && resolved.loading)) ? (
                 <Skeleton className="h-10 w-full" />
+            ) : fetchErrorStatus !== null ? (
+                <div className="text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30">
+                    {fetchErrorStatus === 403
+                        ? (labels.forbiddenState ?? 'Sin permiso para ver estos registros.')
+                        : (labels.errorState ?? 'No se pudieron cargar los registros relacionados.')}
+                </div>
             ) : options.length === 0 ? (
                 <div className="text-center text-sm text-muted-foreground py-8 border rounded-md bg-muted/30">
                     {labels.emptyState}