@pareto-engineering/design-system 2.0.0-alpha.67 → 2.0.0-alpha.69
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/cjs/{experimental/GradientBackground/GradientBackground.js → a/ColumnLabel/ColumnLabel.js} +32 -30
- package/dist/cjs/{c/SiteMission → a/ColumnLabel}/index.js +3 -3
- package/dist/cjs/a/ColumnLabel/styles.scss +22 -0
- package/dist/cjs/a/ContentTree/ContentTree.js +1 -1
- package/dist/cjs/{c/BlogContext → a/ModalContextProvider}/Context.js +0 -0
- package/dist/cjs/{c/BlogContext/ContextProvider.js → a/ModalContextProvider/ModalContextProvider.js} +27 -25
- package/dist/cjs/{c/SiteFooter/SiteFooter.js → a/ModalContextProvider/common/ModalRoot/ModalRoot.js} +18 -38
- package/dist/cjs/a/{Popover/common/Divider → ModalContextProvider/common/ModalRoot}/index.js +3 -3
- package/dist/cjs/a/ModalContextProvider/common/ModalRoot/styles.scss +14 -0
- package/dist/cjs/{c/SiteFooter → a/ModalContextProvider}/common/index.js +3 -3
- package/dist/cjs/a/ModalContextProvider/index.js +31 -0
- package/dist/cjs/{c/BlogContext/useBlog.js → a/ModalContextProvider/useModal.js} +0 -0
- package/dist/cjs/a/Popover/Popover.js +1 -1
- package/dist/cjs/{v3/Button/Button.js → c/Modal/Modal.js} +46 -8
- package/dist/cjs/c/{TeamGallery/TeamGallery.js → Modal/common/ModalHeader/ModalHeader.js} +36 -28
- package/dist/cjs/c/{SitePricing → Modal/common/ModalHeader}/index.js +3 -3
- package/dist/cjs/c/{TeamGallery → Modal}/common/index.js +3 -3
- package/dist/cjs/{a/Popover/common/Item → c/Modal}/index.js +3 -3
- package/dist/cjs/c/Modal/styles.scss +45 -0
- package/dist/cjs/c/ModalButton/ModalButton.js +66 -0
- package/dist/cjs/c/{TeamGallery → ModalButton}/index.js +3 -3
- package/dist/cjs/{f/fields/TaskRecommendation/TaskRecommendation.js → c/ObjectButton/ObjectButton.js} +56 -56
- package/dist/cjs/c/{BlogPost → ObjectButton}/index.js +3 -3
- package/dist/cjs/c/ObjectButton/styles.scss +52 -0
- package/dist/cjs/c/index.js +9 -1
- package/dist/cjs/{c/BlogPostsList/BlogPostsList.js → d/Modal/Modal.js} +31 -10
- package/dist/cjs/{a/Popover/common/Divider/Divider.js → d/Modal/common/ModalFooter/ModalFooter.js} +26 -16
- package/dist/cjs/d/Modal/common/ModalFooter/index.js +15 -0
- package/dist/cjs/{a/Popover/common/Item/Item.js → d/Modal/common/ModalHeader/ModalHeader.js} +28 -16
- package/dist/cjs/d/Modal/common/ModalHeader/index.js +15 -0
- package/dist/cjs/d/Modal/common/index.js +21 -0
- package/dist/cjs/{c/BlogPostsList/common/Card → d/Modal}/index.js +3 -3
- package/dist/cjs/d/Modal/styles.scss +52 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
- package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -4
- package/dist/cjs/utils/relay/EnvironmentProvider.js +23 -0
- package/dist/cjs/utils/relay/environment.js +12 -0
- package/dist/cjs/utils/relay/index.js +39 -0
- package/dist/cjs/utils/relay/mockRelayOperation.js +23 -0
- package/dist/cjs/utils/relay/mockResolvers.js +282 -0
- package/dist/es/{v3/Button/Button.js → a/ColumnLabel/ColumnLabel.js} +36 -12
- package/dist/es/a/ColumnLabel/index.js +2 -0
- package/dist/es/a/ColumnLabel/styles.scss +22 -0
- package/dist/es/a/ContentTree/ContentTree.js +1 -1
- package/dist/es/{c/BlogContext → a/ModalContextProvider}/Context.js +0 -0
- package/dist/es/a/ModalContextProvider/ModalContextProvider.js +47 -0
- package/dist/es/a/ModalContextProvider/common/ModalRoot/ModalRoot.js +36 -0
- package/dist/es/a/ModalContextProvider/common/ModalRoot/index.js +2 -0
- package/dist/es/a/ModalContextProvider/common/ModalRoot/styles.scss +14 -0
- package/dist/es/{c/BlogPostsList/common/Card → a/ModalContextProvider/common}/index.js +1 -1
- package/dist/es/a/ModalContextProvider/index.js +4 -0
- package/dist/es/{c/BlogContext/useBlog.js → a/ModalContextProvider/useModal.js} +0 -0
- package/dist/es/a/Popover/Popover.js +1 -1
- package/dist/es/c/Modal/Modal.js +91 -0
- package/dist/es/c/Modal/common/ModalHeader/ModalHeader.js +67 -0
- package/dist/es/c/Modal/common/ModalHeader/index.js +1 -0
- package/dist/es/c/Modal/common/index.js +1 -0
- package/dist/es/{a/Popover/common/Item → c/Modal}/index.js +1 -1
- package/dist/es/c/Modal/styles.scss +45 -0
- package/dist/es/c/ModalButton/ModalButton.js +48 -0
- package/dist/es/c/ModalButton/index.js +2 -0
- package/dist/es/c/ObjectButton/ObjectButton.js +111 -0
- package/dist/es/c/ObjectButton/index.js +2 -0
- package/dist/es/c/ObjectButton/styles.scss +52 -0
- package/dist/es/c/index.js +2 -1
- package/dist/es/{c/BlogPostsList/BlogPostsList.js → d/Modal/Modal.js} +32 -11
- package/dist/es/d/Modal/common/ModalFooter/ModalFooter.js +56 -0
- package/dist/es/d/Modal/common/ModalFooter/index.js +1 -0
- package/dist/es/d/Modal/common/ModalHeader/ModalHeader.js +60 -0
- package/dist/es/d/Modal/common/ModalHeader/index.js +1 -0
- package/dist/es/d/Modal/common/index.js +2 -0
- package/dist/es/{v3/Button → d/Modal}/index.js +1 -1
- package/dist/es/d/Modal/styles.scss +52 -0
- package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
- package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -4
- package/dist/es/utils/relay/EnvironmentProvider.js +11 -0
- package/dist/es/utils/relay/environment.js +3 -0
- package/dist/es/utils/relay/index.js +4 -0
- package/dist/es/utils/relay/mockRelayOperation.js +9 -0
- package/dist/es/utils/relay/mockResolvers.js +275 -0
- package/package.json +1 -1
- package/src/__snapshots__/Storyshots.test.js.snap +43 -1
- package/src/stories/c/Modal.stories.jsx +66 -0
- package/src/ui/a/ContentTree/ContentTree.jsx +1 -1
- package/src/ui/a/Popover/Popover.jsx +1 -1
- package/src/ui/c/Modal/Modal.jsx +112 -0
- package/src/ui/c/Modal/common/ModalHeader/ModalHeader.jsx +89 -0
- package/src/ui/c/Modal/common/ModalHeader/index.js +1 -0
- package/src/ui/c/Modal/common/index.js +1 -0
- package/{dist/es/a/Popover/common/Divider → src/ui/c/Modal}/index.js +1 -1
- package/src/ui/c/Modal/styles.scss +45 -0
- package/src/ui/c/index.js +1 -0
- package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
- package/dist/cjs/a/GradientBackground/index.js +0 -15
- package/dist/cjs/a/GradientBackground/styles.scss +0 -191
- package/dist/cjs/a/Popover/common/index.js +0 -21
- package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
- package/dist/cjs/c/AcceptCookies/index.js +0 -15
- package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
- package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
- package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
- package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
- package/dist/cjs/c/BlogContext/index.js +0 -31
- package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
- package/dist/cjs/c/BlogPost/styles.scss +0 -33
- package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
- package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
- package/dist/cjs/c/BlogPostsList/index.js +0 -15
- package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
- package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
- package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
- package/dist/cjs/c/SiteFooter/index.js +0 -15
- package/dist/cjs/c/SiteFooter/styles.scss +0 -34
- package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
- package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
- package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
- package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
- package/dist/cjs/c/SiteMission/styles.scss +0 -30
- package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
- package/dist/cjs/c/SiteNavigation/index.js +0 -15
- package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
- package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
- package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
- package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
- package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
- package/dist/cjs/c/SitePricing/styles.scss +0 -73
- package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
- package/dist/cjs/c/SiteServices/index.js +0 -15
- package/dist/cjs/c/SiteServices/styles.scss +0 -138
- package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
- package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
- package/dist/cjs/c/TeamGallery/styles.scss +0 -100
- package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
- package/dist/cjs/c/Testimonials/index.js +0 -15
- package/dist/cjs/c/Testimonials/styles.scss +0 -112
- package/dist/cjs/experimental/GradientBackground/index.js +0 -15
- package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
- package/dist/cjs/experimental/index.js +0 -13
- package/dist/cjs/f/fields/IntlTelInput/IntlTelInput.js +0 -170
- package/dist/cjs/f/fields/IntlTelInput/index.js +0 -15
- package/dist/cjs/f/fields/IntlTelInput/styles.scss +0 -37
- package/dist/cjs/f/fields/PhoneIntlTelInput/PhoneIntlTelInput.js +0 -180
- package/dist/cjs/f/fields/PhoneIntlTelInput/index.js +0 -15
- package/dist/cjs/f/fields/PhoneIntlTelInput/styles.scss +0 -43
- package/dist/cjs/f/fields/QuerySelect/styles.scss +0 -21
- package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
- package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
- package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
- package/dist/cjs/f/fields/TextArea/index.js +0 -15
- package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
- package/dist/cjs/test/QueryLoader/styles.scss +0 -9
- package/dist/cjs/v3/Button/index.js +0 -15
- package/dist/cjs/v3/Button/styles.scss +0 -9
- package/dist/cjs/v3/index.js +0 -13
- package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
- package/dist/es/a/GradientBackground/index.js +0 -2
- package/dist/es/a/GradientBackground/styles.scss +0 -191
- package/dist/es/a/Popover/common/Divider/Divider.js +0 -47
- package/dist/es/a/Popover/common/Item/Item.js +0 -47
- package/dist/es/a/Popover/common/index.js +0 -2
- package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
- package/dist/es/c/AcceptCookies/index.js +0 -2
- package/dist/es/c/AcceptCookies/styles.scss +0 -49
- package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
- package/dist/es/c/BlogCategoryButton/index.js +0 -2
- package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
- package/dist/es/c/BlogContext/ContextProvider.js +0 -45
- package/dist/es/c/BlogContext/index.js +0 -4
- package/dist/es/c/BlogPost/BlogPost.js +0 -128
- package/dist/es/c/BlogPost/index.js +0 -2
- package/dist/es/c/BlogPost/styles.scss +0 -33
- package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
- package/dist/es/c/BlogPostsList/common/index.js +0 -1
- package/dist/es/c/BlogPostsList/index.js +0 -2
- package/dist/es/c/BlogPostsList/styles.scss +0 -72
- package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
- package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
- package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
- package/dist/es/c/SiteFooter/common/index.js +0 -1
- package/dist/es/c/SiteFooter/index.js +0 -2
- package/dist/es/c/SiteFooter/styles.scss +0 -34
- package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
- package/dist/es/c/SiteHeaderCTA/index.js +0 -2
- package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
- package/dist/es/c/SiteMission/SiteMission.js +0 -96
- package/dist/es/c/SiteMission/index.js +0 -2
- package/dist/es/c/SiteMission/styles.scss +0 -30
- package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
- package/dist/es/c/SiteNavigation/index.js +0 -2
- package/dist/es/c/SiteNavigation/styles.scss +0 -118
- package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
- package/dist/es/c/SiteOnboardingStep/index.js +0 -2
- package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
- package/dist/es/c/SitePricing/SitePricing.js +0 -91
- package/dist/es/c/SitePricing/index.js +0 -2
- package/dist/es/c/SitePricing/styles.scss +0 -73
- package/dist/es/c/SiteServices/SiteServices.js +0 -195
- package/dist/es/c/SiteServices/index.js +0 -2
- package/dist/es/c/SiteServices/styles.scss +0 -138
- package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
- package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
- package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
- package/dist/es/c/TeamGallery/common/index.js +0 -1
- package/dist/es/c/TeamGallery/index.js +0 -2
- package/dist/es/c/TeamGallery/styles.scss +0 -100
- package/dist/es/c/Testimonials/Testimonials.js +0 -99
- package/dist/es/c/Testimonials/index.js +0 -2
- package/dist/es/c/Testimonials/styles.scss +0 -112
- package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
- package/dist/es/experimental/GradientBackground/index.js +0 -2
- package/dist/es/experimental/GradientBackground/styles.scss +0 -64
- package/dist/es/experimental/index.js +0 -1
- package/dist/es/f/fields/IntlTelInput/IntlTelInput.js +0 -152
- package/dist/es/f/fields/IntlTelInput/index.js +0 -2
- package/dist/es/f/fields/IntlTelInput/styles.scss +0 -37
- package/dist/es/f/fields/PhoneIntlTelInput/PhoneIntlTelInput.js +0 -163
- package/dist/es/f/fields/PhoneIntlTelInput/index.js +0 -2
- package/dist/es/f/fields/PhoneIntlTelInput/styles.scss +0 -43
- package/dist/es/f/fields/QuerySelect/styles.scss +0 -21
- package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
- package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
- package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
- package/dist/es/f/fields/TextArea/TextArea.js +0 -124
- package/dist/es/f/fields/TextArea/index.js +0 -2
- package/dist/es/f/fields/TextArea/styles.scss +0 -19
- package/dist/es/test/QueryLoader/styles.scss +0 -9
- package/dist/es/v3/Button/styles.scss +0 -9
- package/dist/es/v3/index.js +0 -1
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
-
|
|
3
|
-
@use "@pareto-engineering/bem";
|
|
4
|
-
@use "@aztlan/stylebook/src/mixins";
|
|
5
|
-
@use "@aztlan/stylebook/src/globals" as *;
|
|
6
|
-
|
|
7
|
-
$default-padding:var(--u);
|
|
8
|
-
$default-background:var(--y);
|
|
9
|
-
$default-color:var(--on-y);
|
|
10
|
-
$base-card-class:article-card;
|
|
11
|
-
$word-count-class:word-count;
|
|
12
|
-
$size-small-class:size-sm;
|
|
13
|
-
$size-large-class:size-lg;
|
|
14
|
-
|
|
15
|
-
.#{bem.$base}.blog-posts-list {
|
|
16
|
-
display: grid;
|
|
17
|
-
gap: $default-padding;
|
|
18
|
-
grid-template-columns: 1fr;
|
|
19
|
-
|
|
20
|
-
.#{$base-card-class} {
|
|
21
|
-
background: $default-background;
|
|
22
|
-
border-radius: var(--theme-border-radius);
|
|
23
|
-
overflow: hidden;
|
|
24
|
-
|
|
25
|
-
.illustration {
|
|
26
|
-
height: 12em;
|
|
27
|
-
|
|
28
|
-
img {
|
|
29
|
-
height: 100%;
|
|
30
|
-
object-fit: cover;
|
|
31
|
-
width: 100%;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.header {
|
|
36
|
-
align-items: center;
|
|
37
|
-
display: flex;
|
|
38
|
-
justify-content: space-between;
|
|
39
|
-
padding: calc(#{$default-padding} / 2);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.title,
|
|
43
|
-
.#{bem.$element-content} {
|
|
44
|
-
color: $default-color;
|
|
45
|
-
padding: $default-padding;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.title {
|
|
49
|
-
padding-bottom: 0;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.#{bem.$element-content} {
|
|
53
|
-
.#{$word-count-class} {
|
|
54
|
-
font-size: calc(var(--s-1) * 1em);
|
|
55
|
-
opacity: .6;
|
|
56
|
-
text-transform: uppercase;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
@include mixins.media($from:$sm-md) {
|
|
62
|
-
grid-template-columns: 1fr 1fr;
|
|
63
|
-
|
|
64
|
-
.#{$base-card-class} {
|
|
65
|
-
&.#{$size-large-class} {
|
|
66
|
-
grid-column-end: span 2;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
|
|
13
|
-
|
|
14
|
-
var _b = require("../../../../b");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
-
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
-
|
|
26
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
|
-
|
|
28
|
-
var baseClassName = _bem.default.base;
|
|
29
|
-
console.log(_bem.default);
|
|
30
|
-
var componentClassName = _bem.default.elementSection;
|
|
31
|
-
/**
|
|
32
|
-
* This is the component description.
|
|
33
|
-
*/
|
|
34
|
-
|
|
35
|
-
var Section = _ref => {
|
|
36
|
-
var {
|
|
37
|
-
id,
|
|
38
|
-
className: userClassName,
|
|
39
|
-
style,
|
|
40
|
-
children,
|
|
41
|
-
title,
|
|
42
|
-
span // ...otherProps
|
|
43
|
-
|
|
44
|
-
} = _ref;
|
|
45
|
-
console.log(1);
|
|
46
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
47
|
-
id: id,
|
|
48
|
-
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
49
|
-
style: _objectSpread({
|
|
50
|
-
'--span': span
|
|
51
|
-
}, style) // {...otherProps}
|
|
52
|
-
|
|
53
|
-
}, title && /*#__PURE__*/React.createElement(_b.Title, {
|
|
54
|
-
headingAs: "p",
|
|
55
|
-
headingClassName: "h4 c-on-y",
|
|
56
|
-
heading: title
|
|
57
|
-
}), children);
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
Section.propTypes = {
|
|
61
|
-
/**
|
|
62
|
-
* The HTML id for this element
|
|
63
|
-
*/
|
|
64
|
-
id: _propTypes.default.string,
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* The HTML class names for this element
|
|
68
|
-
*/
|
|
69
|
-
className: _propTypes.default.string,
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* The React-written, css properties for this element.
|
|
73
|
-
*/
|
|
74
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* The children JSX
|
|
78
|
-
*/
|
|
79
|
-
children: _propTypes.default.node,
|
|
80
|
-
|
|
81
|
-
/**
|
|
82
|
-
* The title of the footer section
|
|
83
|
-
*/
|
|
84
|
-
title: _propTypes.default.node,
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* How many fractional units should the column width be, on desktop
|
|
88
|
-
*/
|
|
89
|
-
span: _propTypes.default.number
|
|
90
|
-
};
|
|
91
|
-
Section.defaultProps = {
|
|
92
|
-
span: 1
|
|
93
|
-
};
|
|
94
|
-
var _default = Section;
|
|
95
|
-
exports.default = _default;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Section", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Section.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _Section = _interopRequireDefault(require("./Section"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "SiteFooter", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _SiteFooter.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _SiteFooter = _interopRequireDefault(require("./SiteFooter"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
-
|
|
3
|
-
@use "@pareto-engineering/bem";
|
|
4
|
-
@use "@aztlan/stylebook/src/mixins";
|
|
5
|
-
@use "@aztlan/stylebook/src/globals" as *;
|
|
6
|
-
|
|
7
|
-
$default-padding:1em;
|
|
8
|
-
|
|
9
|
-
.#{bem.$base}.site-footer {
|
|
10
|
-
--u: #{$default-padding};
|
|
11
|
-
background: var(--y);
|
|
12
|
-
text-align: center;
|
|
13
|
-
|
|
14
|
-
.#{bem.$base}.#{bem.$element-section} {
|
|
15
|
-
color: var(--on-y);
|
|
16
|
-
padding: var(--u);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
/*
|
|
20
|
-
@include mixins.media($to:$sm-md) {
|
|
21
|
-
} */
|
|
22
|
-
|
|
23
|
-
@include mixins.media($from:$sm-md) {
|
|
24
|
-
display: grid;
|
|
25
|
-
grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
|
|
26
|
-
text-align: left;
|
|
27
|
-
|
|
28
|
-
.#{bem.$base}.#{bem.$element-section} {
|
|
29
|
-
grid-column-end: span var(--span);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
|
|
13
|
-
|
|
14
|
-
var _b = require("../../b");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
// Local Definitions
|
|
23
|
-
var baseClassName = _bem.default.base;
|
|
24
|
-
var componentClassName = 'header-c-t-a';
|
|
25
|
-
/**
|
|
26
|
-
* This is the component description.
|
|
27
|
-
*/
|
|
28
|
-
|
|
29
|
-
var SiteHeaderCTA = _ref => {
|
|
30
|
-
var {
|
|
31
|
-
id,
|
|
32
|
-
className: userClassName,
|
|
33
|
-
style,
|
|
34
|
-
cta,
|
|
35
|
-
surveyLink,
|
|
36
|
-
header,
|
|
37
|
-
subHeader // ...otherProps
|
|
38
|
-
|
|
39
|
-
} = _ref;
|
|
40
|
-
(0, React.useLayoutEffect)(() => {
|
|
41
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
42
|
-
}, []);
|
|
43
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
id: id,
|
|
45
|
-
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
46
|
-
style: style // {...otherProps}
|
|
47
|
-
|
|
48
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
49
|
-
className: "uc s-1 md-s0"
|
|
50
|
-
}, /*#__PURE__*/React.createElement(_b.Title, {
|
|
51
|
-
heading: header,
|
|
52
|
-
headingClassName: "title uc s4 md-s6"
|
|
53
|
-
}), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
|
|
54
|
-
className: "typed-content s4 md-s6"
|
|
55
|
-
}, "startup busywork")), /*#__PURE__*/React.createElement("p", {
|
|
56
|
-
className: "description uc s0 md-s1 v2 mt-v"
|
|
57
|
-
}, subHeader), /*#__PURE__*/React.createElement("a", {
|
|
58
|
-
href: surveyLink,
|
|
59
|
-
rel: "noreferrer",
|
|
60
|
-
className: "v3 mt-v"
|
|
61
|
-
}, /*#__PURE__*/React.createElement(_b.Button, {
|
|
62
|
-
className: "s-1 md-s0"
|
|
63
|
-
}, cta)), /*#__PURE__*/React.createElement("span", {
|
|
64
|
-
className: "no-credit-card u1 mt-u md-s0 s-1"
|
|
65
|
-
}, "No credit card required"));
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
SiteHeaderCTA.propTypes = {
|
|
69
|
-
/**
|
|
70
|
-
* The HTML id for this element
|
|
71
|
-
*/
|
|
72
|
-
id: _propTypes.default.string,
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* The HTML class names for this element
|
|
76
|
-
*/
|
|
77
|
-
className: _propTypes.default.string,
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* The React-written, css properties for this element.
|
|
81
|
-
*/
|
|
82
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* The cta text
|
|
86
|
-
*/
|
|
87
|
-
cta: _propTypes.default.string,
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* The cta link
|
|
91
|
-
*/
|
|
92
|
-
surveyLink: _propTypes.default.string.isRequired,
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* The hero section header
|
|
96
|
-
*/
|
|
97
|
-
header: _propTypes.default.string.isRequired,
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* The hero section sub header
|
|
101
|
-
*/
|
|
102
|
-
subHeader: _propTypes.default.string.isRequired
|
|
103
|
-
};
|
|
104
|
-
SiteHeaderCTA.defaultProps = {
|
|
105
|
-
cta: 'Get started in 5 min'
|
|
106
|
-
};
|
|
107
|
-
var _default = SiteHeaderCTA;
|
|
108
|
-
exports.default = _default;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "SiteHeaderCTA", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _SiteHeaderCTA.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _SiteHeaderCTA = _interopRequireDefault(require("./SiteHeaderCTA"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
-
|
|
3
|
-
@use "@pareto-engineering/bem";
|
|
4
|
-
@use "@aztlan/stylebook/src/mixins";
|
|
5
|
-
@use "@aztlan/stylebook/src/globals" as *;
|
|
6
|
-
|
|
7
|
-
$typed-cusor-font-size-sm:1.728em;
|
|
8
|
-
$typed-cusor-font-size-md:2.985984em;
|
|
9
|
-
|
|
10
|
-
.#{bem.$base}.header-c-t-a {
|
|
11
|
-
align-items: center;
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
justify-content: space-between;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
.typed-content {
|
|
18
|
-
color: var(--main1);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.typed-cursor {
|
|
22
|
-
color: var(--main1);
|
|
23
|
-
font-size: $typed-cusor-font-size-md;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.description {
|
|
27
|
-
color: var(--subtitle);
|
|
28
|
-
margin-bottom: 0;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.no-credit-card {
|
|
32
|
-
color: var(--metadata);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
@include mixins.media($to:$sm-md) {
|
|
36
|
-
padding: var(--u);
|
|
37
|
-
|
|
38
|
-
.typed-cursor {
|
|
39
|
-
font-size: $typed-cusor-font-size-sm;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
|
|
13
|
-
|
|
14
|
-
var _a = require("../../a");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
// Local Definitions
|
|
25
|
-
var baseClassName = _bem.default.base;
|
|
26
|
-
var componentClassName = 'mission';
|
|
27
|
-
/**
|
|
28
|
-
* This is the component description.
|
|
29
|
-
*/
|
|
30
|
-
|
|
31
|
-
var SiteMission = _ref => {
|
|
32
|
-
var {
|
|
33
|
-
id,
|
|
34
|
-
className: userClassName,
|
|
35
|
-
style,
|
|
36
|
-
color,
|
|
37
|
-
teamInfoMap,
|
|
38
|
-
teamReviewMap,
|
|
39
|
-
delay // ...otherProps
|
|
40
|
-
|
|
41
|
-
} = _ref;
|
|
42
|
-
(0, React.useLayoutEffect)(() => {
|
|
43
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
44
|
-
}, []);
|
|
45
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
46
|
-
id: id,
|
|
47
|
-
className: [baseClassName, componentClassName, userClassName, 'u2', "x-".concat(color)].filter(e => e).join(' '),
|
|
48
|
-
style: style // {...otherProps}
|
|
49
|
-
|
|
50
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
51
|
-
className: "review-content s-1 md-s0"
|
|
52
|
-
}, teamReviewMap.map(review => /*#__PURE__*/React.createElement(_a.AnimatedCounter, _extends({
|
|
53
|
-
key: review.description
|
|
54
|
-
}, review, {
|
|
55
|
-
color: color,
|
|
56
|
-
delay: delay
|
|
57
|
-
})))), /*#__PURE__*/React.createElement("div", {
|
|
58
|
-
className: "team-info-content v2 mv-v"
|
|
59
|
-
}, teamInfoMap.map(info => /*#__PURE__*/React.createElement(_a.TeamInfo, _extends({
|
|
60
|
-
key: info.description
|
|
61
|
-
}, info)))));
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
SiteMission.propTypes = {
|
|
65
|
-
/**
|
|
66
|
-
* The HTML id for this element
|
|
67
|
-
*/
|
|
68
|
-
id: _propTypes.default.string,
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* The HTML class names for this element
|
|
72
|
-
*/
|
|
73
|
-
className: _propTypes.default.string,
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* The React-written, css properties for this element.
|
|
77
|
-
*/
|
|
78
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* The teamReviewMap
|
|
82
|
-
*/
|
|
83
|
-
teamReviewMap: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
84
|
-
number: _propTypes.default.number.isRequired,
|
|
85
|
-
unit: _propTypes.default.string.isRequired,
|
|
86
|
-
description: _propTypes.default.string.isRequired
|
|
87
|
-
})).isRequired,
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* The color
|
|
91
|
-
*/
|
|
92
|
-
color: _propTypes.default.string,
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* The teamInfoMap
|
|
96
|
-
*/
|
|
97
|
-
teamInfoMap: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
98
|
-
description: _propTypes.default.string.isRequired,
|
|
99
|
-
img: _propTypes.default.string.isRequired,
|
|
100
|
-
name: _propTypes.default.string.isRequired,
|
|
101
|
-
role: _propTypes.default.string.isRequired
|
|
102
|
-
})).isRequired,
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
* Animated counter delay
|
|
106
|
-
*/
|
|
107
|
-
delay: _propTypes.default.number
|
|
108
|
-
};
|
|
109
|
-
SiteMission.defaultProps = {
|
|
110
|
-
color: 'main1'
|
|
111
|
-
};
|
|
112
|
-
var _default = SiteMission;
|
|
113
|
-
exports.default = _default;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
-
|
|
3
|
-
@use "@pareto-engineering/bem";
|
|
4
|
-
@use "@aztlan/stylebook/src/mixins";
|
|
5
|
-
@use "@aztlan/stylebook/src/globals" as *;
|
|
6
|
-
|
|
7
|
-
$grid-gap:1em;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
.#{bem.$base}.mission {
|
|
11
|
-
height: auto;
|
|
12
|
-
|
|
13
|
-
.review-content {
|
|
14
|
-
display: grid;
|
|
15
|
-
gap: $grid-gap;
|
|
16
|
-
grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.team-info-content {
|
|
20
|
-
display: grid;
|
|
21
|
-
gap: $grid-gap;
|
|
22
|
-
grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@include mixins.media($to:$sm-md) {
|
|
26
|
-
padding: var(--u);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
|
|
13
|
-
|
|
14
|
-
var _reactRouterDom = require("react-router-dom");
|
|
15
|
-
|
|
16
|
-
var _a = require("../../a");
|
|
17
|
-
|
|
18
|
-
var _b = require("../../b");
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
26
|
-
// Local Definitions
|
|
27
|
-
var baseClassName = _bem.default.base;
|
|
28
|
-
var componentClassName = 'site-navigation';
|
|
29
|
-
/**
|
|
30
|
-
* This is the component description.
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
var SiteNavigation = _ref => {
|
|
34
|
-
var {
|
|
35
|
-
id,
|
|
36
|
-
className: userClassName,
|
|
37
|
-
style,
|
|
38
|
-
menu,
|
|
39
|
-
cta,
|
|
40
|
-
logoColor // ...otherProps
|
|
41
|
-
|
|
42
|
-
} = _ref;
|
|
43
|
-
(0, React.useLayoutEffect)(() => {
|
|
44
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
45
|
-
}, []);
|
|
46
|
-
var [isOpen, setIsOpen] = (0, React.useState)(false);
|
|
47
|
-
|
|
48
|
-
var toggleOpen = () => setIsOpen(!isOpen);
|
|
49
|
-
|
|
50
|
-
var location = (0, _reactRouterDom.useLocation)();
|
|
51
|
-
var activePage = location.pathname;
|
|
52
|
-
(0, React.useEffect)(() => {
|
|
53
|
-
setIsOpen(false);
|
|
54
|
-
}, [location]);
|
|
55
|
-
return /*#__PURE__*/React.createElement("nav", {
|
|
56
|
-
id: id,
|
|
57
|
-
className: [baseClassName, isOpen && 'open', componentClassName, userClassName].filter(e => e).join(' '),
|
|
58
|
-
style: style // {...otherProps}
|
|
59
|
-
|
|
60
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
className: "hamburger"
|
|
62
|
-
}, /*#__PURE__*/React.createElement(_a.HamburgerButton, {
|
|
63
|
-
className: "md-h lg-h",
|
|
64
|
-
isOpen: isOpen,
|
|
65
|
-
onClick: toggleOpen
|
|
66
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
67
|
-
className: "wrapper"
|
|
68
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
69
|
-
className: "title"
|
|
70
|
-
}, /*#__PURE__*/React.createElement(_b.Logo, {
|
|
71
|
-
color: logoColor,
|
|
72
|
-
height: "2.5em",
|
|
73
|
-
className: "xs-h sm-h"
|
|
74
|
-
}), isOpen && /*#__PURE__*/React.createElement(_b.Logo, {
|
|
75
|
-
color: logoColor,
|
|
76
|
-
height: "3.2em",
|
|
77
|
-
className: "md-h lg-h"
|
|
78
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
79
|
-
className: "menu"
|
|
80
|
-
}, /*#__PURE__*/React.createElement("ul", {
|
|
81
|
-
className: "s3 md-s1"
|
|
82
|
-
}, menu.map(item => /*#__PURE__*/React.createElement("li", {
|
|
83
|
-
key: item.name,
|
|
84
|
-
className: [activePage === item.link && _bem.default.modifierActive].filter(e => e).join(' ')
|
|
85
|
-
}, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
|
|
86
|
-
to: item.link
|
|
87
|
-
}, item.name))))), /*#__PURE__*/React.createElement("div", {
|
|
88
|
-
className: "cta"
|
|
89
|
-
}, cta)));
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
SiteNavigation.propTypes = {
|
|
93
|
-
/**
|
|
94
|
-
* The HTML id for this element
|
|
95
|
-
*/
|
|
96
|
-
id: _propTypes.default.string,
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
* The HTML class names for this element
|
|
100
|
-
*/
|
|
101
|
-
className: _propTypes.default.string,
|
|
102
|
-
|
|
103
|
-
/**
|
|
104
|
-
* The React-written, css properties for this element.
|
|
105
|
-
*/
|
|
106
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* The cta as JSX
|
|
110
|
-
*/
|
|
111
|
-
cta: _propTypes.default.node,
|
|
112
|
-
|
|
113
|
-
/**
|
|
114
|
-
* The map of menu elements
|
|
115
|
-
*/
|
|
116
|
-
menu: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
117
|
-
name: _propTypes.default.string.isRequired,
|
|
118
|
-
link: _propTypes.default.string.isRequired
|
|
119
|
-
})).isRequired,
|
|
120
|
-
|
|
121
|
-
/**
|
|
122
|
-
* The logo color
|
|
123
|
-
*/
|
|
124
|
-
logoColor: _propTypes.default.string
|
|
125
|
-
};
|
|
126
|
-
SiteNavigation.defaultProps = {
|
|
127
|
-
logoColor: 'main1'
|
|
128
|
-
};
|
|
129
|
-
var _default = SiteNavigation;
|
|
130
|
-
exports.default = _default;
|