@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.es.js
CHANGED
|
@@ -1933,7 +1933,7 @@ var Provider = Context.Provider;
|
|
|
1933
1933
|
*/
|
|
1934
1934
|
var SiteHeader = function (_a) {
|
|
1935
1935
|
var _b;
|
|
1936
|
-
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"]);
|
|
1936
|
+
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"]);
|
|
1937
1937
|
var _j = useState(false), hasClientSideJavaScript = _j[0], setHasClientSideJavaScript = _j[1];
|
|
1938
1938
|
var _k = useState(false), menuOpen = _k[0], setMenuOpen = _k[1];
|
|
1939
1939
|
var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcBreakpointL, "px)"));
|
|
@@ -1990,12 +1990,13 @@ var SiteHeader = function (_a) {
|
|
|
1990
1990
|
React.createElement(MenuButton, { menuOpen: menuOpen, setMenuOpen: setMenuOpen })),
|
|
1991
1991
|
React.createElement("div", { className: "arc-SiteHeader-main" },
|
|
1992
1992
|
React.createElement("ul", { className: "arc-SiteHeader-navItems" }, children),
|
|
1993
|
-
hasLogin && (React.createElement("div", { className: "arc-SiteHeader-loginButton" },
|
|
1994
|
-
React.createElement(Button, {
|
|
1993
|
+
hasLogin && (React.createElement(React.Fragment, null, loginOnClick ? (React.createElement("div", { className: "arc-SiteHeader-loginButton" },
|
|
1994
|
+
React.createElement(Button, { onClick: loginOnClick, isFullWidth: true, label: loginTitle }))) : (React.createElement("div", { className: "arc-SiteHeader-loginButton" },
|
|
1995
|
+
React.createElement(Button, { href: loginHref, isFullWidth: true, label: loginTitle })))))))),
|
|
1995
1996
|
(basket || hasLogin || search) && (React.createElement("div", { className: "arc-SiteHeader-secondary" },
|
|
1996
1997
|
search ? (React.createElement("div", { className: "arc-SiteHeader-search" }, search)) : null,
|
|
1997
1998
|
basket ? (React.createElement("div", { className: "arc-SiteHeader-basket" }, basket)) : null,
|
|
1998
|
-
hasLogin && (React.createElement("a", { className: "arc-SiteHeader-loginLink", href: loginHref }, loginTitle)))))))));
|
|
1999
|
+
hasLogin && (React.createElement(React.Fragment, null, loginOnClick ? (React.createElement("div", { className: "arc-SiteHeader-loginLink arc-SiteHeader-loginLink--function", onClick: loginOnClick }, loginTitle)) : (React.createElement("a", { className: "arc-SiteHeader-loginLink", href: loginHref }, loginTitle)))))))))));
|
|
1999
2000
|
};
|
|
2000
2001
|
Column.displayName = "SiteHeader.Column";
|
|
2001
2002
|
Item.displayName = "SiteHeader.Item";
|