Change prop type of sidebarTitle

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## Master
 
+- Change the `sidebarTitle` prop type in the `PageLayout` component from string to string or node. ([#43](https://github.com/mapbox/dr-ui/pull/43))
 - Add `lightText` prop for styling the `ProductMenu` popover trigger on dark backgrounds. ([#52](https://github.com/mapbox/dr-ui/pull/52))
 - Update Mapbox Studio link in product menu items data file from /help/studio-manual/ to /studio-manual/. ([#50](https://github.com/mapbox/dr-ui/pull/50))
 - Add the option to make an item active in `SectionedNavigtion`. Note: This should be used to indicate which example you're currently viewing when displaying `SectionedNavigation` on individual examples pages. ([#45](https://github.com/mapbox/dr-ui/pull/45))

src/components/page-layout/__tests__/page-layout-test-cases.js

@@ -8,6 +8,7 @@ testCases.commonUseCase = {
   description: 'Common use case',
   component: PageLayout,
   props: {
+    sidebarTitle: <div className="ml36">Section title</div>,
     sidebarContent: (
       <NavigationAccordion
         currentPath="page-one"
@@ -33,6 +34,7 @@ testCases.commonUseCase = {
             }
           ]
         }}
+        onDropdownChange={() => {}}
       />
     ),
     children: (

src/components/page-layout/page-layout.js

@@ -84,7 +84,7 @@ class PageLayout extends React.Component {
 
 PageLayout.propTypes = {
   sidebarContent: PropTypes.node.isRequired,
-  sidebarTitle: PropTypes.string,
+  sidebarTitle: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
   sidebarTheme: PropTypes.string,
   sidebarContentStickyTop: PropTypes.number.isRequired,
   sidebarContentStickyTopNarrow: PropTypes.number.isRequired,