@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.
Files changed (44) hide show
  1. package/README.md +171 -171
  2. package/dist/cjs/DeckContent.js +9 -9
  3. package/dist/cjs/DeckQueue.js +1 -1
  4. package/dist/cjs/{Figure-0681dd7d.js → Figure-167c0214.js} +1 -1
  5. package/dist/cjs/{GridContent-02acbd72.js → GridContent-fa2e1b56.js} +2 -2
  6. package/dist/cjs/GridContent.js +2 -2
  7. package/dist/cjs/IssueContentDeck.js +1 -1
  8. package/dist/cjs/IssueDeck.js +1 -1
  9. package/dist/cjs/MasterDeck.js +9 -9
  10. package/dist/cjs/{Normal-7b5f3f4e.js → Normal-61221bc6.js} +62 -647
  11. package/dist/cjs/PublicationDeck.js +1 -1
  12. package/dist/cjs/QueueDeckExpanded.js +1 -1
  13. package/dist/cjs/{TaxonomyCard-cf5bbc07.js → TaxonomyCard-4210753c.js} +104 -3
  14. package/dist/cjs/TaxonomyCard.js +3 -2
  15. package/dist/cjs/TemplateNormal.js +2 -1
  16. package/dist/cjs/ThumbnailCard.js +1 -1
  17. package/dist/cjs/VideoSeriesListing.js +14 -12
  18. package/dist/cjs/{YoutubeGroup-98ffbc57.js → YoutubeGroup-39eba427.js} +4 -4
  19. package/dist/cjs/YoutubeGroup.js +1 -1
  20. package/dist/cjs/{index-39beccb3.js → index-be0c82be.js} +1 -2
  21. package/dist/cjs/index.js +548 -564
  22. package/dist/cjs/react-social-icons-cd0d9d3b.js +614 -0
  23. package/dist/esm/DeckContent.js +9 -9
  24. package/dist/esm/DeckQueue.js +1 -1
  25. package/dist/esm/{Figure-cff72982.js → Figure-9f21ef27.js} +1 -1
  26. package/dist/esm/{GridContent-96716e42.js → GridContent-88ed988c.js} +1 -1
  27. package/dist/esm/GridContent.js +2 -2
  28. package/dist/esm/IssueContentDeck.js +1 -1
  29. package/dist/esm/IssueDeck.js +1 -1
  30. package/dist/esm/MasterDeck.js +9 -9
  31. package/dist/esm/{Normal-3a3b672e.js → Normal-3a537c0a.js} +60 -645
  32. package/dist/esm/PublicationDeck.js +1 -1
  33. package/dist/esm/QueueDeckExpanded.js +1 -1
  34. package/dist/esm/{TaxonomyCard-ee1a22ae.js → TaxonomyCard-1d039949.js} +104 -3
  35. package/dist/esm/TaxonomyCard.js +3 -2
  36. package/dist/esm/TemplateNormal.js +2 -1
  37. package/dist/esm/ThumbnailCard.js +1 -1
  38. package/dist/esm/VideoSeriesListing.js +14 -12
  39. package/dist/esm/{YoutubeGroup-562ed456.js → YoutubeGroup-f59297bb.js} +4 -4
  40. package/dist/esm/YoutubeGroup.js +1 -1
  41. package/dist/esm/{index-3849e3fe.js → index-73819142.js} +1 -2
  42. package/dist/esm/index.js +551 -567
  43. package/dist/esm/react-social-icons-a7d5c5c7.js +609 -0
  44. package/package.json +103 -103
package/README.md CHANGED
@@ -1,171 +1,171 @@
1
-
2
- # mjh-framework v. 1.0.292
3
-
4
- > Foundation Framework
5
-
6
- [![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)
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
+ [![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)
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)
@@ -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-39beccb3.js');
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) {
@@ -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-39beccb3.js');
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-39beccb3.js');
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-39beccb3.js');
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 new Promise(function (resolve) { resolve(require('./Dfp-f75c65fd.js')); });
27
+ return Promise.resolve().then(function () { return require('./Dfp-f75c65fd.js'); });
28
28
  });
29
29
 
30
30
  var AD = function AD(props) {
@@ -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-39beccb3.js');
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-02acbd72.js');
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-39beccb3.js');
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
 
@@ -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-39beccb3.js');
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
 
@@ -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-39beccb3.js');
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) {