@atlaskit/page-layout/dist/cjs/common/hooks/use-is-sidebar-dragging.js

A collection of components which let you compose an application's page layout.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _constants = require("../constants");
var getIsDragging = function getIsDragging() {
  // SSR bail-out because document is undefined on the server
  if (typeof document === 'undefined') {
    return false;
  }
  return document.documentElement.getAttribute(_constants.IS_SIDEBAR_DRAGGING) === 'true';
};

// TODO: I think this should be derived from the sidebar state,
// and not indirectly from observing an attribute change
var useIsSidebarDragging = function useIsSidebarDragging() {
  var _useState = (0, _react.useState)(getIsDragging),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isDragging = _useState2[0],
    setIsDragging = _useState2[1];
  (0, _react.useEffect)(function () {
    var observer = new MutationObserver(function () {
      setIsDragging(getIsDragging);
    });
    observer.observe(document.documentElement, {
      attributeFilter: [_constants.IS_SIDEBAR_DRAGGING]
    });
    return function () {
      observer.disconnect();
    };
  }, []);
  return isDragging;
};
var _default = exports.default = useIsSidebarDragging;