@pareto-engineering/design-system 2.0.0-alpha.4 → 2.0.0-alpha.40

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 (322) hide show
  1. package/dist/cjs/{c/SiteFooter/common/Section/Section.js → a/BackgroundGradient/BackgroundGradient.js} +20 -38
  2. package/dist/cjs/a/BackgroundGradient/index.js +15 -0
  3. package/dist/cjs/a/BackgroundGradient/styles.scss +16 -0
  4. package/dist/cjs/{c/SiteFooter/SiteFooter.js → a/ContentTree/ContentTree.js} +22 -12
  5. package/dist/cjs/a/ContentTree/common/Tree/Tree.js +116 -0
  6. package/dist/cjs/{c/BlogPostsList/common/Card → a/ContentTree/common/Tree}/index.js +3 -3
  7. package/dist/cjs/a/ContentTree/common/index.js +31 -0
  8. package/dist/cjs/a/ContentTree/common/useContentTree.js +82 -0
  9. package/dist/cjs/a/ContentTree/common/useFirstVisibleNode.js +65 -0
  10. package/dist/cjs/{c/SiteMission → a/ContentTree}/index.js +3 -3
  11. package/dist/cjs/a/ContentTree/styles.scss +33 -0
  12. package/dist/cjs/a/Conversation/Conversation.js +14 -8
  13. package/dist/cjs/a/Conversation/common/Message/Message.js +32 -6
  14. package/dist/cjs/a/Conversation/styles.scss +132 -33
  15. package/dist/cjs/{experimental/GradientBackground/GradientBackground.js → a/OvalIllustration/OvalIllustration.js} +61 -26
  16. package/dist/cjs/a/OvalIllustration/index.js +15 -0
  17. package/dist/cjs/a/OvalIllustration/styles.scss +102 -0
  18. package/dist/cjs/a/Shapes/Shapes.js +39 -9
  19. package/dist/cjs/a/Shapes/styles.scss +78 -22
  20. package/dist/cjs/{c/BlogPostsList/BlogPostsList.js → a/SnapScroller/SnapScroller.js} +15 -11
  21. package/dist/cjs/{c/SiteFooter/common/Section → a/SnapScroller}/index.js +3 -3
  22. package/dist/cjs/a/SnapScroller/styles.scss +38 -0
  23. package/dist/cjs/a/index.js +41 -1
  24. package/dist/cjs/b/Button/Button.js +10 -4
  25. package/dist/cjs/b/Button/styles.scss +55 -10
  26. package/dist/cjs/b/Logo/Logo.js +41 -41
  27. package/dist/cjs/b/Logo/styles.scss +0 -138
  28. package/dist/cjs/b/Page/common/Section/Section.js +56 -5
  29. package/dist/cjs/b/Page/styles.scss +8 -2
  30. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +5 -5
  31. package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js +4 -3
  32. package/dist/cjs/c/ContentSlides/styles.scss +10 -4
  33. package/dist/cjs/c/{SiteOnboardingStep/SiteOnboardingStep.js → SocialMediaShareButton/SocialMediaShareButton.js} +48 -41
  34. package/dist/cjs/c/SocialMediaShareButton/index.js +15 -0
  35. package/dist/cjs/c/SocialMediaShareButton/styles.scss +39 -0
  36. package/dist/cjs/c/index.js +9 -1
  37. package/dist/cjs/f/common/Debugger/Debugger.js +1 -1
  38. package/dist/cjs/f/common/Label/Label.js +1 -1
  39. package/dist/cjs/f/common/Label/styles.scss +1 -1
  40. package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +1 -1
  41. package/dist/cjs/f/fields/ChoicesInput/styles.scss +17 -2
  42. package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +30 -5
  43. package/dist/cjs/f/fields/RatingsInput/styles.scss +29 -20
  44. package/dist/cjs/f/fields/SelectInput/SelectInput.js +36 -10
  45. package/dist/cjs/f/fields/SelectInput/styles.scss +13 -8
  46. package/dist/cjs/f/fields/TextInput/TextInput.js +28 -7
  47. package/dist/cjs/f/fields/TextInput/styles.scss +16 -7
  48. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +15 -8
  49. package/dist/cjs/f/fields/TextareaInput/styles.scss +19 -6
  50. package/dist/cjs/f/fields/index.js +0 -24
  51. package/dist/cjs/form-reset.scss +1 -1
  52. package/dist/es/{c/SiteFooter/SiteFooter.js → a/BackgroundGradient/BackgroundGradient.js} +14 -15
  53. package/dist/es/a/BackgroundGradient/index.js +2 -0
  54. package/dist/es/a/BackgroundGradient/styles.scss +16 -0
  55. package/dist/es/a/ContentTree/ContentTree.js +67 -0
  56. package/dist/es/a/ContentTree/common/Tree/Tree.js +98 -0
  57. package/dist/es/{c/BlogPostsList/common/Card → a/ContentTree/common/Tree}/index.js +1 -1
  58. package/dist/es/a/ContentTree/common/index.js +3 -0
  59. package/dist/es/a/ContentTree/common/useContentTree.js +74 -0
  60. package/dist/es/a/ContentTree/common/useFirstVisibleNode.js +54 -0
  61. package/dist/es/a/ContentTree/index.js +2 -0
  62. package/dist/es/a/ContentTree/styles.scss +33 -0
  63. package/dist/es/a/Conversation/Conversation.js +14 -8
  64. package/dist/es/a/Conversation/common/Message/Message.js +32 -6
  65. package/dist/es/a/Conversation/styles.scss +132 -33
  66. package/dist/es/a/OvalIllustration/OvalIllustration.js +111 -0
  67. package/dist/es/a/OvalIllustration/index.js +2 -0
  68. package/dist/es/a/OvalIllustration/styles.scss +102 -0
  69. package/dist/es/a/Shapes/Shapes.js +39 -9
  70. package/dist/es/a/Shapes/styles.scss +78 -22
  71. package/dist/es/{c/BlogPostsList/BlogPostsList.js → a/SnapScroller/SnapScroller.js} +16 -11
  72. package/dist/es/a/SnapScroller/index.js +2 -0
  73. package/dist/es/a/SnapScroller/styles.scss +38 -0
  74. package/dist/es/a/index.js +6 -1
  75. package/dist/es/b/Button/Button.js +8 -2
  76. package/dist/es/b/Button/styles.scss +55 -10
  77. package/dist/es/b/Logo/Logo.js +41 -41
  78. package/dist/es/b/Logo/styles.scss +0 -138
  79. package/dist/es/b/Page/common/Section/Section.js +55 -4
  80. package/dist/es/b/Page/styles.scss +8 -2
  81. package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +5 -5
  82. package/dist/es/c/ContentSlides/common/Navigator/Navigator.js +4 -3
  83. package/dist/es/c/ContentSlides/styles.scss +10 -4
  84. package/dist/es/c/SocialMediaShareButton/SocialMediaShareButton.js +89 -0
  85. package/dist/es/c/SocialMediaShareButton/index.js +2 -0
  86. package/dist/es/c/SocialMediaShareButton/styles.scss +39 -0
  87. package/dist/es/c/index.js +2 -1
  88. package/dist/es/f/common/Debugger/Debugger.js +1 -1
  89. package/dist/es/f/common/Label/Label.js +1 -1
  90. package/dist/es/f/common/Label/styles.scss +1 -1
  91. package/dist/es/f/fields/ChoicesInput/ChoicesInput.js +1 -1
  92. package/dist/es/f/fields/ChoicesInput/styles.scss +17 -2
  93. package/dist/es/f/fields/RatingsInput/RatingsInput.js +29 -5
  94. package/dist/es/f/fields/RatingsInput/styles.scss +29 -20
  95. package/dist/es/f/fields/SelectInput/SelectInput.js +36 -10
  96. package/dist/es/f/fields/SelectInput/styles.scss +13 -8
  97. package/dist/es/f/fields/TextInput/TextInput.js +28 -7
  98. package/dist/es/f/fields/TextInput/styles.scss +16 -7
  99. package/dist/es/f/fields/TextareaInput/TextareaInput.js +15 -8
  100. package/dist/es/f/fields/TextareaInput/styles.scss +19 -6
  101. package/dist/es/f/fields/index.js +0 -3
  102. package/dist/es/form-reset.scss +1 -1
  103. package/package.json +4 -3
  104. package/src/__snapshots__/Storyshots.test.js.snap +4366 -1757
  105. package/src/local.scss +2 -0
  106. package/src/stories/StyleGuide/Sprites.stories.mdx +25 -0
  107. package/src/stories/StyleGuide/helpers.js +16 -0
  108. package/src/stories/a/BackgroundGradient.stories.jsx +38 -0
  109. package/src/stories/a/ContentTree.stories.jsx +662 -0
  110. package/src/stories/a/Conversation.stories.jsx +78 -1
  111. package/src/stories/a/OvalIllustration.stories.jsx +59 -0
  112. package/src/stories/a/Shapes.stories.jsx +143 -0
  113. package/src/stories/a/SnapScroller.stories.jsx +98 -0
  114. package/src/stories/b/Button.stories.jsx +27 -4
  115. package/src/stories/b/Logo.stories.jsx +17 -9
  116. package/src/stories/b/Page.stories.jsx +51 -1
  117. package/src/stories/c/ContentSlides.stories.jsx +154 -2
  118. package/src/stories/c/SocialMediaShareButton.stories.jsx +25 -0
  119. package/src/stories/f/RatingsInput.stories.jsx +3 -2
  120. package/src/stories/f/SelectInput.stories.jsx +36 -5
  121. package/src/stories/f/TextInput.stories.jsx +15 -4
  122. package/src/stories/f/TextareaInput.stories.jsx +42 -6
  123. package/src/ui/a/BackgroundGradient/BackgroundGradient.jsx +76 -0
  124. package/src/ui/a/BackgroundGradient/index.js +2 -0
  125. package/src/ui/a/BackgroundGradient/styles.scss +16 -0
  126. package/src/ui/a/ContentTree/ContentTree.jsx +88 -0
  127. package/src/ui/a/ContentTree/common/Tree/Tree.jsx +138 -0
  128. package/{dist/es/c/SiteFooter/common/Section → src/ui/a/ContentTree/common/Tree}/index.js +1 -1
  129. package/src/ui/a/ContentTree/common/index.js +3 -0
  130. package/src/ui/a/ContentTree/common/useContentTree.js +83 -0
  131. package/src/ui/a/ContentTree/common/useFirstVisibleNode.js +59 -0
  132. package/src/ui/a/ContentTree/index.js +2 -0
  133. package/src/ui/a/ContentTree/styles.scss +33 -0
  134. package/src/ui/a/Conversation/Conversation.jsx +15 -7
  135. package/src/ui/a/Conversation/common/Message/Message.jsx +38 -6
  136. package/src/ui/a/Conversation/styles.scss +132 -33
  137. package/src/ui/a/OvalIllustration/OvalIllustration.jsx +134 -0
  138. package/src/ui/a/OvalIllustration/index.js +2 -0
  139. package/src/ui/a/OvalIllustration/styles.scss +102 -0
  140. package/src/ui/a/Shapes/Shapes.jsx +191 -0
  141. package/{dist/es/f/fields/TextArea → src/ui/a/Shapes}/index.js +1 -1
  142. package/src/ui/a/Shapes/styles.scss +255 -0
  143. package/src/ui/a/SnapScroller/SnapScroller.jsx +83 -0
  144. package/src/ui/a/SnapScroller/index.js +2 -0
  145. package/src/ui/a/SnapScroller/styles.scss +38 -0
  146. package/src/ui/a/index.js +5 -0
  147. package/src/ui/b/Button/Button.jsx +9 -1
  148. package/src/ui/b/Button/styles.scss +55 -10
  149. package/src/ui/b/Logo/Logo.jsx +41 -41
  150. package/src/ui/b/Logo/styles.scss +0 -138
  151. package/src/ui/b/Page/common/Section/Section.jsx +68 -2
  152. package/src/ui/b/Page/styles.scss +8 -2
  153. package/src/ui/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.jsx +4 -4
  154. package/src/ui/c/ContentSlides/common/Navigator/Navigator.jsx +3 -2
  155. package/src/ui/c/ContentSlides/styles.scss +10 -4
  156. package/src/ui/c/SocialMediaShareButton/SocialMediaShareButton.jsx +113 -0
  157. package/src/ui/c/SocialMediaShareButton/index.js +2 -0
  158. package/src/ui/c/SocialMediaShareButton/styles.scss +39 -0
  159. package/src/ui/c/index.js +1 -0
  160. package/src/ui/f/common/Debugger/Debugger.jsx +1 -1
  161. package/src/ui/f/common/Label/Label.jsx +1 -1
  162. package/src/ui/f/common/Label/styles.scss +1 -1
  163. package/src/ui/f/fields/ChoicesInput/ChoicesInput.jsx +1 -1
  164. package/src/ui/f/fields/ChoicesInput/styles.scss +17 -2
  165. package/src/ui/f/fields/RatingsInput/RatingsInput.jsx +44 -17
  166. package/src/ui/f/fields/RatingsInput/styles.scss +29 -20
  167. package/src/ui/f/fields/SelectInput/SelectInput.jsx +43 -5
  168. package/src/ui/f/fields/SelectInput/styles.scss +13 -8
  169. package/src/ui/f/fields/TextInput/TextInput.jsx +24 -3
  170. package/src/ui/f/fields/TextInput/styles.scss +16 -7
  171. package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +24 -13
  172. package/src/ui/f/fields/TextareaInput/styles.scss +19 -6
  173. package/src/ui/f/fields/index.js +0 -3
  174. package/src/ui/form-reset.scss +1 -1
  175. package/stylelint.config.js +13 -13
  176. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  177. package/dist/cjs/a/GradientBackground/index.js +0 -15
  178. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  179. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  180. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  181. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  182. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  183. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  184. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  185. package/dist/cjs/c/BlogContext/Context.js +0 -16
  186. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  187. package/dist/cjs/c/BlogContext/index.js +0 -31
  188. package/dist/cjs/c/BlogContext/useBlog.js +0 -16
  189. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  190. package/dist/cjs/c/BlogPost/index.js +0 -15
  191. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  192. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  193. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  194. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  195. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  196. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  197. package/dist/cjs/c/SiteFooter/index.js +0 -15
  198. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  199. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  200. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  201. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  202. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  203. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  204. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  205. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  206. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  207. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  208. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  209. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  210. package/dist/cjs/c/SitePricing/index.js +0 -15
  211. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  212. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  213. package/dist/cjs/c/SiteServices/index.js +0 -15
  214. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  215. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  216. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  217. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  218. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  219. package/dist/cjs/c/TeamGallery/index.js +0 -15
  220. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  221. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  222. package/dist/cjs/c/Testimonials/index.js +0 -15
  223. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  224. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  225. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  226. package/dist/cjs/experimental/index.js +0 -13
  227. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +0 -105
  228. package/dist/cjs/f/fields/CheckboxInput/index.js +0 -15
  229. package/dist/cjs/f/fields/CheckboxInput/styles.scss +0 -28
  230. package/dist/cjs/f/fields/RadioInput/RadioInput.js +0 -110
  231. package/dist/cjs/f/fields/RadioInput/index.js +0 -15
  232. package/dist/cjs/f/fields/RadioInput/styles.scss +0 -26
  233. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  234. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  235. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  236. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -131
  237. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +0 -15
  238. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -41
  239. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  240. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  241. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  242. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  243. package/dist/es/a/GradientBackground/index.js +0 -2
  244. package/dist/es/a/GradientBackground/styles.scss +0 -191
  245. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  246. package/dist/es/c/AcceptCookies/index.js +0 -2
  247. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  248. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  249. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  250. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  251. package/dist/es/c/BlogContext/Context.js +0 -2
  252. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  253. package/dist/es/c/BlogContext/index.js +0 -4
  254. package/dist/es/c/BlogContext/useBlog.js +0 -3
  255. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  256. package/dist/es/c/BlogPost/index.js +0 -2
  257. package/dist/es/c/BlogPost/styles.scss +0 -33
  258. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  259. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  260. package/dist/es/c/BlogPostsList/index.js +0 -2
  261. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  262. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  263. package/dist/es/c/SiteFooter/common/index.js +0 -1
  264. package/dist/es/c/SiteFooter/index.js +0 -2
  265. package/dist/es/c/SiteFooter/styles.scss +0 -34
  266. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  267. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  268. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  269. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  270. package/dist/es/c/SiteMission/index.js +0 -2
  271. package/dist/es/c/SiteMission/styles.scss +0 -30
  272. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  273. package/dist/es/c/SiteNavigation/index.js +0 -2
  274. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  275. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  276. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  277. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  278. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  279. package/dist/es/c/SitePricing/index.js +0 -2
  280. package/dist/es/c/SitePricing/styles.scss +0 -73
  281. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  282. package/dist/es/c/SiteServices/index.js +0 -2
  283. package/dist/es/c/SiteServices/styles.scss +0 -138
  284. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  285. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  286. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  287. package/dist/es/c/TeamGallery/common/index.js +0 -1
  288. package/dist/es/c/TeamGallery/index.js +0 -2
  289. package/dist/es/c/TeamGallery/styles.scss +0 -100
  290. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  291. package/dist/es/c/Testimonials/index.js +0 -2
  292. package/dist/es/c/Testimonials/styles.scss +0 -112
  293. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  294. package/dist/es/experimental/GradientBackground/index.js +0 -2
  295. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  296. package/dist/es/experimental/index.js +0 -1
  297. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +0 -85
  298. package/dist/es/f/fields/CheckboxInput/index.js +0 -2
  299. package/dist/es/f/fields/CheckboxInput/styles.scss +0 -28
  300. package/dist/es/f/fields/RadioInput/RadioInput.js +0 -90
  301. package/dist/es/f/fields/RadioInput/index.js +0 -2
  302. package/dist/es/f/fields/RadioInput/styles.scss +0 -26
  303. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  304. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  305. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  306. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -111
  307. package/dist/es/f/fields/TaskRecommendationInput/index.js +0 -2
  308. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -41
  309. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  310. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  311. package/src/stories/f/CheckboxInput.stories.jsx +0 -37
  312. package/src/stories/f/RadioInput.stories.jsx +0 -37
  313. package/src/stories/f/TaskRecommendationInput.stories.jsx +0 -38
  314. package/src/ui/f/fields/CheckboxInput/CheckboxInput.jsx +0 -107
  315. package/src/ui/f/fields/CheckboxInput/index.js +0 -2
  316. package/src/ui/f/fields/CheckboxInput/styles.scss +0 -28
  317. package/src/ui/f/fields/RadioInput/RadioInput.jsx +0 -112
  318. package/src/ui/f/fields/RadioInput/index.js +0 -2
  319. package/src/ui/f/fields/RadioInput/styles.scss +0 -26
  320. package/src/ui/f/fields/TaskRecommendationInput/TaskRecommendationInput.jsx +0 -130
  321. package/src/ui/f/fields/TaskRecommendationInput/index.js +0 -2
  322. package/src/ui/f/fields/TaskRecommendationInput/styles.scss +0 -41
@@ -1,134 +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 _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;
@@ -1,15 +0,0 @@
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 }; }
@@ -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,16 +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
- 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;
@@ -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 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;
@@ -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,16 +0,0 @@
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;
@@ -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,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "BlogPost", {
7
- enumerable: true,
8
- get: function get() {
9
- return _BlogPost.default;
10
- }
11
- });
12
-
13
- var _BlogPost = _interopRequireDefault(require("./BlogPost"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }