);
}
// Faz os botões de fechar do RODAPÉ (cujo onClick é o próprio onClose) animarem a
// SAÍDA, roteando pelo close() interno (anima e só então chama onClose). Centraliza
// o efeito em todo o sistema sem mexer em cada tela. Idempotente e seguro (só troca
// handlers cujo onClick === onClose; o resto passa intacto).
function wrapFooterCloses(node, onClose, close) {
if (!React.isValidElement(node)) return node;
const p = node.props || {};
const patch = {};
let changed = false;
if (onClose && p.onClick === onClose) { patch.onClick = () => close(); changed = true; }
if (p.children != null && typeof p.children !== 'string') {
patch.children = React.Children.map(p.children, (c) => wrapFooterCloses(c, onClose, close));
changed = true;
}
return changed ? React.cloneElement(node, patch) : node;
}
function Drawer({ title, subtitle, onClose, children, footer, width = 720, leftHead, rightHead, belowHead, className = '' }) {
const [closing, setClosing] = React.useState(false);
// close() animates the panel out, then runs an optional callback, then onClose.
const close = React.useCallback((cb) => {
setClosing(true);
setTimeout(() => {
if (typeof cb === 'function') cb();
onClose && onClose();
}, 320); // casa com a animação suave de saída (.32s)
}, [onClose]);
return (
);
}
// ── DesignerAba01 ("designer aba 01") ────────────────────────────────────────
// Aba lateral PADRÃO de visualização de dados em blocos. Reutilizável em
// qualquer tela: passe
// blocos = [{ titulo, campos: [{ ic, label, v, full }] }]
// Renderiza um Drawer (largura 60vw por padrão) com seções "fin-section" flat
// (sem destaque verde à esquerda, cantos 6px) e os campos em 3 colunas
// (rótulo + caixa com ícone + valor). Rodapé: Voltar + (opcional) Editar quando
// `onEditar` é passado. `full: true` no campo faz ele ocupar a linha inteira.
function DA01Campo({ ic, label, v, full, col, editing, k, ro, area, grow, onChange }) {
const style = full ? { gridColumn: '1 / -1' } : (col ? { gridColumn: 'span ' + col } : undefined);
const editavel = editing && !ro;
const cls = 'da01-campo' + (grow ? ' da01-grow' : '');
if (area) {
return (
setErro(true)} style={{ width: '100%', height: '100%', borderRadius: 'inherit', objectFit: 'cover' }} /> : initials(name)}