@royaloperahouse/harmonic 0.5.0 → 0.5.1
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/dist/harmonic.cjs.development.js +18 -9
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +18 -9
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/helpers/devices.d.ts +1 -0
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -5033,14 +5033,17 @@ var useMobile = function useMobile() {
|
|
|
5033
5033
|
return mobile;
|
|
5034
5034
|
};
|
|
5035
5035
|
var useViewport = function useViewport() {
|
|
5036
|
-
var _useState3 = useState(
|
|
5037
|
-
|
|
5038
|
-
|
|
5039
|
-
|
|
5040
|
-
|
|
5036
|
+
var _useState3 = useState(false),
|
|
5037
|
+
hydrated = _useState3[0],
|
|
5038
|
+
setHydrated = _useState3[1];
|
|
5039
|
+
var _useState4 = useState({
|
|
5040
|
+
width: 0,
|
|
5041
|
+
isMobile: false,
|
|
5042
|
+
isTablet: false,
|
|
5043
|
+
isDesktop: false
|
|
5041
5044
|
}),
|
|
5042
|
-
viewport =
|
|
5043
|
-
setViewport =
|
|
5045
|
+
viewport = _useState4[0],
|
|
5046
|
+
setViewport = _useState4[1];
|
|
5044
5047
|
useEffect(function () {
|
|
5045
5048
|
if (typeof window === 'undefined') return undefined;
|
|
5046
5049
|
var handleResize = function handleResize() {
|
|
@@ -5051,12 +5054,16 @@ var useViewport = function useViewport() {
|
|
|
5051
5054
|
isDesktop: window.innerWidth >= breakpoints.md
|
|
5052
5055
|
});
|
|
5053
5056
|
};
|
|
5057
|
+
handleResize();
|
|
5058
|
+
setHydrated(true);
|
|
5054
5059
|
window.addEventListener('resize', handleResize);
|
|
5055
5060
|
return function () {
|
|
5056
5061
|
return window.removeEventListener('resize', handleResize);
|
|
5057
5062
|
};
|
|
5058
5063
|
}, []);
|
|
5059
|
-
return viewport
|
|
5064
|
+
return _extends({}, viewport, {
|
|
5065
|
+
hydrated: hydrated
|
|
5066
|
+
});
|
|
5060
5067
|
};
|
|
5061
5068
|
|
|
5062
5069
|
var SocialLinks = function SocialLinks(_ref) {
|
|
@@ -9205,10 +9212,12 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9205
9212
|
additionalLink = _ref.additionalLink,
|
|
9206
9213
|
image = _ref.image;
|
|
9207
9214
|
var _useViewport = useViewport(),
|
|
9208
|
-
isMobile = _useViewport.isMobile
|
|
9215
|
+
isMobile = _useViewport.isMobile,
|
|
9216
|
+
hydrated = _useViewport.hydrated;
|
|
9209
9217
|
var showImageButton = !title && !badge && !additionalLink && !isMobile;
|
|
9210
9218
|
var showContentBlock = !!title || !!additionalLink || !!mainLink && isMobile;
|
|
9211
9219
|
var truncatedTitle = title ? truncate(title, TITLE_MAX_LENGTH) : null;
|
|
9220
|
+
if (!hydrated) return null;
|
|
9212
9221
|
return /*#__PURE__*/React__default.createElement(Wrapper$5, {
|
|
9213
9222
|
className: className
|
|
9214
9223
|
}, sponsor && (/*#__PURE__*/React__default.createElement(SponsorWrapper$1, {
|