@arc-ui/components 10.0.3 → 10.1.0
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/dist/index.js
CHANGED
|
@@ -1941,7 +1941,7 @@ var Provider = Context.Provider;
|
|
|
1941
1941
|
*/
|
|
1942
1942
|
var SiteHeader = function (_a) {
|
|
1943
1943
|
var _b;
|
|
1944
|
-
var children = _a.children, basket = _a.basket, _c = _a.hasLogin, hasLogin = _c === void 0 ? true : _c, _d = _a.isTransparent, isTransparent = _d === void 0 ? false : _d, _e = _a.loginHref, loginHref = _e === void 0 ? "/login" : _e, _f = _a.loginTitle, loginTitle = _f === void 0 ? "Log in / Register" : _f, _g = _a.logoHref, logoHref = _g === void 0 ? "/" : _g, _h = _a.logoLabel, logoLabel = _h === void 0 ? "Home" : _h, search = _a.search, subBrand = _a.subBrand, props = __rest(_a, ["children", "basket", "hasLogin", "isTransparent", "loginHref", "loginTitle", "logoHref", "logoLabel", "search", "subBrand"]);
|
|
1944
|
+
var children = _a.children, basket = _a.basket, _c = _a.hasLogin, hasLogin = _c === void 0 ? true : _c, _d = _a.isTransparent, isTransparent = _d === void 0 ? false : _d, _e = _a.loginHref, loginHref = _e === void 0 ? "/login" : _e, loginOnClick = _a.loginOnClick, _f = _a.loginTitle, loginTitle = _f === void 0 ? "Log in / Register" : _f, _g = _a.logoHref, logoHref = _g === void 0 ? "/" : _g, _h = _a.logoLabel, logoLabel = _h === void 0 ? "Home" : _h, search = _a.search, subBrand = _a.subBrand, props = __rest(_a, ["children", "basket", "hasLogin", "isTransparent", "loginHref", "loginOnClick", "loginTitle", "logoHref", "logoLabel", "search", "subBrand"]);
|
|
1945
1945
|
var _j = React.useState(false), hasClientSideJavaScript = _j[0], setHasClientSideJavaScript = _j[1];
|
|
1946
1946
|
var _k = React.useState(false), menuOpen = _k[0], setMenuOpen = _k[1];
|
|
1947
1947
|
var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcBreakpointL, "px)"));
|
|
@@ -1998,12 +1998,13 @@ var SiteHeader = function (_a) {
|
|
|
1998
1998
|
React__default["default"].createElement(MenuButton, { menuOpen: menuOpen, setMenuOpen: setMenuOpen })),
|
|
1999
1999
|
React__default["default"].createElement("div", { className: "arc-SiteHeader-main" },
|
|
2000
2000
|
React__default["default"].createElement("ul", { className: "arc-SiteHeader-navItems" }, children),
|
|
2001
|
-
hasLogin && (React__default["default"].createElement("div", { className: "arc-SiteHeader-loginButton" },
|
|
2002
|
-
React__default["default"].createElement(Button, {
|
|
2001
|
+
hasLogin && (React__default["default"].createElement(React__default["default"].Fragment, null, loginOnClick ? (React__default["default"].createElement("div", { className: "arc-SiteHeader-loginButton" },
|
|
2002
|
+
React__default["default"].createElement(Button, { onClick: loginOnClick, isFullWidth: true, label: loginTitle }))) : (React__default["default"].createElement("div", { className: "arc-SiteHeader-loginButton" },
|
|
2003
|
+
React__default["default"].createElement(Button, { href: loginHref, isFullWidth: true, label: loginTitle })))))))),
|
|
2003
2004
|
(basket || hasLogin || search) && (React__default["default"].createElement("div", { className: "arc-SiteHeader-secondary" },
|
|
2004
2005
|
search ? (React__default["default"].createElement("div", { className: "arc-SiteHeader-search" }, search)) : null,
|
|
2005
2006
|
basket ? (React__default["default"].createElement("div", { className: "arc-SiteHeader-basket" }, basket)) : null,
|
|
2006
|
-
hasLogin && (React__default["default"].createElement("a", { className: "arc-SiteHeader-loginLink", href: loginHref }, loginTitle)))))))));
|
|
2007
|
+
hasLogin && (React__default["default"].createElement(React__default["default"].Fragment, null, loginOnClick ? (React__default["default"].createElement("div", { className: "arc-SiteHeader-loginLink arc-SiteHeader-loginLink--function", onClick: loginOnClick }, loginTitle)) : (React__default["default"].createElement("a", { className: "arc-SiteHeader-loginLink", href: loginHref }, loginTitle)))))))))));
|
|
2007
2008
|
};
|
|
2008
2009
|
Column.displayName = "SiteHeader.Column";
|
|
2009
2010
|
Item.displayName = "SiteHeader.Item";
|