@startupjs-ui/popover 0.3.1 → 0.3.6

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.6](https://github.com/startupjs/startupjs-ui/compare/v0.3.5...v0.3.6) (2026-06-19)
+
+**Note:** Version bump only for package @startupjs-ui/popover
+
+
+
+
+
+## [0.3.4](https://github.com/startupjs/startupjs-ui/compare/v0.3.3...v0.3.4) (2026-06-18)
+
+**Note:** Version bump only for package @startupjs-ui/popover
+
+
+
+
+
 ## [0.3.1](https://github.com/startupjs/startupjs-ui/compare/v0.3.0...v0.3.1) (2026-06-08)
 
 **Note:** Version bump only for package @startupjs-ui/popover

package/README.mdx

@@ -13,7 +13,7 @@ A floating panel that appears near an anchor element when triggered. Use it to d
 
 The `visible` prop controls whether the popover is shown, and `onChange` is called when visibility should change. You can also use `$visible` for two-way data binding. Pass `children` as the anchor (the always-visible element) and `renderContent` to render the popover content. A `ref` can be used to programmatically call `open()` and `close()`.
 
-The component also supports lifecycle callbacks inherited from AbstractPopover: `onRequestOpen`, `onRequestClose`, `onOpenComplete`, and `onCloseComplete`. Use `renderWrapper` to wrap the popover node with custom markup.
+The component also supports lifecycle callbacks inherited from AbstractPopover: `onRequestOpen`, `onRequestClose`, `onOpenComplete`, and `onCloseComplete`. Use `onDismiss` when you need to react after the popover finishes closing. Use `renderWrapper` to wrap the popover node with custom markup.
 
 ```jsx
 import { Popover } from 'startupjs-ui'

package/index.d.ts

@@ -21,6 +21,8 @@ export interface PopoverProps extends Omit<AbstractPopoverProps, 'anchorRef' | '
     $visible?: any;
     /** Called when visibility should change */
     onChange?: (visible: boolean) => void;
+    /** Called when popover finishes closing */
+    onDismiss?: () => void;
     /** Open the popover when the anchor wrapper is pressed @default true */
     openOnAnchorPress?: boolean;
     /** Anchor content */

package/index.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useRef, useCallback, useImperativeHandle, type ReactNode, type RefObject } from 'react'
+import { Children, isValidElement, useMemo, useRef, useCallback, useImperativeHandle, type ReactNode, type RefObject } from 'react'
 import { View, TouchableWithoutFeedback, type StyleProp, type ViewStyle } from 'react-native'
 import { pug, observer, useBind, $ } from 'startupjs'
 import { themed } from '@startupjs-ui/core'
@@ -23,6 +23,8 @@ export interface PopoverProps extends Omit<AbstractPopoverProps, 'anchorRef' | '
   $visible?: any
   /** Called when visibility should change */
   onChange?: (visible: boolean) => void
+  /** Called when popover finishes closing */
+  onDismiss?: () => void
   /** Open the popover when the anchor wrapper is pressed @default true */
   openOnAnchorPress?: boolean
   /** Anchor content */
@@ -46,6 +48,8 @@ function Popover ({
   children,
   renderContent,
   onChange,
+  onCloseComplete,
+  onDismiss,
   openOnAnchorPress = true,
   renderWrapper,
   overlayStyle,
@@ -86,6 +90,21 @@ function Popover ({
 
   const setVisibleTrue = useCallback(() => { handleChange(true) }, [handleChange])
   const setVisibleFalse = useCallback(() => { handleChange(false) }, [handleChange])
+  const handleCloseComplete = useCallback((...args: any[]) => {
+    onCloseComplete?.(...args)
+    onDismiss?.()
+  }, [onCloseComplete, onDismiss])
+  const shouldOpenOnAnchorPress = useMemo(() => {
+    if (!openOnAnchorPress) return false
+
+    const childArray = Children.toArray(children)
+    if (childArray.length !== 1) return true
+
+    const child = childArray[0]
+    if (!isValidElement<{ onPress?: unknown }>(child)) return true
+
+    return typeof child.props.onPress !== 'function'
+  }, [children, openOnAnchorPress])
 
   const renderOverlayWrapper = (node: ReactNode): ReactNode => {
     const wrappedNode = renderWrapper ? renderWrapper(node) : node
@@ -101,7 +120,7 @@ function Popover ({
     Div(
       style=style
       ref=anchorRef
-      onPress=!isUncontrolled && openOnAnchorPress ? setVisibleTrue : null
+      onPress=shouldOpenOnAnchorPress ? setVisibleTrue : null
     )= children
     AbstractPopover.attachment(
       ...props
@@ -109,6 +128,7 @@ function Popover ({
       style=[attachmentStyle]
       anchorRef=anchorRef
       renderWrapper=renderOverlayWrapper
+      onCloseComplete=handleCloseComplete
     )= renderContent && renderContent()
   `
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs-ui/popover",
-  "version": "0.3.1",
+  "version": "0.3.6",
   "publishConfig": {
     "access": "public"
   },
@@ -10,12 +10,12 @@
   "dependencies": {
     "@startupjs-ui/abstract-popover": "^0.3.0",
     "@startupjs-ui/core": "^0.3.0",
-    "@startupjs-ui/div": "^0.3.1"
+    "@startupjs-ui/div": "^0.3.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
     "startupjs": "*"
   },
-  "gitHead": "60311773bdc83f354c797a272774304502d28c58"
+  "gitHead": "97eb49aeff8423d10ff280e2a809e352961bc0f2"
 }