matrix-react-sdk
Version:
SDK for matrix.org using React
67 lines (64 loc) • 11.6 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Box = Box;
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", "flex", "shrink", "grow", "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; }
/**
* Set or remove a CSS property
* @param ref the reference
* @param name the CSS property name
* @param value the CSS property value
*/
function addOrRemoveProperty(ref, name, value) {
const style = ref.current.style;
if (value) {
style.setProperty(name, value);
} else {
style.removeProperty(name);
}
}
/**
* A flex child helper
*/
function Box(_ref) {
let {
as = "div",
flex = null,
shrink = null,
grow = null,
className,
children
} = _ref,
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
const ref = (0, _react.useRef)();
(0, _react.useEffect)(() => {
addOrRemoveProperty(ref, `--mx-box-flex`, flex);
addOrRemoveProperty(ref, `--mx-box-shrink`, shrink);
addOrRemoveProperty(ref, `--mx-box-grow`, grow);
}, [flex, grow, shrink]);
return /*#__PURE__*/_react.default.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
className: (0, _classnames.default)("mx_Box", className, {
"mx_Box--flex": !!flex,
"mx_Box--shrink": !!shrink,
"mx_Box--grow": !!grow
}),
ref
}), children);
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfZXhjbHVkZWQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJvd25LZXlzIiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsIm8iLCJmaWx0ZXIiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJhZGRPclJlbW92ZVByb3BlcnR5IiwicmVmIiwibmFtZSIsInZhbHVlIiwic3R5bGUiLCJjdXJyZW50Iiwic2V0UHJvcGVydHkiLCJyZW1vdmVQcm9wZXJ0eSIsIkJveCIsIl9yZWYiLCJhcyIsImZsZXgiLCJzaHJpbmsiLCJncm93IiwiY2xhc3NOYW1lIiwiY2hpbGRyZW4iLCJwcm9wcyIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllczIiLCJ1c2VSZWYiLCJ1c2VFZmZlY3QiLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWVzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuQ29weXJpZ2h0IDIwMjQgTmV3IFZlY3RvciBMdGQuXG5Db3B5cmlnaHQgMjAyMyBUaGUgTWF0cml4Lm9yZyBGb3VuZGF0aW9uIEMuSS5DLlxuXG5TUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seSBPUiBHUEwtMy4wLW9ubHlcblBsZWFzZSBzZWUgTElDRU5TRSBmaWxlcyBpbiB0aGUgcmVwb3NpdG9yeSByb290IGZvciBmdWxsIGRldGFpbHMuXG4qL1xuXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbnR5cGUgRmxleFByb3BzID0ge1xuICAgIC8qKlxuICAgICAqIFRoZSB0eXBlIG9mIHRoZSBIVE1MIGVsZW1lbnRcbiAgICAgKiBAZGVmYXVsdCBkaXZcbiAgICAgKi9cbiAgICBhcz86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBUaGUgQ1NTIGNsYXNzIG5hbWUuXG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIHRoZSBvbiBjbGljayBldmVudCBjYWxsYmFja1xuICAgICAqL1xuICAgIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgICAvKipcbiAgICAgKiBUaGUgZmxleCBzcGFjZSB0byB1c2VcbiAgICAgKiBAZGVmYXVsdCBudWxsXG4gICAgICovXG4gICAgZmxleD86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogVGhlIGZsZXggc2hyaW5rIGZhY3RvclxuICAgICAqIEBkZWZhdWx0IG51bGxcbiAgICAgKi9cbiAgICBzaHJpbms/OiBzdHJpbmcgfCBudWxsO1xuICAgIC8qKlxuICAgICAqIFRoZSBmbGV4IGdyb3cgZmFjdG9yXG4gICAgICogQGRlZmF1bHQgbnVsbFxuICAgICAqL1xuICAgIGdyb3c/OiBzdHJpbmcgfCBudWxsO1xufTtcblxuLyoqXG4gKiBTZXQgb3IgcmVtb3ZlIGEgQ1NTIHByb3BlcnR5XG4gKiBAcGFyYW0gcmVmIHRoZSByZWZlcmVuY2VcbiAqIEBwYXJhbSBuYW1lIHRoZSBDU1MgcHJvcGVydHkgbmFtZVxuICogQHBhcmFtIHZhbHVlIHRoZSBDU1MgcHJvcGVydHkgdmFsdWVcbiAqL1xuZnVuY3Rpb24gYWRkT3JSZW1vdmVQcm9wZXJ0eShcbiAgICByZWY6IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEVsZW1lbnQgfCB1bmRlZmluZWQ+LFxuICAgIG5hbWU6IHN0cmluZyxcbiAgICB2YWx1ZT86IHN0cmluZyB8IG51bGwsXG4pOiB2b2lkIHtcbiAgICBjb25zdCBzdHlsZSA9IHJlZi5jdXJyZW50IS5zdHlsZTtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgc3R5bGUuc2V0UHJvcGVydHkobmFtZSwgdmFsdWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICAgIHN0eWxlLnJlbW92ZVByb3BlcnR5KG5hbWUpO1xuICAgIH1cbn1cblxuLyoqXG4gKiBBIGZsZXggY2hpbGQgaGVscGVyXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBCb3goe1xuICAgIGFzID0gXCJkaXZcIixcbiAgICBmbGV4ID0gbnVsbCxcbiAgICBzaHJpbmsgPSBudWxsLFxuICAgIGdyb3cgPSBudWxsLFxuICAgIGNsYXNzTmFtZSxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5wcm9wc1xufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48RmxleFByb3BzPik6IEpTWC5FbGVtZW50IHtcbiAgICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBhZGRPclJlbW92ZVByb3BlcnR5KHJlZiwgYC0tbXgtYm94LWZsZXhgLCBmbGV4KTtcbiAgICAgICAgYWRkT3JSZW1vdmVQcm9wZXJ0eShyZWYsIGAtLW14LWJveC1zaHJpbmtgLCBzaHJpbmspO1xuICAgICAgICBhZGRPclJlbW92ZVByb3BlcnR5KHJlZiwgYC0tbXgtYm94LWdyb3dgLCBncm93KTtcbiAgICB9LCBbZmxleCwgZ3Jvdywgc2hyaW5rXSk7XG5cbiAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChcbiAgICAgICAgYXMsXG4gICAgICAgIHtcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzKFwibXhfQm94XCIsIGNsYXNzTmFtZSwge1xuICAgICAgICAgICAgICAgIFwibXhfQm94LS1mbGV4XCI6ICEhZmxleCxcbiAgICAgICAgICAgICAgICBcIm14X0JveC0tc2hyaW5rXCI6ICEhc2hyaW5rLFxuICAgICAgICAgICAgICAgIFwibXhfQm94LS1ncm93XCI6ICEhZ3JvdyxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgcmVmLFxuICAgICAgICB9LFxuICAgICAgICBjaGlsZHJlbixcbiAgICApO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFRQSxJQUFBQSxXQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFDLHVCQUFBLENBQUFGLE9BQUE7QUFBaUQsTUFBQUcsU0FBQTtBQVRqRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQU5BLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFILHdCQUFBRyxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsdUJBQUFBLENBQUEseUJBQUFBLENBQUEsV0FBQUssT0FBQSxFQUFBTCxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUksR0FBQSxDQUFB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