), document.body);
}
/* ── popover настроек ── */
function Pop({ at, kind, node, onPatch, onRemove, onClose }) {
const ref = R.useRef(null);
const [pos, setPos] = R.useState(at);
R.useEffect(() => {
const away = (e) => { if (ref.current && !ref.current.contains(e.target)) onClose(); };
const esc = (e) => { if (e.key === 'Escape') onClose(); };
document.addEventListener('mousedown', away); document.addEventListener('keydown', esc);
return () => { document.removeEventListener('mousedown', away); document.removeEventListener('keydown', esc); };
}, []);
/* репозиция под реальную высоту: измеряем после монтирования, клампим в вьюпорт.
Раньше позиция считалась по грубой оценке popH и низ поповера уезжал за экран. */
R.useLayoutEffect(() => {
const el = ref.current; if (!el) return;
const M = 8;
const h = el.offsetHeight, w = el.offsetWidth;
const top = Math.max(M, Math.min(at.y, window.innerHeight - h - M));
const left = Math.max(M, Math.min(at.x, window.innerWidth - w - M));
if (top !== pos.y || left !== pos.x) setPos({ x: left, y: top });
}, [at.x, at.y, node.id, kind]);
const isBlock = kind === 'block';
const cols = nodeCols(node, FIELD_COLS);
const meta = !isBlock && node.wid ? WIDGETS[node.wid] : null;
const isZone = !!(meta && meta.zone);
const isFluidZone = !!(isZone && meta.fluidZone);
const canViz = !!(meta && meta.chart);
const activeViz = canViz ? (node.viz || defaultViz(node.wid, meta.chart())) : null;
return RD.createPortal((
{isBlock ? 'Ширина группы' : 'Ширина виджета'}
{isZone && !isFluidZone ? (
Раздел показывается на всю ширину — так виден его контент, а не только заголовок.
) : (
onPatch(isBlock ? { w: n, cols: n } : { cols: n, size: undefined })}
/>
{isFluidZone
? 'Группа сохраняет весь контент при любой ширине. Внутренняя сетка перестраивается автоматически.'
: 'Сетка поля: ' + FIELD_COLS + ' колонок. Dense-укладка заполняет свободные ячейки слева.'}
)}
Высота onPatch({ fixedH: n })}
/>
{isBlock ? 'Авто или фикс: скролл внутри группы + «развернуть».' : '1 стр = ' + ROW + 'px. Фикс-высота → скролл внутри + «развернуть».'}