@mjhls/mjh-framework 1.0.440 → 1.0.442

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 (75) hide show
  1. package/README.md +172 -172
  2. package/dist/cjs/{ADInfeed-494f5e6b.js → ADInfeed-ae1f348d.js} +12 -10
  3. package/dist/cjs/{ADlgInfeed-be0e0bde.js → ADlgInfeed-f4c4a1bf.js} +8 -7
  4. package/dist/cjs/{AdSlot-4d22aad4.js → AdSlot-257d8d4e.js} +256 -15
  5. package/dist/cjs/{AuthorComponent-4706f297.js → AuthorComponent-b44bb44e.js} +13 -12
  6. package/dist/cjs/DeckContent.js +91 -87
  7. package/dist/cjs/DeckQueue.js +82 -78
  8. package/dist/cjs/{Dfp-2399639f.js → Dfp-d7639f4c.js} +22 -20
  9. package/dist/cjs/{Figure-9e886c5b.js → Figure-cc919c38.js} +20 -19
  10. package/dist/cjs/{GridContent-184cdd0f.js → GridContent-db383f73.js} +161 -157
  11. package/dist/cjs/GridContent.js +14 -14
  12. package/dist/cjs/GroupDeck.js +39 -38
  13. package/dist/cjs/IssueContentDeck.js +65 -60
  14. package/dist/cjs/IssueDeck.js +69 -64
  15. package/dist/cjs/MasterDeck.js +60 -59
  16. package/dist/cjs/{Normal-62915103.js → Normal-430e8e61.js} +523 -512
  17. package/dist/cjs/PublicationDeck.js +64 -59
  18. package/dist/cjs/QueueDeckExpanded.js +116 -99
  19. package/dist/cjs/{TaxonomyCard-eb928f05.js → TaxonomyCard-fa09aac1.js} +77 -71
  20. package/dist/cjs/TaxonomyCard.js +4 -4
  21. package/dist/cjs/TemplateNormal.js +6 -6
  22. package/dist/cjs/ThumbnailCard.js +17 -15
  23. package/dist/cjs/{Ustream-6aebd935.js → Ustream-46288bdf.js} +17 -16
  24. package/dist/cjs/Ustream.js +1 -1
  25. package/dist/cjs/VideoSeriesListing.js +40 -39
  26. package/dist/cjs/YoutubeGroup.js +49 -48
  27. package/dist/cjs/{debounce-b088070c.js → debounce-420ff8a8.js} +16 -12
  28. package/dist/cjs/{get-5aa7468c.js → get-7a75c563.js} +1 -1
  29. package/dist/cjs/{index-fa0fb52c.js → index-8a3fb0bc.js} +13 -10
  30. package/dist/cjs/{index-b5eb3ff8.js → index-be0c82be.js} +19 -20
  31. package/dist/cjs/{index.es-ab3f2690.js → index.es-44c8e726.js} +9 -10
  32. package/dist/cjs/index.esm-340d3792.js +0 -3
  33. package/dist/cjs/index.js +1903 -1935
  34. package/dist/cjs/{inherits-e793003e.js → inherits-b4036c94.js} +4 -4
  35. package/dist/cjs/{main-bc4db521.js → main-d76cde9c.js} +52 -82
  36. package/dist/cjs/{react-social-icons-cd0d9d3b.js → react-social-icons-07939b41.js} +13 -11
  37. package/dist/cjs/{typeof-2747c582.js → typeof-0d86b91c.js} +1 -1
  38. package/dist/cjs/{visibility-sensor-0c45a583.js → visibility-sensor-a40ae0cd.js} +8 -6
  39. package/dist/esm/{ADInfeed-e5cefea5.js → ADInfeed-dff74bbe.js} +6 -6
  40. package/dist/esm/{ADlgInfeed-51a2801a.js → ADlgInfeed-7b29db85.js} +5 -5
  41. package/dist/esm/{AdSlot-78e48a2c.js → AdSlot-362a1c30.js} +246 -8
  42. package/dist/esm/{AuthorComponent-c9e46673.js → AuthorComponent-4f5f15ed.js} +10 -10
  43. package/dist/esm/DeckContent.js +62 -62
  44. package/dist/esm/DeckQueue.js +47 -47
  45. package/dist/esm/{Dfp-d5fe1252.js → Dfp-994cd0ab.js} +10 -10
  46. package/dist/esm/{Figure-cc1affbe.js → Figure-1c55ebf0.js} +17 -17
  47. package/dist/esm/{GridContent-b79201ad.js → GridContent-6b38c580.js} +111 -111
  48. package/dist/esm/GridContent.js +14 -14
  49. package/dist/esm/GroupDeck.js +34 -34
  50. package/dist/esm/IssueContentDeck.js +35 -35
  51. package/dist/esm/IssueDeck.js +34 -34
  52. package/dist/esm/MasterDeck.js +45 -45
  53. package/dist/esm/{Normal-6eba8168.js → Normal-6efd92da.js} +407 -407
  54. package/dist/esm/PublicationDeck.js +34 -34
  55. package/dist/esm/QueueDeckExpanded.js +109 -92
  56. package/dist/esm/{TaxonomyCard-b29aa7ac.js → TaxonomyCard-b22a742f.js} +37 -37
  57. package/dist/esm/TaxonomyCard.js +4 -4
  58. package/dist/esm/TemplateNormal.js +6 -6
  59. package/dist/esm/ThumbnailCard.js +13 -13
  60. package/dist/esm/{Ustream-914ce145.js → Ustream-c4f281a3.js} +14 -14
  61. package/dist/esm/Ustream.js +1 -1
  62. package/dist/esm/VideoSeriesListing.js +26 -26
  63. package/dist/esm/YoutubeGroup.js +37 -37
  64. package/dist/esm/{debounce-df468b0e.js → debounce-42a7f724.js} +9 -7
  65. package/dist/esm/{get-53653403.js → get-bc6cf9fb.js} +1 -1
  66. package/dist/esm/{index-51a80699.js → index-73819142.js} +19 -20
  67. package/dist/esm/{index-5f9f807a.js → index-c5fd0af5.js} +4 -4
  68. package/dist/esm/{index.es-938a3a58.js → index.es-27d0bae9.js} +6 -8
  69. package/dist/esm/index.js +1768 -1823
  70. package/dist/esm/{inherits-dfba24f5.js → inherits-bbec2f34.js} +1 -1
  71. package/dist/esm/{main-7d1b3c98.js → main-cf4930f0.js} +50 -81
  72. package/dist/esm/{react-social-icons-a7d5c5c7.js → react-social-icons-3822f1ce.js} +5 -5
  73. package/dist/esm/{typeof-e4b50250.js → typeof-09bf9211.js} +1 -1
  74. package/dist/esm/{visibility-sensor-0baa4eea.js → visibility-sensor-87d6b78c.js} +3 -3
  75. package/package.json +105 -103
package/README.md CHANGED
@@ -1,172 +1,172 @@
1
-
2
- # mjh-framework v. 1.0.440
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.442
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,11 +1,13 @@
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
- var Card = _interopDefault(require('react-bootstrap/Card'));
8
- var AdSlot = require('./AdSlot-4d22aad4.js');
4
+ var Card = require('react-bootstrap/Card');
5
+ var AdSlot = require('./AdSlot-257d8d4e.js');
6
+
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
+ var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
9
11
 
10
12
  var ADInfeed = function ADInfeed(_ref) {
11
13
  var index = _ref.index,
@@ -35,13 +37,13 @@ var ADInfeed = function ADInfeed(_ref) {
35
37
  }
36
38
  };
37
39
 
38
- return React__default.createElement(
40
+ return React__default['default'].createElement(
39
41
  'div',
40
42
  { id: 'brand-insight-wrapper-' + (index + 1), className: 'brand-insight-wrapper', style: { display: 'none', flex: '1 0 auto' } },
41
- React__default.createElement(
42
- Card,
43
+ React__default['default'].createElement(
44
+ Card__default['default'],
43
45
  { className: 'ad-wrapper', style: { display: 'block !important', flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
44
- React__default.createElement(AdSlot.DFPAdSlot, {
46
+ React__default['default'].createElement(AdSlot.DFPAdSlot, {
45
47
  className: className,
46
48
  networkID: networkID,
47
49
  adUnit: adUnit,
@@ -52,7 +54,7 @@ var ADInfeed = function ADInfeed(_ref) {
52
54
  refreshFlag: false
53
55
  })
54
56
  ),
55
- React__default.createElement(
57
+ React__default['default'].createElement(
56
58
  'style',
57
59
  { jsx: 'true' },
58
60
  ''
@@ -1,11 +1,12 @@
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
  require('react-bootstrap/Card');
8
- var AdSlot = require('./AdSlot-4d22aad4.js');
5
+ var AdSlot = require('./AdSlot-257d8d4e.js');
6
+
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
9
10
 
10
11
  var ADlgInfeed = function ADlgInfeed(props) {
11
12
  var className = props.className,
@@ -33,11 +34,11 @@ var ADlgInfeed = function ADlgInfeed(props) {
33
34
  }
34
35
  };
35
36
 
36
- return React__default.createElement(
37
+ return React__default['default'].createElement(
37
38
  'div',
38
39
  { id: 'lg-infeed-wrapper-' + (index + 1), className: 'lg-infeed-wrapper', style: { display: 'none', flex: '1 0 auto' } },
39
- React__default.createElement(AdSlot.DFPAdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound, refreshFlag: false }),
40
- React__default.createElement(
40
+ React__default['default'].createElement(AdSlot.DFPAdSlot, { className: className, networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, sizes: sizes, checkIsAdFound: checkIsAdFound, refreshFlag: false }),
41
+ React__default['default'].createElement(
41
42
  'style',
42
43
  { jsx: 'true' },
43
44
  '\n .lg-infeed-wrapper {\n flex-direction: row;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid rgb(221, 221, 221);\n }\n '