trimble-terra 1.1.15 → 1.1.17
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/src/component/FlyoutCartComponent/FlyoutCartComponent.js +29 -29
- package/dist/src/navigation/SiteNav/SiteNav.d.ts +2 -0
- package/dist/src/navigation/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/SiteNav.js +107 -104
- package/dist/src/navigation/SiteNav/SiteNavMobile.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/SiteNavMobile.js +23 -21
- package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts +3 -2
- package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.js +75 -75
- package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.js +29 -28
- package/package.json +2 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as s, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as E, useState as g, useEffect as j } from "react";
|
|
3
|
-
import { QuantityTracker as
|
|
3
|
+
import { QuantityTracker as q } from "../QuantityTracker/QuantityTracker.js";
|
|
4
4
|
import { ErrorMessage as w } from "../QuantityTracker/ErrorMessage.js";
|
|
5
|
-
import { TerraLink as
|
|
6
|
-
import
|
|
5
|
+
import { TerraLink as K } from "../TerraLink/TerraLink.js";
|
|
6
|
+
import k from "../ProductDetail/PromoCodeBadge/PromoCodeBadge.js";
|
|
7
7
|
import './FlyoutCartComponent.css';/* empty css */
|
|
8
8
|
const O = {
|
|
9
9
|
removeBtnLabel: "Remove",
|
|
@@ -22,38 +22,38 @@ function X({
|
|
|
22
22
|
discountCode: M,
|
|
23
23
|
duration: v,
|
|
24
24
|
isMaxThresholdError: x = !1,
|
|
25
|
-
link:
|
|
25
|
+
link: _,
|
|
26
26
|
labels: T,
|
|
27
|
-
settings:
|
|
27
|
+
settings: u = { ...O },
|
|
28
28
|
isLoading: H = !1,
|
|
29
|
-
onChangeQuantity:
|
|
29
|
+
onChangeQuantity: d = () => {
|
|
30
30
|
},
|
|
31
31
|
onRemove: Q = () => {
|
|
32
32
|
},
|
|
33
33
|
LinkComponent: D
|
|
34
34
|
}) {
|
|
35
|
-
const p = E(null), [r, c] = g(i), [
|
|
35
|
+
const p = E(null), [r, c] = g(i), [f, h] = g(null);
|
|
36
36
|
j(() => {
|
|
37
37
|
typeof i == "number" && c(i);
|
|
38
38
|
}, [i]);
|
|
39
|
-
const
|
|
39
|
+
const L = () => {
|
|
40
40
|
if (typeof r != "number") return;
|
|
41
|
-
|
|
41
|
+
f && clearTimeout(f);
|
|
42
42
|
const e = r - 1;
|
|
43
43
|
c(e);
|
|
44
44
|
const o = setTimeout(() => {
|
|
45
|
-
|
|
45
|
+
d(l, n, a, e), h(null);
|
|
46
46
|
}, 1e3);
|
|
47
|
-
|
|
48
|
-
},
|
|
47
|
+
h(o);
|
|
48
|
+
}, I = () => {
|
|
49
49
|
if (typeof r != "number") return;
|
|
50
|
-
|
|
50
|
+
f && clearTimeout(f);
|
|
51
51
|
const e = r + 1;
|
|
52
52
|
c(e);
|
|
53
53
|
const o = setTimeout(() => {
|
|
54
|
-
|
|
54
|
+
d(l, n, a, e), h(null);
|
|
55
55
|
}, 1e3);
|
|
56
|
-
|
|
56
|
+
h(o);
|
|
57
57
|
}, V = (e) => {
|
|
58
58
|
if (e.currentTarget.value === "") {
|
|
59
59
|
c(0);
|
|
@@ -66,12 +66,12 @@ function X({
|
|
|
66
66
|
}, F = () => {
|
|
67
67
|
if (typeof r == "number") {
|
|
68
68
|
if (r < 0) return;
|
|
69
|
-
|
|
69
|
+
d(l, n, a, r);
|
|
70
70
|
} else
|
|
71
|
-
c(1),
|
|
71
|
+
c(1), d(l, n, a, 1);
|
|
72
72
|
}, S = (e) => {
|
|
73
73
|
e.key === "Enter" && p ? p?.current?.blur() : e.key.toLowerCase() === "e" && e.preventDefault();
|
|
74
|
-
}, { removeBtnLabel: R = "Remove" } =
|
|
74
|
+
}, { removeBtnLabel: R = "Remove" } = u, N = typeof i == "number", Z = new Intl.NumberFormat(void 0, {
|
|
75
75
|
style: "currency",
|
|
76
76
|
currency: m?.currencyCode || "USD",
|
|
77
77
|
currencyDisplay: "narrowSymbol"
|
|
@@ -104,7 +104,7 @@ function X({
|
|
|
104
104
|
v && /* @__PURE__ */ t("span", { className: "ter-cart-item__duration", children: v })
|
|
105
105
|
] }),
|
|
106
106
|
b && /* @__PURE__ */ t(
|
|
107
|
-
|
|
107
|
+
k,
|
|
108
108
|
{
|
|
109
109
|
discount: b,
|
|
110
110
|
discountCode: M,
|
|
@@ -112,9 +112,9 @@ function X({
|
|
|
112
112
|
}
|
|
113
113
|
),
|
|
114
114
|
N && /* @__PURE__ */ s("div", { className: "ter-cart-item__qty", children: [
|
|
115
|
-
/* @__PURE__ */ t("span", { className: "ter-cart-item__qty__label", children: T?.quantityLabel ?? "Quantity" }),
|
|
115
|
+
/* @__PURE__ */ t("span", { className: "ter-cart-item__qty__label", children: u?.quantityLabel ?? T?.quantityLabel ?? "Quantity" }),
|
|
116
116
|
/* @__PURE__ */ t(
|
|
117
|
-
|
|
117
|
+
q,
|
|
118
118
|
{
|
|
119
119
|
ref: p,
|
|
120
120
|
labelText: "",
|
|
@@ -123,8 +123,8 @@ function X({
|
|
|
123
123
|
disabled: H,
|
|
124
124
|
hasDeleteOption: !0,
|
|
125
125
|
handleBlur: F,
|
|
126
|
-
handleDecreaseQuantity:
|
|
127
|
-
handleIncreaseQuantity:
|
|
126
|
+
handleDecreaseQuantity: L,
|
|
127
|
+
handleIncreaseQuantity: I,
|
|
128
128
|
handleChangeQuantity: V,
|
|
129
129
|
handleKeyDown: S
|
|
130
130
|
}
|
|
@@ -157,13 +157,13 @@ function X({
|
|
|
157
157
|
]
|
|
158
158
|
}
|
|
159
159
|
),
|
|
160
|
-
Number(r) < 0 && /* @__PURE__ */ t(w, { errorMessage:
|
|
161
|
-
x && /* @__PURE__ */ t(w, { errorMessage:
|
|
162
|
-
|
|
163
|
-
|
|
160
|
+
Number(r) < 0 && /* @__PURE__ */ t(w, { errorMessage: u?.errorMessageForMinQuantity }),
|
|
161
|
+
x && /* @__PURE__ */ t(w, { errorMessage: u?.errorMessageForMaxQuantity }),
|
|
162
|
+
_ && /* @__PURE__ */ t("div", { className: "ter-cart-item__link-wrapper", children: /* @__PURE__ */ t(
|
|
163
|
+
K,
|
|
164
164
|
{
|
|
165
|
-
label:
|
|
166
|
-
destination:
|
|
165
|
+
label: _.text,
|
|
166
|
+
destination: _.url,
|
|
167
167
|
linkType: "text",
|
|
168
168
|
className: "ter-cart-item__link",
|
|
169
169
|
LinkComponent: D
|
|
@@ -36,6 +36,7 @@ interface LanguageSelectorData {
|
|
|
36
36
|
}>;
|
|
37
37
|
currentLangCode?: string;
|
|
38
38
|
currentPath?: string;
|
|
39
|
+
onLanguageChange?: (url: string) => void;
|
|
39
40
|
}
|
|
40
41
|
interface Currency {
|
|
41
42
|
currency: string;
|
|
@@ -164,6 +165,7 @@ interface UtilityNavMenu {
|
|
|
164
165
|
handleSectorFlyoutDeployed?: (val?: boolean) => void;
|
|
165
166
|
disableFlyout?: boolean;
|
|
166
167
|
disableLanguageRegion?: boolean;
|
|
168
|
+
onLanguageChange?: (language: string) => void;
|
|
167
169
|
}
|
|
168
170
|
interface MainNavMenu {
|
|
169
171
|
navItems: NavItem[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SiteNav.d.ts","sourceRoot":"","sources":["../../../../src/navigation/SiteNav/SiteNav.tsx"],"names":[],"mappings":"AASA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AAExB,UAAU,IAAI;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,OAAO;IACf,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACjD,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACvD,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,GAAG,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,CAAC,EAAE;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,GAAG,CAAC;CACxB;AAED,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC,CAAC;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"SiteNav.d.ts","sourceRoot":"","sources":["../../../../src/navigation/SiteNav/SiteNav.tsx"],"names":[],"mappings":"AASA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AAExB,UAAU,IAAI;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,OAAO;IACf,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACjD,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACvD,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,GAAG,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,CAAC,EAAE;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,GAAG,CAAC;CACxB;AAED,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC,CAAC;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC,CAAC;IACH,GAAG,CAAC,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE;QACL,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;KACxB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC7C,CAAC;IACF,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC7C,CAAC;IACF,cAAc,CAAC,EAAE;QACf,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC7C,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC7C,CAAC;IACF,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC;IAC7D,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,2BAA2B,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,0BAA0B,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,UAAU,WAAW;IACnB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,sBAAsB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,oBAAoB,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,yBAAyB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2BAA2B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,yBAAyB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,yBAAyB,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,4BAA4B,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,GAAI,gFAOrB,YAAY,4CAyTd,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { SiteNavMain as
|
|
4
|
-
import { SiteNavMobile as
|
|
5
|
-
import { TerraLink as
|
|
6
|
-
import { Icon as
|
|
7
|
-
import
|
|
8
|
-
import { SiteNavUtilityNav as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
1
|
+
import { jsxs as p, Fragment as W, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useState as $, useCallback as z, useMemo as G } from "react";
|
|
3
|
+
import { SiteNavMain as K } from "./SiteNavMain.js";
|
|
4
|
+
import { SiteNavMobile as U } from "./SiteNavMobile.js";
|
|
5
|
+
import { TerraLink as q } from "../../component/TerraLink/TerraLink.js";
|
|
6
|
+
import { Icon as J } from "@trimble-creative-strategy/trimble-mxp-icons";
|
|
7
|
+
import X from "../../utils/hooks/useMouse.js";
|
|
8
|
+
import { SiteNavUtilityNav as Y } from "./UtilityNavComponents/SiteNavUtilityNav.js";
|
|
9
|
+
import M from "../../component/FlyoutCart/FlyoutCart.js";
|
|
10
|
+
import N from "./UtilityNavComponents/NavSearchWrapper/NavSearchWrapper.js";
|
|
11
11
|
import './SiteNav.css';import '../../styles/layout.css';/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
|
-
const
|
|
13
|
+
const me = ({
|
|
14
14
|
logo: t,
|
|
15
|
-
logoVariant:
|
|
16
|
-
sectorName:
|
|
15
|
+
logoVariant: u,
|
|
16
|
+
sectorName: S,
|
|
17
17
|
utilityNavMenu: e,
|
|
18
18
|
mainNavMenu: F,
|
|
19
|
-
LinkComponent:
|
|
19
|
+
LinkComponent: C
|
|
20
20
|
}) => {
|
|
21
|
-
const [
|
|
22
|
-
navItems:
|
|
23
|
-
navCta:
|
|
24
|
-
mobileNavOpen:
|
|
25
|
-
setMobileNavOpen:
|
|
26
|
-
currentOpenMegaMenu:
|
|
27
|
-
setCurrentOpenMegaMenu:
|
|
28
|
-
isSubCategoryOpen:
|
|
29
|
-
setIsSubCategoryOpen:
|
|
30
|
-
setCurrentOpenSubCategory:
|
|
31
|
-
currentOpenSubCategory:
|
|
32
|
-
navMinHeight:
|
|
33
|
-
setNavMinHeight:
|
|
34
|
-
handleTopLevelCategoryClick:
|
|
35
|
-
handleOpenNavItem:
|
|
36
|
-
openMegaMenuWithKeys:
|
|
37
|
-
setOpenTopLevelMobileItem:
|
|
38
|
-
openTopLevelMobileItem:
|
|
39
|
-
openSecondLevelMobileItem:
|
|
40
|
-
setOpenSecondLevelMobileItem:
|
|
41
|
-
closeAllMenus:
|
|
42
|
-
} = F,
|
|
43
|
-
(
|
|
21
|
+
const [d, f] = $(!1), g = X(), r = C ? ({ href: l, ...c }) => l ? /* @__PURE__ */ a(C, { href: l, ...c }) : /* @__PURE__ */ a("a", { ...c }) : void 0, {
|
|
22
|
+
navItems: b,
|
|
23
|
+
navCta: s,
|
|
24
|
+
mobileNavOpen: n,
|
|
25
|
+
setMobileNavOpen: _,
|
|
26
|
+
currentOpenMegaMenu: O,
|
|
27
|
+
setCurrentOpenMegaMenu: h,
|
|
28
|
+
isSubCategoryOpen: x,
|
|
29
|
+
setIsSubCategoryOpen: I,
|
|
30
|
+
setCurrentOpenSubCategory: v,
|
|
31
|
+
currentOpenSubCategory: T,
|
|
32
|
+
navMinHeight: H,
|
|
33
|
+
setNavMinHeight: w,
|
|
34
|
+
handleTopLevelCategoryClick: A,
|
|
35
|
+
handleOpenNavItem: P,
|
|
36
|
+
openMegaMenuWithKeys: V,
|
|
37
|
+
setOpenTopLevelMobileItem: k,
|
|
38
|
+
openTopLevelMobileItem: R,
|
|
39
|
+
openSecondLevelMobileItem: Z,
|
|
40
|
+
setOpenSecondLevelMobileItem: y,
|
|
41
|
+
closeAllMenus: j
|
|
42
|
+
} = F, L = z(
|
|
43
|
+
(l) => {
|
|
44
44
|
if (e?.desktopSearchDeployed)
|
|
45
45
|
e?.searchField && e.searchField.length > 0 ? (e?.onSearch?.(), e?.setSearchDeployed?.(!1), e?.setDesktopSearchDeployed?.(!1)) : (e?.setSearchDeployed?.(!1), e?.setDesktopSearchDeployed?.(!1));
|
|
46
|
-
else if (e?.setLanguageSelectorDeployed?.(!1),
|
|
47
|
-
const
|
|
46
|
+
else if (e?.setLanguageSelectorDeployed?.(!1), h(null), e?.setSearchDeployed?.(!0), e?.setDesktopSearchDeployed?.(!0), !g.mouse) {
|
|
47
|
+
const c = l ? "desktop-nav-button" : "mobile-nav-button";
|
|
48
48
|
setTimeout(() => {
|
|
49
|
-
typeof document < "u" && document?.getElementById(
|
|
49
|
+
typeof document < "u" && document?.getElementById(c)?.focus();
|
|
50
50
|
}, 100);
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
|
-
[e,
|
|
54
|
-
), o =
|
|
53
|
+
[e, h, g.mouse]
|
|
54
|
+
), o = G(
|
|
55
55
|
() => e != null && {
|
|
56
56
|
languageSelectorData: {
|
|
57
57
|
labels: e?.languageSelectorData?.labels,
|
|
@@ -60,7 +60,8 @@ const ge = ({
|
|
|
60
60
|
currentPath: e?.languageSelectorData?.currentPath,
|
|
61
61
|
languageSelectorDeployed: e?.languageSelectorDeployed,
|
|
62
62
|
setLanguageSelectorDeployed: e?.setLanguageSelectorDeployed,
|
|
63
|
-
handleLanguageSelectorDeployed: e?.handleLanguageSelectorDeployed
|
|
63
|
+
handleLanguageSelectorDeployed: e?.handleLanguageSelectorDeployed,
|
|
64
|
+
onLanguageChange: e?.languageSelectorData?.onLanguageChange
|
|
64
65
|
},
|
|
65
66
|
cartData: {
|
|
66
67
|
cartData: e?.cartData,
|
|
@@ -68,8 +69,8 @@ const ge = ({
|
|
|
68
69
|
disableCartFlyout: e?.disableCartFlyout,
|
|
69
70
|
isCartFlyoutActive: e?.isCartFlyoutOpen,
|
|
70
71
|
setCartFlyoutActive: e?.onCartFlyoutOpen,
|
|
71
|
-
isCurrencyMenuDeployed:
|
|
72
|
-
setCurrencyMenuDeployed:
|
|
72
|
+
isCurrencyMenuDeployed: d,
|
|
73
|
+
setCurrencyMenuDeployed: f,
|
|
73
74
|
currencies: e?.currencies,
|
|
74
75
|
defaultCurrency: e?.defaultCurrency,
|
|
75
76
|
isCurrencyLocked: e?.isCurrencyLocked,
|
|
@@ -91,17 +92,17 @@ const ge = ({
|
|
|
91
92
|
setDesktopSearchDeployed: e?.setDesktopSearchDeployed,
|
|
92
93
|
searchPlaceholderText: e?.searchPlaceholderText,
|
|
93
94
|
onSearch: e?.onSearch,
|
|
94
|
-
toggleDesktopSearch:
|
|
95
|
+
toggleDesktopSearch: L,
|
|
95
96
|
disableFlyout: e?.disableFlyout,
|
|
96
97
|
disableLanguageRegion: e?.disableLanguageRegion
|
|
97
98
|
},
|
|
98
|
-
[e,
|
|
99
|
-
),
|
|
100
|
-
|
|
99
|
+
[e, d, L]
|
|
100
|
+
), B = () => {
|
|
101
|
+
_(!n), k(null), y(null), e?.setDesktopSearchDeployed?.(!1), o && o?.languageSelectorData && o?.languageSelectorData?.setLanguageSelectorDeployed?.(
|
|
101
102
|
!1
|
|
102
|
-
),
|
|
103
|
-
},
|
|
104
|
-
/* @__PURE__ */ a("div", { className:
|
|
103
|
+
), d && f(!1);
|
|
104
|
+
}, m = u === "Alternative", i = m ? "t2-site-nav-top__logo-holder--alternative" : "t2-site-nav-top__logo-holder", E = m ? "t2-site-nav-top__logo--alternative" : "t2-site-nav-top__logo", Q = m ? "t2-site-nav-top--alternative-logo" : "t2-site-nav-top", D = /* @__PURE__ */ p(W, { children: [
|
|
105
|
+
/* @__PURE__ */ a("div", { className: E, children: /* @__PURE__ */ a(
|
|
105
106
|
"img",
|
|
106
107
|
{
|
|
107
108
|
src: t?.src,
|
|
@@ -111,36 +112,36 @@ const ge = ({
|
|
|
111
112
|
fetchPriority: "high"
|
|
112
113
|
}
|
|
113
114
|
) }),
|
|
114
|
-
|
|
115
|
+
S && /* @__PURE__ */ a(
|
|
115
116
|
"span",
|
|
116
117
|
{
|
|
117
|
-
className: `t2-site-nav-top__site-name ${
|
|
118
|
-
children:
|
|
118
|
+
className: `t2-site-nav-top__site-name ${n ? "t2-site-nav-top__site-name--hidden" : ""}`,
|
|
119
|
+
children: S
|
|
119
120
|
}
|
|
120
121
|
)
|
|
121
122
|
] });
|
|
122
|
-
return /* @__PURE__ */
|
|
123
|
-
/* @__PURE__ */ a("div", { className: "t2-wrapper t2-site-nav__wrapper", children: /* @__PURE__ */
|
|
124
|
-
t && (
|
|
125
|
-
|
|
123
|
+
return /* @__PURE__ */ p("nav", { className: "t2-site-nav", children: [
|
|
124
|
+
/* @__PURE__ */ a("div", { className: "t2-wrapper t2-site-nav__wrapper", children: /* @__PURE__ */ p("div", { className: Q, children: [
|
|
125
|
+
t && (r && t?.url ? /* @__PURE__ */ a(
|
|
126
|
+
r,
|
|
126
127
|
{
|
|
127
128
|
href: t.url || "#default",
|
|
128
|
-
className:
|
|
129
|
-
children:
|
|
129
|
+
className: i,
|
|
130
|
+
children: D
|
|
130
131
|
}
|
|
131
|
-
) : t?.url ? /* @__PURE__ */ a("a", { href: t.url, "aria-label": "Homepage", className:
|
|
132
|
-
/* @__PURE__ */
|
|
133
|
-
|
|
134
|
-
|
|
132
|
+
) : t?.url ? /* @__PURE__ */ a("a", { href: t.url, "aria-label": "Homepage", className: i, children: D }) : /* @__PURE__ */ a("div", { className: i, children: D })),
|
|
133
|
+
/* @__PURE__ */ p("div", { className: "t2-site-nav-top__mobile-menu", children: [
|
|
134
|
+
s && /* @__PURE__ */ a(
|
|
135
|
+
q,
|
|
135
136
|
{
|
|
136
137
|
linkType: "button",
|
|
137
|
-
label:
|
|
138
|
+
label: s.text,
|
|
138
139
|
primary: !0,
|
|
139
|
-
LinkComponent:
|
|
140
|
-
destination:
|
|
140
|
+
LinkComponent: r,
|
|
141
|
+
destination: s.url,
|
|
141
142
|
tabIndex: 0,
|
|
142
|
-
className: `t2-site-nav-top__mobile-cta ${
|
|
143
|
-
children:
|
|
143
|
+
className: `t2-site-nav-top__mobile-cta ${n ? "" : "t2-site-nav-top__mobile-cta--hidden"}`,
|
|
144
|
+
children: s.text
|
|
144
145
|
}
|
|
145
146
|
),
|
|
146
147
|
/* @__PURE__ */ a(
|
|
@@ -148,9 +149,9 @@ const ge = ({
|
|
|
148
149
|
{
|
|
149
150
|
className: "t2-site-nav-top__mobile-menu-button",
|
|
150
151
|
"aria-label": "Toggle Mobile Menu",
|
|
151
|
-
onClick:
|
|
152
|
-
children: /* @__PURE__ */ a("span", { className: "t2-site-nav-top__mobile-menu-button-icon", children:
|
|
153
|
-
|
|
152
|
+
onClick: B,
|
|
153
|
+
children: /* @__PURE__ */ a("span", { className: "t2-site-nav-top__mobile-menu-button-icon", children: n ? /* @__PURE__ */ a(
|
|
154
|
+
J,
|
|
154
155
|
{
|
|
155
156
|
className: "t2-site-nav-mobile__close",
|
|
156
157
|
type: "t2-icon--open-x-dark-16px",
|
|
@@ -177,51 +178,53 @@ const ge = ({
|
|
|
177
178
|
)
|
|
178
179
|
] }),
|
|
179
180
|
o && /* @__PURE__ */ a(
|
|
180
|
-
|
|
181
|
+
Y,
|
|
181
182
|
{
|
|
182
|
-
utilityMenuData: o
|
|
183
|
+
utilityMenuData: o,
|
|
184
|
+
LinkComponent: r
|
|
183
185
|
}
|
|
184
186
|
)
|
|
185
187
|
] }) }),
|
|
186
188
|
/* @__PURE__ */ a("div", { className: "t2-site-nav__desktop", children: /* @__PURE__ */ a(
|
|
187
|
-
|
|
189
|
+
K,
|
|
188
190
|
{
|
|
189
|
-
navItems:
|
|
190
|
-
navCta:
|
|
191
|
-
LinkComponent:
|
|
192
|
-
currentOpenMegaMenu:
|
|
193
|
-
setCurrentOpenMegaMenu:
|
|
194
|
-
isSubCategoryOpen:
|
|
195
|
-
setIsSubCategoryOpen:
|
|
196
|
-
currentOpenSubCategory:
|
|
197
|
-
setCurrentOpenSubCategory:
|
|
198
|
-
handleTopLevelCategoryClick:
|
|
199
|
-
openMegaMenuWithKeys:
|
|
200
|
-
mouse:
|
|
201
|
-
navMinHeight:
|
|
202
|
-
setNavMinHeight:
|
|
203
|
-
closeAllMenus:
|
|
191
|
+
navItems: b,
|
|
192
|
+
navCta: s,
|
|
193
|
+
LinkComponent: r,
|
|
194
|
+
currentOpenMegaMenu: O,
|
|
195
|
+
setCurrentOpenMegaMenu: h,
|
|
196
|
+
isSubCategoryOpen: x,
|
|
197
|
+
setIsSubCategoryOpen: I,
|
|
198
|
+
currentOpenSubCategory: T,
|
|
199
|
+
setCurrentOpenSubCategory: v,
|
|
200
|
+
handleTopLevelCategoryClick: A,
|
|
201
|
+
openMegaMenuWithKeys: V,
|
|
202
|
+
mouse: g.mouse,
|
|
203
|
+
navMinHeight: H,
|
|
204
|
+
setNavMinHeight: w,
|
|
205
|
+
closeAllMenus: j
|
|
204
206
|
}
|
|
205
207
|
) }),
|
|
206
208
|
/* @__PURE__ */ a("div", { className: "t2-site-nav__mobile", children: /* @__PURE__ */ a(
|
|
207
|
-
|
|
209
|
+
U,
|
|
208
210
|
{
|
|
209
|
-
navItems:
|
|
210
|
-
mobileNavOpen:
|
|
211
|
-
setMobileNavOpen:
|
|
211
|
+
navItems: b,
|
|
212
|
+
mobileNavOpen: n,
|
|
213
|
+
setMobileNavOpen: _,
|
|
212
214
|
searchEnabled: !!(o && o?.searchComponent),
|
|
213
215
|
onSearch: o && o?.onSearch,
|
|
214
216
|
searchPlaceholderText: o ? o?.searchPlaceholderText : "",
|
|
215
|
-
openTopLevelMobileItem:
|
|
216
|
-
setOpenTopLevelMobileItem:
|
|
217
|
-
handleOpenNavItem:
|
|
218
|
-
openSecondLevelMobileItem:
|
|
219
|
-
setOpenSecondLevelMobileItem:
|
|
220
|
-
utilityMenuData: o
|
|
217
|
+
openTopLevelMobileItem: R,
|
|
218
|
+
setOpenTopLevelMobileItem: k,
|
|
219
|
+
handleOpenNavItem: P,
|
|
220
|
+
openSecondLevelMobileItem: Z,
|
|
221
|
+
setOpenSecondLevelMobileItem: y,
|
|
222
|
+
utilityMenuData: o,
|
|
223
|
+
LinkComponent: r
|
|
221
224
|
}
|
|
222
225
|
) }),
|
|
223
226
|
o && o?.searchComponent && /* @__PURE__ */ a(
|
|
224
|
-
|
|
227
|
+
N,
|
|
225
228
|
{
|
|
226
229
|
deployed: o?.desktopSearchDeployed,
|
|
227
230
|
toggleDesktopSearch: o?.toggleDesktopSearch,
|
|
@@ -231,7 +234,7 @@ const ge = ({
|
|
|
231
234
|
}
|
|
232
235
|
),
|
|
233
236
|
o && o?.cartData?.disableCartFlyout === !1 && /* @__PURE__ */ a(
|
|
234
|
-
|
|
237
|
+
M,
|
|
235
238
|
{
|
|
236
239
|
cartData: e?.cartData,
|
|
237
240
|
cartSettings: e?.cartSettings,
|
|
@@ -245,5 +248,5 @@ const ge = ({
|
|
|
245
248
|
] });
|
|
246
249
|
};
|
|
247
250
|
export {
|
|
248
|
-
|
|
251
|
+
me as SiteNav
|
|
249
252
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SiteNavMobile.d.ts","sourceRoot":"","sources":["../../../../src/navigation/SiteNav/SiteNavMobile.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAU9B,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,4BAA4B,CAAC,EAAE,GAAG,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,GAAI,yQAe3B,kBAAkB,
|
|
1
|
+
{"version":3,"file":"SiteNavMobile.d.ts","sourceRoot":"","sources":["../../../../src/navigation/SiteNav/SiteNavMobile.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAU9B,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,4BAA4B,CAAC,EAAE,GAAG,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,GAAI,yQAe3B,kBAAkB,4CAuNpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as r, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback as F, useEffect as k } from "react";
|
|
3
3
|
import './SiteNavMobile.css';/* empty css */
|
|
4
4
|
import { Icon as x } from "@trimble-creative-strategy/trimble-mxp-icons";
|
|
5
|
-
import { ProfileIcon as
|
|
6
|
-
import { SearchButton as
|
|
5
|
+
import { ProfileIcon as A } from "./SiteNavIcons.js";
|
|
6
|
+
import { SearchButton as w } from "../../component/SearchButton/SearchButton.js";
|
|
7
7
|
import P from "./UtilityNavComponents/LanguageSelector/LanguageSelector.js";
|
|
8
8
|
import $ from "./UtilityNavComponents/WaffleMenu/WaffleMenuMobile.js";
|
|
9
9
|
import z from "./UtilityNavComponents/CartNavMenu/CartNavMenuMobile.js";
|
|
@@ -12,23 +12,23 @@ import { SiteNavMobileCategory as E } from "./SiteNavMobileCategory.js";
|
|
|
12
12
|
const Q = ({
|
|
13
13
|
mobileNavOpen: u,
|
|
14
14
|
setMobileNavOpen: l,
|
|
15
|
-
navItems:
|
|
15
|
+
navItems: g,
|
|
16
16
|
LinkComponent: c,
|
|
17
|
-
searchEnabled:
|
|
17
|
+
searchEnabled: f,
|
|
18
18
|
backText: v = "Back",
|
|
19
19
|
openTopLevelMobileItem: i,
|
|
20
20
|
openSecondLevelMobileItem: n,
|
|
21
|
-
setOpenTopLevelMobileItem:
|
|
21
|
+
setOpenTopLevelMobileItem: o,
|
|
22
22
|
handleOpenNavItem: b,
|
|
23
|
-
setOpenSecondLevelMobileItem:
|
|
24
|
-
searchPlaceholderText:
|
|
23
|
+
setOpenSecondLevelMobileItem: h,
|
|
24
|
+
searchPlaceholderText: _,
|
|
25
25
|
onSearch: p,
|
|
26
26
|
utilityMenuData: e
|
|
27
27
|
}) => {
|
|
28
28
|
const y = F(() => {
|
|
29
|
-
|
|
30
|
-
}, [
|
|
31
|
-
t === i ?
|
|
29
|
+
o?.(null), l(!1);
|
|
30
|
+
}, [o, l]), C = (t, s) => {
|
|
31
|
+
t === i ? o?.(null) : (o?.(t), typeof document < "u" && document?.querySelector(".t2-site-nav-mobile--open")?.scroll(0, s?.target?.getBoundingClientRect().top - 120));
|
|
32
32
|
}, S = (t, s, N) => {
|
|
33
33
|
const d = {
|
|
34
34
|
navItem: t,
|
|
@@ -37,9 +37,9 @@ const Q = ({
|
|
|
37
37
|
ntExperiencesCollection: t?.ntExperiencesCollection,
|
|
38
38
|
passthroughProps: {
|
|
39
39
|
openTopLevelMobileItem: N,
|
|
40
|
-
setOpenTopLevelMobileItem:
|
|
40
|
+
setOpenTopLevelMobileItem: o,
|
|
41
41
|
handleOpenNavItem: b || C,
|
|
42
|
-
setOpenSecondLevelMobileItem:
|
|
42
|
+
setOpenSecondLevelMobileItem: h,
|
|
43
43
|
openSecondLevelMobileItem: n,
|
|
44
44
|
LinkComponent: s,
|
|
45
45
|
closeAllMenus: y,
|
|
@@ -62,14 +62,14 @@ const Q = ({
|
|
|
62
62
|
}, D = () => !!(e?.flyoutMenuData?.sectorFlyoutData || e?.cartData?.disableCartFlyout === !1 || e?.waffleMenuData?.links?.length > 0);
|
|
63
63
|
return k(() => {
|
|
64
64
|
e?.desktopSearchDeployed && l(!1);
|
|
65
|
-
}, [e?.desktopSearchDeployed, l]), /* @__PURE__ */
|
|
65
|
+
}, [e?.desktopSearchDeployed, l]), /* @__PURE__ */ r(
|
|
66
66
|
"div",
|
|
67
67
|
{
|
|
68
68
|
className: `t2-site-nav-mobile ${u ? "t2-site-nav-mobile--open" : ""} ${n !== "back" && n !== null ? "t2-site-nav-mobile--tertiary-open" : ""}`,
|
|
69
69
|
children: [
|
|
70
|
-
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
|
|
70
|
+
f && /* @__PURE__ */ a("div", { className: "t2-site-nav-mobile__search", children: /* @__PURE__ */ a(w, { label: _, onSearch: p }) }),
|
|
71
|
+
/* @__PURE__ */ r("ul", { className: "t2-site-nav-mobile__nav", children: [
|
|
72
|
+
g?.map(
|
|
73
73
|
(t) => S(t, c, i)
|
|
74
74
|
),
|
|
75
75
|
e?.languageSelectorData?.languages?.length > 1 && /* @__PURE__ */ a(
|
|
@@ -86,13 +86,15 @@ const Q = ({
|
|
|
86
86
|
languageSelectorDeployed: e?.languageSelectorData?.languageSelectorDeployed,
|
|
87
87
|
setLanguageSelectorDeployed: e?.languageSelectorData?.setLanguageSelectorDeployed,
|
|
88
88
|
handleLanguageSelectorDeployed: e?.languageSelectorData?.handleLanguageSelectorDeployed,
|
|
89
|
+
onLanguageChange: e?.languageSelectorData?.onLanguageChange,
|
|
90
|
+
isAuthenticated: e?.flyoutMenuData?.sectorFlyoutData?.authenticated,
|
|
89
91
|
LinkComponent: c
|
|
90
92
|
}
|
|
91
93
|
)
|
|
92
94
|
},
|
|
93
95
|
"mobile-nav-language"
|
|
94
96
|
),
|
|
95
|
-
D() && /* @__PURE__ */
|
|
97
|
+
D() && /* @__PURE__ */ r(
|
|
96
98
|
"li",
|
|
97
99
|
{
|
|
98
100
|
className: "t2-site-nav-mobile__top-level-item t2-site-nav-mobile__utility-nav",
|
|
@@ -116,7 +118,7 @@ const Q = ({
|
|
|
116
118
|
LinkComponent: c
|
|
117
119
|
}
|
|
118
120
|
) }),
|
|
119
|
-
/* @__PURE__ */
|
|
121
|
+
/* @__PURE__ */ r(
|
|
120
122
|
"div",
|
|
121
123
|
{
|
|
122
124
|
className: `t2-site-nav-mobile__utility-nav-holder ${e?.cartData?.disableCartFlyout === !0 ? "t2-site-nav-mobile__utility-nav-holder--no-cart-menu" : ""} ${e?.waffleMenuData?.links?.length > 0 && e?.flyoutMenuData?.sectorFlyoutData?.authenticated ? "t2-site-nav-mobile__utility-nav-holder--centered" : ""}`,
|
|
@@ -135,13 +137,13 @@ const Q = ({
|
|
|
135
137
|
e?.flyoutMenuData?.handleSectorFlyoutDeployed();
|
|
136
138
|
},
|
|
137
139
|
className: "t2-site-nav-mobile__utility-nav-button",
|
|
138
|
-
children: /* @__PURE__ */ a(
|
|
140
|
+
children: /* @__PURE__ */ a(A, {})
|
|
139
141
|
}
|
|
140
142
|
) })
|
|
141
143
|
]
|
|
142
144
|
}
|
|
143
145
|
),
|
|
144
|
-
!e?.disableFlyout && /* @__PURE__ */ a("div", { className: "t2-navbar__flyout-mobile t2-site-nav-mobile__utility-nav-item", children: /* @__PURE__ */
|
|
146
|
+
!e?.disableFlyout && /* @__PURE__ */ a("div", { className: "t2-navbar__flyout-mobile t2-site-nav-mobile__utility-nav-item", children: /* @__PURE__ */ r(
|
|
145
147
|
"button",
|
|
146
148
|
{
|
|
147
149
|
className: "t2-navbar__flyout-mobile--btn",
|
package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts
CHANGED
|
@@ -11,9 +11,10 @@ interface LanguageSelectorProps {
|
|
|
11
11
|
handleLanguageSelectorDeployed: () => void;
|
|
12
12
|
languageSelectorDeployed: boolean;
|
|
13
13
|
setLanguageSelectorDeployed: (val: boolean) => void;
|
|
14
|
-
LinkComponent?: React.ComponentType<any
|
|
14
|
+
LinkComponent?: React.ComponentType<any> | "a";
|
|
15
15
|
isAuthenticated: boolean;
|
|
16
|
+
onLanguageChange?: (url: string) => void;
|
|
16
17
|
}
|
|
17
|
-
declare const LanguageSelector: ({ labels, languages, currentLangCode, currentPath, handleLanguageSelectorDeployed, languageSelectorDeployed, setLanguageSelectorDeployed, LinkComponent, isAuthenticated, }: LanguageSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const LanguageSelector: ({ labels, languages, currentLangCode, currentPath, handleLanguageSelectorDeployed, languageSelectorDeployed, setLanguageSelectorDeployed, LinkComponent, isAuthenticated, onLanguageChange, }: LanguageSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export default LanguageSelector;
|
|
19
20
|
//# sourceMappingURL=LanguageSelector.d.ts.map
|
package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAKjC,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B,EAAE,MAAM,IAAI,CAAC;IAC3C,wBAAwB,EAAE,OAAO,CAAC;IAClC,2BAA2B,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAKjC,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B,EAAE,MAAM,IAAI,CAAC;IAC3C,wBAAwB,EAAE,OAAO,CAAC;IAClC,2BAA2B,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,gBAAgB,GAAI,+LAWvB,qBAAqB,4CA0NvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.js
CHANGED
|
@@ -1,65 +1,67 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useRef as
|
|
1
|
+
import { jsxs as i, Fragment as E, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as A, useState as v, useEffect as O } from "react";
|
|
3
3
|
import './LanguageSelector.css';/* empty css */
|
|
4
4
|
import z from "../../../../utils/hooks/useMouse.js";
|
|
5
5
|
import { Icon as m } from "@trimble-creative-strategy/trimble-mxp-icons";
|
|
6
6
|
import P from "../../../../component/Dialog/Dialog.js";
|
|
7
|
-
const
|
|
8
|
-
labels:
|
|
7
|
+
const G = ({
|
|
8
|
+
labels: s,
|
|
9
9
|
languages: g,
|
|
10
10
|
currentLangCode: c,
|
|
11
11
|
currentPath: b,
|
|
12
|
-
handleLanguageSelectorDeployed:
|
|
12
|
+
handleLanguageSelectorDeployed: r,
|
|
13
13
|
languageSelectorDeployed: a,
|
|
14
|
-
setLanguageSelectorDeployed:
|
|
15
|
-
LinkComponent:
|
|
16
|
-
isAuthenticated: y
|
|
14
|
+
setLanguageSelectorDeployed: u,
|
|
15
|
+
LinkComponent: _ = "a",
|
|
16
|
+
isAuthenticated: y,
|
|
17
|
+
onLanguageChange: N = () => {
|
|
18
|
+
}
|
|
17
19
|
}) => {
|
|
18
|
-
const { mouse:
|
|
20
|
+
const { mouse: h } = z(), l = A(null), [C, d] = v(!1), [w, x] = v("/"), f = g?.find(
|
|
19
21
|
(e) => e.code === c
|
|
20
22
|
);
|
|
21
23
|
O(() => {
|
|
22
24
|
if (!a) return;
|
|
23
|
-
const e = (
|
|
24
|
-
l.current && !l.current.contains(
|
|
25
|
+
const e = (o) => {
|
|
26
|
+
l.current && !l.current.contains(o.target) && u(!1);
|
|
25
27
|
}, n = requestAnimationFrame(() => {
|
|
26
28
|
window.addEventListener("click", e);
|
|
27
29
|
});
|
|
28
30
|
return () => {
|
|
29
31
|
cancelAnimationFrame(n), window.removeEventListener("click", e);
|
|
30
32
|
};
|
|
31
|
-
}, [a,
|
|
33
|
+
}, [a, u]);
|
|
32
34
|
const k = (e) => {
|
|
33
|
-
e.key === "Enter" &&
|
|
34
|
-
},
|
|
35
|
-
|
|
36
|
-
},
|
|
37
|
-
e.
|
|
38
|
-
},
|
|
39
|
-
e
|
|
35
|
+
e.key === "Enter" && r();
|
|
36
|
+
}, p = (e, n) => {
|
|
37
|
+
r(), y && (e.preventDefault(), d(!0), x(n));
|
|
38
|
+
}, $ = (e, n) => {
|
|
39
|
+
e.key === "Enter" && p(e, n);
|
|
40
|
+
}, L = (e) => {
|
|
41
|
+
e.preventDefault(), d(!1), N(w);
|
|
40
42
|
}, F = () => {
|
|
41
|
-
|
|
42
|
-
},
|
|
43
|
+
d(!1);
|
|
44
|
+
}, B = (e) => {
|
|
43
45
|
const n = b.replace(
|
|
44
46
|
new RegExp(`^/${c}(/|$)`),
|
|
45
47
|
"/"
|
|
46
48
|
);
|
|
47
49
|
return `/${e}${n === "/" || n === "" ? "" : n}`;
|
|
48
|
-
}
|
|
49
|
-
return /* @__PURE__ */
|
|
50
|
-
/* @__PURE__ */
|
|
50
|
+
};
|
|
51
|
+
return /* @__PURE__ */ i(E, { children: [
|
|
52
|
+
/* @__PURE__ */ i(
|
|
51
53
|
"div",
|
|
52
54
|
{
|
|
53
55
|
ref: l,
|
|
54
56
|
className: `t2-language-selector ${a ? "t2-language-selector--deployed" : ""}`,
|
|
55
57
|
children: [
|
|
56
|
-
/* @__PURE__ */
|
|
58
|
+
/* @__PURE__ */ i(
|
|
57
59
|
"div",
|
|
58
60
|
{
|
|
59
|
-
className:
|
|
61
|
+
className: h ? `t2-language-selector__header ${a ? "t2-language-selector__header-deployed" : ""}` : `t2-language-selector__header tabFocus ${a ? "t2-language-selector__header-deployed" : ""}`,
|
|
60
62
|
role: "button",
|
|
61
63
|
tabIndex: 0,
|
|
62
|
-
onClick:
|
|
64
|
+
onClick: r,
|
|
63
65
|
onKeyDown: k,
|
|
64
66
|
"aria-label": "Change language",
|
|
65
67
|
"aria-expanded": a,
|
|
@@ -101,53 +103,51 @@ const j = ({
|
|
|
101
103
|
"div",
|
|
102
104
|
{
|
|
103
105
|
className: `t2-language-selector__header-text ${a ? "t2-language-selector__header-text-deployed" : ""}`,
|
|
104
|
-
children:
|
|
106
|
+
children: f && /* @__PURE__ */ t("div", { className: "t2-language-selector__header-text-language", children: f.nativeField })
|
|
105
107
|
}
|
|
106
108
|
),
|
|
107
109
|
/* @__PURE__ */ t("div", { className: "t2-language-selector__display-line" })
|
|
108
110
|
]
|
|
109
111
|
}
|
|
110
112
|
),
|
|
111
|
-
a && /* @__PURE__ */ t("div", { className: "t2-language-selector__body no-regions", tabIndex: 0, children: /* @__PURE__ */ t("div", { className: "t2-language-selector__body-content", children: /* @__PURE__ */
|
|
112
|
-
/* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-title t2-language-selector__body-section-title--selected", children:
|
|
113
|
-
/* @__PURE__ */ t("ul", { className: "t2-language-selector__body-section-items t2-language-selector__body-section-items--expanded", children: g?.map((e) =>
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
e.code
|
|
150
|
-
)) })
|
|
113
|
+
a && /* @__PURE__ */ t("div", { className: "t2-language-selector__body no-regions", tabIndex: 0, children: /* @__PURE__ */ t("div", { className: "t2-language-selector__body-content", children: /* @__PURE__ */ i("div", { className: "t2-language-selector__body-section t2-language-selector__body-section--lang-selected no-regions", children: [
|
|
114
|
+
/* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-title t2-language-selector__body-section-title--selected", children: s?.language || "LANGUAGE" }),
|
|
115
|
+
/* @__PURE__ */ t("ul", { className: "t2-language-selector__body-section-items t2-language-selector__body-section-items--expanded", children: g?.map((e) => {
|
|
116
|
+
const n = B(e.code);
|
|
117
|
+
return /* @__PURE__ */ t(
|
|
118
|
+
"li",
|
|
119
|
+
{
|
|
120
|
+
className: h ? "t2-language-selector__body-section-item" : "t2-language-selector__body-section-item tabFocus",
|
|
121
|
+
children: /* @__PURE__ */ i(
|
|
122
|
+
_,
|
|
123
|
+
{
|
|
124
|
+
href: n,
|
|
125
|
+
className: "t2-language-selector__body-section-item-link",
|
|
126
|
+
...typeof _ != "string" ? { replace: !0 } : {},
|
|
127
|
+
"aria-label": `${e.nativeField}${e.translatableName ? ` (${e.translatableName})` : ""}`,
|
|
128
|
+
"aria-current": e.code === c ? "true" : void 0,
|
|
129
|
+
onClick: (o) => p(o, n),
|
|
130
|
+
onKeyDown: (o) => $(o, n),
|
|
131
|
+
children: [
|
|
132
|
+
/* @__PURE__ */ t("span", { className: "t2-language-selector__body-section-item-icon", children: e.code === c && /* @__PURE__ */ t(
|
|
133
|
+
m,
|
|
134
|
+
{
|
|
135
|
+
type: "t2u-check",
|
|
136
|
+
className: "t2-language-selector__header-icon-check",
|
|
137
|
+
size: 15
|
|
138
|
+
}
|
|
139
|
+
) }),
|
|
140
|
+
/* @__PURE__ */ i("span", { className: "t2-language-selector__body-section-item-text", children: [
|
|
141
|
+
e.nativeField,
|
|
142
|
+
e.translatableName && ` (${e.translatableName})`
|
|
143
|
+
] })
|
|
144
|
+
]
|
|
145
|
+
}
|
|
146
|
+
)
|
|
147
|
+
},
|
|
148
|
+
e.code
|
|
149
|
+
);
|
|
150
|
+
}) })
|
|
151
151
|
] }) }) })
|
|
152
152
|
]
|
|
153
153
|
}
|
|
@@ -155,17 +155,17 @@ const j = ({
|
|
|
155
155
|
/* @__PURE__ */ t(
|
|
156
156
|
P,
|
|
157
157
|
{
|
|
158
|
-
isOpen:
|
|
159
|
-
title:
|
|
160
|
-
content:
|
|
161
|
-
primaryButtonText:
|
|
162
|
-
secondaryButtonText:
|
|
163
|
-
onPrimaryButtonClick:
|
|
158
|
+
isOpen: C,
|
|
159
|
+
title: s?.confirmationDialog?.title || "Alert",
|
|
160
|
+
content: s?.confirmationDialog?.message || "Changing the language will also update your language preference in your profile. Do you want to proceed?",
|
|
161
|
+
primaryButtonText: s?.confirmationDialog?.approveButtonLabel || "Proceed",
|
|
162
|
+
secondaryButtonText: s?.confirmationDialog?.denyButtonLabel || "Cancel",
|
|
163
|
+
onPrimaryButtonClick: L,
|
|
164
164
|
onSecondaryButtonClick: F
|
|
165
165
|
}
|
|
166
166
|
)
|
|
167
167
|
] });
|
|
168
168
|
};
|
|
169
169
|
export {
|
|
170
|
-
|
|
170
|
+
G as default
|
|
171
171
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SiteNavUtilityNav.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.tsx"],"names":[],"mappings":"AASA,OAAO,iCAAiC,CAAC;AAEzC,UAAU,eAAe;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,GAAI,qCAG/B,eAAe,
|
|
1
|
+
{"version":3,"file":"SiteNavUtilityNav.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.tsx"],"names":[],"mappings":"AASA,OAAO,iCAAiC,CAAC;AAEzC,UAAU,eAAe;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,GAAI,qCAG/B,eAAe,mDAsJjB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as r, Fragment as l, jsx as
|
|
2
|
-
import { SearchIcon as n, ProfileIcon as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { jsxs as r, Fragment as l, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { SearchIcon as n, ProfileIcon as g } from "../SiteNavIcons.js";
|
|
3
|
+
import d from "./WaffleMenu/WaffleMenu.js";
|
|
4
|
+
import p from "./LanguageSelector/LanguageSelector.js";
|
|
5
5
|
import h from "../../../utils/hooks/useMouse.js";
|
|
6
6
|
import f from "./NavSearchWrapper/NavSearchWrapper.js";
|
|
7
|
-
import { CartNavMenu as
|
|
8
|
-
import { FlyoutToggle as
|
|
7
|
+
import { CartNavMenu as S } from "./CartNavMenu/CartNavMenu.js";
|
|
8
|
+
import { FlyoutToggle as y, Flyout as u } from "trimble-terra-flyout";
|
|
9
9
|
import "trimble-terra-flyout/styles.css";
|
|
10
|
-
const
|
|
10
|
+
const N = ({
|
|
11
11
|
utilityMenuData: e,
|
|
12
|
-
LinkComponent:
|
|
12
|
+
LinkComponent: o
|
|
13
13
|
}) => {
|
|
14
14
|
const t = h(), s = (c) => {
|
|
15
15
|
c.key === "Enter" && e?.toggleDesktopSearch(!0);
|
|
@@ -27,8 +27,8 @@ const L = ({
|
|
|
27
27
|
s(c);
|
|
28
28
|
},
|
|
29
29
|
children: [
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */
|
|
30
|
+
/* @__PURE__ */ a(n, {}),
|
|
31
|
+
/* @__PURE__ */ a(
|
|
32
32
|
"span",
|
|
33
33
|
{
|
|
34
34
|
className: `t2-site-nav-top__utility-nav-search--underline ${e?.desktopSearchDeployed ? " t2-site-nav-top__utility-nav-search--underline-deployed" : ""}`
|
|
@@ -37,7 +37,7 @@ const L = ({
|
|
|
37
37
|
]
|
|
38
38
|
}
|
|
39
39
|
),
|
|
40
|
-
/* @__PURE__ */
|
|
40
|
+
/* @__PURE__ */ a(
|
|
41
41
|
f,
|
|
42
42
|
{
|
|
43
43
|
deployed: e?.desktopSearchDeployed,
|
|
@@ -48,8 +48,8 @@ const L = ({
|
|
|
48
48
|
}
|
|
49
49
|
)
|
|
50
50
|
] }),
|
|
51
|
-
e?.languageSelectorData?.languages?.length > 1 && e?.disableLanguageRegion !== !0 && /* @__PURE__ */
|
|
52
|
-
|
|
51
|
+
e?.languageSelectorData?.languages?.length > 1 && e?.disableLanguageRegion !== !0 && /* @__PURE__ */ a("li", { className: "t2-site-nav-top__utility-nav-language", children: /* @__PURE__ */ a(
|
|
52
|
+
p,
|
|
53
53
|
{
|
|
54
54
|
labels: e?.languageSelectorData?.labels,
|
|
55
55
|
languages: e?.languageSelectorData?.languages,
|
|
@@ -59,11 +59,12 @@ const L = ({
|
|
|
59
59
|
setLanguageSelectorDeployed: e?.languageSelectorData?.setLanguageSelectorDeployed,
|
|
60
60
|
handleLanguageSelectorDeployed: e?.languageSelectorData?.handleLanguageSelectorDeployed,
|
|
61
61
|
isAuthenticated: e?.flyoutMenuData?.sectorFlyoutData?.authenticated,
|
|
62
|
-
|
|
62
|
+
onLanguageChange: e?.languageSelectorData?.onLanguageChange,
|
|
63
|
+
LinkComponent: o
|
|
63
64
|
}
|
|
64
65
|
) }),
|
|
65
|
-
!e?.cartData?.disableCartFlyout && /* @__PURE__ */
|
|
66
|
-
|
|
66
|
+
!e?.cartData?.disableCartFlyout && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
|
|
67
|
+
S,
|
|
67
68
|
{
|
|
68
69
|
count: e?.cartData?.cartData?.totalLineItemQuantity,
|
|
69
70
|
isCartFlyoutActive: e?.cartData?.isCartFlyoutActive,
|
|
@@ -76,29 +77,29 @@ const L = ({
|
|
|
76
77
|
isCurrencyMenuDeployed: e?.cartData?.isCurrencyMenuDeployed,
|
|
77
78
|
setCurrencyMenuDeployed: e?.cartData?.setCurrencyMenuDeployed,
|
|
78
79
|
settings: e?.cartData?.cartSettings,
|
|
79
|
-
LinkComponent:
|
|
80
|
+
LinkComponent: o
|
|
80
81
|
}
|
|
81
82
|
) }),
|
|
82
|
-
e?.flyoutMenuData?.sectorFlyoutData?.authenticated && e?.waffleMenuData?.links?.length > 0 && /* @__PURE__ */
|
|
83
|
-
|
|
83
|
+
e?.flyoutMenuData?.sectorFlyoutData?.authenticated && e?.waffleMenuData?.links?.length > 0 && /* @__PURE__ */ a("li", { className: "t2-site-nav-top__utility-nav-waffle", children: /* @__PURE__ */ a(
|
|
84
|
+
d,
|
|
84
85
|
{
|
|
85
|
-
LinkComponent:
|
|
86
|
+
LinkComponent: o,
|
|
86
87
|
waffleMenuData: e?.waffleMenuData
|
|
87
88
|
}
|
|
88
89
|
) }),
|
|
89
|
-
e?.flyoutMenuData?.sectorFlyoutData?.authenticated && /* @__PURE__ */
|
|
90
|
+
e?.flyoutMenuData?.sectorFlyoutData?.authenticated && /* @__PURE__ */ a("li", { className: "t2-site-nav-top__utility-nav-profile", children: /* @__PURE__ */ a(
|
|
90
91
|
"button",
|
|
91
92
|
{
|
|
92
93
|
onClick: () => {
|
|
93
94
|
e?.flyoutMenuData?.handleSectorFlyoutDeployed();
|
|
94
95
|
},
|
|
95
96
|
className: "t2-site-nav-top__utility-nav-button",
|
|
96
|
-
children: /* @__PURE__ */
|
|
97
|
+
children: /* @__PURE__ */ a(g, {})
|
|
97
98
|
}
|
|
98
99
|
) })
|
|
99
100
|
] }),
|
|
100
|
-
e?.disableFlyout === !1 && /* @__PURE__ */
|
|
101
|
-
|
|
101
|
+
e?.disableFlyout === !1 && /* @__PURE__ */ a(
|
|
102
|
+
y,
|
|
102
103
|
{
|
|
103
104
|
isDeployed: e?.flyoutMenuData?.sectorFlyoutDeployed,
|
|
104
105
|
onClick: () => {
|
|
@@ -106,10 +107,10 @@ const L = ({
|
|
|
106
107
|
}
|
|
107
108
|
}
|
|
108
109
|
),
|
|
109
|
-
!e?.disableFlyout && /* @__PURE__ */
|
|
110
|
+
!e?.disableFlyout && /* @__PURE__ */ a(
|
|
110
111
|
u,
|
|
111
112
|
{
|
|
112
|
-
Link:
|
|
113
|
+
Link: o,
|
|
113
114
|
close: e?.flyoutMenuData?.handleSectorFlyoutDeployed,
|
|
114
115
|
searchSubmit: e?.flyoutMenuData?.searchFlyoutSubmit,
|
|
115
116
|
searchDeployed: e?.flyoutMenuData?.searchDeployed,
|
|
@@ -126,6 +127,6 @@ const L = ({
|
|
|
126
127
|
] }) : null;
|
|
127
128
|
};
|
|
128
129
|
export {
|
|
129
|
-
|
|
130
|
-
|
|
130
|
+
N as SiteNavUtilityNav,
|
|
131
|
+
N as default
|
|
131
132
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "trimble-terra",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.17",
|
|
4
4
|
"description": "Trimble Terra — React component library for Trimble MXP2 web experiences",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"dependencies": {
|
|
84
84
|
"@contentful/rich-text-react-renderer": "^16.1.6",
|
|
85
85
|
"react-tabs": "^6.1.0",
|
|
86
|
-
"trimble-terra-flyout": "^1.0.
|
|
86
|
+
"trimble-terra-flyout": "^1.0.5"
|
|
87
87
|
},
|
|
88
88
|
"devDependencies": {
|
|
89
89
|
"@chromatic-com/storybook": "^5.0.1",
|