Feature/blocking overlay component

[johnn1sbo3s]

Por favor, verifique se o seu pull request está de acordo com o checklist abaixo:

• [x] A implementação feita possui testes (Caso haja um motivo para não haver testes, descrever abaixo)
• [x] A documentação no mdx foi feita ou atualizada, caso necessário
• [x] O eslint passou localmente

1 - Resumo

Implementa o novo componente BlockingOverlay, utilizado para bloquear a interação do usuário em situações onde o sistema não está preparado para o uso, como em telas ou módulos que não possuem responsividade adequada para dispositivos móveis ou no modo paisagem.

2 - Tipo de pull request

• [x] 🧱 Novo componente
• [ ] 🐛 Fix
• [ ] 👨‍💻 Refatoração
• [ ] 📝 Documentação
• [ ] 🎨 Estilo
• [ ] 🤖 Build ou CI/CD

3 - Esse PR fecha alguma issue? Favor referenciá-la

Não.

4 - Quais são os passos para avaliar o pull request?

• Avalie a documentação do componente para checar se os textos estão corretos e se fazem sentido com o uso do mesmo;
• Teste as props e os casos de uso, utilizando o devtools do navegador para mudar o tamanho da tela;
• Teste todas as props, se possível;
• Importante!! Avalie o código para encontrar possíveis escapadas do novo padrão adotado para Composition API.
• Tente encontrar erros.

5 - Imagem ou exemplo de uso:

6 - Esse pull request adiciona breaking changes?

• [ ] Sim
• [x] Não

[tassiocaique]

Pelo o que vi da implementação, o componente tá implementado para lidar apenas com bloqueios de uso relacionado à tamanho de tela (Ex.: A prop block tem um conjunto de valores específicos). Nesse caso, acredito que o nome do componente tinha que seguir uma linha mais específica (algo na linha de ScreenSizeBlockingOverlay ou DeviceSizeBlockingOverlay) pq o BlockingOverlay me passa a sensação de algo mais genérico.

[RafaelGondi]

Atualizar com a Main