wagtail-enap-designsystem 1.2.1.145__py3-none-any.whl → 1.2.1.147__py3-none-any.whl

enap_designsystem/blocks/__init__.py

@@ -29,6 +29,7 @@ from .html_blocks import (
     ApresentacaoBlock,
     ApresentacaoSimpleBlock,
     RecaptchaBlock,
+    FooterGenericoBlock,
     SecaoApresentacaoCardsBlock,
     LogosSimpleBlock,
     NumerosBlock
@@ -484,6 +485,7 @@ LAYOUT_STREAMBLOCKS = [
     
     # ===== SEÇÃO COMPLEXA (MANTIDA PARA COMPATIBILIDADE) =====
     ('recaptcha', RecaptchaBlock()),
+    ('footer_generico', FooterGenericoBlock()),
     ("enap_section", EnapSectionBlock([
          ("button", ButtonBlock()),
         ("image", ImageBlock()),

enap_designsystem/blocks/html_blocks.py

@@ -7513,6 +7513,12 @@ class ApresentacaoBlock(blocks.StructBlock):
         help_text="Cor do botão no hover"
     )
     
+    cor_botao_active = blocks.CharBlock(
+        required=False,
+        default='#B396FC',
+        help_text="Cor do botão ao apertar"
+    )
+    
     class Meta:
         template = 'enap_designsystem/blocks/apresentacao_block.html'
         icon = 'doc-full'
@@ -7703,6 +7709,18 @@ class SecaoApresentacaoCardsBlock(blocks.StructBlock):
         default='#FFFFFF',
         help_text="Cor do botão"
     )
+    
+    cor_botao_hover = blocks.CharBlock(
+        required=False,
+        default='#FFFFFF',
+        help_text="Cor do botão no hover"
+    )
+    
+    cor_botao_active = blocks.CharBlock(
+        required=False,
+        default='#FFFFFF',
+        help_text="Cor do botão ao apertar"
+    )
 
     cor_botao_texto = blocks.CharBlock(
         required=False,
@@ -7805,9 +7823,79 @@ class RecaptchaBlock(StructBlock):
         label = 'reCAPTCHA'
         help_text = 'Componente de verificação reCAPTCHA'
 
+class LinkBlock(blocks.StructBlock):
+    """
+    Bloco de titulo e links
+    """
+    
+    title = blocks.RawHTMLBlock(
+        label="Título",
+        required=False,
+        help_text="Texto do link",
+        default="Título"
+    )
+       
+    link_url = blocks.URLBlock(
+        label="URL do Link",
+        required=False,
+        help_text="Link para página",
+        default="https://enap.gov.br/"
+    )
 
+    class Meta:
+        icon = 'user'
+        label = 'Links'
 
+class FooterGenericoBlock(StructBlock):
+    """Block para footer generico"""
+    cor_fundo = CharBlock(required=False, label="Cor do fundo", default="#525258")
+    cor_texto = CharBlock(required=False, label="Cor dos textos", default="#ffffff")
+    logo = ImageChooserBlock(label="Logo", required=False)
+    texto_logo = blocks.RawHTMLBlock(label="Texto do Evento", help_text="Texto que fica abaixo da logo.", required=False)
+    
+    titulo_1 = blocks.CharBlock(
+        required=False,
+        max_length=200,
+        help_text="Título da primeira seção"
+    )
+    
+    links_1 = blocks.StreamBlock([
+        ('texto_secao1', LinkBlock()),
+    ], 
+    required=False,
+    help_text="Links da primeira seção"
+    )
+    
+    titulo_2 = blocks.CharBlock(
+        required=False,
+        max_length=200,
+        help_text="Título da segunda seção"
+    )
+    
+    links_2 = blocks.StreamBlock([
+        ('texto_secao2', LinkBlock()),
+    ], 
+    required=False,
+    help_text="Links da segunda seção"
+    )
+    
+    titulo_3 = blocks.CharBlock(
+        required=False,
+        max_length=200,
+        help_text="Título da terceira seção"
+    )
+    
+    links_3 = blocks.StreamBlock([
+        ('texto_secao3', LinkBlock()),
+    ], 
+    required=False,
+    help_text="Links da terceira seção"
+    )
 
+    class Meta:
+        template = 'enap_designsystem/blocks/footer_block.html'
+        icon = 'list-ul'
+        label = 'Footer'
 
 
 

enap_designsystem/models.py

@@ -5246,13 +5246,38 @@ class ShowcaseComponentesDireto(Page):
         try:
             debug_log.append(f"      🎨 Tipo: {comp_block.__class__.__name__}")
             
-            # Gerar dados COMPLETOS para o componente
             component_data = self.generate_realistic_component_data(comp_name, comp_block, debug_log)
             
-            # Tentar renderizar
+            try:
+                if hasattr(comp_block, 'child_blocks'):
+                    for field_name, field_block in comp_block.child_blocks.items():
+                        if field_name in component_data:
+                            field_type = field_block.__class__.__name__
+                            value = component_data[field_name]
+                            
+                            if 'Stream' in field_type and not isinstance(value, list):
+                                component_data[field_name] = []
+                                debug_log.append(f"         🔧 Corrigido {field_name}: StreamBlock precisa de lista")
+                            
+                            elif 'List' in field_type and not isinstance(value, list):
+                                component_data[field_name] = []
+                                debug_log.append(f"         🔧 Corrigido {field_name}: ListBlock precisa de lista")
+                            
+                            elif 'Choice' in field_type and not isinstance(value, str):
+                                component_data[field_name] = 'opcao1'
+                                debug_log.append(f"         🔧 Corrigido {field_name}: ChoiceBlock precisa de string")
+                            
+                            elif 'RichText' in field_type and not isinstance(value, str):
+                                component_data[field_name] = '<p>Texto exemplo</p>'
+                                debug_log.append(f"         🔧 Corrigido {field_name}: RichText precisa de string")
+            
+            except Exception as validation_error:
+                debug_log.append(f"         ⚠️ Erro na validação: {str(validation_error)}")
+                component_data = {}
+            
             rendered_html = None
             render_error = None
-            
+
             try:
                 debug_log.append(f"      🎯 Tentando renderizar componente completo...")
                 rendered_html = comp_block.render(component_data)
@@ -5262,7 +5287,6 @@ class ShowcaseComponentesDireto(Page):
                 debug_log.append(f"      ❌ Erro na renderização: {str(e)}")
                 render_error = str(e)
                 
-                # Tentar com dados mínimos
                 try:
                     debug_log.append(f"      🔄 Tentando com dados mínimos...")
                     minimal_data = self.generate_minimal_component_data(comp_block)
@@ -5338,10 +5362,10 @@ class ShowcaseComponentesDireto(Page):
             return {}  # Será processado recursivamente
         
         elif field_type == 'ListBlock':
-            return []  # Lista vazia por padrão
+            return self.generate_listblock_default_data(field_block, field_name)
         
         elif field_type == 'StreamBlock':
-            return []  # Stream vazio por padrão
+            return self.generate_streamblock_default_data(field_block, field_name)
         
         # === CAMPOS DE ESCOLHA ===
         elif field_type == 'ChoiceBlock':
@@ -5535,6 +5559,56 @@ class ShowcaseComponentesDireto(Page):
             return '2024-06-15T14:30:00'
         
         return '2024-06-15'
+	
+    def generate_streamblock_default_data(self, stream_block, field_name):
+        """Gera dados padrão para StreamBlocks"""
+        if not hasattr(stream_block, 'child_blocks'):
+            return []
+        
+        stream_data = []
+        available_blocks = list(stream_block.child_blocks.items())[:2]
+        
+        for block_name, block_instance in available_blocks:
+            if hasattr(block_instance, 'child_blocks'):
+                block_data = {}
+                for child_field, child_block in block_instance.child_blocks.items():
+                    block_data[child_field] = self.generate_realistic_field_value(
+                        child_field, child_block, f"{field_name}_{block_name}"
+                    )
+            else:
+                block_data = self.generate_realistic_field_value(
+                    block_name, block_instance, field_name
+                )
+            
+            stream_data.append({
+                'type': block_name,
+                'value': block_data
+            })
+        
+        return stream_data
+
+    def generate_listblock_default_data(self, field_block, field_name):
+        """Gera dados padrão para ListBlocks"""
+        if hasattr(field_block, 'child_block'):
+            child_block = field_block.child_block
+            items = []
+            
+            for i in range(2):
+                if hasattr(child_block, 'child_blocks'):
+                    item_data = {}
+                    for sub_field, sub_block in child_block.child_blocks.items():
+                        item_data[sub_field] = self.generate_realistic_field_value(
+                            sub_field, sub_block, f"{field_name}_item_{i}"
+                        )
+                else:
+                    item_data = self.generate_realistic_field_value(
+                        f"{field_name}_item_{i}", child_block, f"{field_name}_list"
+                    )
+                items.append(item_data)
+            
+            return items
+        
+        return []
     
     def get_richtext_default_value(self, field_name):
         """Gera valor padrão para campos de texto rico"""
@@ -5646,9 +5720,6 @@ class ShowcaseComponentesDireto(Page):
             titles = [
                 'Escola Nacional de Administração Pública',
                 'Capacitação para o Serviço Público',
-                'Inovação na Gestão Pública',
-                'Transformação Digital do Governo',
-                'Excelência em Administração Pública'
             ]
             import random
             return random.choice(titles)
@@ -5658,10 +5729,7 @@ class ShowcaseComponentesDireto(Page):
             
         elif 'description' in field_lower or 'descricao' in field_lower:
             descriptions = [
-                'A ENAP é a escola de governo do Poder Executivo federal, responsável pela formação e capacitação de servidores públicos.',
-                'Desenvolvemos competências e habilidades dos servidores para uma gestão pública moderna, eficiente e orientada ao cidadão.',
-                'Nossa missão é contribuir para a modernização do Estado através da capacitação de seus servidores.',
-                'Promovemos a inovação e a transformação digital na administração pública federal.'
+                'A ENAP é a escola de governo do Poder Executivo federal, responsável pela formação e capacitação de servidores públicos.'
             ]
             import random
             return random.choice(descriptions)

enap_designsystem/static/enap_designsystem/blocks/apresentacao_block.css

@@ -0,0 +1,174 @@
+    /* Estilos gerais */
+    .secao-display {
+        padding: 90px 0;
+    }
+    
+    .secao-cabecalho {
+        font-size: 48px !important;
+        font-weight: 500;
+        margin-bottom: 2rem;
+    }
+
+    .secao-conteudo-cartoes {
+        max-width: 1142px;
+        margin: 0 auto;
+        padding: 45px;
+    }
+    
+    .secao-texto {
+        font-size: 1.125rem;
+        line-height: 1.75;
+    }
+    
+    /* Forçar cores do richtext */
+    .secao-display .secao-texto * {
+        color: inherit !important;
+    }
+
+    /* Grid de Cards */
+    .secao-cartoes {
+        display: grid;
+        gap: 2rem;
+        margin-top: 3rem;
+    }
+    
+    /* Grid responsivo baseado na escolha */
+    .cards-grid-1 {
+        grid-template-columns: 1fr;
+        max-width: 600px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    
+    .cards-grid-2 {
+        grid-template-columns: 1fr;
+        max-width: 800px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    
+    @media (min-width: 768px) {
+        .cards-grid-2 {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    .cards-grid-3 {
+        grid-template-columns: 1fr;
+    }
+    
+    @media (min-width: 768px) {
+        .cards-grid-3 {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    @media (min-width: 1024px) {
+        .cards-grid-3 {
+            grid-template-columns: repeat(3, 1fr);
+        }
+    }
+    
+    .cards-grid-4 {
+        grid-template-columns: 1fr;
+    }
+    
+    @media (min-width: 768px) {
+        .cards-grid-4 {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    @media (min-width: 1024px) {
+        .cards-grid-4 {
+            grid-template-columns: repeat(4, 1fr);
+        }
+    }
+    
+    .cards-grid-5 {
+        grid-template-columns: 1fr;
+    }
+    
+    @media (min-width: 640px) {
+        .cards-grid-5 {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    @media (min-width: 768px) {
+        .cards-grid-5 {
+            grid-template-columns: repeat(3, 1fr);
+        }
+    }
+    
+    @media (min-width: 1024px) {
+        .cards-grid-5 {
+            grid-template-columns: repeat(4, 1fr);
+        }
+    }
+    
+    @media (min-width: 1280px) {
+        .cards-grid-5 {
+            grid-template-columns: repeat(5, 1fr);
+        }
+    }
+
+    /* Estilos do Card */
+    .secao-cartao {
+        text-align: center;
+        padding: 0px;
+    }
+    
+    .cartao-simbolo {
+        margin-bottom: 1.5rem;
+        width: 60px;
+        height: 60px;
+        border-radius: 50%;
+    }
+    
+    .cartao-simbolo i {
+        font-size: 2rem;
+        color: #FFFFFF;
+        width: 60px;
+        height: 60px;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 auto;
+    }
+    
+    .cartao-cabecalho {
+        font-size: 1.25rem;
+        font-weight: 600;
+        color: #FFFFFF;
+        margin-bottom: 1rem;
+        line-height: 1.4;
+        text-align: left;
+    }
+    
+    .cartao-texto {
+        font-size: 0.95rem;
+        color: rgba(255, 255, 255, 0.9);
+        line-height: 1.6;
+        margin: 0;
+        text-align: left;
+    }
+    
+    /* Responsividade mobile */
+    @media (max-width: 767px) {
+        .secao-conteudo-cartoes {
+            padding: 2rem;
+        }
+        
+        .secao-cartoes {
+            gap: 2.5rem;
+            margin-top: 2rem;
+        }
+        
+        .cartao-simbolo i {
+            font-size: 2.5rem;
+            width: 70px;
+            height: 70px;
+        }
+    }

enap_designsystem/static/enap_designsystem/blocks/cards_section.css

@@ -0,0 +1,112 @@
+.enap-cards-section {
+    padding: 60px 20px;
+    background-color: #ffffff;
+}
+
+.enap-cards-container {
+    max-width: 1142px;
+    margin: 0 auto;
+}
+
+.enap-section-header {
+    margin-bottom: 50px;
+}
+
+.enap-section-title {
+    font-size: 32px;
+    font-weight: 700;
+    color: #024248;
+    margin: 0 0 15px 0;
+    line-height: 1.2;
+}
+
+.enap-section-subtitle {
+    font-size: 18px;
+    color: #024248;
+    margin: 0;
+    max-width: 600px;
+}
+
+.enap-cards-grid {
+    display: grid;
+    gap: 30px;
+    grid-template-columns: 1fr;
+}
+
+/* Responsive Grid */
+@media (min-width: 768px) {
+    .enap-cards-grid.grid-2 { grid-template-columns: repeat(2, 1fr); }
+    .enap-cards-grid.grid-3 { grid-template-columns: repeat(3, 1fr); }
+    .enap-cards-grid.grid-4 { grid-template-columns: repeat(4, 1fr); }
+}
+
+.enap-card {
+    overflow: hidden;
+    transition: all 0.3s ease;
+}
+
+.enap-card:hover {
+    transform: translateY(-4px);
+}
+
+.enap-card-image {
+    width: 100%;
+    height: 350px;
+    object-fit: cover;
+    display: block;
+    object-position: top;
+    border-radius: 12px;
+}
+
+.enap-card-content {
+    padding: 24px 0;
+}
+
+.enap-card-title {
+    font-size: 20px;
+    font-weight: 600;
+    color: #2d3748;
+    margin: 0 0 8px 0;
+    line-height: 1.3;
+}
+
+.enap-card-subtitle {
+    font-size: 14px;
+    color:#000;
+    font-weight: 500;
+    margin: 0 0 12px 0;
+}
+
+.enap-card-description {
+    color: #4a5568;
+    margin: 0 0 16px 0;
+    line-height: 1.5;
+    font-size: 14px;
+}
+
+.enap-card-link {
+    display: inline-flex;
+    align-items: center;
+    color: #007D7A;
+    font-weight: 500;
+    text-decoration: none;
+    font-size: 14px;
+    transition: color 0.2s ease;
+    display: flex;
+    gap: 6px;
+}
+
+.enap-card-link:hover {
+    color: #047857;
+}
+
+.enap-card-link-arrow {
+    width: 16px;
+    height: 16px;
+    margin-left: 6px;
+    transition: transform 0.2s ease;
+}
+
+.enap-card-link:hover .enap-card-link-arrow {
+    transform: translateX(3px);
+}