@mjhls/mjh-framework 1.0.66 → 1.0.68

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/dist/index.js CHANGED
@@ -8,6 +8,7 @@ var React = require('react');
8
8
  var React__default = _interopDefault(React);
9
9
  var PropTypes = _interopDefault(require('prop-types'));
10
10
  var reactDom = _interopDefault(require('react-dom'));
11
+ var Container = _interopDefault(require('react-bootstrap/Container'));
11
12
  var Row = _interopDefault(require('react-bootstrap/Row'));
12
13
  var Col = _interopDefault(require('react-bootstrap/Col'));
13
14
  var Card = _interopDefault(require('react-bootstrap/Card'));
@@ -18,7 +19,6 @@ var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
18
19
  var Head = _interopDefault(require('next/head'));
19
20
  var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
20
21
  var AccordionToggle = require('react-bootstrap/AccordionToggle');
21
- var Container = _interopDefault(require('react-bootstrap/Container'));
22
22
  var Nav = _interopDefault(require('react-bootstrap/Nav'));
23
23
  var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
24
24
  var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
@@ -4091,7 +4091,11 @@ var DeckContent = function (_React$Component) {
4091
4091
  React__default.createElement(
4092
4092
  InfiniteScroll,
4093
4093
  { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
4094
- this.cardLoader(page, columns, variant)
4094
+ React__default.createElement(
4095
+ Container,
4096
+ null,
4097
+ this.cardLoader(page, columns, variant)
4098
+ )
4095
4099
  ),
4096
4100
  React__default.createElement(
4097
4101
  'noscript',
@@ -4101,7 +4105,11 @@ var DeckContent = function (_React$Component) {
4101
4105
  ) : React__default.createElement(
4102
4106
  React__default.Fragment,
4103
4107
  null,
4104
- this.cardLoader(page, columns, variant),
4108
+ React__default.createElement(
4109
+ Container,
4110
+ null,
4111
+ this.cardLoader(page, columns, variant)
4112
+ ),
4105
4113
  React__default.createElement(
4106
4114
  'div',
4107
4115
  { style: { padding: '0px 10px' } },
@@ -5287,11 +5295,19 @@ var DeckQueue = function (_React$Component) {
5287
5295
  autoScroll ? React__default.createElement(
5288
5296
  InfiniteScroll,
5289
5297
  { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling },
5290
- this.cardLoader(page, columns, variant)
5298
+ React__default.createElement(
5299
+ Container,
5300
+ null,
5301
+ this.cardLoader(page, columns, variant)
5302
+ )
5291
5303
  ) : React__default.createElement(
5292
5304
  React__default.Fragment,
5293
5305
  null,
5294
- this.cardLoader(page, columns, variant),
5306
+ React__default.createElement(
5307
+ Container,
5308
+ null,
5309
+ this.cardLoader(page, columns, variant)
5310
+ ),
5295
5311
  React__default.createElement(
5296
5312
  'div',
5297
5313
  { style: { padding: '0px 10px' } },
@@ -5384,79 +5400,83 @@ var TaxonomyCard = function TaxonomyCard(props) {
5384
5400
  'div',
5385
5401
  { className: 'contentDeck' },
5386
5402
  React__default.createElement(
5387
- Row,
5403
+ Container,
5388
5404
  null,
5389
- data && data.map(function (row, index) {
5390
- if (columns === 'rotate' && itemCounter % 3 === 0) {
5391
- lgVar = 12;
5392
- } else if (columns && columns !== 'rotate') {
5393
- lgVar = Math.floor(12 / columns);
5394
- } else {
5395
- lgVar = 6;
5396
- }
5397
- var thumbnailURL = row.thumbnail && row.thumbnail.asset ? urlFor(row.thumbnail.asset).url() : defaultImage;
5398
- return React__default.createElement(
5399
- Col,
5400
- { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
5401
- React__default.createElement(
5402
- Card,
5403
- { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
5405
+ React__default.createElement(
5406
+ Row,
5407
+ null,
5408
+ data && data.map(function (row, index) {
5409
+ if (columns === 'rotate' && itemCounter % 3 === 0) {
5410
+ lgVar = 12;
5411
+ } else if (columns && columns !== 'rotate') {
5412
+ lgVar = Math.floor(12 / columns);
5413
+ } else {
5414
+ lgVar = 6;
5415
+ }
5416
+ var thumbnailURL = row.thumbnail && row.thumbnail.asset ? urlFor(row.thumbnail.asset).url() : defaultImage;
5417
+ return React__default.createElement(
5418
+ Col,
5419
+ { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
5404
5420
  React__default.createElement(
5405
- Card.Body,
5406
- null,
5421
+ Card,
5422
+ { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
5407
5423
  React__default.createElement(
5408
- Row,
5424
+ Card.Body,
5409
5425
  null,
5410
- thumbnailURL && React__default.createElement(
5411
- Col,
5412
- null,
5413
- React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
5414
- ),
5415
5426
  React__default.createElement(
5416
- Col,
5427
+ Row,
5417
5428
  null,
5418
- row.url ? React__default.createElement(
5419
- Link,
5420
- { href: row.url, as: row.url },
5421
- React__default.createElement(
5422
- 'a',
5423
- null,
5424
- React__default.createElement(
5425
- Card.Title,
5426
- null,
5427
- row.name
5428
- )
5429
- )
5430
- ) : React__default.createElement(
5431
- Card.Title,
5429
+ thumbnailURL && React__default.createElement(
5430
+ Col,
5432
5431
  null,
5433
- row.name
5432
+ React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
5434
5433
  ),
5435
5434
  React__default.createElement(
5436
- Card.Text,
5435
+ Col,
5437
5436
  null,
5438
- row.summary
5437
+ row.url ? React__default.createElement(
5438
+ Link,
5439
+ { href: row.url, as: row.url },
5440
+ React__default.createElement(
5441
+ 'a',
5442
+ null,
5443
+ React__default.createElement(
5444
+ Card.Title,
5445
+ null,
5446
+ row.name
5447
+ )
5448
+ )
5449
+ ) : React__default.createElement(
5450
+ Card.Title,
5451
+ null,
5452
+ row.name
5453
+ ),
5454
+ React__default.createElement(
5455
+ Card.Text,
5456
+ null,
5457
+ row.summary
5458
+ )
5439
5459
  )
5460
+ ),
5461
+ icon && React__default.createElement(
5462
+ 'span',
5463
+ {
5464
+ className: 'taxonomy-icon',
5465
+ style: {
5466
+ position: 'absolute',
5467
+ right: '20px',
5468
+ top: '50%',
5469
+ transform: 'translateY(-50%) translateX(50px)',
5470
+ transition: 'all .25s',
5471
+ pointerEvents: 'none'
5472
+ } },
5473
+ '\u2192'
5440
5474
  )
5441
- ),
5442
- icon && React__default.createElement(
5443
- 'span',
5444
- {
5445
- className: 'taxonomy-icon',
5446
- style: {
5447
- position: 'absolute',
5448
- right: '20px',
5449
- top: '50%',
5450
- transform: 'translateY(-50%) translateX(50px)',
5451
- transition: 'all .25s',
5452
- pointerEvents: 'none'
5453
- } },
5454
- '\u2192'
5455
5475
  )
5456
5476
  )
5457
- )
5458
- );
5459
- })
5477
+ );
5478
+ })
5479
+ )
5460
5480
  ),
5461
5481
  icon && React__default.createElement(
5462
5482
  'style',
@@ -11149,6 +11169,16 @@ var Media$1 = function Media$$1(_ref) {
11149
11169
  );
11150
11170
  };
11151
11171
 
11172
+ var IFrame = function IFrame(_ref) {
11173
+ var url = _ref.url;
11174
+
11175
+ return React__default.createElement(
11176
+ 'div',
11177
+ { className: 'd-block text-center mb-3' },
11178
+ React__default.createElement('iframe', { className: 'w-100', src: url, frameBorder: '0' })
11179
+ );
11180
+ };
11181
+
11152
11182
  var getSerializers$1 = function getSerializers(client) {
11153
11183
  return {
11154
11184
  types: {
@@ -11190,6 +11220,11 @@ var getSerializers$1 = function getSerializers(client) {
11190
11220
  blank = node.blank;
11191
11221
 
11192
11222
  return React__default.createElement(Media$1, { uploadDoc: upload_doc, poster: poster, blank: blank, client: client, caption: caption });
11223
+ },
11224
+ iframe: function iframe(_ref7) {
11225
+ var node = _ref7.node;
11226
+
11227
+ return React__default.createElement(IFrame, { url: node.url });
11193
11228
  }
11194
11229
  },
11195
11230
  marks: {