luna-one 3.1.574 → 3.1.576
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/luna/components/AdminCategoryData/AdminCategoryData.js +0 -2
- package/dist/luna/components/AdminCategoryData/CategoryTranslationData.js +3 -3
- package/dist/luna/components/AdminProductData/AdminProductData.js +3 -3
- package/dist/luna/components/EventCard/EventCard.js +2 -2
- package/dist/luna/components/Login/Login.js +4 -4
- package/dist/luna/components/MegaMenu/MegaMenu.js +5 -5
- package/dist/luna/components/MegaMenu/menu-generators/AllSections.js +0 -2
- package/dist/luna/components/MegaMenu/menu-generators/FullSubMenu.js +0 -2
- package/dist/luna/components/MegaMenu/menu-generators/PartialSubMenu.js +3 -3
- package/dist/luna/components/MegaMenu/menu-generators/SubMenu.js +3 -3
- package/dist/luna/components/MegaMenu/menu-generators/TertiaryMenu.js +2 -2
- package/dist/luna/components/MegaMenu/menu-generators/UncollapsedLinks.js +2 -2
- package/dist/luna/components/MegaMenu/menu-generators/UncollapsedSubMenu.js +0 -2
- package/dist/luna/components/MobileLogin/MobileLogin.js +4 -4
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.js +3 -3
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenuCategory.js +5 -5
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenuPartialCategory.js +2 -2
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenuSubCategory.js +8 -8
- package/dist/luna/components/MobileNav/MobileNav.js +2 -2
- package/dist/luna/components/NavBarTop/NavBarTop.js +6 -6
- package/dist/luna/components/RegionCard/RegionCard.js +3 -3
- package/dist/luna/components/StoreFrontCard/StoreFrontCard.js +2 -2
- package/dist/luna/components/Tabs/Tabs.js +2 -2
- package/dist/luna/components/VariableContentCard/VariableContentCard.js +3 -3
- package/dist/luna/featurettes/Feat5/Feat5.js +3 -3
- package/dist/luna/heroes/Hero3/Hero3.js +4 -4
- package/dist/luna/other-organisms/Carousel/Carousel.js +5 -9
- package/dist/luna/other-organisms/Flyout/Flyout.js +3 -3
- package/dist/luna/other-organisms/LanguageSelector/LanguageSelector.js +3 -3
- package/dist/luna/other-organisms/NavBar/NavBar.js +0 -2
- package/dist/luna/other-organisms/NavBar/NavMiniMenu.js +3 -3
- package/dist/luna/other-organisms/NavBar/UtilityNav.js +2 -2
- package/dist/luna/other-organisms/SubNav/SubNav.js +2 -2
- package/package.json +1 -1
|
@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
require("./AdminCategoryData.scss");
|
|
13
13
|
|
|
14
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
|
15
|
-
|
|
16
14
|
var _CategoryTranslationData = _interopRequireDefault(require("./CategoryTranslationData"));
|
|
17
15
|
|
|
18
16
|
var AdminCategoryData = function AdminCategoryData(_ref) {
|
|
@@ -13,7 +13,7 @@ var _terraOne = require("terra-one");
|
|
|
13
13
|
|
|
14
14
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
15
15
|
|
|
16
|
-
var _lodash =
|
|
16
|
+
var _lodash = require("lodash");
|
|
17
17
|
|
|
18
18
|
var CategoryTranslationData = function CategoryTranslationData(_ref) {
|
|
19
19
|
var _ref$content = _ref.content,
|
|
@@ -52,7 +52,7 @@ var CategoryTranslationData = function CategoryTranslationData(_ref) {
|
|
|
52
52
|
className: "bold-me-pls"
|
|
53
53
|
}, "Normal URL:"), " ", /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
|
|
54
54
|
Link: Link ? Link : null,
|
|
55
|
-
id: _lodash
|
|
55
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
56
56
|
className: mouse ? "" : "tabFocus",
|
|
57
57
|
tabIndex: mouse ? "" : "0",
|
|
58
58
|
to: "/".concat(language).concat(url)
|
|
@@ -60,7 +60,7 @@ var CategoryTranslationData = function CategoryTranslationData(_ref) {
|
|
|
60
60
|
className: "bold-me-pls"
|
|
61
61
|
}, "QA URL:"), " ", /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
|
|
62
62
|
Link: Link ? Link : null,
|
|
63
|
-
id: _lodash
|
|
63
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
64
64
|
className: mouse ? "" : "tabFocus",
|
|
65
65
|
tabIndex: mouse ? "" : "0",
|
|
66
66
|
to: "/".concat(currentLanguageURL, "/admin").concat(url, "/").concat(language)
|
|
@@ -17,7 +17,7 @@ var _terraOne = require("terra-one");
|
|
|
17
17
|
|
|
18
18
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
19
19
|
|
|
20
|
-
var _lodash =
|
|
20
|
+
var _lodash = require("lodash");
|
|
21
21
|
|
|
22
22
|
var AdminProductData = function AdminProductData(_ref) {
|
|
23
23
|
var content = _ref.content,
|
|
@@ -84,7 +84,7 @@ var TranslationData = function TranslationData(_ref2) {
|
|
|
84
84
|
className: "bold-me-pls"
|
|
85
85
|
}, "Normal URL:"), " ", /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
|
|
86
86
|
Link: content === null || content === void 0 ? void 0 : content.Link,
|
|
87
|
-
id: _lodash
|
|
87
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
88
88
|
className: mouse ? "" : "tabFocus",
|
|
89
89
|
tabIndex: mouse ? "" : "0",
|
|
90
90
|
to: "/".concat(language).concat(url)
|
|
@@ -92,7 +92,7 @@ var TranslationData = function TranslationData(_ref2) {
|
|
|
92
92
|
className: "bold-me-pls"
|
|
93
93
|
}, "QA URL:"), " ", /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
|
|
94
94
|
Link: content !== null && content !== void 0 && content.Link ? content === null || content === void 0 ? void 0 : content.Link : null,
|
|
95
|
-
id: _lodash
|
|
95
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
96
96
|
className: mouse ? "" : "tabFocus",
|
|
97
97
|
tabIndex: mouse ? "" : "0",
|
|
98
98
|
to: "/".concat(currentLanguageURL, "/admin").concat(url, "/").concat(language)
|
|
@@ -17,7 +17,7 @@ var _removeSpaces = require("../../utils/removeSpaces");
|
|
|
17
17
|
|
|
18
18
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
19
19
|
|
|
20
|
-
var _lodash =
|
|
20
|
+
var _lodash = require("lodash");
|
|
21
21
|
|
|
22
22
|
var _terraOne = require("terra-one");
|
|
23
23
|
|
|
@@ -65,7 +65,7 @@ var EventCard = function EventCard(_ref) {
|
|
|
65
65
|
url: link.url || "",
|
|
66
66
|
Link: Link
|
|
67
67
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
68
|
-
id: _lodash
|
|
68
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
69
69
|
tabIndex: mouse ? "" : "0",
|
|
70
70
|
className: mouse ? "" : "mep-event-card__focus"
|
|
71
71
|
}, /*#__PURE__*/_react["default"].createElement(_terraOne.Icon, {
|
|
@@ -23,7 +23,7 @@ var _userProfile = _interopRequireDefault(require("../../images/user-profile.svg
|
|
|
23
23
|
|
|
24
24
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
25
25
|
|
|
26
|
-
var _lodash =
|
|
26
|
+
var _lodash = require("lodash");
|
|
27
27
|
|
|
28
28
|
var Login = function Login(_ref) {
|
|
29
29
|
var _login$userInformatio, _login$userInformatio2, _login$userInformatio3, _login$userInformatio4;
|
|
@@ -81,7 +81,7 @@ var Login = function Login(_ref) {
|
|
|
81
81
|
if (item.machineName === "sign-out") {
|
|
82
82
|
return /*#__PURE__*/_react["default"].createElement("a", {
|
|
83
83
|
tabIndex: mouse ? "" : "0",
|
|
84
|
-
id: _lodash
|
|
84
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
85
85
|
key: index,
|
|
86
86
|
className: mouse ? "sketchup-login__list-item" : "sketchup-login__list-item tagFocus",
|
|
87
87
|
onClick: function onClick() {
|
|
@@ -94,7 +94,7 @@ var Login = function Login(_ref) {
|
|
|
94
94
|
} else {
|
|
95
95
|
return /*#__PURE__*/_react["default"].createElement("a", {
|
|
96
96
|
tabIndex: mouse ? "" : "0",
|
|
97
|
-
id: _lodash
|
|
97
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
98
98
|
key: index,
|
|
99
99
|
className: mouse ? "sketchup-login__list-item" : "sketchup-login__list-item tagFocus",
|
|
100
100
|
href: item.url
|
|
@@ -166,7 +166,7 @@ var Login = function Login(_ref) {
|
|
|
166
166
|
className: "logout__button"
|
|
167
167
|
}, logoutText)))) : /*#__PURE__*/_react["default"].createElement("article", {
|
|
168
168
|
className: mouse ? "sketchup-login" : "sketchup-login tagFocus",
|
|
169
|
-
id: _lodash
|
|
169
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
170
170
|
style: {
|
|
171
171
|
display: isHidden ? "none" : ""
|
|
172
172
|
}
|
|
@@ -23,7 +23,7 @@ var _crossMediumWhite = _interopRequireDefault(require("../../images/cross-mediu
|
|
|
23
23
|
|
|
24
24
|
var _formatID = _interopRequireDefault(require("../../utils/formatID"));
|
|
25
25
|
|
|
26
|
-
var _lodash =
|
|
26
|
+
var _lodash = require("lodash");
|
|
27
27
|
|
|
28
28
|
var _NavBar = require("../../other-organisms/NavBar/NavBar");
|
|
29
29
|
|
|
@@ -248,7 +248,7 @@ var MegaMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
248
248
|
};
|
|
249
249
|
var menuType = !collapsed ? "uncollapsed-dropdown" : !hasTertiary ? "dropdown" : "tertiary-dropdown";
|
|
250
250
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
251
|
-
id: _lodash
|
|
251
|
+
id: (0, _lodash.uniqueId)("mega-menu-"),
|
|
252
252
|
tabIndex: mouse ? "" : "0",
|
|
253
253
|
className: "ter-mega-menu ".concat(isOpen ? "ter-mega-menu--is-open" : "", " ").concat(mouse ? "" : "tabFocus", " ").concat(returnDeployedChildClass(), "\n ").concat(displayIcons ? "ter-mega-menu--with-icon" : ""),
|
|
254
254
|
onKeyDown: function onKeyDown(e) {
|
|
@@ -265,7 +265,7 @@ var MegaMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
265
265
|
id: (0, _formatID["default"])("".concat(content.text, "-mega-menu-nav-text")),
|
|
266
266
|
className: "ter-mega-menu__nav-text ".concat(isOpen ? "ter-mega-menu__nav-text--is-open" : "", "\n ").concat(active ? "active" : "", "\n ").concat(theme ? "ter-mega-menu__nav-text--".concat(theme) : "", "\n ").concat(displayIcons ? "ter-mega-menu__nav-text--with-icon" : "", "\n ").concat(displayIcons && theme ? "ter-mega-menu__nav-text--with-icon" : "", "\n ")
|
|
267
267
|
}, content.text, /*#__PURE__*/_react["default"].createElement("img", {
|
|
268
|
-
id: _lodash
|
|
268
|
+
id: (0, _lodash.uniqueId)("cross-icon-"),
|
|
269
269
|
src: theme === "blue" ? _crossMediumWhite["default"] : _crossMediumBlue["default"],
|
|
270
270
|
alt: "cross icon",
|
|
271
271
|
"aria-label": isOpen ? "Opened" : "Closed",
|
|
@@ -276,11 +276,11 @@ var MegaMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
276
276
|
style: (0, _objectSpread2["default"])({}, navHeightStyles)
|
|
277
277
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
278
278
|
className: "ter-mega-menu__left-section ".concat(isOpen ? "ter-mega-menu__left-section--is-open" : "", " ").concat(!collapsed ? "ter-mega-menu__left-section--is-uncollapsed" : ""),
|
|
279
|
-
id: _lodash
|
|
279
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
280
280
|
}, /*#__PURE__*/_react["default"].createElement(_AllSections.AllSections, {
|
|
281
281
|
sectionProps: allMenuProps
|
|
282
282
|
})), !collapsed && ((_content$featuredLink = content.featuredLinks) === null || _content$featuredLink === void 0 ? void 0 : _content$featuredLink.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
283
|
-
id: _lodash
|
|
283
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
284
284
|
className: "ter-feature-section ".concat(isOpen ? "ter-feature-section--is-open" : "")
|
|
285
285
|
}, /*#__PURE__*/_react["default"].createElement(_FeatureSection.FeatureSection, {
|
|
286
286
|
featureProps: allMenuProps
|
|
@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _formatID = _interopRequireDefault(require("../../../utils/formatID"));
|
|
17
17
|
|
|
18
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
|
19
|
-
|
|
20
18
|
var _UncollapsedSubMenu = require("./UncollapsedSubMenu");
|
|
21
19
|
|
|
22
20
|
var _FullSubMenu = require("./FullSubMenu");
|
|
@@ -13,8 +13,6 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
|
|
|
13
13
|
|
|
14
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
15
15
|
|
|
16
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
|
17
|
-
|
|
18
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
17
|
|
|
20
18
|
var _rightCaretLightGray = _interopRequireDefault(require("../../../images/right-caret-light-gray.svg"));
|
|
@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _formatID = _interopRequireDefault(require("../../../utils/formatID"));
|
|
15
15
|
|
|
16
|
-
var _lodash =
|
|
16
|
+
var _lodash = require("lodash");
|
|
17
17
|
|
|
18
18
|
var _terraOne = require("terra-one");
|
|
19
19
|
|
|
@@ -34,12 +34,12 @@ var PartialSubMenu = function PartialSubMenu(props) {
|
|
|
34
34
|
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
|
|
35
35
|
key: category === null || category === void 0 ? void 0 : category.contentfulId
|
|
36
36
|
}, ((category === null || category === void 0 ? void 0 : category.url) || (category === null || category === void 0 ? void 0 : (_category$link = category.link) === null || _category$link === void 0 ? void 0 : _category$link.url)) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
37
|
-
id: _lodash
|
|
37
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
38
38
|
className: "ter-mega-menu__left-title",
|
|
39
39
|
"aria-controls": "".concat(category.text, "-mega-menu-title-link")
|
|
40
40
|
}, /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
|
|
41
41
|
to: (category === null || category === void 0 ? void 0 : category.url) || (category === null || category === void 0 ? void 0 : (_category$link2 = category.link) === null || _category$link2 === void 0 ? void 0 : _category$link2.url),
|
|
42
|
-
id: "".concat(category.text, "-mega-menu-title-link").concat(_lodash
|
|
42
|
+
id: "".concat(category.text, "-mega-menu-title-link").concat((0, _lodash.uniqueId)("-")),
|
|
43
43
|
Link: Link,
|
|
44
44
|
depth: 2,
|
|
45
45
|
tabIndex: mouse ? "" : "0",
|
|
@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
19
19
|
|
|
20
20
|
var _formatID = _interopRequireDefault(require("../../../utils/formatID"));
|
|
21
21
|
|
|
22
|
-
var _lodash =
|
|
22
|
+
var _lodash = require("lodash");
|
|
23
23
|
|
|
24
24
|
var _terraOne = require("terra-one");
|
|
25
25
|
|
|
@@ -94,7 +94,7 @@ var SubMenu = function SubMenu(props) {
|
|
|
94
94
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
95
95
|
className: "ter-right-section__clip ".concat(isOpen ? "ter-right-section__clip--is-open" : "")
|
|
96
96
|
}, /*#__PURE__*/_react["default"].createElement("div", (_React$createElement = {
|
|
97
|
-
id: _lodash
|
|
97
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
98
98
|
tabIndex: mouse ? "" : "0",
|
|
99
99
|
onMouseOver: function onMouseOver() {
|
|
100
100
|
setIsMousedOver(category.contentfulId);
|
|
@@ -154,7 +154,7 @@ var SubMenu = function SubMenu(props) {
|
|
|
154
154
|
}, /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, (_React$createElement2 = {
|
|
155
155
|
depth: 3,
|
|
156
156
|
Link: Link,
|
|
157
|
-
id: _lodash
|
|
157
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
158
158
|
tabIndex: mouse ? "" : "0"
|
|
159
159
|
}, (0, _defineProperty2["default"])(_React$createElement2, "id", (0, _formatID["default"])("".concat(link.text, "-right-section-link"))), (0, _defineProperty2["default"])(_React$createElement2, "to", link === null || link === void 0 ? void 0 : link.url), (0, _defineProperty2["default"])(_React$createElement2, "href", link === null || link === void 0 ? void 0 : link.href), (0, _defineProperty2["default"])(_React$createElement2, "className", "ter-right-section__link ".concat(childOpen === (link === null || link === void 0 ? void 0 : link.contentfulId) ? "ter-right-section__link--is-open" : "", " ").concat(mouse ? "" : "tabFocus", "\n ")), (0, _defineProperty2["default"])(_React$createElement2, "onClick", closeAllDropDowns), (0, _defineProperty2["default"])(_React$createElement2, "target", typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null), _React$createElement2), /*#__PURE__*/_react["default"].createElement("p", {
|
|
160
160
|
id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-mega-menu-item-link-text")),
|
|
@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
19
19
|
|
|
20
20
|
var _formatID = _interopRequireDefault(require("../../../utils/formatID"));
|
|
21
21
|
|
|
22
|
-
var _lodash =
|
|
22
|
+
var _lodash = require("lodash");
|
|
23
23
|
|
|
24
24
|
var _terraOne = require("terra-one");
|
|
25
25
|
|
|
@@ -76,7 +76,7 @@ var TertiaryMenu = function TertiaryMenu(props) {
|
|
|
76
76
|
className: "ter-right-section__clip ".concat(isOpen ? "ter-right-section__clip--is-open" : "")
|
|
77
77
|
}, /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, (_React$createElement = {
|
|
78
78
|
Link: Link,
|
|
79
|
-
id: _lodash
|
|
79
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
80
80
|
tabIndex: mouse ? "" : "0",
|
|
81
81
|
depth: 4
|
|
82
82
|
}, (0, _defineProperty2["default"])(_React$createElement, "id", (0, _formatID["default"])("".concat(link.text, "-right-section-link"))), (0, _defineProperty2["default"])(_React$createElement, "to", link === null || link === void 0 ? void 0 : link.url), (0, _defineProperty2["default"])(_React$createElement, "href", link === null || link === void 0 ? void 0 : link.href), (0, _defineProperty2["default"])(_React$createElement, "className", "ter-right-section__link ".concat(open === link.contentfulId ? "ter-right-section__link--is-open" : "", " ").concat(mouse ? "" : "tabFocus", "\n ")), (0, _defineProperty2["default"])(_React$createElement, "onClick", function onClick() {
|
|
@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _formatID = _interopRequireDefault(require("../../../utils/formatID"));
|
|
17
17
|
|
|
18
|
-
var _lodash =
|
|
18
|
+
var _lodash = require("lodash");
|
|
19
19
|
|
|
20
20
|
var _terraOne = require("terra-one");
|
|
21
21
|
|
|
@@ -44,7 +44,7 @@ var UncollapsedLinks = function UncollapsedLinks(props) {
|
|
|
44
44
|
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
|
|
45
45
|
key: link.contentfulId
|
|
46
46
|
}, (link === null || link === void 0 ? void 0 : link.url) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
47
|
-
id: _lodash
|
|
47
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
48
48
|
onMouseOver: function onMouseOver() {
|
|
49
49
|
return mouseOverFeature(link.contentfulId);
|
|
50
50
|
},
|
|
@@ -13,8 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _formatID = _interopRequireDefault(require("../../../utils/formatID"));
|
|
15
15
|
|
|
16
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
|
17
|
-
|
|
18
16
|
var _UncollapsedLinks = require("./UncollapsedLinks");
|
|
19
17
|
|
|
20
18
|
var UncollapsedSubMenu = function UncollapsedSubMenu(props) {
|
|
@@ -23,7 +23,7 @@ var _userProfile = _interopRequireDefault(require("../../images/user-profile.svg
|
|
|
23
23
|
|
|
24
24
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
25
25
|
|
|
26
|
-
var _lodash =
|
|
26
|
+
var _lodash = require("lodash");
|
|
27
27
|
|
|
28
28
|
//TODO: This is a duplicate of <Login /> make Mobile login component when there are new designs
|
|
29
29
|
var MobileLogin = function MobileLogin(props) {
|
|
@@ -84,7 +84,7 @@ var MobileLogin = function MobileLogin(props) {
|
|
|
84
84
|
if (item.machineName === "sign-out") {
|
|
85
85
|
return /*#__PURE__*/_react["default"].createElement("a", {
|
|
86
86
|
tabIndex: mouse ? "" : "0",
|
|
87
|
-
id: _lodash
|
|
87
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
88
88
|
key: index,
|
|
89
89
|
className: mouse ? "sketchup-login__list-item" : "sketchup-login__list-item tagFocus",
|
|
90
90
|
onClick: function onClick() {
|
|
@@ -97,7 +97,7 @@ var MobileLogin = function MobileLogin(props) {
|
|
|
97
97
|
} else {
|
|
98
98
|
return /*#__PURE__*/_react["default"].createElement("a", {
|
|
99
99
|
tabIndex: mouse ? "" : "0",
|
|
100
|
-
id: _lodash
|
|
100
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
101
101
|
key: index,
|
|
102
102
|
className: mouse ? "sketchup-login__list-item" : "sketchup-login__list-item tagFocus",
|
|
103
103
|
href: item.url
|
|
@@ -165,7 +165,7 @@ var MobileLogin = function MobileLogin(props) {
|
|
|
165
165
|
style: {
|
|
166
166
|
display: isHidden ? "none" : ""
|
|
167
167
|
},
|
|
168
|
-
id: _lodash
|
|
168
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
169
169
|
}, (login === null || login === void 0 ? void 0 : (_login$content3 = login.content) === null || _login$content3 === void 0 ? void 0 : _login$content3.text) && !login.loggedIn && /*#__PURE__*/_react["default"].createElement("a", {
|
|
170
170
|
onClick: function onClick() {
|
|
171
171
|
return login.handleLogin();
|
|
@@ -19,7 +19,7 @@ var _rightCaretLightGray = _interopRequireDefault(require("../../images/right-ca
|
|
|
19
19
|
|
|
20
20
|
var _formatID = _interopRequireDefault(require("../../utils/formatID"));
|
|
21
21
|
|
|
22
|
-
var _lodash =
|
|
22
|
+
var _lodash = require("lodash");
|
|
23
23
|
|
|
24
24
|
var _useOpenCategory2 = _interopRequireDefault(require("./useOpenCategory"));
|
|
25
25
|
|
|
@@ -142,7 +142,7 @@ var MobileMegaMenu = function MobileMegaMenu(props) {
|
|
|
142
142
|
|
|
143
143
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("section", {
|
|
144
144
|
className: getParentStyle(),
|
|
145
|
-
id: _lodash
|
|
145
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
146
146
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
147
147
|
id: (0, _formatID["default"])("".concat(megaMenuContent.contentfulId, "-mega-menu-name")),
|
|
148
148
|
className: "ter-mobile-mega-menu__name ".concat(isOpen ? "ter-mobile-mega-menu__name--open" : ""),
|
|
@@ -164,7 +164,7 @@ var MobileMegaMenu = function MobileMegaMenu(props) {
|
|
|
164
164
|
className: "ter-mobile-mega-menu__category-container ".concat(isOpen ? "ter-mobile-mega-menu__category-container--is-open" : "")
|
|
165
165
|
}, generateSubmenu(), featuredLinks && featuredLinks.length > 0 && generateFeaturedMenu(), megaMenuContent.bottomLink && (0, _generateLinks.generateSingleLink)(megaMenuContent.bottomLink, "ter-mobile-mega-menu__bottom-link", closeDropDown, Link))), /*#__PURE__*/_react["default"].createElement("section", {
|
|
166
166
|
className: "ter-mobile-mega-menu ".concat(invisible ? "ter-mobile-mega-menu--inactive" : ""),
|
|
167
|
-
id: _lodash
|
|
167
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
168
168
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
169
169
|
id: (0, _formatID["default"])("".concat(megaMenuContent.contentfulId, "-mega-menu-name")),
|
|
170
170
|
className: "ter-mobile-mega-menu__name ".concat(currentOpenMenu || !hamburgerIsOpen ? "" : "ter-mobile-mega-menu__name--open-parent"),
|
|
@@ -15,7 +15,7 @@ var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
|
15
15
|
|
|
16
16
|
var _generateLinks = require("../../utils/generateLinks");
|
|
17
17
|
|
|
18
|
-
var _lodash =
|
|
18
|
+
var _lodash = require("lodash");
|
|
19
19
|
|
|
20
20
|
var _formatID = _interopRequireDefault(require("../../utils/formatID"));
|
|
21
21
|
|
|
@@ -118,7 +118,7 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
|
|
|
118
118
|
|
|
119
119
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("section", {
|
|
120
120
|
className: getParentStyle(),
|
|
121
|
-
id: _lodash
|
|
121
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
122
122
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
123
123
|
tabIndex: mouse ? "" : "0",
|
|
124
124
|
id: (0, _formatID["default"])("".concat(name, "-mobile-mega-menu-category-name")),
|
|
@@ -134,7 +134,7 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
|
|
|
134
134
|
ref: uncollapsedMenu,
|
|
135
135
|
"data-depth": 2
|
|
136
136
|
}, name, /*#__PURE__*/_react["default"].createElement("img", {
|
|
137
|
-
id: _lodash
|
|
137
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
138
138
|
className: "ter-mobile-mega-menu__caret ".concat(isOpen && !openSubCategory ? "ter-mobile-mega-menu__caret--up" : "ter-mobile-mega-menu__caret--down"),
|
|
139
139
|
src: _rightCaretLightGray["default"],
|
|
140
140
|
alt: "caret icon"
|
|
@@ -142,7 +142,7 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
|
|
|
142
142
|
className: "ter-mobile-mega-menu-category__submenu ".concat(isOpen && !openSubCategory ? "ter-mobile-mega-menu-category__submenu--is-open" : "")
|
|
143
143
|
}, generateSubMenu())), /*#__PURE__*/_react["default"].createElement("section", {
|
|
144
144
|
className: "ter-mobile-mega-menu-category ".concat(parentOpen ? "" : "ter-mobile-mega-menu-category--hidden"),
|
|
145
|
-
id: _lodash
|
|
145
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
146
146
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
147
147
|
tabIndex: mouse ? "" : "0",
|
|
148
148
|
id: (0, _formatID["default"])("".concat(name, "-mobile-mega-menu-category-name")),
|
|
@@ -158,7 +158,7 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
|
|
|
158
158
|
"aria-expanded": !(isOpen && !openSubCategory),
|
|
159
159
|
ref: collapsedMenu
|
|
160
160
|
}, name, /*#__PURE__*/_react["default"].createElement("img", {
|
|
161
|
-
id: _lodash
|
|
161
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
162
162
|
className: "ter-mobile-mega-menu-category__caret",
|
|
163
163
|
src: _downCaretDarkBlue["default"],
|
|
164
164
|
alt: "caret icon"
|
|
@@ -13,7 +13,7 @@ var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
|
13
13
|
|
|
14
14
|
var _generateLinks = require("../../utils/generateLinks");
|
|
15
15
|
|
|
16
|
-
var _lodash =
|
|
16
|
+
var _lodash = require("lodash");
|
|
17
17
|
|
|
18
18
|
var MobileMegaMenuPartialCategory = function MobileMegaMenuPartialCategory(_ref) {
|
|
19
19
|
var name = _ref.name,
|
|
@@ -32,7 +32,7 @@ var MobileMegaMenuPartialCategory = function MobileMegaMenuPartialCategory(_ref)
|
|
|
32
32
|
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
33
33
|
className: "ter-mobile-mega-menu-category ".concat(isOpen ? "" : "ter-mobile-mega-menu-category--hidden")
|
|
34
34
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
35
|
-
id: _lodash
|
|
35
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
36
36
|
className: "ter-mobile-mega-menu-category__name--single"
|
|
37
37
|
}, (0, _generateLinks.generateMobileLink)(linkObj, "ter-mobile-mega-menu-category__single-link", closeDropDown, mouse, Link, 2)));
|
|
38
38
|
};
|
|
@@ -9,10 +9,10 @@ exports["default"] = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
11
|
|
|
12
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
-
|
|
14
12
|
var _react = _interopRequireDefault(require("react"));
|
|
15
13
|
|
|
14
|
+
var _lodash = require("lodash");
|
|
15
|
+
|
|
16
16
|
var _downCaretDarkBlue = _interopRequireDefault(require("../../images/down-caret-dark-blue.svg"));
|
|
17
17
|
|
|
18
18
|
var _rightCaretLightGray = _interopRequireDefault(require("../../images/right-caret-light-gray.svg"));
|
|
@@ -74,9 +74,9 @@ var MobileMegaMenuSubCategory = function MobileMegaMenuSubCategory(_ref) {
|
|
|
74
74
|
|
|
75
75
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("section", {
|
|
76
76
|
className: "ter-mobile-mega-menu--reveal--from-right ".concat(isOpen ? "ter-mobile-mega-menu--reveal--from-right--visible" : ""),
|
|
77
|
-
id: _lodash
|
|
77
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
78
78
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
79
|
-
id: _lodash
|
|
79
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
80
80
|
tabIndex: mouse ? "" : "0",
|
|
81
81
|
onClick: function onClick() {
|
|
82
82
|
return toggleCategory(categoryId);
|
|
@@ -89,7 +89,7 @@ var MobileMegaMenuSubCategory = function MobileMegaMenuSubCategory(_ref) {
|
|
|
89
89
|
"aria-expanded": isOpen,
|
|
90
90
|
ref: uncollapsedMenu
|
|
91
91
|
}, name, /*#__PURE__*/_react["default"].createElement("img", {
|
|
92
|
-
id: _lodash
|
|
92
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
93
93
|
className: "ter-mobile-mega-menu__caret ".concat(isOpen ? "ter-mobile-mega-menu__caret--up" : "ter-mobile-mega-menu__caret--down"),
|
|
94
94
|
src: _rightCaretLightGray["default"],
|
|
95
95
|
alt: "caret icon"
|
|
@@ -97,9 +97,9 @@ var MobileMegaMenuSubCategory = function MobileMegaMenuSubCategory(_ref) {
|
|
|
97
97
|
className: "ter-mobile-mega-menu-category__submenu ".concat(isOpen ? "ter-mobile-mega-menu-category__submenu--is-open" : "")
|
|
98
98
|
}, generateTertiaryMenu())), /*#__PURE__*/_react["default"].createElement("section", {
|
|
99
99
|
className: "ter-mobile-mega-menu-category ".concat(parentOpen ? "" : "ter-mobile-mega-menu-category--hidden"),
|
|
100
|
-
id: _lodash
|
|
100
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
101
101
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
102
|
-
id: _lodash
|
|
102
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
103
103
|
tabIndex: mouse ? "" : "0",
|
|
104
104
|
onClick: function onClick() {
|
|
105
105
|
return handleClick(categoryId);
|
|
@@ -113,7 +113,7 @@ var MobileMegaMenuSubCategory = function MobileMegaMenuSubCategory(_ref) {
|
|
|
113
113
|
ref: collapsedMenu,
|
|
114
114
|
"data-depth": 3
|
|
115
115
|
}, name, /*#__PURE__*/_react["default"].createElement("img", {
|
|
116
|
-
id: _lodash
|
|
116
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
117
117
|
className: "ter-mobile-mega-menu-category__caret",
|
|
118
118
|
src: _downCaretDarkBlue["default"],
|
|
119
119
|
alt: "caret icon"
|
|
@@ -25,7 +25,7 @@ var _user = _interopRequireDefault(require("../../images/user.svg"));
|
|
|
25
25
|
|
|
26
26
|
var _downCaretDarkBlue = _interopRequireDefault(require("../../images/down-caret-dark-blue.svg"));
|
|
27
27
|
|
|
28
|
-
var _lodash =
|
|
28
|
+
var _lodash = require("lodash");
|
|
29
29
|
|
|
30
30
|
var _useNavigator2 = _interopRequireDefault(require("../../utils/hooks/useNavigator"));
|
|
31
31
|
|
|
@@ -247,7 +247,7 @@ var MobileNav = function MobileNav(props) {
|
|
|
247
247
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
248
248
|
className: "ter-mobile-nav__flyout-logo"
|
|
249
249
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
250
|
-
id: _lodash
|
|
250
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
251
251
|
src: _logoIcon["default"],
|
|
252
252
|
alt: "open flyout"
|
|
253
253
|
}))), languageSelectorData && languageSelectorDeployed && /*#__PURE__*/_react["default"].createElement(_LanguageSelector["default"], {
|
|
@@ -19,7 +19,7 @@ var _iconSearch = _interopRequireDefault(require("../../images/icon-search.svg")
|
|
|
19
19
|
|
|
20
20
|
var _formatID = _interopRequireDefault(require("../../utils/formatID"));
|
|
21
21
|
|
|
22
|
-
var _lodash =
|
|
22
|
+
var _lodash = require("lodash");
|
|
23
23
|
|
|
24
24
|
var _utilizeFocus = require("../../utils/utilizeFocus");
|
|
25
25
|
|
|
@@ -235,7 +235,7 @@ var NavBarTop = function NavBarTop(props) {
|
|
|
235
235
|
"aria-expanded": desktopSearchDeployed,
|
|
236
236
|
"aria-controls": "".concat(divisionName, "-search-input-field")
|
|
237
237
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
238
|
-
id: _lodash
|
|
238
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
239
239
|
className: "ter-navbar-top__search",
|
|
240
240
|
src: _iconSearch["default"],
|
|
241
241
|
alt: "magnifying glass"
|
|
@@ -250,7 +250,7 @@ var NavBarTop = function NavBarTop(props) {
|
|
|
250
250
|
}, "|")), generateRightLinks(), (!disableLanguageRegion || !disableLogin) && /*#__PURE__*/_react["default"].createElement("span", {
|
|
251
251
|
className: "ter-navbar-top__pipe"
|
|
252
252
|
}, "|"), !disableLanguageRegion && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
253
|
-
id: _lodash
|
|
253
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
254
254
|
tabIndex: mouse ? "" : "0",
|
|
255
255
|
className: "ter-navbar-top__location ".concat(mouse ? "" : "tabFocus"),
|
|
256
256
|
onKeyDown: function onKeyDown(e) {
|
|
@@ -292,7 +292,7 @@ var NavBarTop = function NavBarTop(props) {
|
|
|
292
292
|
"aria-expanded": desktopSearchDeployed,
|
|
293
293
|
"aria-controls": "".concat(divisionName, "-search-input-field")
|
|
294
294
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
295
|
-
id: _lodash
|
|
295
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
296
296
|
className: "ter-navbar-top__search",
|
|
297
297
|
src: _iconSearch["default"],
|
|
298
298
|
alt: "magnifying glass"
|
|
@@ -316,10 +316,10 @@ var NavBarTop = function NavBarTop(props) {
|
|
|
316
316
|
return simulateHamburgerClickWithEnter(e);
|
|
317
317
|
}
|
|
318
318
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
319
|
-
id: _lodash
|
|
319
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
320
320
|
className: "ter-navbar-top__hamburger-and-login-container"
|
|
321
321
|
}, children, /*#__PURE__*/_react["default"].createElement("div", {
|
|
322
|
-
id: _lodash
|
|
322
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
323
323
|
className: "ter-navbar-top__right--mobile-hamburger ".concat(hamburgerIsOpen ? "ter-navbar-top__right--mobile-hamburger--is-open" : "")
|
|
324
324
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
325
325
|
className: "ter-navbar-top__right--mobile-hamburger-top ".concat(theme ? "ter-navbar-top__right--mobile-hamburger-top--".concat(theme) : "")
|
|
@@ -13,7 +13,7 @@ require("./RegionCard.scss");
|
|
|
13
13
|
|
|
14
14
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
15
15
|
|
|
16
|
-
var _lodash =
|
|
16
|
+
var _lodash = require("lodash");
|
|
17
17
|
|
|
18
18
|
var RegionCard = function RegionCard(_ref) {
|
|
19
19
|
var region = _ref.region,
|
|
@@ -53,7 +53,7 @@ var RegionCard = function RegionCard(_ref) {
|
|
|
53
53
|
var renderLanguageOptions = function renderLanguageOptions() {
|
|
54
54
|
return languages.map(function (language) {
|
|
55
55
|
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
56
|
-
id: _lodash
|
|
56
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
57
57
|
tabIndex: mouse ? "" : "0",
|
|
58
58
|
className: "luna-region-card__language ".concat(checkActive(language)),
|
|
59
59
|
onClick: function onClick() {
|
|
@@ -69,7 +69,7 @@ var RegionCard = function RegionCard(_ref) {
|
|
|
69
69
|
|
|
70
70
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
71
71
|
className: "luna-region-card ".concat(active ? "luna-region-card--active" : "luna-region-card--inactive"),
|
|
72
|
-
id: _lodash
|
|
72
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
73
73
|
tabIndex: mouse ? "" : "0"
|
|
74
74
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
75
75
|
className: "luna-region-card__region"
|
|
@@ -17,7 +17,7 @@ var _removeSpaces = require("../../utils/removeSpaces");
|
|
|
17
17
|
|
|
18
18
|
require("./StoreFrontCard.scss");
|
|
19
19
|
|
|
20
|
-
var _lodash =
|
|
20
|
+
var _lodash = require("lodash");
|
|
21
21
|
|
|
22
22
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
23
23
|
|
|
@@ -72,7 +72,7 @@ var StoreFrontCard = function StoreFrontCard(_ref) {
|
|
|
72
72
|
}, content.header), (content === null || content === void 0 ? void 0 : content.text) && /*#__PURE__*/_react["default"].createElement("p", {
|
|
73
73
|
className: "ftg-storefront-card__description-text"
|
|
74
74
|
}, content.text), (content === null || content === void 0 ? void 0 : (_content$link = content.link) === null || _content$link === void 0 ? void 0 : _content$link.text) && /*#__PURE__*/_react["default"].createElement("a", {
|
|
75
|
-
id: _lodash
|
|
75
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
76
76
|
tabIndex: mouse ? "" : "0",
|
|
77
77
|
className: mouse ? "ftg-storefront-card__link" : "ftg-storefront-card__link tabFocus",
|
|
78
78
|
href: content === null || content === void 0 ? void 0 : (_content$link2 = content.link) === null || _content$link2 === void 0 ? void 0 : _content$link2.url,
|
|
@@ -21,7 +21,7 @@ var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
|
21
21
|
|
|
22
22
|
var _useWindowSize3 = _interopRequireDefault(require("../../utils/hooks/useWindowSize"));
|
|
23
23
|
|
|
24
|
-
var _lodash =
|
|
24
|
+
var _lodash = require("lodash");
|
|
25
25
|
|
|
26
26
|
var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
|
|
27
27
|
|
|
@@ -159,7 +159,7 @@ var Tabs = function Tabs(_ref3) {
|
|
|
159
159
|
return tab;
|
|
160
160
|
}
|
|
161
161
|
});
|
|
162
|
-
var contentID = "content-entries-".concat(_lodash
|
|
162
|
+
var contentID = "content-entries-".concat((0, _lodash.uniqueId)("id-"), "-").concat(index);
|
|
163
163
|
var mobileThumbnailTop = orientation !== "bottom" && variant === "thumbnail-square" || orientation !== "bottom" && variant === "thumbnail-round";
|
|
164
164
|
return tabs !== null && tabs !== void 0 && tabs.length ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
165
165
|
className: "tabs-container ".concat(orientationClass, " ").concat(navClasses, " ").concat(paddingClass)
|
|
@@ -23,7 +23,7 @@ var _removeSpaces = require("../../utils/removeSpaces");
|
|
|
23
23
|
|
|
24
24
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
25
25
|
|
|
26
|
-
var _lodash =
|
|
26
|
+
var _lodash = require("lodash");
|
|
27
27
|
|
|
28
28
|
var _terraOne = require("terra-one");
|
|
29
29
|
|
|
@@ -80,7 +80,7 @@ var VariableContentCard = function VariableContentCard(_ref) {
|
|
|
80
80
|
return deployModalonEnter(e, index);
|
|
81
81
|
},
|
|
82
82
|
className: "luna-video-feat__thumbnail-container",
|
|
83
|
-
id: _lodash
|
|
83
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
84
84
|
tabIndex: mouse ? "" : "0",
|
|
85
85
|
onClick: function onClick() {
|
|
86
86
|
return deployModal(index);
|
|
@@ -102,7 +102,7 @@ var VariableContentCard = function VariableContentCard(_ref) {
|
|
|
102
102
|
e.target.src = _fpoSquare["default"];
|
|
103
103
|
}
|
|
104
104
|
}), content.video && /*#__PURE__*/_react["default"].createElement("img", {
|
|
105
|
-
id: _lodash
|
|
105
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
106
106
|
tabIndex: mouse ? "" : "0",
|
|
107
107
|
onClick: function onClick() {
|
|
108
108
|
return deployModal(index);
|
|
@@ -41,7 +41,7 @@ var _removeSpaces = require("../../utils/removeSpaces");
|
|
|
41
41
|
|
|
42
42
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
43
43
|
|
|
44
|
-
var _lodash =
|
|
44
|
+
var _lodash = require("lodash");
|
|
45
45
|
|
|
46
46
|
var _checkForThemeProps = require("../../utils/checkForThemeProps");
|
|
47
47
|
|
|
@@ -149,12 +149,12 @@ var Feat5 = function Feat5(_ref) {
|
|
|
149
149
|
}
|
|
150
150
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
151
151
|
className: "luna-feat-five__thumbnail-container",
|
|
152
|
-
id: _lodash
|
|
152
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
153
153
|
tabIndex: mouse ? "" : "0"
|
|
154
154
|
}, thumbnail && video && /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
|
|
155
155
|
GatsbyImage: GatsbyImage ? GatsbyImage : null,
|
|
156
156
|
image: thumbnail !== null && thumbnail !== void 0 && thumbnail.image ? thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.image : null,
|
|
157
|
-
id: _lodash
|
|
157
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
158
158
|
tabIndex: mouse ? "" : "0",
|
|
159
159
|
onClick: function onClick() {
|
|
160
160
|
return deployModal();
|
|
@@ -37,7 +37,7 @@ var _removeSpaces = require("../../utils/removeSpaces");
|
|
|
37
37
|
|
|
38
38
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
39
39
|
|
|
40
|
-
var _lodash =
|
|
40
|
+
var _lodash = require("lodash");
|
|
41
41
|
|
|
42
42
|
var _checkForThemeProps = require("../../utils/checkForThemeProps");
|
|
43
43
|
|
|
@@ -145,7 +145,7 @@ var Hero3 = function Hero3(_ref) {
|
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
|
-
id: _lodash
|
|
148
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
149
149
|
tabIndex: mouse ? "" : "0",
|
|
150
150
|
onKeyDown: function onKeyDown(e) {
|
|
151
151
|
return (0, _Hero3Methods.deployModalOnEnter)(e, mouse, deployModal);
|
|
@@ -167,7 +167,7 @@ var Hero3 = function Hero3(_ref) {
|
|
|
167
167
|
previewImage = /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
|
|
168
168
|
GatsbyImage: content !== null && content !== void 0 && content.GatsbyImage ? content === null || content === void 0 ? void 0 : content.GatsbyImage : null,
|
|
169
169
|
image: content !== null && content !== void 0 && (_content$thumbnail7 = content.thumbnail) !== null && _content$thumbnail7 !== void 0 && _content$thumbnail7.image ? content === null || content === void 0 ? void 0 : (_content$thumbnail8 = content.thumbnail) === null || _content$thumbnail8 === void 0 ? void 0 : _content$thumbnail8.image : null,
|
|
170
|
-
id: _lodash
|
|
170
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
171
171
|
tabIndex: mouse ? "" : "0",
|
|
172
172
|
onKeyDown: function onKeyDown(e) {
|
|
173
173
|
return (0, _Hero3Methods.deployModalOnEnter)(e, mouse, deployModal);
|
|
@@ -227,7 +227,7 @@ var Hero3 = function Hero3(_ref) {
|
|
|
227
227
|
}), content.ctas && (content.ctas.ctaOne || content.ctas.ctaTwo) && /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
|
|
228
228
|
ctas: (0, _Hero3Methods.formatCTAs)(content === null || content === void 0 ? void 0 : content.ctas, deployModal)
|
|
229
229
|
}))), /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
|
|
230
|
-
id: _lodash
|
|
230
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
231
231
|
tabIndex: mouse ? "" : "0",
|
|
232
232
|
direction: motion ? "up" : "",
|
|
233
233
|
delay: motion ? 200 : 0,
|
|
@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
require("./Carousel.scss");
|
|
17
17
|
|
|
18
|
-
var _lodash =
|
|
18
|
+
var _lodash = require("lodash");
|
|
19
19
|
|
|
20
20
|
var _terraOne = require("terra-one");
|
|
21
21
|
|
|
@@ -45,14 +45,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
45
45
|
|
|
46
46
|
var el = (0, _react.useRef)(null); // split all cards into grouped cells
|
|
47
47
|
|
|
48
|
-
var largeCards = _lodash
|
|
49
|
-
|
|
50
|
-
var
|
|
51
|
-
|
|
52
|
-
var smallCards = _lodash["default"].chunk(content === null || content === void 0 ? void 0 : content.cards, 2);
|
|
53
|
-
|
|
54
|
-
var xSmallCards = _lodash["default"].chunk(content === null || content === void 0 ? void 0 : content.cards, 1);
|
|
55
|
-
|
|
48
|
+
var largeCards = (0, _lodash.chunk)(content === null || content === void 0 ? void 0 : content.cards, 4);
|
|
49
|
+
var mediumCards = (0, _lodash.chunk)(content === null || content === void 0 ? void 0 : content.cards, 3);
|
|
50
|
+
var smallCards = (0, _lodash.chunk)(content === null || content === void 0 ? void 0 : content.cards, 2);
|
|
51
|
+
var xSmallCards = (0, _lodash.chunk)(content === null || content === void 0 ? void 0 : content.cards, 1);
|
|
56
52
|
(0, _react.useEffect)(function () {
|
|
57
53
|
if (cardsLoaded) {
|
|
58
54
|
var _el$current;
|
|
@@ -21,7 +21,7 @@ var _formatID = _interopRequireDefault(require("../../utils/formatID"));
|
|
|
21
21
|
|
|
22
22
|
var _externalArrowWhiteTheme = _interopRequireDefault(require("../../images/external-arrow-white-theme.svg"));
|
|
23
23
|
|
|
24
|
-
var _lodash =
|
|
24
|
+
var _lodash = require("lodash");
|
|
25
25
|
|
|
26
26
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
27
27
|
|
|
@@ -173,7 +173,7 @@ var Flyout = function Flyout(_ref) {
|
|
|
173
173
|
height: "20px",
|
|
174
174
|
width: "20px"
|
|
175
175
|
},
|
|
176
|
-
id: _lodash
|
|
176
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
177
177
|
src: _externalArrowWhiteTheme["default"],
|
|
178
178
|
alt: "link to ".concat(link === null || link === void 0 ? void 0 : link.text)
|
|
179
179
|
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -243,7 +243,7 @@ var Flyout = function Flyout(_ref) {
|
|
|
243
243
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
244
244
|
className: "ter-flyout__search-text"
|
|
245
245
|
}, searchPlaceholder), /*#__PURE__*/_react["default"].createElement("img", {
|
|
246
|
-
id: _lodash
|
|
246
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
247
247
|
src: _searchHighlighted["default"],
|
|
248
248
|
alt: "Search"
|
|
249
249
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -19,7 +19,7 @@ var _iconGlobe = _interopRequireDefault(require("../../images/icon-globe.svg"));
|
|
|
19
19
|
|
|
20
20
|
var _checkBlue = _interopRequireDefault(require("../../images/check-blue.svg"));
|
|
21
21
|
|
|
22
|
-
var _lodash =
|
|
22
|
+
var _lodash = require("lodash");
|
|
23
23
|
|
|
24
24
|
var _closeIcon = _interopRequireDefault(require("../../images/close-icon.svg"));
|
|
25
25
|
|
|
@@ -195,7 +195,7 @@ var LanguageSelector = function LanguageSelector(_ref) {
|
|
|
195
195
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
196
196
|
className: "luna-language-selector__body-section-item-icon"
|
|
197
197
|
}, region === currentRegion && /*#__PURE__*/_react["default"].createElement("img", {
|
|
198
|
-
id: _lodash
|
|
198
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
199
199
|
src: _checkBlue["default"],
|
|
200
200
|
alt: "item selected"
|
|
201
201
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -225,7 +225,7 @@ var LanguageSelector = function LanguageSelector(_ref) {
|
|
|
225
225
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
226
226
|
className: "luna-language-selector__body-section-item-icon"
|
|
227
227
|
}, (language === null || language === void 0 ? void 0 : language.code) === (currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.code) && /*#__PURE__*/_react["default"].createElement("img", {
|
|
228
|
-
id: _lodash
|
|
228
|
+
id: (0, _lodash.uniqueId)("id-"),
|
|
229
229
|
src: _checkBlue["default"],
|
|
230
230
|
alt: "item selected"
|
|
231
231
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -11,8 +11,6 @@ exports["default"] = exports.NavBarContext = void 0;
|
|
|
11
11
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
13
13
|
|
|
14
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
|
15
|
-
|
|
16
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
15
|
|
|
18
16
|
require("../../../global-styles/fonts/benton.scss");
|
|
@@ -19,7 +19,7 @@ var _crossMediumWhite = _interopRequireDefault(require("../../images/cross-mediu
|
|
|
19
19
|
|
|
20
20
|
var _formatID = _interopRequireDefault(require("../../utils/formatID"));
|
|
21
21
|
|
|
22
|
-
var _lodash =
|
|
22
|
+
var _lodash = require("lodash");
|
|
23
23
|
|
|
24
24
|
var _NavBar = require("./NavBar");
|
|
25
25
|
|
|
@@ -113,7 +113,7 @@ var NavMiniMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
113
113
|
};
|
|
114
114
|
|
|
115
115
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
116
|
-
id: _lodash
|
|
116
|
+
id: (0, _lodash.uniqueId)("mini-menu-"),
|
|
117
117
|
className: "".concat(mouse ? "ter-nav-mini-menu" : "ter-nav-mini-menu tabFocus", " ").concat(isChrome ? "ter-nav-mini-menu--chrome-browser" : "", " ").concat(displayIcons ? "ter-nav-mini-menu--with-icons" : ""),
|
|
118
118
|
onKeyDown: function onKeyDown(e) {
|
|
119
119
|
return mouseOverWithKeys(e, contentfulId);
|
|
@@ -130,7 +130,7 @@ var NavMiniMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
130
130
|
className: "ter-nav-mini-menu__text ".concat(isOpen && " ter-nav-mini-menu__text--is-open", "\n ").concat(active ? "active" : "", "\n ").concat(displayIcons ? "ter-nav-mini-menu__text--with-icons" : "", "\n ").concat(theme ? "ter-nav-mini-menu__text--".concat(theme) : "", "\n "),
|
|
131
131
|
"data-depth": 1
|
|
132
132
|
}, navText, /*#__PURE__*/_react["default"].createElement("img", {
|
|
133
|
-
id: _lodash
|
|
133
|
+
id: (0, _lodash.uniqueId)("cross-icon-"),
|
|
134
134
|
src: theme === "blue" ? _crossMediumWhite["default"] : _crossMediumBlue["default"],
|
|
135
135
|
alt: "cross icon",
|
|
136
136
|
"aria-label": isOpen ? "Opened" : "Closed",
|
|
@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
13
13
|
|
|
14
|
-
var _lodash =
|
|
14
|
+
var _lodash = require("lodash");
|
|
15
15
|
|
|
16
16
|
var _formatID = _interopRequireDefault(require("../../utils/formatID"));
|
|
17
17
|
|
|
@@ -34,7 +34,7 @@ var UtilityNav = function UtilityNav(_ref) {
|
|
|
34
34
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
35
|
className: "ter-utility-nav__wrapper",
|
|
36
36
|
tabIndex: mouse ? "" : "0",
|
|
37
|
-
id: _lodash
|
|
37
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
38
38
|
}, /*#__PURE__*/_react["default"].createElement("section", {
|
|
39
39
|
className: "ter-utility-nav"
|
|
40
40
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
|
|
17
17
|
|
|
18
|
-
var _lodash =
|
|
18
|
+
var _lodash = require("lodash");
|
|
19
19
|
|
|
20
20
|
var _formatID = _interopRequireDefault(require("../../utils/formatID"));
|
|
21
21
|
|
|
@@ -150,7 +150,7 @@ var SubNav = function SubNav(_ref) {
|
|
|
150
150
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
151
151
|
className: "ter-sub-nav ter-sub-nav__wrapper luna-layout__navigation-padding ".concat(subNavThemeClass),
|
|
152
152
|
tabIndex: mouse ? "" : "0",
|
|
153
|
-
id: _lodash
|
|
153
|
+
id: (0, _lodash.uniqueId)("id-")
|
|
154
154
|
}, /*#__PURE__*/_react["default"].createElement("section", {
|
|
155
155
|
className: "ter-sub-nav"
|
|
156
156
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|