@wix/design-system/dist/cjs/Table/FloatingScrollBar/useFloatingScrollBarState.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.useFloatingScrollBarState = useFloatingScrollBarState;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _FloatingScrollBarState = require("./FloatingScrollBarState");
var _FloatingScrollBarContext = require("./FloatingScrollBarContext");
function useFloatingScrollBarState() {
  var _useFloatingScrollBar = (0, _FloatingScrollBarContext.useFloatingScrollBarContext)(),
    viewportRef = _useFloatingScrollBar.viewportRef,
    scrollableContentRef = _useFloatingScrollBar.scrollableContentRef,
    scrollElementRef = _useFloatingScrollBar.scrollElementRef;
  var _useState = (0, _react.useState)(),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    floatingPosition = _useState2[0],
    setFloatingPosition = _useState2[1];
  var _useState3 = (0, _react.useState)({
      width: 0
    }),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    scrollContentSize = _useState4[0],
    setScrollContentSize = _useState4[1];
  var _useState5 = (0, _react.useState)({
      left: 0,
      width: undefined
    }),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    scrollContentPosition = _useState6[0],
    setScrollContentPosition = _useState6[1];
  var _useState7 = (0, _react.useState)(() => new _FloatingScrollBarState.FloatingScrollBarState({
      setFloatingPosition,
      setScrollContentSize,
      setScrollContentPosition,
      viewportRef,
      scrollElementRef,
      scrollableContentRef
    })),
    _useState8 = (0, _slicedToArray2.default)(_useState7, 1),
    state = _useState8[0];
  return {
    state,
    floatingPosition,
    scrollContentSize,
    scrollContentPosition
  };
}
//# sourceMappingURL=useFloatingScrollBarState.js.map