@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/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';
|
|
@@ -7177,7 +7177,7 @@ var InfiniteScroll = /** @class */ (function (_super) {
|
|
|
7177
7177
|
|
|
7178
7178
|
var visibilitySensor = createCommonjsModule(function (module, exports) {
|
|
7179
7179
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
7180
|
-
module.exports = factory(React__default,
|
|
7180
|
+
module.exports = factory(React__default, require$$1);
|
|
7181
7181
|
})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
|
|
7182
7182
|
return /******/ (function(modules) { // webpackBootstrap
|
|
7183
7183
|
/******/ // The module cache
|
|
@@ -8477,7 +8477,7 @@ var _react2 = _interopRequireDefault(React__default);
|
|
|
8477
8477
|
|
|
8478
8478
|
|
|
8479
8479
|
|
|
8480
|
-
var _reactDom2 = _interopRequireDefault(
|
|
8480
|
+
var _reactDom2 = _interopRequireDefault(require$$1);
|
|
8481
8481
|
|
|
8482
8482
|
|
|
8483
8483
|
|
|
@@ -14857,7 +14857,7 @@ var SideFooter = function SideFooter(props) {
|
|
|
14857
14857
|
'li',
|
|
14858
14858
|
{ style: { marginTop: '10px' } },
|
|
14859
14859
|
socialLinks && socialLinks.map(function (row, index) {
|
|
14860
|
-
return React__default.createElement(reactSocialIcons_1, { key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
|
|
14860
|
+
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 } });
|
|
14861
14861
|
})
|
|
14862
14862
|
)
|
|
14863
14863
|
),
|
|
@@ -16023,7 +16023,7 @@ var NavNative = function NavNative(props) {
|
|
|
16023
16023
|
React__default.createElement(
|
|
16024
16024
|
'style',
|
|
16025
16025
|
{ jsx: 'true' },
|
|
16026
|
-
'\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
|
|
16026
|
+
'\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 '
|
|
16027
16027
|
)
|
|
16028
16028
|
);
|
|
16029
16029
|
};
|
|
@@ -16477,23 +16477,19 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
16477
16477
|
),
|
|
16478
16478
|
React__default.createElement(
|
|
16479
16479
|
Navbar,
|
|
16480
|
-
{
|
|
16481
|
-
variant: 'dark',
|
|
16482
|
-
expand: 'lg',
|
|
16483
|
-
bg: 'primary',
|
|
16484
|
-
ref: navRef,
|
|
16485
|
-
style: { width: '100%' },
|
|
16486
|
-
onClick: function onClick() {
|
|
16487
|
-
console.log('onClick', isOpen);
|
|
16488
|
-
setIsOpen(!isOpen);
|
|
16489
|
-
} },
|
|
16480
|
+
{ variant: 'dark', expand: 'lg', bg: 'primary', ref: navRef, style: { width: '100%' } },
|
|
16490
16481
|
React__default.createElement(
|
|
16491
16482
|
Container,
|
|
16492
16483
|
{ className: 'mobile-nav' },
|
|
16493
16484
|
React__default.createElement(
|
|
16494
16485
|
'div',
|
|
16495
16486
|
{ className: 'nav-toggle' },
|
|
16496
|
-
React__default.createElement(Navbar.Toggle, {
|
|
16487
|
+
React__default.createElement(Navbar.Toggle, {
|
|
16488
|
+
'aria-controls': 'basic-navbar-nav',
|
|
16489
|
+
onClick: function onClick() {
|
|
16490
|
+
setIsOpen(!isOpen);
|
|
16491
|
+
}
|
|
16492
|
+
}),
|
|
16497
16493
|
React__default.createElement(Search, { device: 'mobile' })
|
|
16498
16494
|
),
|
|
16499
16495
|
React__default.createElement(
|
|
@@ -17010,7 +17006,7 @@ var FigureComponent = function FigureComponent(_ref) {
|
|
|
17010
17006
|
React__default.createElement(
|
|
17011
17007
|
'style',
|
|
17012
17008
|
{ jsx: 'true' },
|
|
17013
|
-
'\n figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n /*Eliminates padding, centers the thumbnail */\n\n
|
|
17009
|
+
'\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 '
|
|
17014
17010
|
)
|
|
17015
17011
|
);
|
|
17016
17012
|
};
|