@snack-uikit/popover-private - npm Package Compare versions

Comparing version 0.13.2 to 0.13.3-preview-767c086a.0

dist/components/PopoverPrivate/PopoverPrivate.js

@@ -19,3 +19,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { DEFAULT_FALLBACK_PLACEMENTS, PLACEMENT, POPOVER_HEIGHT_STRATEGY, POPOVER_WIDTH_STRATEGY, } from '../../constants';
-import { getArrowOffset, getPopoverRootElement, getPopoverTriggerJSX, getTriggerProps } from '../../utils';
+import { getArrowOffset, getPopoverRootElement, getPopoverTriggerJSX, getTriggerProps, stopPropagation, } from '../../utils';
 import { Arrow } from '../Arrow';
@@ -100,5 +100,5 @@ import { useOffset } from './hooks';
     const { getFloatingProps, getReferenceProps } = useInteractions([dismiss, hover, focus, click]);
-    const portal = isOpen && (_jsx(FloatingPortal, { root: getPopoverRootElement(), children: _jsxs("div", Object.assign({}, extractSupportProps(rest), { className: cn(styles.floating, className, {
+    const portal = isOpen && (_jsx(FloatingPortal, { root: getPopoverRootElement(), children: _jsxs("div", Object.assign({ role: 'presentation' }, extractSupportProps(rest), { className: cn(styles.floating, className, {
                 [styles.floatingHidden]: Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden),
-            }), ref: refs.setFloating, style: floatingStyles }, getFloatingProps(), { children: [popoverContent, middlewareData.arrow && (_jsx(Arrow, { placement: placement, x: middlewareData.arrow.x, y: middlewareData.arrow.y, arrowContainerClassName: arrowContainerClassName, arrowElementClassName: arrowElementClassName, arrowRef: arrowRef }))] })) }));
+            }), ref: refs.setFloating, style: floatingStyles, onClick: stopPropagation, onMouseDown: stopPropagation, onMouseUp: stopPropagation }, getFloatingProps(), { children: [popoverContent, middlewareData.arrow && (_jsx(Arrow, { placement: placement, x: middlewareData.arrow.x, y: middlewareData.arrow.y, arrowContainerClassName: arrowContainerClassName, arrowElementClassName: arrowElementClassName, arrowRef: arrowRef }))] })) }));
     return (_jsxs(FloatingNode, { id: nodeId, children: [getPopoverTriggerJSX({
@@ -105,0 +105,0 @@ validElementWrapperClassName: cn(triggerClassName),

dist/utils.d.ts

 import { Placement, ReferenceType, useInteractions } from '@floating-ui/react';
-import { CSSProperties, MutableRefObject, ReactNode } from 'react';
+import { CSSProperties, MouseEventHandler, MutableRefObject, ReactNode } from 'react';
 import { PopoverPrivateProps } from './components';
@@ -29,2 +29,3 @@ import { Trigger } from './types';
 export declare const getTriggerProps: (trigger: Trigger) => TriggerProps;
+export declare const stopPropagation: MouseEventHandler<HTMLDivElement>;
 export {};

dist/utils.js

 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from 'classnames';
-import { cloneElement, isValidElement } from 'react';
+import { cloneElement, isValidElement, } from 'react';
 import { isForwardRef, isValidElementType } from 'react-is';
@@ -81,1 +81,2 @@ import { TRIGGER } from './constants';
 };
+export const stopPropagation = e => e.stopPropagation();

package.json

@@ -7,3 +7,3 @@ {
   "title": "Popover Private",
-  "version": "0.13.2",
+  "version": "0.13.3-preview-767c086a.0",
   "sideEffects": [
@@ -45,3 +45,3 @@ "*.css",
   },
-  "gitHead": "bf1e1f3cfabccc1ee288c18722e33009bd001798"
+  "gitHead": "e49e2ffc0eecfd2c9c1962c7147b9f5b40e0bb3c"
 }

No alert changes

Improved metrics

Total package byte prevSize

70522

increased by0.84%

Lines of code

978

increased by2.19%

No dependency changes