@grafana/components 0.0.39 → 0.0.41

package/dist/cjs/index.cjs

@@ -25264,8 +25264,8 @@ const Popover = React.forwardRef(
     const arrowRef = React.useRef(null);
     const closeTimer = React.useRef(void 0);
     const popoverId = React.useId();
-    const [isOpenState, setOpen] = React.useState(isOpenControlled);
-    const [isDelayedOpen, setDelayedOpen] = React.useState(isOpenControlled);
+    const [isOpenState, setOpen] = React.useState(isOpenControlled != null ? isOpenControlled : false);
+    const [isDelayedOpen, setDelayedOpen] = React.useState(isOpenControlled != null ? isOpenControlled : false);
     const isOpen = isOpenControlled != null ? isOpenControlled : isOpenState;
     const middleware = getMiddleware({ placement, arrowRef });
     const styles = getStyles$7();
@@ -25349,9 +25349,29 @@ const Popover = React.forwardRef(
       },
       [forwardedRef, refs]
     );
-    const [trigger, content] = typeof _trigger !== "undefined" ? [_trigger, children] : [children, _content];
+    const [trigger, content] = (() => {
+      switch (true) {
+        /**
+         * If the popover is controlled, the trigger isn’t used at all
+         */
+        case typeof isOpenControlled !== "undefined":
+          return [void 0, children];
+        /**
+         * If a trigger prop was passed, use it as the trigger, and the children
+         * as the popover content
+         */
+        case typeof _trigger !== "undefined":
+          return [_trigger, children];
+        /**
+         * Otherwise, use the children as the trigger element, and the content
+         * prop as the popover content
+         */
+        default:
+          return [children, _content];
+      }
+    })();
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      React.cloneElement(trigger, {
+      typeof trigger !== "undefined" && React.cloneElement(trigger, {
         ref: handleRef,
         tabIndex: 0,
         "aria-describedby": isOpen ? popoverId : void 0,