@ai-matrx/meet 0.7.11 → 0.7.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/react.cjs +14 -1
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +14 -1
- package/dist/react.js.map +1 -1
- package/dist/styles.css +2 -1
- package/package.json +3 -3
package/dist/react.js
CHANGED
|
@@ -8982,7 +8982,20 @@ function PanelShell({
|
|
|
8982
8982
|
onClose,
|
|
8983
8983
|
children
|
|
8984
8984
|
}) {
|
|
8985
|
-
|
|
8985
|
+
const ref = useRef4(null);
|
|
8986
|
+
useLayoutEffect(() => {
|
|
8987
|
+
const panel = ref.current;
|
|
8988
|
+
const root = panel?.closest(".mx-meet");
|
|
8989
|
+
const header = root?.querySelector(":scope > .mx-meet__header") ?? null;
|
|
8990
|
+
if (!panel || !header) return void 0;
|
|
8991
|
+
const place = () => panel.style.setProperty("--mx-meet-panel-top", `${header.offsetHeight}px`);
|
|
8992
|
+
place();
|
|
8993
|
+
if (typeof ResizeObserver === "undefined") return void 0;
|
|
8994
|
+
const observer = new ResizeObserver(place);
|
|
8995
|
+
observer.observe(header);
|
|
8996
|
+
return () => observer.disconnect();
|
|
8997
|
+
}, []);
|
|
8998
|
+
return /* @__PURE__ */ jsxs3("aside", { ref, className: "mx-meet__panel", "aria-label": title, children: [
|
|
8986
8999
|
/* @__PURE__ */ jsxs3("header", { className: "mx-meet__panel-head", children: [
|
|
8987
9000
|
/* @__PURE__ */ jsx4("h2", { className: "mx-meet__panel-title", children: title }),
|
|
8988
9001
|
/* @__PURE__ */ jsx4(ControlButton, { label: "Close panel", onClick: onClose, children: /* @__PURE__ */ jsx4(CloseIcon, { width: 16, height: 16 }) })
|