@coorpacademy/components 10.16.2 → 10.17.0

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 (198) hide show
  1. package/README.md +34 -0
  2. package/es/atom/button-link-icon-only/test/fixtures.js +2 -0
  3. package/es/atom/button-link-icon-only/test/fixtures.js.map +1 -1
  4. package/es/atom/card-image-preview/test/fixtures.js +15 -0
  5. package/es/atom/card-image-preview/test/fixtures.js.map +1 -0
  6. package/es/atom/checkbox-with-title/test/fixtures.js +15 -0
  7. package/es/atom/checkbox-with-title/test/fixtures.js.map +1 -0
  8. package/es/atom/drag-and-drop/test/fixtures.js +8 -0
  9. package/es/atom/drag-and-drop/test/fixtures.js.map +1 -1
  10. package/es/atom/image-upload/test/fixtures.js +4 -2
  11. package/es/atom/image-upload/test/fixtures.js.map +1 -1
  12. package/es/atom/input-text-with-title/test/fixtures.js +15 -0
  13. package/es/atom/input-text-with-title/test/fixtures.js.map +1 -0
  14. package/es/atom/lottie-wrapper/index.js +130 -0
  15. package/es/atom/lottie-wrapper/index.js.map +1 -0
  16. package/es/atom/lottie-wrapper/style.css +15 -0
  17. package/es/atom/lottie-wrapper/test/fixtures/confetti.js +17 -0
  18. package/es/atom/lottie-wrapper/test/fixtures/confetti.js.map +1 -0
  19. package/es/atom/lottie-wrapper/test/fixtures/default.js +17 -0
  20. package/es/atom/lottie-wrapper/test/fixtures/default.js.map +1 -0
  21. package/es/atom/lottie-wrapper/test/fixtures/rank.js +13 -0
  22. package/es/atom/lottie-wrapper/test/fixtures/rank.js.map +1 -0
  23. package/es/atom/lottie-wrapper/test/fixtures.js +17 -0
  24. package/es/atom/lottie-wrapper/test/fixtures.js.map +1 -0
  25. package/es/atom/lottie-wrapper/test/lottie.js +82 -0
  26. package/es/atom/lottie-wrapper/test/lottie.js.map +1 -0
  27. package/es/atom/review-background/test/fixtures.js +13 -0
  28. package/es/atom/review-background/test/fixtures.js.map +1 -0
  29. package/es/atom/review-header-step-item/test/fixtures.js +19 -0
  30. package/es/atom/review-header-step-item/test/fixtures.js.map +1 -0
  31. package/es/atom/review-presentation/test/fixtures.js +13 -0
  32. package/es/atom/review-presentation/test/fixtures.js.map +1 -0
  33. package/es/atom/select/test/fixtures.js +4 -0
  34. package/es/atom/select/test/fixtures.js.map +1 -1
  35. package/es/molecule/brand-form-group/test/fixtures.js +2 -0
  36. package/es/molecule/brand-form-group/test/fixtures.js.map +1 -1
  37. package/es/molecule/card/test/fixtures.js +2 -0
  38. package/es/molecule/card/test/fixtures.js.map +1 -1
  39. package/es/molecule/course-section/test/fixtures.js +21 -0
  40. package/es/molecule/course-section/test/fixtures.js.map +1 -0
  41. package/es/molecule/course-sections/test/fixtures.js +17 -0
  42. package/es/molecule/course-sections/test/fixtures.js.map +1 -0
  43. package/es/molecule/dashboard/review-banner/test/fixtures.js +13 -0
  44. package/es/molecule/dashboard/review-banner/test/fixtures.js.map +1 -0
  45. package/es/molecule/drag-and-drop-wrapper/test/fixtures.js +17 -0
  46. package/es/molecule/drag-and-drop-wrapper/test/fixtures.js.map +1 -0
  47. package/es/molecule/draggable/test/fixtures.js +13 -0
  48. package/es/molecule/draggable/test/fixtures.js.map +1 -0
  49. package/es/molecule/draggable-list/test/fixtures.js +15 -0
  50. package/es/molecule/draggable-list/test/fixtures.js.map +1 -0
  51. package/es/molecule/input-text-with-titled-checkbox/test/fixtures.js +15 -0
  52. package/es/molecule/input-text-with-titled-checkbox/test/fixtures.js.map +1 -0
  53. package/es/molecule/list-badges/test/fixtures.js +19 -0
  54. package/es/molecule/list-badges/test/fixtures.js.map +1 -0
  55. package/es/molecule/questions/free-text/test/fixtures.js +4 -2
  56. package/es/molecule/questions/free-text/test/fixtures.js.map +1 -1
  57. package/es/molecule/review-correction-popin/test/fixtures.js +15 -0
  58. package/es/molecule/review-correction-popin/test/fixtures.js.map +1 -0
  59. package/es/molecule/review-header-steps/test/fixtures.js +23 -0
  60. package/es/molecule/review-header-steps/test/fixtures.js.map +1 -0
  61. package/es/molecule/setup-slide/test/fixtures.js +2 -0
  62. package/es/molecule/setup-slide/test/fixtures.js.map +1 -1
  63. package/es/molecule/skill-card/test/fixtures.js +19 -0
  64. package/es/molecule/skill-card/test/fixtures.js.map +1 -0
  65. package/es/molecule/teams-popin/test/fixtures/loading-background.js +1 -1
  66. package/es/molecule/teams-popin/test/fixtures/loading-background.js.map +1 -1
  67. package/es/molecule/teams-popin/test/fixtures/login-background.js +1 -1
  68. package/es/molecule/teams-popin/test/fixtures/login-background.js.map +1 -1
  69. package/es/molecule/title-and-checkbox-wrapper/test/fixtures.js +19 -0
  70. package/es/molecule/title-and-checkbox-wrapper/test/fixtures.js.map +1 -0
  71. package/es/molecule/wizard-summary/style.css +2 -1
  72. package/es/molecule/wizard-summary/test/fixtures.js +2 -0
  73. package/es/molecule/wizard-summary/test/fixtures.js.map +1 -1
  74. package/es/organism/brand-form/test/fixtures.js +4 -0
  75. package/es/organism/brand-form/test/fixtures.js.map +1 -1
  76. package/es/organism/course-selection/test/fixtures.js +2 -0
  77. package/es/organism/course-selection/test/fixtures.js.map +1 -1
  78. package/es/organism/review-header/test/fixtures.js +23 -0
  79. package/es/organism/review-header/test/fixtures.js.map +1 -0
  80. package/es/organism/review-skills/test/fixtures.js +17 -0
  81. package/es/organism/review-skills/test/fixtures.js.map +1 -0
  82. package/es/organism/rewards-form/test/fixtures.js +19 -0
  83. package/es/organism/rewards-form/test/fixtures.js.map +1 -0
  84. package/es/organism/search-and-chips-results/test/fixtures.js +2 -0
  85. package/es/organism/search-and-chips-results/test/fixtures.js.map +1 -1
  86. package/es/organism/wizard-contents/test/fixtures.js +6 -0
  87. package/es/organism/wizard-contents/test/fixtures.js.map +1 -1
  88. package/es/template/app-player/popin-end/test/fixtures.js +2 -0
  89. package/es/template/app-player/popin-end/test/fixtures.js.map +1 -1
  90. package/es/template/back-office/brand-update/test/fixtures.js +4 -0
  91. package/es/template/back-office/brand-update/test/fixtures.js.map +1 -1
  92. package/es/template/external-course/test/fixtures.js +4 -0
  93. package/es/template/external-course/test/fixtures.js.map +1 -1
  94. package/es/template/review-dashboard-skills/test/fixtures.js +17 -0
  95. package/es/template/review-dashboard-skills/test/fixtures.js.map +1 -0
  96. package/lib/atom/button-link-icon-only/test/fixtures.js +3 -0
  97. package/lib/atom/button-link-icon-only/test/fixtures.js.map +1 -1
  98. package/lib/atom/card-image-preview/test/fixtures.js +25 -0
  99. package/lib/atom/card-image-preview/test/fixtures.js.map +1 -0
  100. package/lib/atom/checkbox-with-title/test/fixtures.js +25 -0
  101. package/lib/atom/checkbox-with-title/test/fixtures.js.map +1 -0
  102. package/lib/atom/drag-and-drop/test/fixtures.js +12 -0
  103. package/lib/atom/drag-and-drop/test/fixtures.js.map +1 -1
  104. package/lib/atom/image-upload/test/fixtures.js +6 -3
  105. package/lib/atom/image-upload/test/fixtures.js.map +1 -1
  106. package/lib/atom/input-text-with-title/test/fixtures.js +25 -0
  107. package/lib/atom/input-text-with-title/test/fixtures.js.map +1 -0
  108. package/lib/atom/lottie-wrapper/index.js +152 -0
  109. package/lib/atom/lottie-wrapper/index.js.map +1 -0
  110. package/lib/atom/lottie-wrapper/style.css +15 -0
  111. package/lib/atom/lottie-wrapper/test/fixtures/confetti.js +22 -0
  112. package/lib/atom/lottie-wrapper/test/fixtures/confetti.js.map +1 -0
  113. package/lib/atom/lottie-wrapper/test/fixtures/default.js +22 -0
  114. package/lib/atom/lottie-wrapper/test/fixtures/default.js.map +1 -0
  115. package/lib/atom/lottie-wrapper/test/fixtures/rank.js +18 -0
  116. package/lib/atom/lottie-wrapper/test/fixtures/rank.js.map +1 -0
  117. package/lib/atom/lottie-wrapper/test/fixtures.js +28 -0
  118. package/lib/atom/lottie-wrapper/test/fixtures.js.map +1 -0
  119. package/lib/atom/lottie-wrapper/test/lottie.js +97 -0
  120. package/lib/atom/lottie-wrapper/test/lottie.js.map +1 -0
  121. package/lib/atom/review-background/test/fixtures.js +22 -0
  122. package/lib/atom/review-background/test/fixtures.js.map +1 -0
  123. package/lib/atom/review-header-step-item/test/fixtures.js +31 -0
  124. package/lib/atom/review-header-step-item/test/fixtures.js.map +1 -0
  125. package/lib/atom/review-presentation/test/fixtures.js +22 -0
  126. package/lib/atom/review-presentation/test/fixtures.js.map +1 -0
  127. package/lib/atom/select/test/fixtures.js +6 -0
  128. package/lib/atom/select/test/fixtures.js.map +1 -1
  129. package/lib/molecule/brand-form-group/test/fixtures.js +3 -0
  130. package/lib/molecule/brand-form-group/test/fixtures.js.map +1 -1
  131. package/lib/molecule/card/test/fixtures.js +3 -0
  132. package/lib/molecule/card/test/fixtures.js.map +1 -1
  133. package/lib/molecule/course-section/test/fixtures.js +34 -0
  134. package/lib/molecule/course-section/test/fixtures.js.map +1 -0
  135. package/lib/molecule/course-sections/test/fixtures.js +28 -0
  136. package/lib/molecule/course-sections/test/fixtures.js.map +1 -0
  137. package/lib/molecule/dashboard/review-banner/test/fixtures.js +22 -0
  138. package/lib/molecule/dashboard/review-banner/test/fixtures.js.map +1 -0
  139. package/lib/molecule/drag-and-drop-wrapper/test/fixtures.js +28 -0
  140. package/lib/molecule/drag-and-drop-wrapper/test/fixtures.js.map +1 -0
  141. package/lib/molecule/draggable/test/fixtures.js +22 -0
  142. package/lib/molecule/draggable/test/fixtures.js.map +1 -0
  143. package/lib/molecule/draggable-list/test/fixtures.js +25 -0
  144. package/lib/molecule/draggable-list/test/fixtures.js.map +1 -0
  145. package/lib/molecule/input-text-with-titled-checkbox/test/fixtures.js +25 -0
  146. package/lib/molecule/input-text-with-titled-checkbox/test/fixtures.js.map +1 -0
  147. package/lib/molecule/list-badges/test/fixtures.js +31 -0
  148. package/lib/molecule/list-badges/test/fixtures.js.map +1 -0
  149. package/lib/molecule/questions/free-text/test/fixtures.js +5 -2
  150. package/lib/molecule/questions/free-text/test/fixtures.js.map +1 -1
  151. package/lib/molecule/review-correction-popin/test/fixtures.js +25 -0
  152. package/lib/molecule/review-correction-popin/test/fixtures.js.map +1 -0
  153. package/lib/molecule/review-header-steps/test/fixtures.js +37 -0
  154. package/lib/molecule/review-header-steps/test/fixtures.js.map +1 -0
  155. package/lib/molecule/setup-slide/test/fixtures.js +3 -0
  156. package/lib/molecule/setup-slide/test/fixtures.js.map +1 -1
  157. package/lib/molecule/skill-card/test/fixtures.js +31 -0
  158. package/lib/molecule/skill-card/test/fixtures.js.map +1 -0
  159. package/lib/molecule/teams-popin/test/fixtures/loading-background.js +1 -1
  160. package/lib/molecule/teams-popin/test/fixtures/loading-background.js.map +1 -1
  161. package/lib/molecule/teams-popin/test/fixtures/login-background.js +1 -1
  162. package/lib/molecule/teams-popin/test/fixtures/login-background.js.map +1 -1
  163. package/lib/molecule/title-and-checkbox-wrapper/test/fixtures.js +31 -0
  164. package/lib/molecule/title-and-checkbox-wrapper/test/fixtures.js.map +1 -0
  165. package/lib/molecule/wizard-summary/style.css +2 -1
  166. package/lib/molecule/wizard-summary/test/fixtures.js +3 -0
  167. package/lib/molecule/wizard-summary/test/fixtures.js.map +1 -1
  168. package/lib/organism/brand-form/test/fixtures.js +6 -0
  169. package/lib/organism/brand-form/test/fixtures.js.map +1 -1
  170. package/lib/organism/course-selection/test/fixtures.js +3 -0
  171. package/lib/organism/course-selection/test/fixtures.js.map +1 -1
  172. package/lib/organism/review-header/test/fixtures.js +37 -0
  173. package/lib/organism/review-header/test/fixtures.js.map +1 -0
  174. package/lib/organism/review-skills/test/fixtures.js +28 -0
  175. package/lib/organism/review-skills/test/fixtures.js.map +1 -0
  176. package/lib/organism/rewards-form/test/fixtures.js +31 -0
  177. package/lib/organism/rewards-form/test/fixtures.js.map +1 -0
  178. package/lib/organism/search-and-chips-results/test/fixtures.js +3 -0
  179. package/lib/organism/search-and-chips-results/test/fixtures.js.map +1 -1
  180. package/lib/organism/wizard-contents/test/fixtures.js +9 -0
  181. package/lib/organism/wizard-contents/test/fixtures.js.map +1 -1
  182. package/lib/template/app-player/popin-end/test/fixtures.js +3 -0
  183. package/lib/template/app-player/popin-end/test/fixtures.js.map +1 -1
  184. package/lib/template/back-office/brand-update/test/fixtures.js +6 -0
  185. package/lib/template/back-office/brand-update/test/fixtures.js.map +1 -1
  186. package/lib/template/external-course/test/fixtures.js +6 -0
  187. package/lib/template/external-course/test/fixtures.js.map +1 -1
  188. package/lib/template/review-dashboard-skills/test/fixtures.js +28 -0
  189. package/lib/template/review-dashboard-skills/test/fixtures.js.map +1 -0
  190. package/package.json +6 -4
  191. package/es/molecule/cockpit-popin/test/fixtures.js +0 -17
  192. package/es/molecule/cockpit-popin/test/fixtures.js.map +0 -1
  193. package/es/molecule/search/test/fixtures.js +0 -15
  194. package/es/molecule/search/test/fixtures.js.map +0 -1
  195. package/lib/molecule/cockpit-popin/test/fixtures.js +0 -28
  196. package/lib/molecule/cockpit-popin/test/fixtures.js.map +0 -1
  197. package/lib/molecule/search/test/fixtures.js +0 -25
  198. package/lib/molecule/search/test/fixtures.js.map +0 -1
package/README.md CHANGED
@@ -91,6 +91,40 @@ example:
91
91
  ...
92
92
  ```
93
93
 
94
+ ### Using a Lottie Animation
95
+
96
+ To use a lottie animation, you need to use the LottieWrapper Atom.
97
+
98
+ Among the Lottie Atom's props, there are two *important* props: animationSrc & ie11ImageBackup,
99
+ that need an additional step, the ie11ImageBackup is needed as it's name implies because ie11 doesn't
100
+ support Lottie (more specifically Web Components due to the Shadow DOM).
101
+
102
+ First, you must upload to AWS S3 any new animation, in one of the static buckets (depending on the desired env), ex:
103
+ `https://static-staging.coorpacademy.com/animations/review/`.
104
+
105
+ This animation must be paired with a backup image (svg) that'll be used for the ie11 scenario.
106
+
107
+ Then, use the urls as props for animationSrc & ie11ImageBackup, ex:
108
+
109
+ ```javascript
110
+ const props = {
111
+ 'aria-label': 'aria lottie',
112
+ 'data-name': 'default-lottie',
113
+ className: undefined,
114
+ animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
115
+ loop: true,
116
+ height: 200,
117
+ width: 200,
118
+ ie11ImageBackup:
119
+ 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
120
+ }
121
+ ```
122
+
123
+ #### Additional information:
124
+
125
+ The props include classNames && size control to handle additional styling.
126
+
127
+
94
128
  ## Locally use in an external project
95
129
 
96
130
  Link your dependencies:
@@ -5,6 +5,7 @@ import AtomButtonLinkIconOnly from '..';
5
5
  import fixtureButtonIconBullet from './fixtures/button-icon-bullet';
6
6
  import fixtureDefault from './fixtures/default';
7
7
  import fixtureNoIcon from './fixtures/no-icon';
8
+ import fixtureReviewHeader from './fixtures/review-header';
8
9
  import fixtureSmallButtonDisabled from './fixtures/small-button-disabled';
9
10
  import fixtureSmallLinkDownload from './fixtures/small-link-download';
10
11
  test('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {
@@ -16,6 +17,7 @@ test('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {
16
17
  test('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);
17
18
  test('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);
18
19
  test('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);
20
+ test('Atom › AtomButtonLinkIconOnly › ReviewHeader › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureReviewHeader);
19
21
  test('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);
20
22
  test('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);
21
23
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomButtonLinkIconOnly","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureSmallButtonDisabled","fixtureSmallLinkDownload","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,oBAA1B;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AAEAR,IAAI,CAAC,6DAAD,EAAgES,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,sBAAsB,CAACQ,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,sBAAhG,EAAwHC,uBAAxH,CAAJ;AACAJ,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GE,cAA/G,CAAJ;AACAL,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,sBAAtF,EAA8GG,aAA9G,CAAJ;AACAN,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,sBAAnG,EAA2HI,0BAA3H,CAAJ;AACAP,IAAI,CAAC,wEAAD,EAA2EE,oBAA3E,EAAiGC,sBAAjG,EAAyHK,wBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n t.pass();\n forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomButtonLinkIconOnly","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureReviewHeader","fixtureSmallButtonDisabled","fixtureSmallLinkDownload","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,oBAA1B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AAEAT,IAAI,CAAC,6DAAD,EAAgEU,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,sBAAsB,CAACS,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,sBAAhG,EAAwHC,uBAAxH,CAAJ;AACAJ,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GE,cAA/G,CAAJ;AACAL,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,sBAAtF,EAA8GG,aAA9G,CAAJ;AACAN,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,sBAA5F,EAAoHI,mBAApH,CAAJ;AACAP,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,sBAAnG,EAA2HK,0BAA3H,CAAJ;AACAR,IAAI,CAAC,wEAAD,EAA2EE,oBAA3E,EAAiGC,sBAAjG,EAAyHM,wBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureReviewHeader from './fixtures/review-header';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n t.pass();\n forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › ReviewHeader › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureReviewHeader);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}
@@ -0,0 +1,15 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomCardImagePreview from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ import fixtureEmpty from './fixtures/empty';
7
+ test('Atom › AtomCardImagePreview > should have valid propTypes', t => {
8
+ t.pass();
9
+ forEach(AtomCardImagePreview.propTypes, (value, key) => {
10
+ t.not(value, undefined, `PropType for "Atom.AtomCardImagePreview.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
11
+ });
12
+ });
13
+ test('Atom › AtomCardImagePreview › Default › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureDefault);
14
+ test('Atom › AtomCardImagePreview › Empty › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureEmpty);
15
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/card-image-preview/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomCardImagePreview","fixtureDefault","fixtureEmpty","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAL,IAAI,CAAC,2DAAD,EAA8DM,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,oBAAoB,CAACK,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,oBAArF,EAA2GC,cAA3G,CAAJ;AACAJ,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,oBAAnF,EAAyGE,YAAzG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomCardImagePreview from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\n\ntest('Atom › AtomCardImagePreview > should have valid propTypes', t => {\n t.pass();\n forEach(AtomCardImagePreview.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomCardImagePreview.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomCardImagePreview › Default › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureDefault);\ntest('Atom › AtomCardImagePreview › Empty › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureEmpty);\n"],"file":"fixtures.js"}
@@ -0,0 +1,15 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomCheckboxWithTitle from '..';
5
+ import fixtureChecked from './fixtures/checked';
6
+ import fixtureUnchecked from './fixtures/unchecked';
7
+ test('Atom › AtomCheckboxWithTitle > should have valid propTypes', t => {
8
+ t.pass();
9
+ forEach(AtomCheckboxWithTitle.propTypes, (value, key) => {
10
+ t.not(value, undefined, `PropType for "Atom.AtomCheckboxWithTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
11
+ });
12
+ });
13
+ test('Atom › AtomCheckboxWithTitle › Checked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureChecked);
14
+ test('Atom › AtomCheckboxWithTitle › Unchecked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureUnchecked);
15
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/checkbox-with-title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomCheckboxWithTitle","fixtureChecked","fixtureUnchecked","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,qBAAP,MAAkC,IAAlC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AAEAL,IAAI,CAAC,4DAAD,EAA+DM,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,qBAAqB,CAACK,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,qBAAtF,EAA6GC,cAA7G,CAAJ;AACAJ,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,qBAAxF,EAA+GE,gBAA/G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomCheckboxWithTitle from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureUnchecked from './fixtures/unchecked';\n\ntest('Atom › AtomCheckboxWithTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomCheckboxWithTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomCheckboxWithTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomCheckboxWithTitle › Checked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureChecked);\ntest('Atom › AtomCheckboxWithTitle › Unchecked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureUnchecked);\n"],"file":"fixtures.js"}
@@ -2,11 +2,15 @@ import test from 'ava';
2
2
  import forEach from 'lodash/forEach';
3
3
  import renderComponentMacro from '../../../test/helpers/render-component';
4
4
  import AtomDragAndDrop from '..';
5
+ import fixtureCleanAndModified from './fixtures/clean-and-modified';
5
6
  import fixtureDefault from './fixtures/default';
7
+ import fixtureError from './fixtures/error';
6
8
  import fixtureLoading from './fixtures/loading';
9
+ import fixtureModified from './fixtures/modified';
7
10
  import fixtureWithChildren from './fixtures/with-children';
8
11
  import fixtureWithImageReset from './fixtures/with-image-reset';
9
12
  import fixtureWithImage from './fixtures/with-image';
13
+ import fixtureWithLongDescription from './fixtures/with-long-description';
10
14
  import fixtureWithVideo from './fixtures/with-video';
11
15
  test('Atom › AtomDragAndDrop > should have valid propTypes', t => {
12
16
  t.pass();
@@ -14,10 +18,14 @@ test('Atom › AtomDragAndDrop > should have valid propTypes', t => {
14
18
  t.not(value, undefined, `PropType for "Atom.AtomDragAndDrop.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
15
19
  });
16
20
  });
21
+ test('Atom › AtomDragAndDrop › CleanAndModified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureCleanAndModified);
17
22
  test('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);
23
+ test('Atom › AtomDragAndDrop › Error › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureError);
18
24
  test('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);
25
+ test('Atom › AtomDragAndDrop › Modified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureModified);
19
26
  test('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);
20
27
  test('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);
21
28
  test('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);
29
+ test('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);
22
30
  test('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);
23
31
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomDragAndDrop","fixtureDefault","fixtureLoading","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithVideo","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,eAAP,MAA4B,IAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAT,IAAI,CAAC,sDAAD,EAAyDU,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,eAAe,CAACS,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGC,cAAjG,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGE,cAAjG,CAAJ;AACAL,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGG,mBAAtG,CAAJ;AACAN,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,eAAvF,EAAwGI,qBAAxG,CAAJ;AACAP,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGK,gBAAnG,CAAJ;AACAR,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGM,gBAAnG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomDragAndDrop from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureWithChildren from './fixtures/with-children';\nimport fixtureWithImageReset from './fixtures/with-image-reset';\nimport fixtureWithImage from './fixtures/with-image';\nimport fixtureWithVideo from './fixtures/with-video';\n\ntest('Atom › AtomDragAndDrop > should have valid propTypes', t => {\n t.pass();\n forEach(AtomDragAndDrop.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomDragAndDrop.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);\ntest('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);\ntest('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);\ntest('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);\ntest('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);\ntest('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomDragAndDrop","fixtureCleanAndModified","fixtureDefault","fixtureError","fixtureLoading","fixtureModified","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithLongDescription","fixtureWithVideo","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,eAAP,MAA4B,IAA5B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAb,IAAI,CAAC,sDAAD,EAAyDc,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,eAAe,CAACa,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAlB,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,eAAzF,EAA0GC,uBAA1G,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGE,cAAjG,CAAJ;AACAL,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,eAA9E,EAA+FG,YAA/F,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGI,cAAjG,CAAJ;AACAP,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGK,eAAlG,CAAJ;AACAR,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGM,mBAAtG,CAAJ;AACAT,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,eAAvF,EAAwGO,qBAAxG,CAAJ;AACAV,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGQ,gBAAnG,CAAJ;AACAX,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,eAA5F,EAA6GS,0BAA7G,CAAJ;AACAZ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGU,gBAAnG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomDragAndDrop from '..';\nimport fixtureCleanAndModified from './fixtures/clean-and-modified';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureModified from './fixtures/modified';\nimport fixtureWithChildren from './fixtures/with-children';\nimport fixtureWithImageReset from './fixtures/with-image-reset';\nimport fixtureWithImage from './fixtures/with-image';\nimport fixtureWithLongDescription from './fixtures/with-long-description';\nimport fixtureWithVideo from './fixtures/with-video';\n\ntest('Atom › AtomDragAndDrop > should have valid propTypes', t => {\n t.pass();\n forEach(AtomDragAndDrop.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomDragAndDrop.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomDragAndDrop › CleanAndModified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureCleanAndModified);\ntest('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);\ntest('Atom › AtomDragAndDrop › Error › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureError);\ntest('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);\ntest('Atom › AtomDragAndDrop › Modified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureModified);\ntest('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);\ntest('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);\ntest('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);\ntest('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);\ntest('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);\n"],"file":"fixtures.js"}
@@ -2,6 +2,8 @@ import test from 'ava';
2
2
  import forEach from 'lodash/forEach';
3
3
  import renderComponentMacro from '../../../test/helpers/render-component';
4
4
  import AtomImageUpload from '..';
5
+ import fixtureCleanModified from './fixtures/clean-modified';
6
+ import fixtureDefault from './fixtures/default';
5
7
  import fixtureDesktopResetDescriptionMultiple from './fixtures/desktop-reset-description-multiple';
6
8
  import fixtureDesktopResetDescriptionOnlyPng from './fixtures/desktop-reset-description-only-png';
7
9
  import fixtureDesktopResetDescription from './fixtures/desktop-reset-description';
@@ -10,13 +12,14 @@ import fixtureDesktop from './fixtures/desktop';
10
12
  import fixtureEmail from './fixtures/email';
11
13
  import fixtureMobile from './fixtures/mobile';
12
14
  import fixtureModified from './fixtures/modified';
13
- import fixtureWithoutImage from './fixtures/without-image';
14
15
  test('Atom › AtomImageUpload > should have valid propTypes', t => {
15
16
  t.pass();
16
17
  forEach(AtomImageUpload.propTypes, (value, key) => {
17
18
  t.not(value, undefined, `PropType for "Atom.AtomImageUpload.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
18
19
  });
19
20
  });
21
+ test('Atom › AtomImageUpload › CleanModified › should be rendered', renderComponentMacro, AtomImageUpload, fixtureCleanModified);
22
+ test('Atom › AtomImageUpload › Default › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDefault);
20
23
  test('Atom › AtomImageUpload › DesktopResetDescriptionMultiple › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescriptionMultiple);
21
24
  test('Atom › AtomImageUpload › DesktopResetDescriptionOnlyPng › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescriptionOnlyPng);
22
25
  test('Atom › AtomImageUpload › DesktopResetDescription › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescription);
@@ -25,5 +28,4 @@ test('Atom › AtomImageUpload › Desktop › should be rendered', renderCompon
25
28
  test('Atom › AtomImageUpload › Email › should be rendered', renderComponentMacro, AtomImageUpload, fixtureEmail);
26
29
  test('Atom › AtomImageUpload › Mobile › should be rendered', renderComponentMacro, AtomImageUpload, fixtureMobile);
27
30
  test('Atom › AtomImageUpload › Modified › should be rendered', renderComponentMacro, AtomImageUpload, fixtureModified);
28
- test('Atom › AtomImageUpload › WithoutImage › should be rendered', renderComponentMacro, AtomImageUpload, fixtureWithoutImage);
29
31
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/image-upload/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomImageUpload","fixtureDesktopResetDescriptionMultiple","fixtureDesktopResetDescriptionOnlyPng","fixtureDesktopResetDescription","fixtureDesktopResetNoDescription","fixtureDesktop","fixtureEmail","fixtureMobile","fixtureModified","fixtureWithoutImage","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,eAAP,MAA4B,IAA5B;AACA,OAAOC,sCAAP,MAAmD,+CAAnD;AACA,OAAOC,qCAAP,MAAkD,+CAAlD;AACA,OAAOC,8BAAP,MAA2C,sCAA3C;AACA,OAAOC,gCAAP,MAA6C,yCAA7C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AAEAZ,IAAI,CAAC,sDAAD,EAAyDa,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAb,EAAAA,OAAO,CAACE,eAAe,CAACY,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAjB,IAAI,CAAC,+EAAD,EAAkFE,oBAAlF,EAAwGC,eAAxG,EAAyHC,sCAAzH,CAAJ;AACAJ,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,eAAvG,EAAwHE,qCAAxH,CAAJ;AACAL,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,eAAhG,EAAiHG,8BAAjH,CAAJ;AACAN,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,eAAlG,EAAmHI,gCAAnH,CAAJ;AACAP,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGK,cAAjG,CAAJ;AACAR,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,eAA9E,EAA+FM,YAA/F,CAAJ;AACAT,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,eAA/E,EAAgGO,aAAhG,CAAJ;AACAV,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGQ,eAAlG,CAAJ;AACAX,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGS,mBAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomImageUpload from '..';\nimport fixtureDesktopResetDescriptionMultiple from './fixtures/desktop-reset-description-multiple';\nimport fixtureDesktopResetDescriptionOnlyPng from './fixtures/desktop-reset-description-only-png';\nimport fixtureDesktopResetDescription from './fixtures/desktop-reset-description';\nimport fixtureDesktopResetNoDescription from './fixtures/desktop-reset-no-description';\nimport fixtureDesktop from './fixtures/desktop';\nimport fixtureEmail from './fixtures/email';\nimport fixtureMobile from './fixtures/mobile';\nimport fixtureModified from './fixtures/modified';\nimport fixtureWithoutImage from './fixtures/without-image';\n\ntest('Atom › AtomImageUpload > should have valid propTypes', t => {\n t.pass();\n forEach(AtomImageUpload.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomImageUpload.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomImageUpload › DesktopResetDescriptionMultiple › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescriptionMultiple);\ntest('Atom › AtomImageUpload › DesktopResetDescriptionOnlyPng › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescriptionOnlyPng);\ntest('Atom › AtomImageUpload › DesktopResetDescription › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescription);\ntest('Atom › AtomImageUpload › DesktopResetNoDescription › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetNoDescription);\ntest('Atom › AtomImageUpload › Desktop › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktop);\ntest('Atom › AtomImageUpload › Email › should be rendered', renderComponentMacro, AtomImageUpload, fixtureEmail);\ntest('Atom › AtomImageUpload › Mobile › should be rendered', renderComponentMacro, AtomImageUpload, fixtureMobile);\ntest('Atom › AtomImageUpload › Modified › should be rendered', renderComponentMacro, AtomImageUpload, fixtureModified);\ntest('Atom › AtomImageUpload › WithoutImage › should be rendered', renderComponentMacro, AtomImageUpload, fixtureWithoutImage);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/image-upload/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomImageUpload","fixtureCleanModified","fixtureDefault","fixtureDesktopResetDescriptionMultiple","fixtureDesktopResetDescriptionOnlyPng","fixtureDesktopResetDescription","fixtureDesktopResetNoDescription","fixtureDesktop","fixtureEmail","fixtureMobile","fixtureModified","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,eAAP,MAA4B,IAA5B;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sCAAP,MAAmD,+CAAnD;AACA,OAAOC,qCAAP,MAAkD,+CAAlD;AACA,OAAOC,8BAAP,MAA2C,sCAA3C;AACA,OAAOC,gCAAP,MAA6C,yCAA7C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAb,IAAI,CAAC,sDAAD,EAAyDc,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,eAAe,CAACa,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAlB,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,eAAtF,EAAuGC,oBAAvG,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGE,cAAjG,CAAJ;AACAL,IAAI,CAAC,+EAAD,EAAkFE,oBAAlF,EAAwGC,eAAxG,EAAyHG,sCAAzH,CAAJ;AACAN,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,eAAvG,EAAwHI,qCAAxH,CAAJ;AACAP,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,eAAhG,EAAiHK,8BAAjH,CAAJ;AACAR,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,eAAlG,EAAmHM,gCAAnH,CAAJ;AACAT,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGO,cAAjG,CAAJ;AACAV,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,eAA9E,EAA+FQ,YAA/F,CAAJ;AACAX,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,eAA/E,EAAgGS,aAAhG,CAAJ;AACAZ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGU,eAAlG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomImageUpload from '..';\nimport fixtureCleanModified from './fixtures/clean-modified';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDesktopResetDescriptionMultiple from './fixtures/desktop-reset-description-multiple';\nimport fixtureDesktopResetDescriptionOnlyPng from './fixtures/desktop-reset-description-only-png';\nimport fixtureDesktopResetDescription from './fixtures/desktop-reset-description';\nimport fixtureDesktopResetNoDescription from './fixtures/desktop-reset-no-description';\nimport fixtureDesktop from './fixtures/desktop';\nimport fixtureEmail from './fixtures/email';\nimport fixtureMobile from './fixtures/mobile';\nimport fixtureModified from './fixtures/modified';\n\ntest('Atom › AtomImageUpload > should have valid propTypes', t => {\n t.pass();\n forEach(AtomImageUpload.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomImageUpload.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomImageUpload › CleanModified › should be rendered', renderComponentMacro, AtomImageUpload, fixtureCleanModified);\ntest('Atom › AtomImageUpload › Default › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDefault);\ntest('Atom › AtomImageUpload › DesktopResetDescriptionMultiple › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescriptionMultiple);\ntest('Atom › AtomImageUpload › DesktopResetDescriptionOnlyPng › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescriptionOnlyPng);\ntest('Atom › AtomImageUpload › DesktopResetDescription › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescription);\ntest('Atom › AtomImageUpload › DesktopResetNoDescription › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetNoDescription);\ntest('Atom › AtomImageUpload › Desktop › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktop);\ntest('Atom › AtomImageUpload › Email › should be rendered', renderComponentMacro, AtomImageUpload, fixtureEmail);\ntest('Atom › AtomImageUpload › Mobile › should be rendered', renderComponentMacro, AtomImageUpload, fixtureMobile);\ntest('Atom › AtomImageUpload › Modified › should be rendered', renderComponentMacro, AtomImageUpload, fixtureModified);\n"],"file":"fixtures.js"}
@@ -0,0 +1,15 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomInputTextWithTitle from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ import fixtureError from './fixtures/error';
7
+ test('Atom › AtomInputTextWithTitle > should have valid propTypes', t => {
8
+ t.pass();
9
+ forEach(AtomInputTextWithTitle.propTypes, (value, key) => {
10
+ t.not(value, undefined, `PropType for "Atom.AtomInputTextWithTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
11
+ });
12
+ });
13
+ test('Atom › AtomInputTextWithTitle › Default › should be rendered', renderComponentMacro, AtomInputTextWithTitle, fixtureDefault);
14
+ test('Atom › AtomInputTextWithTitle › Error › should be rendered', renderComponentMacro, AtomInputTextWithTitle, fixtureError);
15
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/input-text-with-title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputTextWithTitle","fixtureDefault","fixtureError","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAL,IAAI,CAAC,6DAAD,EAAgEM,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,sBAAsB,CAACK,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GC,cAA/G,CAAJ;AACAJ,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,sBAArF,EAA6GE,YAA7G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputTextWithTitle from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\n\ntest('Atom › AtomInputTextWithTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputTextWithTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputTextWithTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputTextWithTitle › Default › should be rendered', renderComponentMacro, AtomInputTextWithTitle, fixtureDefault);\ntest('Atom › AtomInputTextWithTitle › Error › should be rendered', renderComponentMacro, AtomInputTextWithTitle, fixtureError);\n"],"file":"fixtures.js"}
@@ -0,0 +1,130 @@
1
+ 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); }
2
+
3
+ import React, { useMemo, useRef, useEffect, useState } from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import classnames from 'classnames';
6
+ import lottie from 'lottie-web';
7
+ import get from 'lodash/fp/get';
8
+ import has from 'lodash/fp/has';
9
+ import includes from 'lodash/fp/includes';
10
+ import unfetch from 'isomorphic-unfetch';
11
+ import style from './style.css';
12
+
13
+ const isIE11 = () => {
14
+ if (typeof window === 'undefined') return;
15
+ const userAgent = get('navigator.userAgent', window);
16
+ const hasMsCrypto = has('msCrypto', window);
17
+ const hasRevision = includes('rv:', userAgent);
18
+ const hasTrident = includes('Trident/', userAgent);
19
+ return hasMsCrypto || hasRevision && hasTrident;
20
+ };
21
+
22
+ export const fetchAndLoadAnimation = async (animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, _lottie, _fetch) => {
23
+ const animationUrl = new URL(animationSrc).toString();
24
+ const fetchResult = await _fetch(animationUrl, {
25
+ headers: {
26
+ 'X-Requested-With': 'XMLHttpRequest',
27
+ 'Content-Type': 'application/json'
28
+ }
29
+ });
30
+ const animationData = await fetchResult.json();
31
+
32
+ const animation = _lottie.loadAnimation({
33
+ container: containerRef.current,
34
+ // the dom element that will contain the animation
35
+ renderer: 'svg',
36
+ autoplay: true,
37
+ loop,
38
+ animationData,
39
+ rendererSettings: {
40
+ className: animationClassnames,
41
+ hideOnTransparent,
42
+ preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
43
+
44
+ }
45
+ });
46
+
47
+ return animation;
48
+ };
49
+
50
+ const LottieWrapper = props => {
51
+ const {
52
+ className,
53
+ 'data-name': dataName,
54
+ 'aria-label': ariaLabel,
55
+ animationSrc,
56
+ loop = false,
57
+ rendererSettings = {},
58
+ width,
59
+ height,
60
+ ie11ImageBackup,
61
+ backupImageClassName
62
+ } = props;
63
+ const {
64
+ className: animationClassName,
65
+ hideOnTransparent = true
66
+ } = rendererSettings;
67
+ const containerRef = useRef(null);
68
+ const [animationItem, setAnimationItem] = useState(null);
69
+
70
+ const _isIE11 = useMemo(() => isIE11(), []);
71
+
72
+ const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);
73
+ const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [animationClassName]);
74
+ const ie11BackupImageClassName = useMemo(() => classnames(backupImageClassName, style.backupImage), [backupImageClassName]);
75
+ useEffect(() => {
76
+ const loadAnimation = async () => {
77
+ if (!_isIE11 && !animationItem) {
78
+ /* istanbul ignore next */
79
+ if (typeof window !== 'undefined') {
80
+ window.lottie = lottie;
81
+ }
82
+
83
+ const animation = await fetchAndLoadAnimation(animationSrc, containerRef, loop, lottieAnimationClassName, hideOnTransparent, lottie, unfetch);
84
+ /* istanbul ignore next */
85
+
86
+ setAnimationItem(animation);
87
+ }
88
+ };
89
+
90
+ loadAnimation();
91
+ return () => animationItem &&
92
+ /* istanbul ignore next */
93
+ lottie.destroy(animationItem.name);
94
+ }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem]);
95
+ return /*#__PURE__*/React.createElement("div", {
96
+ ref: containerRef,
97
+ "aria-label": ariaLabel,
98
+ "data-name": dataName,
99
+ className: wrapperClassName,
100
+ style: _extends(_extends({}, width && {
101
+ width: `${width}px`,
102
+ maxWidth: `${width}px`
103
+ }), height && {
104
+ height: `${height}px`,
105
+ maxHeight: `${height}px`
106
+ })
107
+ }, _isIE11 ? /*#__PURE__*/React.createElement("img", {
108
+ src: ie11ImageBackup,
109
+ className: ie11BackupImageClassName,
110
+ "data-name": "ie11-backup-image"
111
+ }) : null);
112
+ };
113
+
114
+ LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
115
+ 'aria-label': PropTypes.string.isRequired,
116
+ 'data-name': PropTypes.string,
117
+ animationSrc: PropTypes.string.isRequired,
118
+ loop: PropTypes.bool,
119
+ rendererSettings: PropTypes.shape({
120
+ hideOnTransparent: PropTypes.bool,
121
+ className: PropTypes.string
122
+ }),
123
+ height: PropTypes.number,
124
+ width: PropTypes.number,
125
+ className: PropTypes.string,
126
+ ie11ImageBackup: PropTypes.string.isRequired,
127
+ backupImageClassName: PropTypes.string
128
+ } : {};
129
+ export default LottieWrapper;
130
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["React","useMemo","useRef","useEffect","useState","PropTypes","classnames","lottie","get","has","includes","unfetch","style","isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","fetchAndLoadAnimation","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","_lottie","_fetch","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","autoplay","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","ie11ImageBackup","backupImageClassName","animationClassName","animationItem","setAnimationItem","_isIE11","wrapperClassName","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","destroy","name","maxWidth","maxHeight","propTypes","string","isRequired","bool","shape","number"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nconst isIE11 = () => {\n if (typeof window === 'undefined') return;\n const userAgent = get('navigator.userAgent', window);\n const hasMsCrypto = has('msCrypto', window);\n const hasRevision = includes('rv:', userAgent);\n const hasTrident = includes('Trident/', userAgent);\n\n return hasMsCrypto || (hasRevision && hasTrident);\n};\n\nexport const fetchAndLoadAnimation = async (\n animationSrc,\n containerRef,\n loop,\n animationClassnames,\n hideOnTransparent,\n _lottie,\n _fetch\n) => {\n const animationUrl = new URL(animationSrc).toString();\n const fetchResult = await _fetch(animationUrl, {\n headers: {\n 'X-Requested-With': 'XMLHttpRequest',\n 'Content-Type': 'application/json'\n }\n });\n\n const animationData = await fetchResult.json();\n\n const animation = _lottie.loadAnimation({\n container: containerRef.current, // the dom element that will contain the animation\n renderer: 'svg',\n autoplay: true,\n loop,\n animationData,\n rendererSettings: {\n className: animationClassnames,\n hideOnTransparent,\n preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n }\n });\n return animation;\n};\n\nconst LottieWrapper = props => {\n const {\n className,\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n animationSrc,\n loop = false,\n rendererSettings = {},\n width,\n height,\n ie11ImageBackup,\n backupImageClassName\n } = props;\n\n const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n const containerRef = useRef(null);\n\n const [animationItem, setAnimationItem] = useState(null);\n\n const _isIE11 = useMemo(() => isIE11(), []);\n\n const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n animationClassName\n ]);\n\n const ie11BackupImageClassName = useMemo(\n () => classnames(backupImageClassName, style.backupImage),\n [backupImageClassName]\n );\n\n useEffect(() => {\n const loadAnimation = async () => {\n if (!_isIE11 && !animationItem) {\n /* istanbul ignore next */\n if (typeof window !== 'undefined') {\n window.lottie = lottie;\n }\n const animation = await fetchAndLoadAnimation(\n animationSrc,\n containerRef,\n loop,\n lottieAnimationClassName,\n hideOnTransparent,\n lottie,\n unfetch\n );\n\n /* istanbul ignore next */\n setAnimationItem(animation);\n }\n };\n\n loadAnimation();\n return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n }, [\n lottieAnimationClassName,\n containerRef,\n hideOnTransparent,\n loop,\n animationSrc,\n _isIE11,\n animationItem\n ]);\n\n return (\n <div\n ref={containerRef}\n aria-label={ariaLabel}\n data-name={dataName}\n className={wrapperClassName}\n style={{\n ...(width && {\n width: `${width}px`,\n maxWidth: `${width}px`\n }),\n ...(height && {\n height: `${height}px`,\n maxHeight: `${height}px`\n })\n }}\n >\n {_isIE11 ? (\n <img\n src={ie11ImageBackup}\n className={ie11BackupImageClassName}\n data-name=\"ie11-backup-image\"\n />\n ) : null}\n </div>\n );\n};\n\nLottieWrapper.propTypes = {\n 'aria-label': PropTypes.string.isRequired,\n 'data-name': PropTypes.string,\n animationSrc: PropTypes.string.isRequired,\n loop: PropTypes.bool,\n rendererSettings: PropTypes.shape({\n hideOnTransparent: PropTypes.bool,\n className: PropTypes.string\n }),\n height: PropTypes.number,\n width: PropTypes.number,\n className: PropTypes.string,\n ie11ImageBackup: PropTypes.string.isRequired,\n backupImageClassName: PropTypes.string\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}
@@ -0,0 +1,15 @@
1
+ .lottieContainer {
2
+ position: relative;
3
+ display: flex;
4
+ }
5
+
6
+ .animation {
7
+ display: flex;
8
+ height: 100%;
9
+ width: 100%;
10
+ }
11
+
12
+ .backupImage {
13
+ height: 100%;
14
+ width: 100%;
15
+ }
@@ -0,0 +1,17 @@
1
+ export default {
2
+ props: {
3
+ 'aria-label': 'aria lottie',
4
+ 'data-name': 'default-lottie',
5
+ className: undefined,
6
+ animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
7
+ loop: undefined,
8
+ rendererSettings: {
9
+ hideOnTransparent: false,
10
+ animationClassName: ''
11
+ },
12
+ height: 600,
13
+ width: 1000,
14
+ ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'
15
+ }
16
+ };
17
+ //# sourceMappingURL=confetti.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/confetti.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,yEAJT;AAKLC,IAAAA,IAAI,EAAEF,SALD;AAMLG,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,IAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,CAAf","sourcesContent":["export default {\n props: {\n 'aria-label': 'aria lottie',\n 'data-name': 'default-lottie',\n className: undefined,\n animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n loop: undefined,\n rendererSettings: {\n hideOnTransparent: false,\n animationClassName: ''\n },\n height: 600,\n width: 1000,\n ie11ImageBackup:\n 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'\n }\n};\n"],"file":"confetti.js"}
@@ -0,0 +1,17 @@
1
+ export default {
2
+ props: {
3
+ 'aria-label': 'aria lottie',
4
+ 'data-name': 'default-lottie',
5
+ className: undefined,
6
+ animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
7
+ loop: false,
8
+ rendererSettings: {
9
+ hideOnTransparent: false,
10
+ animationClassName: ''
11
+ },
12
+ height: 200,
13
+ width: 200,
14
+ ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'
15
+ }
16
+ };
17
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/default.js"],"names":["props","className","undefined","animationSrc","loop","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,KALD;AAMLC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KANb;AAULC,IAAAA,MAAM,EAAE,GAVH;AAWLC,IAAAA,KAAK,EAAE,GAXF;AAYLC,IAAAA,eAAe,EACb;AAbG;AADM,CAAf","sourcesContent":["export default {\n props: {\n 'aria-label': 'aria lottie',\n 'data-name': 'default-lottie',\n className: undefined,\n animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',\n loop: false,\n rendererSettings: {\n hideOnTransparent: false,\n animationClassName: ''\n },\n height: 200,\n width: 200,\n ie11ImageBackup:\n 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'\n }\n};\n"],"file":"default.js"}
@@ -0,0 +1,13 @@
1
+ export default {
2
+ props: {
3
+ 'aria-label': 'aria lottie',
4
+ 'data-name': 'default-lottie',
5
+ className: undefined,
6
+ animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
7
+ loop: true,
8
+ height: 200,
9
+ width: 200,
10
+ ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
11
+ }
12
+ };
13
+ //# sourceMappingURL=rank.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/rank.js"],"names":["props","className","undefined","animationSrc","loop","height","width","ie11ImageBackup"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,IALD;AAMLC,IAAAA,MAAM,EAAE,GANH;AAOLC,IAAAA,KAAK,EAAE,GAPF;AAQLC,IAAAA,eAAe,EACb;AATG;AADM,CAAf","sourcesContent":["export default {\n props: {\n 'aria-label': 'aria lottie',\n 'data-name': 'default-lottie',\n className: undefined,\n animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',\n loop: true,\n height: 200,\n width: 200,\n ie11ImageBackup:\n 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'\n }\n};\n"],"file":"rank.js"}
@@ -0,0 +1,17 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomLottieWrapper from '..';
5
+ import fixtureConfetti from './fixtures/confetti';
6
+ import fixtureDefault from './fixtures/default';
7
+ import fixtureRank from './fixtures/rank';
8
+ test('Atom › AtomLottieWrapper > should have valid propTypes', t => {
9
+ t.pass();
10
+ forEach(AtomLottieWrapper.propTypes, (value, key) => {
11
+ t.not(value, undefined, `PropType for "Atom.AtomLottieWrapper.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
12
+ });
13
+ });
14
+ test('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);
15
+ test('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);
16
+ test('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);
17
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomLottieWrapper","fixtureConfetti","fixtureDefault","fixtureRank","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEAN,IAAI,CAAC,wDAAD,EAA2DO,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,iBAAiB,CAACM,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGC,eAAtG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,iBAA/E,EAAkGG,WAAlG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomLottieWrapper from '..';\nimport fixtureConfetti from './fixtures/confetti';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRank from './fixtures/rank';\n\ntest('Atom › AtomLottieWrapper > should have valid propTypes', t => {\n t.pass();\n forEach(AtomLottieWrapper.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomLottieWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);\ntest('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);\ntest('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);\n"],"file":"fixtures.js"}
@@ -0,0 +1,82 @@
1
+ import browserEnv from 'browser-env';
2
+ import test from 'ava';
3
+ import React from 'react';
4
+ import { mount, configure } from 'enzyme';
5
+ import Adapter from 'enzyme-adapter-react-16';
6
+ import LottieWrapper, { fetchAndLoadAnimation } from '..';
7
+ import starFixture from './fixtures/default';
8
+ browserEnv();
9
+ configure({
10
+ adapter: new Adapter()
11
+ });
12
+ test('should update && load the animation, should clean up after unmount', t => {
13
+ const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
14
+ wrapper.update();
15
+ const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
16
+ t.false(backupImage.at(0).exists());
17
+ wrapper.unmount();
18
+ t.pass();
19
+ });
20
+ test('ie11: should load an image in place of the animation', t => {
21
+ window.msCrypto = () => {}; // eslint-disable-next-line lodash-fp/prefer-constant
22
+
23
+
24
+ window.navigator.__defineGetter__('userAgent', function () {
25
+ return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';
26
+ });
27
+
28
+ const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
29
+ wrapper.update();
30
+ const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
31
+ t.true(backupImage.at(0).exists());
32
+ wrapper.unmount();
33
+ delete window.msCrypto; // eslint-disable-next-line lodash-fp/prefer-constant
34
+
35
+ window.navigator.__defineGetter__('userAgent', function () {
36
+ return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
37
+ });
38
+
39
+ t.pass();
40
+ });
41
+ test('other browser: should not load an image in place of the animation', t => {
42
+ // eslint-disable-next-line lodash-fp/prefer-constant
43
+ window.navigator.__defineGetter__('userAgent', function () {
44
+ return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';
45
+ });
46
+
47
+ const wrapper = mount( /*#__PURE__*/React.createElement(LottieWrapper, starFixture.props));
48
+ const backupImage = wrapper.find('[data-name="ie11-backup-image"]');
49
+ t.false(backupImage.at(0).exists());
50
+ wrapper.unmount(); // eslint-disable-next-line lodash-fp/prefer-constant
51
+
52
+ window.navigator.__defineGetter__('userAgent', function () {
53
+ return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
54
+ });
55
+
56
+ t.pass();
57
+ });
58
+ test('fetchAndLoadAnimation', async t => {
59
+ t.plan(3);
60
+ const props = starFixture.props;
61
+ const _lottie = {
62
+ loadAnimation: () => {
63
+ t.pass();
64
+ return {
65
+ name: 'animation'
66
+ };
67
+ }
68
+ };
69
+
70
+ const _fetch = () => {
71
+ t.pass();
72
+ return {
73
+ json: () => ({
74
+ animationData: 'some value'
75
+ })
76
+ };
77
+ };
78
+
79
+ const animation = await fetchAndLoadAnimation(props.animationSrc, '123456', true, 'test', true, _lottie, _fetch);
80
+ t.is(animation.name, 'animation');
81
+ });
82
+ //# sourceMappingURL=lottie.js.map