Skip to content

Commit 5c6fafc

Browse files
committed
feat: update dist
1 parent c328d8f commit 5c6fafc

File tree

1 file changed

+11
-12
lines changed

1 file changed

+11
-12
lines changed

dist/index.js

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,6 @@ var eventListenerOptions = {
3131
capture: true,
3232
passive: true
3333
};
34-
var defaultWrapperStyle = {
35-
display: "inline-block"
36-
};
3734

3835
var getDisplayName = function getDisplayName(WrappedComponent) {
3936
return WrappedComponent.displayName || WrappedComponent.name || "Component";
@@ -44,8 +41,7 @@ var withHydrationOnDemandServerSide = function withHydrationOnDemandServerSide(W
4441
var wrapperProps = _ref.wrapperProps,
4542
props = (0, _objectWithoutProperties2["default"])(_ref, ["wrapperProps"]);
4643
return _react["default"].createElement("section", (0, _extends2["default"])({
47-
"data-hydration-on-demand": true,
48-
style: defaultWrapperStyle
44+
"data-hydration-on-demand": true
4945
}, wrapperProps), _react["default"].createElement(WrappedComponent, props));
5046
};
5147
};
@@ -118,7 +114,10 @@ var withHydrationOnDemandClientSide = function withHydrationOnDemandClientSide(_
118114
}();
119115

120116
var initDOMEvent = function initDOMEvent(type) {
121-
var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : rootRef.current;
117+
var getTarget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
118+
return rootRef.current;
119+
};
120+
var target = getTarget();
122121
target.addEventListener(type, hydrate, eventListenerOptions);
123122
cleanupFunctions.current.push(function () {
124123
target.removeEventListener(type, hydrate, eventListenerOptions);
@@ -153,12 +152,15 @@ var withHydrationOnDemandClientSide = function withHydrationOnDemandClientSide(_
153152
});
154153
};
155154

156-
var initIntersectionObserver = function initIntersectionObserver(options) {
155+
var initIntersectionObserver = function initIntersectionObserver() {
156+
var getOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Function.prototype;
157+
157158
if (!("IntersectionObserver" in window)) {
158159
hydrate();
159160
return;
160161
}
161162

163+
var options = getOptions();
162164
new IntersectionObserver(function (_ref5, observer) {
163165
var _ref6 = (0, _slicedToArray2["default"])(_ref5, 1),
164166
entry = _ref6[0];
@@ -205,12 +207,9 @@ var withHydrationOnDemandClientSide = function withHydrationOnDemandClientSide(_
205207
dangerouslySetInnerHTML: {
206208
__html: ""
207209
},
208-
suppressHydrationWarning: true,
209-
style: defaultWrapperStyle
210+
suppressHydrationWarning: true
210211
}, wrapperProps));
211-
return _react["default"].createElement("section", (0, _extends2["default"])({
212-
style: defaultWrapperStyle
213-
}, wrapperProps), _react["default"].createElement(WrappedComponent, props));
212+
return _react["default"].createElement("section", wrapperProps, _react["default"].createElement(WrappedComponent, props));
214213
};
215214

216215
WithHydrationOnDemand.displayName = "withHydrationOnDemand(".concat(getDisplayName(WrappedComponent), ")");

0 commit comments

Comments
 (0)