@npm_leadtech/legal-contracts-ui 0.48.6 → 0.48.7
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/components/Header.d.ts +1 -3
- package/dist/components/Header.js +34 -36
- package/package.json +1 -1
|
@@ -18,9 +18,7 @@ export declare interface HeaderProps {
|
|
|
18
18
|
seeAll: ReactNode;
|
|
19
19
|
searchBarProps: SearchBarProps;
|
|
20
20
|
languageSelectorProps?: LanguageSelectorProps;
|
|
21
|
-
|
|
22
|
-
notLoggedInActions: ReactNode;
|
|
23
|
-
loggedInActions: ReactNode;
|
|
21
|
+
userActions: ReactNode;
|
|
24
22
|
isMobileMenuOpen?: boolean;
|
|
25
23
|
onOpenMobileMenu?: () => void;
|
|
26
24
|
onCloseMobileMenu?: () => void;
|
|
@@ -1,64 +1,62 @@
|
|
|
1
|
-
import { jsxs as l, Fragment as
|
|
1
|
+
import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { NavMenu as
|
|
4
|
-
import { SearchBar as
|
|
5
|
-
import { LanguageSelector as
|
|
6
|
-
import { HamburgerIcon as
|
|
7
|
-
import { PhoneTalkIcon as
|
|
8
|
-
import { CloseIcon as
|
|
9
|
-
const
|
|
3
|
+
import { NavMenu as b } from "./NavMenu.js";
|
|
4
|
+
import { SearchBar as f } from "./SearchBar.js";
|
|
5
|
+
import { LanguageSelector as y } from "./LanguageSelector.js";
|
|
6
|
+
import { HamburgerIcon as v } from "./HamburgerIcon.js";
|
|
7
|
+
import { PhoneTalkIcon as g } from "./PhoneTalkIcon.js";
|
|
8
|
+
import { CloseIcon as j } from "./CloseIcon.js";
|
|
9
|
+
const S = ({
|
|
10
10
|
logo: i,
|
|
11
|
-
navMenu:
|
|
12
|
-
seeAll:
|
|
11
|
+
navMenu: h,
|
|
12
|
+
seeAll: p,
|
|
13
13
|
searchBarProps: c,
|
|
14
14
|
languageSelectorProps: s,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
onCloseMobileMenu: h,
|
|
21
|
-
mobileMenuSections: N = [],
|
|
15
|
+
userActions: n,
|
|
16
|
+
isMobileMenuOpen: m,
|
|
17
|
+
onOpenMobileMenu: x,
|
|
18
|
+
onCloseMobileMenu: d,
|
|
19
|
+
mobileMenuSections: u = [],
|
|
22
20
|
mobileContactInfo: a
|
|
23
|
-
}) => /* @__PURE__ */ l(
|
|
21
|
+
}) => /* @__PURE__ */ l(N, { children: [
|
|
24
22
|
/* @__PURE__ */ e("header", { className: "bg-primary-50", children: /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
|
|
25
23
|
/* @__PURE__ */ l("div", { className: "flex flex-1 items-center gap-8", children: [
|
|
26
24
|
i,
|
|
27
|
-
/* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e(
|
|
25
|
+
/* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e(b, { ...h }) })
|
|
28
26
|
] }),
|
|
29
27
|
/* @__PURE__ */ l("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex", children: [
|
|
30
|
-
/* @__PURE__ */ e(
|
|
31
|
-
/* @__PURE__ */ e("div", { className: "hidden xl:block", children: s && /* @__PURE__ */ e(
|
|
32
|
-
|
|
28
|
+
/* @__PURE__ */ e(f, { ...c }),
|
|
29
|
+
/* @__PURE__ */ e("div", { className: "hidden xl:block", children: s && /* @__PURE__ */ e(y, { ...s }) }),
|
|
30
|
+
n
|
|
33
31
|
] }),
|
|
34
32
|
/* @__PURE__ */ e(
|
|
35
33
|
"button",
|
|
36
34
|
{
|
|
37
35
|
className: "flex cursor-pointer items-center justify-center p-2 lg:hidden",
|
|
38
|
-
onClick:
|
|
36
|
+
onClick: x,
|
|
39
37
|
"aria-label": "Open menu",
|
|
40
|
-
"aria-expanded":
|
|
41
|
-
children: /* @__PURE__ */ e(
|
|
38
|
+
"aria-expanded": m,
|
|
39
|
+
children: /* @__PURE__ */ e(v, {})
|
|
42
40
|
}
|
|
43
41
|
)
|
|
44
42
|
] }) }),
|
|
45
|
-
|
|
43
|
+
m && /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white lg:hidden", children: [
|
|
46
44
|
/* @__PURE__ */ l("div", { className: "flex items-center justify-between px-4 py-4", children: [
|
|
47
45
|
i,
|
|
48
46
|
/* @__PURE__ */ e(
|
|
49
47
|
"button",
|
|
50
48
|
{
|
|
51
49
|
className: "flex cursor-pointer items-center justify-center p-2",
|
|
52
|
-
onClick:
|
|
50
|
+
onClick: d,
|
|
53
51
|
"aria-label": "Close menu",
|
|
54
|
-
children: /* @__PURE__ */ e(
|
|
52
|
+
children: /* @__PURE__ */ e(j, {})
|
|
55
53
|
}
|
|
56
54
|
)
|
|
57
55
|
] }),
|
|
58
56
|
/* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
|
|
59
|
-
/* @__PURE__ */ e("div", { className: "mb-6 flex items-center justify-center gap-8", children:
|
|
60
|
-
/* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(
|
|
61
|
-
/* @__PURE__ */ e("nav", { className: "flex-1", children:
|
|
57
|
+
/* @__PURE__ */ e("div", { className: "mb-6 flex items-center justify-center gap-8", children: n }),
|
|
58
|
+
/* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(f, { ...c }) }),
|
|
59
|
+
/* @__PURE__ */ e("nav", { className: "flex-1", children: u.map((r, o) => /* @__PURE__ */ l(
|
|
62
60
|
"div",
|
|
63
61
|
{
|
|
64
62
|
className: `py-4 ${r.icon == null && r.title ? "border-t border-b border-neutral-200" : ""}`,
|
|
@@ -73,7 +71,7 @@ const A = ({
|
|
|
73
71
|
{
|
|
74
72
|
href: t.href ?? "#",
|
|
75
73
|
className: "hover:text-primary-700 text-base transition-colors",
|
|
76
|
-
onClick:
|
|
74
|
+
onClick: d,
|
|
77
75
|
children: t.label
|
|
78
76
|
}
|
|
79
77
|
) }, t.label)) }),
|
|
@@ -81,9 +79,9 @@ const A = ({
|
|
|
81
79
|
] })
|
|
82
80
|
]
|
|
83
81
|
},
|
|
84
|
-
r.title ??
|
|
82
|
+
r.title ?? o
|
|
85
83
|
)) }),
|
|
86
|
-
/* @__PURE__ */ e("div", { className: "my-4 flex items-center justify-center", children:
|
|
84
|
+
/* @__PURE__ */ e("div", { className: "my-4 flex items-center justify-center", children: p }),
|
|
87
85
|
a && /* @__PURE__ */ l("div", { className: "mt-auto flex flex-col items-center justify-center border-t border-neutral-100 p-6", children: [
|
|
88
86
|
/* @__PURE__ */ l(
|
|
89
87
|
"a",
|
|
@@ -91,7 +89,7 @@ const A = ({
|
|
|
91
89
|
href: `tel:${a.phoneNumber.replaceAll(" ", "")}`,
|
|
92
90
|
className: "bg-primary-700 flex w-full items-center justify-center gap-2 rounded-md p-3 text-base font-semibold text-white",
|
|
93
91
|
children: [
|
|
94
|
-
/* @__PURE__ */ e(
|
|
92
|
+
/* @__PURE__ */ e(g, { fill: "#ffff" }),
|
|
95
93
|
a.phoneNumber
|
|
96
94
|
]
|
|
97
95
|
}
|
|
@@ -108,5 +106,5 @@ const A = ({
|
|
|
108
106
|
] })
|
|
109
107
|
] });
|
|
110
108
|
export {
|
|
111
|
-
|
|
109
|
+
S as Header
|
|
112
110
|
};
|