@mjhls/mjh-framework 1.0.20 → 1.0.22

package/README.md

@@ -41,7 +41,7 @@ Link react and react-dom of the template repo, so that it can be used by the fra
 This is to avoid the error arising due to multiple instances of React.
 
 ```bash
-cd mjh-template/node_modules/react
+cd ../mjh-template/node_modules/react
 
 yarn link
 
@@ -64,6 +64,106 @@ 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
 

package/dist/index.es.js

@@ -545,7 +545,7 @@ var DeckContent = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = 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.state = {
+    return _ret = (_temp = (_this = 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 = {
       data: _this.data,
       per: _this.params ? _this.params.to : 2,
       page: 1,
@@ -639,7 +639,7 @@ var DeckContent = function (_React$Component) {
                 React__default.createElement(
                   'a',
                   null,
-                  React__default.createElement(Card.Img, { variant: 'top', src: row.thumbnail.asset.url })
+                  React__default.createElement(Card.Img, { variant: 'top', src: row.thumbnail.asset ? row.thumbnail.asset.url : _this.defaultImage })
                 )
               ),
               React__default.createElement(
@@ -1374,7 +1374,7 @@ var NavMagazine = function NavMagazine(props) {
                 return React__default.createElement(
                   NavDropdown,
                   { key: index, title: row.name, id: 'basic-nav-dropdown' },
-                  row.subQuery && row.subQuery.map(function (ddRow, ddItems, subIndex) {
+                  row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                     if (ddRow.type === 'divider') {
                       return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                     } else {
@@ -3361,8 +3361,7 @@ var AD = function AD(_ref) {
       adUnit = _ref.adUnit,
       sizeMapping = _ref.sizeMapping,
       className = _ref.className,
-      _ref$slotId = _ref.slotId,
-      slotId = _ref$slotId === undefined ? 'test' : _ref$slotId,
+      slotId = _ref.slotId,
       sizes = _ref.sizes,
       minInViewPercent = _ref.minInViewPercent;
 
@@ -3382,18 +3381,16 @@ var AD = function AD(_ref) {
             lib_3.refresh(slotId);
           }
         },
-        onSlotIsViewable: function onSlotIsViewable(dfpEventData) {
-          return console.log(slotId + ' viewable!.', dfpEventData);
-        }
+        onSlotIsViewable: function onSlotIsViewable() {}
       })
     )
   );
 };
 
 AD.propTypes = {
-  networkID: PropTypes.number.isRequired,
+  networkID: PropTypes.string.isRequired,
   adUnit: PropTypes.string.isRequired,
-  slotId: PropTypes.string.isRequired,
+  slotId: PropTypes.string,
   className: PropTypes.string,
   sizeMapping: PropTypes.array,
   sizes: PropTypes.array,