@mjhls/mjh-framework 1.0.150 → 1.0.152
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 +45 -33
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +45 -33
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -7992,6 +7992,10 @@ var IoIosHome = function (props) {
|
|
|
7992
7992
|
return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M258.5 104.1c-1.5-1.2-3.5-1.2-5 0l-156 124.8c-.9.8-1.5 1.9-1.5 3.1v230c0 1.1.9 2 2 2h108c1.1 0 2-.9 2-2V322c0-1.1.9-2 2-2h92c1.1 0 2 .9 2 2v140c0 1.1.9 2 2 2h108c1.1 0 2-.9 2-2V232c0-1.2-.6-2.4-1.5-3.1l-156-124.8z"}},{"tag":"path","attr":{"d":"M458.7 204.2l-189-151.4C265.9 49.7 261 48 256 48s-9.9 1.7-13.7 4.8L160 119.7V77.5c0-1.1-.9-2-2-2H98c-1.1 0-2 .9-2 2v92.2l-42.7 35.1c-3.1 2.5-5.1 6.2-5.3 10.2-.2 4 1.3 7.9 4.1 10.7 2.6 2.6 6.1 4.1 9.9 4.1 3.2 0 6.3-1.1 8.8-3.1l183.9-148c.5-.4.9-.4 1.3-.4s.8.1 1.3.4l183.9 147.4c2.5 2 5.6 3.1 8.8 3.1 3.7 0 7.2-1.4 9.9-4.1 2.9-2.8 4.4-6.7 4.2-10.7-.3-4-2.2-7.7-5.4-10.2z"}}]})(props);
|
|
7993
7993
|
};
|
|
7994
7994
|
IoIosHome.displayName = "IoIosHome";
|
|
7995
|
+
var IoIosOpen = function (props) {
|
|
7996
|
+
return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M227.8 300.2c-5.1-5.1-5.1-13.3 0-18.4l133.7-133.7c-5.3-2.6-11.2-4.1-17.5-4.1H88c-22 0-40 18-40 40v224c0 22 18 40 40 40h256c22 0 40-18 40-40V184c0-6.3-1.5-12.2-4.1-17.5L246.2 300.2c-5.1 5.1-13.3 5.1-18.4 0z"}},{"tag":"path","attr":{"d":"M459.5 68.5C457 66 453 64 449 64h-97c-7.2-.1-13.1 5.7-13.1 12.9-.1 7.2 5.7 13.1 12.9 13.1l67.3.5-57.6 57.6c8 3.9 14.5 10.4 18.4 18.4l57.6-57.6.5 67.3c.1 7.2 5.9 13 13.1 12.9 7.2-.1 13-5.9 12.9-13.1V78c0-3.5-2-7-4.5-9.5z"}}]})(props);
|
|
7997
|
+
};
|
|
7998
|
+
IoIosOpen.displayName = "IoIosOpen";
|
|
7995
7999
|
var IoMdArrowDropdown = function (props) {
|
|
7996
8000
|
return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M128 192l128 128 128-128z"}}]})(props);
|
|
7997
8001
|
};
|
|
@@ -9681,7 +9685,7 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
9681
9685
|
),
|
|
9682
9686
|
React__default.createElement(
|
|
9683
9687
|
Navbar,
|
|
9684
|
-
{ className: 'bottom-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top', ref: navRef },
|
|
9688
|
+
{ className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top', ref: navRef },
|
|
9685
9689
|
React__default.createElement(
|
|
9686
9690
|
Container,
|
|
9687
9691
|
{ className: 'mobile-nav' },
|
|
@@ -9799,7 +9803,7 @@ var NavMagazine = function NavMagazine(props) {
|
|
|
9799
9803
|
React__default.createElement(
|
|
9800
9804
|
'style',
|
|
9801
9805
|
{ jsx: 'true' },
|
|
9802
|
-
'\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: 1199px) {\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: 991px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .
|
|
9806
|
+
'\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: 1199px) {\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: 991px) {\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 width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n '
|
|
9803
9807
|
)
|
|
9804
9808
|
);
|
|
9805
9809
|
};
|
|
@@ -14677,7 +14681,7 @@ var Leads = function Leads(_ref) {
|
|
|
14677
14681
|
return React__default.createElement(
|
|
14678
14682
|
'div',
|
|
14679
14683
|
{ className: 'd-block text-center mb-3' },
|
|
14680
|
-
url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', src: url, frameBorder: '0', allow: 'fullscreen' })
|
|
14684
|
+
url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
|
|
14681
14685
|
);
|
|
14682
14686
|
};
|
|
14683
14687
|
|
|
@@ -15586,28 +15590,13 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
|
|
|
15586
15590
|
};
|
|
15587
15591
|
|
|
15588
15592
|
// THIS FILE IS AUTO GENERATED
|
|
15589
|
-
var
|
|
15590
|
-
return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-
|
|
15593
|
+
var FaRegWindowClose = function (props) {
|
|
15594
|
+
return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z"}}]})(props);
|
|
15591
15595
|
};
|
|
15592
|
-
|
|
15596
|
+
FaRegWindowClose.displayName = "FaRegWindowClose";
|
|
15593
15597
|
|
|
15594
15598
|
/*****UStream Component*****/
|
|
15595
|
-
|
|
15596
|
-
|
|
15597
|
-
Width and Height(percent or px) prop passed is the floating window, when closed
|
|
15598
|
-
it will take 100% of its parent element
|
|
15599
|
-
|
|
15600
|
-
You can pass in another SRC for Ustream if needed
|
|
15601
|
-
|
|
15602
|
-
If 'close' is passed as prop, the floating window will be removed
|
|
15603
|
-
from DOM once close button is hit
|
|
15604
|
-
|
|
15605
|
-
Example:
|
|
15606
|
-
import { Ustream } from '@mjhls/mjh-framework';
|
|
15607
|
-
<Ustream width={'200px'} height={'120px'} close />
|
|
15608
|
-
|
|
15609
|
-
*/
|
|
15610
|
-
/************************* */
|
|
15599
|
+
|
|
15611
15600
|
var Ustream = function Ustream(_ref) {
|
|
15612
15601
|
var _ref$width = _ref.width,
|
|
15613
15602
|
width = _ref$width === undefined ? '300px' : _ref$width,
|
|
@@ -15615,6 +15604,8 @@ var Ustream = function Ustream(_ref) {
|
|
|
15615
15604
|
height = _ref$height === undefined ? '168px' : _ref$height,
|
|
15616
15605
|
_ref$close = _ref.close,
|
|
15617
15606
|
close = _ref$close === undefined ? false : _ref$close,
|
|
15607
|
+
_ref$right = _ref.right,
|
|
15608
|
+
right = _ref$right === undefined ? false : _ref$right,
|
|
15618
15609
|
_ref$src = _ref.src,
|
|
15619
15610
|
src = _ref$src === undefined ? 'https://video.ibm.com/embed/23627444?volume=0&autoplay=true' : _ref$src;
|
|
15620
15611
|
|
|
@@ -15632,11 +15623,15 @@ var Ustream = function Ustream(_ref) {
|
|
|
15632
15623
|
|
|
15633
15624
|
React.useEffect(function () {
|
|
15634
15625
|
try {
|
|
15635
|
-
document.
|
|
15636
|
-
|
|
15637
|
-
|
|
15626
|
+
var container = document.getElementById('ustream-container');
|
|
15627
|
+
|
|
15628
|
+
if (close) {
|
|
15629
|
+
var closeBtn = document.querySelector('.ustream-close');
|
|
15630
|
+
closeBtn.addEventListener('click', function () {
|
|
15638
15631
|
container.remove();
|
|
15639
|
-
}
|
|
15632
|
+
});
|
|
15633
|
+
} else {
|
|
15634
|
+
document.querySelector('.ustream-minimize').addEventListener('click', function (e) {
|
|
15640
15635
|
container.style.position = 'static';
|
|
15641
15636
|
container.style.padding = '0 1rem';
|
|
15642
15637
|
container.classList.add('closed');
|
|
@@ -15646,9 +15641,14 @@ var Ustream = function Ustream(_ref) {
|
|
|
15646
15641
|
console.log(newHeight);
|
|
15647
15642
|
console.log(ustreamContainer);
|
|
15648
15643
|
setHeight(newHeight);
|
|
15649
|
-
|
|
15650
|
-
|
|
15651
|
-
|
|
15644
|
+
document.querySelector('.ustream-minimize').remove();
|
|
15645
|
+
var closeBtn = document.querySelector('.ustream-close');
|
|
15646
|
+
closeBtn.style.display = 'block';
|
|
15647
|
+
closeBtn.addEventListener('click', function () {
|
|
15648
|
+
container.remove();
|
|
15649
|
+
});
|
|
15650
|
+
});
|
|
15651
|
+
}
|
|
15652
15652
|
} catch (err) {}
|
|
15653
15653
|
}, []);
|
|
15654
15654
|
|
|
@@ -15658,10 +15658,23 @@ var Ustream = function Ustream(_ref) {
|
|
|
15658
15658
|
React__default.createElement(
|
|
15659
15659
|
'div',
|
|
15660
15660
|
{ style: { position: 'relative' } },
|
|
15661
|
-
React__default.createElement(
|
|
15661
|
+
close ? React__default.createElement(
|
|
15662
15662
|
'div',
|
|
15663
15663
|
{ className: 'ustream-close' },
|
|
15664
|
-
React__default.createElement(
|
|
15664
|
+
React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
|
|
15665
|
+
) : React__default.createElement(
|
|
15666
|
+
React__default.Fragment,
|
|
15667
|
+
null,
|
|
15668
|
+
React__default.createElement(
|
|
15669
|
+
'div',
|
|
15670
|
+
{ className: 'ustream-minimize' },
|
|
15671
|
+
React__default.createElement(IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
|
|
15672
|
+
),
|
|
15673
|
+
React__default.createElement(
|
|
15674
|
+
'div',
|
|
15675
|
+
{ className: 'ustream-close' },
|
|
15676
|
+
React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
|
|
15677
|
+
)
|
|
15665
15678
|
),
|
|
15666
15679
|
React__default.createElement('iframe', {
|
|
15667
15680
|
id: 'ustream-iframe',
|
|
@@ -15669,13 +15682,12 @@ var Ustream = function Ustream(_ref) {
|
|
|
15669
15682
|
webkitallowfullscreen: true,
|
|
15670
15683
|
allowFullScreen: true,
|
|
15671
15684
|
frameBorder: 'no',
|
|
15672
|
-
|
|
15673
15685
|
style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
|
|
15674
15686
|
),
|
|
15675
15687
|
React__default.createElement(
|
|
15676
15688
|
'style',
|
|
15677
15689
|
{ jsx: 'true' },
|
|
15678
|
-
'\n #ustream-container {\n position: fixed;\n bottom: 0;\n right: 1rem
|
|
15690
|
+
'\n #ustream-container {\n position: fixed;\n bottom: 0;\n ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n z-index: 999;\n max-width: 100%;\n }\n .ustream-minimize,\n .ustream-close {\n position: absolute;\n color: white;\n right: 0.5rem;\n top: 0.25rem;\n cursor: pointer;\n font-weight: bold;\n }\n .ustream-close {\n ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n }\n @media screen and (max-width: 768px) {\n #ustream-container:not(.closed) {\n width: 231px !important;\n height: 130px !important;\n }\n #ustream-container:not(.closed) iframe {\n height: 130px !important;\n }\n }\n '
|
|
15679
15691
|
)
|
|
15680
15692
|
);
|
|
15681
15693
|
};
|