@mjhls/mjh-framework 1.0.202 → 1.0.203

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 (4) hide show
  1. package/README.md +1 -1
  2. package/dist/index.es.js +52 -35
  3. package/dist/index.js +52 -35
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.202
2
+ # mjh-framework v. 1.0.203
3
3
 
4
4
 
5
5
 
package/dist/index.es.js CHANGED
@@ -15425,11 +15425,11 @@ var IssueDeck = function IssueDeck(props) {
15425
15425
  Row,
15426
15426
  { style: { flexDirection: 'left' } },
15427
15427
  React__default.createElement(
15428
- 'a',
15429
- { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
15428
+ Col,
15429
+ { md: 12, lg: 4, className: 'body-image' },
15430
15430
  React__default.createElement(
15431
- Col,
15432
- { md: 12, lg: 4, className: 'body-image' },
15431
+ 'a',
15432
+ { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
15433
15433
  row.thumbnail && React__default.createElement(
15434
15434
  LazyLoad,
15435
15435
  { height: imageHeight },
@@ -15439,7 +15439,7 @@ var IssueDeck = function IssueDeck(props) {
15439
15439
  ),
15440
15440
  React__default.createElement(
15441
15441
  Col,
15442
- null,
15442
+ { md: 12, lg: 8 },
15443
15443
  React__default.createElement(
15444
15444
  Card.Body,
15445
15445
  { style: { padding: '20px' }, className: 'body-text' },
@@ -16345,8 +16345,24 @@ var Column2 = function Column2(props) {
16345
16345
  };
16346
16346
 
16347
16347
  var LeftNav = function LeftNav(props) {
16348
- var leftItems = props.leftItems;
16349
-
16348
+ var leftItems = props.leftItems,
16349
+ _props$fixedHeight = props.fixedHeight,
16350
+ fixedHeight = _props$fixedHeight === undefined ? true : _props$fixedHeight,
16351
+ _props$SeeAll = props.SeeAll,
16352
+ SeeAll = _props$SeeAll === undefined ? true : _props$SeeAll;
16353
+
16354
+ var sideNavStyles = void 0;
16355
+ if (fixedHeight) {
16356
+ sideNavStyles = {
16357
+ maxHeight: '194px',
16358
+ overflowY: 'scroll',
16359
+ paddingLeft: '0'
16360
+ };
16361
+ } else {
16362
+ sideNavStyles = {
16363
+ paddingLeft: '0'
16364
+ };
16365
+ }
16350
16366
 
16351
16367
  var checkUrlIsExternal = function checkUrlIsExternal(url) {
16352
16368
  if (/(http|https?)([^\s]+)/g.test(url)) {
@@ -16375,36 +16391,37 @@ var LeftNav = function LeftNav(props) {
16375
16391
  null,
16376
16392
  leftItems && leftItems.map(function (row, index) {
16377
16393
  return React__default.createElement(
16378
- ListGroup,
16379
- { key: index, as: 'ul', style: { marginBottom: '20px' } },
16380
- row.subQuery && row.subQuery.map(function (subRow, subIndex) {
16381
- if (subIndex === 0) {
16382
- return React__default.createElement(
16383
- React__default.Fragment,
16384
- { key: subIndex },
16385
- React__default.createElement(
16386
- ListGroup.Item,
16387
- { as: 'li', active: true, key: subIndex + '_1' },
16388
- row.name
16389
- ),
16390
- React__default.createElement(
16391
- ListGroup.Item,
16392
- { as: 'li', key: subIndex + '_2' },
16393
- renderListGroupItem(subRow)
16394
- )
16395
- );
16396
- } else {
16394
+ 'nav',
16395
+ { key: index, 'aria-label': 'Secondary' },
16396
+ React__default.createElement(
16397
+ 'div',
16398
+ { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
16399
+ React__default.createElement(
16400
+ 'span',
16401
+ { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
16402
+ row.name
16403
+ ),
16404
+ row.url && SeeAll && React__default.createElement(
16405
+ 'span',
16406
+ { style: { marginLeft: 'auto', display: 'inline-block' } },
16407
+ React__default.createElement(
16408
+ 'a',
16409
+ { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
16410
+ 'See All >'
16411
+ )
16412
+ )
16413
+ ),
16414
+ React__default.createElement(
16415
+ 'ul',
16416
+ { style: sideNavStyles },
16417
+ row.subQuery && row.subQuery.map(function (subRow, subIndex) {
16397
16418
  return React__default.createElement(
16398
- React__default.Fragment,
16399
- { key: subIndex },
16400
- React__default.createElement(
16401
- ListGroup.Item,
16402
- { as: 'li', key: subIndex + '_1' },
16403
- renderListGroupItem(subRow)
16404
- )
16419
+ ListGroup.Item,
16420
+ { as: 'li', key: subIndex + '_2' },
16421
+ renderListGroupItem(subRow)
16405
16422
  );
16406
- }
16407
- })
16423
+ })
16424
+ )
16408
16425
  );
16409
16426
  })
16410
16427
  );
package/dist/index.js CHANGED
@@ -15433,11 +15433,11 @@ var IssueDeck = function IssueDeck(props) {
15433
15433
  Row,
15434
15434
  { style: { flexDirection: 'left' } },
15435
15435
  React__default.createElement(
15436
- 'a',
15437
- { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
15436
+ Col,
15437
+ { md: 12, lg: 4, className: 'body-image' },
15438
15438
  React__default.createElement(
15439
- Col,
15440
- { md: 12, lg: 4, className: 'body-image' },
15439
+ 'a',
15440
+ { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
15441
15441
  row.thumbnail && React__default.createElement(
15442
15442
  LazyLoad,
15443
15443
  { height: imageHeight },
@@ -15447,7 +15447,7 @@ var IssueDeck = function IssueDeck(props) {
15447
15447
  ),
15448
15448
  React__default.createElement(
15449
15449
  Col,
15450
- null,
15450
+ { md: 12, lg: 8 },
15451
15451
  React__default.createElement(
15452
15452
  Card.Body,
15453
15453
  { style: { padding: '20px' }, className: 'body-text' },
@@ -16353,8 +16353,24 @@ var Column2 = function Column2(props) {
16353
16353
  };
16354
16354
 
16355
16355
  var LeftNav = function LeftNav(props) {
16356
- var leftItems = props.leftItems;
16357
-
16356
+ var leftItems = props.leftItems,
16357
+ _props$fixedHeight = props.fixedHeight,
16358
+ fixedHeight = _props$fixedHeight === undefined ? true : _props$fixedHeight,
16359
+ _props$SeeAll = props.SeeAll,
16360
+ SeeAll = _props$SeeAll === undefined ? true : _props$SeeAll;
16361
+
16362
+ var sideNavStyles = void 0;
16363
+ if (fixedHeight) {
16364
+ sideNavStyles = {
16365
+ maxHeight: '194px',
16366
+ overflowY: 'scroll',
16367
+ paddingLeft: '0'
16368
+ };
16369
+ } else {
16370
+ sideNavStyles = {
16371
+ paddingLeft: '0'
16372
+ };
16373
+ }
16358
16374
 
16359
16375
  var checkUrlIsExternal = function checkUrlIsExternal(url) {
16360
16376
  if (/(http|https?)([^\s]+)/g.test(url)) {
@@ -16383,36 +16399,37 @@ var LeftNav = function LeftNav(props) {
16383
16399
  null,
16384
16400
  leftItems && leftItems.map(function (row, index) {
16385
16401
  return React__default.createElement(
16386
- ListGroup,
16387
- { key: index, as: 'ul', style: { marginBottom: '20px' } },
16388
- row.subQuery && row.subQuery.map(function (subRow, subIndex) {
16389
- if (subIndex === 0) {
16390
- return React__default.createElement(
16391
- React__default.Fragment,
16392
- { key: subIndex },
16393
- React__default.createElement(
16394
- ListGroup.Item,
16395
- { as: 'li', active: true, key: subIndex + '_1' },
16396
- row.name
16397
- ),
16398
- React__default.createElement(
16399
- ListGroup.Item,
16400
- { as: 'li', key: subIndex + '_2' },
16401
- renderListGroupItem(subRow)
16402
- )
16403
- );
16404
- } else {
16402
+ 'nav',
16403
+ { key: index, 'aria-label': 'Secondary' },
16404
+ React__default.createElement(
16405
+ 'div',
16406
+ { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
16407
+ React__default.createElement(
16408
+ 'span',
16409
+ { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
16410
+ row.name
16411
+ ),
16412
+ row.url && SeeAll && React__default.createElement(
16413
+ 'span',
16414
+ { style: { marginLeft: 'auto', display: 'inline-block' } },
16415
+ React__default.createElement(
16416
+ 'a',
16417
+ { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
16418
+ 'See All >'
16419
+ )
16420
+ )
16421
+ ),
16422
+ React__default.createElement(
16423
+ 'ul',
16424
+ { style: sideNavStyles },
16425
+ row.subQuery && row.subQuery.map(function (subRow, subIndex) {
16405
16426
  return React__default.createElement(
16406
- React__default.Fragment,
16407
- { key: subIndex },
16408
- React__default.createElement(
16409
- ListGroup.Item,
16410
- { as: 'li', key: subIndex + '_1' },
16411
- renderListGroupItem(subRow)
16412
- )
16427
+ ListGroup.Item,
16428
+ { as: 'li', key: subIndex + '_2' },
16429
+ renderListGroupItem(subRow)
16413
16430
  );
16414
- }
16415
- })
16431
+ })
16432
+ )
16416
16433
  );
16417
16434
  })
16418
16435
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.202",
3
+ "version": "1.0.203",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",