@unicef/material-ui 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/prod.cjs +8 -3
- package/lib/prod.cjs.map +1 -1
- package/lib/prod.js +8 -3
- package/lib/prod.js.map +1 -1
- package/package.json +1 -1
package/lib/prod.cjs
CHANGED
|
@@ -6712,7 +6712,7 @@ var classes$e = {
|
|
|
6712
6712
|
};
|
|
6713
6713
|
var StyledAppBar = styled$1(material.AppBar, {
|
|
6714
6714
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
6715
|
-
return !['bgColor', 'showHamburgerMenu', 'hideLogo', 'hideLogoBorderLine', 'openDrawer', 'toggleDrawer', 'logo', 'applicationName', 'logoUrl', 'onLogoClick', 'ariaHamburgerMenuLabel'].includes(prop);
|
|
6715
|
+
return !['bgColor', 'showHamburgerMenu', 'hideLogo', 'hideLogoBorderLine', 'openDrawer', 'toggleDrawer', 'logo', 'secondaryLogo', 'applicationName', 'logoUrl', 'onLogoClick', 'ariaHamburgerMenuLabel'].includes(prop);
|
|
6716
6716
|
}
|
|
6717
6717
|
})(function (_ref) {
|
|
6718
6718
|
var theme = _ref.theme,
|
|
@@ -6725,7 +6725,9 @@ var StyledAppBar = styled$1(material.AppBar, {
|
|
|
6725
6725
|
flexGrow: 1,
|
|
6726
6726
|
paddingLeft: theme.spacing(2)
|
|
6727
6727
|
}), "& .".concat(classes$e.title), {
|
|
6728
|
-
flexGrow: 1
|
|
6728
|
+
flexGrow: 1,
|
|
6729
|
+
display: 'flex',
|
|
6730
|
+
alignItems: 'center'
|
|
6729
6731
|
}), "& .".concat(classes$e.navRight), {
|
|
6730
6732
|
borderBottomLeftRadius: theme.spacing(4),
|
|
6731
6733
|
borderTopLeftRadius: theme.spacing(4),
|
|
@@ -6759,6 +6761,7 @@ function UHeader(props) {
|
|
|
6759
6761
|
_props$hideLogo = props.hideLogo,
|
|
6760
6762
|
hideLogo = _props$hideLogo === void 0 ? false : _props$hideLogo,
|
|
6761
6763
|
logo = props.logo,
|
|
6764
|
+
secondaryLogo = props.secondaryLogo,
|
|
6762
6765
|
_props$hideLogoBorder = props.hideLogoBorderLine,
|
|
6763
6766
|
hideLogoBorderLine = _props$hideLogoBorder === void 0 ? true : _props$hideLogoBorder,
|
|
6764
6767
|
_props$logoUrl = props.logoUrl,
|
|
@@ -6844,7 +6847,7 @@ function UHeader(props) {
|
|
|
6844
6847
|
})))) || '', /*#__PURE__*/React__namespace.default.createElement(material.Typography, {
|
|
6845
6848
|
variant: "h6",
|
|
6846
6849
|
className: classes$e.title
|
|
6847
|
-
}, /*#__PURE__*/React__namespace.default.createElement(material.Link, {
|
|
6850
|
+
}, secondaryLogo ? secondaryLogo : /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null), /*#__PURE__*/React__namespace.default.createElement(material.Link, {
|
|
6848
6851
|
color: "inherit",
|
|
6849
6852
|
underline: "none",
|
|
6850
6853
|
onClick: function onClick(e) {
|
|
@@ -6888,6 +6891,8 @@ UHeader.propTypes = {
|
|
|
6888
6891
|
logoUrl: PropTypes__default.default.string,
|
|
6889
6892
|
/** To show new logo or image */
|
|
6890
6893
|
logo: PropTypes__default.default.element,
|
|
6894
|
+
/** To show secondary logo or image */
|
|
6895
|
+
secondaryLogo: PropTypes__default.default.element,
|
|
6891
6896
|
/** It is the separator line between application name and logo with white border. */
|
|
6892
6897
|
hideLogoBorderLine: PropTypes__default.default.bool,
|
|
6893
6898
|
/** Calls back when there is a click on Logo as well as app name and prevents the url to push to home*/
|