react-bootstrap - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

cjs/Overlay.js

@@ -66,3 +66,2 @@ "use strict";
       arrowProps,
-      placement,
       popper: popperObj,
@@ -73,11 +72,13 @@ show
 
-      wrapRefs(overlayProps, arrowProps);
+      wrapRefs(overlayProps, arrowProps); // Need to get placement from popper object, handling case when overlay is flipped using 'flip' prop
+
+      const updatedPlacement = popperObj == null ? void 0 : popperObj.placement;
       const popper = Object.assign(popperRef.current, {
         state: popperObj == null ? void 0 : popperObj.state,
         scheduleUpdate: popperObj == null ? void 0 : popperObj.update,
-        placement,
+        placement: updatedPlacement,
         outOfBoundaries: (popperObj == null ? void 0 : (_popperObj$state = popperObj.state) == null ? void 0 : (_popperObj$state$modi = _popperObj$state.modifiersData.hide) == null ? void 0 : _popperObj$state$modi.isReferenceHidden) || false
       });
       if (typeof overlay === 'function') return overlay({ ...overlayProps,
-        placement,
+        placement: updatedPlacement,
         show,
@@ -91,3 +92,3 @@ ...(!transition && show && {
       return /*#__PURE__*/React.cloneElement(overlay, { ...overlayProps,
-        placement,
+        placement: updatedPlacement,
         arrowProps,
@@ -94,0 +95,0 @@ popper,

cjs/ThemeProvider.d.ts

@@ -7,3 +7,3 @@ import * as React from 'react';
 export interface ThemeProviderProps extends Partial<ThemeContextValue> {
-    children: React.ElementType;
+    children: React.ReactNode;
 }
@@ -17,4 +17,6 @@ declare const Consumer: React.Consumer<ThemeContextValue>;
 export declare function useIsRTL(): boolean;
-declare function createBootstrapComponent(Component: any, opts: any): React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare function createBootstrapComponent(Component: any, opts: any): React.ForwardRefExoticComponent<{
+    bsPrefix?: string | undefined;
+} & React.RefAttributes<any>>;
 export { createBootstrapComponent, Consumer as ThemeConsumer };
 export default ThemeProvider;

esm/Overlay.js

@@ -48,3 +48,2 @@ import * as React from 'react';
       arrowProps,
-      placement,
       popper: popperObj,
@@ -55,11 +54,13 @@ show
 
-      wrapRefs(overlayProps, arrowProps);
+      wrapRefs(overlayProps, arrowProps); // Need to get placement from popper object, handling case when overlay is flipped using 'flip' prop
+
+      const updatedPlacement = popperObj == null ? void 0 : popperObj.placement;
       const popper = Object.assign(popperRef.current, {
         state: popperObj == null ? void 0 : popperObj.state,
         scheduleUpdate: popperObj == null ? void 0 : popperObj.update,
-        placement,
+        placement: updatedPlacement,
         outOfBoundaries: (popperObj == null ? void 0 : (_popperObj$state = popperObj.state) == null ? void 0 : (_popperObj$state$modi = _popperObj$state.modifiersData.hide) == null ? void 0 : _popperObj$state$modi.isReferenceHidden) || false
       });
       if (typeof overlay === 'function') return overlay({ ...overlayProps,
-        placement,
+        placement: updatedPlacement,
         show,
@@ -73,3 +74,3 @@ ...(!transition && show && {
       return /*#__PURE__*/React.cloneElement(overlay, { ...overlayProps,
-        placement,
+        placement: updatedPlacement,
         arrowProps,
@@ -76,0 +77,0 @@ popper,

esm/ThemeProvider.d.ts

@@ -7,3 +7,3 @@ import * as React from 'react';
 export interface ThemeProviderProps extends Partial<ThemeContextValue> {
-    children: React.ElementType;
+    children: React.ReactNode;
 }
@@ -17,4 +17,6 @@ declare const Consumer: React.Consumer<ThemeContextValue>;
 export declare function useIsRTL(): boolean;
-declare function createBootstrapComponent(Component: any, opts: any): React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare function createBootstrapComponent(Component: any, opts: any): React.ForwardRefExoticComponent<{
+    bsPrefix?: string | undefined;
+} & React.RefAttributes<any>>;
 export { createBootstrapComponent, Consumer as ThemeConsumer };
 export default ThemeProvider;

package.json

 {
   "name": "react-bootstrap",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Bootstrap 5 components built with React",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1355534

increased by0.06%

Lines of code

29050

increased by0.01%

No dependency changes