@pareto-engineering/design-system 2.0.0-alpha.53 → 2.0.0-alpha.56

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/a/Alert/Alert.js +141 -0
  2. package/dist/cjs/a/Alert/index.js +15 -0
  3. package/dist/cjs/a/Alert/styles.scss +74 -0
  4. package/dist/cjs/a/GradientBackground/GradientBackground.js +140 -0
  5. package/dist/cjs/a/GradientBackground/index.js +15 -0
  6. package/dist/cjs/a/GradientBackground/styles.scss +191 -0
  7. package/dist/cjs/a/Popover/common/Divider/Divider.js +67 -0
  8. package/dist/cjs/a/Popover/common/Divider/index.js +15 -0
  9. package/dist/cjs/a/Popover/common/Item/Item.js +67 -0
  10. package/dist/cjs/a/Popover/common/Item/index.js +15 -0
  11. package/dist/cjs/a/Popover/common/index.js +21 -0
  12. package/dist/cjs/a/index.js +9 -1
  13. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +134 -0
  14. package/dist/cjs/c/AcceptCookies/index.js +15 -0
  15. package/dist/cjs/c/AcceptCookies/styles.scss +49 -0
  16. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +95 -0
  17. package/dist/cjs/c/BlogCategoryButton/index.js +15 -0
  18. package/dist/cjs/c/BlogContext/BlogContextProvider.js +63 -0
  19. package/dist/cjs/c/BlogContext/Context.js +16 -0
  20. package/dist/cjs/c/BlogContext/ContextProvider.js +63 -0
  21. package/dist/cjs/c/BlogContext/index.js +31 -0
  22. package/dist/cjs/c/BlogContext/useBlog.js +16 -0
  23. package/dist/cjs/c/BlogPost/BlogPost.js +147 -0
  24. package/dist/cjs/c/BlogPost/index.js +15 -0
  25. package/dist/cjs/c/BlogPost/styles.scss +33 -0
  26. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +73 -0
  27. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +170 -0
  28. package/dist/cjs/c/BlogPostsList/common/Card/index.js +15 -0
  29. package/dist/cjs/c/BlogPostsList/common/index.js +13 -0
  30. package/dist/cjs/c/BlogPostsList/index.js +15 -0
  31. package/dist/cjs/c/BlogPostsList/styles.scss +72 -0
  32. package/dist/cjs/c/SiteFooter/SiteFooter.js +73 -0
  33. package/dist/cjs/c/SiteFooter/common/Section/Section.js +95 -0
  34. package/dist/cjs/c/SiteFooter/common/Section/index.js +15 -0
  35. package/dist/cjs/c/SiteFooter/common/index.js +13 -0
  36. package/dist/cjs/c/SiteFooter/index.js +15 -0
  37. package/dist/cjs/c/SiteFooter/styles.scss +34 -0
  38. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +108 -0
  39. package/dist/cjs/c/SiteHeaderCTA/index.js +15 -0
  40. package/dist/cjs/c/SiteHeaderCTA/styles.scss +44 -0
  41. package/dist/cjs/c/SiteMission/SiteMission.js +113 -0
  42. package/dist/cjs/c/SiteMission/index.js +15 -0
  43. package/dist/cjs/c/SiteMission/styles.scss +30 -0
  44. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +130 -0
  45. package/dist/cjs/c/SiteNavigation/index.js +15 -0
  46. package/dist/cjs/c/SiteNavigation/styles.scss +118 -0
  47. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +98 -0
  48. package/dist/cjs/c/SiteOnboardingStep/index.js +15 -0
  49. package/dist/cjs/c/SiteOnboardingStep/styles.scss +51 -0
  50. package/dist/cjs/c/SitePricing/SitePricing.js +108 -0
  51. package/dist/cjs/c/SitePricing/index.js +15 -0
  52. package/dist/cjs/c/SitePricing/styles.scss +73 -0
  53. package/dist/cjs/c/SiteServices/SiteServices.js +211 -0
  54. package/dist/cjs/c/SiteServices/index.js +15 -0
  55. package/dist/cjs/c/SiteServices/styles.scss +138 -0
  56. package/dist/cjs/c/TeamGallery/TeamGallery.js +80 -0
  57. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +84 -0
  58. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +15 -0
  59. package/dist/cjs/c/TeamGallery/common/index.js +13 -0
  60. package/dist/cjs/c/TeamGallery/index.js +15 -0
  61. package/dist/cjs/c/TeamGallery/styles.scss +100 -0
  62. package/dist/cjs/c/Testimonials/Testimonials.js +119 -0
  63. package/dist/cjs/c/Testimonials/index.js +15 -0
  64. package/dist/cjs/c/Testimonials/styles.scss +112 -0
  65. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +98 -0
  66. package/dist/cjs/experimental/GradientBackground/index.js +15 -0
  67. package/dist/cjs/experimental/GradientBackground/styles.scss +64 -0
  68. package/dist/cjs/experimental/index.js +13 -0
  69. package/dist/cjs/f/FormInput/FormInput.js +1 -1
  70. package/dist/cjs/f/common/Description/Description.js +20 -14
  71. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +105 -0
  72. package/dist/cjs/f/fields/CheckboxInput/index.js +15 -0
  73. package/dist/cjs/f/fields/CheckboxInput/styles.scss +28 -0
  74. package/dist/cjs/f/fields/IntlTelInput/IntlTelInput.js +170 -0
  75. package/dist/cjs/f/fields/IntlTelInput/index.js +15 -0
  76. package/dist/cjs/f/fields/IntlTelInput/styles.scss +37 -0
  77. package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +0 -2
  78. package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +5 -9
  79. package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +5 -9
  80. package/dist/cjs/f/fields/QuerySelect/styles.scss +21 -0
  81. package/dist/cjs/f/fields/RadioInput/RadioInput.js +110 -0
  82. package/dist/cjs/f/fields/RadioInput/index.js +15 -0
  83. package/dist/cjs/f/fields/RadioInput/styles.scss +26 -0
  84. package/dist/cjs/f/fields/SelectInput/SelectInput.js +16 -8
  85. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +129 -0
  86. package/dist/cjs/f/fields/TaskRecommendation/index.js +15 -0
  87. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +37 -0
  88. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +131 -0
  89. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +15 -0
  90. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +41 -0
  91. package/dist/cjs/f/fields/TextArea/TextArea.js +141 -0
  92. package/dist/cjs/f/fields/TextArea/index.js +15 -0
  93. package/dist/cjs/f/fields/TextArea/styles.scss +19 -0
  94. package/dist/cjs/f/fields/TextInput/TextInput.js +18 -9
  95. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +16 -8
  96. package/dist/cjs/test/QueryLoader/styles.scss +9 -0
  97. package/dist/es/a/Alert/Alert.js +118 -0
  98. package/dist/es/a/Alert/index.js +2 -0
  99. package/dist/es/a/Alert/styles.scss +74 -0
  100. package/dist/es/a/GradientBackground/GradientBackground.js +118 -0
  101. package/dist/es/a/GradientBackground/index.js +2 -0
  102. package/dist/es/a/GradientBackground/styles.scss +191 -0
  103. package/dist/es/a/Popover/common/Divider/Divider.js +47 -0
  104. package/dist/es/a/Popover/common/Divider/index.js +2 -0
  105. package/dist/es/a/Popover/common/Item/Item.js +47 -0
  106. package/dist/es/a/Popover/common/Item/index.js +2 -0
  107. package/dist/es/a/Popover/common/index.js +2 -0
  108. package/dist/es/a/index.js +2 -1
  109. package/dist/es/c/AcceptCookies/AcceptCookies.js +117 -0
  110. package/dist/es/c/AcceptCookies/index.js +2 -0
  111. package/dist/es/c/AcceptCookies/styles.scss +49 -0
  112. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +68 -0
  113. package/dist/es/c/BlogCategoryButton/index.js +2 -0
  114. package/dist/es/c/BlogContext/BlogContextProvider.js +45 -0
  115. package/dist/es/c/BlogContext/Context.js +2 -0
  116. package/dist/es/c/BlogContext/ContextProvider.js +45 -0
  117. package/dist/es/c/BlogContext/index.js +4 -0
  118. package/dist/es/c/BlogContext/useBlog.js +3 -0
  119. package/dist/es/c/BlogPost/BlogPost.js +128 -0
  120. package/dist/es/c/BlogPost/index.js +2 -0
  121. package/dist/es/c/BlogPost/styles.scss +33 -0
  122. package/dist/es/c/BlogPostsList/BlogPostsList.js +56 -0
  123. package/dist/es/c/BlogPostsList/common/Card/Card.js +143 -0
  124. package/dist/es/c/BlogPostsList/common/Card/index.js +2 -0
  125. package/dist/es/c/BlogPostsList/common/index.js +1 -0
  126. package/dist/es/c/BlogPostsList/index.js +2 -0
  127. package/dist/es/c/BlogPostsList/styles.scss +72 -0
  128. package/dist/es/c/SiteFooter/SiteFooter.js +56 -0
  129. package/dist/es/c/SiteFooter/common/Section/Section.js +73 -0
  130. package/dist/es/c/SiteFooter/common/Section/index.js +2 -0
  131. package/dist/es/c/SiteFooter/common/index.js +1 -0
  132. package/dist/es/c/SiteFooter/index.js +2 -0
  133. package/dist/es/c/SiteFooter/styles.scss +34 -0
  134. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +92 -0
  135. package/dist/es/c/SiteHeaderCTA/index.js +2 -0
  136. package/dist/es/c/SiteHeaderCTA/styles.scss +44 -0
  137. package/dist/es/c/SiteMission/SiteMission.js +96 -0
  138. package/dist/es/c/SiteMission/index.js +2 -0
  139. package/dist/es/c/SiteMission/styles.scss +30 -0
  140. package/dist/es/c/SiteNavigation/SiteNavigation.js +111 -0
  141. package/dist/es/c/SiteNavigation/index.js +2 -0
  142. package/dist/es/c/SiteNavigation/styles.scss +118 -0
  143. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +81 -0
  144. package/dist/es/c/SiteOnboardingStep/index.js +2 -0
  145. package/dist/es/c/SiteOnboardingStep/styles.scss +51 -0
  146. package/dist/es/c/SitePricing/SitePricing.js +91 -0
  147. package/dist/es/c/SitePricing/index.js +2 -0
  148. package/dist/es/c/SitePricing/styles.scss +73 -0
  149. package/dist/es/c/SiteServices/SiteServices.js +195 -0
  150. package/dist/es/c/SiteServices/index.js +2 -0
  151. package/dist/es/c/SiteServices/styles.scss +138 -0
  152. package/dist/es/c/TeamGallery/TeamGallery.js +64 -0
  153. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +64 -0
  154. package/dist/es/c/TeamGallery/common/PersonCard/index.js +2 -0
  155. package/dist/es/c/TeamGallery/common/index.js +1 -0
  156. package/dist/es/c/TeamGallery/index.js +2 -0
  157. package/dist/es/c/TeamGallery/styles.scss +100 -0
  158. package/dist/es/c/Testimonials/Testimonials.js +99 -0
  159. package/dist/es/c/Testimonials/index.js +2 -0
  160. package/dist/es/c/Testimonials/styles.scss +112 -0
  161. package/dist/es/experimental/GradientBackground/GradientBackground.js +76 -0
  162. package/dist/es/experimental/GradientBackground/index.js +2 -0
  163. package/dist/es/experimental/GradientBackground/styles.scss +64 -0
  164. package/dist/es/experimental/index.js +1 -0
  165. package/dist/es/f/FormInput/FormInput.js +1 -1
  166. package/dist/es/f/common/Description/Description.js +19 -14
  167. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +85 -0
  168. package/dist/es/f/fields/CheckboxInput/index.js +2 -0
  169. package/dist/es/f/fields/CheckboxInput/styles.scss +28 -0
  170. package/dist/es/f/fields/IntlTelInput/IntlTelInput.js +152 -0
  171. package/dist/es/f/fields/IntlTelInput/index.js +2 -0
  172. package/dist/es/f/fields/IntlTelInput/styles.scss +37 -0
  173. package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +0 -2
  174. package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +5 -9
  175. package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +5 -9
  176. package/dist/es/f/fields/QuerySelect/styles.scss +21 -0
  177. package/dist/es/f/fields/RadioInput/RadioInput.js +90 -0
  178. package/dist/es/f/fields/RadioInput/index.js +2 -0
  179. package/dist/es/f/fields/RadioInput/styles.scss +26 -0
  180. package/dist/es/f/fields/SelectInput/SelectInput.js +16 -8
  181. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +111 -0
  182. package/dist/es/f/fields/TaskRecommendation/index.js +2 -0
  183. package/dist/es/f/fields/TaskRecommendation/styles.scss +37 -0
  184. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +111 -0
  185. package/dist/es/f/fields/TaskRecommendationInput/index.js +2 -0
  186. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +41 -0
  187. package/dist/es/f/fields/TextArea/TextArea.js +124 -0
  188. package/dist/es/f/fields/TextArea/index.js +2 -0
  189. package/dist/es/f/fields/TextArea/styles.scss +19 -0
  190. package/dist/es/f/fields/TextInput/TextInput.js +18 -9
  191. package/dist/es/f/fields/TextareaInput/TextareaInput.js +16 -8
  192. package/dist/es/test/QueryLoader/styles.scss +9 -0
  193. package/package.json +2 -2
  194. package/src/__snapshots__/Storyshots.test.js.snap +1864 -1423
  195. package/src/stories/a/Alert.stories.jsx +75 -0
  196. package/src/stories/a/DotInfo.stories.jsx +14 -13
  197. package/src/stories/a/ProgressBar.stories.jsx +16 -7
  198. package/src/stories/a/Timestamp.stories.jsx +35 -39
  199. package/src/stories/b/Logo.stories.jsx +13 -12
  200. package/src/stories/b/QuestionDropdown.stories.jsx +20 -30
  201. package/src/stories/b/SocialMediaButton.stories.jsx +34 -51
  202. package/src/stories/b/Title.stories.jsx +13 -15
  203. package/src/stories/c/ContentSlides.stories.jsx +27 -295
  204. package/src/stories/c/Shortener.stories.jsx +9 -3
  205. package/src/stories/c/SocialMediaShareButton.stories.jsx +14 -6
  206. package/src/stories/f/ChoicesInput.stories.jsx +66 -130
  207. package/src/stories/f/Description.stories.jsx +22 -4
  208. package/src/stories/f/QueryCombobox.stories.jsx +2 -1
  209. package/src/stories/f/QuerySelect.stories.jsx +2 -1
  210. package/src/stories/f/RatingsInput.stories.jsx +29 -23
  211. package/src/stories/f/SelectInput.stories.jsx +37 -76
  212. package/src/stories/f/TextInput.stories.jsx +62 -53
  213. package/src/stories/f/TextareaInput.stories.jsx +37 -47
  214. package/src/ui/a/Alert/Alert.jsx +144 -0
  215. package/src/ui/a/Alert/index.js +2 -0
  216. package/src/ui/a/Alert/styles.scss +74 -0
  217. package/src/ui/a/index.js +1 -0
  218. package/src/ui/f/FormInput/FormInput.jsx +1 -0
  219. package/src/ui/f/common/Description/Description.jsx +34 -29
  220. package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx +1 -2
  221. package/src/ui/f/fields/QueryCombobox/common/Combobox/Combobox.jsx +1 -11
  222. package/src/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.jsx +1 -11
  223. package/src/ui/f/fields/SelectInput/SelectInput.jsx +16 -9
  224. package/src/ui/f/fields/TextInput/TextInput.jsx +13 -7
  225. package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +9 -8
@@ -0,0 +1,67 @@
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
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ 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); }
17
+
18
+ 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; }
19
+
20
+ /* @pareto-engineering/generator-front 1.0.12 */
21
+ // Local Definitions
22
+ var baseClassName = _bem.default.base;
23
+ var componentClassName = 'item';
24
+ /**
25
+ * This is the component description.
26
+ */
27
+
28
+ var Item = _ref => {
29
+ var {
30
+ id,
31
+ className: userClassName,
32
+ style,
33
+ children // ...otherProps
34
+
35
+ } = _ref;
36
+ return /*#__PURE__*/React.createElement("div", {
37
+ id: id,
38
+ className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
39
+ style: style
40
+ }, children);
41
+ };
42
+
43
+ Item.propTypes = {
44
+ /**
45
+ * The HTML id for this element
46
+ */
47
+ id: _propTypes.default.string,
48
+
49
+ /**
50
+ * The HTML class names for this element
51
+ */
52
+ className: _propTypes.default.string,
53
+
54
+ /**
55
+ * The React-written, css properties for this element.
56
+ */
57
+ style: _propTypes.default.objectOf(_propTypes.default.string),
58
+
59
+ /**
60
+ * The children JSX
61
+ */
62
+ children: _propTypes.default.node
63
+ };
64
+ Item.defaultProps = {// someProp:false
65
+ };
66
+ var _default = Item;
67
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Item", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Item.default;
10
+ }
11
+ });
12
+
13
+ var _Item = _interopRequireDefault(require("./Item"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Item", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Item.Item;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "Divider", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Divider.Divider;
16
+ }
17
+ });
18
+
19
+ var _Item = require("./Item");
20
+
21
+ var _Divider = require("./Divider");
@@ -177,6 +177,12 @@ Object.defineProperty(exports, "Popover", {
177
177
  return _Popover.Popover;
178
178
  }
179
179
  });
180
+ Object.defineProperty(exports, "Alert", {
181
+ enumerable: true,
182
+ get: function get() {
183
+ return _Alert.Alert;
184
+ }
185
+ });
180
186
 
181
187
  var _SVG = require("./SVG");
182
188
 
@@ -228,4 +234,6 @@ var _BackgroundGradient = require("./BackgroundGradient");
228
234
 
229
235
  var _ContentTree = require("./ContentTree");
230
236
 
231
- var _Popover = require("./Popover");
237
+ var _Popover = require("./Popover");
238
+
239
+ var _Alert = require("./Alert");
@@ -0,0 +1,134 @@
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 _b = require("../../b");
13
+
14
+ var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
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 = 'accept-cookies';
25
+ /**
26
+ * This is the component description.
27
+ */
28
+
29
+ var AcceptCookies = _ref => {
30
+ var {
31
+ id,
32
+ className: userClassName,
33
+ style,
34
+ color,
35
+ title,
36
+ subtitle,
37
+ onClickAllow,
38
+ onClickDecline,
39
+ defaultIsShown // ...otherProps
40
+
41
+ } = _ref;
42
+ var [isShown, setIsShown] = (0, React.useState)(defaultIsShown);
43
+ var hide = (0, React.useCallback)(() => setIsShown(false), []);
44
+ var allow = (0, React.useCallback)(() => {
45
+ onClickAllow === null || onClickAllow === void 0 ? void 0 : onClickAllow();
46
+ hide();
47
+ }, []);
48
+ var decline = (0, React.useCallback)(() => {
49
+ onClickDecline === null || onClickDecline === void 0 ? void 0 : onClickDecline();
50
+ hide();
51
+ }, []);
52
+ (0, React.useLayoutEffect)(() => {
53
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
54
+ }, []);
55
+ if (!isShown) return null;
56
+ return /*#__PURE__*/React.createElement("div", {
57
+ id: id,
58
+ className: [baseClassName, componentClassName, userClassName, "x-".concat(color), 'u1'].filter(e => e).join(' '),
59
+ style: style // {...otherProps}
60
+
61
+ }, /*#__PURE__*/React.createElement("div", {
62
+ className: _bem.default.elementContent
63
+ }, /*#__PURE__*/React.createElement("p", {
64
+ className: "s0"
65
+ }, title), /*#__PURE__*/React.createElement("p", {
66
+ className: "s-1"
67
+ }, subtitle), /*#__PURE__*/React.createElement("div", {
68
+ className: "buttons s-1"
69
+ }, /*#__PURE__*/React.createElement(_b.Button, {
70
+ className: "allow",
71
+ onClick: allow
72
+ }, "Allow"), /*#__PURE__*/React.createElement(_b.Button, {
73
+ className: "decline v1 ml-v",
74
+ onClick: decline
75
+ }, "Decline"))));
76
+ };
77
+
78
+ AcceptCookies.propTypes = {
79
+ /**
80
+ * The HTML id for this element
81
+ */
82
+ id: _propTypes.default.string,
83
+
84
+ /**
85
+ * The HTML class names for this element
86
+ */
87
+ className: _propTypes.default.string,
88
+
89
+ /**
90
+ * The React-written, css properties for this element.
91
+ */
92
+ style: _propTypes.default.objectOf(_propTypes.default.string),
93
+
94
+ /**
95
+ * The children JSX
96
+ */
97
+ // children:PropTypes.node,
98
+
99
+ /**
100
+ * The title
101
+ */
102
+ title: _propTypes.default.string,
103
+
104
+ /**
105
+ * The sub-title
106
+ */
107
+ subtitle: _propTypes.default.string,
108
+
109
+ /**
110
+ * The color
111
+ */
112
+ color: _propTypes.default.string,
113
+
114
+ /**
115
+ * Allow cookies function
116
+ */
117
+ onClickAllow: _propTypes.default.func,
118
+
119
+ /**
120
+ * Allow cookies function
121
+ */
122
+ onClickDecline: _propTypes.default.func,
123
+
124
+ /**
125
+ * Condition to show or hide the component
126
+ */
127
+ defaultIsShown: _propTypes.default.bool
128
+ };
129
+ AcceptCookies.defaultProps = {
130
+ color: 'main1',
131
+ defaultIsShown: true
132
+ };
133
+ var _default = AcceptCookies;
134
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "AcceptCookies", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _AcceptCookies.default;
10
+ }
11
+ });
12
+
13
+ var _AcceptCookies = _interopRequireDefault(require("./AcceptCookies"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,49 @@
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
+ }
@@ -0,0 +1,95 @@
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;
@@ -0,0 +1,15 @@
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 }; }
@@ -0,0 +1,63 @@
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;
@@ -0,0 +1,16 @@
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
+ 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); }
11
+
12
+ 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; }
13
+
14
+ var _default = /*#__PURE__*/React.createContext({});
15
+
16
+ exports.default = _default;
@@ -0,0 +1,63 @@
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 hash of urls
45
+ */
46
+ urlMap: _propTypes.default.shape({
47
+ HOME: _propTypes.default.string.isRequired,
48
+ LIST: _propTypes.default.string.isRequired,
49
+ LIST_PAGINATED: _propTypes.default.string.isRequired,
50
+ LIST_CATEGORY: _propTypes.default.string.isRequired,
51
+ LIST_CATEGORY_PAGINATED: _propTypes.default.string.isRequired,
52
+ SINGLE: _propTypes.default.string.isRequired
53
+ }).isRequired,
54
+
55
+ /**
56
+ * The children JSX
57
+ */
58
+ children: _propTypes.default.node
59
+ };
60
+ BlogContextProvider.defaultProps = {// someProp:false
61
+ };
62
+ var _default = BlogContextProvider;
63
+ exports.default = _default;
@@ -0,0 +1,31 @@
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 }; }
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = require("react");
9
+
10
+ var _Context = _interopRequireDefault(require("./Context"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ var _default = () => (0, _react.useContext)(_Context.default);
15
+
16
+ exports.default = _default;