@mjhls/mjh-framework 1.0.283 → 1.0.284

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 CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.283
2
+ # mjh-framework v. 1.0.284
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/index.js CHANGED
@@ -14161,6 +14161,45 @@ var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
14161
14161
  );
14162
14162
  };
14163
14163
 
14164
+ var HighlightenVideo = function HighlightenVideo(_ref) {
14165
+ var highlightVideoOptions = _ref.highlightVideoOptions;
14166
+ var accountId = highlightVideoOptions.accountId,
14167
+ experienceId = highlightVideoOptions.experienceId;
14168
+
14169
+ return React__default.createElement(
14170
+ React__default.Fragment,
14171
+ null,
14172
+ accountId && experienceId && React__default.createElement(
14173
+ 'div',
14174
+ { className: 'brightcove-single-player' },
14175
+ React__default.createElement(
14176
+ 'p',
14177
+ { style: { width: '100%' } },
14178
+ 'Highlighted Videos'
14179
+ ),
14180
+ React__default.createElement(
14181
+ 'div',
14182
+ { className: 'playlist-player', style: { position: 'relative', display: 'block', margin: '0px auto' } },
14183
+ React__default.createElement(
14184
+ 'div',
14185
+ { style: { paddingTop: '56.25%' } },
14186
+ React__default.createElement('iframe', {
14187
+ src: 'https://players.brightcove.net/' + accountId + '/' + experienceId + '/share.html',
14188
+ allowFullScreen: true,
14189
+ allow: 'encrypted-media',
14190
+ style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
14191
+ })
14192
+ )
14193
+ )
14194
+ ),
14195
+ React__default.createElement(
14196
+ 'style',
14197
+ { jsx: 'true' },
14198
+ '\n @media (min-width: 320px) {\n .playlist-player {\n height: 290px;\n }\n }\n @media (min-width: 360px) {\n .playlist-player {\n height: 340px;\n }\n }\n @media (min-width: 480px) {\n .playlist-player {\n height: 400px;\n }\n }\n @media (min-width: 560px) {\n .playlist-player {\n height: 300px;\n }\n }\n @media (min-width: 768px) {\n .playlist-player {\n height: 400px;\n }\n }\n @media (min-width: 968px) {\n .playlist-player {\n height: 300px;\n }\n }\n @media (min-width: 992px) {\n .playlist-player {\n height: 350px;\n }\n }\n @media (min-width: 1192px) {\n .playlist-player {\n height: 300px;\n }\n }\n @media (min-width: 1400px) {\n .playlist-player {\n height: 400px;\n }\n }\n .brightcove-single-player {\n margin-bottom: 10px;\n width: 100%;\n }\n .brightcove-single-player p {\n padding: 10px;\n margin: 0;\n color: #fff;\n text-transform: uppercase;\n text-align: center;\n font-size: 1.5em;\n font-weight: 400;\n margin-bottom: 10px;\n }\n '
14199
+ )
14200
+ );
14201
+ };
14202
+
14164
14203
  var fbsHero = function fbsHero(props) {
14165
14204
  var removeTimeStamp = props.removeTimeStamp;
14166
14205
 
@@ -16550,6 +16589,7 @@ exports.Feature = Feature;
16550
16589
  exports.ForbesHero = fbsHero;
16551
16590
  exports.GridHero = GridHero;
16552
16591
  exports.Hero = Hero;
16592
+ exports.HighlightenVideo = HighlightenVideo;
16553
16593
  exports.HorizontalHero = HorizontalHero;
16554
16594
  exports.KMTracker = KMTracker;
16555
16595
  exports.OncliveHero = OncliveHero;
package/dist/esm/index.js CHANGED
@@ -14159,6 +14159,45 @@ var ArticleDetailDropdown = function ArticleDetailDropdown(props) {
14159
14159
  );
14160
14160
  };
14161
14161
 
14162
+ var HighlightenVideo = function HighlightenVideo(_ref) {
14163
+ var highlightVideoOptions = _ref.highlightVideoOptions;
14164
+ var accountId = highlightVideoOptions.accountId,
14165
+ experienceId = highlightVideoOptions.experienceId;
14166
+
14167
+ return React__default.createElement(
14168
+ React__default.Fragment,
14169
+ null,
14170
+ accountId && experienceId && React__default.createElement(
14171
+ 'div',
14172
+ { className: 'brightcove-single-player' },
14173
+ React__default.createElement(
14174
+ 'p',
14175
+ { style: { width: '100%' } },
14176
+ 'Highlighted Videos'
14177
+ ),
14178
+ React__default.createElement(
14179
+ 'div',
14180
+ { className: 'playlist-player', style: { position: 'relative', display: 'block', margin: '0px auto' } },
14181
+ React__default.createElement(
14182
+ 'div',
14183
+ { style: { paddingTop: '56.25%' } },
14184
+ React__default.createElement('iframe', {
14185
+ src: 'https://players.brightcove.net/' + accountId + '/' + experienceId + '/share.html',
14186
+ allowFullScreen: true,
14187
+ allow: 'encrypted-media',
14188
+ style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
14189
+ })
14190
+ )
14191
+ )
14192
+ ),
14193
+ React__default.createElement(
14194
+ 'style',
14195
+ { jsx: 'true' },
14196
+ '\n @media (min-width: 320px) {\n .playlist-player {\n height: 290px;\n }\n }\n @media (min-width: 360px) {\n .playlist-player {\n height: 340px;\n }\n }\n @media (min-width: 480px) {\n .playlist-player {\n height: 400px;\n }\n }\n @media (min-width: 560px) {\n .playlist-player {\n height: 300px;\n }\n }\n @media (min-width: 768px) {\n .playlist-player {\n height: 400px;\n }\n }\n @media (min-width: 968px) {\n .playlist-player {\n height: 300px;\n }\n }\n @media (min-width: 992px) {\n .playlist-player {\n height: 350px;\n }\n }\n @media (min-width: 1192px) {\n .playlist-player {\n height: 300px;\n }\n }\n @media (min-width: 1400px) {\n .playlist-player {\n height: 400px;\n }\n }\n .brightcove-single-player {\n margin-bottom: 10px;\n width: 100%;\n }\n .brightcove-single-player p {\n padding: 10px;\n margin: 0;\n color: #fff;\n text-transform: uppercase;\n text-align: center;\n font-size: 1.5em;\n font-weight: 400;\n margin-bottom: 10px;\n }\n '
14197
+ )
14198
+ );
14199
+ };
14200
+
14162
14201
  var fbsHero = function fbsHero(props) {
14163
14202
  var removeTimeStamp = props.removeTimeStamp;
14164
14203
 
@@ -16497,4 +16536,4 @@ var KMTracker = function KMTracker(props) {
16497
16536
  }
16498
16537
  };
16499
16538
 
16500
- export { AD300x250, AD300x250x600, ADFloatingFooter, ADFooter, ADGutter, ADWelcome, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, Breadcrumbs$1 as Breadcrumbs, CMEDeck, ConferenceArticleCard, EventsDeck, Feature, fbsHero as ForbesHero, GridHero, Hero, HorizontalHero, KMTracker, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };
16539
+ export { AD300x250, AD300x250x600, ADFloatingFooter, ADFooter, ADGutter, ADWelcome, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, Breadcrumbs$1 as Breadcrumbs, CMEDeck, ConferenceArticleCard, EventsDeck, Feature, fbsHero as ForbesHero, GridHero, Hero, HighlightenVideo, HorizontalHero, KMTracker, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.283",
3
+ "version": "1.0.284",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",