@mjhls/mjh-framework 1.0.689-segment → 1.0.690

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 (264) hide show
  1. package/README.md +172 -172
  2. package/dist/cjs/AD.js +10 -9
  3. package/dist/cjs/AD300x250.js +24 -23
  4. package/dist/cjs/AD300x250x600.js +24 -23
  5. package/dist/cjs/AD728x90.js +27 -26
  6. package/dist/cjs/ADFloatingFooter.js +29 -28
  7. package/dist/cjs/ADFooter.js +15 -14
  8. package/dist/cjs/ADGutter.js +26 -25
  9. package/dist/cjs/{ADInfeed-3410ab3c.js → ADInfeed-ba531ca6.js} +13 -11
  10. package/dist/cjs/ADSkyscraper.js +26 -25
  11. package/dist/cjs/ADSponsoredResources.js +26 -25
  12. package/dist/cjs/ADWebcast.js +26 -25
  13. package/dist/cjs/ADWelcome.js +30 -29
  14. package/dist/cjs/{ADlgInfeed-845aac15.js → ADlgInfeed-b0cc0e88.js} +9 -8
  15. package/dist/cjs/AccordionPanel.js +31 -29
  16. package/dist/cjs/AdSlot.js +30 -29
  17. package/dist/cjs/AdSlotsProvider.js +7 -6
  18. package/dist/cjs/AlphabeticList.js +25 -24
  19. package/dist/cjs/ArticleCarousel.js +22 -21
  20. package/dist/cjs/ArticleSeriesListing.js +58 -57
  21. package/dist/cjs/Auth.js +793 -357
  22. package/dist/cjs/{AuthorComponent-bb831b74.js → AuthorComponent-98ebefa4.js} +14 -13
  23. package/dist/cjs/Beam.js +9 -9
  24. package/dist/cjs/{BlockContent-88f69acd.js → BlockContent-bbc3be61.js} +25 -24
  25. package/dist/cjs/Breadcrumbs.js +29 -27
  26. package/dist/cjs/BrowseVideosListing.js +28 -27
  27. package/dist/cjs/CMEDeck.js +77 -77
  28. package/dist/cjs/Column1.js +14 -11
  29. package/dist/cjs/Column2.js +35 -32
  30. package/dist/cjs/Column3.js +57 -54
  31. package/dist/cjs/ConferenceArticleCard.js +38 -37
  32. package/dist/cjs/ConferenceBanner-6c9e718a.js +24 -0
  33. package/dist/cjs/DeckContent.js +106 -102
  34. package/dist/cjs/DeckQueue.js +90 -86
  35. package/dist/cjs/{Dfp-b2bc3b97.js → Dfp-76acc8c2.js} +31 -30
  36. package/dist/cjs/EventsDeck.js +153 -146
  37. package/dist/cjs/ExternalResources.js +73 -72
  38. package/dist/cjs/Feature.js +27 -25
  39. package/dist/cjs/ForbesHero.js +41 -40
  40. package/dist/cjs/GridContent.js +180 -176
  41. package/dist/cjs/GridHero.js +43 -42
  42. package/dist/cjs/GroupDeck.js +50 -49
  43. package/dist/cjs/HamMagazine.js +144 -139
  44. package/dist/cjs/Header.js +13 -11
  45. package/dist/cjs/Hero.js +13 -12
  46. package/dist/cjs/HighlightenVideo.js +18 -17
  47. package/dist/cjs/HorizontalHero.js +26 -25
  48. package/dist/cjs/IssueContentDeck.js +77 -72
  49. package/dist/cjs/IssueDeck.js +75 -70
  50. package/dist/cjs/IssueLanding.js +70 -69
  51. package/dist/cjs/KMTracker.js +15 -15
  52. package/dist/cjs/LeftNav.js +37 -35
  53. package/dist/cjs/MasterDeck.js +81 -80
  54. package/dist/cjs/NavDvm.js +80 -75
  55. package/dist/cjs/{NavFooter-76c913e3.js → NavFooter-3dcd99a8.js} +15 -14
  56. package/dist/cjs/NavMagazine.js +153 -148
  57. package/dist/cjs/NavNative.js +132 -138
  58. package/dist/cjs/NavNormal.js +53 -48
  59. package/dist/cjs/OncliveHero.js +20 -20
  60. package/dist/cjs/OncliveLargeHero.js +67 -66
  61. package/dist/cjs/PageFilter.js +15 -14
  62. package/dist/cjs/PartnerDetailListing.js +170 -169
  63. package/dist/cjs/PdfDownload.js +9 -8
  64. package/dist/cjs/PopUpModal.js +21 -19
  65. package/dist/cjs/PublicationDeck.js +66 -61
  66. package/dist/cjs/PublicationLanding.js +98 -94
  67. package/dist/cjs/QueueDeckExpanded.js +292 -292
  68. package/dist/cjs/RecentNews.js +24 -23
  69. package/dist/cjs/RelatedContent.js +53 -52
  70. package/dist/cjs/RelatedTopicsDropdown.js +32 -29
  71. package/dist/cjs/RolesDeck.js +32 -27
  72. package/dist/cjs/Search.js +22 -18
  73. package/dist/cjs/Segment.js +7 -7
  74. package/dist/cjs/SetCookie.js +1 -1
  75. package/dist/cjs/SideFooter.js +38 -37
  76. package/dist/cjs/SocialIcons.js +10 -9
  77. package/dist/cjs/{SocialSearchComponent-6b5e5b47.js → SocialSearchComponent-de064e93.js} +38 -34
  78. package/dist/cjs/SocialShare.js +31 -29
  79. package/dist/cjs/TaxonomyCard.js +62 -57
  80. package/dist/cjs/TemplateNormal.js +72 -71
  81. package/dist/cjs/ThumbnailCard.js +22 -20
  82. package/dist/cjs/Ustream.js +27 -26
  83. package/dist/cjs/VerticalHero.js +18 -17
  84. package/dist/cjs/VideoSeriesCard.js +34 -33
  85. package/dist/cjs/VideoSeriesFilter.js +19 -19
  86. package/dist/cjs/VideoSeriesListing.js +72 -71
  87. package/dist/cjs/View.js +237 -234
  88. package/dist/cjs/YahooHero.js +40 -39
  89. package/dist/cjs/YoutubeGroup.js +69 -68
  90. package/dist/cjs/{_is-array-754e012d.js → _is-array-b1090e3d.js} +6 -6
  91. package/dist/cjs/{_iter-detect-60b2f026.js → _iter-detect-8decaf0f.js} +2 -2
  92. package/dist/cjs/{_object-sap-5e74ba08.js → _object-sap-b69cab35.js} +1 -1
  93. package/dist/cjs/{_set-species-f92c67c5.js → _set-species-5c9fd235.js} +4 -4
  94. package/dist/cjs/{_to-object-329a650b.js → _to-object-e2d5cc9d.js} +3 -3
  95. package/dist/cjs/{asyncToGenerator-533d476a.js → asyncToGenerator-a855b820.js} +6 -6
  96. package/dist/cjs/{brightcove-react-player-loader.es-156bd4d6.js → brightcove-react-player-loader.es-a195642e.js} +11 -9
  97. package/dist/cjs/{core.get-iterator-method-f62321d4.js → core.get-iterator-method-bf3fde8c.js} +2 -2
  98. package/dist/cjs/{define-property-f4d12f4e.js → define-property-1d75ae0f.js} +1 -1
  99. package/dist/cjs/{defineProperty-55548b25.js → defineProperty-16bd5829.js} +1 -1
  100. package/dist/cjs/{es6.string.iterator-cc0bbaa4.js → es6.string.iterator-e3ce14ae.js} +1 -1
  101. package/dist/cjs/{extends-60837c34.js → extends-a9da965c.js} +1 -1
  102. package/dist/cjs/getRelatedArticle.js +19 -19
  103. package/dist/cjs/getSerializers.js +39 -39
  104. package/dist/cjs/{getTargeting-fee8c429.js → getTargeting-d8df2f51.js} +11 -11
  105. package/dist/cjs/getTargeting.js +7 -7
  106. package/dist/cjs/iconBase-68959171.js +0 -3
  107. package/dist/cjs/{index-b5eb3ff8.js → index-10185024.js} +3 -3
  108. package/dist/cjs/{index-2d0a4911.js → index-5ad2b070.js} +12 -11
  109. package/dist/cjs/{index-5be2866f.js → index-6367b7bf.js} +16 -17
  110. package/dist/cjs/{index-da796b8c.js → index-80f57cff.js} +17 -15
  111. package/dist/cjs/{index-44c25825.js → index-e1d6c590.js} +427 -417
  112. package/dist/cjs/{index.es-ab3f2690.js → index.es-f3e47207.js} +28 -11
  113. package/dist/cjs/{index.esm-ff47db6f.js → index.esm-05850a2f.js} +5 -12
  114. package/dist/cjs/{index.esm-66ffa47a.js → index.esm-3b9b8952.js} +4 -9
  115. package/dist/cjs/{index.esm-876ca9ff.js → index.esm-61650d1a.js} +5 -12
  116. package/dist/cjs/{index.esm-4d410430.js → index.esm-8123cf40.js} +20 -20
  117. package/dist/cjs/index.js +126 -126
  118. package/dist/cjs/{inherits-513d81cd.js → inherits-3affeccb.js} +8 -8
  119. package/dist/cjs/{keys-a586b7a0.js → keys-218a754a.js} +2 -2
  120. package/dist/cjs/{lodash-fc2922d0.js → lodash-7fd85bcf.js} +71 -22
  121. package/dist/cjs/{main-b6c96c8d.js → main-df97bfe9.js} +84 -79
  122. package/dist/cjs/{moment-66a6a284.js → moment-ca3bd9fb.js} +10 -8
  123. package/dist/cjs/{react-social-icons-f7f48f71.js → react-social-icons-af932527.js} +28 -27
  124. package/dist/cjs/{slicedToArray-8f385299.js → slicedToArray-5b1b0ed8.js} +4 -4
  125. package/dist/cjs/{smoothscroll-95231a70.js → smoothscroll-1abb448e.js} +1 -1
  126. package/dist/cjs/{stringify-7c5aff47.js → stringify-4f757ee6.js} +1 -1
  127. package/dist/cjs/timeDifferenceCalc.js +1 -1
  128. package/dist/cjs/{toConsumableArray-9a3476fe.js → toConsumableArray-57153848.js} +4 -4
  129. package/dist/cjs/{typeof-725500bc.js → typeof-c69a5548.js} +6 -6
  130. package/dist/cjs/urlFor.js +2 -2
  131. package/dist/cjs/{visibility-sensor-0c45a583.js → visibility-sensor-8b54af99.js} +7 -5
  132. package/dist/cjs/{web.dom.iterable-a0e279c1.js → web.dom.iterable-0ffca19f.js} +3 -3
  133. package/dist/esm/AD.js +7 -7
  134. package/dist/esm/AD300x250.js +20 -20
  135. package/dist/esm/AD300x250x600.js +20 -20
  136. package/dist/esm/AD728x90.js +23 -23
  137. package/dist/esm/ADFloatingFooter.js +25 -25
  138. package/dist/esm/ADFooter.js +11 -11
  139. package/dist/esm/ADGutter.js +22 -22
  140. package/dist/esm/{ADInfeed-205cb7a9.js → ADInfeed-45191cf8.js} +7 -7
  141. package/dist/esm/ADSkyscraper.js +22 -22
  142. package/dist/esm/ADSponsoredResources.js +22 -22
  143. package/dist/esm/ADWebcast.js +22 -22
  144. package/dist/esm/ADWelcome.js +26 -26
  145. package/dist/esm/{ADlgInfeed-e538f17a.js → ADlgInfeed-1f8fc733.js} +6 -6
  146. package/dist/esm/AccordionPanel.js +24 -24
  147. package/dist/esm/AdSlot.js +21 -21
  148. package/dist/esm/AdSlotsProvider.js +3 -3
  149. package/dist/esm/AlphabeticList.js +21 -21
  150. package/dist/esm/ArticleCarousel.js +18 -18
  151. package/dist/esm/ArticleSeriesListing.js +52 -52
  152. package/dist/esm/Auth.js +775 -343
  153. package/dist/esm/{AuthorComponent-00f13201.js → AuthorComponent-30ec92a8.js} +11 -11
  154. package/dist/esm/Beam.js +9 -9
  155. package/dist/esm/{BlockContent-a614acdf.js → BlockContent-c5de3044.js} +4 -4
  156. package/dist/esm/Breadcrumbs.js +17 -17
  157. package/dist/esm/BrowseVideosListing.js +24 -24
  158. package/dist/esm/CMEDeck.js +73 -73
  159. package/dist/esm/Column1.js +5 -5
  160. package/dist/esm/Column2.js +26 -26
  161. package/dist/esm/Column3.js +47 -47
  162. package/dist/esm/ConferenceArticleCard.js +33 -33
  163. package/dist/esm/{ConferenceBanner-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
  164. package/dist/esm/DeckContent.js +84 -84
  165. package/dist/esm/DeckQueue.js +64 -64
  166. package/dist/esm/{Dfp-8a8fca18.js → Dfp-8b5b19d0.js} +20 -20
  167. package/dist/esm/EventsDeck.js +99 -99
  168. package/dist/esm/ExternalResources.js +66 -66
  169. package/dist/esm/Feature.js +18 -18
  170. package/dist/esm/ForbesHero.js +34 -34
  171. package/dist/esm/GridContent.js +138 -138
  172. package/dist/esm/GridHero.js +36 -36
  173. package/dist/esm/GroupDeck.js +45 -45
  174. package/dist/esm/HamMagazine.js +113 -113
  175. package/dist/esm/Header.js +7 -7
  176. package/dist/esm/Hero.js +9 -9
  177. package/dist/esm/HighlightenVideo.js +14 -14
  178. package/dist/esm/HorizontalHero.js +21 -21
  179. package/dist/esm/IssueContentDeck.js +49 -49
  180. package/dist/esm/IssueDeck.js +46 -46
  181. package/dist/esm/IssueLanding.js +66 -66
  182. package/dist/esm/KMTracker.js +15 -15
  183. package/dist/esm/LeftNav.js +31 -31
  184. package/dist/esm/MasterDeck.js +74 -74
  185. package/dist/esm/NavDvm.js +57 -57
  186. package/dist/esm/{NavFooter-e27bd93b.js → NavFooter-c29526b7.js} +12 -12
  187. package/dist/esm/NavMagazine.js +124 -124
  188. package/dist/esm/NavNative.js +102 -116
  189. package/dist/esm/NavNormal.js +36 -36
  190. package/dist/esm/OncliveHero.js +16 -17
  191. package/dist/esm/OncliveLargeHero.js +59 -59
  192. package/dist/esm/PageFilter.js +12 -12
  193. package/dist/esm/PartnerDetailListing.js +108 -108
  194. package/dist/esm/PdfDownload.js +6 -6
  195. package/dist/esm/PopUpModal.js +14 -14
  196. package/dist/esm/PublicationDeck.js +38 -38
  197. package/dist/esm/PublicationLanding.js +75 -75
  198. package/dist/esm/QueueDeckExpanded.js +272 -272
  199. package/dist/esm/RecentNews.js +20 -20
  200. package/dist/esm/RelatedContent.js +47 -47
  201. package/dist/esm/RelatedTopicsDropdown.js +21 -21
  202. package/dist/esm/RolesDeck.js +13 -13
  203. package/dist/esm/Search.js +12 -12
  204. package/dist/esm/Segment.js +7 -7
  205. package/dist/esm/SetCookie.js +1 -1
  206. package/dist/esm/SideFooter.js +33 -33
  207. package/dist/esm/SocialIcons.js +7 -7
  208. package/dist/esm/{SocialSearchComponent-7f14e0f3.js → SocialSearchComponent-cddc9ce1.js} +26 -26
  209. package/dist/esm/SocialShare.js +25 -25
  210. package/dist/esm/TaxonomyCard.js +41 -41
  211. package/dist/esm/TemplateNormal.js +65 -65
  212. package/dist/esm/ThumbnailCard.js +13 -13
  213. package/dist/esm/Ustream.js +23 -23
  214. package/dist/esm/VerticalHero.js +13 -13
  215. package/dist/esm/VideoSeriesCard.js +25 -25
  216. package/dist/esm/VideoSeriesFilter.js +16 -16
  217. package/dist/esm/VideoSeriesListing.js +65 -65
  218. package/dist/esm/View.js +223 -224
  219. package/dist/esm/YahooHero.js +34 -34
  220. package/dist/esm/YoutubeGroup.js +53 -53
  221. package/dist/esm/{_is-array-49698029.js → _is-array-ffa65b7e.js} +6 -6
  222. package/dist/esm/{_iter-detect-59409a32.js → _iter-detect-256a4d61.js} +2 -2
  223. package/dist/esm/{_object-sap-4d59d5bd.js → _object-sap-0cecd031.js} +1 -1
  224. package/dist/esm/{_set-species-cede29f8.js → _set-species-09ba387c.js} +4 -4
  225. package/dist/esm/{_to-object-ded78eb9.js → _to-object-ee10dabb.js} +4 -4
  226. package/dist/esm/{asyncToGenerator-7c654f36.js → asyncToGenerator-b0af4000.js} +6 -6
  227. package/dist/esm/{brightcove-react-player-loader.es-83f53e4e.js → brightcove-react-player-loader.es-b43c695a.js} +7 -6
  228. package/dist/esm/{core.get-iterator-method-54d2e411.js → core.get-iterator-method-0e6dc181.js} +2 -2
  229. package/dist/esm/{define-property-de3fc946.js → define-property-e013aae3.js} +1 -1
  230. package/dist/esm/{defineProperty-b798470d.js → defineProperty-2385da87.js} +1 -1
  231. package/dist/esm/{es6.string.iterator-9b2af4a5.js → es6.string.iterator-c5179428.js} +2 -2
  232. package/dist/esm/{extends-cc5da797.js → extends-03593dc6.js} +1 -1
  233. package/dist/esm/getRelatedArticle.js +13 -13
  234. package/dist/esm/getSerializers.js +39 -39
  235. package/dist/esm/{getTargeting-2acdec91.js → getTargeting-60717d7f.js} +11 -11
  236. package/dist/esm/getTargeting.js +7 -7
  237. package/dist/esm/{index-51a80699.js → index-4de5c15f.js} +3 -3
  238. package/dist/esm/{index-93ec3c59.js → index-669ff425.js} +6 -6
  239. package/dist/esm/{index-5f9f807a.js → index-752d1dae.js} +10 -10
  240. package/dist/esm/{index-d2f90501.js → index-c00b0bbb.js} +16 -17
  241. package/dist/esm/{index-8a757d91.js → index-cbd95715.js} +373 -369
  242. package/dist/esm/{index.es-938a3a58.js → index.es-c6222053.js} +25 -9
  243. package/dist/esm/{index.esm-85cb09e6.js → index.esm-79385203.js} +5 -12
  244. package/dist/esm/{index.esm-fd746768.js → index.esm-8016b507.js} +17 -18
  245. package/dist/esm/{index.esm-cf08bf18.js → index.esm-a8ff922c.js} +5 -12
  246. package/dist/esm/{index.esm-b08f4b04.js → index.esm-d6f88d94.js} +4 -9
  247. package/dist/esm/index.js +104 -104
  248. package/dist/esm/{inherits-7ee3e0c1.js → inherits-d88f5b29.js} +5 -5
  249. package/dist/esm/{keys-fc2d4c34.js → keys-618df59d.js} +2 -2
  250. package/dist/esm/{lodash-17fdfebb.js → lodash-ec8c6b48.js} +71 -22
  251. package/dist/esm/{main-0465b2a0.js → main-a2443735.js} +84 -80
  252. package/dist/esm/{moment-12415288.js → moment-b6f49411.js} +10 -8
  253. package/dist/esm/{react-social-icons-a7d5c5c7.js → react-social-icons-91f9716f.js} +20 -20
  254. package/dist/esm/{slicedToArray-7021e5df.js → slicedToArray-648674b3.js} +4 -4
  255. package/dist/esm/{smoothscroll-4b699764.js → smoothscroll-ab6e0238.js} +1 -1
  256. package/dist/esm/{stringify-008c8802.js → stringify-7c97a94d.js} +1 -1
  257. package/dist/esm/timeDifferenceCalc.js +1 -1
  258. package/dist/esm/{toConsumableArray-725434a0.js → toConsumableArray-aa76a4fe.js} +4 -4
  259. package/dist/esm/{typeof-08f2c380.js → typeof-5c759779.js} +6 -6
  260. package/dist/esm/urlFor.js +1 -1
  261. package/dist/esm/{visibility-sensor-0baa4eea.js → visibility-sensor-082c757b.js} +2 -2
  262. package/dist/esm/{web.dom.iterable-8956f9a5.js → web.dom.iterable-de3b4afb.js} +3 -3
  263. package/package.json +107 -107
  264. package/dist/cjs/ConferenceBanner-4a16fddc.js +0 -23
package/README.md CHANGED
@@ -1,172 +1,172 @@
1
-
2
- # mjh-framework v. 1.0.689-segment
3
-
4
- > Foundation Framework
5
-
6
-
7
- [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)]( https://standardjs.com )
8
-
9
- ## Install
10
-
11
- ```bash
12
- npm install --save @mjhls/mjh-framework
13
- ```
14
-
15
- ## Usage
16
-
17
- ```jsx
18
- import React, { Component } from 'react'
19
-
20
- import { NavMagazine, DeckQueue } from 'mjh-framework'
21
-
22
- export default class App extends Component {
23
- render() {
24
- return (
25
- <div>
26
- <NavMagazine />
27
- <DeckQueue />
28
- </div>
29
- )
30
- }
31
- }
32
- ```
33
-
34
- ## Publish new updates to the npm registry
35
-
36
- ```bash
37
- npm publish
38
- ```
39
-
40
- ## For getting updates in the template without publishing each time a change is made in the framework
41
-
42
- Link react and react-dom of the template repo, so that it can be used by the framework.
43
- This is to avoid the error arising due to multiple instances of React.
44
-
45
- ```bash
46
- cd ../mjh-template/node_modules/react
47
-
48
- yarn link
49
-
50
- cd ../react-dom
51
-
52
- yarn link
53
-
54
- cd ../../../mjh-framework
55
-
56
- yarn link react && yarn link react-dom
57
- ```
58
-
59
- Link the framework repo so that it can be used in the template
60
-
61
- ```bash
62
- npm link
63
-
64
- cd ../mjh-template
65
-
66
- npm link @mjhls/mjh-framework
67
- ```
68
-
69
- ## Components and "props"
70
-
71
- ### Deck Components
72
-
73
- - #### DeckContent
74
-
75
- ##### Props
76
-
77
- - mapping
78
- - dataRecord
79
- - query
80
- - params
81
- - pointer
82
- - pointerArray
83
- - defaultImage
84
-
85
- - #### DeckQueue
86
- ##### Props
87
- - page
88
- - dataRecord
89
- - query
90
- - params
91
- - pointer
92
- - pointerArray
93
-
94
- ### Layout Components
95
-
96
- - #### Column1
97
- - #### Column2
98
- ##### Props
99
- - rightItems
100
- - #### Column3
101
- ##### Props
102
- - leftItems
103
- - rightItems
104
- ##### Common Props (Column1, Column2, Column3)
105
- - title
106
- - children
107
- - #### Header
108
- ##### Props
109
- - title
110
- - keyword
111
- - description
112
- - #### LeftNav
113
- ##### Props
114
- - leftItems
115
- - #### AccordionPanel
116
- ##### Props
117
- - accordionClassName
118
- - data
119
-
120
- ### Navigation Components
121
-
122
- - #### NavMagazine
123
- ##### Props
124
- - logo
125
- - dataObject
126
- - #### NavNative
127
- ##### Props
128
- - logo
129
- - dataObject
130
- - #### NavNormal
131
- ##### Props
132
- - logo
133
- - dataObject
134
- - variant
135
- - #### NavDvm
136
- ##### Props
137
- - logo
138
- - dataObject
139
- - subNavHeads
140
-
141
- ### Template Components
142
-
143
- - #### TemplateNormal
144
- ##### Props
145
- - config
146
- - title
147
- - keywords
148
- - description
149
- - website
150
-
151
- ### Ad Components
152
-
153
- - #### AD300x250
154
- - #### AD300x250x600
155
- - #### AD728x90
156
- ##### Common Props
157
- - networkID
158
- - adUnit
159
-
160
- ### Serializers
161
-
162
- - #### getSerializers (function)
163
- ##### arguments
164
- - client
165
- ##### types
166
- - youtube
167
- - figure
168
- - slideshow
169
-
170
- ## License
171
-
172
- MIT © [mjh-framework](https://github.com/mjh-framework)
1
+
2
+ # mjh-framework v. 1.0.688
3
+
4
+ > Foundation Framework
5
+
6
+
7
+ [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)]( https://standardjs.com )
8
+
9
+ ## Install
10
+
11
+ ```bash
12
+ npm install --save @mjhls/mjh-framework
13
+ ```
14
+
15
+ ## Usage
16
+
17
+ ```jsx
18
+ import React, { Component } from 'react'
19
+
20
+ import { NavMagazine, DeckQueue } from 'mjh-framework'
21
+
22
+ export default class App extends Component {
23
+ render() {
24
+ return (
25
+ <div>
26
+ <NavMagazine />
27
+ <DeckQueue />
28
+ </div>
29
+ )
30
+ }
31
+ }
32
+ ```
33
+
34
+ ## Publish new updates to the npm registry
35
+
36
+ ```bash
37
+ npm publish
38
+ ```
39
+
40
+ ## For getting updates in the template without publishing each time a change is made in the framework
41
+
42
+ Link react and react-dom of the template repo, so that it can be used by the framework.
43
+ This is to avoid the error arising due to multiple instances of React.
44
+
45
+ ```bash
46
+ cd ../mjh-template/node_modules/react
47
+
48
+ yarn link
49
+
50
+ cd ../react-dom
51
+
52
+ yarn link
53
+
54
+ cd ../../../mjh-framework
55
+
56
+ yarn link react && yarn link react-dom
57
+ ```
58
+
59
+ Link the framework repo so that it can be used in the template
60
+
61
+ ```bash
62
+ npm link
63
+
64
+ cd ../mjh-template
65
+
66
+ npm link @mjhls/mjh-framework
67
+ ```
68
+
69
+ ## Components and "props"
70
+
71
+ ### Deck Components
72
+
73
+ - #### DeckContent
74
+
75
+ ##### Props
76
+
77
+ - mapping
78
+ - dataRecord
79
+ - query
80
+ - params
81
+ - pointer
82
+ - pointerArray
83
+ - defaultImage
84
+
85
+ - #### DeckQueue
86
+ ##### Props
87
+ - page
88
+ - dataRecord
89
+ - query
90
+ - params
91
+ - pointer
92
+ - pointerArray
93
+
94
+ ### Layout Components
95
+
96
+ - #### Column1
97
+ - #### Column2
98
+ ##### Props
99
+ - rightItems
100
+ - #### Column3
101
+ ##### Props
102
+ - leftItems
103
+ - rightItems
104
+ ##### Common Props (Column1, Column2, Column3)
105
+ - title
106
+ - children
107
+ - #### Header
108
+ ##### Props
109
+ - title
110
+ - keyword
111
+ - description
112
+ - #### LeftNav
113
+ ##### Props
114
+ - leftItems
115
+ - #### AccordionPanel
116
+ ##### Props
117
+ - accordionClassName
118
+ - data
119
+
120
+ ### Navigation Components
121
+
122
+ - #### NavMagazine
123
+ ##### Props
124
+ - logo
125
+ - dataObject
126
+ - #### NavNative
127
+ ##### Props
128
+ - logo
129
+ - dataObject
130
+ - #### NavNormal
131
+ ##### Props
132
+ - logo
133
+ - dataObject
134
+ - variant
135
+ - #### NavDvm
136
+ ##### Props
137
+ - logo
138
+ - dataObject
139
+ - subNavHeads
140
+
141
+ ### Template Components
142
+
143
+ - #### TemplateNormal
144
+ ##### Props
145
+ - config
146
+ - title
147
+ - keywords
148
+ - description
149
+ - website
150
+
151
+ ### Ad Components
152
+
153
+ - #### AD300x250
154
+ - #### AD300x250x600
155
+ - #### AD728x90
156
+ ##### Common Props
157
+ - networkID
158
+ - adUnit
159
+
160
+ ### Serializers
161
+
162
+ - #### getSerializers (function)
163
+ ##### arguments
164
+ - client
165
+ ##### types
166
+ - youtube
167
+ - figure
168
+ - slideshow
169
+
170
+ ## License
171
+
172
+ MIT © [mjh-framework](https://github.com/mjh-framework)
package/dist/cjs/AD.js CHANGED
@@ -1,29 +1,30 @@
1
1
  'use strict';
2
2
 
3
- function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
-
5
3
  var React = require('react');
6
- var React__default = _interopDefault(React);
7
4
 
8
- var Dfp = React__default.lazy(function () {
9
- return Promise.resolve().then(function () { return require('./Dfp-b2bc3b97.js'); });
5
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
+
7
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
+
9
+ var Dfp = React__default['default'].lazy(function () {
10
+ return Promise.resolve().then(function () { return require('./Dfp-76acc8c2.js'); });
10
11
  });
11
12
 
12
13
  var AD = function AD(props) {
13
14
  if (typeof window === 'undefined') {
14
15
  return null;
15
16
  }
16
- return React__default.createElement(
17
+ return React__default['default'].createElement(
17
18
  'div',
18
19
  null,
19
- React__default.createElement(
20
+ React__default['default'].createElement(
20
21
  React.Suspense,
21
- { fallback: React__default.createElement(
22
+ { fallback: React__default['default'].createElement(
22
23
  'div',
23
24
  null,
24
25
  'Loading...'
25
26
  ) },
26
- React__default.createElement(Dfp, props)
27
+ React__default['default'].createElement(Dfp, props)
27
28
  )
28
29
  );
29
30
  };
@@ -1,28 +1,29 @@
1
1
  'use strict';
2
2
 
3
- function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
-
5
- require('./_commonjsHelpers-06173234.js');
6
- require('./_to-object-329a650b.js');
7
- require('./es6.string.iterator-cc0bbaa4.js');
8
- require('./_library-dd23b178.js');
9
- require('./_iter-detect-60b2f026.js');
10
- require('./core.get-iterator-method-f62321d4.js');
11
- require('./web.dom.iterable-a0e279c1.js');
3
+ var stringify = require('./stringify-4f757ee6.js');
4
+ var slicedToArray = require('./slicedToArray-5b1b0ed8.js');
12
5
  var React = require('react');
13
- var React__default = _interopDefault(React);
14
- require('./index-2d0a4911.js');
6
+ var main = require('./main-df97bfe9.js');
7
+ var AdSlot = require('./AdSlot.js');
8
+ require('./_commonjsHelpers-06173234.js');
9
+ require('./_to-object-e2d5cc9d.js');
10
+ require('./web.dom.iterable-0ffca19f.js');
11
+ require('./es6.string.iterator-e3ce14ae.js');
12
+ require('./core.get-iterator-method-bf3fde8c.js');
15
13
  require('prop-types');
16
- require('./isSymbol-04666465.js');
14
+ require('./index-5ad2b070.js');
17
15
  require('./debounce-eb287781.js');
18
- var main = require('./main-b6c96c8d.js');
19
- var stringify = require('./stringify-7c5aff47.js');
20
- var slicedToArray = require('./slicedToArray-8f385299.js');
21
- require('./asyncToGenerator-533d476a.js');
22
- require('./_set-species-f92c67c5.js');
23
- require('./Segment.js');
16
+ require('./isSymbol-04666465.js');
24
17
  require('./Beam.js');
25
- var AdSlot = require('./AdSlot.js');
18
+ require('./asyncToGenerator-a855b820.js');
19
+ require('./_library-dd23b178.js');
20
+ require('./_set-species-5c9fd235.js');
21
+ require('./_iter-detect-8decaf0f.js');
22
+ require('./Segment.js');
23
+
24
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
+
26
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
27
 
27
28
  // removed static slotID ,because defining static slotID is restricting AD to render only once.
28
29
  var AD300x250 = function AD300x250(_ref) {
@@ -36,7 +37,7 @@ var AD300x250 = function AD300x250(_ref) {
36
37
  pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
37
38
 
38
39
  var mobileView = false;
39
- if (main.main_39) {
40
+ if (main.main_40) {
40
41
  pos = 'rec1-mobile';
41
42
  mobileView = true;
42
43
  }
@@ -113,10 +114,10 @@ var AD300x250 = function AD300x250(_ref) {
113
114
  }
114
115
  };
115
116
 
116
- return React__default.createElement(
117
+ return React__default['default'].createElement(
117
118
  'div',
118
119
  null,
119
- React__default.createElement(AdSlot, {
120
+ React__default['default'].createElement(AdSlot, {
120
121
  networkID: networkID,
121
122
  adUnit: adUnit,
122
123
  slotId: slotId,
@@ -127,7 +128,7 @@ var AD300x250 = function AD300x250(_ref) {
127
128
  , checkIsAdFound: previewAd ? null : checkIsAdFound,
128
129
  style: { display: 'none' }
129
130
  }),
130
- React__default.createElement(
131
+ React__default['default'].createElement(
131
132
  'style',
132
133
  { jsx: 'true' },
133
134
  '\n .AD300x250 .div[id*=\'google_ads_iframe\']:empty {\n height: 0px !important;\n }\n '
@@ -1,28 +1,29 @@
1
1
  'use strict';
2
2
 
3
- function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
-
5
- require('./_commonjsHelpers-06173234.js');
6
- require('./_to-object-329a650b.js');
7
- require('./es6.string.iterator-cc0bbaa4.js');
8
- require('./_library-dd23b178.js');
9
- require('./_iter-detect-60b2f026.js');
10
- require('./core.get-iterator-method-f62321d4.js');
11
- require('./web.dom.iterable-a0e279c1.js');
3
+ var stringify = require('./stringify-4f757ee6.js');
4
+ var slicedToArray = require('./slicedToArray-5b1b0ed8.js');
12
5
  var React = require('react');
13
- var React__default = _interopDefault(React);
14
- require('./index-2d0a4911.js');
6
+ var main = require('./main-df97bfe9.js');
7
+ var AdSlot = require('./AdSlot.js');
8
+ require('./_commonjsHelpers-06173234.js');
9
+ require('./_to-object-e2d5cc9d.js');
10
+ require('./web.dom.iterable-0ffca19f.js');
11
+ require('./es6.string.iterator-e3ce14ae.js');
12
+ require('./core.get-iterator-method-bf3fde8c.js');
15
13
  require('prop-types');
16
- require('./isSymbol-04666465.js');
14
+ require('./index-5ad2b070.js');
17
15
  require('./debounce-eb287781.js');
18
- var main = require('./main-b6c96c8d.js');
19
- var stringify = require('./stringify-7c5aff47.js');
20
- var slicedToArray = require('./slicedToArray-8f385299.js');
21
- require('./asyncToGenerator-533d476a.js');
22
- require('./_set-species-f92c67c5.js');
23
- require('./Segment.js');
16
+ require('./isSymbol-04666465.js');
24
17
  require('./Beam.js');
25
- var AdSlot = require('./AdSlot.js');
18
+ require('./asyncToGenerator-a855b820.js');
19
+ require('./_library-dd23b178.js');
20
+ require('./_set-species-5c9fd235.js');
21
+ require('./_iter-detect-8decaf0f.js');
22
+ require('./Segment.js');
23
+
24
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
+
26
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
27
 
27
28
  // removed static slotID ,because defining static slotID is restricting AD to render only once.
28
29
  var AD300x250x600 = function AD300x250x600(_ref) {
@@ -37,7 +38,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
37
38
  _ref$sizeMapFlag = _ref.sizeMapFlag,
38
39
  sizeMapFlag = _ref$sizeMapFlag === undefined ? true : _ref$sizeMapFlag;
39
40
 
40
- if (main.main_39) {
41
+ if (main.main_40) {
41
42
  pos = 'rec2-mobile';
42
43
  }
43
44
 
@@ -127,10 +128,10 @@ var AD300x250x600 = function AD300x250x600(_ref) {
127
128
  }
128
129
  };
129
130
 
130
- return React__default.createElement(
131
+ return React__default['default'].createElement(
131
132
  'div',
132
133
  null,
133
- React__default.createElement(AdSlot, {
134
+ React__default['default'].createElement(AdSlot, {
134
135
  networkID: networkID,
135
136
  adUnit: adUnit,
136
137
  className: 'AD300x250',
@@ -144,7 +145,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
144
145
  , checkIsAdFound: previewAd ? null : checkIsAdFound,
145
146
  style: { display: 'none' }
146
147
  }),
147
- React__default.createElement(
148
+ React__default['default'].createElement(
148
149
  'style',
149
150
  { jsx: 'true' },
150
151
  '\n .AD300x250 .div[id*=\'google_ads_iframe\']:empty {\n height: 0px !important;\n }\n '
@@ -1,28 +1,29 @@
1
1
  'use strict';
2
2
 
3
- function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
-
5
- require('./_commonjsHelpers-06173234.js');
6
- require('./_to-object-329a650b.js');
7
- require('./es6.string.iterator-cc0bbaa4.js');
8
- require('./_library-dd23b178.js');
9
- require('./_iter-detect-60b2f026.js');
10
- require('./core.get-iterator-method-f62321d4.js');
11
- require('./web.dom.iterable-a0e279c1.js');
3
+ var stringify = require('./stringify-4f757ee6.js');
4
+ var slicedToArray = require('./slicedToArray-5b1b0ed8.js');
12
5
  var React = require('react');
13
- var React__default = _interopDefault(React);
14
- require('./index-2d0a4911.js');
6
+ var main = require('./main-df97bfe9.js');
7
+ var AdSlot = require('./AdSlot.js');
8
+ require('./_commonjsHelpers-06173234.js');
9
+ require('./_to-object-e2d5cc9d.js');
10
+ require('./web.dom.iterable-0ffca19f.js');
11
+ require('./es6.string.iterator-e3ce14ae.js');
12
+ require('./core.get-iterator-method-bf3fde8c.js');
15
13
  require('prop-types');
16
- require('./isSymbol-04666465.js');
14
+ require('./index-5ad2b070.js');
17
15
  require('./debounce-eb287781.js');
18
- var main = require('./main-b6c96c8d.js');
19
- var stringify = require('./stringify-7c5aff47.js');
20
- var slicedToArray = require('./slicedToArray-8f385299.js');
21
- require('./asyncToGenerator-533d476a.js');
22
- require('./_set-species-f92c67c5.js');
23
- require('./Segment.js');
16
+ require('./isSymbol-04666465.js');
24
17
  require('./Beam.js');
25
- var AdSlot = require('./AdSlot.js');
18
+ require('./asyncToGenerator-a855b820.js');
19
+ require('./_library-dd23b178.js');
20
+ require('./_set-species-5c9fd235.js');
21
+ require('./_iter-detect-8decaf0f.js');
22
+ require('./Segment.js');
23
+
24
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
+
26
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
27
 
27
28
  var AD728x90 = function AD728x90(_ref) {
28
29
  var networkID = _ref.networkID,
@@ -32,11 +33,11 @@ var AD728x90 = function AD728x90(_ref) {
32
33
  _ref$targeting = _ref.targeting,
33
34
  targeting = _ref$targeting === undefined ? {} : _ref$targeting,
34
35
  _ref$pos = _ref.pos,
35
- pos = _ref$pos === undefined ? 'top' : _ref$pos,
36
- _ref$fixedPos = _ref.fixedPos;
36
+ pos = _ref$pos === undefined ? 'top' : _ref$pos;
37
+ _ref.fixedPos;
37
38
 
38
39
  var mobileView = false;
39
- if (main.main_39) {
40
+ if (main.main_40) {
40
41
  pos = 'top-mobile';
41
42
  mobileView = true;
42
43
  }
@@ -102,10 +103,10 @@ var AD728x90 = function AD728x90(_ref) {
102
103
  }
103
104
  };
104
105
 
105
- return React__default.createElement(
106
+ return React__default['default'].createElement(
106
107
  'div',
107
108
  { className: 'leaderboard-ad-wrapper' },
108
- React__default.createElement(AdSlot, {
109
+ React__default['default'].createElement(AdSlot, {
109
110
  slotId: slotId,
110
111
  networkID: networkID,
111
112
  adUnit: adUnit,
@@ -122,12 +123,12 @@ var AD728x90 = function AD728x90(_ref) {
122
123
  /* Passing function to check for ad creative only if it is not in preview. */
123
124
  , checkIsAdFound: previewAd ? null : checkIsAdFound
124
125
  }),
125
- React__default.createElement(
126
+ React__default['default'].createElement(
126
127
  'style',
127
128
  { jsx: 'true' },
128
129
  '\n .leaderboard-ad-wrapper {\n height: auto !important;\n background: #fff;\n }\n .leaderboard-ad-wrapper .AD728x90 {\n height: auto !important;\n }\n /* setting height to 0px when the ad slot is empty. */\n .leaderboard-ad-wrapper .AD728x90 div[id*=\'google_ads_iframe\']:empty {\n height: 0px !important;\n }\n '
129
130
  ),
130
- main.main_39 && React__default.createElement(
131
+ main.main_40 && React__default['default'].createElement(
131
132
  'style',
132
133
  { jsx: 'true' },
133
134
  '\n @media screen and (max-width: 768px) {\n .leaderboard-ad-wrapper {\n min-height: 0px;\n position: fixed;\n background: transparent;\n background-color: transparent;\n bottom: 0px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9999;\n }\n }\n '