@mjhls/mjh-framework 1.0.237 → 1.0.239

package/README.md

@@ -1,174 +1,174 @@
-
-# mjh-framework v. 1.0.237
-
-
-
-
-> Foundation Framework
-
-[![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-## Install
-
-```bash
-npm install --save @mjhls/mjh-framework
-```
-
-## Usage
-
-```jsx
-import React, { Component } from 'react'
-
-import { NavMagazine, DeckQueue } from 'mjh-framework'
-
-export default class App extends Component {
-  render() {
-    return (
-      <div>
-        <NavMagazine />
-        <DeckQueue />
-      </div>
-    )
-  }
-}
-```
-
-## Publish new updates to the npm registry
-
-```bash
-npm publish
-```
-
-## For getting updates in the template without publishing each time a change is made in the framework
-
-Link react and react-dom of the template repo, so that it can be used by the framework.
-This is to avoid the error arising due to multiple instances of React.
-
-```bash
-cd ../mjh-template/node_modules/react
-
-yarn link
-
-cd ../react-dom
-
-yarn link
-
-cd ../../../mjh-framework
-
-yarn link react && yarn link react-dom
-```
-
-Link the framework repo so that it can be used in the template
-
-```bash
-npm link
-
-cd ../mjh-template
-
-npm link @mjhls/mjh-framework
-```
-
-## Components and "props"
-
-### Deck Components
-
-- #### DeckContent
-
-  ##### Props
-
-  - mapping
-  - dataRecord
-  - query
-  - params
-  - pointer
-  - pointerArray
-  - defaultImage
-
-- #### DeckQueue
-  ##### Props
-  - page
-  - dataRecord
-  - query
-  - params
-  - pointer
-  - pointerArray
-
-### Layout Components
-
-- #### Column1
-- #### Column2
-  ##### Props
-  - rightItems
-- #### Column3
-  ##### Props
-  - leftItems
-  - rightItems
-  ##### Common Props (Column1, Column2, Column3)
-  - title
-  - children
-- #### Header
-  ##### Props
-  - title
-  - keyword
-  - description
-- #### LeftNav
-  ##### Props
-  - leftItems
-- #### AccordionPanel
-  ##### Props
-  - accordionClassName
-  - data
-
-### Navigation Components
-
-- #### NavMagazine
-  ##### Props
-  - logo
-  - dataObject
-- #### NavNative
-  ##### Props
-  - logo
-  - dataObject
-- #### NavNormal
-  ##### Props
-  - logo
-  - dataObject
-  - variant
-- #### NavDvm
-  ##### Props
-  - logo
-  - dataObject
-  - subNavHeads
-
-### Template Components
-
-- #### TemplateNormal
-  ##### Props
-  - config
-  - title
-  - keywords
-  - description
-  - website
-
-### Ad Components
-
-- #### AD300x250
-- #### AD300x250x600
-- #### AD728x90
-  ##### Common Props
-  - networkID
-  - adUnit
-
-### Serializers
-
-- #### getSerializers (function)
-  ##### arguments
-  - client
-  ##### types
-  - youtube
-  - figure
-  - slideshow
-
-## License
-
-MIT © [mjh-framework](https://github.com/mjh-framework)
+
+# mjh-framework v. 1.0.239
+
+
+
+
+> Foundation Framework
+
+[![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save @mjhls/mjh-framework
+```
+
+## Usage
+
+```jsx
+import React, { Component } from 'react'
+
+import { NavMagazine, DeckQueue } from 'mjh-framework'
+
+export default class App extends Component {
+  render() {
+    return (
+      <div>
+        <NavMagazine />
+        <DeckQueue />
+      </div>
+    )
+  }
+}
+```
+
+## Publish new updates to the npm registry
+
+```bash
+npm publish
+```
+
+## For getting updates in the template without publishing each time a change is made in the framework
+
+Link react and react-dom of the template repo, so that it can be used by the framework.
+This is to avoid the error arising due to multiple instances of React.
+
+```bash
+cd ../mjh-template/node_modules/react
+
+yarn link
+
+cd ../react-dom
+
+yarn link
+
+cd ../../../mjh-framework
+
+yarn link react && yarn link react-dom
+```
+
+Link the framework repo so that it can be used in the template
+
+```bash
+npm link
+
+cd ../mjh-template
+
+npm link @mjhls/mjh-framework
+```
+
+## Components and "props"
+
+### Deck Components
+
+- #### DeckContent
+
+  ##### Props
+
+  - mapping
+  - dataRecord
+  - query
+  - params
+  - pointer
+  - pointerArray
+  - defaultImage
+
+- #### DeckQueue
+  ##### Props
+  - page
+  - dataRecord
+  - query
+  - params
+  - pointer
+  - pointerArray
+
+### Layout Components
+
+- #### Column1
+- #### Column2
+  ##### Props
+  - rightItems
+- #### Column3
+  ##### Props
+  - leftItems
+  - rightItems
+  ##### Common Props (Column1, Column2, Column3)
+  - title
+  - children
+- #### Header
+  ##### Props
+  - title
+  - keyword
+  - description
+- #### LeftNav
+  ##### Props
+  - leftItems
+- #### AccordionPanel
+  ##### Props
+  - accordionClassName
+  - data
+
+### Navigation Components
+
+- #### NavMagazine
+  ##### Props
+  - logo
+  - dataObject
+- #### NavNative
+  ##### Props
+  - logo
+  - dataObject
+- #### NavNormal
+  ##### Props
+  - logo
+  - dataObject
+  - variant
+- #### NavDvm
+  ##### Props
+  - logo
+  - dataObject
+  - subNavHeads
+
+### Template Components
+
+- #### TemplateNormal
+  ##### Props
+  - config
+  - title
+  - keywords
+  - description
+  - website
+
+### Ad Components
+
+- #### AD300x250
+- #### AD300x250x600
+- #### AD728x90
+  ##### Common Props
+  - networkID
+  - adUnit
+
+### Serializers
+
+- #### getSerializers (function)
+  ##### arguments
+  - client
+  ##### types
+  - youtube
+  - figure
+  - slideshow
+
+## License
+
+MIT © [mjh-framework](https://github.com/mjh-framework)

package/dist/cjs/{AdSlot-d87cef08.js → AdSlot-1fe1c231.js}

@@ -4,10 +4,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-0322e486.js');
+var index = require('./index-fa3cec70.js');
 var PropTypes = _interopDefault(require('prop-types'));
-var debounce = require('./debounce-a963b136.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var debounce = require('./debounce-bbca43c4.js');
+var slicedToArray = require('./slicedToArray-e38fb29d.js');
 
 var DFPAdSlot = function DFPAdSlot(_ref) {
   var adUnit = _ref.adUnit,
@@ -19,12 +19,12 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
   var _useState = React.useState(false),
-      _useState2 = _babelHelpers.slicedToArray(_useState, 2),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       adRendered = _useState2[0],
       setAdRendered = _useState2[1];
 
   var _useState3 = React.useState(false),
-      _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
       adRefreshable = _useState4[0],
       setAdRefreshable = _useState4[1];
 

package/dist/cjs/DeckContent.js

@@ -2,43 +2,49 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./web.dom.iterable-0998bdc3.js');
+var inherits$2 = require('./inherits-5b5ca8db.js');
+var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
+require('./core.get-iterator-method-e049ca4a.js');
+var _extends$2 = require('./extends-e94dbea5.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-require('./_commonjsHelpers-3fc1f64e.js');
-var index = require('./index-0322e486.js');
+var index = require('./index-fa3cec70.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
-var visibilitySensor = require('./visibility-sensor-8936e703.js');
+var visibilitySensor = require('./visibility-sensor-b72d9527.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-var debounce = require('./debounce-a963b136.js');
+var debounce = require('./debounce-bbca43c4.js');
 require('react-dom');
-var index$1 = require('./index-a4c53ff4.js');
-var index$2 = require('./index-0d0efcfa.js');
-var main = require('./main-58839f4e.js');
-var entities = require('./entities-3e0b4a16.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
-var AdSlot = require('./AdSlot-d87cef08.js');
+var index$1 = require('./index-be0c82be.js');
+var index$2 = require('./index-fa0fb52c.js');
+var main = require('./main-d9a1b014.js');
+var entities = require('./entities-310b46ee.js');
+require('./slicedToArray-e38fb29d.js');
+var AdSlot = require('./AdSlot-1fe1c231.js');
 
 var DeckContent = function (_React$Component) {
-  _babelHelpers.inherits(DeckContent, _React$Component);
+  inherits$2._inherits(DeckContent, _React$Component);
 
   function DeckContent() {
     var _ref;
 
     var _temp, _this, _ret;
 
-    _babelHelpers.classCallCheck(this, DeckContent);
+    inherits$2._classCallCheck(this, DeckContent);
 
     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _babelHelpers.possibleConstructorReturn(this, (_ref = DeckContent.__proto__ || Object.getPrototypeOf(DeckContent)).call.apply(_ref, [this].concat(args))), _this), _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+    return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = DeckContent.__proto__ || inherits$2._Object$getPrototypeOf(DeckContent)).call.apply(_ref, [this].concat(args))), _this), _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
       data: _this.data,
       dataKeptToCompareNewDatarecord: _this.data,
       per: _this.params ? _this.params.to : 2,
@@ -72,7 +78,7 @@ var DeckContent = function (_React$Component) {
       var client = _this.props.client;
 
 
-      var params = _babelHelpers._extends({}, _this.params, { from: from, to: to
+      var params = _extends$2._extends({}, _this.params, { from: from, to: to
         // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
         // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
       });client.fetch(query, params).then(function (dataArr) {
@@ -81,7 +87,7 @@ var DeckContent = function (_React$Component) {
           dataArr = dataArr[_this.pointerArray][pointer];
         }
         dataArr = dataArr.map(function (item) {
-          return _babelHelpers._extends({}, item, {
+          return _extends$2._extends({}, item, {
             pageNumber: page
           });
         });
@@ -89,7 +95,7 @@ var DeckContent = function (_React$Component) {
         _this.setState(function () {
           if (dataArr.length > 0) {
             return {
-              data: [].concat(_babelHelpers.toConsumableArray(data), _babelHelpers.toConsumableArray(dataArr)),
+              data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
               scrolling: true
             };
           } else {
@@ -163,14 +169,14 @@ var DeckContent = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -231,7 +237,7 @@ var DeckContent = function (_React$Component) {
       var numberOfItemsBeforeAd = 6;
 
       var insert = function insert(arr, index, newElement) {
-        return [].concat(_babelHelpers.toConsumableArray(arr.slice(0, index)), [newElement], _babelHelpers.toConsumableArray(arr.slice(index)));
+        return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
       };
       var articles = [];
       if (showBI) {
@@ -380,10 +386,10 @@ var DeckContent = function (_React$Component) {
           'Next >>'
         )
       );
-    }, _temp), _babelHelpers.possibleConstructorReturn(_this, _ret);
+    }, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
   }
 
-  _babelHelpers.createClass(DeckContent, [{
+  inherits$2._createClass(DeckContent, [{
     key: 'componentDidUpdate',
     value: function componentDidUpdate(prevProps, prevState) {
       if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
@@ -478,6 +484,7 @@ var DeckContent = function (_React$Component) {
       );
     }
   }]);
+
   return DeckContent;
 }(React__default.Component);
 

package/dist/cjs/DeckQueue.js

@@ -2,43 +2,48 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./web.dom.iterable-0998bdc3.js');
+var inherits$2 = require('./inherits-5b5ca8db.js');
+var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
+require('./core.get-iterator-method-e049ca4a.js');
+var _extends$2 = require('./extends-e94dbea5.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-require('./_commonjsHelpers-3fc1f64e.js');
-var index = require('./index-0322e486.js');
+var index = require('./index-fa3cec70.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
-var visibilitySensor = require('./visibility-sensor-8936e703.js');
+var visibilitySensor = require('./visibility-sensor-b72d9527.js');
 require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-var debounce = require('./debounce-a963b136.js');
+var debounce = require('./debounce-bbca43c4.js');
 require('react-dom');
-var index$1 = require('./index-a4c53ff4.js');
-var index$2 = require('./index-0d0efcfa.js');
-var main = require('./main-58839f4e.js');
-var entities = require('./entities-3e0b4a16.js');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
-var get$1 = require('./get-126b1712.js');
+var index$1 = require('./index-be0c82be.js');
+var index$2 = require('./index-fa0fb52c.js');
+var main = require('./main-d9a1b014.js');
+var entities = require('./entities-310b46ee.js');
+var get$1 = require('./get-af2516a4.js');
 
 var DeckQueue = function (_React$Component) {
-  _babelHelpers.inherits(DeckQueue, _React$Component);
+  inherits$2._inherits(DeckQueue, _React$Component);
 
   function DeckQueue() {
     var _ref;
 
     var _temp, _this, _ret;
 
-    _babelHelpers.classCallCheck(this, DeckQueue);
+    inherits$2._classCallCheck(this, DeckQueue);
 
     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _babelHelpers.possibleConstructorReturn(this, (_ref = DeckQueue.__proto__ || Object.getPrototypeOf(DeckQueue)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+    return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = DeckQueue.__proto__ || inherits$2._Object$getPrototypeOf(DeckQueue)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
       data: _this.data,
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
@@ -71,7 +76,7 @@ var DeckQueue = function (_React$Component) {
       var client = _this.props.client;
 
 
-      var params = _babelHelpers._extends({}, _this.params, { from: from, to: to
+      var params = _extends$2._extends({}, _this.params, { from: from, to: to
         // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
       });client.fetch(query, params).then(function (dataArr) {
         if (_this.pointer && _this.pointerArray) {
@@ -79,7 +84,7 @@ var DeckQueue = function (_React$Component) {
           dataArr = dataArr[_this.pointerArray][pointer];
         }
         dataArr = dataArr.map(function (item) {
-          return _babelHelpers._extends({}, item, {
+          return _extends$2._extends({}, item, {
             pageNumber: page
           });
         });
@@ -87,7 +92,7 @@ var DeckQueue = function (_React$Component) {
         _this.setState(function () {
           if (dataArr.length > 0) {
             return {
-              data: [].concat(_babelHelpers.toConsumableArray(data), _babelHelpers.toConsumableArray(dataArr)),
+              data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
               scrolling: true
             };
           } else {
@@ -196,10 +201,10 @@ var DeckQueue = function (_React$Component) {
           'Next >>'
         )
       );
-    }, _temp), _babelHelpers.possibleConstructorReturn(_this, _ret);
+    }, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
   }
 
-  _babelHelpers.createClass(DeckQueue, [{
+  inherits$2._createClass(DeckQueue, [{
     key: 'cardLoader',
     value: function cardLoader(page, columns, variant) {
       var _this2 = this;
@@ -357,6 +362,7 @@ var DeckQueue = function (_React$Component) {
       );
     }
   }]);
+
   return DeckQueue;
 }(React__default.Component);
 

package/dist/cjs/{Dfp-f62b16e1.js → Dfp-045b016b.js}

@@ -2,15 +2,18 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./web.dom.iterable-0998bdc3.js');
+require('./core.get-iterator-method-e049ca4a.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-require('./_commonjsHelpers-3fc1f64e.js');
-var index = require('./index-0322e486.js');
+var index = require('./index-fa3cec70.js');
 var PropTypes = _interopDefault(require('prop-types'));
-var visibilitySensor = require('./visibility-sensor-8936e703.js');
-var debounce = require('./debounce-a963b136.js');
+var visibilitySensor = require('./visibility-sensor-b72d9527.js');
+var debounce = require('./debounce-bbca43c4.js');
 require('react-dom');
-var _babelHelpers = require('./_babelHelpers-f321c258.js');
+var slicedToArray = require('./slicedToArray-e38fb29d.js');
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,
@@ -24,12 +27,12 @@ var AD = function AD(_ref) {
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
   var _useState = React.useState(false),
-      _useState2 = _babelHelpers.slicedToArray(_useState, 2),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       adRendered = _useState2[0],
       setAdRendered = _useState2[1];
 
   var _useState3 = React.useState(false),
-      _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
       showPlaceholder = _useState4[0],
       setShowPlaceholder = _useState4[1];