@pareto-engineering/design-system 2.0.0-alpha.66 → 2.0.0-alpha.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. package/dist/cjs/{experimental/GradientBackground/GradientBackground.js → a/ColumnLabel/ColumnLabel.js} +32 -30
  2. package/dist/cjs/{c/SiteMission → a/ColumnLabel}/index.js +3 -3
  3. package/dist/cjs/a/ColumnLabel/styles.scss +22 -0
  4. package/dist/cjs/a/ContentTree/ContentTree.js +1 -1
  5. package/dist/cjs/{c/BlogContext → a/ModalContextProvider}/Context.js +0 -0
  6. package/dist/cjs/{c/BlogContext/ContextProvider.js → a/ModalContextProvider/ModalContextProvider.js} +27 -25
  7. package/dist/cjs/{c/SiteFooter/SiteFooter.js → a/ModalContextProvider/common/ModalRoot/ModalRoot.js} +18 -38
  8. package/dist/cjs/a/{Popover/common/Divider → ModalContextProvider/common/ModalRoot}/index.js +3 -3
  9. package/dist/cjs/a/ModalContextProvider/common/ModalRoot/styles.scss +14 -0
  10. package/dist/cjs/{c/SiteFooter → a/ModalContextProvider}/common/index.js +3 -3
  11. package/dist/cjs/a/ModalContextProvider/index.js +31 -0
  12. package/dist/cjs/{c/BlogContext/useBlog.js → a/ModalContextProvider/useModal.js} +0 -0
  13. package/dist/cjs/{v3/Button/Button.js → c/Modal/Modal.js} +46 -8
  14. package/dist/cjs/c/{TeamGallery/TeamGallery.js → Modal/common/ModalHeader/ModalHeader.js} +36 -28
  15. package/dist/cjs/c/{SitePricing → Modal/common/ModalHeader}/index.js +3 -3
  16. package/dist/cjs/c/{TeamGallery → Modal}/common/index.js +3 -3
  17. package/dist/cjs/{a/Popover/common/Item → c/Modal}/index.js +3 -3
  18. package/dist/cjs/c/Modal/styles.scss +43 -0
  19. package/dist/cjs/c/ModalButton/ModalButton.js +66 -0
  20. package/dist/cjs/c/{TeamGallery → ModalButton}/index.js +3 -3
  21. package/dist/cjs/{f/fields/TaskRecommendation/TaskRecommendation.js → c/ObjectButton/ObjectButton.js} +56 -56
  22. package/dist/cjs/c/{BlogPost → ObjectButton}/index.js +3 -3
  23. package/dist/cjs/c/ObjectButton/styles.scss +52 -0
  24. package/dist/cjs/c/index.js +9 -1
  25. package/dist/cjs/{c/BlogPostsList/BlogPostsList.js → d/Modal/Modal.js} +31 -10
  26. package/dist/cjs/{a/Popover/common/Divider/Divider.js → d/Modal/common/ModalFooter/ModalFooter.js} +26 -16
  27. package/dist/cjs/d/Modal/common/ModalFooter/index.js +15 -0
  28. package/dist/cjs/{a/Popover/common/Item/Item.js → d/Modal/common/ModalHeader/ModalHeader.js} +28 -16
  29. package/dist/cjs/d/Modal/common/ModalHeader/index.js +15 -0
  30. package/dist/cjs/d/Modal/common/index.js +21 -0
  31. package/dist/cjs/{c/BlogPostsList/common/Card → d/Modal}/index.js +3 -3
  32. package/dist/cjs/d/Modal/styles.scss +52 -0
  33. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  34. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -4
  35. package/dist/cjs/utils/relay/EnvironmentProvider.js +23 -0
  36. package/dist/cjs/utils/relay/environment.js +12 -0
  37. package/dist/cjs/utils/relay/index.js +39 -0
  38. package/dist/cjs/utils/relay/mockRelayOperation.js +23 -0
  39. package/dist/cjs/utils/relay/mockResolvers.js +282 -0
  40. package/dist/es/{v3/Button/Button.js → a/ColumnLabel/ColumnLabel.js} +36 -12
  41. package/dist/es/a/ColumnLabel/index.js +2 -0
  42. package/dist/es/a/ColumnLabel/styles.scss +22 -0
  43. package/dist/es/a/ContentTree/ContentTree.js +1 -1
  44. package/dist/es/{c/BlogContext → a/ModalContextProvider}/Context.js +0 -0
  45. package/dist/es/a/ModalContextProvider/ModalContextProvider.js +47 -0
  46. package/dist/es/a/ModalContextProvider/common/ModalRoot/ModalRoot.js +36 -0
  47. package/dist/es/a/ModalContextProvider/common/ModalRoot/index.js +2 -0
  48. package/dist/es/a/ModalContextProvider/common/ModalRoot/styles.scss +14 -0
  49. package/dist/es/{c/BlogPostsList/common/Card → a/ModalContextProvider/common}/index.js +1 -1
  50. package/dist/es/a/ModalContextProvider/index.js +4 -0
  51. package/dist/es/{c/BlogContext/useBlog.js → a/ModalContextProvider/useModal.js} +0 -0
  52. package/dist/es/c/Modal/Modal.js +91 -0
  53. package/dist/es/c/Modal/common/ModalHeader/ModalHeader.js +67 -0
  54. package/dist/es/c/Modal/common/ModalHeader/index.js +1 -0
  55. package/dist/es/c/Modal/common/index.js +1 -0
  56. package/dist/es/{a/Popover/common/Item → c/Modal}/index.js +1 -1
  57. package/dist/es/c/Modal/styles.scss +43 -0
  58. package/dist/es/c/ModalButton/ModalButton.js +48 -0
  59. package/dist/es/c/ModalButton/index.js +2 -0
  60. package/dist/es/c/ObjectButton/ObjectButton.js +111 -0
  61. package/dist/es/c/ObjectButton/index.js +2 -0
  62. package/dist/es/c/ObjectButton/styles.scss +52 -0
  63. package/dist/es/c/index.js +2 -1
  64. package/dist/es/{c/BlogPostsList/BlogPostsList.js → d/Modal/Modal.js} +32 -11
  65. package/dist/es/d/Modal/common/ModalFooter/ModalFooter.js +56 -0
  66. package/dist/es/d/Modal/common/ModalFooter/index.js +1 -0
  67. package/dist/es/d/Modal/common/ModalHeader/ModalHeader.js +60 -0
  68. package/dist/es/d/Modal/common/ModalHeader/index.js +1 -0
  69. package/dist/es/d/Modal/common/index.js +2 -0
  70. package/dist/es/{v3/Button → d/Modal}/index.js +1 -1
  71. package/dist/es/d/Modal/styles.scss +52 -0
  72. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  73. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -4
  74. package/dist/es/utils/relay/EnvironmentProvider.js +11 -0
  75. package/dist/es/utils/relay/environment.js +3 -0
  76. package/dist/es/utils/relay/index.js +4 -0
  77. package/dist/es/utils/relay/mockRelayOperation.js +9 -0
  78. package/dist/es/utils/relay/mockResolvers.js +275 -0
  79. package/package.json +1 -1
  80. package/src/__snapshots__/Storyshots.test.js.snap +43 -1
  81. package/src/stories/c/Modal.stories.jsx +66 -0
  82. package/src/ui/a/ContentTree/ContentTree.jsx +1 -1
  83. package/src/ui/c/Modal/Modal.jsx +112 -0
  84. package/src/ui/c/Modal/common/ModalHeader/ModalHeader.jsx +89 -0
  85. package/src/ui/c/Modal/common/ModalHeader/index.js +1 -0
  86. package/src/ui/c/Modal/common/index.js +1 -0
  87. package/{dist/es/a/Popover/common/Divider → src/ui/c/Modal}/index.js +1 -1
  88. package/src/ui/c/Modal/styles.scss +43 -0
  89. package/src/ui/c/index.js +1 -0
  90. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  91. package/dist/cjs/a/GradientBackground/index.js +0 -15
  92. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  93. package/dist/cjs/a/Popover/common/index.js +0 -21
  94. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  95. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  96. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  97. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  98. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  99. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  100. package/dist/cjs/c/BlogContext/index.js +0 -31
  101. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  102. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  103. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  104. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  105. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  106. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  107. package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
  108. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  109. package/dist/cjs/c/SiteFooter/index.js +0 -15
  110. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  111. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  112. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  113. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  114. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  115. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  116. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  117. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  118. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  119. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  120. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  121. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  122. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  123. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  124. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  125. package/dist/cjs/c/SiteServices/index.js +0 -15
  126. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  127. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  128. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  129. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  130. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  131. package/dist/cjs/c/Testimonials/index.js +0 -15
  132. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  133. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  134. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  135. package/dist/cjs/experimental/index.js +0 -13
  136. package/dist/cjs/f/fields/IntlTelInput/IntlTelInput.js +0 -170
  137. package/dist/cjs/f/fields/IntlTelInput/index.js +0 -15
  138. package/dist/cjs/f/fields/IntlTelInput/styles.scss +0 -37
  139. package/dist/cjs/f/fields/PhoneIntlTelInput/PhoneIntlTelInput.js +0 -180
  140. package/dist/cjs/f/fields/PhoneIntlTelInput/index.js +0 -15
  141. package/dist/cjs/f/fields/PhoneIntlTelInput/styles.scss +0 -43
  142. package/dist/cjs/f/fields/QuerySelect/styles.scss +0 -21
  143. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  144. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  145. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  146. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  147. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  148. package/dist/cjs/test/QueryLoader/styles.scss +0 -9
  149. package/dist/cjs/v3/Button/index.js +0 -15
  150. package/dist/cjs/v3/Button/styles.scss +0 -9
  151. package/dist/cjs/v3/index.js +0 -13
  152. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  153. package/dist/es/a/GradientBackground/index.js +0 -2
  154. package/dist/es/a/GradientBackground/styles.scss +0 -191
  155. package/dist/es/a/Popover/common/Divider/Divider.js +0 -47
  156. package/dist/es/a/Popover/common/Item/Item.js +0 -47
  157. package/dist/es/a/Popover/common/index.js +0 -2
  158. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  159. package/dist/es/c/AcceptCookies/index.js +0 -2
  160. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  161. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  162. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  163. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  164. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  165. package/dist/es/c/BlogContext/index.js +0 -4
  166. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  167. package/dist/es/c/BlogPost/index.js +0 -2
  168. package/dist/es/c/BlogPost/styles.scss +0 -33
  169. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  170. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  171. package/dist/es/c/BlogPostsList/index.js +0 -2
  172. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  173. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  174. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  175. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  176. package/dist/es/c/SiteFooter/common/index.js +0 -1
  177. package/dist/es/c/SiteFooter/index.js +0 -2
  178. package/dist/es/c/SiteFooter/styles.scss +0 -34
  179. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  180. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  181. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  182. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  183. package/dist/es/c/SiteMission/index.js +0 -2
  184. package/dist/es/c/SiteMission/styles.scss +0 -30
  185. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  186. package/dist/es/c/SiteNavigation/index.js +0 -2
  187. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  188. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  189. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  190. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  191. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  192. package/dist/es/c/SitePricing/index.js +0 -2
  193. package/dist/es/c/SitePricing/styles.scss +0 -73
  194. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  195. package/dist/es/c/SiteServices/index.js +0 -2
  196. package/dist/es/c/SiteServices/styles.scss +0 -138
  197. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  198. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  199. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  200. package/dist/es/c/TeamGallery/common/index.js +0 -1
  201. package/dist/es/c/TeamGallery/index.js +0 -2
  202. package/dist/es/c/TeamGallery/styles.scss +0 -100
  203. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  204. package/dist/es/c/Testimonials/index.js +0 -2
  205. package/dist/es/c/Testimonials/styles.scss +0 -112
  206. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  207. package/dist/es/experimental/GradientBackground/index.js +0 -2
  208. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  209. package/dist/es/experimental/index.js +0 -1
  210. package/dist/es/f/fields/IntlTelInput/IntlTelInput.js +0 -152
  211. package/dist/es/f/fields/IntlTelInput/index.js +0 -2
  212. package/dist/es/f/fields/IntlTelInput/styles.scss +0 -37
  213. package/dist/es/f/fields/PhoneIntlTelInput/PhoneIntlTelInput.js +0 -163
  214. package/dist/es/f/fields/PhoneIntlTelInput/index.js +0 -2
  215. package/dist/es/f/fields/PhoneIntlTelInput/styles.scss +0 -43
  216. package/dist/es/f/fields/QuerySelect/styles.scss +0 -21
  217. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  218. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  219. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  220. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  221. package/dist/es/f/fields/TextArea/index.js +0 -2
  222. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  223. package/dist/es/test/QueryLoader/styles.scss +0 -9
  224. package/dist/es/v3/Button/styles.scss +0 -9
  225. package/dist/es/v3/index.js +0 -1
@@ -1,49 +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, 1em);
8
-
9
- .#{bem.$base}.accept-cookies {
10
- padding: $default-padding;
11
-
12
- .#{bem.$element-content} {
13
- align-items: center;
14
- background-color: var(--on-x);
15
- border-radius: var(--theme-border-radius);
16
- display: flex;
17
- justify-content: space-between;
18
- padding: $default-padding;
19
-
20
- .buttons {
21
- display: flex;
22
-
23
- .allow,
24
- .decline {
25
- min-width: 100px;
26
- }
27
-
28
- .decline {
29
- background-color: var(--on-x);
30
- border: 1px solid var(--x);
31
- color: var(--x);
32
- }
33
- }
34
- }
35
-
36
- @include mixins.media($to:$sm-md) {
37
- .content {
38
- flex-direction: column;
39
- }
40
- }
41
-
42
- @include mixins.media($from:$sm-md) {
43
- .content {
44
- p {
45
- margin-bottom: 0;
46
- }
47
- }
48
- }
49
- }
@@ -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
- var _reactRouterDom = require("react-router-dom");
17
-
18
- var _BlogContext = require("../BlogContext");
19
-
20
- var _excluded = ["id", "className", "style", "children", "categorySlug"];
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- 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); }
25
-
26
- 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; }
27
-
28
- 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); }
29
-
30
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
31
-
32
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
33
-
34
- // Local Definitions
35
- var baseClassName = _bem.default.base;
36
- var componentClassName = 'blog-category-button';
37
- /**
38
- * This is the component description.
39
- */
40
-
41
- var BlogCategoryButton = _ref => {
42
- var {
43
- id,
44
- className: userClassName,
45
- style,
46
- children,
47
- categorySlug
48
- } = _ref,
49
- otherProps = _objectWithoutProperties(_ref, _excluded);
50
-
51
- var {
52
- generateBlogPath
53
- } = (0, _BlogContext.useBlog)();
54
- return /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
55
- to: generateBlogPath('LIST_CATEGORY', {
56
- category: categorySlug
57
- })
58
- }, /*#__PURE__*/React.createElement(_b.Button, _extends({
59
- id: id,
60
- isCompact: true,
61
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
62
- style: style
63
- }, otherProps), children));
64
- };
65
-
66
- BlogCategoryButton.propTypes = {
67
- /**
68
- * The HTML id for this element
69
- */
70
- id: _propTypes.default.string,
71
-
72
- /**
73
- * The HTML class names for this element
74
- */
75
- className: _propTypes.default.string,
76
-
77
- /**
78
- * The React-written, css properties for this element.
79
- */
80
- style: _propTypes.default.objectOf(_propTypes.default.string),
81
-
82
- /**
83
- * The children JSX
84
- */
85
- children: _propTypes.default.node,
86
-
87
- /**
88
- * The slug of the category
89
- */
90
- categorySlug: _propTypes.default.string.isRequired
91
- };
92
- BlogCategoryButton.defaultProps = {// someProp:false
93
- };
94
- var _default = BlogCategoryButton;
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, "BlogCategoryButton", {
7
- enumerable: true,
8
- get: function get() {
9
- return _BlogCategoryButton.default;
10
- }
11
- });
12
-
13
- var _BlogCategoryButton = _interopRequireDefault(require("./BlogCategoryButton"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,63 +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 _reactRouterDom = require("react-router-dom");
13
-
14
- var _Context = _interopRequireDefault(require("./Context"));
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
- /* @pareto-engineering/generator-front 1.0.12 */
23
-
24
- /**
25
- * This is the component description.
26
- */
27
- var BlogContextProvider = _ref => {
28
- var {
29
- urlMap,
30
- children // ...otherProps
31
-
32
- } = _ref;
33
- var generateBlogPath = (0, React.useCallback)((key, variables) => (0, _reactRouterDom.generatePath)(urlMap[key], variables), [urlMap]);
34
- return /*#__PURE__*/React.createElement(_Context.default.Provider, {
35
- value: {
36
- generateBlogPath,
37
- urlMap
38
- }
39
- }, children);
40
- };
41
-
42
- BlogContextProvider.propTypes = {
43
- /**
44
- * The children JSX
45
- */
46
- children: _propTypes.default.node,
47
-
48
- /**
49
- * The hash of urls
50
- */
51
- urlMap: _propTypes.default.shape({
52
- HOME: _propTypes.default.string.isRequired,
53
- LIST: _propTypes.default.string.isRequired,
54
- LIST_PAGINATED: _propTypes.default.string.isRequired,
55
- LIST_CATEGORY: _propTypes.default.string.isRequired,
56
- LIST_CATEGORY_PAGINATED: _propTypes.default.string.isRequired,
57
- SINGLE: _propTypes.default.string.isRequired
58
- }).isRequired
59
- };
60
- BlogContextProvider.defaultProps = {// someProp:false
61
- };
62
- var _default = BlogContextProvider;
63
- exports.default = _default;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "BlogContext", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Context.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "BlogContextProvider", {
13
- enumerable: true,
14
- get: function get() {
15
- return _ContextProvider.default;
16
- }
17
- });
18
- Object.defineProperty(exports, "useBlog", {
19
- enumerable: true,
20
- get: function get() {
21
- return _useBlog.default;
22
- }
23
- });
24
-
25
- var _Context = _interopRequireDefault(require("./Context"));
26
-
27
- var _ContextProvider = _interopRequireDefault(require("./ContextProvider"));
28
-
29
- var _useBlog = _interopRequireDefault(require("./useBlog"));
30
-
31
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,147 +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 _format = _interopRequireDefault(require("date-fns/format"));
15
-
16
- var _b = require("../../b");
17
-
18
- var _BlogCategoryButton = require("../BlogCategoryButton");
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 = 'blog-post';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var BlogPost = _ref => {
34
- var {
35
- id,
36
- className: userClassName,
37
- style,
38
- title,
39
- // slug,
40
- description,
41
- content,
42
- mainImage,
43
- author,
44
- category = {},
45
- // itemType
46
- // wordCount,
47
- publishedOn // updatedAt,
48
- // ...otherProps
49
-
50
- } = _ref;
51
- (0, React.useLayoutEffect)(() => {
52
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
53
- }, []);
54
- return /*#__PURE__*/React.createElement("div", {
55
- id: id,
56
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
57
- style: style // {...otherProps}
58
-
59
- }, /*#__PURE__*/React.createElement("div", {
60
- className: "y-red b-y uc article-head ph-u pv-v v4 md-v6"
61
- }, /*#__PURE__*/React.createElement("div", {
62
- className: "v2 mv-v"
63
- }, /*#__PURE__*/React.createElement(_BlogCategoryButton.BlogCategoryButton, {
64
- categorySlug: category.slug,
65
- className: "s-1"
66
- }, category.name)), /*#__PURE__*/React.createElement(_b.Title, {
67
- heading: title,
68
- subtitle: description,
69
- subtitleClassName: "x-subtitle c-x"
70
- }), /*#__PURE__*/React.createElement("p", {
71
- className: "x-metadata c-x v2 mt-v"
72
- }, 'Published on ', (0, _format.default)(new Date(publishedOn), 'MMMM do, yyyy'), "."), /*#__PURE__*/React.createElement("p", {
73
- className: "x-metadata c-x v1 mt-v"
74
- }, "".concat(author.firstName, " ").concat(author.lastName))), /*#__PURE__*/React.createElement("div", {
75
- className: "article-illustration v4 md-v6 mb-v"
76
- }, /*#__PURE__*/React.createElement("img", {
77
- src: mainImage,
78
- alt: description
79
- })), /*#__PURE__*/React.createElement("div", {
80
- dangerouslySetInnerHTML: {
81
- __html: content
82
- },
83
- className: "article-body p-u s0 md-s1"
84
- }));
85
- };
86
-
87
- BlogPost.propTypes = {
88
- /**
89
- * The HTML id for this element
90
- */
91
- id: _propTypes.default.string,
92
-
93
- /**
94
- * The HTML class names for this element
95
- */
96
- className: _propTypes.default.string,
97
-
98
- /**
99
- * The React-written, css properties for this element.
100
- */
101
- style: _propTypes.default.objectOf(_propTypes.default.string),
102
-
103
- /**
104
- * The title of this blog post
105
- */
106
- title: _propTypes.default.string.isRequired,
107
-
108
- /**
109
- * The description of this blog post
110
- */
111
- description: _propTypes.default.string.isRequired,
112
-
113
- /**
114
- * The content of this blog post
115
- */
116
- content: _propTypes.default.string.isRequired,
117
-
118
- /**
119
- * The link to the main image of this blog post
120
- */
121
- mainImage: _propTypes.default.string.isRequired,
122
-
123
- /**
124
- * The first and last name of the article's author
125
- */
126
- author: _propTypes.default.shape({
127
- firstName: _propTypes.default.string.isRequired,
128
- lastName: _propTypes.default.string.isRequired
129
- }).isRequired,
130
-
131
- /**
132
- * The category of this blog post
133
- */
134
- category: _propTypes.default.shape({
135
- name: _propTypes.default.string.isRequired,
136
- slug: _propTypes.default.string.isRequired
137
- }).isRequired,
138
-
139
- /**
140
- * The date this blog post was published
141
- */
142
- publishedOn: _propTypes.default.string.isRequired
143
- };
144
- BlogPost.defaultProps = {// someProp:false
145
- };
146
- var _default = BlogPost;
147
- exports.default = _default;
@@ -1,33 +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
-
8
- .#{bem.$base}.blog-post {
9
- .article-body {
10
- p {
11
- line-height: var(--s3);
12
- text-align: justify;
13
- }
14
- }
15
-
16
- .article-illustration {
17
- height: 13em;
18
-
19
- img {
20
- height: 100%;
21
- object-fit: cover;
22
- width: 100%;
23
- }
24
- }
25
-
26
- @include mixins.media($from:$sm-md) {
27
- .article-illustration {
28
- height: 22em;
29
- }
30
- }
31
- }
32
-
33
-
@@ -1,170 +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 _format = _interopRequireDefault(require("date-fns/format"));
17
-
18
- var _BlogContext = require("../../../BlogContext");
19
-
20
- var _BlogCategoryButton = require("../../../BlogCategoryButton");
21
-
22
- var _excluded = ["id", "className", "style", "title", "slug", "description", "mainImage", "author", "category", "wordCount", "publishedOn", "color", "size"];
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- 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); }
31
-
32
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
33
-
34
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
35
-
36
- // Local Definitions
37
- var baseClassName = _bem.default.base;
38
- var componentClassName = 'article-card';
39
- var wordsPerMinute = 230;
40
- /**
41
- * This is the component description.
42
- */
43
-
44
- var Card = _ref => {
45
- var {
46
- id,
47
- className: userClassName,
48
- style,
49
- title,
50
- slug,
51
- description,
52
- mainImage,
53
- author,
54
- category,
55
- wordCount,
56
- publishedOn,
57
- color,
58
- size
59
- } = _ref,
60
- otherProps = _objectWithoutProperties(_ref, _excluded);
61
-
62
- var {
63
- generateBlogPath
64
- } = (0, _BlogContext.useBlog)();
65
- return /*#__PURE__*/React.createElement("div", _extends({
66
- id: id,
67
- className: [baseClassName, componentClassName, userClassName, "y-".concat(color), "size-".concat(size)].filter(e => e).join(' '),
68
- style: style
69
- }, otherProps), /*#__PURE__*/React.createElement("div", {
70
- className: "header"
71
- }, /*#__PURE__*/React.createElement("span", null, (0, _format.default)(new Date(publishedOn), 'MMMM do, yyyy')), category && /*#__PURE__*/React.createElement(_BlogCategoryButton.BlogCategoryButton, {
72
- className: "s-1",
73
- categorySlug: category.slug
74
- }, category.name)), /*#__PURE__*/React.createElement("div", {
75
- className: "illustration"
76
- }, /*#__PURE__*/React.createElement("img", {
77
- src: mainImage,
78
- alt: description
79
- })), /*#__PURE__*/React.createElement("div", {
80
- className: "title"
81
- }, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
82
- to: generateBlogPath('SINGLE', {
83
- slug
84
- })
85
- }, /*#__PURE__*/React.createElement("p", {
86
- className: "h3"
87
- }, title))), /*#__PURE__*/React.createElement("div", {
88
- className: _bem.default.elementContent
89
- }, description && /*#__PURE__*/React.createElement("p", null, description), wordCount && /*#__PURE__*/React.createElement("p", {
90
- className: "word-count"
91
- }, "Reading Time :", ' ', Math.floor(wordCount / wordsPerMinute), ' ', "minutes.")));
92
- };
93
-
94
- Card.propTypes = {
95
- /**
96
- * The HTML id for this element
97
- */
98
- id: _propTypes.default.string,
99
-
100
- /**
101
- * The HTML class names for this element
102
- */
103
- className: _propTypes.default.string,
104
-
105
- /**
106
- * The React-written, css properties for this element.
107
- */
108
- style: _propTypes.default.objectOf(_propTypes.default.string),
109
-
110
- /**
111
- * The article title
112
- */
113
- title: _propTypes.default.string.isRequired,
114
-
115
- /**
116
- * String of characters that uniquely identify the article
117
- */
118
- slug: _propTypes.default.string.isRequired,
119
-
120
- /**
121
- * The article description
122
- */
123
- description: _propTypes.default.string.isRequired,
124
-
125
- /**
126
- * The article image
127
- */
128
- mainImage: _propTypes.default.string,
129
-
130
- /**
131
- * The first and last name of the article's author
132
- */
133
- author: _propTypes.default.shape({
134
- firstName: _propTypes.default.string.isRequired,
135
- lastName: _propTypes.default.string.isRequired
136
- }).isRequired,
137
-
138
- /**
139
- * The category of the article
140
- */
141
- category: _propTypes.default.shape({
142
- name: _propTypes.default.string.isRequired,
143
- slug: _propTypes.default.string.isRequired
144
- }),
145
-
146
- /**
147
- * Number of words in the article
148
- */
149
- wordCount: _propTypes.default.string,
150
-
151
- /**
152
- * The date when the article was published
153
- */
154
- publishedOn: _propTypes.default.string.isRequired,
155
-
156
- /**
157
- * The card color
158
- */
159
- color: _propTypes.default.string,
160
-
161
- /**
162
- * The card size
163
- */
164
- size: _propTypes.default.oneOf(['sm', 'lg'])
165
- };
166
- Card.defaultProps = {
167
- color: 'background'
168
- };
169
- var _default = Card;
170
- exports.default = _default;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Card", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Card.Card;
10
- }
11
- });
12
-
13
- var _Card = require("./Card");
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "BlogPostsList", {
7
- enumerable: true,
8
- get: function get() {
9
- return _BlogPostsList.default;
10
- }
11
- });
12
-
13
- var _BlogPostsList = _interopRequireDefault(require("./BlogPostsList"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }