@credithub/harlan-components 1.13.3 → 1.13.4

package/lib/cjs/components/ccf/ccf.js

@@ -54,7 +54,7 @@ var CCF = function () {
             return {
                 children: children,
                 variant: totalOcorrencias ? 'error' : 'default',
-                description: (react_1.default.createElement(statusMessage_1.default, { type: totalOcorrencias ? 'success' : 'default' }, totalOcorrencias
+                description: (react_1.default.createElement(statusMessage_1.default, { type: totalOcorrencias ? 'error' : 'default' }, totalOcorrencias
                     ? totalOcorrencias === 1
                         ? "Encontrado um cheque sem fundo"
                         : "Encontrados ".concat(totalOcorrencias, " Cheques sem fundos")

package/lib/cjs/components/chart/chartContent.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37,8 +48,9 @@ var underscore_1 = require("underscore");
 var categoryProtestos_1 = __importDefault(require("./categoryProtestos"));
 var responsiveGrid_1 = __importDefault(require("../interface/responsiveGrid"));
 var ChartContent = function (_a) {
+    var _b;
     var dataInput = _a.dataInput;
-    var _b = (0, react_1.useState)(window.innerWidth), windowWidth = _b[0], setWindowWidth = _b[1];
+    var _c = (0, react_1.useState)(window.innerWidth), windowWidth = _c[0], setWindowWidth = _c[1];
     // Atualiza a largura da janela
     var updateWindowWidth = function () {
         setWindowWidth(window.innerWidth);
@@ -65,7 +77,7 @@ var ChartContent = function (_a) {
         react_1.default.createElement(responsiveGrid_1.default, { desktop: "1fr 2fr" },
             react_1.default.createElement("div", { hidden: !pieChartData.possuiPendencias, style: { width: pieChartWidth } },
                 react_1.default.createElement("h2", null, "Quantidade de Ocorr\u00EAncias"),
-                react_1.default.createElement(react_plotly_js_1.default, { config: { displayModeBar: false }, data: [pieChartData], layout: { width: pieChartWidth } })),
+                react_1.default.createElement(react_plotly_js_1.default, { config: { displayModeBar: false }, data: [__assign(__assign({}, pieChartData), { values: (_b = pieChartData === null || pieChartData === void 0 ? void 0 : pieChartData.values) === null || _b === void 0 ? void 0 : _b.map(function (e) { return e === '0' ? null : e; }) })], layout: { width: pieChartWidth, paper_bgcolor: "rgba(0,0,0,0)" } })),
             react_1.default.createElement("div", { style: { width: lineBarChartWidth } },
                 react_1.default.createElement("h2", null, "Quantidade de Ocorr\u00EAncias por Consulta"),
                 react_1.default.createElement(react_plotly_js_1.default, { data: chartData, layout: plotLayout }))),

package/lib/cjs/components/chart/chartHelper.d.ts

@@ -1,6 +1,6 @@
 import Plotly from "react-plotly.js";
 import { ChartDataAndLayoutState } from "./plotly/types";
-export declare const createPieChart: (data: ChartDataAndLayoutState) => Plotly.Data & {
+export declare const createPieChart: (data: ChartDataAndLayoutState) => Plotly.PieData & {
     possuiPendencias: boolean;
 };
 export declare const createBarChart: (data: ChartDataAndLayoutState) => Plotly.Data;

package/lib/cjs/components/chart/customChart.js

@@ -116,12 +116,12 @@ var ResumoDeNegativacoesChartSection = function (_a) {
         data.dividasPublicasGrafico = data.dividasPublicasGrafico.map(function (info) { return (__assign(__assign({}, info), { data: (0, string_1.formatDatePtBrToDate)(info.data) })); }).filter(function (info) { return info.data; });
         return react_1.default.createElement(CustomChart, { dataInput: data });
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, { title: "Resumo de Negativa\u00E7\u00F5es", subtitle: "Veja a quantidade de ocorr\u00EAncias conforme o documento foi consultado ao longo do tempo.", description: error && react_1.default.createElement(statusMessage_1.default, { type: "error" }, error.message), variant: isLoading ? 'loading' : 'default', actions: isLoading ? null : defaultHeaderActions, icon: resumoNegativacoes_1.default }),
         react_1.default.createElement(Content, { isOpen: isOpen }, !isLoading && (response === null || response === void 0 ? void 0 : response.document) && process(response === null || response === void 0 ? void 0 : response.document))));
 };
 exports.ResumoDeNegativacoesChartSection = ResumoDeNegativacoesChartSection;
-var ChartWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 18px 30px;\n  background-color: ", ";\n"], ["\n  padding: 18px 30px;\n  background-color: ", ";\n"])), theme_1.default.colors.white);
+var ChartWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0px 30px;\n  //background-color: ", ";\n"], ["\n  padding: 0px 30px;\n  //background-color: ", ";\n"])), theme_1.default.colors.white);
 var CustomChart = function (_a) {
     var _b, _c, _d, _e;
     var dataInput = _a.dataInput;

package/lib/cjs/components/chart/plotly/layoutLineBarChart.js

@@ -60,6 +60,8 @@ var layoutLineBarChart = function (layoutWidth, lastDate) {
             side: "right",
             overlaying: "y2",
         },
+        paper_bgcolor: "rgba(0,0,0,0)",
+        plot_bgcolor: "rgba(0,0,0,0)",
     };
 };
 exports.layoutLineBarChart = layoutLineBarChart;

package/lib/cjs/components/chart/quantityResult.js

@@ -16,9 +16,9 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var theme_1 = __importDefault(require("../interface/theme"));
 var QuantityContainer = function (_a) {
     var children = _a.children;
-    return react_1.default.createElement("div", null, children);
+    return react_1.default.createElement("div", { className: "t" }, children);
 };
-var QuantidadeResultadosWrapper = (0, styled_components_1.default)(result_1.ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"], ["\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"])), theme_1.default.colors.cinzaClaro);
+var QuantidadeResultadosWrapper = (0, styled_components_1.default)(result_1.ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 18px 0px;\n  row-gap: 20px;\n  > * {\n    row-gap: 10px;\n  }\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"], ["\n  padding: 18px 0px;\n  row-gap: 20px;\n  > * {\n    row-gap: 10px;\n  }\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"])), theme_1.default.colors.cinzaClaro);
 var QuantidadeResultados = function (_a) {
     var _b = _a.quantidadeProtestos, quantidadeProtestos = _b === void 0 ? 0 : _b, _c = _a.quantidadeProcessos, quantidadeProcessos = _c === void 0 ? 0 : _c, _d = _a.quantidadeDividas, quantidadeDividas = _d === void 0 ? 0 : _d, _e = _a.quantidadeChequesSemFundos, quantidadeChequesSemFundos = _e === void 0 ? 0 : _e, _f = _a.quantidadeDividasSerasa, quantidadeDividasSerasa = _f === void 0 ? 0 : _f, _g = _a.quantidadeDividasBoaVista, quantidadeDividasBoaVista = _g === void 0 ? 0 : _g, _h = _a.valorTotalProtestos, valorTotalProtestos = _h === void 0 ? 0 : _h, _j = _a.valorTotalDividas, valorTotalDividas = _j === void 0 ? 0 : _j, _k = _a.valorTotalDividasSerasa, valorTotalDividasSerasa = _k === void 0 ? 0 : _k, _l = _a.valorTotalDividasBoaVista, valorTotalDividasBoaVista = _l === void 0 ? 0 : _l, _m = _a.ultimaOcorrenciaProtestos, ultimaOcorrenciaProtestos = _m === void 0 ? null : _m, _o = _a.ultimaOcorrenciaChequesSemFundos, ultimaOcorrenciaChequesSemFundos = _o === void 0 ? null : _o;
     return (react_1.default.createElement(QuantidadeResultadosWrapper, { desktop: "repeat(6, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr" },

package/lib/cjs/components/consultaSimplesSection/consultaSimplesSection.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SectionProps } from '../interface/section';
+declare const ConsultaSimplesSection: React.FC<SectionProps & {
+    documento: string;
+}>;
+export default ConsultaSimplesSection;

package/lib/cjs/components/consultaSimplesSection/consultaSimplesSection.js

@@ -0,0 +1,110 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var webservice_1 = require("../webservice");
+var string_1 = require("../../utils/string");
+var statusMessage_1 = __importDefault(require("../interface/statusMessage"));
+var section_1 = __importDefault(require("../interface/section"));
+var consultaSimples_1 = __importDefault(require("../../assets/icones/consultaSimples"));
+var xpath_1 = __importDefault(require("../../utils/xpath"));
+var number_1 = require("../../utils/number");
+var styled_components_1 = __importDefault(require("styled-components"));
+var StatusMessageContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n\n  span {\n    width: fit-content;\n  }\n\n  @media only screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  gap: 10px;\n\n  span {\n    width: fit-content;\n  }\n\n  @media only screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"])));
+var getPossuiPendenciaText = function (_a) {
+    var ccf = _a.ccf, ultimoRegistroCCF = _a.ultimoRegistroCCF, dividasPublicas = _a.dividasPublicas, protestos = _a.protestos, processosJuridicos = _a.processosJuridicos;
+    var data = [
+        'Registro encontrado',
+        dividasPublicas ? "total de Dividas P\u00FAblicas: ".concat((0, number_1.formatMoney)(dividasPublicas)) : '',
+        ccf ? "total de registros CCF: ".concat(ccf, " com \u00FAltima ocorr\u00EAncia em ").concat(ultimoRegistroCCF) : '',
+        protestos ? "total de registros de Protestos: ".concat(protestos) : '',
+        processosJuridicos ? "total de registros de Processos Jur\u00EDdicos: ".concat(processosJuridicos) : '',
+    ];
+    return (0, string_1.capitalizeFirstLetter)(data
+        .filter(function (text) { return text; })
+        .join(', ') + '');
+};
+var ConsultaSimplesSection = function (_a) {
+    var _b, _c;
+    var documento = _a.documento, children = _a.children, onClose = _a.onClose, rest = __rest(_a, ["documento", "children", "onClose"]);
+    var ctx = (0, react_1.useContext)(webservice_1.Queries.Finder);
+    var ctxProtestos = (0, react_1.useContext)(webservice_1.Queries.Protestos);
+    var ctxCCF = (0, react_1.useContext)(webservice_1.Queries.CCF);
+    var ctxProcessosJuridicos = (0, react_1.useContext)(webservice_1.Queries.ProcessosJuridicos);
+    var protestos = select("number(//registros)", getDataFromRequestContext(ctxProtestos));
+    var ccf = select("number(//sumQteOcorrencias)", getDataFromRequestContext(ctxCCF));
+    var dividasPublicas = select("number(//dividas/resumo/valor_total_dividas)", getDataFromRequestContext(ctx));
+    var ultimoRegistroCCF = select("string(//ultimaOcorrencia)", getDataFromRequestContext(ctxCCF));
+    var processosJuridicos = ((_c = (_b = getDataFromRequestContext(ctxProcessosJuridicos)) === null || _b === void 0 ? void 0 : _b.empresa) === null || _c === void 0 ? void 0 : _c.length) || 0;
+    var possuiPendencias = ccf || protestos || dividasPublicas || processosJuridicos;
+    var possuiPendenciaText = getPossuiPendenciaText({ dividasPublicas: dividasPublicas, ultimoRegistroCCF: ultimoRegistroCCF, ccf: ccf, protestos: protestos, processosJuridicos: processosJuridicos });
+    var isError = (ctx === null || ctx === void 0 ? void 0 : ctx.type) === webservice_1.RequestStatus.Error;
+    var isLoading = (ctx === null || ctx === void 0 ? void 0 : ctx.type) === webservice_1.RequestStatus.Loading;
+    var statusType = isError ? 'warning' : possuiPendencias ? 'error' : 'success';
+    return (react_1.default.createElement(section_1.default, __assign({ title: "Consulta Simples", subtitle: "Consulta de informa\u00E7\u00F5es do documento.", description: (react_1.default.createElement(StatusMessageContainer, null,
+            react_1.default.createElement(statusMessage_1.default, { type: "found" }, (0, string_1.formatDocument)(documento)),
+            react_1.default.createElement(statusMessage_1.default, { type: statusType }, isError ? ctx === null || ctx === void 0 ? void 0 : ctx.error.message : possuiPendencias ? possuiPendenciaText : 'Nenhum registro encontrado'))), onClose: onClose, icon: consultaSimples_1.default, variant: isLoading ? 'loading' : 'default' }, rest), children));
+};
+function getDataFromRequestContext(ctx) {
+    if (ctx.type != webservice_1.RequestStatus.Success)
+        return null;
+    return ctx === null || ctx === void 0 ? void 0 : ctx.document;
+}
+function select(expression, document) {
+    if (!document)
+        return null;
+    return xpath_1.default.select(expression, document);
+}
+exports.default = ConsultaSimplesSection;
+var templateObject_1;

package/lib/cjs/components/dominios/dominios.js

@@ -36,15 +36,16 @@ var result_1 = require("../interface/result");
 var addItem_1 = __importDefault(require("../common/addItem"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var statusMessage_1 = __importDefault(require("../interface/statusMessage"));
+var dominios_1 = __importDefault(require("../../assets/icones/dominios"));
 var Link = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: inherit;\n  text-decoration: none;\n"], ["\n  color: inherit;\n  text-decoration: none;\n"])));
 var Dominios = function () {
     var ctx = (0, react_1.useContext)(webservice_1.Queries.Dominios);
     var Section = ctx.Section;
-    return (react_1.default.createElement(Section, { title: "Dom\u00EDnios na Internet", subtitle: "Informa\u00E7\u00F5es de dom\u00EDnios na internet.", onSuccess: function (document) {
+    return (react_1.default.createElement(Section, { title: "Dom\u00EDnios na Internet", subtitle: "Informa\u00E7\u00F5es de dom\u00EDnios na internet.", icon: dominios_1.default, onSuccess: function (document) {
             return {
                 children: (react_1.default.createElement(result_1.Result, { resultContentStriped: false }, document.map(function (data) { return (react_1.default.createElement(result_1.ResultContent, { desktop: "1fr 1fr 1fr", tablet: "1fr 1fr", mobile: "1fr 1fr", key: data },
                     react_1.default.createElement(addItem_1.default, { name: "Dom\u00EDnio", value: react_1.default.createElement(Link, { href: "https://www.".concat(data), target: '_blank', rel: "noreferrer" }, data) }))); }))),
-                description: (react_1.default.createElement(statusMessage_1.default, { type: (document === null || document === void 0 ? void 0 : document.length) ? 'found' : 'default' }, document.length ? (document === null || document === void 0 ? void 0 : document.length) === 1 ? 'Foi encontrado 1 registro de domínio' : "Foram encontrados ".concat(document === null || document === void 0 ? void 0 : document.length, " registros de dom\u00EDnios.") : 'Não foram encontrados registros de domínios.'))
+                description: (react_1.default.createElement(statusMessage_1.default, { type: (document === null || document === void 0 ? void 0 : document.length) ? 'success' : 'default' }, document.length ? (document === null || document === void 0 ? void 0 : document.length) === 1 ? 'Foi encontrado 1 registro de domínio' : "Foram encontrados ".concat(document === null || document === void 0 ? void 0 : document.length, " registros de dom\u00EDnios.") : 'Não foram encontrados registros de domínios.'))
             };
         } }));
 };

package/lib/cjs/components/dossie/summary/cardsAndProducts.js

@@ -41,7 +41,7 @@ var useCardsAndProducts = function (_a) {
     var _h = {
         cards: [
             {
-                title: (0, utils_1.getField)("nome", finderResponse) || (0, utils_1.getFieldRfb)("nome", rfbResponse),
+                title: isPF && ((0, utils_1.getField)("nome", finderResponse) || (0, utils_1.getFieldRfb)("nome", rfbResponse)),
                 header: "Nome",
             },
             {

package/lib/cjs/components/imoveis/imoveisService.js

@@ -57,7 +57,7 @@ var ConsultaImoveis = function (_a) {
         var _a;
         (_a = consultaImoveisRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
     }, []);
-    return consultaImoveisRealizada ? (react_1.default.createElement(react_1.default.Fragment, null,
+    return consultaImoveisRealizada ? (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, { innerRef: consultaImoveisRef, title: "Consulta de IPTU", subtitle: "Registros de IPTU para o documento informado", variant: isLoading ? 'loading' : error ? 'error' : 'default', description: react_1.default.createElement(statusMessage_1.default, { type: error ? 'error' : iptus.length ? 'success' : 'default' }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: imoveis_1.default }),
         react_1.default.createElement(result_1.Result, null, iptus.map(function (iptu, index) {
             var _a, _b, _c, _d, _e, _f, _g;

package/lib/cjs/components/interface/header.js

@@ -36,7 +36,7 @@ var theme_1 = __importDefault(require("./theme"));
 var loadingBar_1 = __importDefault(require("./loadingBar"));
 var Title = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"])), theme_1.default.typography.headline24.fontSize, theme_1.default.typography.headline24.fontWeight, theme_1.default.typography.headline24.lineHeight, theme_1.default.colors.azulCredithub);
 var Subtitle = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), theme_1.default.typography.body18.fontSize, theme_1.default.typography.body18.fontStyle, theme_1.default.typography.body18.fontWeight, theme_1.default.typography.body18.lineHeight);
-var Description = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n"])), theme_1.default.typography.label14.fontStyle, theme_1.default.typography.label14.fontWeight, theme_1.default.typography.label14.fontSize, theme_1.default.typography.label14.lineHeight, theme_1.default.typography.label14.letterSpacing);
+var Description = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n"])), theme_1.default.typography.label14.fontStyle, theme_1.default.typography.label14.fontWeight, theme_1.default.typography.label14.fontSize, theme_1.default.typography.label14.lineHeight, theme_1.default.typography.label14.letterSpacing);
 var HeaderUI = (0, styled_components_1.default)(function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     return (react_1.default.createElement("header", __assign({}, props), children));

package/lib/cjs/components/interface/result.js

@@ -11,7 +11,7 @@ exports.Result = exports.ResultContent = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var responsiveGrid_1 = __importDefault(require("./responsiveGrid"));
 exports.ResultContent = (0, styled_components_1.default)(responsiveGrid_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 18px 59px;\n  box-sizing: border-box;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  > * {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n"], ["\n  padding: 18px 59px;\n  box-sizing: border-box;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  > * {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n"])));
-exports.Result = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  flex-direction: column;\n  padding: 44px 20px;\n  \n  ", " {\n    :nth-child(", ") {\n      background: ", ";\n      border-radius: 60px;\n    }\n  }\n"], ["\n  display: ", ";\n  flex-direction: column;\n  padding: 44px 20px;\n  \n  ", " {\n    :nth-child(", ") {\n      background: ", ";\n      border-radius: 60px;\n    }\n  }\n"])), function (props) {
+exports.Result = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  flex-direction: column;\n  padding: 37px 20px;\n  \n  ", " {\n    :nth-child(", ") {\n      background: ", ";\n      border-radius: 60px;\n    }\n  }\n"], ["\n  display: ", ";\n  flex-direction: column;\n  padding: 37px 20px;\n  \n  ", " {\n    :nth-child(", ") {\n      background: ", ";\n      border-radius: 60px;\n    }\n  }\n"])), function (props) {
     var _a;
     var haveChildren = Array.isArray(props.children) ? (_a = props.children) === null || _a === void 0 ? void 0 : _a.length : props.children;
     return haveChildren ? 'flex' : 'none';

package/lib/cjs/components/interface/section.js

@@ -3,28 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -38,13 +16,14 @@ var chevronUp_1 = __importDefault(require("../../assets/btn/chevronUp"));
 var closeIcon_1 = __importDefault(require("../../assets/btn/closeIcon"));
 var btnWrapper_1 = __importDefault(require("../../assets/btn/btnWrapper"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var ResultContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n  position: relative;\n  margin-top: 20px;\n  flex-direction: column;\n  row-gap: 20px;\n  background-color: #efefef;\n"], ["\n  display: ", ";\n  position: relative;\n  margin-top: 20px;\n  flex-direction: column;\n  row-gap: 20px;\n  background-color: #efefef;\n"])), function (props) { return props.hide ? 'none' : 'flex'; });
+var SectionContaner = styled_components_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: rgb(239, 239, 239);\n"], ["\n  background-color: rgb(239, 239, 239);\n"])));
+var ResultContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  position: relative;\n  margin-top: 20px;\n  flex-direction: column;\n  row-gap: 20px;\n  background-color: #efefef;\n"], ["\n  display: ", ";\n  position: relative;\n  margin-top: 20px;\n  flex-direction: column;\n  row-gap: 20px;\n  background-color: #efefef;\n"])), function (props) { return props.hide ? 'none' : 'flex'; });
 var Section = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, description = _a.description, _b = _a.minimized, minimized = _b === void 0 ? false : _b, onClose = _a.onClose, variant = _a.variant, loadingProps = _a.loadingProps, icon = _a.icon, actions = _a.actions, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, props = __rest(_a, ["title", "subtitle", "description", "minimized", "onClose", "variant", "loadingProps", "icon", "actions", "children", "className", "contentClassName"]);
+    var title = _a.title, subtitle = _a.subtitle, description = _a.description, _b = _a.minimized, minimized = _b === void 0 ? false : _b, onClose = _a.onClose, variant = _a.variant, loadingProps = _a.loadingProps, icon = _a.icon, actions = _a.actions, children = _a.children, className = _a.className, contentClassName = _a.contentClassName;
     var _c = (0, useToggle_1.default)(!minimized), isOpen = _c[0], toggleOpen = _c[1];
     var sectionClass = (0, classnames_1.default)(className);
     var sectionContentClass = (0, classnames_1.default)(contentClassName);
-    return (react_1.default.createElement("section", __assign({ className: sectionClass }, props),
+    return (react_1.default.createElement(SectionContaner, { className: sectionClass },
         react_1.default.createElement(header_1.default, { title: title, subtitle: subtitle, description: description, loadingProps: loadingProps, icon: icon, variant: variant, actions: react_1.default.createElement(react_1.default.Fragment, null,
                 children &&
                     react_1.default.createElement(btnWrapper_1.default, { hidden: variant === 'loading', onClick: toggleOpen }, isOpen ? react_1.default.createElement(chevronUp_1.default, null) : react_1.default.createElement(chevronDown_1.default, null)),
@@ -54,4 +33,4 @@ var Section = function (_a) {
         react_1.default.createElement(ResultContainer, { className: sectionContentClass, hide: !isOpen }, children)));
 };
 exports.default = Section;
-var templateObject_1;
+var templateObject_1, templateObject_2;

package/lib/cjs/components/interface/statusMessage.d.ts

@@ -1,6 +1,7 @@
-type StatusColorTypes = 'default' | 'error' | 'success' | 'found';
+type StatusColorTypes = 'default' | 'error' | 'success' | 'found' | 'warning';
 export type StatusProps = {
     type?: StatusColorTypes;
+    capitalize?: boolean;
 };
 declare const StatusMessage: import("styled-components").StyledComponent<"span", any, StatusProps, never>;
 export default StatusMessage;

package/lib/cjs/components/interface/statusMessage.js

@@ -13,11 +13,15 @@ var statusColors = {
     default: theme_1.default.colors.cinzaClaro,
     error: theme_1.default.colors.erro,
     success: theme_1.default.colors.positivoClaro,
-    found: theme_1.default.colors.azulClaro
+    found: theme_1.default.colors.azulClaro,
+    warning: theme_1.default.colors.alerta
 };
-var StatusMessage = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 7px 19px;\n    gap: 10px;\n    background: ", ";\n    border-radius: 50px;\n    ", "\n\n    & + & {\n      margin-left: 10px;\n    }\n\n"], ["\n    padding: 7px 19px;\n    gap: 10px;\n    background: ", ";\n    border-radius: 50px;\n    ", "\n\n    & + & {\n      margin-left: 10px;\n    }\n\n"])), function (_a) {
+var StatusMessage = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 7px 19px;\n    gap: 10px;\n    background: ", ";\n    text-transform: ", ";\n    border-radius: 50px;\n    ", "\n\n"], ["\n    padding: 7px 19px;\n    gap: 10px;\n    background: ", ";\n    text-transform: ", ";\n    border-radius: 50px;\n    ", "\n\n"])), function (_a) {
     var _b = _a.type, type = _b === void 0 ? 'default' : _b;
     return statusColors[type];
+}, function (_a) {
+    var _b = _a.capitalize, capitalize = _b === void 0 ? false : _b;
+    return capitalize ? 'capitalize' : 'none';
 }, function (_a) {
     var type = _a.type;
     return type == 'error' && 'color: rgba(255, 255, 255, 1);';

package/lib/cjs/components/partners/partnerList.js

@@ -33,7 +33,7 @@ var PartnerList = (0, react_1.memo)(function (_a) {
     var partners = _a.partners;
     return partners.map(function (partner, key) {
         var _a, _b;
-        return (react_1.default.createElement(result_1.ResultContent, { key: key, desktop: "2fr repeat(4, 1fr)", tablet: "2fr repeat(2, 1fr)" },
+        return (react_1.default.createElement(result_1.ResultContent, { key: key, desktop: "2fr 1fr 0.7fr 1fr 1fr", tablet: "2fr repeat(2, 1fr)" },
             react_1.default.createElement(addItem_1.default, { name: partner.cnpj ? "Empresa" : (_a = partner.cargo) !== null && _a !== void 0 ? _a : "", value: partner.nome }),
             react_1.default.createElement(addItem_1.default, { name: partner.cnpj ? "CNPJ" : "CPF", value: (_b = (partner.cnpj || partner.cpf)) !== null && _b !== void 0 ? _b : "", onClick: function () { var _a, _b; return (_a = partner.onClickCpfCnpj) === null || _a === void 0 ? void 0 : _a.call(partner, (_b = (partner.cnpj || partner.cpf)) !== null && _b !== void 0 ? _b : ""); } }),
             react_1.default.createElement(addItem_1.default, { name: "Protestos", value: partner === null || partner === void 0 ? void 0 : partner.protestos }),

package/lib/cjs/components/processos-juridicos/processosJuridicos.js

@@ -43,7 +43,7 @@ var ProcessosJuridicos = function (_a) {
             var children = ((_b = data === null || data === void 0 ? void 0 : data.empresa) === null || _b === void 0 ? void 0 : _b.length) ? (react_1.default.createElement(processosJuridicosList_1.default, { processos: data === null || data === void 0 ? void 0 : data.empresa, onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })) : null;
             return {
                 children: children,
-                description: react_1.default.createElement(statusMessage_1.default, { type: ((_c = data === null || data === void 0 ? void 0 : data.empresa) === null || _c === void 0 ? void 0 : _c.length) ? 'found' : 'default' }, ((_d = data === null || data === void 0 ? void 0 : data.empresa) === null || _d === void 0 ? void 0 : _d.length) ? "Pesquisa concluída" : "Não foram econtrados processos jurídicos para o documento pesquisado"),
+                description: react_1.default.createElement(statusMessage_1.default, { type: ((_c = data === null || data === void 0 ? void 0 : data.empresa) === null || _c === void 0 ? void 0 : _c.length) ? 'error' : 'default' }, ((_d = data === null || data === void 0 ? void 0 : data.empresa) === null || _d === void 0 ? void 0 : _d.length) ? "Pesquisa concluída" : "Não foram econtrados processos jurídicos para o documento pesquisado"),
                 variant: ((_e = data === null || data === void 0 ? void 0 : data.empresa) === null || _e === void 0 ? void 0 : _e.length) ? 'error' : 'default'
             };
         } }));

package/lib/cjs/components/protestos/protestosCategory.js

@@ -44,7 +44,7 @@ var ProtestosCategory = function (_a) {
     var _b = (0, useToggle_1.default)(), isOpen = _b[0], toggleOpen = _b[1];
     var defaultHeaderActions = (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(btnWrapper_1.default, { onClick: toggleOpen }, isOpen ? react_1.default.createElement(chevronUp_1.default, null) : react_1.default.createElement(chevronDown_1.default, null))));
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, __assign({ title: title, subtitle: subtitle, description: react_1.default.createElement(statusMessage_1.default, { type: registros ? "success" : "default" }, !registros
                 ? "Não foram encontradas ocorrências"
                 : (registros === 1 ? 'Foi encontrado um protesto' : "Foram encontrados ".concat(registros, " protestos"))), variant: registros ? 'error' : 'default', actions: registros ? defaultHeaderActions : null }, rest)),

package/lib/cjs/components/refinBoaVista/refinBoaVista.js

@@ -69,7 +69,7 @@ function RefinBoaVista(_a) {
     }, [response]);
     if (!((_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _d === void 0 ? void 0 : _d.consultaRealizada))
         return null;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, { innerRef: refinBoaVistaRef, title: 'Restri\u00E7\u00F5es Pefin/Refin Boa Vista', subtitle: 'Apontamentos e Restri\u00E7\u00F5es Financeiras e Comerciais', variant: isLoading ? 'loading' : error || pendencias.length ? 'error' : 'default', description: (react_1.default.createElement(statusMessage_1.default, { type: (pendencias === null || pendencias === void 0 ? void 0 : pendencias.length) ? 'success' : 'default' }, error ? error.message : description)), icon: pefinRefinBoaVista_1.default }),
         react_1.default.createElement(result_1.Result, null, pendencias.map(function (pendencia, i) { return (react_1.default.createElement(result_1.ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             react_1.default.createElement(addItem_1.default, { name: 'Associado', value: pendencia.NomeAssociado }),

package/lib/cjs/components/refinSerasa/refinSerasa.js

@@ -107,7 +107,7 @@ var PendenciasList = function (_a) {
     var isLoading = _a.isLoading, error = _a.error, pendencias = _a.pendencias, valorTotal = _a.valorTotal, headerProps = __rest(_a, ["isLoading", "error", "pendencias", "valorTotal"]);
     var totalFormatado = (0, number_1.formatMoney)(valorTotal === null || valorTotal === void 0 ? void 0 : valorTotal.toString().replace(',', '.'));
     var description = pendencias.length ? "Foram encontrados ".concat(pendencias.length, " ocorr\u00EAncias ").concat(valorTotal && "no valor de ".concat(totalFormatado)) : 'Nenhuma ocorrência encontrada';
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, __assign({ variant: isLoading ? 'loading' : error || pendencias.length ? 'error' : 'default', description: react_1.default.createElement(statusMessage_1.default, { type: error ? 'error' : pendencias.length ? 'success' : 'default' }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: pefinRefinSerasa_1.default }, headerProps)),
         react_1.default.createElement(result_1.Result, null, pendencias.map(function (pendencia, i) { return (react_1.default.createElement(result_1.ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             react_1.default.createElement(addItem_1.default, { name: "Tipo de Ocorr\u00EAncia", value: pendencia.ocorrencia }),

package/lib/cjs/components/score/scoreService.js

@@ -56,7 +56,7 @@ var ConsultaScore = function (_a) {
         var _a;
         (_a = scoreRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
     }, [consultaRefinRealizada]);
-    return consultaRefinRealizada ? (react_1.default.createElement(react_1.default.Fragment, null,
+    return consultaRefinRealizada ? (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, { innerRef: scoreRef, title: "Score Boa Vista", subtitle: "Consulta de Score", variant: isLoading ? 'loading' : error ? 'error' : 'default', description: react_1.default.createElement(statusMessage_1.default, { type: error ? 'error' : scoreData ? 'success' : 'default' }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: scoreBoaVista_1.default }),
         react_1.default.createElement(result_1.Result, null, scoreData && (react_1.default.createElement(result_1.ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             react_1.default.createElement(addItem_1.default, { name: "Score", value: String(scoreData.score) }),

package/lib/cjs/components/scr/scr.js

@@ -87,7 +87,7 @@ function ConsultaSCR(_a) {
 }
 var ResumoDoCliente = function (_a) {
     var scr = _a.scr, scrRef = _a.scrRef, isLoading = _a.isLoading, error = _a.error;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, { innerRef: scrRef, title: 'SCR', variant: isLoading ? 'loading' : error ? 'error' : 'default', subtitle: 'Resumo do Cliente', description: error ? react_1.default.createElement(statusMessage_1.default, { type: "error" }, error.message) : null, icon: scr_1.default }),
         scr && !isLoading && (react_1.default.createElement(result_1.Result, null,
             react_1.default.createElement(result_1.ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
@@ -99,7 +99,7 @@ var ResumoDoCliente = function (_a) {
 var FluxosDeVencimentosConsolidados = function (_a) {
     var _b;
     var scr = _a.scr, isLoading = _a.isLoading, error = _a.error;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, { title: 'SCR', subtitle: 'Fluxo De Vencimentos Consolidados', variant: isLoading ? 'loading' : error ? 'error' : 'default', icon: scr_1.default }),
         scr && !isLoading && (react_1.default.createElement(result_1.Result, null,
             react_1.default.createElement(result_1.ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
@@ -118,7 +118,7 @@ var FluxosDeVencimentosConsolidados = function (_a) {
 };
 var ResumoList = function (_a) {
     var isLoading = _a.isLoading, className = _a.className, error = _a.error, resumos = _a.resumos, props = __rest(_a, ["isLoading", "className", "error", "resumos"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, __assign({}, props, { variant: isLoading ? 'loading' : error ? 'error' : 'default', icon: scr_1.default })),
         !isLoading && (react_1.default.createElement(result_1.Result, null,
             react_1.default.createElement(result_1.ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" }, resumos.map(function (_a, key) {
@@ -129,7 +129,7 @@ var ResumoList = function (_a) {
 var ResumoModalidades = function (_a) {
     var scr = _a.scr, isLoading = _a.isLoading, error = _a.error;
     var resumoModalidades = scr && (0, getResumoDeModalidades_1.default)(scr) || [];
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, { title: "SCR", subtitle: "Modalidade x Data Base", variant: isLoading ? 'loading' : error ? 'error' : 'default', icon: scr_1.default }),
         !isLoading && (react_1.default.createElement(result_1.Result, null, resumoModalidades.map(function (resumo, key) { return (react_1.default.createElement(result_1.ResultContent, { key: key, desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             react_1.default.createElement(addItem_1.default, { name: "Modalidade", value: resumo.modalidade }),

package/lib/cjs/components/veiculos/veiculos.js

@@ -69,7 +69,7 @@ function Veiculos(_a) {
     if (!((_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _d === void 0 ? void 0 : _d.consultaRealizada))
         return null;
     var description = registros.length ? registros.length > 1 ? "Foram encontrados ".concat(registros.length, " ve\u00EDculos registrados no CPF/CNPJ") : 'Foi encontrato 1 veículo registrado no CPF/CNPJ' : 'Nenhum veículo encontrado';
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         react_1.default.createElement(header_1.default, { innerRef: veiculosRef, title: 'Ve\u00EDculos Registrados no CPF/CNPJ', subtitle: 'Informa\u00E7\u00F5es de Ve\u00EDculos Registrados no CPF/CNPJ', variant: isLoading ? 'loading' : error ? 'error' : 'default', description: react_1.default.createElement(statusMessage_1.default, { type: error ? 'error' : registros.length ? 'success' : 'default' }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: veiculos_1.default }),
         react_1.default.createElement(result_1.Result, null, registros.map(function (registro, i) { return (react_1.default.createElement(result_1.ResultContent, { key: i, desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             react_1.default.createElement(addItem_1.default, { name: 'Placa', value: xpath_1.default.getField('placa', registro) }),

package/lib/cjs/components/webservice.js

@@ -217,7 +217,7 @@ exports.Queries = {
 var Section = function (_a) {
     var onSuccess = _a.onSuccess, _b = _a.isError, isError = _b === void 0 ? function (err) { return ({
         children: react_1.default.createElement(react_1.default.Fragment, null),
-        description: react_1.default.createElement(statusMessage_1.default, { type: "error" }, err.message)
+        description: react_1.default.createElement(statusMessage_1.default, { type: "warning" }, err.message)
     }); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return react_1.default.createElement(react_1.default.Fragment, null); } : _c, ctx = _a.ctx, children = _a.children, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, _e = _a.minimized, minimized = _e === void 0 ? true : _e, headerProps = __rest(_a, ["onSuccess", "isError", "onLoading", "ctx", "children", "className", "hideHeader", "minimized"]);
     var _f = (0, useToggle_1.default)(!minimized), isOpen = _f[0], toggleOpen = _f[1];
     if (!ctx)
@@ -238,7 +238,7 @@ var Section = function (_a) {
     var defaultHeaderActions = (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(btnWrapper_1.default, { hidden: (ctx === null || ctx === void 0 ? void 0 : ctx.type) === RequestStatus.Loading, onClick: toggleOpen }, isOpen ? react_1.default.createElement(chevronUp_1.default, null) : react_1.default.createElement(chevronDown_1.default, null))));
     if (react_1.default.isValidElement(renderedResponse)) {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
+        return (react_1.default.createElement("div", null,
             !hideHeader && (react_1.default.createElement(header_1.default, __assign({}, headerProps, { className: (0, classnames_1.default)(className, exports.headerStatus[ctx.type]), hidden: hideHeader, variant: ctx.type === RequestStatus.Loading ? 'loading' : headerProps.variant, actions: (react_1.default.createElement(react_1.default.Fragment, null,
                     headerProps.actions,
                     defaultHeaderActions)) }))),
@@ -246,7 +246,7 @@ var Section = function (_a) {
     }
     var _g = renderedResponse, renderedChildren = _g.children, headerReplaceProps = __rest(_g, ["children"]);
     var headerPropsUnified = Object.assign(headerProps, headerReplaceProps);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", null,
         !hideHeader && (react_1.default.createElement(header_1.default, __assign({}, headerPropsUnified, { className: (0, classnames_1.default)(className, exports.headerStatus[ctx.type], headerPropsUnified.className), variant: ctx.type === RequestStatus.Loading ? 'loading' : headerPropsUnified.variant, actions: (react_1.default.createElement(react_1.default.Fragment, null,
                 headerPropsUnified.actions,
                 renderedChildren && defaultHeaderActions)) }))),