@asteby/metacore-runtime-react 28.3.3 → 28.3.5

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @asteby/metacore-runtime-react
 
+## 28.3.5
+
+### Patch Changes
+
+- ca3b27f: Subida de imágenes arreglada: el UploadField posteaba a `/uploads` (el host
+  sirve `/upload`) → 404. Además el subfolder declarado por campo
+  (`storage_path` en el manifest) ahora se manda también como `folder`, que es
+  el parámetro que lee el host — antes toda subida caía en la carpeta por
+  defecto.
+
+## 28.3.4
+
+### Patch Changes
+
+- 85ba41b: El popover del selector de íconos ya no se corta dentro de modales altos: su
+  alto se limita al espacio disponible que mide Radix (min 24rem / available
+  height) con layout flex (buscador fijo + lista que scrollea), abriendo hacia
+  abajo.
+
 ## 28.3.3
 
 ### Patch Changes

package/dist/icon-picker-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-picker-field.d.ts","sourceRoot":"","sources":["../src/icon-picker-field.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,EAAE,GAAG,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAQD,sFAAsF;AACtF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAE3D;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAgJ/E"}
+{"version":3,"file":"icon-picker-field.d.ts","sourceRoot":"","sources":["../src/icon-picker-field.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,EAAE,GAAG,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAQD,sFAAsF;AACtF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAE3D;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAsJ/E"}

package/dist/icon-picker-field.js

@@ -52,10 +52,20 @@ export function IconPickerField({ field, value, onChange }) {
                         setQuery('');
                         setLimit(PAGE);
                     }
-                }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { id: field.key, type: "button", variant: "outline", role: "combobox", "aria-expanded": open, className: "w-full justify-between font-normal", children: [_jsx("span", { className: "flex min-w-0 items-center gap-2", children: selected ? (_jsxs(_Fragment, { children: [_jsx(DynamicIcon, { name: selected, className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate", children: selected })] })) : (_jsx("span", { className: "text-muted-foreground", children: "Selecciona un \u00EDcono\u2026" })) }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: [_jsx("div", { className: "p-2", children: _jsx(Input, { autoFocus: true, value: query, onChange: (e) => {
+                }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { id: field.key, type: "button", variant: "outline", role: "combobox", "aria-expanded": open, className: "w-full justify-between font-normal", children: [_jsx("span", { className: "flex min-w-0 items-center gap-2", children: selected ? (_jsxs(_Fragment, { children: [_jsx(DynamicIcon, { name: selected, className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate", children: selected })] })) : (_jsx("span", { className: "text-muted-foreground", children: "Selecciona un \u00EDcono\u2026" })) }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent
+                    // Cap the panel to the space Radix measured between the
+                    // trigger and the viewport edge so it can NEVER overflow
+                    // off-screen (the old fixed max-h clipped inside tall
+                    // modals). Prefer opening downward; flip only if needed.
+                    , { 
+                        // Cap the panel to the space Radix measured between the
+                        // trigger and the viewport edge so it can NEVER overflow
+                        // off-screen (the old fixed max-h clipped inside tall
+                        // modals). Prefer opening downward; flip only if needed.
+                        className: "flex max-h-[min(24rem,var(--radix-popover-content-available-height))] w-[--radix-popover-trigger-width] flex-col overflow-hidden p-0", align: "start", side: "bottom", sideOffset: 4, children: [_jsx("div", { className: "shrink-0 p-2", children: _jsx(Input, { autoFocus: true, value: query, onChange: (e) => {
                                         setQuery(e.target.value);
                                         setLimit(PAGE);
-                                    }, placeholder: "Buscar \u00EDcono...", "aria-label": "Buscar \u00EDcono" }) }), _jsxs("div", { className: "max-h-64 overflow-y-auto", role: "listbox", "aria-label": "\u00CDconos", onScroll: (e) => {
+                                    }, placeholder: "Buscar \u00EDcono...", "aria-label": "Buscar \u00EDcono" }) }), _jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", role: "listbox", "aria-label": "\u00CDconos", onScroll: (e) => {
                                     const el = e.currentTarget;
                                     // Near the bottom → reveal the next page.
                                     if (el.scrollTop + el.clientHeight >= el.scrollHeight - 24 &&

package/dist/upload-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload-field.d.ts","sourceRoot":"","sources":["../src/upload-field.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,EAAE,GAAG,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAKD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,CAWzD;AAED,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAK1D;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAkHvE"}
+{"version":3,"file":"upload-field.d.ts","sourceRoot":"","sources":["../src/upload-field.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,EAAE,GAAG,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAKD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,CAWzD;AAED,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAK1D;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAyHvE"}

package/dist/upload-field.js

@@ -17,7 +17,7 @@ import { Loader2, Paperclip, X } from 'lucide-react';
 import { useApi } from './api-context';
 import { getUploadConfig } from './dynamic-form-schema';
 /** Default host upload endpoint. Overridable per-field via `searchEndpoint`. */
-const DEFAULT_UPLOAD_ENDPOINT = '/uploads';
+const DEFAULT_UPLOAD_ENDPOINT = '/upload';
 /**
  * Pulls the stored file url/path out of an upload response envelope, tolerating
  * the common key shapes a host might return. Pure — exported for tests.
@@ -72,8 +72,14 @@ export function UploadField({ field, value, onChange }) {
         }
         const form = new FormData();
         form.append('file', file);
-        if (storagePath)
+        // The destination subfolder, declared per field via the manifest
+        // (`storage_path`). Sent under BOTH keys: `folder` is what the ops
+        // host reads (`c.FormValue("folder")`), `storage_path` is the
+        // canonical SDK name kept for hosts that read it.
+        if (storagePath) {
+            form.append('folder', storagePath);
             form.append('storage_path', storagePath);
+        }
         setUploading(true);
         try {
             const res = await api.post(endpoint, form, {

package/package.json

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

package/src/icon-picker-field.tsx

@@ -129,10 +129,16 @@ export function IconPickerField({ field, value, onChange }: IconPickerFieldProps
                         </Button>
                     </PopoverTrigger>
                     <PopoverContent
-                        className="w-[--radix-popover-trigger-width] p-0"
+                        // Cap the panel to the space Radix measured between the
+                        // trigger and the viewport edge so it can NEVER overflow
+                        // off-screen (the old fixed max-h clipped inside tall
+                        // modals). Prefer opening downward; flip only if needed.
+                        className="flex max-h-[min(24rem,var(--radix-popover-content-available-height))] w-[--radix-popover-trigger-width] flex-col overflow-hidden p-0"
                         align="start"
+                        side="bottom"
+                        sideOffset={4}
                     >
-                        <div className="p-2">
+                        <div className="shrink-0 p-2">
                             <Input
                                 autoFocus
                                 value={query}
@@ -145,7 +151,7 @@ export function IconPickerField({ field, value, onChange }: IconPickerFieldProps
                             />
                         </div>
                         <div
-                            className="max-h-64 overflow-y-auto"
+                            className="min-h-0 flex-1 overflow-y-auto"
                             role="listbox"
                             aria-label="Íconos"
                             onScroll={(e: React.UIEvent<HTMLDivElement>) => {

package/src/upload-field.tsx

@@ -24,7 +24,7 @@ export interface UploadFieldProps {
 }
 
 /** Default host upload endpoint. Overridable per-field via `searchEndpoint`. */
-const DEFAULT_UPLOAD_ENDPOINT = '/uploads'
+const DEFAULT_UPLOAD_ENDPOINT = '/upload'
 
 /**
  * Pulls the stored file url/path out of an upload response envelope, tolerating
@@ -79,7 +79,14 @@ export function UploadField({ field, value, onChange }: UploadFieldProps) {
             }
             const form = new FormData()
             form.append('file', file)
-            if (storagePath) form.append('storage_path', storagePath)
+            // The destination subfolder, declared per field via the manifest
+            // (`storage_path`). Sent under BOTH keys: `folder` is what the ops
+            // host reads (`c.FormValue("folder")`), `storage_path` is the
+            // canonical SDK name kept for hosts that read it.
+            if (storagePath) {
+                form.append('folder', storagePath)
+                form.append('storage_path', storagePath)
+            }
             setUploading(true)
             try {
                 const res = await api.post(endpoint, form, {