@lumx/react 3.1.4-alpha-popover.3 → 3.1.4

package/index.d.ts

@@ -736,6 +736,8 @@ declare type FitAnchorWidth = ValueOf<typeof FitAnchorWidth>;
 interface PopoverProps extends GenericProps {
     /** Reference to the DOM element used to set the position of the popover. */
     anchorRef: React.RefObject<HTMLElement>;
+    /** Customize the root element. (Must accept ref forwarding and props forwarding!). */
+    as?: React.ElementType;
     /** Element which will act as boundary when opening the popover. */
     boundaryRef?: RefObject<HTMLElement>;
     /** Content. */

package/index.js

@@ -6084,7 +6084,7 @@ function usePopoverStyle(_ref5) {
   };
 }
 
-const _excluded$m = ["anchorRef", "children", "className", "closeOnClickAway", "closeOnEscape", "elevation", "focusElement", "hasArrow", "isOpen", "onClose", "parentElement", "usePortal", "focusAnchorOnClose", "withFocusTrap", "boundaryRef", "fitToAnchorWidth", "fitWithinViewportHeight", "offset", "placement", "style", "zIndex"];
+const _excluded$m = ["anchorRef", "as", "children", "className", "closeOnClickAway", "closeOnEscape", "elevation", "focusElement", "hasArrow", "isOpen", "onClose", "parentElement", "usePortal", "focusAnchorOnClose", "withFocusTrap", "boundaryRef", "fitToAnchorWidth", "fitWithinViewportHeight", "offset", "placement", "style", "zIndex"];
 
 /**
  * Defines the props of the component.
@@ -6119,6 +6119,7 @@ const renderPopover = (children, usePortal) => {
 const _InnerPopover = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       anchorRef,
+      as: Component = 'div',
       children,
       className,
       closeOnClickAway,
@@ -6212,7 +6213,7 @@ const _InnerPopover = /*#__PURE__*/forwardRef((props, ref) => {
   useFocus(focusElement === null || focusElement === void 0 ? void 0 : focusElement.current, !withFocusTrap && isOpen && isPositioned);
   useFocusTrap(withFocusTrap && isOpen && (contentRef === null || contentRef === void 0 ? void 0 : contentRef.current), focusElement === null || focusElement === void 0 ? void 0 : focusElement.current);
   const clickAwayRefs = useRef([clickAwayRef, anchorRef]);
-  return isOpen ? renderPopover( /*#__PURE__*/React.createElement("div", _extends({}, forwardedProps, {
+  return isOpen ? renderPopover( /*#__PURE__*/React.createElement(Component, _extends({}, forwardedProps, {
     ref: mergeRefs(setPopperElement, ref, clickAwayRef, contentRef),
     className: classnames(className, handleBasicClasses({
       prefix: CLASSNAME$i,