@wix/design-system
Version:
@wix/design-system
37 lines (36 loc) • 1.14 kB
JavaScript
;
exports.__esModule = true;
exports.useFloatingScrollBarState = useFloatingScrollBarState;
var _react = require("react");
var _FloatingScrollBarState = require("./FloatingScrollBarState");
var _FloatingScrollBarContext = require("./FloatingScrollBarContext");
function useFloatingScrollBarState() {
var {
viewportRef,
scrollableContentRef,
scrollElementRef
} = (0, _FloatingScrollBarContext.useFloatingScrollBarContext)();
var [floatingPosition, setFloatingPosition] = (0, _react.useState)();
var [scrollContentSize, setScrollContentSize] = (0, _react.useState)({
width: 0
});
var [scrollContentPosition, setScrollContentPosition] = (0, _react.useState)({
left: 0,
width: undefined
});
var [state] = (0, _react.useState)(() => new _FloatingScrollBarState.FloatingScrollBarState({
setFloatingPosition,
setScrollContentSize,
setScrollContentPosition,
viewportRef,
scrollElementRef,
scrollableContentRef
}));
return {
state,
floatingPosition,
scrollContentSize,
scrollContentPosition
};
}
//# sourceMappingURL=useFloatingScrollBarState.js.map