@mjhls/mjh-framework 1.0.439 → 1.0.441
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.
- package/README.md +172 -172
- package/dist/cjs/{ADInfeed-494f5e6b.js → ADInfeed-ae1f348d.js} +12 -10
- package/dist/cjs/{ADlgInfeed-be0e0bde.js → ADlgInfeed-f4c4a1bf.js} +8 -7
- package/dist/cjs/{AdSlot-4d22aad4.js → AdSlot-257d8d4e.js} +256 -15
- package/dist/cjs/{AuthorComponent-4706f297.js → AuthorComponent-b44bb44e.js} +13 -12
- package/dist/cjs/DeckContent.js +91 -87
- package/dist/cjs/DeckQueue.js +82 -78
- package/dist/cjs/{Dfp-2399639f.js → Dfp-d7639f4c.js} +22 -20
- package/dist/cjs/{Figure-9e886c5b.js → Figure-cc919c38.js} +20 -19
- package/dist/cjs/{GridContent-068c0b1c.js → GridContent-db383f73.js} +162 -158
- package/dist/cjs/GridContent.js +14 -14
- package/dist/cjs/GroupDeck.js +39 -38
- package/dist/cjs/IssueContentDeck.js +65 -60
- package/dist/cjs/IssueDeck.js +69 -64
- package/dist/cjs/MasterDeck.js +60 -59
- package/dist/cjs/{Normal-62915103.js → Normal-430e8e61.js} +523 -512
- package/dist/cjs/PublicationDeck.js +64 -59
- package/dist/cjs/QueueDeckExpanded.js +99 -99
- package/dist/cjs/{TaxonomyCard-eb928f05.js → TaxonomyCard-fa09aac1.js} +77 -71
- package/dist/cjs/TaxonomyCard.js +4 -4
- package/dist/cjs/TemplateNormal.js +6 -6
- package/dist/cjs/ThumbnailCard.js +17 -15
- package/dist/cjs/{Ustream-6aebd935.js → Ustream-46288bdf.js} +17 -16
- package/dist/cjs/Ustream.js +1 -1
- package/dist/cjs/VideoSeriesListing.js +40 -39
- package/dist/cjs/YoutubeGroup.js +49 -48
- package/dist/cjs/{debounce-b088070c.js → debounce-420ff8a8.js} +16 -12
- package/dist/cjs/{get-5aa7468c.js → get-7a75c563.js} +1 -1
- package/dist/cjs/{index-fa0fb52c.js → index-8a3fb0bc.js} +13 -10
- package/dist/cjs/{index-b5eb3ff8.js → index-be0c82be.js} +19 -20
- package/dist/cjs/{index.es-ab3f2690.js → index.es-44c8e726.js} +9 -10
- package/dist/cjs/index.esm-340d3792.js +0 -3
- package/dist/cjs/index.js +1887 -1927
- package/dist/cjs/{inherits-e793003e.js → inherits-b4036c94.js} +4 -4
- package/dist/cjs/{main-bc4db521.js → main-d76cde9c.js} +52 -82
- package/dist/cjs/{react-social-icons-cd0d9d3b.js → react-social-icons-07939b41.js} +13 -11
- package/dist/cjs/{typeof-2747c582.js → typeof-0d86b91c.js} +1 -1
- package/dist/cjs/{visibility-sensor-0c45a583.js → visibility-sensor-a40ae0cd.js} +8 -6
- package/dist/esm/{ADInfeed-e5cefea5.js → ADInfeed-dff74bbe.js} +6 -6
- package/dist/esm/{ADlgInfeed-51a2801a.js → ADlgInfeed-7b29db85.js} +5 -5
- package/dist/esm/{AdSlot-78e48a2c.js → AdSlot-362a1c30.js} +246 -8
- package/dist/esm/{AuthorComponent-c9e46673.js → AuthorComponent-4f5f15ed.js} +10 -10
- package/dist/esm/DeckContent.js +62 -62
- package/dist/esm/DeckQueue.js +47 -47
- package/dist/esm/{Dfp-d5fe1252.js → Dfp-994cd0ab.js} +10 -10
- package/dist/esm/{Figure-cc1affbe.js → Figure-1c55ebf0.js} +17 -17
- package/dist/esm/{GridContent-90c0f8b5.js → GridContent-6b38c580.js} +112 -112
- package/dist/esm/GridContent.js +14 -14
- package/dist/esm/GroupDeck.js +34 -34
- package/dist/esm/IssueContentDeck.js +35 -35
- package/dist/esm/IssueDeck.js +34 -34
- package/dist/esm/MasterDeck.js +45 -45
- package/dist/esm/{Normal-6eba8168.js → Normal-6efd92da.js} +407 -407
- package/dist/esm/PublicationDeck.js +34 -34
- package/dist/esm/QueueDeckExpanded.js +92 -92
- package/dist/esm/{TaxonomyCard-b29aa7ac.js → TaxonomyCard-b22a742f.js} +37 -37
- package/dist/esm/TaxonomyCard.js +4 -4
- package/dist/esm/TemplateNormal.js +6 -6
- package/dist/esm/ThumbnailCard.js +13 -13
- package/dist/esm/{Ustream-914ce145.js → Ustream-c4f281a3.js} +14 -14
- package/dist/esm/Ustream.js +1 -1
- package/dist/esm/VideoSeriesListing.js +26 -26
- package/dist/esm/YoutubeGroup.js +37 -37
- package/dist/esm/{debounce-df468b0e.js → debounce-42a7f724.js} +9 -7
- package/dist/esm/{get-53653403.js → get-bc6cf9fb.js} +1 -1
- package/dist/esm/{index-51a80699.js → index-73819142.js} +19 -20
- package/dist/esm/{index-5f9f807a.js → index-c5fd0af5.js} +4 -4
- package/dist/esm/{index.es-938a3a58.js → index.es-27d0bae9.js} +6 -8
- package/dist/esm/index.js +1752 -1815
- package/dist/esm/{inherits-dfba24f5.js → inherits-bbec2f34.js} +1 -1
- package/dist/esm/{main-7d1b3c98.js → main-cf4930f0.js} +50 -81
- package/dist/esm/{react-social-icons-a7d5c5c7.js → react-social-icons-3822f1ce.js} +5 -5
- package/dist/esm/{typeof-e4b50250.js → typeof-09bf9211.js} +1 -1
- package/dist/esm/{visibility-sensor-0baa4eea.js → visibility-sensor-87d6b78c.js} +3 -3
- package/package.json +105 -103
package/README.md
CHANGED
|
@@ -1,172 +1,172 @@
|
|
|
1
|
-
|
|
2
|
-
# mjh-framework v. 1.0.
|
|
3
|
-
|
|
4
|
-
> Foundation Framework
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
[](https://www.npmjs.com/package/mjh-framework) []( 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.441
|
|
3
|
+
|
|
4
|
+
> Foundation Framework
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
[](https://www.npmjs.com/package/mjh-framework) []( 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
|
|
7
|
-
var
|
|
8
|
-
|
|
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
|
-
|
|
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-
|
|
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 '
|