@visx/responsive/lib/hooks/useScreenSize.js

visx responsive svg

"use strict";

exports.__esModule = true;
exports.default = void 0;
var _debounce = _interopRequireDefault(require("lodash/debounce"));
var _react = require("react");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var defaultInitialSize = {
  width: 0,
  height: 0
};
var useScreenSize = function useScreenSize(_temp) {
  var _ref = _temp === void 0 ? {} : _temp,
    _ref$initialSize = _ref.initialSize,
    initialSize = _ref$initialSize === void 0 ? defaultInitialSize : _ref$initialSize,
    _ref$debounceTime = _ref.debounceTime,
    debounceTime = _ref$debounceTime === void 0 ? 300 : _ref$debounceTime,
    _ref$enableDebounceLe = _ref.enableDebounceLeadingCall,
    enableDebounceLeadingCall = _ref$enableDebounceLe === void 0 ? true : _ref$enableDebounceLe;
  var _useState = (0, _react.useState)(initialSize),
    screenSize = _useState[0],
    setScreenSize = _useState[1];
  var handleResize = (0, _react.useMemo)(function () {
    return (0, _debounce.default)(function () {
      setScreenSize(function () {
        return {
          width: window.innerWidth,
          height: window.innerHeight
        };
      });
    }, debounceTime, {
      leading: enableDebounceLeadingCall
    });
  }, [debounceTime, enableDebounceLeadingCall]);
  (0, _react.useEffect)(function () {
    handleResize();
    window.addEventListener('resize', handleResize, false);
    return function () {
      window.removeEventListener('resize', handleResize, false);
      handleResize.cancel();
    };
  }, [handleResize]);
  return screenSize;
};
var _default = useScreenSize;
exports.default = _default;