@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/Popover/PopoverStandalone.mjs

@@ -0,0 +1,170 @@
+"use client";
+import { useNativeButton } from "../../hooks/useNativeButton.mjs";
+import { useIsClient } from "../../hooks/useIsClient.mjs";
+import { placementMap } from "../../utils/placement.mjs";
+import { parseTrigger } from "../../utils/parseTrigger.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "./atoms.mjs";
+import { PopoverProvider } from "./context.mjs";
+import { shouldCancelHoverOnlyPressOpen } from "./hoverOnlyPress.mjs";
+import { memo, useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/base-ui/Popover/PopoverStandalone.tsx
+/**
+* Popover component - displays floating content relative to a trigger element
+* Compatible with Ant Design Popover API
+*/
+const PopoverStandalone = memo(({ children, content, arrow = false, trigger = "hover", placement = "top", styles: styleProps, classNames, className, open, onOpenChange, defaultOpen = false, mouseEnterDelay = .1, mouseLeaveDelay = .1, openDelay, closeDelay, getPopupContainer, disabled = false, zIndex, nativeButton, ref: refProp, positionerProps, triggerProps, popupProps, backdropProps, portalProps }) => {
+	const isClient = useIsClient();
+	const popoverHandle = useMemo(() => Popover.createHandle(), []);
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	const close = useCallback(() => {
+		popoverHandle.close();
+	}, [popoverHandle]);
+	const contextValue = useMemo(() => ({ close }), [close]);
+	const resolvedOpen = disabled ? false : open ?? uncontrolledOpen;
+	const { openOnClick, openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);
+	const handleOpenChange = useCallback((nextOpen, eventDetails) => {
+		if (disabled && nextOpen) return;
+		if (shouldCancelHoverOnlyPressOpen(openOnClick, nextOpen, eventDetails?.reason)) {
+			eventDetails?.cancel?.();
+			return;
+		}
+		onOpenChange?.(nextOpen);
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+	}, [
+		onOpenChange,
+		open,
+		disabled,
+		openOnClick
+	]);
+	const resolvedOpenDelay = openDelay ?? mouseEnterDelay * 1e3;
+	const resolvedCloseDelay = closeDelay ?? mouseLeaveDelay * 1e3;
+	const placementConfig = placementMap[placement] ?? placementMap.top;
+	const resolvedSideOffset = arrow ? 10 : 6;
+	const portalContainer = usePopoverPortalContainer();
+	const { resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton
+	});
+	const resolvedClassNames = useMemo(() => ({
+		arrow: classNames?.arrow,
+		popup: className,
+		positioner: classNames?.root,
+		trigger: classNames?.trigger,
+		viewport: classNames?.content
+	}), [
+		className,
+		classNames?.arrow,
+		classNames?.content,
+		classNames?.root,
+		classNames?.trigger
+	]);
+	const triggerElement = useMemo(() => {
+		const baseTriggerProps = {
+			closeDelay: resolvedCloseDelay,
+			delay: resolvedOpenDelay,
+			disabled,
+			openOnHover: openOnHover && !disabled,
+			...triggerProps
+		};
+		return /* @__PURE__ */ jsx(PopoverTriggerElement, {
+			handle: popoverHandle,
+			...baseTriggerProps,
+			className: resolvedClassNames.trigger,
+			nativeButton: resolvedNativeButton,
+			ref: refProp,
+			children
+		});
+	}, [
+		children,
+		disabled,
+		openOnHover,
+		popoverHandle,
+		refProp,
+		resolvedClassNames.trigger,
+		resolvedNativeButton,
+		resolvedOpenDelay,
+		resolvedCloseDelay,
+		triggerProps
+	]);
+	const customContainer = useMemo(() => {
+		if (!getPopupContainer || !isClient) return void 0;
+	}, [getPopupContainer, isClient]);
+	const resolvedStyles = useMemo(() => ({
+		arrow: styleProps?.arrow,
+		positioner: {
+			...styleProps?.root,
+			...zIndex !== void 0 ? { zIndex } : {}
+		},
+		viewport: styleProps?.content
+	}), [
+		styleProps?.arrow,
+		styleProps?.content,
+		styleProps?.root,
+		zIndex
+	]);
+	const popup = useMemo(() => /* @__PURE__ */ jsx(PopoverPositioner, {
+		align: placementConfig.align,
+		className: resolvedClassNames.positioner,
+		hoverTrigger: openOnHover,
+		placement,
+		side: placementConfig.side,
+		sideOffset: resolvedSideOffset,
+		style: resolvedStyles.positioner,
+		...positionerProps,
+		children: /* @__PURE__ */ jsxs(PopoverPopup, {
+			className: resolvedClassNames.popup,
+			...popupProps,
+			children: [arrow && /* @__PURE__ */ jsx(PopoverArrow, {
+				className: resolvedClassNames.arrow,
+				style: resolvedStyles.arrow,
+				children: PopoverArrowIcon
+			}), /* @__PURE__ */ jsx(PopoverViewport, {
+				className: resolvedClassNames.viewport,
+				style: resolvedStyles.viewport,
+				children: /* @__PURE__ */ jsx(PopoverProvider, {
+					value: contextValue,
+					children: content
+				})
+			})]
+		})
+	}), [
+		arrow,
+		content,
+		contextValue,
+		openOnHover,
+		placement,
+		placementConfig.align,
+		placementConfig.side,
+		popupProps,
+		positionerProps,
+		resolvedClassNames,
+		resolvedSideOffset,
+		resolvedStyles
+	]);
+	if (!content) return children;
+	const resolvedPortalContainer = customContainer ?? portalContainer;
+	return /* @__PURE__ */ jsxs(PopoverRoot, {
+		defaultOpen,
+		handle: popoverHandle,
+		open: resolvedOpen,
+		onOpenChange: handleOpenChange,
+		children: [
+			triggerElement,
+			backdropProps && /* @__PURE__ */ jsx(Popover.Backdrop, { ...backdropProps }),
+			resolvedPortalContainer ? /* @__PURE__ */ jsx(PopoverPortal, {
+				container: resolvedPortalContainer,
+				...portalProps,
+				children: popup
+			}) : null
+		]
+	});
+});
+PopoverStandalone.displayName = "PopoverStandalone";
+//#endregion
+export { PopoverStandalone };
+
+//# sourceMappingURL=PopoverStandalone.mjs.map

package/es/base-ui/Popover/PopoverStandalone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverStandalone.mjs","names":["BasePopover"],"sources":["../../../src/base-ui/Popover/PopoverStandalone.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Popover as BasePopover } from '@base-ui/react/popover';\r\nimport { memo, useCallback, useMemo, useState } from 'react';\r\n\r\nimport { useIsClient } from '@/hooks/useIsClient';\r\nimport { useNativeButton } from '@/hooks/useNativeButton';\r\nimport { parseTrigger } from '@/utils/parseTrigger';\r\nimport { placementMap } from '@/utils/placement';\r\n\r\nimport { PopoverArrowIcon } from './ArrowIcon';\r\nimport {\r\n  PopoverArrow,\r\n  PopoverPopup,\r\n  PopoverPortal,\r\n  PopoverPositioner,\r\n  PopoverRoot,\r\n  PopoverTriggerElement,\r\n  PopoverViewport,\r\n} from './atoms';\r\nimport { PopoverProvider } from './context';\r\nimport { shouldCancelHoverOnlyPressOpen } from './hoverOnlyPress';\r\nimport { usePopoverPortalContainer } from './PopoverPortal';\r\nimport { type PopoverProps } from './type';\r\n\r\n/**\r\n * Popover component - displays floating content relative to a trigger element\r\n * Compatible with Ant Design Popover API\r\n */\r\nexport const PopoverStandalone = memo<PopoverProps>(\r\n  ({\r\n    children,\r\n    content,\r\n    arrow = false,\r\n    trigger = 'hover',\r\n    placement = 'top',\r\n    styles: styleProps,\r\n    classNames,\r\n    className,\r\n    open,\r\n    onOpenChange,\r\n    defaultOpen = false,\r\n    mouseEnterDelay = 0.1,\r\n    mouseLeaveDelay = 0.1,\r\n    openDelay,\r\n    closeDelay,\r\n    getPopupContainer,\r\n    disabled = false,\r\n    zIndex,\r\n    nativeButton,\r\n    ref: refProp,\r\n    positionerProps,\r\n    triggerProps,\r\n    popupProps,\r\n    backdropProps,\r\n    portalProps,\r\n  }) => {\r\n    const isClient = useIsClient();\r\n    const popoverHandle = useMemo(() => BasePopover.createHandle(), []);\r\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\r\n    const close = useCallback(() => {\r\n      popoverHandle.close();\r\n    }, [popoverHandle]);\r\n    const contextValue = useMemo(() => ({ close }), [close]);\r\n\r\n    const mergedOpen = open ?? uncontrolledOpen;\r\n    const resolvedOpen = disabled ? false : mergedOpen;\r\n\r\n    // Parse trigger mode\r\n    const { openOnClick, openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);\r\n\r\n    const handleOpenChange = useCallback(\r\n      (nextOpen: boolean, eventDetails?: { cancel?: () => void; reason?: string }) => {\r\n        if (disabled && nextOpen) return;\r\n\r\n        if (shouldCancelHoverOnlyPressOpen(openOnClick, nextOpen, eventDetails?.reason)) {\r\n          eventDetails?.cancel?.();\r\n          return;\r\n        }\r\n\r\n        onOpenChange?.(nextOpen);\r\n        if (open === undefined) {\r\n          setUncontrolledOpen(nextOpen);\r\n        }\r\n      },\r\n      [onOpenChange, open, disabled, openOnClick],\r\n    );\r\n\r\n    // Calculate delays (milliseconds take precedence over seconds)\r\n    const resolvedOpenDelay = openDelay ?? mouseEnterDelay * 1000;\r\n    const resolvedCloseDelay = closeDelay ?? mouseLeaveDelay * 1000;\r\n\r\n    // Get placement configuration\r\n    const placementConfig = placementMap[placement] ?? placementMap.top;\r\n    const resolvedSideOffset = arrow ? 10 : 6;\r\n\r\n    // Determine portal container\r\n    const portalContainer = usePopoverPortalContainer();\r\n\r\n    const { resolvedNativeButton } = useNativeButton({\r\n      children,\r\n      nativeButton,\r\n    });\r\n\r\n    const resolvedClassNames = useMemo(\r\n      () => ({\r\n        arrow: classNames?.arrow,\r\n        popup: className,\r\n        positioner: classNames?.root,\r\n        trigger: classNames?.trigger,\r\n        viewport: classNames?.content,\r\n      }),\r\n      [className, classNames?.arrow, classNames?.content, classNames?.root, classNames?.trigger],\r\n    );\r\n\r\n    // Render trigger element\r\n    const triggerElement = useMemo(() => {\r\n      const baseTriggerProps = {\r\n        closeDelay: resolvedCloseDelay,\r\n        delay: resolvedOpenDelay,\r\n        disabled,\r\n        openOnHover: openOnHover && !disabled,\r\n        ...triggerProps,\r\n      };\r\n\r\n      return (\r\n        <PopoverTriggerElement\r\n          handle={popoverHandle}\r\n          {...baseTriggerProps}\r\n          className={resolvedClassNames.trigger}\r\n          nativeButton={resolvedNativeButton}\r\n          ref={refProp as any}\r\n        >\r\n          {children}\r\n        </PopoverTriggerElement>\r\n      );\r\n    }, [\r\n      children,\r\n      disabled,\r\n      openOnHover,\r\n      popoverHandle,\r\n      refProp,\r\n      resolvedClassNames.trigger,\r\n      resolvedNativeButton,\r\n      resolvedOpenDelay,\r\n      resolvedCloseDelay,\r\n      triggerProps,\r\n    ]);\r\n\r\n    // Custom container from getPopupContainer\r\n    const customContainer = useMemo(() => {\r\n      if (!getPopupContainer || !isClient) return undefined;\r\n      // We need a reference element, but we don't have it until render\r\n      // This will be handled by the portal container logic\r\n      return undefined;\r\n    }, [getPopupContainer, isClient]);\r\n\r\n    const resolvedStyles = useMemo(\r\n      () => ({\r\n        arrow: styleProps?.arrow,\r\n        positioner: {\r\n          ...styleProps?.root,\r\n          ...(zIndex !== undefined ? { zIndex } : {}),\r\n        },\r\n        viewport: styleProps?.content,\r\n      }),\r\n      [styleProps?.arrow, styleProps?.content, styleProps?.root, zIndex],\r\n    );\r\n\r\n    const popup = useMemo(\r\n      () => (\r\n        <PopoverPositioner\r\n          align={placementConfig.align}\r\n          className={resolvedClassNames.positioner}\r\n          hoverTrigger={openOnHover}\r\n          placement={placement}\r\n          side={placementConfig.side}\r\n          sideOffset={resolvedSideOffset}\r\n          style={resolvedStyles.positioner}\r\n          {...positionerProps}\r\n        >\r\n          <PopoverPopup className={resolvedClassNames.popup} {...popupProps}>\r\n            {arrow && (\r\n              <PopoverArrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\r\n                {PopoverArrowIcon}\r\n              </PopoverArrow>\r\n            )}\r\n            <PopoverViewport\r\n              className={resolvedClassNames.viewport}\r\n              style={resolvedStyles.viewport}\r\n            >\r\n              <PopoverProvider value={contextValue}>{content}</PopoverProvider>\r\n            </PopoverViewport>\r\n          </PopoverPopup>\r\n        </PopoverPositioner>\r\n      ),\r\n      [\r\n        arrow,\r\n        content,\r\n        contextValue,\r\n        openOnHover,\r\n        placement,\r\n        placementConfig.align,\r\n        placementConfig.side,\r\n        popupProps,\r\n        positionerProps,\r\n        resolvedClassNames,\r\n        resolvedSideOffset,\r\n        resolvedStyles,\r\n      ],\r\n    );\r\n\r\n    // Don't render popup if no content\r\n    if (!content) {\r\n      return children;\r\n    }\r\n\r\n    const resolvedPortalContainer = customContainer ?? portalContainer;\r\n\r\n    return (\r\n      <PopoverRoot\r\n        defaultOpen={defaultOpen}\r\n        handle={popoverHandle}\r\n        open={resolvedOpen}\r\n        onOpenChange={handleOpenChange}\r\n      >\r\n        {triggerElement}\r\n        {backdropProps && <BasePopover.Backdrop {...backdropProps} />}\r\n        {resolvedPortalContainer ? (\r\n          <PopoverPortal container={resolvedPortalContainer} {...portalProps}>\r\n            {popup}\r\n          </PopoverPortal>\r\n        ) : null}\r\n      </PopoverRoot>\r\n    );\r\n  },\r\n);\r\n\r\nPopoverStandalone.displayName = 'PopoverStandalone';\r\n"],"mappings":"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"}

package/es/base-ui/Popover/atoms.d.mts

@@ -0,0 +1,53 @@
+import { PopoverPlacement } from "./type.mjs";
+import { ComponentProps, ComponentPropsWithRef } from "react";
+import { Popover } from "@base-ui/react/popover";
+//#region src/base-ui/Popover/atoms.d.ts
+declare const PopoverRoot: typeof Popover.Root;
+declare const PopoverBackdrop: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type PopoverTriggerElementProps = Omit<ComponentPropsWithRef<typeof Popover.Trigger>, 'children' | 'render'> & {
+  children: ComponentProps<typeof Popover.Trigger>['children'];
+};
+declare const PopoverTriggerElement: {
+  ({ children, className, nativeButton, ref: refProp, ...rest }: PopoverTriggerElementProps): import("react").JSX.Element;
+  displayName: string;
+};
+type PopoverPortalAtomProps = Omit<ComponentProps<typeof Popover.Portal>, 'container'> & {
+  /**
+   * Portal container. When not provided, it uses the shared container created by `usePopoverPortalContainer`.
+   */
+  container?: HTMLElement | null;
+  /**
+   * Root element used by `usePopoverPortalContainer` to create the default container.
+   */
+  root?: HTMLElement | ShadowRoot | null;
+};
+declare const PopoverPortal: {
+  ({ container, root, children, ...rest }: PopoverPortalAtomProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+type PopoverPositionerAtomProps = ComponentProps<typeof Popover.Positioner> & {
+  hoverTrigger?: boolean;
+  placement?: PopoverPlacement;
+};
+declare const PopoverPositioner: {
+  ({ children, className, collisionPadding, hoverTrigger, placement, align, side, sideOffset, style, ...rest }: PopoverPositionerAtomProps): import("react").JSX.Element;
+  displayName: string;
+};
+type PopoverPopupAtomProps = ComponentProps<typeof Popover.Popup>;
+declare const PopoverPopup: {
+  ({ className, ...rest }: PopoverPopupAtomProps): import("react").JSX.Element;
+  displayName: string;
+};
+type PopoverArrowAtomProps = ComponentProps<typeof Popover.Arrow>;
+declare const PopoverArrow: {
+  ({ className, children, ...rest }: PopoverArrowAtomProps): import("react").JSX.Element;
+  displayName: string;
+};
+type PopoverViewportAtomProps = ComponentProps<typeof Popover.Viewport>;
+declare const PopoverViewport: {
+  ({ className, ...rest }: PopoverViewportAtomProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { PopoverArrow, PopoverArrowAtomProps, PopoverBackdrop, PopoverPopup, PopoverPopupAtomProps, PopoverPortal, PopoverPortalAtomProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverRoot, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps };
+//# sourceMappingURL=atoms.d.mts.map

package/es/base-ui/Popover/atoms.mjs

@@ -0,0 +1,123 @@
+"use client";
+import { useNativeButton } from "../../hooks/useNativeButton.mjs";
+import { getFloatingCollisionPadding } from "../floating/collisionPadding.mjs";
+import { FloatingLayerProvider } from "../../hooks/useFloatingLayer.mjs";
+import { placementMap } from "../../utils/placement.mjs";
+import { useLayerZIndex } from "../zIndex/useLayerZIndex.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { styles } from "./style.mjs";
+import { cloneElement, isValidElement, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { mergeRefs, useMergeRefs } from "react-merge-refs";
+import { Popover } from "@base-ui/react/popover";
+//#region src/base-ui/Popover/atoms.tsx
+const PopoverRoot = Popover.Root;
+const PopoverBackdrop = Popover.Backdrop;
+const PopoverTriggerElement = ({ children, className, nativeButton, ref: refProp, ...rest }) => {
+	const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton
+	});
+	if (isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
+		...rest,
+		nativeButton: resolvedNativeButton,
+		render: (props, state) => {
+			const resolvedProps = (() => {
+				if (isNativeButtonTriggerElement) return props;
+				const { type, ref: triggerRef, ...restProps } = props;
+				return restProps;
+			})();
+			const mergedProps = mergeProps(children.props, resolvedProps);
+			const baseClassName = typeof mergedProps.className === "function" ? mergedProps.className(state) : mergedProps.className;
+			const extraClassName = typeof className === "function" ? className(state) : className;
+			return cloneElement(children, {
+				...mergedProps,
+				className: cx(baseClassName, extraClassName),
+				ref: mergeRefs([
+					children.ref,
+					props.ref,
+					refProp
+				])
+			});
+		}
+	});
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		...rest,
+		className,
+		nativeButton: resolvedNativeButton,
+		ref: refProp,
+		children
+	});
+};
+PopoverTriggerElement.displayName = "PopoverTriggerElement";
+const PopoverPortal = ({ container, root, children, ...rest }) => {
+	const defaultContainer = usePopoverPortalContainer(root);
+	const resolvedContainer = container ?? defaultContainer;
+	if (!resolvedContainer) return null;
+	return /* @__PURE__ */ jsx(Popover.Portal, {
+		container: resolvedContainer,
+		...rest,
+		children
+	});
+};
+PopoverPortal.displayName = "PopoverPortal";
+const PopoverPositioner = ({ children, className, collisionPadding, hoverTrigger, placement, align, side, sideOffset, style, ...rest }) => {
+	const placementConfig = placement ? placementMap[placement] : void 0;
+	const [positionerNode, setPositionerNode] = useState(null);
+	const explicitZIndex = typeof style !== "function" && style?.zIndex != null && typeof style.zIndex === "number" ? style.zIndex : void 0;
+	const { zIndex, ref: zRef } = useLayerZIndex("floating", explicitZIndex);
+	const composedRef = useMergeRefs([setPositionerNode, zRef]);
+	const resolvedStyle = typeof style === "function" ? (state) => ({
+		zIndex,
+		...style(state)
+	}) : {
+		zIndex,
+		...style
+	};
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		align: align ?? placementConfig?.align ?? "center",
+		collisionPadding: collisionPadding ?? getFloatingCollisionPadding(),
+		"data-hover-trigger": hoverTrigger || void 0,
+		"data-placement": placement,
+		ref: composedRef,
+		side: side ?? placementConfig?.side ?? "bottom",
+		sideOffset: sideOffset ?? 6,
+		style: resolvedStyle,
+		className: (state) => cx(styles.positioner, typeof className === "function" ? className(state) : className),
+		...rest,
+		children: /* @__PURE__ */ jsx(FloatingLayerProvider, {
+			value: positionerNode,
+			children
+		})
+	});
+};
+PopoverPositioner.displayName = "PopoverPositioner";
+const PopoverPopup = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		className: (state) => cx(styles.popup, typeof className === "function" ? className(state) : className),
+		...rest
+	});
+};
+PopoverPopup.displayName = "PopoverPopup";
+const PopoverArrow = ({ className, children, ...rest }) => {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		className: (state) => cx(styles.arrow, typeof className === "function" ? className(state) : className),
+		...rest,
+		children: children ?? PopoverArrowIcon
+	});
+};
+PopoverArrow.displayName = "PopoverArrow";
+const PopoverViewport = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Popover.Viewport, {
+		className: (state) => cx(styles.viewport, typeof className === "function" ? className(state) : className),
+		...rest
+	});
+};
+PopoverViewport.displayName = "PopoverViewport";
+//#endregion
+export { PopoverArrow, PopoverBackdrop, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport };
+
+//# sourceMappingURL=atoms.mjs.map

package/es/base-ui/Popover/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["BasePopover"],"sources":["../../../src/base-ui/Popover/atoms.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { mergeProps } from '@base-ui/react/merge-props';\r\nimport { Popover as BasePopover } from '@base-ui/react/popover';\r\nimport { cx } from 'antd-style';\r\nimport {\r\n  cloneElement,\r\n  type ComponentProps,\r\n  type ComponentPropsWithRef,\r\n  isValidElement,\r\n  useState,\r\n} from 'react';\r\nimport { mergeRefs, useMergeRefs } from 'react-merge-refs';\r\n\r\nimport { getFloatingCollisionPadding } from '@/base-ui/floating';\r\nimport { FloatingLayerProvider } from '@/hooks/useFloatingLayer';\r\nimport { useNativeButton } from '@/hooks/useNativeButton';\r\nimport { placementMap } from '@/utils/placement';\r\n\r\nimport { useLayerZIndex } from '../zIndex';\r\nimport { PopoverArrowIcon } from './ArrowIcon';\r\nimport { usePopoverPortalContainer } from './PopoverPortal';\r\nimport { styles } from './style';\r\nimport { type PopoverPlacement } from './type';\r\n\r\nexport const PopoverRoot = BasePopover.Root;\r\nexport const PopoverBackdrop = BasePopover.Backdrop;\r\n\r\nexport type PopoverTriggerElementProps = Omit<\r\n  ComponentPropsWithRef<typeof BasePopover.Trigger>,\r\n  'children' | 'render'\r\n> & {\r\n  children: ComponentProps<typeof BasePopover.Trigger>['children'];\r\n};\r\n\r\nexport const PopoverTriggerElement = ({\r\n  children,\r\n  className,\r\n  nativeButton,\r\n  ref: refProp,\r\n  ...rest\r\n}: PopoverTriggerElementProps) => {\r\n  const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\r\n    children,\r\n    nativeButton,\r\n  });\r\n\r\n  if (isValidElement(children)) {\r\n    return (\r\n      <BasePopover.Trigger\r\n        {...rest}\r\n        nativeButton={resolvedNativeButton}\r\n        render={(props, state) => {\r\n          // Base UI's trigger props include `type=\"button\"` by default.\r\n          // If we render into a non-<button> element, that prop is invalid and can warn.\r\n          const resolvedProps = (() => {\r\n            if (isNativeButtonTriggerElement) return props as any;\r\n            // eslint-disable-next-line unused-imports/no-unused-vars\r\n            const { type, ref: triggerRef, ...restProps } = props as any;\r\n            return restProps;\r\n          })();\r\n\r\n          const mergedProps = mergeProps((children as any).props, resolvedProps);\r\n          const baseClassName =\r\n            typeof (mergedProps as any).className === 'function'\r\n              ? (mergedProps as any).className(state)\r\n              : (mergedProps as any).className;\r\n          const extraClassName =\r\n            typeof (className as any) === 'function' ? (className as any)(state) : className;\r\n\r\n          return cloneElement(children as any, {\r\n            ...mergedProps,\r\n            className: cx(baseClassName, extraClassName),\r\n            ref: mergeRefs([(children as any).ref, (props as any).ref, refProp]),\r\n          });\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <BasePopover.Trigger\r\n      {...rest}\r\n      className={className}\r\n      nativeButton={resolvedNativeButton}\r\n      ref={refProp}\r\n    >\r\n      {children}\r\n    </BasePopover.Trigger>\r\n  );\r\n};\r\n\r\nPopoverTriggerElement.displayName = 'PopoverTriggerElement';\r\n\r\nexport type PopoverPortalAtomProps = Omit<\r\n  ComponentProps<typeof BasePopover.Portal>,\r\n  'container'\r\n> & {\r\n  /**\r\n   * Portal container. When not provided, it uses the shared container created by `usePopoverPortalContainer`.\r\n   */\r\n  container?: HTMLElement | null;\r\n  /**\r\n   * Root element used by `usePopoverPortalContainer` to create the default container.\r\n   */\r\n  root?: HTMLElement | ShadowRoot | null;\r\n};\r\n\r\nexport const PopoverPortal = ({ container, root, children, ...rest }: PopoverPortalAtomProps) => {\r\n  const defaultContainer = usePopoverPortalContainer(root);\r\n  const resolvedContainer = container ?? defaultContainer;\r\n\r\n  if (!resolvedContainer) return null;\r\n\r\n  return (\r\n    <BasePopover.Portal container={resolvedContainer} {...rest}>\r\n      {children}\r\n    </BasePopover.Portal>\r\n  );\r\n};\r\n\r\nPopoverPortal.displayName = 'PopoverPortal';\r\n\r\nexport type PopoverPositionerAtomProps = ComponentProps<typeof BasePopover.Positioner> & {\r\n  hoverTrigger?: boolean;\r\n  placement?: PopoverPlacement;\r\n};\r\n\r\nexport const PopoverPositioner = ({\r\n  children,\r\n  className,\r\n  collisionPadding,\r\n  hoverTrigger,\r\n  placement,\r\n  align,\r\n  side,\r\n  sideOffset,\r\n  style,\r\n  ...rest\r\n}: PopoverPositionerAtomProps) => {\r\n  const placementConfig = placement ? placementMap[placement] : undefined;\r\n  const [positionerNode, setPositionerNode] = useState<HTMLDivElement | null>(null);\r\n  const explicitZIndex =\r\n    typeof style !== 'function' && style?.zIndex != null && typeof style.zIndex === 'number'\r\n      ? style.zIndex\r\n      : undefined;\r\n  const { zIndex, ref: zRef } = useLayerZIndex<HTMLDivElement>('floating', explicitZIndex);\r\n  const composedRef = useMergeRefs([setPositionerNode, zRef]);\r\n\r\n  const resolvedStyle =\r\n    typeof style === 'function'\r\n      ? (state: any) => ({ zIndex, ...style(state) })\r\n      : { zIndex, ...style };\r\n\r\n  return (\r\n    <BasePopover.Positioner\r\n      align={align ?? placementConfig?.align ?? 'center'}\r\n      collisionPadding={collisionPadding ?? getFloatingCollisionPadding()}\r\n      data-hover-trigger={hoverTrigger || undefined}\r\n      data-placement={placement}\r\n      ref={composedRef as any}\r\n      side={side ?? placementConfig?.side ?? 'bottom'}\r\n      sideOffset={sideOffset ?? 6}\r\n      style={resolvedStyle}\r\n      className={(state) =>\r\n        cx(styles.positioner, typeof className === 'function' ? className(state) : className)\r\n      }\r\n      {...rest}\r\n    >\r\n      <FloatingLayerProvider value={positionerNode}>{children}</FloatingLayerProvider>\r\n    </BasePopover.Positioner>\r\n  );\r\n};\r\n\r\nPopoverPositioner.displayName = 'PopoverPositioner';\r\n\r\nexport type PopoverPopupAtomProps = ComponentProps<typeof BasePopover.Popup>;\r\n\r\nexport const PopoverPopup = ({ className, ...rest }: PopoverPopupAtomProps) => {\r\n  return (\r\n    <BasePopover.Popup\r\n      className={(state) =>\r\n        cx(styles.popup, typeof className === 'function' ? className(state) : className)\r\n      }\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nPopoverPopup.displayName = 'PopoverPopup';\r\n\r\nexport type PopoverArrowAtomProps = ComponentProps<typeof BasePopover.Arrow>;\r\n\r\nexport const PopoverArrow = ({ className, children, ...rest }: PopoverArrowAtomProps) => {\r\n  return (\r\n    <BasePopover.Arrow\r\n      className={(state) =>\r\n        cx(styles.arrow, typeof className === 'function' ? className(state) : className)\r\n      }\r\n      {...rest}\r\n    >\r\n      {children ?? PopoverArrowIcon}\r\n    </BasePopover.Arrow>\r\n  );\r\n};\r\n\r\nPopoverArrow.displayName = 'PopoverArrow';\r\n\r\nexport type PopoverViewportAtomProps = ComponentProps<typeof BasePopover.Viewport>;\r\n\r\nexport const PopoverViewport = ({ className, ...rest }: PopoverViewportAtomProps) => {\r\n  return (\r\n    <BasePopover.Viewport\r\n      className={(state) =>\r\n        cx(styles.viewport, typeof className === 'function' ? className(state) : className)\r\n      }\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nPopoverViewport.displayName = 'PopoverViewport';\r\n"],"mappings":"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"}

package/es/base-ui/Popover/context.d.mts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+//#region src/base-ui/Popover/context.d.ts
+type PopoverContextValue = {
+  close: () => void;
+};
+declare const PopoverProvider: import("react").NamedExoticComponent<{
+  children: ReactNode;
+  value: PopoverContextValue;
+}>;
+declare const usePopoverContext: () => PopoverContextValue;
+//#endregion
+export { PopoverContextValue, PopoverProvider, usePopoverContext };
+//# sourceMappingURL=context.d.mts.map

package/es/base-ui/Popover/context.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { createContext, memo, use } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/base-ui/Popover/context.tsx
+const noop = process.env.NODE_ENV === "production" ? () => void 0 : () => {
+	throw new Error("usePopoverContext must be used within a PopoverProvider");
+};
+const PopoverContext = createContext({ close: noop });
+const PopoverProvider = memo(({ children, value }) => {
+	return /* @__PURE__ */ jsx(PopoverContext, {
+		value,
+		children
+	});
+});
+const usePopoverContext = () => {
+	return use(PopoverContext);
+};
+//#endregion
+export { PopoverContext, PopoverProvider, usePopoverContext };
+
+//# sourceMappingURL=context.mjs.map

package/es/base-ui/Popover/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Popover/context.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, memo, type ReactNode, use } from 'react';\r\n\r\nexport type PopoverContextValue = {\r\n  close: () => void;\r\n};\r\n\r\nconst noop =\r\n  process.env.NODE_ENV === 'production'\r\n    ? () => void 0\r\n    : () => {\r\n        throw new Error('usePopoverContext must be used within a PopoverProvider');\r\n      };\r\n\r\nexport const PopoverContext = createContext<PopoverContextValue>({\r\n  close: noop,\r\n});\r\n\r\nexport const PopoverProvider = memo<{ children: ReactNode; value: PopoverContextValue }>(\r\n  ({ children, value }) => {\r\n    return <PopoverContext value={value}>{children}</PopoverContext>;\r\n  },\r\n);\r\n\r\nexport const usePopoverContext = () => {\r\n  return use(PopoverContext);\r\n};\r\n"],"mappings":";;;;AAQA,MAAM,OACJ,QAAQ,IAAI,aAAa,qBACf,KAAK,UACL;CACJ,MAAM,IAAI,MAAM,yDAAyD;AAC3E;AAEN,MAAa,iBAAiB,cAAmC,EAC/D,OAAO,KACT,CAAC;AAED,MAAa,kBAAkB,MAC5B,EAAE,UAAU,YAAY;CACvB,OAAO,oBAAC,gBAAD;EAAuB;EAAQ;CAAyB,CAAA;AACjE,CACF;AAEA,MAAa,0BAA0B;CACrC,OAAO,IAAI,cAAc;AAC3B"}

package/es/base-ui/Popover/groupContext.d.mts

@@ -0,0 +1,31 @@
+import { PopoverProps } from "./type.mjs";
+import { Popover } from "@base-ui/react/popover";
+//#region src/base-ui/Popover/groupContext.d.ts
+type PopoverGroupItem = Omit<PopoverProps, 'children' | 'open' | 'defaultOpen' | 'ref'>;
+type PopoverGroupSharedProps = Omit<PopoverProps, 'children' | 'content' | 'defaultOpen' | 'open' | 'ref'> & {
+  /**
+   * @description Morph the shared popup (position, size, content) when switching triggers
+   * @default true
+   */
+  contentLayoutAnimation?: boolean;
+  /**
+   * Disable the "destroy on invalid trigger (display:none / disconnected)" guard for performance.
+   * @default false
+   */
+  disableDestroyOnInvalidTrigger?: boolean;
+  /**
+   * Disable the "hide when positioner falls back to (0,0)" visual guard for performance.
+   * @default false
+   */
+  disableZeroOriginGuard?: boolean;
+};
+type PopoverGroupHandle = ReturnType<typeof Popover.createHandle<PopoverGroupItem>>;
+/**
+ * Handle of the enclosing `PopoverGroup`, or `null` outside one. Lets a trigger's
+ * neighbourhood drive the shared popup imperatively — `open(triggerId)` needs the
+ * trigger to carry a matching `triggerProps.id`.
+ */
+declare const usePopoverGroupHandle: () => Popover.Handle<PopoverGroupItem> | null;
+//#endregion
+export { PopoverGroupHandle, PopoverGroupItem, PopoverGroupSharedProps, usePopoverGroupHandle };
+//# sourceMappingURL=groupContext.d.mts.map

package/es/base-ui/Popover/groupContext.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/base-ui/Popover/groupContext.ts
+const PopoverGroupHandleContext = createContext(null);
+const PopoverGroupPropsContext = createContext(null);
+/**
+* Handle of the enclosing `PopoverGroup`, or `null` outside one. Lets a trigger's
+* neighbourhood drive the shared popup imperatively — `open(triggerId)` needs the
+* trigger to carry a matching `triggerProps.id`.
+*/
+const usePopoverGroupHandle = () => use(PopoverGroupHandleContext);
+//#endregion
+export { PopoverGroupHandleContext, PopoverGroupPropsContext, usePopoverGroupHandle };
+
+//# sourceMappingURL=groupContext.mjs.map

package/es/base-ui/Popover/groupContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupContext.mjs","names":[],"sources":["../../../src/base-ui/Popover/groupContext.ts"],"sourcesContent":["'use client';\r\n\r\nimport type { Popover as BasePopover } from '@base-ui/react/popover';\r\nimport { createContext, use } from 'react';\r\n\r\nimport type { PopoverProps } from './type';\r\n\r\nexport type PopoverGroupItem = Omit<PopoverProps, 'children' | 'open' | 'defaultOpen' | 'ref'>;\r\n\r\nexport type PopoverGroupSharedProps = Omit<\r\n  PopoverProps,\r\n  'children' | 'content' | 'defaultOpen' | 'open' | 'ref'\r\n> & {\r\n  /**\r\n   * @description Morph the shared popup (position, size, content) when switching triggers\r\n   * @default true\r\n   */\r\n  contentLayoutAnimation?: boolean;\r\n  /**\r\n   * Disable the \"destroy on invalid trigger (display:none / disconnected)\" guard for performance.\r\n   * @default false\r\n   */\r\n  disableDestroyOnInvalidTrigger?: boolean;\r\n  /**\r\n   * Disable the \"hide when positioner falls back to (0,0)\" visual guard for performance.\r\n   * @default false\r\n   */\r\n  disableZeroOriginGuard?: boolean;\r\n};\r\n\r\nexport type PopoverGroupHandle = ReturnType<typeof BasePopover.createHandle<PopoverGroupItem>>;\r\n\r\nexport const PopoverGroupHandleContext = createContext<PopoverGroupHandle | null>(null);\r\nexport const PopoverGroupPropsContext = createContext<PopoverGroupSharedProps | null>(null);\r\n\r\n/**\r\n * Handle of the enclosing `PopoverGroup`, or `null` outside one. Lets a trigger's\r\n * neighbourhood drive the shared popup imperatively — `open(triggerId)` needs the\r\n * trigger to carry a matching `triggerProps.id`.\r\n */\r\nexport const usePopoverGroupHandle = () => use(PopoverGroupHandleContext);\r\n"],"mappings":";;;AAgCA,MAAa,4BAA4B,cAAyC,IAAI;AACtF,MAAa,2BAA2B,cAA8C,IAAI;;;;;;AAO1F,MAAa,8BAA8B,IAAI,yBAAyB"}

package/es/base-ui/Popover/hoverOnlyPress.mjs

@@ -0,0 +1,25 @@
+//#region src/base-ui/Popover/hoverOnlyPress.ts
+/**
+* Base UI Popover.Trigger always wires useClick. With openOnHover, a press while
+* the popup is hover-open can re-open with reason `trigger-press` (stickIfOpen),
+* which disables mouseleave dismiss. Hover-only triggers must cancel press-driven
+* opens so antd-compatible `trigger="hover"` keeps hover close semantics.
+*/
+function shouldCancelHoverOnlyPressOpen(openOnClick, nextOpen, reason) {
+	return !openOnClick && nextOpen && reason === "trigger-press";
+}
+/**
+* Stamped on a grouped trigger that only opens on hover. The group arbitrates
+* open changes for every member from one handler, and the event only carries the
+* trigger element — without this it cannot tell which member the press belongs to
+* and would judge it by whichever member happens to be active.
+*/
+const HOVER_ONLY_TRIGGER_ATTR = "data-hover-only-trigger";
+function isHoverOnlyTriggerElement(trigger) {
+	if (typeof Element === "undefined" || !(trigger instanceof Element)) return null;
+	return trigger.hasAttribute(HOVER_ONLY_TRIGGER_ATTR);
+}
+//#endregion
+export { HOVER_ONLY_TRIGGER_ATTR, isHoverOnlyTriggerElement, shouldCancelHoverOnlyPressOpen };
+
+//# sourceMappingURL=hoverOnlyPress.mjs.map

package/es/base-ui/Popover/hoverOnlyPress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hoverOnlyPress.mjs","names":[],"sources":["../../../src/base-ui/Popover/hoverOnlyPress.ts"],"sourcesContent":["/**\r\n * Base UI Popover.Trigger always wires useClick. With openOnHover, a press while\r\n * the popup is hover-open can re-open with reason `trigger-press` (stickIfOpen),\r\n * which disables mouseleave dismiss. Hover-only triggers must cancel press-driven\r\n * opens so antd-compatible `trigger=\"hover\"` keeps hover close semantics.\r\n */\r\nexport function shouldCancelHoverOnlyPressOpen(\r\n  openOnClick: boolean,\r\n  nextOpen: boolean,\r\n  reason: string | undefined,\r\n): boolean {\r\n  return !openOnClick && nextOpen && reason === 'trigger-press';\r\n}\r\n\r\n/**\r\n * Stamped on a grouped trigger that only opens on hover. The group arbitrates\r\n * open changes for every member from one handler, and the event only carries the\r\n * trigger element — without this it cannot tell which member the press belongs to\r\n * and would judge it by whichever member happens to be active.\r\n */\r\nexport const HOVER_ONLY_TRIGGER_ATTR = 'data-hover-only-trigger';\r\n\r\nexport function isHoverOnlyTriggerElement(trigger: unknown): boolean | null {\r\n  if (typeof Element === 'undefined' || !(trigger instanceof Element)) return null;\r\n\r\n  return trigger.hasAttribute(HOVER_ONLY_TRIGGER_ATTR);\r\n}\r\n"],"mappings":";;;;;;;AAMA,SAAgB,+BACd,aACA,UACA,QACS;CACT,OAAO,CAAC,eAAe,YAAY,WAAW;AAChD;;;;;;;AAQA,MAAa,0BAA0B;AAEvC,SAAgB,0BAA0B,SAAkC;CAC1E,IAAI,OAAO,YAAY,eAAe,EAAE,mBAAmB,UAAU,OAAO;CAE5E,OAAO,QAAQ,aAAa,uBAAuB;AACrD"}

package/es/base-ui/Popover/index.d.mts

@@ -0,0 +1,10 @@
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { PopoverBackdropProps, PopoverPlacement, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverProps, PopoverTrigger, PopoverTriggerComponentProps } from "./type.mjs";
+import { PopoverArrow, PopoverArrowAtomProps, PopoverBackdrop, PopoverPopup, PopoverPopupAtomProps, PopoverPortal, PopoverPortalAtomProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverRoot, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps } from "./atoms.mjs";
+import { PopoverContextValue, PopoverProvider, usePopoverContext } from "./context.mjs";
+import { PopoverGroupHandle, PopoverGroupItem, usePopoverGroupHandle } from "./groupContext.mjs";
+import { parseTrigger } from "../../utils/parseTrigger.mjs";
+import Popover from "./Popover.mjs";
+import PopoverGroup from "./PopoverGroup.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+export { PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverBackdropProps, type PopoverContextValue, PopoverGroup, type PopoverGroupHandle, type PopoverGroupItem, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, type PopoverPopupProps, PopoverPortal, type PopoverPortalAtomProps, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverPositionerProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, type PopoverTriggerComponentProps, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, Popover as default, parseTrigger, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer };