matrix-react-sdk/lib/hooks/useWindowWidth.js

SDK for matrix.org using React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useWindowWidth = void 0;
var _react = _interopRequireDefault(require("react"));
var _UIStore = _interopRequireWildcard(require("../stores/UIStore"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/*
Copyright 2024 New Vector Ltd.
Copyright 2024 The Matrix.org Foundation C.I.C.

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/

/**
 * Hook that gets the width of the viewport using UIStore
 *
 * @returns the current window width
 */
const useWindowWidth = () => {
  const [width, setWidth] = _react.default.useState(_UIStore.default.instance.windowWidth);
  _react.default.useEffect(() => {
    _UIStore.default.instance.on(_UIStore.UI_EVENTS.Resize, () => {
      setWidth(_UIStore.default.instance.windowWidth);
    });
    return () => {
      _UIStore.default.instance.removeListener(_UIStore.UI_EVENTS.Resize, () => {
        setWidth(_UIStore.default.instance.windowWidth);
      });
    };
  }, []);
  return width;
};
exports.useWindowWidth = useWindowWidth;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9VSVN0b3JlIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJ1c2VXaW5kb3dXaWR0aCIsIndpZHRoIiwic2V0V2lkdGgiLCJSZWFjdCIsInVzZVN0YXRlIiwiVUlTdG9yZSIsImluc3RhbmNlIiwid2luZG93V2lkdGgiLCJ1c2VFZmZlY3QiLCJvbiIsIlVJX0VWRU5UUyIsIlJlc2l6ZSIsInJlbW92ZUxpc3RlbmVyIiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VXaW5kb3dXaWR0aC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuQ29weXJpZ2h0IDIwMjQgTmV3IFZlY3RvciBMdGQuXG5Db3B5cmlnaHQgMjAyNCBUaGUgTWF0cml4Lm9yZyBGb3VuZGF0aW9uIEMuSS5DLlxuXG5TUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seSBPUiBHUEwtMy4wLW9ubHlcblBsZWFzZSBzZWUgTElDRU5TRSBmaWxlcyBpbiB0aGUgcmVwb3NpdG9yeSByb290IGZvciBmdWxsIGRldGFpbHMuXG4qL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCBVSVN0b3JlLCB7IFVJX0VWRU5UUyB9IGZyb20gXCIuLi9zdG9yZXMvVUlTdG9yZVwiO1xuXG4vKipcbiAqIEhvb2sgdGhhdCBnZXRzIHRoZSB3aWR0aCBvZiB0aGUgdmlld3BvcnQgdXNpbmcgVUlTdG9yZVxuICpcbiAqIEByZXR1cm5zIHRoZSBjdXJyZW50IHdpbmRvdyB3aWR0aFxuICovXG5leHBvcnQgY29uc3QgdXNlV2luZG93V2lkdGggPSAoKTogbnVtYmVyID0+IHtcbiAgICBjb25zdCBbd2lkdGgsIHNldFdpZHRoXSA9IFJlYWN0LnVzZVN0YXRlKFVJU3RvcmUuaW5zdGFuY2Uud2luZG93V2lkdGgpO1xuXG4gICAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgVUlTdG9yZS5pbnN0YW5jZS5vbihVSV9FVkVOVFMuUmVzaXplLCAoKSA9PiB7XG4gICAgICAgICAgICBzZXRXaWR0aChVSVN0b3JlLmluc3RhbmNlLndpbmRvd1dpZHRoKTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIFVJU3RvcmUuaW5zdGFuY2UucmVtb3ZlTGlzdGVuZXIoVUlfRVZFTlRTLlJlc2l6ZSwgKCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldFdpZHRoKFVJU3RvcmUuaW5zdGFuY2Uud2luZG93V2lkdGgpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH07XG4gICAgfSwgW10pO1xuXG4gICAgcmV0dXJuIHdpZHRoO1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQVFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFDLFFBQUEsR0FBQUMsdUJBQUEsQ0FBQUYsT0FBQTtBQUF1RCxTQUFBRyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBRix3QkFBQUUsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLHVCQUFBQSxDQUFBLHlCQUFBQSxDQUFBLFdBQUFLLE9BQUEsRUFBQUwsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFHLENBQUEsS0FBQUEsQ0FBQSxDQUFBVixHQUFBLElBQUFVLENBQUEsQ0FBQUMsR0FBQSxJQUFBUCxNQUFBLENBQUFDLGNBQUEsQ0FBQUosQ0FBQSxFQUFBTSxDQUFBLEVBQUFHLENBQUEsSUFBQVQsQ0FBQSxDQUFBTSxDQUFBLElBQUFkLENBQUEsQ0FBQWMsQ0FBQSxZQUFBTixDQUFBLENBQUFILE9BQUEsR0FBQUwsQ0FBQSxFQUFBRyxDQUFBLElBQUFBLENBQUEsQ0FBQWUsR0FBQSxDQUFBbEIsQ0FBQSxFQUFBUSxDQUFBLEdBQUFBLENBQUE7QUFWdkQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBTUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNPLE1BQU1XLGNBQWMsR0FBR0EsQ0FBQSxLQUFjO0VBQ3hDLE1BQU0sQ0FBQ0MsS0FBSyxFQUFFQyxRQUFRLENBQUMsR0FBR0MsY0FBSyxDQUFDQyxRQUFRLENBQUNDLGdCQUFPLENBQUNDLFFBQVEsQ0FBQ0MsV0FBVyxDQUFDO0VBRXRFSixjQUFLLENBQUNLLFNBQVMsQ0FBQyxNQUFNO0lBQ2xCSCxnQkFBTyxDQUFDQyxRQUFRLENBQUNHLEVBQUUsQ0FBQ0Msa0JBQVMsQ0FBQ0MsTUFBTSxFQUFFLE1BQU07TUFDeENULFFBQVEsQ0FBQ0csZ0JBQU8sQ0FBQ0MsUUFBUSxDQUFDQyxXQUFXLENBQUM7SUFDMUMsQ0FBQyxDQUFDO0lBRUYsT0FBTyxNQUFNO01BQ1RGLGdCQUFPLENBQUNDLFFBQVEsQ0FBQ00sY0FBYyxDQUFDRixrQkFBUyxDQUFDQyxNQUFNLEVBQUUsTUFBTTtRQUNwRFQsUUFBUSxDQUFDRyxnQkFBTyxDQUFDQyxRQUFRLENBQUNDLFdBQVcsQ0FBQztNQUMxQyxDQUFDLENBQUM7SUFDTixDQUFDO0VBQ0wsQ0FBQyxFQUFFLEVBQUUsQ0FBQztFQUVOLE9BQU9OLEtBQUs7QUFDaEIsQ0FBQztBQUFDWSxPQUFBLENBQUFiLGNBQUEsR0FBQUEsY0FBQSIsImlnbm9yZUxpc3QiOltdfQ==