@asteby/metacore-runtime-react 49.9.0 → 49.9.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @asteby/metacore-runtime-react
 
+## 49.9.1
+
+### Patch Changes
+
+- 6956adf: DocumentEditor: el buscador del renglón vacío ocupa SOLO la celda «Descripción», como cualquier renglón; ya no invade Cant., Precio ni Desc. Se quita el tooltip nativo del navegador del buscador: la ayuda larga sigue en el estado sin coincidencias.
+
 ## 49.9.0
 
 ### Minor Changes

package/dist/business/line-items-editor.js

@@ -210,7 +210,7 @@ function toNum(n) {
 function DraftRow({ search, warehouseId, currency, onPick, onFree, onAddBlank, onCreate, entityLabel, span, }) {
     const { t } = useTranslation();
     const [text, setText] = useState('');
-    return (_jsxs("tr", { className: "border-t border-dashed", "data-slot": "line-draft-row", children: [_jsx("td", { className: CELL, colSpan: span, children: _jsx(LineProductCell, { search: search, text: text, onTextChange: setText, onPick: (p, v) => {
+    return (_jsxs("tr", { className: "border-t border-dashed", "data-slot": "line-draft-row", children: [_jsx("td", { className: CELL, children: _jsx(LineProductCell, { search: search, text: text, onTextChange: setText, onPick: (p, v) => {
                         setText('');
                         onPick(p, v);
                     }, onKeyDownClosed: (e) => {
@@ -228,7 +228,7 @@ function DraftRow({ search, warehouseId, currency, onPick, onFree, onAddBlank, o
                             setText('');
                             onCreate(q);
                         }
-                        : undefined, entityLabel: entityLabel }) }), _jsx("td", { "aria-hidden": true }), _jsx("td", { "aria-hidden": true })] }));
+                        : undefined, entityLabel: entityLabel }) }), Array.from({ length: Math.max(0, span - 1) }, (_, i) => (_jsx("td", { "aria-hidden": true }, i))), _jsx("td", { "aria-hidden": true }), _jsx("td", { "aria-hidden": true })] }));
 }
 /** Fila de totales alineada a la columna «Importe». */
 function TotalRow({ span, label, value, slot, strong }) {

package/dist/business/line-product-cell.js

@@ -25,5 +25,5 @@ export const LineProductCell = forwardRef(function LineProductCell({ search, tex
     const { hits, loading, minChars } = useProductSearch(typing ? text : '', search, typing);
     const entity = entityLabel ?? t('lineItems.productEntity', { defaultValue: 'producto' });
     const searchHint = hint ?? t('lineItems.searchHint', { defaultValue: 'Busca por nombre, SKU o código de barras' });
-    return (_jsx(RecordPicker, { trigger: "input", variant: "cell", freeText: true, anchorSlot: "line-product-cell", contentSlot: "line-product-results", minListWidth: "26.25rem", maxListWidth: "35rem", items: hits, loading: loading, minChars: minChars, query: text, onQueryChange: onTextChange, open: typing, onOpenChange: setTyping, getKey: productHitKey, getLabel: productHitLabel, renderItem: (hit) => _jsx(ProductHitRow, { hit: hit, warehouseId: warehouseId, currency: currency, compact: true }), onSelect: (hit) => onPick(hit.product, hit.variant), onUnhandledKeyDown: onKeyDownClosed, inputRef: ref, ariaLabel: ariaLabel, listLabel: ariaLabel, disabled: disabled, invalid: invalid, triggerClassName: className, triggerProps: { 'data-cell': dataCell, title: searchHint }, placeholder: placeholder ?? t('lineItems.searchPlaceholderShort', { defaultValue: 'Buscar producto…' }), loadingText: t('common.searching', { defaultValue: 'Buscando…' }), emptyText: _jsxs("span", { className: "block space-y-1", children: [_jsx("span", { className: "block", children: t('lineItems.noProduct', { defaultValue: 'Sin coincidencias. Se usará como descripción libre.' }) }), _jsx("span", { className: "block text-xs", children: searchHint })] }), onCreate: onCreate, entityLabel: entity, createLabel: t('lineItems.createProduct', { defaultValue: 'Crear {{entity}}', entity }), createFooterLabel: (q) => (_jsxs(_Fragment, { children: [t('lineItems.createProduct', { defaultValue: 'Crear {{entity}}', entity }), q ? _jsxs("span", { className: "text-muted-foreground", children: [" \u00AB", q, "\u00BB"] }) : null] })) }));
+    return (_jsx(RecordPicker, { trigger: "input", variant: "cell", freeText: true, anchorSlot: "line-product-cell", contentSlot: "line-product-results", minListWidth: "26.25rem", maxListWidth: "35rem", items: hits, loading: loading, minChars: minChars, query: text, onQueryChange: onTextChange, open: typing, onOpenChange: setTyping, getKey: productHitKey, getLabel: productHitLabel, renderItem: (hit) => _jsx(ProductHitRow, { hit: hit, warehouseId: warehouseId, currency: currency, compact: true }), onSelect: (hit) => onPick(hit.product, hit.variant), onUnhandledKeyDown: onKeyDownClosed, inputRef: ref, ariaLabel: ariaLabel, listLabel: ariaLabel, disabled: disabled, invalid: invalid, triggerClassName: className, triggerProps: { 'data-cell': dataCell }, placeholder: placeholder ?? t('lineItems.searchPlaceholderShort', { defaultValue: 'Buscar producto…' }), loadingText: t('common.searching', { defaultValue: 'Buscando…' }), emptyText: _jsxs("span", { className: "block space-y-1", children: [_jsx("span", { className: "block", children: t('lineItems.noProduct', { defaultValue: 'Sin coincidencias. Se usará como descripción libre.' }) }), _jsx("span", { className: "block text-xs", children: searchHint })] }), onCreate: onCreate, entityLabel: entity, createLabel: t('lineItems.createProduct', { defaultValue: 'Crear {{entity}}', entity }), createFooterLabel: (q) => (_jsxs(_Fragment, { children: [t('lineItems.createProduct', { defaultValue: 'Crear {{entity}}', entity }), q ? _jsxs("span", { className: "text-muted-foreground", children: [" \u00AB", q, "\u00BB"] }) : null] })) }));
 });

package/package.json

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

package/src/__tests__/document-editor-inline-selects.test.tsx

@@ -47,17 +47,17 @@ describe('DocumentLinesGrid — select de producto en la celda', () => {
         const input = screen.getByRole('combobox', { name: 'Buscar producto' })
         const td = input.closest('td')!
         expect(td).toBeTruthy()
-        // No es una barra a todo lo ancho: el renglón vacío conserva las celdas
-        // de «Importe» y acciones; el buscador usa el ancho de las columnas que
-        // ese renglón aún no llena (cantidad, precio…), así no se corta.
+        // Ocupa SOLO su columna: no invade Cant./Precio/Desc.; el renglón vacío
+        // tiene una celda por columna del encabezado.
         const row = td.closest('tr')!
         expect(row.getAttribute('data-slot')).toBe('line-draft-row')
         const columns = document.querySelectorAll('[data-slot="line-items-editor"] thead th').length
-        expect(td.colSpan).toBe(columns - 2)
-        expect(row.children.length).toBe(3)
-        // Placeholder corto que cabe; el detalle va como ayuda.
+        expect(td.colSpan).toBe(1)
+        expect(row.children.length).toBe(columns)
+        expect(row.firstElementChild).toBe(td)
+        // Placeholder corto que cabe, sin tooltip nativo del navegador.
         expect(input.getAttribute('placeholder')).toBe('Buscar producto…')
-        expect(input.getAttribute('title')).toMatch(/SKU o código de barras/)
+        expect(input.hasAttribute('title')).toBe(false)
     })
 
     it('la lista sale en un portal fuera del contenedor con overflow y Enter elige y pasa a «Cant.»', async () => {

package/src/business/line-items-editor.tsx

@@ -675,7 +675,7 @@ function DraftRow({
     entityLabel,
     span,
 }: {
-    /** Columnas que ocupa el buscador (todas menos «Importe» y acciones). */
+    /** Columnas antes de «Importe» y acciones; el buscador ocupa solo la primera. */
     span: number
     onCreate?: (query: string) => void
     entityLabel?: string
@@ -690,10 +690,10 @@ function DraftRow({
     const [text, setText] = useState('')
     return (
         <tr className="border-t border-dashed" data-slot="line-draft-row">
-            {/* El renglón vacío no tiene cantidad ni precio todavía: el buscador
-                usa ese ancho (antes medía solo la columna «Descripción» y el
-                texto de ayuda se cortaba). */}
-            <td className={CELL} colSpan={span}>
+            {/* El buscador vive SOLO en la celda «Descripción», como cualquier
+                renglón: no invade Cant./Precio/Desc. (esas celdas quedan vacías
+                hasta elegir producto). */}
+            <td className={CELL}>
                 <LineProductCell
                     search={search}
                     text={text}
@@ -726,6 +726,9 @@ function DraftRow({
                     entityLabel={entityLabel}
                 />
             </td>
+            {Array.from({ length: Math.max(0, span - 1) }, (_, i) => (
+                <td key={i} aria-hidden />
+            ))}
             <td aria-hidden />
             <td aria-hidden />
         </tr>

package/src/business/line-product-cell.tsx

@@ -98,7 +98,7 @@ export const LineProductCell = forwardRef<HTMLInputElement, LineProductCellProps
             disabled={disabled}
             invalid={invalid}
             triggerClassName={className}
-            triggerProps={{ 'data-cell': dataCell, title: searchHint }}
+            triggerProps={{ 'data-cell': dataCell }}
             placeholder={placeholder ?? t('lineItems.searchPlaceholderShort', { defaultValue: 'Buscar producto…' })}
             loadingText={t('common.searching', { defaultValue: 'Buscando…' })}
             emptyText={