Socket
Socket
Sign inDemoInstall

react-bootstrap

Package Overview
Dependencies
Maintainers
3
Versions
218
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-bootstrap - npm Package Compare versions

Comparing version 2.9.0 to 2.9.1

71

cjs/OverlayTrigger.d.ts

@@ -1,4 +0,4 @@

import PropTypes from 'prop-types';
import * as React from 'react';
import { OverlayChildren, OverlayProps } from './Overlay';
import { Placement } from './types';
export type OverlayTriggerType = 'hover' | 'click' | 'focus';

@@ -26,70 +26,5 @@ export type OverlayDelay = number | {

onHide?: never;
placement?: Placement;
}
declare function OverlayTrigger({ trigger, overlay, children, popperConfig, show: propsShow, defaultShow, onToggle, delay: propsDelay, placement, flip, ...props }: OverlayTriggerProps): JSX.Element;
declare namespace OverlayTrigger {
var propTypes: {
children: PropTypes.Validator<NonNullable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike | null | undefined>>>;
/**
* Specify which action or actions trigger Overlay visibility
*
* The `click` trigger ignores the configured `delay`.
*
* @type {'hover' | 'click' |'focus' | Array<'hover' | 'click' |'focus'>}
*/
trigger: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
/**
* A millisecond delay amount to show and hide the Overlay once triggered
*/
delay: PropTypes.Requireable<NonNullable<number | PropTypes.InferProps<{
show: PropTypes.Requireable<number>;
hide: PropTypes.Requireable<number>;
}> | null | undefined>>;
/**
* The visibility of the Overlay. `show` is a _controlled_ prop so should be paired
* with `onToggle` to avoid breaking user interactions.
*
* Manually toggling `show` does **not** wait for `delay` to change the visibility.
*
* @controllable onToggle
*/
show: PropTypes.Requireable<boolean>;
/**
* The initial visibility state of the Overlay.
*/
defaultShow: PropTypes.Requireable<boolean>;
/**
* A callback that fires when the user triggers a change in tooltip visibility.
*
* `onToggle` is called with the desired next `show`, and generally should be passed
* back to the `show` prop. `onToggle` fires _after_ the configured `delay`
*
* @controllable `show`
*/
onToggle: PropTypes.Requireable<(...args: any[]) => any>;
/**
The initial flip state of the Overlay.
*/
flip: PropTypes.Requireable<boolean>;
/**
* An element or text to overlay next to the target.
*/
overlay: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike | null | undefined>>;
/**
* A Popper.js config object passed to the the underlying popper instance.
*/
popperConfig: PropTypes.Requireable<object>;
/**
* @private
*/
target: PropTypes.Requireable<null>;
/**
* @private
*/
onHide: PropTypes.Requireable<null>;
/**
* The placement of the Overlay in relation to it's `target`.
*/
placement: PropTypes.Requireable<string>;
};
}
declare const OverlayTrigger: React.FC<OverlayTriggerProps>;
export default OverlayTrigger;

8

cjs/OverlayTrigger.js

@@ -8,2 +8,3 @@ "use strict";

var _contains = _interopRequireDefault(require("dom-helpers/contains"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var React = _interopRequireWildcard(require("react"));

@@ -40,3 +41,4 @@ var _useTimeout = _interopRequireDefault(require("@restart/hooks/useTimeout"));

}
function OverlayTrigger({
const triggerType = _propTypes.default.oneOf(['click', 'hover', 'focus']);
const OverlayTrigger = ({
trigger = ['hover', 'focus'],

@@ -53,3 +55,3 @@ overlay,

...props
}) {
}) => {
const triggerNodeRef = (0, React.useRef)(null);

@@ -137,5 +139,5 @@ const mergedRef = (0, _useMergedRefs.default)(triggerNodeRef, children.ref);

});
}
};
var _default = OverlayTrigger;
exports.default = _default;
module.exports = exports.default;

@@ -5,3 +5,3 @@ import PropTypes from 'prop-types';

export type ButtonVariant = Variant | 'link' | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'outline-dark' | 'outline-light';
export type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted';
export type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string;
export type Placement = import('@restart/ui/usePopper').Placement;

@@ -23,3 +23,3 @@ export type AlignDirection = 'start' | 'end';

export type RootCloseEvent = 'click' | 'mousedown';
export type GapValue = 0 | 1 | 2 | 3 | 4 | 5;
export type GapValue = 0 | 1 | 2 | 3 | 4 | 5 | number;
export interface PopperRef {

@@ -26,0 +26,0 @@ state: State | undefined;

@@ -1,4 +0,4 @@

import PropTypes from 'prop-types';
import * as React from 'react';
import { OverlayChildren, OverlayProps } from './Overlay';
import { Placement } from './types';
export type OverlayTriggerType = 'hover' | 'click' | 'focus';

@@ -26,70 +26,5 @@ export type OverlayDelay = number | {

onHide?: never;
placement?: Placement;
}
declare function OverlayTrigger({ trigger, overlay, children, popperConfig, show: propsShow, defaultShow, onToggle, delay: propsDelay, placement, flip, ...props }: OverlayTriggerProps): JSX.Element;
declare namespace OverlayTrigger {
var propTypes: {
children: PropTypes.Validator<NonNullable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike | null | undefined>>>;
/**
* Specify which action or actions trigger Overlay visibility
*
* The `click` trigger ignores the configured `delay`.
*
* @type {'hover' | 'click' |'focus' | Array<'hover' | 'click' |'focus'>}
*/
trigger: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
/**
* A millisecond delay amount to show and hide the Overlay once triggered
*/
delay: PropTypes.Requireable<NonNullable<number | PropTypes.InferProps<{
show: PropTypes.Requireable<number>;
hide: PropTypes.Requireable<number>;
}> | null | undefined>>;
/**
* The visibility of the Overlay. `show` is a _controlled_ prop so should be paired
* with `onToggle` to avoid breaking user interactions.
*
* Manually toggling `show` does **not** wait for `delay` to change the visibility.
*
* @controllable onToggle
*/
show: PropTypes.Requireable<boolean>;
/**
* The initial visibility state of the Overlay.
*/
defaultShow: PropTypes.Requireable<boolean>;
/**
* A callback that fires when the user triggers a change in tooltip visibility.
*
* `onToggle` is called with the desired next `show`, and generally should be passed
* back to the `show` prop. `onToggle` fires _after_ the configured `delay`
*
* @controllable `show`
*/
onToggle: PropTypes.Requireable<(...args: any[]) => any>;
/**
The initial flip state of the Overlay.
*/
flip: PropTypes.Requireable<boolean>;
/**
* An element or text to overlay next to the target.
*/
overlay: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike | null | undefined>>;
/**
* A Popper.js config object passed to the the underlying popper instance.
*/
popperConfig: PropTypes.Requireable<object>;
/**
* @private
*/
target: PropTypes.Requireable<null>;
/**
* @private
*/
onHide: PropTypes.Requireable<null>;
/**
* The placement of the Overlay in relation to it's `target`.
*/
placement: PropTypes.Requireable<string>;
};
}
declare const OverlayTrigger: React.FC<OverlayTriggerProps>;
export default OverlayTrigger;
"use client";
import contains from 'dom-helpers/contains';
import PropTypes from 'prop-types';
import * as React from 'react';

@@ -36,3 +37,4 @@ import { cloneElement, useCallback, useRef } from 'react';

}
function OverlayTrigger({
const triggerType = PropTypes.oneOf(['click', 'hover', 'focus']);
const OverlayTrigger = ({
trigger = ['hover', 'focus'],

@@ -49,3 +51,3 @@ overlay,

...props
}) {
}) => {
const triggerNodeRef = useRef(null);

@@ -133,3 +135,3 @@ const mergedRef = useMergedRefs(triggerNodeRef, children.ref);

});
}
};
export default OverlayTrigger;

@@ -5,3 +5,3 @@ import PropTypes from 'prop-types';

export type ButtonVariant = Variant | 'link' | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'outline-dark' | 'outline-light';
export type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted';
export type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string;
export type Placement = import('@restart/ui/usePopper').Placement;

@@ -23,3 +23,3 @@ export type AlignDirection = 'start' | 'end';

export type RootCloseEvent = 'click' | 'mousedown';
export type GapValue = 0 | 1 | 2 | 3 | 4 | 5;
export type GapValue = 0 | 1 | 2 | 3 | 4 | 5 | number;
export interface PopperRef {

@@ -26,0 +26,0 @@ state: State | undefined;

{
"name": "react-bootstrap",
"version": "2.9.0",
"version": "2.9.1",
"description": "Bootstrap 5 components built with React",

@@ -5,0 +5,0 @@ "keywords": [

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc