matrix-react-sdk/lib/components/utils/Flex.js

SDK for matrix.org using React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Flex = Flex;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
const _excluded = ["as", "display", "direction", "align", "justify", "gap", "className", "children"];
/*
Copyright 2024 New Vector Ltd.
Copyright 2023 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.
*/
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; }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
/**
 * A flexbox container helper
 */
function Flex(_ref) {
  let {
      as = "div",
      display = "flex",
      direction = "row",
      align = "start",
      justify = "start",
      gap = "0",
      className,
      children
    } = _ref,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  const ref = (0, _react.useRef)();
  (0, _react.useEffect)(() => {
    ref.current.style.setProperty(`--mx-flex-display`, display);
    ref.current.style.setProperty(`--mx-flex-direction`, direction);
    ref.current.style.setProperty(`--mx-flex-align`, align);
    ref.current.style.setProperty(`--mx-flex-justify`, justify);
    ref.current.style.setProperty(`--mx-flex-gap`, gap);
  }, [align, direction, display, gap, justify]);
  return /*#__PURE__*/_react.default.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
    className: (0, _classnames.default)("mx_Flex", className),
    ref
  }), children);
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfZXhjbHVkZWQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJvd25LZXlzIiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsIm8iLCJmaWx0ZXIiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJGbGV4IiwiX3JlZiIsImFzIiwiZGlzcGxheSIsImRpcmVjdGlvbiIsImFsaWduIiwianVzdGlmeSIsImdhcCIsImNsYXNzTmFtZSIsImNoaWxkcmVuIiwicHJvcHMiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMyIiwicmVmIiwidXNlUmVmIiwidXNlRWZmZWN0IiwiY3VycmVudCIsInN0eWxlIiwic2V0UHJvcGVydHkiLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWVzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvRmxleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDI0IE5ldyBWZWN0b3IgTHRkLlxuQ29weXJpZ2h0IDIwMjMgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cblxuU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHkgT1IgR1BMLTMuMC1vbmx5XG5QbGVhc2Ugc2VlIExJQ0VOU0UgZmlsZXMgaW4gdGhlIHJlcG9zaXRvcnkgcm9vdCBmb3IgZnVsbCBkZXRhaWxzLlxuKi9cblxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG50eXBlIEZsZXhQcm9wcyA9IHtcbiAgICAvKipcbiAgICAgKiBUaGUgdHlwZSBvZiB0aGUgSFRNTCBlbGVtZW50XG4gICAgICogQGRlZmF1bHQgZGl2XG4gICAgICovXG4gICAgYXM/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogVGhlIENTUyBjbGFzcyBuYW1lLlxuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBUaGUgdHlwZSBvZiBmbGV4IGNvbnRhaW5lclxuICAgICAqIEBkZWZhdWx0IGZsZXhcbiAgICAgKi9cbiAgICBkaXNwbGF5PzogXCJmbGV4XCIgfCBcImlubGluZS1mbGV4XCI7XG4gICAgLyoqXG4gICAgICogVGhlIGZsb3cgZGlyZWN0aW9uIG9mIHRoZSBmbGV4IGNoaWxkcmVuXG4gICAgICogQGRlZmF1bHQgcm93XG4gICAgICovXG4gICAgZGlyZWN0aW9uPzogXCJyb3dcIiB8IFwiY29sdW1uXCIgfCBcInJvdy1yZXZlcnNlXCIgfCBcImNvbHVtbi1yZXZlcnNlXCI7XG4gICAgLyoqXG4gICAgICogVGhlIGFsaW5nbWVudCBvZiB0aGUgZmxleCBjaGlsZHJlblxuICAgICAqIEBkZWZhdWx0IHN0YXJ0XG4gICAgICovXG4gICAgYWxpZ24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIiB8IFwiYmFzZWxpbmVcIiB8IFwic3RyZXRjaFwiO1xuICAgIC8qKlxuICAgICAqIFRoZSBqdXN0aWZpY2F0aW9uIG9mIHRoZSBmbGV4IGNoaWxkcmVuXG4gICAgICogQGRlZmF1bHQgc3RhcnRcbiAgICAgKi9cbiAgICBqdXN0aWZ5PzogXCJzdGFydFwiIHwgXCJjZW50ZXJcIiB8IFwiZW5kXCIgfCBcInNwYWNlLWJldHdlZW5cIjtcbiAgICAvKipcbiAgICAgKiBUaGUgc3BhY2luZyBiZXR3ZWVuIHRoZSBmbGV4IGNoaWxkcmVuLCBleHByZXNzZWQgd2l0aCB0aGUgQ1NTIHVuaXRcbiAgICAgKiBAZGVmYXVsdCAwXG4gICAgICovXG4gICAgZ2FwPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIHRoZSBvbiBjbGljayBldmVudCBjYWxsYmFja1xuICAgICAqL1xuICAgIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbn07XG5cbi8qKlxuICogQSBmbGV4Ym94IGNvbnRhaW5lciBoZWxwZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIEZsZXgoe1xuICAgIGFzID0gXCJkaXZcIixcbiAgICBkaXNwbGF5ID0gXCJmbGV4XCIsXG4gICAgZGlyZWN0aW9uID0gXCJyb3dcIixcbiAgICBhbGlnbiA9IFwic3RhcnRcIixcbiAgICBqdXN0aWZ5ID0gXCJzdGFydFwiLFxuICAgIGdhcCA9IFwiMFwiLFxuICAgIGNsYXNzTmFtZSxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5wcm9wc1xufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48RmxleFByb3BzPik6IEpTWC5FbGVtZW50IHtcbiAgICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICByZWYuY3VycmVudCEuc3R5bGUuc2V0UHJvcGVydHkoYC0tbXgtZmxleC1kaXNwbGF5YCwgZGlzcGxheSk7XG4gICAgICAgIHJlZi5jdXJyZW50IS5zdHlsZS5zZXRQcm9wZXJ0eShgLS1teC1mbGV4LWRpcmVjdGlvbmAsIGRpcmVjdGlvbik7XG4gICAgICAgIHJlZi5jdXJyZW50IS5zdHlsZS5zZXRQcm9wZXJ0eShgLS1teC1mbGV4LWFsaWduYCwgYWxpZ24pO1xuICAgICAgICByZWYuY3VycmVudCEuc3R5bGUuc2V0UHJvcGVydHkoYC0tbXgtZmxleC1qdXN0aWZ5YCwganVzdGlmeSk7XG4gICAgICAgIHJlZi5jdXJyZW50IS5zdHlsZS5zZXRQcm9wZXJ0eShgLS1teC1mbGV4LWdhcGAsIGdhcCk7XG4gICAgfSwgW2FsaWduLCBkaXJlY3Rpb24sIGRpc3BsYXksIGdhcCwganVzdGlmeV0pO1xuXG4gICAgcmV0dXJuIFJlYWN0LmNyZWF0ZUVsZW1lbnQoYXMsIHsgLi4ucHJvcHMsIGNsYXNzTmFtZTogY2xhc3NOYW1lcyhcIm14X0ZsZXhcIiwgY2xhc3NOYW1lKSwgcmVmIH0sIGNoaWxkcmVuKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBUUEsSUFBQUEsV0FBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBQyx1QkFBQSxDQUFBRixPQUFBO0FBQWlELE1BQUFHLFNBQUE7QUFUakQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFOQSxTQUFBQyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBSCx3QkFBQUcsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLHVCQUFBQSxDQUFBLHlCQUFBQSxDQUFBLFdBQUFLLE9BQUEsRUFBQUwsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFD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