@mjhls/mjh-framework 1.0.262 → 1.0.263

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.262
+# mjh-framework v. 1.0.263
 
 > Foundation Framework
 

package/dist/cjs/{Normal-0cd03739.js → Normal-d5d437f2.js}

@@ -2015,6 +2015,11 @@ var HamMagazine = function HamMagazine(props) {
       isOpen = _useState8[0],
       setIsOpen = _useState8[1];
 
+  var _useState9 = React.useState(0),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      resolution = _useState10[0],
+      setResolution = _useState10[1];
+
   React.useEffect(function () {
     document.addEventListener('scroll', trackScrolling);
     return function () {
@@ -2028,6 +2033,26 @@ var HamMagazine = function HamMagazine(props) {
     setUserAgent(navigator.userAgent.toString());
   }, []);
 
+  React.useEffect(function () {
+    if (resolution === 0) {
+      setResolution(window.innerWidth);
+    }
+    var handleResize = function handleResize() {
+      if (resolution === 0) {
+        setResolution(window.innerWidth);
+      } else {
+        if (window.innerWidth < 768 && resolution >= 768) {
+          console.log('Detected Mobile Resolution');
+          window.location.reload();
+        } else if (window.innerWidth >= 768 && resolution < 768) {
+          console.log('Detected Tablet/Desktop Resolution');
+          window.location.reload();
+        }
+      }
+    };
+    window.addEventListener('resize', handleResize);
+  }, [resolution]);
+
   React.useEffect(function () {
     setScreenWidth(parseInt(window.innerWidth));
   }, []);

package/dist/cjs/TemplateNormal.js

@@ -20,7 +20,7 @@ require('./get-1f91592f.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-0cd03739.js');
+var TemplateNormal = require('./Normal-d5d437f2.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/index.js

@@ -52,7 +52,7 @@ var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var TemplateNormal = require('./Normal-0cd03739.js');
+var TemplateNormal = require('./Normal-d5d437f2.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));

package/dist/esm/{Normal-e2c3ca60.js → Normal-e86a38cf.js}

@@ -2010,6 +2010,11 @@ var HamMagazine = function HamMagazine(props) {
       isOpen = _useState8[0],
       setIsOpen = _useState8[1];
 
+  var _useState9 = useState(0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      resolution = _useState10[0],
+      setResolution = _useState10[1];
+
   useEffect(function () {
     document.addEventListener('scroll', trackScrolling);
     return function () {
@@ -2023,6 +2028,26 @@ var HamMagazine = function HamMagazine(props) {
     setUserAgent(navigator.userAgent.toString());
   }, []);
 
+  useEffect(function () {
+    if (resolution === 0) {
+      setResolution(window.innerWidth);
+    }
+    var handleResize = function handleResize() {
+      if (resolution === 0) {
+        setResolution(window.innerWidth);
+      } else {
+        if (window.innerWidth < 768 && resolution >= 768) {
+          console.log('Detected Mobile Resolution');
+          window.location.reload();
+        } else if (window.innerWidth >= 768 && resolution < 768) {
+          console.log('Detected Tablet/Desktop Resolution');
+          window.location.reload();
+        }
+      }
+    };
+    window.addEventListener('resize', handleResize);
+  }, [resolution]);
+
   useEffect(function () {
     setScreenWidth(parseInt(window.innerWidth));
   }, []);

package/dist/esm/TemplateNormal.js

@@ -18,7 +18,7 @@ import './get-b2201dc8.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-e2c3ca60.js';
+export { T as default } from './Normal-e86a38cf.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -48,8 +48,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-e2c3ca60.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-e2c3ca60.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-e86a38cf.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-e86a38cf.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.262",
+  "version": "1.0.263",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",