fix(dialog): hide header if title is empty

Author: assisrafael

demo/DialogExamples.jsx

@@ -25,6 +25,22 @@ export function DialogExamples() {
           </a>
         </Dialog>
       </div>
+      <div className="col-6">
+        <h1 className="h4">No header Dialog</h1>
+        <Dialog
+          body={
+            <div>
+              Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quibusdam sequi vero sapiente delectus error
+              sunt, a eveniet nobis est ex magni nesciunt magnam. Eaque eius hic eligendi dolorum ut quas?
+            </div>
+          }
+          keyboard={false}
+        >
+          <a href="" className="btn btn-primary">
+            No header Dialog
+          </a>
+        </Dialog>
+      </div>
       <div className="col-6">
         <h1 className="h4 mt-3">Scrolling long content Dialog</h1>
         <Dialog

demo/demo.jsx

@@ -22,7 +22,7 @@ ReactDOM.render(
       <StatefulTabs
         vertical={true}
         onlyRenderActiveTab={true}
-        initialTab={7}
+        initialTab={0}
         tabs={[
           {
             title: 'Dialog',

src/dialog/Modal.jsx

@@ -78,14 +78,16 @@ export function Modal({
         onClick={stopPropagation}
       >
         <div className="modal-content">
-          <div className="modal-header">
-            <h5 className="modal-title">{title}</h5>
-            {useTimesClose && (
-              <button type="button" className="close" onClick={closeAndHide} aria-label="Close">
-                <span aria-hidden="true">&times;</span>
-              </button>
-            )}
-          </div>
+          {title && (
+            <div className="modal-header">
+              <h5 className="modal-title">{title}</h5>
+              {useTimesClose && (
+                <button type="button" className="close" onClick={closeAndHide} aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+              )}
+            </div>
+          )}
           <div className="modal-body">{renderObjectOrFunction(body, { close: closeAndHide })}</div>
           {footer && <div className="modal-footer">{renderObjectOrFunction(footer, { close: closeAndHide })}</div>}
         </div>