luna-one 1.0.237 → 1.0.238
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -1
- package/dist/luna/components/AdminCategoryData/AdminCategoryData.js +5 -7
- package/dist/luna/components/AdminCategoryData/AdminCategoryDataMethods.js +13 -15
- package/dist/luna/components/AdminProductData/AdminProductData.js +18 -24
- package/dist/luna/components/AdminProductData/AdminProductDataMethods.js +0 -2
- package/dist/luna/components/BrowserSupportBanner/BrowserSupportBanner.js +18 -21
- package/dist/luna/components/EventCard/EventCard.js +10 -12
- package/dist/luna/components/LanguageSelector/LanguageSelector.js +9 -13
- package/dist/luna/components/LanguageSelector/LanguageSelector.scss +12 -12
- package/dist/luna/components/LanguageSelector/LanguageSelectorHooks.js +3 -6
- package/dist/luna/components/LanguageSelector/LanguageSelectorMethods.js +0 -1
- package/dist/luna/components/MegaMenu/MegaMenu.js +8 -20
- package/dist/luna/components/MegaMenu/RightSection.js +0 -3
- package/dist/luna/components/MiniFeatDropdown/MiniFeatDropdown.js +0 -12
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.js +7 -14
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenuCategory.js +4 -8
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenuPartialCategory.js +2 -4
- package/dist/luna/components/MobileMenu/MobileMenu.js +4 -8
- package/dist/luna/components/MobileNav/MobileNav.js +14 -21
- package/dist/luna/components/MobileNav/TopMobileNav.js +9 -16
- package/dist/luna/components/NavBarTop/NavBarTop.js +11 -26
- package/dist/luna/components/NavSearch/NavSearch.js +4 -9
- package/dist/luna/components/ParallaxController/ParallaxController.js +8 -10
- package/dist/luna/components/RegionCard/RegionCard.js +7 -16
- package/dist/luna/components/RegionCard/RegionCard.scss +1 -0
- package/dist/luna/components/ScrollToTop/ScrollToTop.js +1 -2
- package/dist/luna/components/StoreFrontCard/StoreFrontCard.js +6 -13
- package/dist/luna/components/SupportCard/SupportCard.js +8 -10
- package/dist/luna/components/SupportCard/SupportCardMethods.js +4 -7
- package/dist/luna/components/VariableContentCard/VariableContentCard.js +13 -15
- package/dist/luna/components/VidyardModal/VidyardModal.js +0 -6
- package/dist/luna/depracated/Feat10/Feat10.js +10 -13
- package/dist/luna/depracated/Feat4Flex/Feat4Flex.js +22 -25
- package/dist/luna/depracated/Feat4Flex/Feat4FlexMethods.js +1 -1
- package/dist/luna/depracated/Feat5/Feat5.js +18 -20
- package/dist/luna/depracated/Feat5/Feat5Methods.js +0 -3
- package/dist/luna/depracated/Feat7/Feat7.js +21 -27
- package/dist/luna/depracated/Feat8/Feat8.js +25 -29
- package/dist/luna/depracated/Feat8/Feat8Methods.js +0 -1
- package/dist/luna/depracated/Hero5/Hero5.js +9 -11
- package/dist/luna/depracated/MegaFeat/MegaFeat.js +19 -21
- package/dist/luna/depracated/MegaFeat/MegaFeatMethods.js +1 -2
- package/dist/luna/depracated/MegaMenu/MegaMenu.js +4 -12
- package/dist/luna/depracated/MegaMenu/MegaMenuUtils.js +3 -9
- package/dist/luna/depracated/ParallaxBackground/ParallaxBackground.js +14 -26
- package/dist/luna/featurettes/CustomFeat/CustomFeat.js +9 -24
- package/dist/luna/featurettes/Feat1/Feat1.js +12 -14
- package/dist/luna/featurettes/Feat1/feat1Methods.js +0 -1
- package/dist/luna/featurettes/Feat2A/Feat2A.js +6 -8
- package/dist/luna/featurettes/Feat2B/Feat2B.js +7 -9
- package/dist/luna/featurettes/Feat3/Feat3.js +4 -6
- package/dist/luna/featurettes/Feat4/Feat4.js +8 -10
- package/dist/luna/featurettes/Feat4/LazyBackgroundImage.js +0 -2
- package/dist/luna/featurettes/Feat5/Feat5.js +20 -24
- package/dist/luna/featurettes/Feat5/Feat5Methods.js +0 -1
- package/dist/luna/featurettes/Feat6/Feat6.js +5 -7
- package/dist/luna/featurettes/Feat7/Feat7.js +7 -9
- package/dist/luna/featurettes/Feat8/Feat8.js +67 -0
- package/dist/luna/featurettes/Feat8/Feat8.scss +78 -0
- package/dist/luna/heroes/FilterHero/FilterHero.js +8 -23
- package/dist/luna/heroes/Hero1/Hero1.js +14 -20
- package/dist/luna/heroes/Hero2/Hero2.js +4 -6
- package/dist/luna/heroes/Hero3/Hero3.js +14 -21
- package/dist/luna/heroes/Hero4/Hero4.js +10 -12
- package/dist/luna/heroes/Hero4/hero4Methods.js +0 -1
- package/dist/luna/heroes/Hero6/Hero6.js +10 -12
- package/dist/luna/heroes/HeroRatioWrapper/HeroRatioWrapper.js +2 -4
- package/dist/luna/list-feats/ListFeat/ListFeat.js +19 -18
- package/dist/luna/list-feats/ListFeat/ListFeat.scss +30 -0
- package/dist/luna/list-feats/ListFeat1/ListFeat1.js +4 -6
- package/dist/luna/list-feats/ListFeat2/ListFeat2.js +3 -5
- package/dist/luna/list-feats/ListFeat2/ListFeat2Methods.js +0 -2
- package/dist/luna/list-feats/ListFeat3/ListFeat3.js +1 -8
- package/dist/luna/list-feats/ListFeat4/ListFeat4.js +3 -5
- package/dist/luna/list-feats/ListFeat5/ListFeat5.js +3 -5
- package/dist/luna/list-feats/ListFeat6/ListFeat6.js +5 -9
- package/dist/luna/list-feats/ListFeat7/ListFeat7.js +10 -14
- package/dist/luna/list-feats/ListFeat7/ListFeat7Methods.js +9 -10
- package/dist/luna/list-feats/ListFeat8/ListFeat8.js +54 -0
- package/dist/luna/list-feats/ListFeat8/ListFeat8.scss +39 -0
- package/dist/luna/list-feats/ListFeat9/ListFeat9.js +45 -0
- package/dist/luna/list-feats/ListFeat9/ListFeat9.scss +19 -0
- package/dist/luna/list-feats/ListFeatCustom/ListFeatCustom.js +1 -3
- package/dist/luna/list-feats/methods/listFeatMethods.js +18 -3
- package/dist/luna/other-organisms/Footer/Footer.js +9 -15
- package/dist/luna/other-organisms/MarketoForm/MarketoForm.js +7 -29
- package/dist/luna/other-organisms/NavBar/NavBar.js +5 -40
- package/dist/luna/other-organisms/NavBar/NavBarMethods.js +3 -4
- package/dist/luna/utils/checkThemeForBrand.js +3 -10
- package/dist/luna/utils/generateBackgroundImage.js +13 -12
- package/dist/luna/utils/generateID.js +0 -1
- package/dist/luna/utils/generateLinks.js +14 -21
- package/dist/luna/utils/generateStyles.js +0 -5
- package/dist/luna/utils/generateThemeClassName.js +0 -2
- package/dist/luna/utils/hooks/useVariableContent.js +11 -18
- package/dist/luna/utils/hooks/useVideo.js +9 -17
- package/dist/luna/utils/testForPassiveScroll.js +0 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -7,6 +7,7 @@ import Feat4 from "./luna/featurettes/Feat4/Feat4";
|
|
|
7
7
|
import Feat5 from "./luna/featurettes/Feat5/Feat5";
|
|
8
8
|
import Feat6 from "./luna/featurettes/Feat6/Feat6";
|
|
9
9
|
import Feat7 from "./luna/featurettes/Feat7/Feat7";
|
|
10
|
+
import Feat8 from "./luna/featurettes/Feat8/Feat8";
|
|
10
11
|
import Hero1 from "./luna/heroes/Hero1/Hero1";
|
|
11
12
|
import Hero2 from "./luna/heroes/Hero2/Hero2";
|
|
12
13
|
import Hero3 from "./luna/heroes/Hero3/Hero3";
|
|
@@ -27,4 +28,4 @@ import AdminProductData from "./luna/components/AdminProductData/AdminProductDat
|
|
|
27
28
|
import AdminCategoryData from "./luna/components/AdminCategoryData/AdminCategoryData";
|
|
28
29
|
import CustomFeat from "./luna/featurettes/CustomFeat/CustomFeat";
|
|
29
30
|
import BrowserSupportBanner from "./luna/components/BrowserSupportBanner/BrowserSupportBanner";
|
|
30
|
-
export { Feat1, Feat2A, Feat2B, Feat3, Feat4, Feat5, Feat6, Feat7, Hero1, Hero2, Hero3, Hero4, Hero5, Hero6, FilterHero, Footer, MarketoForm, NavBar, ParallaxController, ScrollToTop, ListFeat, EventCard, StoreFrontCard, MiniFeatDropdown, AdminProductData, AdminCategoryData, CustomFeat, BrowserSupportBanner };
|
|
31
|
+
export { Feat1, Feat2A, Feat2B, Feat3, Feat4, Feat5, Feat6, Feat7, Feat8, Hero1, Hero2, Hero3, Hero4, Hero5, Hero6, FilterHero, Footer, MarketoForm, NavBar, ParallaxController, ScrollToTop, ListFeat, EventCard, StoreFrontCard, MiniFeatDropdown, AdminProductData, AdminCategoryData, CustomFeat, BrowserSupportBanner };
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./AdminCategoryData.scss";
|
|
3
3
|
import CategoryTranslationData from "./AdminCategoryDataMethods";
|
|
4
|
-
|
|
5
4
|
var AdminCategoryData = function AdminCategoryData(_ref) {
|
|
6
5
|
var content = _ref.content,
|
|
7
|
-
|
|
6
|
+
currentLanguageURL = _ref.currentLanguageURL;
|
|
8
7
|
var name = content.name,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
industry = content.industry,
|
|
9
|
+
url = content.url,
|
|
10
|
+
languageOptions = content.languageOptions,
|
|
11
|
+
translations = content.translations;
|
|
13
12
|
return /*#__PURE__*/React.createElement("div", {
|
|
14
13
|
className: "luna-admin-category-data"
|
|
15
14
|
}, name && /*#__PURE__*/React.createElement("h4", {
|
|
@@ -26,5 +25,4 @@ var AdminCategoryData = function AdminCategoryData(_ref) {
|
|
|
26
25
|
});
|
|
27
26
|
})));
|
|
28
27
|
};
|
|
29
|
-
|
|
30
28
|
export default AdminCategoryData;
|
|
@@ -1,22 +1,21 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { NavLink } from "react-router-dom";
|
|
3
|
-
|
|
4
3
|
var CategoryTranslationData = function CategoryTranslationData(_ref) {
|
|
5
4
|
var _ref$content = _ref.content,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
content = _ref$content === void 0 ? {} : _ref$content,
|
|
6
|
+
_ref$url = _ref.url,
|
|
7
|
+
url = _ref$url === void 0 ? "" : _ref$url,
|
|
8
|
+
currentLanguageURL = _ref.currentLanguageURL,
|
|
9
|
+
_ref$languageOptions = _ref.languageOptions,
|
|
10
|
+
languageOptions = _ref$languageOptions === void 0 ? {} : _ref$languageOptions;
|
|
12
11
|
var _content$language = content.language,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
language = _content$language === void 0 ? "" : _content$language,
|
|
13
|
+
_content$name = content.name,
|
|
14
|
+
name = _content$name === void 0 ? "" : _content$name,
|
|
15
|
+
_content$text = content.text,
|
|
16
|
+
text = _content$text === void 0 ? "" : _content$text,
|
|
17
|
+
_content$teaserImage = content.teaserImage,
|
|
18
|
+
teaserImage = _content$teaserImage === void 0 ? {} : _content$teaserImage;
|
|
20
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
20
|
className: "luna-category-translation-data"
|
|
22
21
|
}, teaserImage.url && /*#__PURE__*/React.createElement("img", {
|
|
@@ -40,5 +39,4 @@ var CategoryTranslationData = function CategoryTranslationData(_ref) {
|
|
|
40
39
|
to: "/".concat(currentLanguageURL, "/admin").concat(url, "/").concat(language)
|
|
41
40
|
}, "/admin".concat(url, "/").concat(language)))));
|
|
42
41
|
};
|
|
43
|
-
|
|
44
42
|
export default CategoryTranslationData;
|
|
@@ -2,15 +2,14 @@ import React from "react";
|
|
|
2
2
|
import { renderRegions } from "./AdminProductDataMethods";
|
|
3
3
|
import "./AdminProductData.scss";
|
|
4
4
|
import { NavLink } from "react-router-dom";
|
|
5
|
-
|
|
6
5
|
var AdminProductData = function AdminProductData(_ref) {
|
|
7
6
|
var content = _ref.content,
|
|
8
|
-
|
|
7
|
+
currentLanguageURL = _ref.currentLanguageURL;
|
|
9
8
|
var name = content.name,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
regions = content.regions,
|
|
10
|
+
translations = content.translations,
|
|
11
|
+
url = content.url,
|
|
12
|
+
languageOptions = content.languageOptions;
|
|
14
13
|
return /*#__PURE__*/React.createElement("div", {
|
|
15
14
|
className: "luna-admin-product-data"
|
|
16
15
|
}, name && /*#__PURE__*/React.createElement("h4", {
|
|
@@ -29,25 +28,23 @@ var AdminProductData = function AdminProductData(_ref) {
|
|
|
29
28
|
});
|
|
30
29
|
})), /*#__PURE__*/React.createElement("div", null));
|
|
31
30
|
};
|
|
32
|
-
|
|
33
31
|
export default AdminProductData;
|
|
34
|
-
|
|
35
32
|
var TranslationData = function TranslationData(_ref2) {
|
|
36
33
|
var _ref2$content = _ref2.content,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
34
|
+
content = _ref2$content === void 0 ? {} : _ref2$content,
|
|
35
|
+
_ref2$url = _ref2.url,
|
|
36
|
+
url = _ref2$url === void 0 ? "" : _ref2$url,
|
|
37
|
+
currentLanguageURL = _ref2.currentLanguageURL,
|
|
38
|
+
_ref2$languageOptions = _ref2.languageOptions,
|
|
39
|
+
languageOptions = _ref2$languageOptions === void 0 ? {} : _ref2$languageOptions;
|
|
43
40
|
var _content$language = content.language,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
41
|
+
language = _content$language === void 0 ? "" : _content$language,
|
|
42
|
+
_content$teaserImage = content.teaserImage,
|
|
43
|
+
teaserImage = _content$teaserImage === void 0 ? {} : _content$teaserImage,
|
|
44
|
+
_content$teaserName = content.teaserName,
|
|
45
|
+
teaserName = _content$teaserName === void 0 ? "" : _content$teaserName,
|
|
46
|
+
_content$teaserText = content.teaserText,
|
|
47
|
+
teaserText = _content$teaserText === void 0 ? "" : _content$teaserText;
|
|
51
48
|
return /*#__PURE__*/React.createElement("div", {
|
|
52
49
|
className: "luna-translation-data"
|
|
53
50
|
}, /*#__PURE__*/React.createElement("img", {
|
|
@@ -70,13 +67,10 @@ var TranslationData = function TranslationData(_ref2) {
|
|
|
70
67
|
to: "/".concat(currentLanguageURL, "/admin").concat(url, "/").concat(language)
|
|
71
68
|
}, "/admin".concat(url, "/").concat(language)))));
|
|
72
69
|
};
|
|
73
|
-
|
|
74
70
|
var truncateString = function truncateString(str) {
|
|
75
71
|
var num = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
|
|
76
|
-
|
|
77
72
|
if (str.length <= num) {
|
|
78
73
|
return str;
|
|
79
74
|
}
|
|
80
|
-
|
|
81
75
|
return str.slice(0, num) + "...";
|
|
82
76
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
2
|
var addSpace = function addSpace(regions, index) {
|
|
4
3
|
if (index === 0 && regions.length > 1) {
|
|
5
4
|
return true;
|
|
@@ -9,7 +8,6 @@ var addSpace = function addSpace(regions, index) {
|
|
|
9
8
|
return false;
|
|
10
9
|
}
|
|
11
10
|
};
|
|
12
|
-
|
|
13
11
|
export var renderRegions = function renderRegions() {
|
|
14
12
|
var regions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
15
13
|
return /*#__PURE__*/React.createElement("ul", {
|
|
@@ -2,34 +2,37 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
|
2
2
|
import React, { useEffect, useState } from "react";
|
|
3
3
|
import { Alert } from "terra-component-lib";
|
|
4
4
|
import "./BrowserSupportBanner.scss";
|
|
5
|
-
|
|
6
5
|
var BrowserSupportBanner = function BrowserSupportBanner(_ref) {
|
|
7
6
|
var content = _ref.content;
|
|
8
|
-
|
|
9
7
|
var _useState = useState(true),
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
9
|
+
activeBanner = _useState2[0],
|
|
10
|
+
setActiveBanner = _useState2[1];
|
|
14
11
|
useEffect(function () {
|
|
15
12
|
checkBrowser();
|
|
16
13
|
});
|
|
17
|
-
|
|
18
14
|
var checkBrowser = function checkBrowser() {
|
|
19
15
|
// the !! will convert the response to a boolean. Without doing so, the following will return either an array or null.
|
|
16
|
+
|
|
20
17
|
// Opera 8.0+
|
|
21
|
-
var Opera = !!window.opera || navigator.userAgent.indexOf(" OPR/") >= 0;
|
|
18
|
+
var Opera = !!window.opera || navigator.userAgent.indexOf(" OPR/") >= 0;
|
|
22
19
|
|
|
23
|
-
|
|
20
|
+
// Firefox 1.0+
|
|
21
|
+
var Firefox = typeof InstallTrigger !== "undefined";
|
|
24
22
|
|
|
25
|
-
|
|
23
|
+
// Safari 3.0+ "[object HTMLElementConstructor]"
|
|
24
|
+
var Safari = checkForSafari();
|
|
26
25
|
|
|
27
|
-
|
|
26
|
+
// Internet Explorer 6-11
|
|
27
|
+
var IE = !!document.documentMode || checkForIE();
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
// Edge 20+
|
|
30
|
+
var Edge = !IE && !!window.StyleMedia;
|
|
30
31
|
|
|
31
|
-
|
|
32
|
+
// Chrome 1 - 79
|
|
33
|
+
var Chrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
|
|
32
34
|
|
|
35
|
+
// Edge (based on chromium) detection
|
|
33
36
|
var EdgeChromium = Chrome && navigator.userAgent.indexOf("Edg") != -1;
|
|
34
37
|
var output = {
|
|
35
38
|
firefox: Firefox,
|
|
@@ -40,20 +43,17 @@ var BrowserSupportBanner = function BrowserSupportBanner(_ref) {
|
|
|
40
43
|
EdgeChromium: EdgeChromium
|
|
41
44
|
};
|
|
42
45
|
var currentBrowser;
|
|
43
|
-
|
|
44
46
|
for (var i in output) {
|
|
45
47
|
if (output[i] === true) {
|
|
46
48
|
currentBrowser = i;
|
|
47
49
|
}
|
|
48
50
|
}
|
|
49
|
-
|
|
50
51
|
if (currentBrowser === content.browser.toLowerCase()) {
|
|
51
52
|
setActiveBanner(true);
|
|
52
53
|
} else {
|
|
53
54
|
setActiveBanner(false);
|
|
54
55
|
}
|
|
55
56
|
};
|
|
56
|
-
|
|
57
57
|
var checkForSafari = function checkForSafari() {
|
|
58
58
|
if (navigator.vendor.match(/apple/i)) {
|
|
59
59
|
return true;
|
|
@@ -61,18 +61,16 @@ var BrowserSupportBanner = function BrowserSupportBanner(_ref) {
|
|
|
61
61
|
return false;
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
|
-
|
|
65
64
|
var checkForIE = function checkForIE() {
|
|
66
|
-
var userAgent = navigator.userAgent;
|
|
65
|
+
var userAgent = navigator.userAgent;
|
|
67
66
|
|
|
67
|
+
// MSIE used to detect old browsers and Trident used to newer ones
|
|
68
68
|
var is_ie = userAgent.indexOf("MSIE ") > -1 || userAgent.indexOf("Trident/") > -1;
|
|
69
69
|
return is_ie;
|
|
70
70
|
};
|
|
71
|
-
|
|
72
71
|
var removeAlert = function removeAlert() {
|
|
73
72
|
setActiveBanner(!activeBanner);
|
|
74
73
|
};
|
|
75
|
-
|
|
76
74
|
return /*#__PURE__*/React.createElement("div", {
|
|
77
75
|
className: activeBanner ? "browser-support-banner" : " browser-support-banner remove-alert"
|
|
78
76
|
}, /*#__PURE__*/React.createElement(Alert, {
|
|
@@ -83,5 +81,4 @@ var BrowserSupportBanner = function BrowserSupportBanner(_ref) {
|
|
|
83
81
|
type: content.type || "default"
|
|
84
82
|
}));
|
|
85
83
|
};
|
|
86
|
-
|
|
87
84
|
export default BrowserSupportBanner;
|
|
@@ -3,20 +3,19 @@ import { Icon } from "terra-component-lib";
|
|
|
3
3
|
import "./EventCard.scss";
|
|
4
4
|
import { IconLink } from "../../utils/generateLinks";
|
|
5
5
|
import { removeSpaces } from "../../utils/removeSpaces";
|
|
6
|
-
|
|
7
6
|
var EventCard = function EventCard(_ref) {
|
|
8
7
|
var _ref$content = _ref.content,
|
|
9
|
-
|
|
8
|
+
content = _ref$content === void 0 ? {} : _ref$content;
|
|
10
9
|
var date = content.date,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
year = content.year,
|
|
11
|
+
industry = content.industry,
|
|
12
|
+
industryLabel = content.industryLabel,
|
|
13
|
+
name = content.name,
|
|
14
|
+
location = content.location,
|
|
15
|
+
description = content.description,
|
|
16
|
+
image = content.image,
|
|
17
|
+
_content$link = content.link,
|
|
18
|
+
link = _content$link === void 0 ? {} : _content$link;
|
|
20
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
20
|
className: "mep-event-card"
|
|
22
21
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -47,5 +46,4 @@ var EventCard = function EventCard(_ref) {
|
|
|
47
46
|
type: "open-caret-right-dark-16px"
|
|
48
47
|
})));
|
|
49
48
|
};
|
|
50
|
-
|
|
51
49
|
export default EventCard;
|
|
@@ -4,20 +4,17 @@ import globe from "../../images/worldwide.svg";
|
|
|
4
4
|
import closeIcon from "../../images/close-button.svg";
|
|
5
5
|
import { useSelection } from "./LanguageSelectorHooks";
|
|
6
6
|
import { renderRegions, selectLanguage } from "./LanguageSelectorMethods";
|
|
7
|
-
|
|
8
7
|
var LanguageSelector = function LanguageSelector(_ref) {
|
|
9
8
|
var currentRegionLanguage = _ref.currentRegionLanguage,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
close = _ref.close,
|
|
10
|
+
labels = _ref.labels,
|
|
11
|
+
regions = _ref.regions,
|
|
12
|
+
companyDivision = _ref.companyDivision,
|
|
13
|
+
activeRegion = _ref.activeRegion,
|
|
14
|
+
setLanguage = _ref.setLanguage;
|
|
17
15
|
var _useSelection = useSelection(),
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
selection = _useSelection.selection,
|
|
17
|
+
handleSelection = _useSelection.handleSelection;
|
|
21
18
|
return /*#__PURE__*/React.createElement("aside", {
|
|
22
19
|
className: "luna-language-selector ".concat(regions && regions.length <= 1 ? "luna-language-selector--centered" : "luna-language-selector--default"),
|
|
23
20
|
onClick: function onClick(e) {
|
|
@@ -36,7 +33,7 @@ var LanguageSelector = function LanguageSelector(_ref) {
|
|
|
36
33
|
className: "luna-language-selector__current-region"
|
|
37
34
|
}, /*#__PURE__*/React.createElement("span", {
|
|
38
35
|
className: "luna-language-selector__current-region-label"
|
|
39
|
-
},
|
|
36
|
+
}, "Current Language ", " ", " | ", " "), /*#__PURE__*/React.createElement("span", null, currentRegionLanguage.language.toUpperCase()))), /*#__PURE__*/React.createElement("button", {
|
|
40
37
|
className: "luna-language-selector__close-btn",
|
|
41
38
|
onClick: function onClick() {
|
|
42
39
|
return close();
|
|
@@ -62,5 +59,4 @@ var LanguageSelector = function LanguageSelector(_ref) {
|
|
|
62
59
|
}
|
|
63
60
|
}, labels.save)));
|
|
64
61
|
};
|
|
65
|
-
|
|
66
62
|
export default LanguageSelector;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-direction: column;
|
|
10
10
|
z-index: 300;
|
|
11
|
-
overflow-y: scroll;
|
|
11
|
+
//overflow-y: scroll;
|
|
12
12
|
|
|
13
13
|
@media screen and (max-width: 800px) {
|
|
14
14
|
max-width: 510px;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
height: 44px;
|
|
32
32
|
align-items: center;
|
|
33
33
|
justify-content: space-between;
|
|
34
|
-
margin-bottom: 20px;
|
|
34
|
+
//margin-bottom: 20px;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
&__top-left-section {
|
|
@@ -83,25 +83,25 @@
|
|
|
83
83
|
column-gap: 16px;
|
|
84
84
|
|
|
85
85
|
display: grid;
|
|
86
|
-
grid-template-columns: 1fr 1fr 1fr;
|
|
86
|
+
//grid-template-columns: 1fr 1fr 1fr;
|
|
87
87
|
justify-content: center;
|
|
88
88
|
flex-wrap: wrap;
|
|
89
89
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}
|
|
90
|
+
//@media screen and (max-width: 800px) {
|
|
91
|
+
// grid-template-columns: 1fr 1fr;
|
|
92
|
+
//}
|
|
93
|
+
//
|
|
94
|
+
//@media screen and (max-width: 550px) {
|
|
95
|
+
// justify-content: space-around;
|
|
96
|
+
// grid-template-columns: 1fr;
|
|
97
|
+
//}
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
&__bottom-section {
|
|
101
101
|
display: flex;
|
|
102
102
|
justify-content: flex-end;
|
|
103
103
|
padding: 0 20px;
|
|
104
|
-
margin-top: 36px;
|
|
104
|
+
//margin-top: 36px;
|
|
105
105
|
|
|
106
106
|
@media screen and (max-width: 550px) {
|
|
107
107
|
justify-content: space-around;
|
|
@@ -2,19 +2,16 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
export var useSelection = function useSelection() {
|
|
4
4
|
var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
5
|
-
|
|
6
5
|
var _useState = useState(null),
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
7
|
+
selection = _useState2[0],
|
|
8
|
+
updateSelection = _useState2[1];
|
|
11
9
|
var handleSelection = function handleSelection(region, language) {
|
|
12
10
|
updateSelection({
|
|
13
11
|
region: region,
|
|
14
12
|
language: language
|
|
15
13
|
});
|
|
16
14
|
};
|
|
17
|
-
|
|
18
15
|
return {
|
|
19
16
|
selection: selection,
|
|
20
17
|
handleSelection: handleSelection
|
|
@@ -22,7 +22,6 @@ export var determineActive = function determineActive(region, selection, activeR
|
|
|
22
22
|
if (selection && selection.region !== region) {
|
|
23
23
|
return false;
|
|
24
24
|
}
|
|
25
|
-
|
|
26
25
|
if (selection && selection.region === region || region === activeRegion.region && !selection) {
|
|
27
26
|
return true;
|
|
28
27
|
} else {
|
|
@@ -9,20 +9,17 @@ import formatID from "../../utils/formatID";
|
|
|
9
9
|
var RightSection = lazy(function () {
|
|
10
10
|
return import('./RightSection');
|
|
11
11
|
});
|
|
12
|
-
|
|
13
12
|
var MegaMenu = function MegaMenu(_ref) {
|
|
14
13
|
var content = _ref.megaMenuContent,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
isOpen = _ref.isOpen,
|
|
15
|
+
deployDropDown = _ref.deployDropDown,
|
|
16
|
+
openDropDown = _ref.openDropDown,
|
|
17
|
+
closeDropDown = _ref.closeDropDown,
|
|
18
|
+
searchFieldValue = _ref.searchFieldValue;
|
|
21
19
|
var _useState = useState(null),
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
21
|
+
deployedSubsection = _useState2[0],
|
|
22
|
+
setDeployedSubsection = _useState2[1];
|
|
26
23
|
var generateLeftSection = function generateLeftSection() {
|
|
27
24
|
return content === null || content === void 0 ? void 0 : content.links.map(function (category) {
|
|
28
25
|
if (category.links) {
|
|
@@ -32,7 +29,6 @@ var MegaMenu = function MegaMenu(_ref) {
|
|
|
32
29
|
}
|
|
33
30
|
});
|
|
34
31
|
};
|
|
35
|
-
|
|
36
32
|
var generateFullSubMenu = function generateFullSubMenu(category) {
|
|
37
33
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
38
34
|
key: category.text
|
|
@@ -57,7 +53,6 @@ var MegaMenu = function MegaMenu(_ref) {
|
|
|
57
53
|
closeMegaMenu: mouseLeave
|
|
58
54
|
})));
|
|
59
55
|
};
|
|
60
|
-
|
|
61
56
|
var generatePartialSubMenu = function generatePartialSubMenu(category) {
|
|
62
57
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
63
58
|
key: category.text
|
|
@@ -86,30 +81,24 @@ var MegaMenu = function MegaMenu(_ref) {
|
|
|
86
81
|
className: "ter-mega-menu__left-title ".concat(deployedSubsection === category.text ? "ter-mega-menu__left-title--is-open" : "")
|
|
87
82
|
}, category.text)));
|
|
88
83
|
};
|
|
89
|
-
|
|
90
84
|
var mouseLeave = function mouseLeave() {
|
|
91
85
|
hideSubsection();
|
|
92
86
|
closeDropDown(content.text);
|
|
93
87
|
};
|
|
94
|
-
|
|
95
88
|
var mouseOver = function mouseOver() {
|
|
96
89
|
// hideSubsection();
|
|
97
90
|
openDropDown(content.text);
|
|
98
91
|
};
|
|
99
|
-
|
|
100
92
|
var handleClick = function handleClick() {
|
|
101
93
|
hideSubsection();
|
|
102
94
|
deployDropDown(content.text);
|
|
103
95
|
};
|
|
104
|
-
|
|
105
96
|
var hideSubsection = function hideSubsection() {
|
|
106
97
|
setDeployedSubsection(null);
|
|
107
98
|
};
|
|
108
|
-
|
|
109
99
|
var mouseOverSubsection = function mouseOverSubsection(subSection) {
|
|
110
100
|
setDeployedSubsection(subSection);
|
|
111
101
|
};
|
|
112
|
-
|
|
113
102
|
return /*#__PURE__*/React.createElement("div", {
|
|
114
103
|
className: "ter-mega-menu ".concat(isOpen ? "ter-mega-menu--is-open" : ""),
|
|
115
104
|
onMouseOver: mouseOver,
|
|
@@ -145,5 +134,4 @@ var MegaMenu = function MegaMenu(_ref) {
|
|
|
145
134
|
className: "ter-mega-menu__right-section-placeholder"
|
|
146
135
|
})));
|
|
147
136
|
};
|
|
148
|
-
|
|
149
137
|
export default MegaMenu;
|
|
@@ -3,7 +3,6 @@ import "./MegaMenu.scss";
|
|
|
3
3
|
import { NavLink } from "react-router-dom";
|
|
4
4
|
import skipIcon from "../../images/skipicon.svg";
|
|
5
5
|
import formatID from "../../utils/formatID";
|
|
6
|
-
|
|
7
6
|
var RightSection = function RightSection(props) {
|
|
8
7
|
var generateLinks = function generateLinks() {
|
|
9
8
|
return props === null || props === void 0 ? void 0 : props.links.map(function (link, index) {
|
|
@@ -33,10 +32,8 @@ var RightSection = function RightSection(props) {
|
|
|
33
32
|
}
|
|
34
33
|
});
|
|
35
34
|
};
|
|
36
|
-
|
|
37
35
|
return /*#__PURE__*/React.createElement("section", {
|
|
38
36
|
className: "ter-right-section ".concat((props === null || props === void 0 ? void 0 : props.isOpen) ? "ter-right-section--is-open" : "ter-right-section--is-closed")
|
|
39
37
|
}, generateLinks());
|
|
40
38
|
};
|
|
41
|
-
|
|
42
39
|
export default RightSection;
|
|
@@ -7,25 +7,17 @@ import React, { Component } from "react";
|
|
|
7
7
|
import { Dropdown } from "terra-component-lib";
|
|
8
8
|
import checkForDangerouslySet from "../../utils/checkForDangerouslySet";
|
|
9
9
|
import "./MiniFeatDropdown.scss";
|
|
10
|
-
|
|
11
10
|
var MiniFeatDropdown = /*#__PURE__*/function (_Component) {
|
|
12
11
|
_inherits(MiniFeatDropdown, _Component);
|
|
13
|
-
|
|
14
12
|
var _super = _createSuper(MiniFeatDropdown);
|
|
15
|
-
|
|
16
13
|
function MiniFeatDropdown() {
|
|
17
14
|
var _this;
|
|
18
|
-
|
|
19
15
|
_classCallCheck(this, MiniFeatDropdown);
|
|
20
|
-
|
|
21
16
|
_this = _super.call(this);
|
|
22
|
-
|
|
23
17
|
_this.handleDropdownSelect = function (selection, name) {
|
|
24
18
|
_this.setState(_defineProperty({}, name, selection));
|
|
25
|
-
|
|
26
19
|
_this.props.handleDropdownSelect(selection, name);
|
|
27
20
|
};
|
|
28
|
-
|
|
29
21
|
_this.generateDropdowns = function () {
|
|
30
22
|
return _this.props.dropdowns.map(function (dropdown, index) {
|
|
31
23
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -42,11 +34,9 @@ var MiniFeatDropdown = /*#__PURE__*/function (_Component) {
|
|
|
42
34
|
}));
|
|
43
35
|
});
|
|
44
36
|
};
|
|
45
|
-
|
|
46
37
|
_this.state = {};
|
|
47
38
|
return _this;
|
|
48
39
|
}
|
|
49
|
-
|
|
50
40
|
_createClass(MiniFeatDropdown, [{
|
|
51
41
|
key: "render",
|
|
52
42
|
value: function render() {
|
|
@@ -74,8 +64,6 @@ var MiniFeatDropdown = /*#__PURE__*/function (_Component) {
|
|
|
74
64
|
}, this.generateDropdowns()));
|
|
75
65
|
}
|
|
76
66
|
}]);
|
|
77
|
-
|
|
78
67
|
return MiniFeatDropdown;
|
|
79
68
|
}(Component);
|
|
80
|
-
|
|
81
69
|
export default MiniFeatDropdown;
|
|
@@ -10,25 +10,21 @@ var MobileMegaMenuCategory = lazy(function () {
|
|
|
10
10
|
var MobileMegaMenuPartialCategory = lazy(function () {
|
|
11
11
|
return import("./MobileMegaMenuPartialCategory");
|
|
12
12
|
});
|
|
13
|
-
|
|
14
13
|
var MobileMegaMenu = function MobileMegaMenu(_ref) {
|
|
15
14
|
var isOpen = _ref.isOpen,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
links = _ref.links,
|
|
16
|
+
megaMenuContent = _ref.megaMenuContent,
|
|
17
|
+
closeDropDown = _ref.closeDropDown,
|
|
18
|
+
toggleDropDown = _ref.toggleDropDown;
|
|
21
19
|
var _useState = useState(null),
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
21
|
+
openCategory = _useState2[0],
|
|
22
|
+
setOpenCategory = _useState2[1];
|
|
26
23
|
var checkOpen = function checkOpen() {
|
|
27
24
|
if (!isOpen && openCategory !== null) {
|
|
28
25
|
setOpenCategory(null);
|
|
29
26
|
}
|
|
30
27
|
};
|
|
31
|
-
|
|
32
28
|
var toggleCategory = function toggleCategory(currentCategory) {
|
|
33
29
|
if (currentCategory === openCategory) {
|
|
34
30
|
setOpenCategory(null);
|
|
@@ -36,7 +32,6 @@ var MobileMegaMenu = function MobileMegaMenu(_ref) {
|
|
|
36
32
|
setOpenCategory(currentCategory);
|
|
37
33
|
}
|
|
38
34
|
};
|
|
39
|
-
|
|
40
35
|
var generateSubmenu = function generateSubmenu() {
|
|
41
36
|
return links.map(function (link) {
|
|
42
37
|
if (link.links) {
|
|
@@ -66,7 +61,6 @@ var MobileMegaMenu = function MobileMegaMenu(_ref) {
|
|
|
66
61
|
}
|
|
67
62
|
});
|
|
68
63
|
};
|
|
69
|
-
|
|
70
64
|
return /*#__PURE__*/React.createElement("section", {
|
|
71
65
|
className: "ter-mobile-mega-menu"
|
|
72
66
|
}, /*#__PURE__*/React.createElement("p", {
|
|
@@ -84,5 +78,4 @@ var MobileMegaMenu = function MobileMegaMenu(_ref) {
|
|
|
84
78
|
className: "ter-mobile-mega-menu__category-container ".concat(isOpen ? "ter-mobile-mega-menu__category-container--is-open" : "")
|
|
85
79
|
}, generateSubmenu(), megaMenuContent.bottomLink && generateSingleLink(megaMenuContent.bottomLink, "ter-mobile-mega-menu__bottom-link", closeDropDown)));
|
|
86
80
|
};
|
|
87
|
-
|
|
88
81
|
export default MobileMegaMenu;
|