@mjhls/mjh-framework 1.0.452 → 1.0.454

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 (8) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/ArticleQueue.js +13 -0
  3. package/dist/cjs/View.js +14 -1
  4. package/dist/cjs/getSerializers.js +5 -5
  5. package/dist/esm/ArticleQueue.js +13 -0
  6. package/dist/esm/View.js +14 -1
  7. package/dist/esm/getSerializers.js +5 -5
  8. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.452
2
+ # mjh-framework v. 1.0.454
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/ArticleQueue.js CHANGED
@@ -603,6 +603,19 @@ var Article = function Article(props) {
603
603
  }),
604
604
  React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
605
605
  React__default.createElement('hr', { className: 'article-seperater' }),
606
+ React__default.createElement(
607
+ 'noscript',
608
+ null,
609
+ props.relatedArticle && props.relatedArticle.url && props.relatedArticle.url.current && React__default.createElement(
610
+ 'div',
611
+ { style: { textAlign: 'center' } },
612
+ React__default.createElement(
613
+ 'a',
614
+ { href: '/view/' + props.relatedArticle.url.current },
615
+ 'Related Article >>>'
616
+ )
617
+ )
618
+ ),
606
619
  React__default.createElement(
607
620
  'style',
608
621
  { jsx: 'true' },
package/dist/cjs/View.js CHANGED
@@ -806,7 +806,20 @@ var Article = function Article(props) {
806
806
  }
807
807
  }),
808
808
  React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
809
- React__default.createElement('hr', { className: 'article-seperater my-5' })
809
+ React__default.createElement('hr', { className: 'article-seperater my-5' }),
810
+ React__default.createElement(
811
+ 'noscript',
812
+ null,
813
+ props.infiniteScroll && props.relatedArticle && props.relatedArticle.url && props.relatedArticle.url.current && React__default.createElement(
814
+ 'div',
815
+ { style: { textAlign: 'center' } },
816
+ React__default.createElement(
817
+ 'a',
818
+ { href: '/view/' + props.relatedArticle.url.current },
819
+ 'Related Article >>>'
820
+ )
821
+ )
822
+ )
810
823
  );
811
824
  };
812
825
 
package/dist/cjs/getSerializers.js CHANGED
@@ -7738,13 +7738,13 @@ var MultiFigure = function MultiFigure(props) {
7738
7738
  { xs: 12, md: 12 / images.length, key: index },
7739
7739
  React__default.createElement(
7740
7740
  'a',
7741
- _extends$1._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'text' } }),
7741
+ _extends$1._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
7742
7742
  React__default.createElement(
7743
7743
  'div',
7744
- null,
7745
- React__default.createElement('img', { className: 'multi-figure-image', src: urlFor$2(image.asset, client).url(), alt: image.alt }),
7744
+ { className: 'multi-figure-image-container' },
7745
+ React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$2(image.asset, client).url(), alt: image.alt }),
7746
7746
  image.caption && React__default.createElement(
7747
- 'p',
7747
+ 'span',
7748
7748
  { className: 'multi-figure-caption' },
7749
7749
  image.caption
7750
7750
  )
@@ -7756,7 +7756,7 @@ var MultiFigure = function MultiFigure(props) {
7756
7756
  React__default.createElement(
7757
7757
  'style',
7758
7758
  { jsx: 'true' },
7759
- '\n .multi-figure-container {\n margin-bottom: 8px;\n }\n .multi-figure-image {\n width: 100%;\n height: auto;\n max-height: 180px;\n min-height: 150px;\n object-fit: cover;\n }\n .multi-figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n\n @media only screen and (min-width: 768px) {\n .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n padding-left: 10px;\n }\n }\n '
7759
+ '\n .multi-figure-container {\n margin-bottom: 1rem;\n }\n .multi-figure-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n /* Small devices (portrait tablets and phones, 767px and down) */\n @media (max-width: 767px) {\n .multi-figure-image-container {\n margin-bottom: 1rem;\n }\n }\n\n /* Medium devices (landscape tablets, 768px and up) */\n @media (min-width: 768px) {\n .multi-figure-image[images-count=\'4\'] {\n height: 100px;\n }\n .multi-figure-image[images-count=\'3\'] {\n height: 130px;\n }\n .multi-figure-image[images-count=\'2\'] {\n height: 200px;\n }\n .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n padding-left: 0.75rem;\n }\n }\n\n /* Large devices (laptops/desktops, 992px and up) */\n @media (min-width: 992px) {\n .multi-figure-image[images-count=\'4\'] {\n height: 150px;\n }\n .multi-figure-image[images-count=\'3\'] {\n height: 200px;\n }\n .multi-figure-image[images-count=\'2\'] {\n height: 300px;\n }\n }\n\n .multi-figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n '
7760
7760
  )
7761
7761
  );
7762
7762
  }
package/dist/esm/ArticleQueue.js CHANGED
@@ -598,6 +598,19 @@ var Article = function Article(props) {
598
598
  }),
599
599
  React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
600
600
  React__default.createElement('hr', { className: 'article-seperater' }),
601
+ React__default.createElement(
602
+ 'noscript',
603
+ null,
604
+ props.relatedArticle && props.relatedArticle.url && props.relatedArticle.url.current && React__default.createElement(
605
+ 'div',
606
+ { style: { textAlign: 'center' } },
607
+ React__default.createElement(
608
+ 'a',
609
+ { href: '/view/' + props.relatedArticle.url.current },
610
+ 'Related Article >>>'
611
+ )
612
+ )
613
+ ),
601
614
  React__default.createElement(
602
615
  'style',
603
616
  { jsx: 'true' },
package/dist/esm/View.js CHANGED
@@ -801,7 +801,20 @@ var Article = function Article(props) {
801
801
  }
802
802
  }),
803
803
  React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
804
- React__default.createElement('hr', { className: 'article-seperater my-5' })
804
+ React__default.createElement('hr', { className: 'article-seperater my-5' }),
805
+ React__default.createElement(
806
+ 'noscript',
807
+ null,
808
+ props.infiniteScroll && props.relatedArticle && props.relatedArticle.url && props.relatedArticle.url.current && React__default.createElement(
809
+ 'div',
810
+ { style: { textAlign: 'center' } },
811
+ React__default.createElement(
812
+ 'a',
813
+ { href: '/view/' + props.relatedArticle.url.current },
814
+ 'Related Article >>>'
815
+ )
816
+ )
817
+ )
805
818
  );
806
819
  };
807
820
 
package/dist/esm/getSerializers.js CHANGED
@@ -7732,13 +7732,13 @@ var MultiFigure = function MultiFigure(props) {
7732
7732
  { xs: 12, md: 12 / images.length, key: index },
7733
7733
  React__default.createElement(
7734
7734
  'a',
7735
- _extends$1({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'text' } }),
7735
+ _extends$1({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
7736
7736
  React__default.createElement(
7737
7737
  'div',
7738
- null,
7739
- React__default.createElement('img', { className: 'multi-figure-image', src: urlFor$2(image.asset, client).url(), alt: image.alt }),
7738
+ { className: 'multi-figure-image-container' },
7739
+ React__default.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$2(image.asset, client).url(), alt: image.alt }),
7740
7740
  image.caption && React__default.createElement(
7741
- 'p',
7741
+ 'span',
7742
7742
  { className: 'multi-figure-caption' },
7743
7743
  image.caption
7744
7744
  )
@@ -7750,7 +7750,7 @@ var MultiFigure = function MultiFigure(props) {
7750
7750
  React__default.createElement(
7751
7751
  'style',
7752
7752
  { jsx: 'true' },
7753
- '\n .multi-figure-container {\n margin-bottom: 8px;\n }\n .multi-figure-image {\n width: 100%;\n height: auto;\n max-height: 180px;\n min-height: 150px;\n object-fit: cover;\n }\n .multi-figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n\n @media only screen and (min-width: 768px) {\n .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n padding-left: 10px;\n }\n }\n '
7753
+ '\n .multi-figure-container {\n margin-bottom: 1rem;\n }\n .multi-figure-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n /* Small devices (portrait tablets and phones, 767px and down) */\n @media (max-width: 767px) {\n .multi-figure-image-container {\n margin-bottom: 1rem;\n }\n }\n\n /* Medium devices (landscape tablets, 768px and up) */\n @media (min-width: 768px) {\n .multi-figure-image[images-count=\'4\'] {\n height: 100px;\n }\n .multi-figure-image[images-count=\'3\'] {\n height: 130px;\n }\n .multi-figure-image[images-count=\'2\'] {\n height: 200px;\n }\n .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n padding-left: 0.75rem;\n }\n }\n\n /* Large devices (laptops/desktops, 992px and up) */\n @media (min-width: 992px) {\n .multi-figure-image[images-count=\'4\'] {\n height: 150px;\n }\n .multi-figure-image[images-count=\'3\'] {\n height: 200px;\n }\n .multi-figure-image[images-count=\'2\'] {\n height: 300px;\n }\n }\n\n .multi-figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n '
7754
7754
  )
7755
7755
  );
7756
7756
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.452",
3
+ "version": "1.0.454",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",