@mjhls/mjh-framework 1.0.199 → 1.0.200

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.199
+# mjh-framework v. 1.0.200
 
 
 

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
-import reactDom from 'react-dom';
+import require$$1 from 'react-dom';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -7186,7 +7186,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
 
 var visibilitySensor = createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
-	module.exports = factory(React__default, reactDom);
+	module.exports = factory(React__default, require$$1);
 })(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
@@ -8494,7 +8494,7 @@ var _react2 = _interopRequireDefault(React__default);
 
 
 
-var _reactDom2 = _interopRequireDefault(reactDom);
+var _reactDom2 = _interopRequireDefault(require$$1);
 
 
 
@@ -12145,15 +12145,18 @@ var GridContent = function (_React$Component) {
       };
       var posts = [];
       if (showBI) {
-        var interval = brandInsight.interval;
         var data = this.state.data;
         posts = data;
-        var i = 1;
-        for (var pos = interval; pos <= posts.length;) {
+        var interval = posts.some(function (post) {
+          return post._type === 'feature';
+        }) ? brandInsight.interval + 1 : brandInsight.interval;
+        var pos = interval;
+        for (var i = 1; pos <= posts.length; ++i) {
           brandInsight.targeting.pos = 'article' + i;
           posts = insert(posts, pos, brandInsight);
-          pos += interval + 1;
-          i++;
+          pos += posts.some(function (post) {
+            return post._type === 'feature';
+          }) ? interval : interval + 1;
         }
       } else {
         posts = this.state.data;
@@ -15556,10 +15559,10 @@ var PageFilter = function PageFilter(props) {
   if (filters.length) {
     return React__default.createElement(
       Dropdown,
-      null,
+      { alignRight: true },
       React__default.createElement(
         Dropdown.Toggle,
-        { id: 'filter-dropdown' },
+        { className: 'filter-dropdown', id: 'filter-dropdown' },
         filter || defaultFilter
       ),
       React__default.createElement(
@@ -15578,7 +15581,7 @@ var PageFilter = function PageFilter(props) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .select-dropdown > a {\n            color: #8e8c84;\n          }\n        '
+        '\n          .filter-dropdown {\n            float: right;\n          }\n          .select-dropdown > a {\n            color: #8e8c84;\n          }\n        '
       )
     );
   }
@@ -15636,7 +15639,7 @@ var Column3 = function Column3(props) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n            .filter-box {\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              }\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
+        '\n            .filter-box {\n              float: right;\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              /* .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              } */\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
       ),
       (!main_36 || showRightAd) && React__default.createElement(
         Col,