@mjhls/mjh-framework 1.0.292 → 1.0.294
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 +171 -171
- package/dist/cjs/DeckContent.js +9 -9
- package/dist/cjs/DeckQueue.js +1 -1
- package/dist/cjs/{Figure-0681dd7d.js → Figure-167c0214.js} +1 -1
- package/dist/cjs/{GridContent-02acbd72.js → GridContent-fa2e1b56.js} +2 -2
- package/dist/cjs/GridContent.js +2 -2
- package/dist/cjs/IssueContentDeck.js +1 -1
- package/dist/cjs/IssueDeck.js +1 -1
- package/dist/cjs/MasterDeck.js +9 -9
- package/dist/cjs/{Normal-7b5f3f4e.js → Normal-61221bc6.js} +62 -647
- package/dist/cjs/PublicationDeck.js +1 -1
- package/dist/cjs/QueueDeckExpanded.js +1 -1
- package/dist/cjs/{TaxonomyCard-cf5bbc07.js → TaxonomyCard-4210753c.js} +104 -3
- package/dist/cjs/TaxonomyCard.js +3 -2
- package/dist/cjs/TemplateNormal.js +2 -1
- package/dist/cjs/ThumbnailCard.js +1 -1
- package/dist/cjs/VideoSeriesListing.js +14 -12
- package/dist/cjs/{YoutubeGroup-98ffbc57.js → YoutubeGroup-39eba427.js} +4 -4
- package/dist/cjs/YoutubeGroup.js +1 -1
- package/dist/cjs/{index-39beccb3.js → index-be0c82be.js} +1 -2
- package/dist/cjs/index.js +548 -564
- package/dist/cjs/react-social-icons-cd0d9d3b.js +614 -0
- package/dist/esm/DeckContent.js +9 -9
- package/dist/esm/DeckQueue.js +1 -1
- package/dist/esm/{Figure-cff72982.js → Figure-9f21ef27.js} +1 -1
- package/dist/esm/{GridContent-96716e42.js → GridContent-88ed988c.js} +1 -1
- package/dist/esm/GridContent.js +2 -2
- package/dist/esm/IssueContentDeck.js +1 -1
- package/dist/esm/IssueDeck.js +1 -1
- package/dist/esm/MasterDeck.js +9 -9
- package/dist/esm/{Normal-3a3b672e.js → Normal-3a537c0a.js} +60 -645
- package/dist/esm/PublicationDeck.js +1 -1
- package/dist/esm/QueueDeckExpanded.js +1 -1
- package/dist/esm/{TaxonomyCard-ee1a22ae.js → TaxonomyCard-1d039949.js} +104 -3
- package/dist/esm/TaxonomyCard.js +3 -2
- package/dist/esm/TemplateNormal.js +2 -1
- package/dist/esm/ThumbnailCard.js +1 -1
- package/dist/esm/VideoSeriesListing.js +14 -12
- package/dist/esm/{YoutubeGroup-562ed456.js → YoutubeGroup-f59297bb.js} +4 -4
- package/dist/esm/YoutubeGroup.js +1 -1
- package/dist/esm/{index-3849e3fe.js → index-73819142.js} +1 -2
- package/dist/esm/index.js +551 -567
- package/dist/esm/react-social-icons-a7d5c5c7.js +609 -0
- package/package.json +103 -103
package/README.md
CHANGED
|
@@ -1,171 +1,171 @@
|
|
|
1
|
-
|
|
2
|
-
# mjh-framework v. 1.0.
|
|
3
|
-
|
|
4
|
-
> Foundation Framework
|
|
5
|
-
|
|
6
|
-
[](https://www.npmjs.com/package/mjh-framework) [](https://standardjs.com)
|
|
7
|
-
|
|
8
|
-
## Install
|
|
9
|
-
|
|
10
|
-
```bash
|
|
11
|
-
npm install --save @mjhls/mjh-framework
|
|
12
|
-
```
|
|
13
|
-
|
|
14
|
-
## Usage
|
|
15
|
-
|
|
16
|
-
```jsx
|
|
17
|
-
import React, { Component } from 'react'
|
|
18
|
-
|
|
19
|
-
import { NavMagazine, DeckQueue } from 'mjh-framework'
|
|
20
|
-
|
|
21
|
-
export default class App extends Component {
|
|
22
|
-
render() {
|
|
23
|
-
return (
|
|
24
|
-
<div>
|
|
25
|
-
<NavMagazine />
|
|
26
|
-
<DeckQueue />
|
|
27
|
-
</div>
|
|
28
|
-
)
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
## Publish new updates to the npm registry
|
|
34
|
-
|
|
35
|
-
```bash
|
|
36
|
-
npm publish
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
## For getting updates in the template without publishing each time a change is made in the framework
|
|
40
|
-
|
|
41
|
-
Link react and react-dom of the template repo, so that it can be used by the framework.
|
|
42
|
-
This is to avoid the error arising due to multiple instances of React.
|
|
43
|
-
|
|
44
|
-
```bash
|
|
45
|
-
cd ../mjh-template/node_modules/react
|
|
46
|
-
|
|
47
|
-
yarn link
|
|
48
|
-
|
|
49
|
-
cd ../react-dom
|
|
50
|
-
|
|
51
|
-
yarn link
|
|
52
|
-
|
|
53
|
-
cd ../../../mjh-framework
|
|
54
|
-
|
|
55
|
-
yarn link react && yarn link react-dom
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
Link the framework repo so that it can be used in the template
|
|
59
|
-
|
|
60
|
-
```bash
|
|
61
|
-
npm link
|
|
62
|
-
|
|
63
|
-
cd ../mjh-template
|
|
64
|
-
|
|
65
|
-
npm link @mjhls/mjh-framework
|
|
66
|
-
```
|
|
67
|
-
|
|
68
|
-
## Components and "props"
|
|
69
|
-
|
|
70
|
-
### Deck Components
|
|
71
|
-
|
|
72
|
-
- #### DeckContent
|
|
73
|
-
|
|
74
|
-
##### Props
|
|
75
|
-
|
|
76
|
-
- mapping
|
|
77
|
-
- dataRecord
|
|
78
|
-
- query
|
|
79
|
-
- params
|
|
80
|
-
- pointer
|
|
81
|
-
- pointerArray
|
|
82
|
-
- defaultImage
|
|
83
|
-
|
|
84
|
-
- #### DeckQueue
|
|
85
|
-
##### Props
|
|
86
|
-
- page
|
|
87
|
-
- dataRecord
|
|
88
|
-
- query
|
|
89
|
-
- params
|
|
90
|
-
- pointer
|
|
91
|
-
- pointerArray
|
|
92
|
-
|
|
93
|
-
### Layout Components
|
|
94
|
-
|
|
95
|
-
- #### Column1
|
|
96
|
-
- #### Column2
|
|
97
|
-
##### Props
|
|
98
|
-
- rightItems
|
|
99
|
-
- #### Column3
|
|
100
|
-
##### Props
|
|
101
|
-
- leftItems
|
|
102
|
-
- rightItems
|
|
103
|
-
##### Common Props (Column1, Column2, Column3)
|
|
104
|
-
- title
|
|
105
|
-
- children
|
|
106
|
-
- #### Header
|
|
107
|
-
##### Props
|
|
108
|
-
- title
|
|
109
|
-
- keyword
|
|
110
|
-
- description
|
|
111
|
-
- #### LeftNav
|
|
112
|
-
##### Props
|
|
113
|
-
- leftItems
|
|
114
|
-
- #### AccordionPanel
|
|
115
|
-
##### Props
|
|
116
|
-
- accordionClassName
|
|
117
|
-
- data
|
|
118
|
-
|
|
119
|
-
### Navigation Components
|
|
120
|
-
|
|
121
|
-
- #### NavMagazine
|
|
122
|
-
##### Props
|
|
123
|
-
- logo
|
|
124
|
-
- dataObject
|
|
125
|
-
- #### NavNative
|
|
126
|
-
##### Props
|
|
127
|
-
- logo
|
|
128
|
-
- dataObject
|
|
129
|
-
- #### NavNormal
|
|
130
|
-
##### Props
|
|
131
|
-
- logo
|
|
132
|
-
- dataObject
|
|
133
|
-
- variant
|
|
134
|
-
- #### NavDvm
|
|
135
|
-
##### Props
|
|
136
|
-
- logo
|
|
137
|
-
- dataObject
|
|
138
|
-
- subNavHeads
|
|
139
|
-
|
|
140
|
-
### Template Components
|
|
141
|
-
|
|
142
|
-
- #### TemplateNormal
|
|
143
|
-
##### Props
|
|
144
|
-
- config
|
|
145
|
-
- title
|
|
146
|
-
- keywords
|
|
147
|
-
- description
|
|
148
|
-
- website
|
|
149
|
-
|
|
150
|
-
### Ad Components
|
|
151
|
-
|
|
152
|
-
- #### AD300x250
|
|
153
|
-
- #### AD300x250x600
|
|
154
|
-
- #### AD728x90
|
|
155
|
-
##### Common Props
|
|
156
|
-
- networkID
|
|
157
|
-
- adUnit
|
|
158
|
-
|
|
159
|
-
### Serializers
|
|
160
|
-
|
|
161
|
-
- #### getSerializers (function)
|
|
162
|
-
##### arguments
|
|
163
|
-
- client
|
|
164
|
-
##### types
|
|
165
|
-
- youtube
|
|
166
|
-
- figure
|
|
167
|
-
- slideshow
|
|
168
|
-
|
|
169
|
-
## License
|
|
170
|
-
|
|
171
|
-
MIT © [mjh-framework](https://github.com/mjh-framework)
|
|
1
|
+
|
|
2
|
+
# mjh-framework v. 1.0.294
|
|
3
|
+
|
|
4
|
+
> Foundation Framework
|
|
5
|
+
|
|
6
|
+
[](https://www.npmjs.com/package/mjh-framework) [](https://standardjs.com)
|
|
7
|
+
|
|
8
|
+
## Install
|
|
9
|
+
|
|
10
|
+
```bash
|
|
11
|
+
npm install --save @mjhls/mjh-framework
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
import React, { Component } from 'react'
|
|
18
|
+
|
|
19
|
+
import { NavMagazine, DeckQueue } from 'mjh-framework'
|
|
20
|
+
|
|
21
|
+
export default class App extends Component {
|
|
22
|
+
render() {
|
|
23
|
+
return (
|
|
24
|
+
<div>
|
|
25
|
+
<NavMagazine />
|
|
26
|
+
<DeckQueue />
|
|
27
|
+
</div>
|
|
28
|
+
)
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Publish new updates to the npm registry
|
|
34
|
+
|
|
35
|
+
```bash
|
|
36
|
+
npm publish
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## For getting updates in the template without publishing each time a change is made in the framework
|
|
40
|
+
|
|
41
|
+
Link react and react-dom of the template repo, so that it can be used by the framework.
|
|
42
|
+
This is to avoid the error arising due to multiple instances of React.
|
|
43
|
+
|
|
44
|
+
```bash
|
|
45
|
+
cd ../mjh-template/node_modules/react
|
|
46
|
+
|
|
47
|
+
yarn link
|
|
48
|
+
|
|
49
|
+
cd ../react-dom
|
|
50
|
+
|
|
51
|
+
yarn link
|
|
52
|
+
|
|
53
|
+
cd ../../../mjh-framework
|
|
54
|
+
|
|
55
|
+
yarn link react && yarn link react-dom
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
Link the framework repo so that it can be used in the template
|
|
59
|
+
|
|
60
|
+
```bash
|
|
61
|
+
npm link
|
|
62
|
+
|
|
63
|
+
cd ../mjh-template
|
|
64
|
+
|
|
65
|
+
npm link @mjhls/mjh-framework
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Components and "props"
|
|
69
|
+
|
|
70
|
+
### Deck Components
|
|
71
|
+
|
|
72
|
+
- #### DeckContent
|
|
73
|
+
|
|
74
|
+
##### Props
|
|
75
|
+
|
|
76
|
+
- mapping
|
|
77
|
+
- dataRecord
|
|
78
|
+
- query
|
|
79
|
+
- params
|
|
80
|
+
- pointer
|
|
81
|
+
- pointerArray
|
|
82
|
+
- defaultImage
|
|
83
|
+
|
|
84
|
+
- #### DeckQueue
|
|
85
|
+
##### Props
|
|
86
|
+
- page
|
|
87
|
+
- dataRecord
|
|
88
|
+
- query
|
|
89
|
+
- params
|
|
90
|
+
- pointer
|
|
91
|
+
- pointerArray
|
|
92
|
+
|
|
93
|
+
### Layout Components
|
|
94
|
+
|
|
95
|
+
- #### Column1
|
|
96
|
+
- #### Column2
|
|
97
|
+
##### Props
|
|
98
|
+
- rightItems
|
|
99
|
+
- #### Column3
|
|
100
|
+
##### Props
|
|
101
|
+
- leftItems
|
|
102
|
+
- rightItems
|
|
103
|
+
##### Common Props (Column1, Column2, Column3)
|
|
104
|
+
- title
|
|
105
|
+
- children
|
|
106
|
+
- #### Header
|
|
107
|
+
##### Props
|
|
108
|
+
- title
|
|
109
|
+
- keyword
|
|
110
|
+
- description
|
|
111
|
+
- #### LeftNav
|
|
112
|
+
##### Props
|
|
113
|
+
- leftItems
|
|
114
|
+
- #### AccordionPanel
|
|
115
|
+
##### Props
|
|
116
|
+
- accordionClassName
|
|
117
|
+
- data
|
|
118
|
+
|
|
119
|
+
### Navigation Components
|
|
120
|
+
|
|
121
|
+
- #### NavMagazine
|
|
122
|
+
##### Props
|
|
123
|
+
- logo
|
|
124
|
+
- dataObject
|
|
125
|
+
- #### NavNative
|
|
126
|
+
##### Props
|
|
127
|
+
- logo
|
|
128
|
+
- dataObject
|
|
129
|
+
- #### NavNormal
|
|
130
|
+
##### Props
|
|
131
|
+
- logo
|
|
132
|
+
- dataObject
|
|
133
|
+
- variant
|
|
134
|
+
- #### NavDvm
|
|
135
|
+
##### Props
|
|
136
|
+
- logo
|
|
137
|
+
- dataObject
|
|
138
|
+
- subNavHeads
|
|
139
|
+
|
|
140
|
+
### Template Components
|
|
141
|
+
|
|
142
|
+
- #### TemplateNormal
|
|
143
|
+
##### Props
|
|
144
|
+
- config
|
|
145
|
+
- title
|
|
146
|
+
- keywords
|
|
147
|
+
- description
|
|
148
|
+
- website
|
|
149
|
+
|
|
150
|
+
### Ad Components
|
|
151
|
+
|
|
152
|
+
- #### AD300x250
|
|
153
|
+
- #### AD300x250x600
|
|
154
|
+
- #### AD728x90
|
|
155
|
+
##### Common Props
|
|
156
|
+
- networkID
|
|
157
|
+
- adUnit
|
|
158
|
+
|
|
159
|
+
### Serializers
|
|
160
|
+
|
|
161
|
+
- #### getSerializers (function)
|
|
162
|
+
##### arguments
|
|
163
|
+
- client
|
|
164
|
+
##### types
|
|
165
|
+
- youtube
|
|
166
|
+
- figure
|
|
167
|
+
- slideshow
|
|
168
|
+
|
|
169
|
+
## License
|
|
170
|
+
|
|
171
|
+
MIT © [mjh-framework](https://github.com/mjh-framework)
|
package/dist/cjs/DeckContent.js
CHANGED
|
@@ -23,7 +23,7 @@ require('next/link');
|
|
|
23
23
|
var Router = require('next/router');
|
|
24
24
|
var Router__default = _interopDefault(Router);
|
|
25
25
|
require('react-dom');
|
|
26
|
-
var index = require('./index-
|
|
26
|
+
var index = require('./index-be0c82be.js');
|
|
27
27
|
var index$1 = require('./index-fa0fb52c.js');
|
|
28
28
|
var entities = require('./entities-310b46ee.js');
|
|
29
29
|
require('./slicedToArray-e38fb29d.js');
|
|
@@ -170,14 +170,14 @@ var DeckContent = function (_React$Component) {
|
|
|
170
170
|
var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
|
|
171
171
|
|
|
172
172
|
// please leave this for later debug purpose : Yong Jun.
|
|
173
|
-
/* console.log('page change reported', {
|
|
174
|
-
currentPage: currentPage,
|
|
175
|
-
pageNumber: pageNumber,
|
|
176
|
-
pathname: pathname,
|
|
177
|
-
path: path,
|
|
178
|
-
newPath: newPath,
|
|
179
|
-
firstPage: pageNumber === 1,
|
|
180
|
-
queryString: queryString
|
|
173
|
+
/* console.log('page change reported', {
|
|
174
|
+
currentPage: currentPage,
|
|
175
|
+
pageNumber: pageNumber,
|
|
176
|
+
pathname: pathname,
|
|
177
|
+
path: path,
|
|
178
|
+
newPath: newPath,
|
|
179
|
+
firstPage: pageNumber === 1,
|
|
180
|
+
queryString: queryString
|
|
181
181
|
}) */
|
|
182
182
|
|
|
183
183
|
if (pageview) {
|
package/dist/cjs/DeckQueue.js
CHANGED
|
@@ -23,7 +23,7 @@ require('next/link');
|
|
|
23
23
|
var Router = require('next/router');
|
|
24
24
|
var Router__default = _interopDefault(Router);
|
|
25
25
|
require('react-dom');
|
|
26
|
-
var index = require('./index-
|
|
26
|
+
var index = require('./index-be0c82be.js');
|
|
27
27
|
var index$1 = require('./index-fa0fb52c.js');
|
|
28
28
|
var entities = require('./entities-310b46ee.js');
|
|
29
29
|
var get$1 = require('./get-de2660c3.js');
|
|
@@ -8,7 +8,7 @@ require('./web.dom.iterable-0998bdc3.js');
|
|
|
8
8
|
require('./core.get-iterator-method-e049ca4a.js');
|
|
9
9
|
var React = require('react');
|
|
10
10
|
var React__default = _interopDefault(React);
|
|
11
|
-
var index = require('./index-
|
|
11
|
+
var index = require('./index-be0c82be.js');
|
|
12
12
|
var slicedToArray = require('./slicedToArray-e38fb29d.js');
|
|
13
13
|
var reactBootstrap = require('react-bootstrap');
|
|
14
14
|
|
|
@@ -17,14 +17,14 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
|
|
|
17
17
|
require('next/link');
|
|
18
18
|
var Router = require('next/router');
|
|
19
19
|
var Router__default = _interopDefault(Router);
|
|
20
|
-
var index = require('./index-
|
|
20
|
+
var index = require('./index-be0c82be.js');
|
|
21
21
|
var index$1 = require('./index-fa0fb52c.js');
|
|
22
22
|
var entities = require('./entities-310b46ee.js');
|
|
23
23
|
var ADInfeed = require('./ADInfeed-db54195d.js');
|
|
24
24
|
var get$1 = require('./get-de2660c3.js');
|
|
25
25
|
|
|
26
26
|
var Dfp = React__default.lazy(function () {
|
|
27
|
-
return
|
|
27
|
+
return Promise.resolve().then(function () { return require('./Dfp-f75c65fd.js'); });
|
|
28
28
|
});
|
|
29
29
|
|
|
30
30
|
var AD = function AD(props) {
|
package/dist/cjs/GridContent.js
CHANGED
|
@@ -19,7 +19,7 @@ require('./visibility-sensor-b72d9527.js');
|
|
|
19
19
|
require('next/link');
|
|
20
20
|
require('next/router');
|
|
21
21
|
require('react-dom');
|
|
22
|
-
require('./index-
|
|
22
|
+
require('./index-be0c82be.js');
|
|
23
23
|
require('./index-fa0fb52c.js');
|
|
24
24
|
require('./entities-310b46ee.js');
|
|
25
25
|
require('./slicedToArray-e38fb29d.js');
|
|
@@ -27,7 +27,7 @@ require('./AdSlot-0cd6f861.js');
|
|
|
27
27
|
require('./promise-2c453658.js');
|
|
28
28
|
require('./ADInfeed-db54195d.js');
|
|
29
29
|
require('./get-de2660c3.js');
|
|
30
|
-
var GridContent = require('./GridContent-
|
|
30
|
+
var GridContent = require('./GridContent-fa2e1b56.js');
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
|
|
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
|
11
11
|
var Card = _interopDefault(require('react-bootstrap/Card'));
|
|
12
12
|
require('next/link');
|
|
13
13
|
require('react-dom');
|
|
14
|
-
var index = require('./index-
|
|
14
|
+
var index = require('./index-be0c82be.js');
|
|
15
15
|
var index$1 = require('./index-fa0fb52c.js');
|
|
16
16
|
var Badge = _interopDefault(require('react-bootstrap/Badge'));
|
|
17
17
|
|
package/dist/cjs/IssueDeck.js
CHANGED
|
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
|
11
11
|
var Card = _interopDefault(require('react-bootstrap/Card'));
|
|
12
12
|
require('next/link');
|
|
13
13
|
require('react-dom');
|
|
14
|
-
var index = require('./index-
|
|
14
|
+
var index = require('./index-be0c82be.js');
|
|
15
15
|
var index$1 = require('./index-fa0fb52c.js');
|
|
16
16
|
var Button = _interopDefault(require('react-bootstrap/Button'));
|
|
17
17
|
|
package/dist/cjs/MasterDeck.js
CHANGED
|
@@ -23,7 +23,7 @@ require('next/link');
|
|
|
23
23
|
var Router = require('next/router');
|
|
24
24
|
var Router__default = _interopDefault(Router);
|
|
25
25
|
require('react-dom');
|
|
26
|
-
require('./index-
|
|
26
|
+
require('./index-be0c82be.js');
|
|
27
27
|
var promise = require('./promise-2c453658.js');
|
|
28
28
|
|
|
29
29
|
var MasterDeck = function (_React$Component) {
|
|
@@ -169,14 +169,14 @@ var MasterDeck = function (_React$Component) {
|
|
|
169
169
|
var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
|
|
170
170
|
|
|
171
171
|
// please leave this for later debug purpose : Yong Jun.
|
|
172
|
-
/* console.log('page change reported', {
|
|
173
|
-
currentPage: currentPage,
|
|
174
|
-
pageNumber: pageNumber,
|
|
175
|
-
pathname: pathname,
|
|
176
|
-
path: path,
|
|
177
|
-
newPath: newPath,
|
|
178
|
-
firstPage: pageNumber === 1,
|
|
179
|
-
queryString: queryString
|
|
172
|
+
/* console.log('page change reported', {
|
|
173
|
+
currentPage: currentPage,
|
|
174
|
+
pageNumber: pageNumber,
|
|
175
|
+
pathname: pathname,
|
|
176
|
+
path: path,
|
|
177
|
+
newPath: newPath,
|
|
178
|
+
firstPage: pageNumber === 1,
|
|
179
|
+
queryString: queryString
|
|
180
180
|
}) */
|
|
181
181
|
|
|
182
182
|
if (pageview) {
|