@mjhls/mjh-framework 1.0.198 → 1.0.200
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.
- package/README.md +1 -1
- package/dist/index.es.js +20 -17
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +20 -17
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
import
|
|
3
|
+
import require$$1 from 'react-dom';
|
|
4
4
|
import Container from 'react-bootstrap/Container';
|
|
5
5
|
import Row from 'react-bootstrap/Row';
|
|
6
6
|
import Col from 'react-bootstrap/Col';
|
|
@@ -7186,7 +7186,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
|
|
|
7186
7186
|
|
|
7187
7187
|
var visibilitySensor = createCommonjsModule(function (module, exports) {
|
|
7188
7188
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
7189
|
-
module.exports = factory(React__default,
|
|
7189
|
+
module.exports = factory(React__default, require$$1);
|
|
7190
7190
|
})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
|
|
7191
7191
|
return /******/ (function(modules) { // webpackBootstrap
|
|
7192
7192
|
/******/ // The module cache
|
|
@@ -8494,7 +8494,7 @@ var _react2 = _interopRequireDefault(React__default);
|
|
|
8494
8494
|
|
|
8495
8495
|
|
|
8496
8496
|
|
|
8497
|
-
var _reactDom2 = _interopRequireDefault(
|
|
8497
|
+
var _reactDom2 = _interopRequireDefault(require$$1);
|
|
8498
8498
|
|
|
8499
8499
|
|
|
8500
8500
|
|
|
@@ -12145,15 +12145,18 @@ var GridContent = function (_React$Component) {
|
|
|
12145
12145
|
};
|
|
12146
12146
|
var posts = [];
|
|
12147
12147
|
if (showBI) {
|
|
12148
|
-
var interval = brandInsight.interval;
|
|
12149
12148
|
var data = this.state.data;
|
|
12150
12149
|
posts = data;
|
|
12151
|
-
var
|
|
12152
|
-
|
|
12150
|
+
var interval = posts.some(function (post) {
|
|
12151
|
+
return post._type === 'feature';
|
|
12152
|
+
}) ? brandInsight.interval + 1 : brandInsight.interval;
|
|
12153
|
+
var pos = interval;
|
|
12154
|
+
for (var i = 1; pos <= posts.length; ++i) {
|
|
12153
12155
|
brandInsight.targeting.pos = 'article' + i;
|
|
12154
12156
|
posts = insert(posts, pos, brandInsight);
|
|
12155
|
-
pos +=
|
|
12156
|
-
|
|
12157
|
+
pos += posts.some(function (post) {
|
|
12158
|
+
return post._type === 'feature';
|
|
12159
|
+
}) ? interval : interval + 1;
|
|
12157
12160
|
}
|
|
12158
12161
|
} else {
|
|
12159
12162
|
posts = this.state.data;
|
|
@@ -15556,10 +15559,10 @@ var PageFilter = function PageFilter(props) {
|
|
|
15556
15559
|
if (filters.length) {
|
|
15557
15560
|
return React__default.createElement(
|
|
15558
15561
|
Dropdown,
|
|
15559
|
-
|
|
15562
|
+
{ alignRight: true },
|
|
15560
15563
|
React__default.createElement(
|
|
15561
15564
|
Dropdown.Toggle,
|
|
15562
|
-
{ id: 'filter-dropdown' },
|
|
15565
|
+
{ className: 'filter-dropdown', id: 'filter-dropdown' },
|
|
15563
15566
|
filter || defaultFilter
|
|
15564
15567
|
),
|
|
15565
15568
|
React__default.createElement(
|
|
@@ -15578,7 +15581,7 @@ var PageFilter = function PageFilter(props) {
|
|
|
15578
15581
|
React__default.createElement(
|
|
15579
15582
|
'style',
|
|
15580
15583
|
{ jsx: 'true' },
|
|
15581
|
-
'\n .select-dropdown > a {\n color: #8e8c84;\n }\n '
|
|
15584
|
+
'\n .filter-dropdown {\n float: right;\n }\n .select-dropdown > a {\n color: #8e8c84;\n }\n '
|
|
15582
15585
|
)
|
|
15583
15586
|
);
|
|
15584
15587
|
}
|
|
@@ -15636,7 +15639,7 @@ var Column3 = function Column3(props) {
|
|
|
15636
15639
|
React__default.createElement(
|
|
15637
15640
|
'style',
|
|
15638
15641
|
{ jsx: 'true' },
|
|
15639
|
-
'\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 }
|
|
15642
|
+
'\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 '
|
|
15640
15643
|
),
|
|
15641
15644
|
(!main_36 || showRightAd) && React__default.createElement(
|
|
15642
15645
|
Col,
|
|
@@ -16077,7 +16080,7 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
16077
16080
|
null,
|
|
16078
16081
|
React__default.createElement(
|
|
16079
16082
|
Navbar,
|
|
16080
|
-
{ expand: '
|
|
16083
|
+
{ expand: 'xl' },
|
|
16081
16084
|
React__default.createElement(
|
|
16082
16085
|
Container,
|
|
16083
16086
|
{ style: { position: 'relative' } },
|
|
@@ -16190,7 +16193,7 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
16190
16193
|
),
|
|
16191
16194
|
React__default.createElement(
|
|
16192
16195
|
Navbar,
|
|
16193
|
-
{ className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav', variant: 'dark', expand: '
|
|
16196
|
+
{ className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
|
|
16194
16197
|
React__default.createElement(
|
|
16195
16198
|
Container,
|
|
16196
16199
|
{ className: 'mobile-nav' },
|
|
@@ -16288,7 +16291,7 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
16288
16291
|
React__default.createElement(
|
|
16289
16292
|
'style',
|
|
16290
16293
|
{ jsx: 'true' },
|
|
16291
|
-
'\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width:
|
|
16294
|
+
'\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 1192px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n\n @media screen and (max-width: 1192px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 100px;\n }\n }\n @media screen and (min-width: 992px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n width: 70%;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n .logo {\n max-width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n '
|
|
16292
16295
|
)
|
|
16293
16296
|
);
|
|
16294
16297
|
};
|
|
@@ -16584,7 +16587,7 @@ var NavDvm = function NavDvm(props) {
|
|
|
16584
16587
|
null,
|
|
16585
16588
|
React__default.createElement(
|
|
16586
16589
|
Navbar,
|
|
16587
|
-
{ className: 'top-nav', expand: '
|
|
16590
|
+
{ className: 'top-nav', expand: 'xl' },
|
|
16588
16591
|
React__default.createElement(
|
|
16589
16592
|
Container,
|
|
16590
16593
|
null,
|
|
@@ -16690,7 +16693,7 @@ var NavDvm = function NavDvm(props) {
|
|
|
16690
16693
|
React__default.createElement(
|
|
16691
16694
|
'style',
|
|
16692
16695
|
{ jsx: 'true' },
|
|
16693
|
-
'\n .mobile-logo {\n display: none;\n position: absolute;\n left: 50%;\n top: 0;\n height: 40px;\n transform: translateX(-50%);\n }\n .mobile-logo img {\n height: 100%;\n }\n @media screen and (max-width:
|
|
16696
|
+
'\n .mobile-logo {\n display: none;\n position: absolute;\n left: 50%;\n top: 0;\n height: 40px;\n transform: translateX(-50%);\n }\n .mobile-logo img {\n height: 100%;\n }\n @media screen and (max-width: 1192px) {\n .mobile-logo {\n display: block;\n }\n .top-nav {\n display: none;\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 20px;\n border-bottom: 0.5px solid white;\n margin-bottom: 15px;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n margin: 5px 0px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n }\n @media screen and (max-width: 991px) {\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n }\n '
|
|
16694
16697
|
)
|
|
16695
16698
|
);
|
|
16696
16699
|
};
|