@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
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { _ as _extends } from './extends-92072fff.js';
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import Container from 'react-bootstrap/Container';
|
|
5
5
|
import Row from 'react-bootstrap/Row';
|
|
6
6
|
import Col from 'react-bootstrap/Col';
|
|
7
7
|
import Card from 'react-bootstrap/Card';
|
|
8
|
-
import { n as node, i as imageUrlBuilder } from './index-
|
|
9
|
-
import { L as LazyLoad } from './index-
|
|
10
|
-
import { r as reactSocialIcons_1 } from './react-social-icons-
|
|
8
|
+
import { n as node, i as imageUrlBuilder } from './index-73819142.js';
|
|
9
|
+
import { L as LazyLoad } from './index-c5fd0af5.js';
|
|
10
|
+
import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
|
|
11
11
|
|
|
12
12
|
/*
|
|
13
13
|
object-assign
|
|
@@ -836,7 +836,7 @@ var internals$1 = internals;
|
|
|
836
836
|
|
|
837
837
|
var getSerializers = internals$1.getSerializers;
|
|
838
838
|
|
|
839
|
-
var renderNode =
|
|
839
|
+
var renderNode = React.createElement;
|
|
840
840
|
|
|
841
841
|
var _getSerializers = getSerializers(renderNode),
|
|
842
842
|
defaultSerializers = _getSerializers.defaultSerializers,
|
|
@@ -856,7 +856,7 @@ var getImageUrl$1 = internals$1.getImageUrl,
|
|
|
856
856
|
blocksToNodes$1 = internals$1.blocksToNodes,
|
|
857
857
|
mergeSerializers$1 = internals$1.mergeSerializers;
|
|
858
858
|
|
|
859
|
-
var renderNode$1 =
|
|
859
|
+
var renderNode$1 = React.createElement;
|
|
860
860
|
|
|
861
861
|
var SanityBlockContent = function SanityBlockContent(props) {
|
|
862
862
|
var customSerializers = mergeSerializers$1(SanityBlockContent.defaultSerializers, props.serializers);
|
|
@@ -943,13 +943,13 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
943
943
|
var itemCounter = 0;
|
|
944
944
|
var lgVar = 12;
|
|
945
945
|
|
|
946
|
-
return
|
|
946
|
+
return React.createElement(
|
|
947
947
|
'div',
|
|
948
948
|
{ className: 'contentDeck' },
|
|
949
|
-
|
|
949
|
+
React.createElement(
|
|
950
950
|
Container,
|
|
951
951
|
null,
|
|
952
|
-
|
|
952
|
+
React.createElement(
|
|
953
953
|
Row,
|
|
954
954
|
null,
|
|
955
955
|
data && data.map(function (row, index) {
|
|
@@ -988,33 +988,33 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
988
988
|
extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
|
|
989
989
|
extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
|
|
990
990
|
extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
|
|
991
|
-
return
|
|
991
|
+
return React.createElement(
|
|
992
992
|
Col,
|
|
993
993
|
{ key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
|
|
994
|
-
|
|
994
|
+
React.createElement(
|
|
995
995
|
Card,
|
|
996
996
|
{ className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
|
|
997
|
-
|
|
997
|
+
React.createElement(
|
|
998
998
|
Card.Body,
|
|
999
999
|
null,
|
|
1000
|
-
|
|
1000
|
+
React.createElement(
|
|
1001
1001
|
Row,
|
|
1002
1002
|
null,
|
|
1003
|
-
thumbnailURL &&
|
|
1003
|
+
thumbnailURL && React.createElement(
|
|
1004
1004
|
Col,
|
|
1005
1005
|
null,
|
|
1006
|
-
|
|
1006
|
+
React.createElement(
|
|
1007
1007
|
LazyLoad,
|
|
1008
1008
|
{ height: imageHeight },
|
|
1009
|
-
row && row.thumbnail &&
|
|
1009
|
+
row && row.thumbnail && React.createElement(
|
|
1010
1010
|
'figure',
|
|
1011
1011
|
null,
|
|
1012
|
-
row.thumbnail.link ?
|
|
1012
|
+
row.thumbnail.link ? React.createElement(
|
|
1013
1013
|
'a',
|
|
1014
1014
|
{ href: row.thumbnail.link, target: row.thumbnail.blank ? '_blank' : '_self' },
|
|
1015
|
-
|
|
1016
|
-
) :
|
|
1017
|
-
row && row.thumbnail && row.thumbnail.caption &&
|
|
1015
|
+
React.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
|
|
1016
|
+
) : React.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
|
|
1017
|
+
row && row.thumbnail && row.thumbnail.caption && React.createElement(
|
|
1018
1018
|
'figcaption',
|
|
1019
1019
|
null,
|
|
1020
1020
|
row.thumbnail.caption
|
|
@@ -1022,30 +1022,30 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
1022
1022
|
)
|
|
1023
1023
|
)
|
|
1024
1024
|
),
|
|
1025
|
-
|
|
1025
|
+
React.createElement(
|
|
1026
1026
|
Col,
|
|
1027
1027
|
null,
|
|
1028
|
-
|
|
1028
|
+
React.createElement(
|
|
1029
1029
|
Row,
|
|
1030
1030
|
null,
|
|
1031
|
-
|
|
1031
|
+
React.createElement(
|
|
1032
1032
|
'div',
|
|
1033
1033
|
null,
|
|
1034
|
-
(address && address.length > 0 || companyDetails && companyDetails.length > 0) &&
|
|
1034
|
+
(address && address.length > 0 || companyDetails && companyDetails.length > 0) && React.createElement(
|
|
1035
1035
|
'div',
|
|
1036
1036
|
{ className: 'details-wrapper' },
|
|
1037
|
-
companyDetails && companyDetails.length > 0 &&
|
|
1037
|
+
companyDetails && companyDetails.length > 0 && React.createElement(
|
|
1038
1038
|
'div',
|
|
1039
1039
|
{ className: 'company-wrapper' },
|
|
1040
1040
|
companyDetails.map(function (field, index) {
|
|
1041
1041
|
if (field.value && field.key === 'company') {
|
|
1042
|
-
return
|
|
1042
|
+
return React.createElement(
|
|
1043
1043
|
'p',
|
|
1044
1044
|
{ className: 'details-field', key: index },
|
|
1045
1045
|
field.value
|
|
1046
1046
|
);
|
|
1047
1047
|
} else if (field.value && field.key === 'url') {
|
|
1048
|
-
return
|
|
1048
|
+
return React.createElement(
|
|
1049
1049
|
'a',
|
|
1050
1050
|
{ className: 'details-field', href: field.value, key: index },
|
|
1051
1051
|
field.value
|
|
@@ -1060,12 +1060,12 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
1060
1060
|
// }
|
|
1061
1061
|
})
|
|
1062
1062
|
),
|
|
1063
|
-
address && address.length > 0 &&
|
|
1063
|
+
address && address.length > 0 && React.createElement(
|
|
1064
1064
|
'div',
|
|
1065
1065
|
{ className: 'address-wrapper' },
|
|
1066
1066
|
address.map(function (field, index) {
|
|
1067
1067
|
if (field) {
|
|
1068
|
-
return
|
|
1068
|
+
return React.createElement(
|
|
1069
1069
|
'p',
|
|
1070
1070
|
{ className: 'details-field', key: index },
|
|
1071
1071
|
field
|
|
@@ -1073,18 +1073,18 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
1073
1073
|
}
|
|
1074
1074
|
})
|
|
1075
1075
|
),
|
|
1076
|
-
|
|
1076
|
+
React.createElement(
|
|
1077
1077
|
'style',
|
|
1078
1078
|
{ jsx: 'true' },
|
|
1079
1079
|
'\n .details-wrapper .details-field {\n margin: 0px;\n display: block;\n font-size: 1rem;\n margin-bottom: 3px;\n }\n .details-wrapper .company-wrapper {\n margin-right: 20px;\n display: inline-block;\n width: 50%;\n vertical-align: top;\n }\n .details-wrapper .address-wrapper {\n width: 45%;\n display: inline-block;\n }\n '
|
|
1080
1080
|
)
|
|
1081
1081
|
),
|
|
1082
|
-
socialLinks && socialLinks.length &&
|
|
1082
|
+
socialLinks && socialLinks.length && React.createElement(
|
|
1083
1083
|
'div',
|
|
1084
1084
|
{ className: 'social-icons' },
|
|
1085
1085
|
socialLinks.map(function (url, index) {
|
|
1086
1086
|
if (url && url.length) {
|
|
1087
|
-
return
|
|
1087
|
+
return React.createElement(reactSocialIcons_1, {
|
|
1088
1088
|
target: '_blank',
|
|
1089
1089
|
rel: 'noopener noreferrer',
|
|
1090
1090
|
key: index,
|
|
@@ -1094,22 +1094,22 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
1094
1094
|
});
|
|
1095
1095
|
}
|
|
1096
1096
|
}),
|
|
1097
|
-
|
|
1097
|
+
React.createElement(
|
|
1098
1098
|
'style',
|
|
1099
1099
|
{ jsx: 'true' },
|
|
1100
1100
|
'\n .social-icons {\n margin-top: 0px;\n margin-bottom: 10px;\n }\n '
|
|
1101
1101
|
)
|
|
1102
1102
|
),
|
|
1103
|
-
|
|
1103
|
+
React.createElement(
|
|
1104
1104
|
Card.Text,
|
|
1105
1105
|
null,
|
|
1106
|
-
|
|
1106
|
+
React.createElement(BlockContent, _extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
|
|
1107
1107
|
)
|
|
1108
1108
|
)
|
|
1109
1109
|
)
|
|
1110
1110
|
)
|
|
1111
1111
|
),
|
|
1112
|
-
icon &&
|
|
1112
|
+
icon && React.createElement(
|
|
1113
1113
|
'span',
|
|
1114
1114
|
{
|
|
1115
1115
|
className: 'taxonomy-icon',
|
|
@@ -1129,7 +1129,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
|
|
|
1129
1129
|
})
|
|
1130
1130
|
)
|
|
1131
1131
|
),
|
|
1132
|
-
icon &&
|
|
1132
|
+
icon && React.createElement(
|
|
1133
1133
|
'style',
|
|
1134
1134
|
{ jsx: 'true' },
|
|
1135
1135
|
'\n .taxonomy-card:hover .taxonomy-icon {\n transform: translateY(-50%) scale(1.5) translateX(0) !important;\n }\n '
|
package/dist/esm/TaxonomyCard.js
CHANGED
|
@@ -9,7 +9,7 @@ import 'react-bootstrap/Row';
|
|
|
9
9
|
import 'react-bootstrap/Col';
|
|
10
10
|
import 'react-bootstrap/Card';
|
|
11
11
|
import 'react-dom';
|
|
12
|
-
import './index-
|
|
13
|
-
import './index-
|
|
14
|
-
export { T as default } from './TaxonomyCard-
|
|
15
|
-
import './react-social-icons-
|
|
12
|
+
import './index-73819142.js';
|
|
13
|
+
import './index-c5fd0af5.js';
|
|
14
|
+
export { T as default } from './TaxonomyCard-b22a742f.js';
|
|
15
|
+
import './react-social-icons-3822f1ce.js';
|
|
@@ -4,22 +4,22 @@ import './web.dom.iterable-e6bf2bf6.js';
|
|
|
4
4
|
import './_library-528f1934.js';
|
|
5
5
|
import './_iter-detect-7c281f0a.js';
|
|
6
6
|
import 'react';
|
|
7
|
-
import './debounce-
|
|
7
|
+
import './debounce-42a7f724.js';
|
|
8
8
|
import 'prop-types';
|
|
9
9
|
import 'react-bootstrap/Container';
|
|
10
10
|
import 'react-bootstrap/Row';
|
|
11
11
|
import 'react-bootstrap/Col';
|
|
12
12
|
import 'next/router';
|
|
13
|
-
import './main-
|
|
13
|
+
import './main-cf4930f0.js';
|
|
14
14
|
import './slicedToArray-04e02710.js';
|
|
15
|
-
import './AdSlot-
|
|
15
|
+
import './AdSlot-362a1c30.js';
|
|
16
16
|
import './promise-2592a80a.js';
|
|
17
|
-
import './get-
|
|
18
|
-
import './react-social-icons-
|
|
17
|
+
import './get-bc6cf9fb.js';
|
|
18
|
+
import './react-social-icons-3822f1ce.js';
|
|
19
19
|
import 'react-bootstrap';
|
|
20
20
|
import './index.esm-536609db.js';
|
|
21
21
|
import 'react-bootstrap/Button';
|
|
22
|
-
export { T as default } from './Normal-
|
|
22
|
+
export { T as default } from './Normal-6efd92da.js';
|
|
23
23
|
import 'react-bootstrap/ListGroup';
|
|
24
24
|
import 'next/head';
|
|
25
25
|
import 'react-bootstrap/Nav';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import 'prop-types';
|
|
4
4
|
import 'react-dom';
|
|
5
|
-
import { i as imageUrlBuilder } from './index-
|
|
6
|
-
import { L as LazyLoad } from './index-
|
|
5
|
+
import { i as imageUrlBuilder } from './index-73819142.js';
|
|
6
|
+
import { L as LazyLoad } from './index-c5fd0af5.js';
|
|
7
7
|
import { c as clean_html_1 } from './entities-7cc3bf45.js';
|
|
8
|
-
import Media
|
|
8
|
+
import Media from 'react-bootstrap/Media';
|
|
9
9
|
|
|
10
10
|
var ThumbnailCard = function ThumbnailCard(_ref) {
|
|
11
11
|
var size = _ref.size,
|
|
@@ -19,27 +19,27 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
|
|
|
19
19
|
return builder.image(source).auto('format');
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
return
|
|
22
|
+
return React.createElement(
|
|
23
23
|
'div',
|
|
24
24
|
null,
|
|
25
25
|
mediaData && mediaData.map(function (item, index) {
|
|
26
|
-
return
|
|
27
|
-
Media
|
|
26
|
+
return React.createElement(
|
|
27
|
+
Media,
|
|
28
28
|
{ className: 'mb-3 thumbnail-card' },
|
|
29
|
-
|
|
29
|
+
React.createElement(
|
|
30
30
|
LazyLoad,
|
|
31
31
|
{ height: size },
|
|
32
|
-
|
|
32
|
+
React.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
|
|
33
33
|
),
|
|
34
|
-
|
|
35
|
-
Media
|
|
34
|
+
React.createElement(
|
|
35
|
+
Media.Body,
|
|
36
36
|
null,
|
|
37
|
-
|
|
37
|
+
React.createElement(
|
|
38
38
|
'h5',
|
|
39
39
|
null,
|
|
40
40
|
item.title
|
|
41
41
|
),
|
|
42
|
-
|
|
42
|
+
React.createElement(
|
|
43
43
|
'p',
|
|
44
44
|
null,
|
|
45
45
|
clean_html_1(item.summary)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
|
|
3
3
|
import { G as GenIcon, d as IoIosOpen } from './index.esm-536609db.js';
|
|
4
4
|
|
|
@@ -67,31 +67,31 @@ var Ustream = function Ustream(_ref) {
|
|
|
67
67
|
} catch (err) {}
|
|
68
68
|
}, []);
|
|
69
69
|
|
|
70
|
-
return
|
|
70
|
+
return React.createElement(
|
|
71
71
|
'div',
|
|
72
72
|
{ id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
|
|
73
|
-
|
|
73
|
+
React.createElement(
|
|
74
74
|
'div',
|
|
75
75
|
{ style: { position: 'relative' } },
|
|
76
|
-
close ?
|
|
76
|
+
close ? React.createElement(
|
|
77
77
|
'div',
|
|
78
78
|
{ className: 'ustream-close' },
|
|
79
|
-
|
|
80
|
-
) :
|
|
81
|
-
|
|
79
|
+
React.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
|
|
80
|
+
) : React.createElement(
|
|
81
|
+
React.Fragment,
|
|
82
82
|
null,
|
|
83
|
-
|
|
83
|
+
React.createElement(
|
|
84
84
|
'div',
|
|
85
85
|
{ className: 'ustream-minimize' },
|
|
86
|
-
|
|
86
|
+
React.createElement(IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
|
|
87
87
|
),
|
|
88
|
-
|
|
88
|
+
React.createElement(
|
|
89
89
|
'div',
|
|
90
90
|
{ className: 'ustream-close' },
|
|
91
|
-
|
|
91
|
+
React.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
|
|
92
92
|
)
|
|
93
93
|
),
|
|
94
|
-
|
|
94
|
+
React.createElement('iframe', {
|
|
95
95
|
id: 'ustream-iframe',
|
|
96
96
|
webkitallowfullscreen: 'true',
|
|
97
97
|
allowFullScreen: true,
|
|
@@ -99,7 +99,7 @@ var Ustream = function Ustream(_ref) {
|
|
|
99
99
|
style: { maxWidth: '100%', height: currentHeight, width: currentWidth }
|
|
100
100
|
})
|
|
101
101
|
),
|
|
102
|
-
|
|
102
|
+
React.createElement(
|
|
103
103
|
'style',
|
|
104
104
|
{ jsx: 'true' },
|
|
105
105
|
'\n #ustream-container {\n position: fixed;\n bottom: 0;\n ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n z-index: 999;\n max-width: 100%;\n }\n .ustream-minimize,\n .ustream-close {\n position: absolute;\n color: white;\n right: 0.5rem;\n top: 0.25rem;\n cursor: pointer;\n font-weight: bold;\n }\n .ustream-close {\n ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n }\n @media screen and (max-width: 768px) {\n #ustream-container:not(.closed) {\n width: 231px !important;\n height: 130px !important;\n }\n #ustream-container:not(.closed) iframe {\n height: 130px !important;\n }\n }\n '
|
|
@@ -107,6 +107,6 @@ var Ustream = function Ustream(_ref) {
|
|
|
107
107
|
);
|
|
108
108
|
};
|
|
109
109
|
|
|
110
|
-
var Ustream$1 =
|
|
110
|
+
var Ustream$1 = React.memo(Ustream);
|
|
111
111
|
|
|
112
112
|
export { FaLongArrowAltRight as F, Ustream$1 as U };
|
package/dist/esm/Ustream.js
CHANGED
|
@@ -4,19 +4,19 @@ import './web.dom.iterable-e6bf2bf6.js';
|
|
|
4
4
|
import './_library-528f1934.js';
|
|
5
5
|
import './_object-pie-33c40e79.js';
|
|
6
6
|
import { _ as _extends } from './extends-92072fff.js';
|
|
7
|
-
import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-
|
|
8
|
-
import './typeof-
|
|
9
|
-
import
|
|
10
|
-
import { d as debounce_1, l as lib_3 } from './debounce-
|
|
7
|
+
import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-bbec2f34.js';
|
|
8
|
+
import './typeof-09bf9211.js';
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import { d as debounce_1, l as lib_3 } from './debounce-42a7f724.js';
|
|
11
11
|
import 'prop-types';
|
|
12
12
|
import Container from 'react-bootstrap/Container';
|
|
13
13
|
import './moment-12415288.js';
|
|
14
14
|
import { withRouter } from 'next/router';
|
|
15
|
-
import { I as InfiniteScroll } from './index.es-
|
|
15
|
+
import { I as InfiniteScroll } from './index.es-27d0bae9.js';
|
|
16
16
|
import 'react-dom';
|
|
17
|
-
import { V as VisibilitySensor } from './visibility-sensor-
|
|
18
|
-
import './index-
|
|
19
|
-
import './index-
|
|
17
|
+
import { V as VisibilitySensor } from './visibility-sensor-87d6b78c.js';
|
|
18
|
+
import './index-73819142.js';
|
|
19
|
+
import './index-c5fd0af5.js';
|
|
20
20
|
import './slicedToArray-04e02710.js';
|
|
21
21
|
import './smoothscroll-4b699764.js';
|
|
22
22
|
import YoutubeGroup from './YoutubeGroup.js';
|
|
@@ -160,15 +160,15 @@ var VideoSeriesListing = function (_React$Component) {
|
|
|
160
160
|
}, _this.renderManualPagination = function () {
|
|
161
161
|
var currentPage = _this.state.currentPage;
|
|
162
162
|
|
|
163
|
-
return
|
|
163
|
+
return React.createElement(
|
|
164
164
|
'div',
|
|
165
165
|
{ className: 'd-flex justify-content-between' },
|
|
166
|
-
currentPage && currentPage > 1 &&
|
|
166
|
+
currentPage && currentPage > 1 && React.createElement(
|
|
167
167
|
'a',
|
|
168
168
|
{ href: '?page=' + (currentPage - 1) },
|
|
169
169
|
'<< Previous'
|
|
170
170
|
),
|
|
171
|
-
|
|
171
|
+
React.createElement(
|
|
172
172
|
'a',
|
|
173
173
|
{ href: '?page=' + (currentPage + 1) },
|
|
174
174
|
'Next >>'
|
|
@@ -177,7 +177,7 @@ var VideoSeriesListing = function (_React$Component) {
|
|
|
177
177
|
}, _this.renderSeries = function (seriesData) {
|
|
178
178
|
var itemCounter = 0;
|
|
179
179
|
|
|
180
|
-
return
|
|
180
|
+
return React.createElement(
|
|
181
181
|
'div',
|
|
182
182
|
null,
|
|
183
183
|
seriesData && seriesData.map(function (docSeries, index) {
|
|
@@ -187,24 +187,24 @@ var VideoSeriesListing = function (_React$Component) {
|
|
|
187
187
|
});
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
return
|
|
190
|
+
return React.createElement(
|
|
191
191
|
'div',
|
|
192
192
|
{ key: index, counter: itemCounter++ },
|
|
193
|
-
|
|
193
|
+
React.createElement(
|
|
194
194
|
'h4',
|
|
195
195
|
{ className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid var(--gold)' } },
|
|
196
|
-
|
|
196
|
+
React.createElement(
|
|
197
197
|
'a',
|
|
198
198
|
{ href: '/' + _this.props.page + '/' + docSeries.url.current },
|
|
199
199
|
docSeries.title,
|
|
200
|
-
|
|
200
|
+
React.createElement(
|
|
201
201
|
'span',
|
|
202
202
|
{ style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)' } },
|
|
203
|
-
|
|
203
|
+
React.createElement(IoIosArrowForward, null)
|
|
204
204
|
)
|
|
205
205
|
)
|
|
206
206
|
),
|
|
207
|
-
docSeries.body.length > 0 && docSeries.body[0].videos ?
|
|
207
|
+
docSeries.body.length > 0 && docSeries.body[0].videos ? React.createElement(YoutubeGroup, _extends({ key: index, dataset: docSeries.body[0].videos }, _this.props)) : React.createElement(
|
|
208
208
|
'p',
|
|
209
209
|
null,
|
|
210
210
|
'No Video Found.'
|
|
@@ -220,27 +220,27 @@ var VideoSeriesListing = function (_React$Component) {
|
|
|
220
220
|
value: function render() {
|
|
221
221
|
var _this2 = this;
|
|
222
222
|
|
|
223
|
-
return
|
|
223
|
+
return React.createElement(
|
|
224
224
|
InfiniteScroll,
|
|
225
225
|
{ dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
|
|
226
|
-
|
|
226
|
+
React.createElement(
|
|
227
227
|
Container,
|
|
228
228
|
null,
|
|
229
229
|
this.state.data && this.state.data.map(function (series, index) {
|
|
230
230
|
var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
|
|
231
231
|
|
|
232
|
-
return
|
|
233
|
-
|
|
232
|
+
return React.createElement(
|
|
233
|
+
React.Fragment,
|
|
234
234
|
{ key: index },
|
|
235
|
-
|
|
235
|
+
React.createElement(
|
|
236
236
|
VisibilitySensor,
|
|
237
237
|
{
|
|
238
238
|
onChange: function onChange(isVisible) {
|
|
239
239
|
isVisible && _this2.changePageNumber(page);
|
|
240
240
|
} },
|
|
241
|
-
|
|
241
|
+
React.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
|
|
242
242
|
),
|
|
243
|
-
|
|
243
|
+
React.createElement(
|
|
244
244
|
'div',
|
|
245
245
|
null,
|
|
246
246
|
_this2.renderSeries(series)
|
|
@@ -253,7 +253,7 @@ var VideoSeriesListing = function (_React$Component) {
|
|
|
253
253
|
}]);
|
|
254
254
|
|
|
255
255
|
return VideoSeriesListing;
|
|
256
|
-
}(
|
|
256
|
+
}(React.Component);
|
|
257
257
|
|
|
258
258
|
var VideoSeriesListing$1 = withRouter(VideoSeriesListing);
|
|
259
259
|
|