@mjhls/mjh-framework 1.0.172 → 1.0.174
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 +13 -17
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +13 -17
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -7,7 +7,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
9
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
10
|
-
var
|
|
10
|
+
var require$$1 = _interopDefault(require('react-dom'));
|
|
11
11
|
var Container = _interopDefault(require('react-bootstrap/Container'));
|
|
12
12
|
var Row = _interopDefault(require('react-bootstrap/Row'));
|
|
13
13
|
var Col = _interopDefault(require('react-bootstrap/Col'));
|
|
@@ -7185,7 +7185,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
|
|
|
7185
7185
|
|
|
7186
7186
|
var visibilitySensor = createCommonjsModule(function (module, exports) {
|
|
7187
7187
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
7188
|
-
module.exports = factory(React__default,
|
|
7188
|
+
module.exports = factory(React__default, require$$1);
|
|
7189
7189
|
})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
|
|
7190
7190
|
return /******/ (function(modules) { // webpackBootstrap
|
|
7191
7191
|
/******/ // The module cache
|
|
@@ -8485,7 +8485,7 @@ var _react2 = _interopRequireDefault(React__default);
|
|
|
8485
8485
|
|
|
8486
8486
|
|
|
8487
8487
|
|
|
8488
|
-
var _reactDom2 = _interopRequireDefault(
|
|
8488
|
+
var _reactDom2 = _interopRequireDefault(require$$1);
|
|
8489
8489
|
|
|
8490
8490
|
|
|
8491
8491
|
|
|
@@ -14865,7 +14865,7 @@ var SideFooter = function SideFooter(props) {
|
|
|
14865
14865
|
'li',
|
|
14866
14866
|
{ style: { marginTop: '10px' } },
|
|
14867
14867
|
socialLinks && socialLinks.map(function (row, index) {
|
|
14868
|
-
return React__default.createElement(reactSocialIcons_1, { key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
|
|
14868
|
+
return React__default.createElement(reactSocialIcons_1, { target: row.blank ? '_blank' : '_self', key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
|
|
14869
14869
|
})
|
|
14870
14870
|
)
|
|
14871
14871
|
),
|
|
@@ -16031,7 +16031,7 @@ var NavNative = function NavNative(props) {
|
|
|
16031
16031
|
React__default.createElement(
|
|
16032
16032
|
'style',
|
|
16033
16033
|
{ jsx: 'true' },
|
|
16034
|
-
'\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 #nav-mobile-sm{\n display: none;\n }\n \n
|
|
16034
|
+
'\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 #nav-mobile-sm{\n display: none;\n }\n \n @media screen and (max-width: 1399px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n .nav-mobile-logo {\n margin-left: 1.5rem;\n \n }\n #nav-mobile-md{\n margin-right: auto;\n }\n .nav-mobile-logo img {\n height: 48px!important;\n \n }\n .nav-mobile-logo img {\n height: 38px !important;\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 ul::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar {\n width: 10px;\n background: rgba(0,0,0,.35);\n }\n ul::-webkit-scrollbar-thumb, .dropdown-menu::-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 direction: rtl;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 113px;\n background: rgba(255,255,255,.1);\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\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 (min-width: 1399px) {\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 flex: 1 1 auto;\n margin-left: .25rem;\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 \n #nav-mobile-md{\n display: none;\n }\n #nav-mobile-sm{\n display: inline-block;\n margin: 0 auto .5rem;\n }\n .nav-toggle{\n margin:.5rem 0;\n }\n }\n \n '
|
|
16035
16035
|
)
|
|
16036
16036
|
);
|
|
16037
16037
|
};
|
|
@@ -16485,23 +16485,19 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
16485
16485
|
),
|
|
16486
16486
|
React__default.createElement(
|
|
16487
16487
|
Navbar,
|
|
16488
|
-
{
|
|
16489
|
-
variant: 'dark',
|
|
16490
|
-
expand: 'lg',
|
|
16491
|
-
bg: 'primary',
|
|
16492
|
-
ref: navRef,
|
|
16493
|
-
style: { width: '100%' },
|
|
16494
|
-
onClick: function onClick() {
|
|
16495
|
-
console.log('onClick', isOpen);
|
|
16496
|
-
setIsOpen(!isOpen);
|
|
16497
|
-
} },
|
|
16488
|
+
{ variant: 'dark', expand: 'lg', bg: 'primary', ref: navRef, style: { width: '100%' } },
|
|
16498
16489
|
React__default.createElement(
|
|
16499
16490
|
Container,
|
|
16500
16491
|
{ className: 'mobile-nav' },
|
|
16501
16492
|
React__default.createElement(
|
|
16502
16493
|
'div',
|
|
16503
16494
|
{ className: 'nav-toggle' },
|
|
16504
|
-
React__default.createElement(Navbar.Toggle, {
|
|
16495
|
+
React__default.createElement(Navbar.Toggle, {
|
|
16496
|
+
'aria-controls': 'basic-navbar-nav',
|
|
16497
|
+
onClick: function onClick() {
|
|
16498
|
+
setIsOpen(!isOpen);
|
|
16499
|
+
}
|
|
16500
|
+
}),
|
|
16505
16501
|
React__default.createElement(Search, { device: 'mobile' })
|
|
16506
16502
|
),
|
|
16507
16503
|
React__default.createElement(
|
|
@@ -17018,7 +17014,7 @@ var FigureComponent = function FigureComponent(_ref) {
|
|
|
17018
17014
|
React__default.createElement(
|
|
17019
17015
|
'style',
|
|
17020
17016
|
{ jsx: 'true' },
|
|
17021
|
-
'\n figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n /*Eliminates padding, centers the thumbnail */\n\n
|
|
17017
|
+
'\n figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n /*Eliminates padding, centers the thumbnail */\n\n /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n .lightbox-target {\n position: fixed;\n top: -100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.7);\n width: 100%;\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in-out;\n -moz-transition: opacity 0.5s ease-in-out;\n -o-transition: opacity 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n overflow: hidden;\n }\n\n .lightbox-target.close {\n opacity: 0;\n }\n\n /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n .lightbox-target img {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n max-height: 0%;\n max-width: 0%;\n border: 3px solid white;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n box-sizing: border-box;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Styles the close link, adds the slide down transition */\n\n a.lightbox-close {\n display: block;\n width: 50px;\n height: 50px;\n box-sizing: border-box;\n background: white;\n color: black;\n text-decoration: none;\n position: absolute;\n top: -80px;\n right: 0;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:before {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:after {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n\n /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n .lightbox-target.open {\n opacity: 1;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 9999;\n }\n\n .lightbox-target.open img {\n max-height: 100%;\n max-width: 100%;\n }\n\n .lightbox-target.open a.lightbox-close {\n top: 0px;\n }\n '
|
|
17022
17018
|
)
|
|
17023
17019
|
);
|
|
17024
17020
|
};
|