trimble-terra 1.1.1 → 1.1.3

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.
Files changed (10) hide show
  1. package/dist/src/component/Dialog/Dialog.d.ts +1 -1
  2. package/dist/src/component/Dialog/Dialog.d.ts.map +1 -1
  3. package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts +3 -4
  4. package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts.map +1 -1
  5. package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.js +151 -120
  6. package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.d.ts.map +1 -1
  7. package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.js +8 -7
  8. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts.map +1 -1
  9. package/dist/src/navigation/SiteNavigation/UtilityNavComponents/LanguageSelector/LanguageSelector.js +119 -106
  10. package/package.json +1 -1
package/dist/src/component/Dialog/Dialog.d.ts CHANGED
@@ -7,7 +7,7 @@ interface DialogProps {
7
7
  primaryButtonText: string;
8
8
  secondaryButtonText?: string;
9
9
  onCloseButtonClick?: () => void;
10
- onPrimaryButtonClick?: () => void;
10
+ onPrimaryButtonClick?: (e?: any) => void;
11
11
  onSecondaryButtonClick?: () => void;
12
12
  contentWithLink?: string;
13
13
  contentLink?: string;
package/dist/src/component/Dialog/Dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/component/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAKvB,UAAU,WAAW;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,4CAqGjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/component/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAKvB,UAAU,WAAW;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACzC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,4CAqGjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts CHANGED
@@ -4,9 +4,7 @@ interface Language {
4
4
  translatableName?: string;
5
5
  }
6
6
  interface LanguageSelectorProps {
7
- labels?: {
8
- language?: string;
9
- };
7
+ labels?: any;
10
8
  languages: Language[];
11
9
  currentLangCode: string;
12
10
  currentPath: string;
@@ -14,7 +12,8 @@ interface LanguageSelectorProps {
14
12
  languageSelectorDeployed: boolean;
15
13
  setLanguageSelectorDeployed: (val: boolean) => void;
16
14
  LinkComponent?: React.ComponentType<any>;
15
+ isAuthenticated: boolean;
17
16
  }
18
- declare const LanguageSelector: ({ labels, languages, currentLangCode, currentPath, handleLanguageSelectorDeployed, languageSelectorDeployed, setLanguageSelectorDeployed, LinkComponent, }: LanguageSelectorProps) => import("react/jsx-runtime").JSX.Element;
17
+ declare const LanguageSelector: ({ labels, languages, currentLangCode, currentPath, handleLanguageSelectorDeployed, languageSelectorDeployed, setLanguageSelectorDeployed, LinkComponent, isAuthenticated, }: LanguageSelectorProps) => import("react/jsx-runtime").JSX.Element;
19
18
  export default LanguageSelector;
20
19
  //# 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;AAIjC,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;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,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;CAC1C;AAED,QAAA,MAAM,gBAAgB,GAAI,4JASvB,qBAAqB,4CA8JvB,CAAC;AAEF,eAAe,gBAAgB,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,CAAC;IACzC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,gBAAgB,GAAI,6KAUvB,qBAAqB,4CA4NvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/dist/src/navigation/SiteNav/UtilityNavComponents/LanguageSelector/LanguageSelector.js CHANGED
@@ -1,140 +1,171 @@
1
- import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
- import { useRef as x, useEffect as p } from "react";
1
+ import { jsxs as o, Fragment as A, jsx as t } from "react/jsx-runtime";
2
+ import { useRef as E, useState as v, useEffect as O } from "react";
3
3
  import './LanguageSelector.css';/* empty css */
4
- import w from "../../../../utils/hooks/useMouse.js";
5
- import { Icon as o } from "@trimble-creative-strategy/trimble-mxp-icons";
6
- const F = ({
7
- labels: g,
8
- languages: r,
4
+ import z from "../../../../utils/hooks/useMouse.js";
5
+ import { Icon as m } from "@trimble-creative-strategy/trimble-mxp-icons";
6
+ import P from "../../../../component/Dialog/Dialog.js";
7
+ const j = ({
8
+ labels: i,
9
+ languages: g,
9
10
  currentLangCode: c,
10
- currentPath: u,
11
- handleLanguageSelectorDeployed: d,
11
+ currentPath: b,
12
+ handleLanguageSelectorDeployed: s,
12
13
  languageSelectorDeployed: a,
13
- setLanguageSelectorDeployed: l,
14
- LinkComponent: b
14
+ setLanguageSelectorDeployed: _,
15
+ LinkComponent: N,
16
+ isAuthenticated: y
15
17
  }) => {
16
- const { mouse: _ } = w(), i = x(null), m = r?.find(
18
+ const { mouse: u } = z(), l = E(null), [w, r] = v(!1), [C, x] = v("/"), h = g?.find(
17
19
  (e) => e.code === c
18
20
  );
19
- p(() => {
21
+ O(() => {
20
22
  if (!a) return;
21
- const e = (h) => {
22
- i.current && !i.current.contains(h.target) && l(!1);
23
- }, s = requestAnimationFrame(() => {
23
+ const e = (p) => {
24
+ l.current && !l.current.contains(p.target) && _(!1);
25
+ }, n = requestAnimationFrame(() => {
24
26
  window.addEventListener("click", e);
25
27
  });
26
28
  return () => {
27
- cancelAnimationFrame(s), window.removeEventListener("click", e);
29
+ cancelAnimationFrame(n), window.removeEventListener("click", e);
28
30
  };
29
- }, [a, l]);
30
- const N = (e) => {
31
- e.key === "Enter" && d();
32
- }, v = (e) => {
33
- const s = u.replace(
31
+ }, [a, _]);
32
+ const k = (e) => {
33
+ e.key === "Enter" && s();
34
+ }, f = (e, n) => {
35
+ e?.preventDefault(), s(), y ? (r(!0), x(n)) : window.location.href = n;
36
+ }, L = (e, n) => {
37
+ e.keyCode === 13 && f(e, n);
38
+ }, $ = (e) => {
39
+ e?.preventDefault(), r(!1), window.location.href = C || "";
40
+ }, F = () => {
41
+ r(!1);
42
+ }, d = (e) => {
43
+ const n = b.replace(
34
44
  new RegExp(`^/${c}(/|$)`),
35
45
  "/"
36
46
  );
37
- return `/${e}${s === "/" || s === "" ? "" : s}`;
38
- }, f = b || "a";
39
- return /* @__PURE__ */ n(
40
- "div",
41
- {
42
- ref: i,
43
- className: `t2-language-selector ${a ? "t2-language-selector--deployed" : ""}`,
44
- children: [
45
- /* @__PURE__ */ n(
46
- "div",
47
- {
48
- className: _ ? `t2-language-selector__header ${a ? "t2-language-selector__header-deployed" : ""}` : `t2-language-selector__header tabFocus ${a ? "t2-language-selector__header-deployed" : ""}`,
49
- role: "button",
50
- tabIndex: 0,
51
- onClick: d,
52
- onKeyDown: N,
53
- "aria-label": "Change language",
54
- "aria-expanded": a,
55
- children: [
56
- /* @__PURE__ */ t("div", { className: "t2-language-selector__header__close", children: /* @__PURE__ */ t(
57
- "svg",
58
- {
59
- width: "11",
60
- height: "12",
61
- fill: "none",
62
- xmlns: "http://www.w3.org/2000/svg",
63
- viewBox: "5.93 5.41 13.25 13.18",
64
- children: /* @__PURE__ */ t(
65
- "path",
66
- {
67
- d: "M18.8771 5.70973C18.4854 5.31973 17.8525 5.31973 17.4607 5.70973L12.5484 10.5897L7.63606 5.69973C7.24427 5.30973 6.6114 5.30973 6.21962 5.69973C5.82784 6.08973 5.82784 6.71973 6.21962 7.10973L11.1319 11.9997L6.21962 16.8897C5.82784 17.2797 5.82784 17.9097 6.21962 18.2997C6.6114 18.6897 7.24427 18.6897 7.63606 18.2997L12.5484 13.4097L17.4607 18.2997C17.8525 18.6897 18.4854 18.6897 18.8771 18.2997C19.2689 17.9097 19.2689 17.2797 18.8771 16.8897L13.9648 11.9997L18.8771 7.10973C19.2589 6.72973 19.2589 6.08973 18.8771 5.70973Z",
68
- fill: "currentColor"
69
- }
70
- )
71
- }
72
- ) }),
73
- /* @__PURE__ */ t("div", { className: "t2-language-selector__header-icon", children: /* @__PURE__ */ t(
74
- o,
75
- {
76
- type: "t2u-globe",
77
- className: "t2-language-selector__header-icon-globe",
78
- size: 20
79
- }
80
- ) }),
81
- /* @__PURE__ */ t("div", { className: "t2-language-selector__header-mobile-icon", children: a && /* @__PURE__ */ t(
82
- o,
83
- {
84
- type: "t2u-chevron-right",
85
- className: "t2-language-selector__header-icon-chevron",
86
- size: 14
87
- }
88
- ) }),
89
- /* @__PURE__ */ t(
90
- "div",
91
- {
92
- className: `t2-language-selector__header-text ${a ? "t2-language-selector__header-text-deployed" : ""}`,
93
- children: m && /* @__PURE__ */ t("div", { className: "t2-language-selector__header-text-language", children: m.nativeField })
94
- }
95
- ),
96
- /* @__PURE__ */ t("div", { className: "t2-language-selector__display-line" })
97
- ]
98
- }
99
- ),
100
- 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__ */ n("div", { className: "t2-language-selector__body-section t2-language-selector__body-section--lang-selected no-regions", children: [
101
- /* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-title t2-language-selector__body-section-title--selected", children: g?.language || "LANGUAGE" }),
102
- /* @__PURE__ */ t("ul", { className: "t2-language-selector__body-section-items t2-language-selector__body-section-items--expanded", children: r?.map((e) => /* @__PURE__ */ t(
103
- "li",
47
+ return `/${e}${n === "/" || n === "" ? "" : n}`;
48
+ }, B = N || "a";
49
+ return /* @__PURE__ */ o(A, { children: [
50
+ /* @__PURE__ */ o(
51
+ "div",
52
+ {
53
+ ref: l,
54
+ className: `t2-language-selector ${a ? "t2-language-selector--deployed" : ""}`,
55
+ children: [
56
+ /* @__PURE__ */ o(
57
+ "div",
104
58
  {
105
- className: _ ? "t2-language-selector__body-section-item" : "t2-language-selector__body-section-item tabFocus",
106
- children: /* @__PURE__ */ n(
107
- f,
108
- {
109
- href: v(e.code),
110
- className: "t2-language-selector__body-section-item-link",
111
- "aria-label": `${e.nativeField}${e.translatableName ? ` (${e.translatableName})` : ""}`,
112
- "aria-current": e.code === c ? "true" : void 0,
113
- onClick: () => l(!1),
114
- children: [
115
- /* @__PURE__ */ t("span", { className: "t2-language-selector__body-section-item-icon", children: e.code === c && /* @__PURE__ */ t(
116
- o,
59
+ className: u ? `t2-language-selector__header ${a ? "t2-language-selector__header-deployed" : ""}` : `t2-language-selector__header tabFocus ${a ? "t2-language-selector__header-deployed" : ""}`,
60
+ role: "button",
61
+ tabIndex: 0,
62
+ onClick: s,
63
+ onKeyDown: k,
64
+ "aria-label": "Change language",
65
+ "aria-expanded": a,
66
+ children: [
67
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__header__close", children: /* @__PURE__ */ t(
68
+ "svg",
69
+ {
70
+ width: "11",
71
+ height: "12",
72
+ fill: "none",
73
+ xmlns: "http://www.w3.org/2000/svg",
74
+ viewBox: "5.93 5.41 13.25 13.18",
75
+ children: /* @__PURE__ */ t(
76
+ "path",
117
77
  {
118
- type: "t2u-check",
119
- className: "t2-language-selector__header-icon-check",
120
- size: 15
78
+ d: "M18.8771 5.70973C18.4854 5.31973 17.8525 5.31973 17.4607 5.70973L12.5484 10.5897L7.63606 5.69973C7.24427 5.30973 6.6114 5.30973 6.21962 5.69973C5.82784 6.08973 5.82784 6.71973 6.21962 7.10973L11.1319 11.9997L6.21962 16.8897C5.82784 17.2797 5.82784 17.9097 6.21962 18.2997C6.6114 18.6897 7.24427 18.6897 7.63606 18.2997L12.5484 13.4097L17.4607 18.2997C17.8525 18.6897 18.4854 18.6897 18.8771 18.2997C19.2689 17.9097 19.2689 17.2797 18.8771 16.8897L13.9648 11.9997L18.8771 7.10973C19.2589 6.72973 19.2589 6.08973 18.8771 5.70973Z",
79
+ fill: "currentColor"
121
80
  }
122
- ) }),
123
- /* @__PURE__ */ n("span", { className: "t2-language-selector__body-section-item-text", children: [
124
- e.nativeField,
125
- e.translatableName && ` (${e.translatableName})`
126
- ] })
127
- ]
128
- }
129
- )
130
- },
131
- e.code
132
- )) })
133
- ] }) }) })
134
- ]
135
- }
136
- );
81
+ )
82
+ }
83
+ ) }),
84
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__header-icon", children: /* @__PURE__ */ t(
85
+ m,
86
+ {
87
+ type: "t2u-globe",
88
+ className: "t2-language-selector__header-icon-globe",
89
+ size: 20
90
+ }
91
+ ) }),
92
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__header-mobile-icon", children: a && /* @__PURE__ */ t(
93
+ m,
94
+ {
95
+ type: "t2u-chevron-right",
96
+ className: "t2-language-selector__header-icon-chevron",
97
+ size: 14
98
+ }
99
+ ) }),
100
+ /* @__PURE__ */ t(
101
+ "div",
102
+ {
103
+ className: `t2-language-selector__header-text ${a ? "t2-language-selector__header-text-deployed" : ""}`,
104
+ children: h && /* @__PURE__ */ t("div", { className: "t2-language-selector__header-text-language", children: h.nativeField })
105
+ }
106
+ ),
107
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__display-line" })
108
+ ]
109
+ }
110
+ ),
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__ */ o("div", { className: "t2-language-selector__body-section t2-language-selector__body-section--lang-selected no-regions", children: [
112
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-title t2-language-selector__body-section-title--selected", children: i?.language || "LANGUAGE" }),
113
+ /* @__PURE__ */ t("ul", { className: "t2-language-selector__body-section-items t2-language-selector__body-section-items--expanded", children: g?.map((e) => /* @__PURE__ */ t(
114
+ "li",
115
+ {
116
+ className: u ? "t2-language-selector__body-section-item" : "t2-language-selector__body-section-item tabFocus",
117
+ children: /* @__PURE__ */ o(
118
+ B,
119
+ {
120
+ href: d(e.code),
121
+ className: "t2-language-selector__body-section-item-link",
122
+ "aria-label": `${e.nativeField}${e.translatableName ? ` (${e.translatableName})` : ""}`,
123
+ "aria-current": e.code === c ? "true" : void 0,
124
+ onClick: (n) => f(
125
+ n,
126
+ d(e.code)
127
+ ),
128
+ onKeyDown: (n) => L(
129
+ n,
130
+ d(e.code)
131
+ ),
132
+ children: [
133
+ /* @__PURE__ */ t("span", { className: "t2-language-selector__body-section-item-icon", children: e.code === c && /* @__PURE__ */ t(
134
+ m,
135
+ {
136
+ type: "t2u-check",
137
+ className: "t2-language-selector__header-icon-check",
138
+ size: 15
139
+ }
140
+ ) }),
141
+ /* @__PURE__ */ o("span", { className: "t2-language-selector__body-section-item-text", children: [
142
+ e.nativeField,
143
+ e.translatableName && ` (${e.translatableName})`
144
+ ] })
145
+ ]
146
+ }
147
+ )
148
+ },
149
+ e.code
150
+ )) })
151
+ ] }) }) })
152
+ ]
153
+ }
154
+ ),
155
+ /* @__PURE__ */ t(
156
+ P,
157
+ {
158
+ isOpen: w,
159
+ title: i?.confirmationDialog?.title || "Alert",
160
+ content: i?.confirmationDialog?.message || "Changing the language will also update your language preference in your profile. Do you want to proceed?",
161
+ primaryButtonText: i?.confirmationDialog?.approveButtonLabel || "Proceed",
162
+ secondaryButtonText: i?.confirmationDialog?.denyButtonLabel || "Cancel",
163
+ onPrimaryButtonClick: (e) => $(e),
164
+ onSecondaryButtonClick: F
165
+ }
166
+ )
167
+ ] });
137
168
  };
138
169
  export {
139
- F as default
170
+ j as default
140
171
  };
package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.d.ts.map CHANGED
@@ -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,mDAiJjB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
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,mDAqJjB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
package/dist/src/navigation/SiteNav/UtilityNavComponents/SiteNavUtilityNav.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsxs as r, Fragment as c, jsx as o } from "react/jsx-runtime";
1
+ import { jsxs as r, Fragment as l, jsx as o } from "react/jsx-runtime";
2
2
  import { SearchIcon as n, ProfileIcon as d } from "../SiteNavIcons.js";
3
3
  import p from "./WaffleMenu/WaffleMenu.js";
4
4
  import g from "./LanguageSelector/LanguageSelector.js";
@@ -11,20 +11,20 @@ const L = ({
11
11
  utilityMenuData: e,
12
12
  LinkComponent: a
13
13
  }) => {
14
- const t = h(), s = (l) => {
15
- l.key === "Enter" && e?.toggleDesktopSearch(!0);
14
+ const t = h(), s = (c) => {
15
+ c.key === "Enter" && e?.toggleDesktopSearch(!0);
16
16
  };
17
- return e ? /* @__PURE__ */ r(c, { children: [
17
+ return e ? /* @__PURE__ */ r(l, { children: [
18
18
  /* @__PURE__ */ r("ul", { className: "t2-site-nav-top__utility-nav", children: [
19
- e?.searchComponent && /* @__PURE__ */ r(c, { children: [
19
+ e?.searchComponent && /* @__PURE__ */ r(l, { children: [
20
20
  /* @__PURE__ */ r(
21
21
  "li",
22
22
  {
23
23
  className: "t2-site-nav-top__utility-nav-search",
24
24
  tabIndex: 0,
25
25
  onClick: () => e?.toggleDesktopSearch(!0),
26
- onKeyDown: (l) => {
27
- s(l);
26
+ onKeyDown: (c) => {
27
+ s(c);
28
28
  },
29
29
  children: [
30
30
  /* @__PURE__ */ o(n, {}),
@@ -58,6 +58,7 @@ const L = ({
58
58
  languageSelectorDeployed: e?.languageSelectorData?.languageSelectorDeployed,
59
59
  setLanguageSelectorDeployed: e?.languageSelectorData?.setLanguageSelectorDeployed,
60
60
  handleLanguageSelectorDeployed: e?.languageSelectorData?.handleLanguageSelectorDeployed,
61
+ isAuthenticated: e?.flyoutMenuData?.sectorFlyoutData?.authenticated,
61
62
  LinkComponent: a
62
63
  }
63
64
  ) }),
package/dist/src/navigation/SiteNavigation/UtilityNavComponents/LanguageSelector/LanguageSelector.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/SiteNavigation/UtilityNavComponents/LanguageSelector/LanguageSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAC;AAKjC,UAAU,qBAAqB;IAC7B,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;IACb,YAAY,EAAE,GAAG,CAAC;IAClB,8BAA8B,EAAE,CAAC,gBAAgB,EAAE,GAAG,KAAK,IAAI,CAAC;IAChE,wBAAwB,EAAE,OAAO,CAAC;IAClC,2BAA2B,EAAE,GAAG,CAAC;IACjC,eAAe,EAAE,OAAO,CAAC;CAG1B;AAED,QAAA,MAAM,gBAAgB,GAAI,iKAYvB,qBAAqB,4CAgXvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/SiteNavigation/UtilityNavComponents/LanguageSelector/LanguageSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAC;AAKjC,UAAU,qBAAqB;IAC7B,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;IACb,YAAY,EAAE,GAAG,CAAC;IAClB,8BAA8B,EAAE,CAAC,gBAAgB,EAAE,GAAG,KAAK,IAAI,CAAC;IAChE,wBAAwB,EAAE,OAAO,CAAC;IAClC,2BAA2B,EAAE,GAAG,CAAC;IACjC,eAAe,EAAE,OAAO,CAAC;CAG1B;AAED,QAAA,MAAM,gBAAgB,GAAI,iKAYvB,qBAAqB,4CA2YvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/dist/src/navigation/SiteNavigation/UtilityNavComponents/LanguageSelector/LanguageSelector.js CHANGED
@@ -1,71 +1,82 @@
1
- import { jsxs as a, Fragment as M, jsx as t } from "react/jsx-runtime";
2
- import { useState as m, useRef as G, useEffect as F } from "react";
1
+ import { jsxs as a, Fragment as B, jsx as t } from "react/jsx-runtime";
2
+ import { useState as h, useRef as j, useEffect as E } from "react";
3
3
  import './LanguageSelector.css';/* empty css */
4
- import T from "../../../../utils/hooks/useMouse.js";
4
+ import H from "../../../../utils/hooks/useMouse.js";
5
5
  import { Icon as v } from "@trimble-creative-strategy/trimble-mxp-icons";
6
- import j from "../../../../component/Dialog/Dialog.js";
7
- const H = ({
8
- labels: l,
6
+ import P from "../../../../component/Dialog/Dialog.js";
7
+ const Q = ({
8
+ labels: c,
9
9
  settings: o,
10
- languages: N,
10
+ languages: C,
11
11
  regions: n,
12
- saveLanguage: k,
13
- handleLanguageSelectorDeployed: g,
14
- languageSelectorDeployed: c,
15
- setLanguageSelectorDeployed: B,
16
- isAuthenticated: E = !1
12
+ saveLanguage: N,
13
+ handleLanguageSelectorDeployed: r,
14
+ languageSelectorDeployed: i,
15
+ setLanguageSelectorDeployed: I,
16
+ isAuthenticated: x = !1
17
17
  // closeAllMenus = () => {},
18
18
  // setDesktopSearchDeployed,
19
19
  }) => {
20
- const [r, I] = m(o), [h, b] = m(o?.language), [y, f] = m(o?.region), [i, C] = m("region"), [K, p] = m(!1);
21
- let u = !1;
22
- const A = G(!1), { mouse: d } = T();
23
- F(() => () => {
24
- typeof window < "u" && window.removeEventListener("click", $);
25
- }, []), F(() => {
26
- typeof window < "u" && (I(o), !h && o?.language && b(o?.language), !y && o?.region && n?.length && f(o?.region)), n?.length || C("language");
20
+ const [d, K] = h(o), [f, p] = h(o?.language), [u, y] = h(o?.region), [s, w] = h("region"), [O, b] = h(!1);
21
+ let _ = !1;
22
+ const R = j(!1), { mouse: g } = H();
23
+ E(() => () => {
24
+ typeof window < "u" && window.removeEventListener("click", L);
25
+ }, []), E(() => {
26
+ typeof window < "u" && (K(o), !f && o?.language && p(o?.language), !u && o?.region && n?.length && y(o?.region)), n?.length || w("language");
27
27
  }, [o]);
28
- const x = () => {
28
+ const $ = () => {
29
29
  const e = {
30
- region: y,
31
- language: h
30
+ region: u,
31
+ language: f
32
32
  };
33
- g(!1), E ? p(!0) : k(e), A.current = !0;
34
- }, D = () => {
33
+ r(!1), x ? b(!0) : N(e), R.current = !0;
34
+ }, z = () => {
35
35
  const e = {
36
- region: y,
37
- language: h
36
+ region: u,
37
+ language: f
38
38
  };
39
- p(!1), k(e);
40
- }, O = () => {
41
- p(!1), b(o?.language), f(o?.region);
42
- }, $ = () => {
43
- u && (B(!1), u = !1);
44
- }, R = () => {
45
- u = !0, typeof document < "u" && window.addEventListener("click", $);
46
- }, z = (e) => {
47
- e(), u = !0;
48
- }, w = (e, s) => {
49
- e.keyCode === 13 && (s(), u = !0);
50
- }, L = (e, s, _) => {
51
- e.keyCode === 13 && s(_);
39
+ b(!1), N(e);
40
+ }, A = () => {
41
+ b(!1), p(o?.language), y(o?.region);
42
+ }, L = () => {
43
+ _ && (I(!1), _ = !1);
44
+ }, D = () => {
45
+ _ = !0, typeof document < "u" && window.addEventListener("click", L);
46
+ }, M = (e) => {
47
+ e(), _ = !0;
48
+ }, k = (e, l) => {
49
+ e.keyCode === 13 && (l(), _ = !0);
50
+ }, G = (e, l, m) => {
51
+ e.keyCode === 13 && l(m);
52
+ }, F = (e) => {
53
+ if (p(e), !(n?.length > 1)) {
54
+ const l = {
55
+ region: u,
56
+ language: e
57
+ // use the argument, not the stale state variable
58
+ };
59
+ r(!1), x ? b(!0) : N(l);
60
+ }
61
+ }, T = (e, l) => {
62
+ e.keyCode === 13 && F(l);
52
63
  };
53
- return /* @__PURE__ */ a(M, { children: [
64
+ return /* @__PURE__ */ a(B, { children: [
54
65
  /* @__PURE__ */ a(
55
66
  "div",
56
67
  {
57
- className: `t2-language-selector ${c === !0 ? "t2-language-selector--deployed" : ""}`,
68
+ className: `t2-language-selector ${i === !0 ? "t2-language-selector--deployed" : ""}`,
58
69
  children: [
59
70
  /* @__PURE__ */ a(
60
71
  "div",
61
72
  {
62
- className: d ? `t2-language-selector__header ${c && "t2-language-selector__header-deployed"}` : `t2-language-selector__header tabFocus ${c && "t2-language-selector__header-deployed"}`,
73
+ className: g ? `t2-language-selector__header ${i && "t2-language-selector__header-deployed"}` : `t2-language-selector__header tabFocus ${i && "t2-language-selector__header-deployed"}`,
63
74
  role: "button",
64
75
  tabIndex: 0,
65
- onClick: () => z(g),
66
- onKeyDown: (e) => w(e, g),
67
- "aria-label": `${r?.region}: Change Region or language`,
68
- "aria-expanded": c,
76
+ onClick: () => M(r),
77
+ onKeyDown: (e) => k(e, r),
78
+ "aria-label": `${d?.region}: Change Region or language`,
79
+ "aria-expanded": i,
69
80
  children: [
70
81
  /* @__PURE__ */ t("div", { className: "t2-language-selector__header__close", children: /* @__PURE__ */ t(
71
82
  "svg",
@@ -92,7 +103,7 @@ const H = ({
92
103
  size: 20
93
104
  }
94
105
  ) }),
95
- /* @__PURE__ */ t("div", { className: "t2-language-selector__header-mobile-icon", children: c && /* @__PURE__ */ t(
106
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__header-mobile-icon", children: i && /* @__PURE__ */ t(
96
107
  v,
97
108
  {
98
109
  type: "t2u-chevron-right",
@@ -103,13 +114,13 @@ const H = ({
103
114
  /* @__PURE__ */ a(
104
115
  "div",
105
116
  {
106
- className: `t2-language-selector__header-text ${c && "t2-language-selector__header-text-deployed"}`,
117
+ className: `t2-language-selector__header-text ${i && "t2-language-selector__header-text-deployed"}`,
107
118
  children: [
108
- n?.length > 1 && r?.region && r?.region?.toLowerCase() !== "international" && /* @__PURE__ */ a("div", { className: "t2-language-selector__header-text-region", children: [
109
- r?.region,
119
+ n?.length > 1 && d?.region && d?.region?.toLowerCase() !== "international" && /* @__PURE__ */ a("div", { className: "t2-language-selector__header-text-region", children: [
120
+ d?.region,
110
121
  /* @__PURE__ */ t("span", { className: "t2-language-selector__header-text-divider", children: "|" })
111
122
  ] }),
112
- r?.language && /* @__PURE__ */ t("div", { className: "t2-language-selector__header-text-language", children: r?.language?.nativeField })
123
+ d?.language && /* @__PURE__ */ t("div", { className: "t2-language-selector__header-text-language", children: d?.language?.nativeField })
113
124
  ]
114
125
  }
115
126
  ),
@@ -117,41 +128,41 @@ const H = ({
117
128
  ]
118
129
  }
119
130
  ),
120
- c && /* @__PURE__ */ a(
131
+ i && /* @__PURE__ */ a(
121
132
  "div",
122
133
  {
123
- className: d && n?.length ? "t2-language-selector__body" : !d && n?.length ? "t2-language-selector__body tabFocus" : n?.length ? "t2-language-selector__body" : "t2-language-selector__body no-regions",
134
+ className: g && n?.length ? "t2-language-selector__body" : !g && n?.length ? "t2-language-selector__body tabFocus" : n?.length ? "t2-language-selector__body" : "t2-language-selector__body no-regions",
124
135
  tabIndex: 0,
125
- onMouseLeave: () => R(),
136
+ onMouseLeave: () => D(),
126
137
  children: [
127
138
  /* @__PURE__ */ a("div", { className: "t2-language-selector__body-content", children: [
128
139
  n && n?.length > 0 && /* @__PURE__ */ a(
129
140
  "div",
130
141
  {
131
- className: `t2-language-selector__body-section ${i === "region" ? "t2-language-selector__body-section--region-selected" : ""}`,
142
+ className: `t2-language-selector__body-section ${s === "region" ? "t2-language-selector__body-section--region-selected" : ""}`,
132
143
  children: [
133
144
  /* @__PURE__ */ t(
134
145
  "div",
135
146
  {
136
- className: `t2-language-selector__body-section-title ${i === "region" ? "t2-language-selector__body-section-title--selected" : "t2-language-selector__body-section-title--no-selected"}`,
137
- onClick: () => C("region"),
138
- children: l?.region || "REGION"
147
+ className: `t2-language-selector__body-section-title ${s === "region" ? "t2-language-selector__body-section-title--selected" : "t2-language-selector__body-section-title--no-selected"}`,
148
+ onClick: () => w("region"),
149
+ children: c?.region || "REGION"
139
150
  }
140
151
  ),
141
152
  /* @__PURE__ */ t(
142
153
  "div",
143
154
  {
144
- className: `t2-language-selector__body-section-items ${i === "region" ? "t2-language-selector__body-section-items--expanded" : "t2-language-selector__body-section-items--no-expanded"}`,
145
- children: n && n?.length > 0 && n?.map((e, s) => /* @__PURE__ */ a(
155
+ className: `t2-language-selector__body-section-items ${s === "region" ? "t2-language-selector__body-section-items--expanded" : "t2-language-selector__body-section-items--no-expanded"}`,
156
+ children: n && n?.length > 0 && n?.map((e, l) => /* @__PURE__ */ a(
146
157
  "div",
147
158
  {
148
- className: d ? "t2-language-selector__body-section-item" : "t2-language-selector__body-section-item tabFocus",
149
- onClick: () => f(e),
150
- onKeyDown: (_) => L(_, f, e),
159
+ className: g ? "t2-language-selector__body-section-item" : "t2-language-selector__body-section-item tabFocus",
160
+ onClick: () => y(e),
161
+ onKeyDown: (m) => G(m, y, e),
151
162
  "aria-label": `${e}`,
152
163
  tabIndex: 0,
153
164
  children: [
154
- /* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-item-icon", children: e === y && /* @__PURE__ */ t(
165
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-item-icon", children: e === u && /* @__PURE__ */ t(
155
166
  v,
156
167
  {
157
168
  type: "t2u-check",
@@ -162,7 +173,7 @@ const H = ({
162
173
  /* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-item-text", children: e })
163
174
  ]
164
175
  },
165
- `region-${s}`
176
+ `region-${l}`
166
177
  ))
167
178
  }
168
179
  )
@@ -172,30 +183,30 @@ const H = ({
172
183
  /* @__PURE__ */ a(
173
184
  "div",
174
185
  {
175
- className: `t2-language-selector__body-section ${i === "language" && n?.length ? "t2-language-selector__body-section--lang-selected" : i === "language" && !n?.length ? "t2-language-selector__body-section--lang-selected no-regions" : ""}`,
186
+ className: `t2-language-selector__body-section ${s === "language" && n?.length ? "t2-language-selector__body-section--lang-selected" : s === "language" && !n?.length ? "t2-language-selector__body-section--lang-selected no-regions" : ""}`,
176
187
  children: [
177
188
  /* @__PURE__ */ t(
178
189
  "div",
179
190
  {
180
- className: `t2-language-selector__body-section-title ${i === "language" ? "t2-language-selector__body-section-title--selected" : "t2-language-selector__body-section-title--no-selected"}`,
181
- onClick: () => C("language"),
182
- children: l?.language || "LANGUAGE"
191
+ className: `t2-language-selector__body-section-title ${s === "language" ? "t2-language-selector__body-section-title--selected" : "t2-language-selector__body-section-title--no-selected"}`,
192
+ onClick: () => w("language"),
193
+ children: c?.language || "LANGUAGE"
183
194
  }
184
195
  ),
185
196
  /* @__PURE__ */ t(
186
197
  "div",
187
198
  {
188
- className: `t2-language-selector__body-section-items ${i === "language" ? "t2-language-selector__body-section-items--expanded" : "t2-language-selector__body-section-items--no-expanded"}`,
189
- children: N && N?.length > 0 && N?.map((e, s) => /* @__PURE__ */ a(
199
+ className: `t2-language-selector__body-section-items ${s === "language" ? "t2-language-selector__body-section-items--expanded" : "t2-language-selector__body-section-items--no-expanded"}`,
200
+ children: C && C?.length > 0 && C?.map((e, l) => /* @__PURE__ */ a(
190
201
  "div",
191
202
  {
192
- className: d ? "t2-language-selector__body-section-item" : "t2-language-selector__body-section-item tabFocus",
193
- onClick: () => b(e),
194
- onKeyDown: (_) => L(_, b, e),
203
+ className: g ? "t2-language-selector__body-section-item" : "t2-language-selector__body-section-item tabFocus",
204
+ onClick: () => F(e),
205
+ onKeyDown: (m) => T(m, e),
195
206
  "aria-label": `${e?.nativeField} (${e?.translatableName})`,
196
207
  tabIndex: 0,
197
208
  children: [
198
- /* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-item-icon", children: e?.code === h?.code && /* @__PURE__ */ t(
209
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__body-section-item-icon", children: e?.code === f?.code && /* @__PURE__ */ t(
199
210
  v,
200
211
  {
201
212
  type: "t2u-check",
@@ -210,7 +221,7 @@ const H = ({
210
221
  ] })
211
222
  ]
212
223
  },
213
- `region-${s}`
224
+ `region-${l}`
214
225
  ))
215
226
  }
216
227
  )
@@ -218,27 +229,29 @@ const H = ({
218
229
  }
219
230
  )
220
231
  ] }),
221
- /* @__PURE__ */ t("div", { className: "t2-language-selector__body-fade" }),
222
- /* @__PURE__ */ a("div", { className: "t2-language-selector__body-footer", children: [
223
- /* @__PURE__ */ t(
224
- "div",
225
- {
226
- onClick: () => g(!1),
227
- onKeyDown: (e) => w(e, g),
228
- className: d ? "t2-language-selector__body-footer-link" : "t2-language-selector__body-footer-link tabFocus",
229
- tabIndex: 0,
230
- children: l?.buttons?.cancel || "Cancel"
231
- }
232
- ),
233
- /* @__PURE__ */ t(
234
- "button",
235
- {
236
- onClick: () => x(),
237
- onKeyDown: (e) => w(e, x),
238
- className: "t2-language-selector__body-footer-button",
239
- children: l?.buttons?.ok || "OK"
240
- }
241
- )
232
+ n?.length > 1 && /* @__PURE__ */ a(B, { children: [
233
+ /* @__PURE__ */ t("div", { className: "t2-language-selector__body-fade" }),
234
+ /* @__PURE__ */ a("div", { className: "t2-language-selector__body-footer", children: [
235
+ /* @__PURE__ */ t(
236
+ "div",
237
+ {
238
+ onClick: () => r(!1),
239
+ onKeyDown: (e) => k(e, r),
240
+ className: g ? "t2-language-selector__body-footer-link" : "t2-language-selector__body-footer-link tabFocus",
241
+ tabIndex: 0,
242
+ children: c?.buttons?.cancel || "Cancel"
243
+ }
244
+ ),
245
+ /* @__PURE__ */ t(
246
+ "button",
247
+ {
248
+ onClick: () => $(),
249
+ onKeyDown: (e) => k(e, $),
250
+ className: "t2-language-selector__body-footer-button",
251
+ children: c?.buttons?.ok || "OK"
252
+ }
253
+ )
254
+ ] })
242
255
  ] })
243
256
  ]
244
257
  }
@@ -247,19 +260,19 @@ const H = ({
247
260
  }
248
261
  ),
249
262
  /* @__PURE__ */ t(
250
- j,
263
+ P,
251
264
  {
252
- isOpen: K,
253
- title: l?.confirmationDialog?.title || "Alert",
254
- content: l?.confirmationDialog?.message || "Changing the language will also update your language preference in your profile. Do you want to proceed?",
255
- primaryButtonText: l?.confirmationDialog?.approveButtonLabel || "Proceed",
256
- secondaryButtonText: l?.confirmationDialog?.denyButtonLabel || "Cancel",
257
- onPrimaryButtonClick: D,
258
- onSecondaryButtonClick: O
265
+ isOpen: O,
266
+ title: c?.confirmationDialog?.title || "Alert",
267
+ content: c?.confirmationDialog?.message || "Changing the language will also update your language preference in your profile. Do you want to proceed?",
268
+ primaryButtonText: c?.confirmationDialog?.approveButtonLabel || "Proceed",
269
+ secondaryButtonText: c?.confirmationDialog?.denyButtonLabel || "Cancel",
270
+ onPrimaryButtonClick: z,
271
+ onSecondaryButtonClick: A
259
272
  }
260
273
  )
261
274
  ] });
262
275
  };
263
276
  export {
264
- H as default
277
+ Q as default
265
278
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trimble-terra",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "description": "Trimble Terra — React component library for Trimble MXP2 web experiences",
5
5
  "publishConfig": {
6
6
  "access": "public"