new changes

This commit is contained in:
Niranjan
2026-04-07 05:05:28 +05:30
parent 7c070224bd
commit a18bba15f2
29975 changed files with 3247495 additions and 2761 deletions

View File

@@ -0,0 +1,10 @@
import * as React from 'react';
import { CloseButtonVariant } from './CloseButton';
export interface AbstractModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
closeLabel?: string;
closeVariant?: CloseButtonVariant;
closeButton?: boolean;
onHide?: () => void;
}
declare const AbstractModalHeader: React.ForwardRefExoticComponent<AbstractModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
export default AbstractModalHeader;

View File

@@ -0,0 +1,40 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _useEventCallback = _interopRequireDefault(require("@restart/hooks/useEventCallback"));
var _CloseButton = _interopRequireDefault(require("./CloseButton"));
var _ModalContext = _interopRequireDefault(require("./ModalContext"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const AbstractModalHeader = /*#__PURE__*/React.forwardRef(({
closeLabel = 'Close',
closeVariant,
closeButton = false,
onHide,
children,
...props
}, ref) => {
const context = (0, _react.useContext)(_ModalContext.default);
const handleClick = (0, _useEventCallback.default)(() => {
context == null || context.onHide();
onHide == null || onHide();
});
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
ref: ref,
...props,
children: [children, closeButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.default, {
"aria-label": closeLabel,
variant: closeVariant,
onClick: handleClick
})]
});
});
AbstractModalHeader.displayName = 'AbstractModalHeader';
var _default = exports.default = AbstractModalHeader;
module.exports = exports.default;

View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import { AccordionSelectCallback, AccordionEventKey } from './AccordionContext';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'>, BsPrefixProps {
activeKey?: AccordionEventKey;
defaultActiveKey?: AccordionEventKey;
onSelect?: AccordionSelectCallback;
flush?: boolean;
alwaysOpen?: boolean;
}
declare const _default: BsPrefixRefForwardingComponent<"div", AccordionProps> & {
Button: BsPrefixRefForwardingComponent<"div", import("./AccordionButton").AccordionButtonProps>;
Collapse: BsPrefixRefForwardingComponent<"div", import("./AccordionCollapse").AccordionCollapseProps>;
Item: BsPrefixRefForwardingComponent<"div", import("./AccordionItem").AccordionItemProps>;
Header: BsPrefixRefForwardingComponent<"h2", import("./AccordionHeader").AccordionHeaderProps>;
Body: BsPrefixRefForwardingComponent<"div", import("./AccordionBody").AccordionBodyProps>;
};
export default _default;

View File

@@ -0,0 +1,58 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _uncontrollable = require("uncontrollable");
var _ThemeProvider = require("./ThemeProvider");
var _AccordionBody = _interopRequireDefault(require("./AccordionBody"));
var _AccordionButton = _interopRequireDefault(require("./AccordionButton"));
var _AccordionCollapse = _interopRequireDefault(require("./AccordionCollapse"));
var _AccordionContext = _interopRequireDefault(require("./AccordionContext"));
var _AccordionHeader = _interopRequireDefault(require("./AccordionHeader"));
var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
activeKey,
bsPrefix,
className,
onSelect,
flush,
alwaysOpen,
...controlledProps
} = (0, _uncontrollable.useUncontrolled)(props, {
activeKey: 'onSelect'
});
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'accordion');
const contextValue = (0, _react.useMemo)(() => ({
activeEventKey: activeKey,
onSelect,
alwaysOpen
}), [activeKey, onSelect, alwaysOpen]);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.default.Provider, {
value: contextValue,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...controlledProps,
className: (0, _classnames.default)(className, prefix, flush && `${prefix}-flush`)
})
});
});
Accordion.displayName = 'Accordion';
var _default = exports.default = Object.assign(Accordion, {
Button: _AccordionButton.default,
Collapse: _AccordionCollapse.default,
Item: _AccordionItem.default,
Header: _AccordionHeader.default,
Body: _AccordionBody.default
});
module.exports = exports.default;

View File

@@ -0,0 +1,7 @@
import * as React from 'react';
import { TransitionCallbacks } from '@restart/ui/types';
import { BsPrefixRefForwardingComponent, BsPrefixProps } from './helpers';
export interface AccordionBodyProps extends BsPrefixProps, TransitionCallbacks, React.HTMLAttributes<HTMLElement> {
}
declare const AccordionBody: BsPrefixRefForwardingComponent<'div', AccordionBodyProps>;
export default AccordionBody;

View File

@@ -0,0 +1,50 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _ThemeProvider = require("./ThemeProvider");
var _AccordionCollapse = _interopRequireDefault(require("./AccordionCollapse"));
var _AccordionItemContext = _interopRequireDefault(require("./AccordionItemContext"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const AccordionBody = /*#__PURE__*/React.forwardRef(({
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
bsPrefix,
className,
onEnter,
onEntering,
onEntered,
onExit,
onExiting,
onExited,
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'accordion-body');
const {
eventKey
} = (0, _react.useContext)(_AccordionItemContext.default);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionCollapse.default, {
eventKey: eventKey,
onEnter: onEnter,
onEntering: onEntering,
onEntered: onEntered,
onExit: onExit,
onExiting: onExiting,
onExited: onExited,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: (0, _classnames.default)(className, bsPrefix)
})
});
});
AccordionBody.displayName = 'AccordionBody';
var _default = exports.default = AccordionBody;
module.exports = exports.default;

View File

@@ -0,0 +1,8 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
type EventHandler = React.EventHandler<React.SyntheticEvent>;
export interface AccordionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, BsPrefixProps {
}
export declare function useAccordionButton(eventKey: string, onClick?: EventHandler): EventHandler;
declare const AccordionButton: BsPrefixRefForwardingComponent<'div', AccordionButtonProps>;
export default AccordionButton;

View File

@@ -0,0 +1,73 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
exports.useAccordionButton = useAccordionButton;
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _classnames = _interopRequireDefault(require("classnames"));
var _AccordionContext = _interopRequireWildcard(require("./AccordionContext"));
var _AccordionItemContext = _interopRequireDefault(require("./AccordionItemContext"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function useAccordionButton(eventKey, onClick) {
const {
activeEventKey,
onSelect,
alwaysOpen
} = (0, _react.useContext)(_AccordionContext.default);
return e => {
/*
Compare the event key in context with the given event key.
If they are the same, then collapse the component.
*/
let eventKeyPassed = eventKey === activeEventKey ? null : eventKey;
if (alwaysOpen) {
if (Array.isArray(activeEventKey)) {
if (activeEventKey.includes(eventKey)) {
eventKeyPassed = activeEventKey.filter(k => k !== eventKey);
} else {
eventKeyPassed = [...activeEventKey, eventKey];
}
} else {
// activeEventKey is undefined.
eventKeyPassed = [eventKey];
}
}
onSelect == null || onSelect(eventKeyPassed, e);
onClick == null || onClick(e);
};
}
const AccordionButton = /*#__PURE__*/React.forwardRef(({
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'button',
bsPrefix,
className,
onClick,
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'accordion-button');
const {
eventKey
} = (0, _react.useContext)(_AccordionItemContext.default);
const accordionOnClick = useAccordionButton(eventKey, onClick);
const {
activeEventKey
} = (0, _react.useContext)(_AccordionContext.default);
if (Component === 'button') {
props.type = 'button';
}
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
onClick: accordionOnClick,
...props,
"aria-expanded": Array.isArray(activeEventKey) ? activeEventKey.includes(eventKey) : eventKey === activeEventKey,
className: (0, _classnames.default)(className, bsPrefix, !(0, _AccordionContext.isAccordionItemSelected)(activeEventKey, eventKey) && 'collapsed')
});
});
AccordionButton.displayName = 'AccordionButton';
var _default = exports.default = AccordionButton;

View File

@@ -0,0 +1,12 @@
import { CollapseProps } from './Collapse';
import { BsPrefixRefForwardingComponent, BsPrefixProps } from './helpers';
export interface AccordionCollapseProps extends BsPrefixProps, CollapseProps {
eventKey: string;
/** @default 'accordion-collapse' */
bsPrefix?: string;
}
/**
* This component accepts all of [`Collapse`'s props](/docs/utilities/transitions#collapse-1).
*/
declare const AccordionCollapse: BsPrefixRefForwardingComponent<'div', AccordionCollapseProps>;
export default AccordionCollapse;

View File

@@ -0,0 +1,43 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _ThemeProvider = require("./ThemeProvider");
var _Collapse = _interopRequireDefault(require("./Collapse"));
var _AccordionContext = _interopRequireWildcard(require("./AccordionContext"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/**
* This component accepts all of [`Collapse`'s props](/docs/utilities/transitions#collapse-1).
*/
const AccordionCollapse = /*#__PURE__*/React.forwardRef(({
as: Component = 'div',
bsPrefix,
className,
children,
eventKey,
...props
}, ref) => {
const {
activeEventKey
} = (0, _react.useContext)(_AccordionContext.default);
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'accordion-collapse');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Collapse.default, {
ref: ref,
in: (0, _AccordionContext.isAccordionItemSelected)(activeEventKey, eventKey),
...props,
className: (0, _classnames.default)(className, bsPrefix),
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
children: React.Children.only(children)
})
});
});
AccordionCollapse.displayName = 'AccordionCollapse';
var _default = exports.default = AccordionCollapse;
module.exports = exports.default;

View File

@@ -0,0 +1,11 @@
import * as React from 'react';
export type AccordionEventKey = string | string[] | null | undefined;
export declare type AccordionSelectCallback = (eventKey: AccordionEventKey, e: React.SyntheticEvent<unknown>) => void;
export interface AccordionContextValue {
activeEventKey?: AccordionEventKey;
onSelect?: AccordionSelectCallback;
alwaysOpen?: boolean;
}
export declare function isAccordionItemSelected(activeEventKey: AccordionEventKey, eventKey: string): boolean;
declare const context: React.Context<AccordionContextValue>;
export default context;

View File

@@ -0,0 +1,15 @@
"use strict";
"use client";
exports.__esModule = true;
exports.default = void 0;
exports.isAccordionItemSelected = isAccordionItemSelected;
var React = _interopRequireWildcard(require("react"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function isAccordionItemSelected(activeEventKey, eventKey) {
return Array.isArray(activeEventKey) ? activeEventKey.includes(eventKey) : activeEventKey === eventKey;
}
const context = /*#__PURE__*/React.createContext({});
context.displayName = 'AccordionContext';
var _default = exports.default = context;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import { BsPrefixRefForwardingComponent, BsPrefixProps } from './helpers';
export interface AccordionHeaderProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const AccordionHeader: BsPrefixRefForwardingComponent<'h2', AccordionHeaderProps>;
export default AccordionHeader;

View File

@@ -0,0 +1,38 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _AccordionButton = _interopRequireDefault(require("./AccordionButton"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const AccordionHeader = /*#__PURE__*/React.forwardRef(({
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'h2',
'aria-controls': ariaControls,
bsPrefix,
className,
children,
onClick,
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'accordion-header');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: (0, _classnames.default)(className, bsPrefix),
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionButton.default, {
onClick: onClick,
"aria-controls": ariaControls,
children: children
})
});
});
AccordionHeader.displayName = 'AccordionHeader';
var _default = exports.default = AccordionHeader;
module.exports = exports.default;

View File

@@ -0,0 +1,7 @@
import * as React from 'react';
import { BsPrefixRefForwardingComponent, BsPrefixProps } from './helpers';
export interface AccordionItemProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
eventKey: string;
}
declare const AccordionItem: BsPrefixRefForwardingComponent<'div', AccordionItemProps>;
export default AccordionItem;

View File

@@ -0,0 +1,38 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _ThemeProvider = require("./ThemeProvider");
var _AccordionItemContext = _interopRequireDefault(require("./AccordionItemContext"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const AccordionItem = /*#__PURE__*/React.forwardRef(({
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
bsPrefix,
className,
eventKey,
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'accordion-item');
const contextValue = (0, _react.useMemo)(() => ({
eventKey
}), [eventKey]);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionItemContext.default.Provider, {
value: contextValue,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: (0, _classnames.default)(className, bsPrefix)
})
});
});
AccordionItem.displayName = 'AccordionItem';
var _default = exports.default = AccordionItem;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
export interface AccordionItemContextValue {
eventKey: string;
}
declare const context: React.Context<AccordionItemContextValue>;
export default context;

View File

@@ -0,0 +1,14 @@
"use strict";
"use client";
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const context = /*#__PURE__*/React.createContext({
eventKey: ''
});
context.displayName = 'AccordionItemContext';
var _default = exports.default = context;
module.exports = exports.default;

View File

@@ -0,0 +1,19 @@
import * as React from 'react';
import { CloseButtonVariant } from './CloseButton';
import { Variant } from './types';
import { TransitionType } from './helpers';
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
bsPrefix?: string;
variant?: Variant;
dismissible?: boolean;
show?: boolean;
onClose?: (a: any, b: any) => void;
closeLabel?: string;
closeVariant?: CloseButtonVariant;
transition?: TransitionType;
}
declare const _default: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>> & {
Link: import("./helpers").BsPrefixRefForwardingComponent<"a", import("./AlertLink").AlertLinkProps>;
Heading: import("./helpers").BsPrefixRefForwardingComponent<"div", import("./AlertHeading").AlertHeadingProps>;
};
export default _default;

View File

@@ -0,0 +1,67 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _uncontrollable = require("uncontrollable");
var _useEventCallback = _interopRequireDefault(require("@restart/hooks/useEventCallback"));
var _ThemeProvider = require("./ThemeProvider");
var _AlertHeading = _interopRequireDefault(require("./AlertHeading"));
var _AlertLink = _interopRequireDefault(require("./AlertLink"));
var _Fade = _interopRequireDefault(require("./Fade"));
var _CloseButton = _interopRequireDefault(require("./CloseButton"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const Alert = /*#__PURE__*/React.forwardRef((uncontrolledProps, ref) => {
const {
bsPrefix,
show = true,
closeLabel = 'Close alert',
closeVariant,
className,
children,
variant = 'primary',
onClose,
dismissible,
transition = _Fade.default,
...props
} = (0, _uncontrollable.useUncontrolled)(uncontrolledProps, {
show: 'onClose'
});
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'alert');
const handleClose = (0, _useEventCallback.default)(e => {
if (onClose) {
onClose(false, e);
}
});
const Transition = transition === true ? _Fade.default : transition;
const alert = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
role: "alert",
...(!Transition ? props : undefined),
ref: ref,
className: (0, _classnames.default)(className, prefix, variant && `${prefix}-${variant}`, dismissible && `${prefix}-dismissible`),
children: [dismissible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.default, {
onClick: handleClose,
"aria-label": closeLabel,
variant: closeVariant
}), children]
});
if (!Transition) return show ? alert : null;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Transition, {
unmountOnExit: true,
...props,
ref: undefined,
in: show,
children: alert
});
});
Alert.displayName = 'Alert';
var _default = exports.default = Object.assign(Alert, {
Link: _AlertLink.default,
Heading: _AlertHeading.default
});
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface AlertHeadingProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const AlertHeading: BsPrefixRefForwardingComponent<'div', AlertHeadingProps>;
export default AlertHeading;

View File

@@ -0,0 +1,31 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _divWithClassName = _interopRequireDefault(require("./divWithClassName"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DivStyledAsH4 = (0, _divWithClassName.default)('h4');
DivStyledAsH4.displayName = 'DivStyledAsH4';
const AlertHeading = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = DivStyledAsH4,
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'alert-heading');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
AlertHeading.displayName = 'AlertHeading';
var _default = exports.default = AlertHeading;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface AlertLinkProps extends BsPrefixProps, React.AnchorHTMLAttributes<HTMLElement> {
}
declare const AlertLink: BsPrefixRefForwardingComponent<'a', AlertLinkProps>;
export default AlertLink;

View File

@@ -0,0 +1,29 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Anchor = _interopRequireDefault(require("@restart/ui/Anchor"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const AlertLink = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = _Anchor.default,
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'alert-link');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
AlertLink.displayName = 'AlertLink';
var _default = exports.default = AlertLink;
module.exports = exports.default;

View File

@@ -0,0 +1,3 @@
import Anchor, { AnchorProps } from '@restart/ui/Anchor';
export type { AnchorProps };
export default Anchor;

View File

@@ -0,0 +1,8 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _Anchor = _interopRequireDefault(require("@restart/ui/Anchor"));
var _default = exports.default = _Anchor.default;
module.exports = exports.default;

View File

@@ -0,0 +1,10 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
import { Color, Variant } from './types';
export interface BadgeProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
bg?: Variant;
pill?: boolean;
text?: Color;
}
declare const Badge: BsPrefixRefForwardingComponent<'span', BadgeProps>;
export default Badge;

View File

@@ -0,0 +1,31 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const Badge = /*#__PURE__*/React.forwardRef(({
bsPrefix,
bg = 'primary',
pill = false,
text,
className,
as: Component = 'span',
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'badge');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: (0, _classnames.default)(className, prefix, pill && `rounded-pill`, text && `text-${text}`, bg && `bg-${bg}`)
});
});
Badge.displayName = 'Badge';
var _default = exports.default = Badge;
module.exports = exports.default;

View File

@@ -0,0 +1,9 @@
import ModalManager, { ContainerState, ModalManagerOptions } from '@restart/ui/ModalManager';
declare class BootstrapModalManager extends ModalManager {
private adjustAndStore;
private restore;
setContainerStyle(containerState: ContainerState): void;
removeContainerStyle(containerState: ContainerState): void;
}
export declare function getSharedManager(options?: ModalManagerOptions): BootstrapModalManager;
export default BootstrapModalManager;

View File

@@ -0,0 +1,62 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
exports.getSharedManager = getSharedManager;
var _addClass = _interopRequireDefault(require("dom-helpers/addClass"));
var _css = _interopRequireDefault(require("dom-helpers/css"));
var _querySelectorAll = _interopRequireDefault(require("dom-helpers/querySelectorAll"));
var _removeClass = _interopRequireDefault(require("dom-helpers/removeClass"));
var _ModalManager = _interopRequireDefault(require("@restart/ui/ModalManager"));
const Selector = {
FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',
STICKY_CONTENT: '.sticky-top',
NAVBAR_TOGGLER: '.navbar-toggler'
};
class BootstrapModalManager extends _ModalManager.default {
adjustAndStore(prop, element, adjust) {
const actual = element.style[prop];
// @ts-expect-error TODO: DOMStringMap and CSSStyleDeclaration aren't strictly compatible
element.dataset[prop] = actual;
(0, _css.default)(element, {
[prop]: `${parseFloat((0, _css.default)(element, prop)) + adjust}px`
});
}
restore(prop, element) {
const value = element.dataset[prop];
if (value !== undefined) {
delete element.dataset[prop];
(0, _css.default)(element, {
[prop]: value
});
}
}
setContainerStyle(containerState) {
super.setContainerStyle(containerState);
const container = this.getElement();
(0, _addClass.default)(container, 'modal-open');
if (!containerState.scrollBarWidth) return;
const paddingProp = this.isRTL ? 'paddingLeft' : 'paddingRight';
const marginProp = this.isRTL ? 'marginLeft' : 'marginRight';
(0, _querySelectorAll.default)(container, Selector.FIXED_CONTENT).forEach(el => this.adjustAndStore(paddingProp, el, containerState.scrollBarWidth));
(0, _querySelectorAll.default)(container, Selector.STICKY_CONTENT).forEach(el => this.adjustAndStore(marginProp, el, -containerState.scrollBarWidth));
(0, _querySelectorAll.default)(container, Selector.NAVBAR_TOGGLER).forEach(el => this.adjustAndStore(marginProp, el, containerState.scrollBarWidth));
}
removeContainerStyle(containerState) {
super.removeContainerStyle(containerState);
const container = this.getElement();
(0, _removeClass.default)(container, 'modal-open');
const paddingProp = this.isRTL ? 'paddingLeft' : 'paddingRight';
const marginProp = this.isRTL ? 'marginLeft' : 'marginRight';
(0, _querySelectorAll.default)(container, Selector.FIXED_CONTENT).forEach(el => this.restore(paddingProp, el));
(0, _querySelectorAll.default)(container, Selector.STICKY_CONTENT).forEach(el => this.restore(marginProp, el));
(0, _querySelectorAll.default)(container, Selector.NAVBAR_TOGGLER).forEach(el => this.restore(marginProp, el));
}
}
let sharedManager;
function getSharedManager(options) {
if (!sharedManager) sharedManager = new BootstrapModalManager(options);
return sharedManager;
}
var _default = exports.default = BootstrapModalManager;

View File

@@ -0,0 +1,10 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface BreadcrumbProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
label?: string;
listProps?: React.OlHTMLAttributes<HTMLOListElement>;
}
declare const _default: BsPrefixRefForwardingComponent<"nav", BreadcrumbProps> & {
Item: BsPrefixRefForwardingComponent<"li", import("./BreadcrumbItem").BreadcrumbItemProps>;
};
export default _default;

View File

@@ -0,0 +1,41 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const Breadcrumb = /*#__PURE__*/React.forwardRef(({
bsPrefix,
className,
listProps = {},
children,
label = 'breadcrumb',
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'nav',
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'breadcrumb');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
"aria-label": label,
className: className,
ref: ref,
...props,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
...listProps,
className: (0, _classnames.default)(prefix, listProps == null ? void 0 : listProps.className),
children: children
})
});
});
Breadcrumb.displayName = 'Breadcrumb';
var _default = exports.default = Object.assign(Breadcrumb, {
Item: _BreadcrumbItem.default
});
module.exports = exports.default;

View File

@@ -0,0 +1,12 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface BreadcrumbItemProps extends BsPrefixProps, Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
active?: boolean;
href?: string;
linkAs?: React.ElementType;
target?: string;
title?: React.ReactNode;
linkProps?: Record<string, any>;
}
declare const BreadcrumbItem: BsPrefixRefForwardingComponent<'li', BreadcrumbItemProps>;
export default BreadcrumbItem;

View File

@@ -0,0 +1,47 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _Anchor = _interopRequireDefault(require("@restart/ui/Anchor"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const BreadcrumbItem = /*#__PURE__*/React.forwardRef(({
bsPrefix,
active = false,
children,
className,
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'li',
linkAs: LinkComponent = _Anchor.default,
linkProps = {},
href,
title,
target,
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'breadcrumb-item');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: (0, _classnames.default)(prefix, className, {
active
}),
"aria-current": active ? 'page' : undefined,
children: active ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkComponent, {
...linkProps,
href: href,
title: title,
target: target,
children: children
})
});
});
BreadcrumbItem.displayName = 'BreadcrumbItem';
var _default = exports.default = BreadcrumbItem;
module.exports = exports.default;

View File

@@ -0,0 +1,11 @@
import { ButtonProps as BaseButtonProps } from '@restart/ui/Button';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
import { ButtonVariant } from './types';
export interface ButtonProps extends BaseButtonProps, Omit<BsPrefixProps, 'as'> {
active?: boolean;
variant?: ButtonVariant;
size?: 'sm' | 'lg';
}
export type CommonButtonProps = 'href' | 'size' | 'variant' | 'disabled';
declare const Button: BsPrefixRefForwardingComponent<'button', ButtonProps>;
export default Button;

View File

@@ -0,0 +1,43 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _Button = require("@restart/ui/Button");
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const Button = /*#__PURE__*/React.forwardRef(({
as,
bsPrefix,
variant = 'primary',
size,
active = false,
disabled = false,
className,
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'btn');
const [buttonProps, {
tagName
}] = (0, _Button.useButtonProps)({
tagName: as,
disabled,
...props
});
const Component = tagName;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
...buttonProps,
...props,
ref: ref,
disabled: disabled,
className: (0, _classnames.default)(className, prefix, active && 'active', variant && `${prefix}-${variant}`, size && `${prefix}-${size}`, props.href && disabled && 'disabled')
});
});
Button.displayName = 'Button';
var _default = exports.default = Button;
module.exports = exports.default;

View File

@@ -0,0 +1,8 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface ButtonGroupProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
size?: 'sm' | 'lg';
vertical?: boolean;
}
declare const ButtonGroup: BsPrefixRefForwardingComponent<'div', ButtonGroupProps>;
export default ButtonGroup;

View File

@@ -0,0 +1,35 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const ButtonGroup = /*#__PURE__*/React.forwardRef(({
bsPrefix,
size,
vertical = false,
className,
role = 'group',
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
...rest
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'btn-group');
let baseClass = prefix;
if (vertical) baseClass = `${prefix}-vertical`;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
...rest,
ref: ref,
role: role,
className: (0, _classnames.default)(className, baseClass, size && `${prefix}-${size}`)
});
});
ButtonGroup.displayName = 'ButtonGroup';
var _default = exports.default = ButtonGroup;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import { BsPrefixProps } from './helpers';
export interface ButtonToolbarProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const ButtonToolbar: React.ForwardRefExoticComponent<ButtonToolbarProps & React.RefAttributes<HTMLDivElement>>;
export default ButtonToolbar;

View File

@@ -0,0 +1,29 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const ButtonToolbar = /*#__PURE__*/React.forwardRef(({
bsPrefix,
className,
role = 'toolbar',
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'btn-toolbar');
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
...props,
ref: ref,
className: (0, _classnames.default)(className, prefix),
role: role
});
});
ButtonToolbar.displayName = 'ButtonToolbar';
var _default = exports.default = ButtonToolbar;
module.exports = exports.default;

View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
import { Color, Variant } from './types';
export interface CardProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
bg?: Variant;
text?: Color;
border?: Variant;
body?: boolean;
}
declare const _default: BsPrefixRefForwardingComponent<"div", CardProps> & {
Img: BsPrefixRefForwardingComponent<"img", import("./CardImg").CardImgProps>;
Title: BsPrefixRefForwardingComponent<"div", import("./CardTitle").CardTitleProps>;
Subtitle: BsPrefixRefForwardingComponent<"div", import("./CardSubtitle").CardSubtitleProps>;
Body: BsPrefixRefForwardingComponent<"div", import("./CardBody").CardBodyProps>;
Link: BsPrefixRefForwardingComponent<"a", import("./CardLink").CardLinkProps>;
Text: BsPrefixRefForwardingComponent<"p", import("./CardText").CardTextProps>;
Header: BsPrefixRefForwardingComponent<"div", import("./CardHeader").CardHeaderProps>;
Footer: BsPrefixRefForwardingComponent<"div", import("./CardFooter").CardFooterProps>;
ImgOverlay: BsPrefixRefForwardingComponent<"div", import("./CardImgOverlay").CardImgOverlayProps>;
};
export default _default;

View File

@@ -0,0 +1,56 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _CardBody = _interopRequireDefault(require("./CardBody"));
var _CardFooter = _interopRequireDefault(require("./CardFooter"));
var _CardHeader = _interopRequireDefault(require("./CardHeader"));
var _CardImg = _interopRequireDefault(require("./CardImg"));
var _CardImgOverlay = _interopRequireDefault(require("./CardImgOverlay"));
var _CardLink = _interopRequireDefault(require("./CardLink"));
var _CardSubtitle = _interopRequireDefault(require("./CardSubtitle"));
var _CardText = _interopRequireDefault(require("./CardText"));
var _CardTitle = _interopRequireDefault(require("./CardTitle"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const Card = /*#__PURE__*/React.forwardRef(({
bsPrefix,
className,
bg,
text,
border,
body = false,
children,
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: (0, _classnames.default)(className, prefix, bg && `bg-${bg}`, text && `text-${text}`, border && `border-${border}`),
children: body ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardBody.default, {
children: children
}) : children
});
});
Card.displayName = 'Card';
var _default = exports.default = Object.assign(Card, {
Img: _CardImg.default,
Title: _CardTitle.default,
Subtitle: _CardSubtitle.default,
Body: _CardBody.default,
Link: _CardLink.default,
Text: _CardText.default,
Header: _CardHeader.default,
Footer: _CardFooter.default,
ImgOverlay: _CardImgOverlay.default
});
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardBodyProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CardBody: BsPrefixRefForwardingComponent<'div', CardBodyProps>;
export default CardBody;

View File

@@ -0,0 +1,28 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CardBody = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'div',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-body');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CardBody.displayName = 'CardBody';
var _default = exports.default = CardBody;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardFooterProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CardFooter: BsPrefixRefForwardingComponent<'div', CardFooterProps>;
export default CardFooter;

View File

@@ -0,0 +1,28 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CardFooter = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'div',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-footer');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CardFooter.displayName = 'CardFooter';
var _default = exports.default = CardFooter;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardGroupProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CardGroup: BsPrefixRefForwardingComponent<'div', CardGroupProps>;
export default CardGroup;

View File

@@ -0,0 +1,28 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CardGroup = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'div',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-group');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CardGroup.displayName = 'CardGroup';
var _default = exports.default = CardGroup;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardHeaderProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CardHeader: BsPrefixRefForwardingComponent<'div', CardHeaderProps>;
export default CardHeader;

View File

@@ -0,0 +1,37 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _ThemeProvider = require("./ThemeProvider");
var _CardHeaderContext = _interopRequireDefault(require("./CardHeaderContext"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CardHeader = /*#__PURE__*/React.forwardRef(({
bsPrefix,
className,
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-header');
const contextValue = (0, _react.useMemo)(() => ({
cardHeaderBsPrefix: prefix
}), [prefix]);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardHeaderContext.default.Provider, {
value: contextValue,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: (0, _classnames.default)(className, prefix)
})
});
});
CardHeader.displayName = 'CardHeader';
var _default = exports.default = CardHeader;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
interface CardHeaderContextValue {
cardHeaderBsPrefix: string;
}
declare const context: React.Context<CardHeaderContextValue | null>;
export default context;

View File

@@ -0,0 +1,12 @@
"use strict";
"use client";
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const context = /*#__PURE__*/React.createContext(null);
context.displayName = 'CardHeaderContext';
var _default = exports.default = context;
module.exports = exports.default;

View File

@@ -0,0 +1,7 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardImgProps extends BsPrefixProps, React.ImgHTMLAttributes<HTMLImageElement> {
variant?: 'top' | 'bottom' | string;
}
declare const CardImg: BsPrefixRefForwardingComponent<'img', CardImgProps>;
export default CardImg;

View File

@@ -0,0 +1,31 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CardImg = /*#__PURE__*/React.forwardRef(
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
({
bsPrefix,
className,
variant,
as: Component = 'img',
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-img');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(variant ? `${prefix}-${variant}` : prefix, className),
...props
});
});
CardImg.displayName = 'CardImg';
var _default = exports.default = CardImg;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardImgOverlayProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CardImgOverlay: BsPrefixRefForwardingComponent<'div', CardImgOverlayProps>;
export default CardImgOverlay;

View File

@@ -0,0 +1,28 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CardImgOverlay = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'div',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-img-overlay');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CardImgOverlay.displayName = 'CardImgOverlay';
var _default = exports.default = CardImgOverlay;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardLinkProps extends BsPrefixProps, React.AnchorHTMLAttributes<HTMLElement> {
}
declare const CardLink: BsPrefixRefForwardingComponent<'a', CardLinkProps>;
export default CardLink;

View File

@@ -0,0 +1,28 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CardLink = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'a',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-link');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CardLink.displayName = 'CardLink';
var _default = exports.default = CardLink;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardSubtitleProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CardSubtitle: BsPrefixRefForwardingComponent<'div', CardSubtitleProps>;
export default CardSubtitle;

View File

@@ -0,0 +1,30 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _divWithClassName = _interopRequireDefault(require("./divWithClassName"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DivStyledAsH6 = (0, _divWithClassName.default)('h6');
const CardSubtitle = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = DivStyledAsH6,
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-subtitle');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CardSubtitle.displayName = 'CardSubtitle';
var _default = exports.default = CardSubtitle;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardTextProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CardText: BsPrefixRefForwardingComponent<'p', CardTextProps>;
export default CardText;

View File

@@ -0,0 +1,28 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CardText = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'p',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-text');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CardText.displayName = 'CardText';
var _default = exports.default = CardText;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CardTitleProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CardTitle: BsPrefixRefForwardingComponent<'div', CardTitleProps>;
export default CardTitle;

View File

@@ -0,0 +1,30 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _divWithClassName = _interopRequireDefault(require("./divWithClassName"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DivStyledAsH5 = (0, _divWithClassName.default)('h5');
const CardTitle = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = DivStyledAsH5,
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card-title');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CardTitle.displayName = 'CardTitle';
var _default = exports.default = CardTitle;
module.exports = exports.default;

View File

@@ -0,0 +1,36 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export type CarouselVariant = 'dark' | string;
export interface CarouselRef {
element?: HTMLElement;
prev: (e?: React.SyntheticEvent) => void;
next: (e?: React.SyntheticEvent) => void;
}
export interface CarouselProps extends BsPrefixProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
slide?: boolean;
fade?: boolean;
controls?: boolean;
indicators?: boolean;
indicatorLabels?: string[];
activeIndex?: number;
onSelect?: (eventKey: number, event: Record<string, unknown> | null) => void;
defaultActiveIndex?: number;
onSlide?: (eventKey: number, direction: 'start' | 'end') => void;
onSlid?: (eventKey: number, direction: 'start' | 'end') => void;
interval?: number | null;
keyboard?: boolean;
pause?: 'hover' | false;
wrap?: boolean;
touch?: boolean;
prevIcon?: React.ReactNode;
prevLabel?: React.ReactNode;
nextIcon?: React.ReactNode;
nextLabel?: React.ReactNode;
variant?: CarouselVariant;
ref?: React.Ref<CarouselRef> | React.MutableRefObject<CarouselRef | undefined>;
}
declare const _default: BsPrefixRefForwardingComponent<"div", CarouselProps> & {
Caption: BsPrefixRefForwardingComponent<"div", import("./CarouselCaption").CarouselCaptionProps>;
Item: BsPrefixRefForwardingComponent<"div", import("./CarouselItem").CarouselItemProps>;
};
export default _default;

View File

@@ -0,0 +1,341 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _useEventCallback = _interopRequireDefault(require("@restart/hooks/useEventCallback"));
var _useUpdateEffect = _interopRequireDefault(require("@restart/hooks/useUpdateEffect"));
var _useCommittedRef = _interopRequireDefault(require("@restart/hooks/useCommittedRef"));
var _useTimeout = _interopRequireDefault(require("@restart/hooks/useTimeout"));
var _Anchor = _interopRequireDefault(require("@restart/ui/Anchor"));
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _uncontrollable = require("uncontrollable");
var _CarouselCaption = _interopRequireDefault(require("./CarouselCaption"));
var _CarouselItem = _interopRequireDefault(require("./CarouselItem"));
var _ElementChildren = require("./ElementChildren");
var _ThemeProvider = require("./ThemeProvider");
var _transitionEndListener = _interopRequireDefault(require("./transitionEndListener"));
var _triggerBrowserReflow = _interopRequireDefault(require("./triggerBrowserReflow"));
var _TransitionWrapper = _interopRequireDefault(require("./TransitionWrapper"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const SWIPE_THRESHOLD = 40;
function isVisible(element) {
if (!element || !element.style || !element.parentNode || !element.parentNode.style) {
return false;
}
const elementStyle = getComputedStyle(element);
return elementStyle.display !== 'none' && elementStyle.visibility !== 'hidden' && getComputedStyle(element.parentNode).display !== 'none';
}
const Carousel =
/*#__PURE__*/
// eslint-disable-next-line react/display-name
React.forwardRef(({
defaultActiveIndex = 0,
...uncontrolledProps
}, ref) => {
const {
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
bsPrefix,
slide = true,
fade = false,
controls = true,
indicators = true,
indicatorLabels = [],
activeIndex,
onSelect,
onSlide,
onSlid,
interval = 5000,
keyboard = true,
onKeyDown,
pause = 'hover',
onMouseOver,
onMouseOut,
wrap = true,
touch = true,
onTouchStart,
onTouchMove,
onTouchEnd,
prevIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
"aria-hidden": "true",
className: "carousel-control-prev-icon"
}),
prevLabel = 'Previous',
nextIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
"aria-hidden": "true",
className: "carousel-control-next-icon"
}),
nextLabel = 'Next',
variant,
className,
children,
...props
} = (0, _uncontrollable.useUncontrolled)({
defaultActiveIndex,
...uncontrolledProps
}, {
activeIndex: 'onSelect'
});
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'carousel');
const isRTL = (0, _ThemeProvider.useIsRTL)();
const nextDirectionRef = (0, _react.useRef)(null);
const [direction, setDirection] = (0, _react.useState)('next');
const [paused, setPaused] = (0, _react.useState)(false);
const [isSliding, setIsSliding] = (0, _react.useState)(false);
const [renderedActiveIndex, setRenderedActiveIndex] = (0, _react.useState)(activeIndex || 0);
(0, _react.useEffect)(() => {
if (!isSliding && activeIndex !== renderedActiveIndex) {
if (nextDirectionRef.current) {
setDirection(nextDirectionRef.current);
} else {
setDirection((activeIndex || 0) > renderedActiveIndex ? 'next' : 'prev');
}
if (slide) {
setIsSliding(true);
}
setRenderedActiveIndex(activeIndex || 0);
}
}, [activeIndex, isSliding, renderedActiveIndex, slide]);
(0, _react.useEffect)(() => {
if (nextDirectionRef.current) {
nextDirectionRef.current = null;
}
});
let numChildren = 0;
let activeChildInterval;
// Iterate to grab all of the children's interval values
// (and count them, too)
(0, _ElementChildren.forEach)(children, (child, index) => {
++numChildren;
if (index === activeIndex) {
activeChildInterval = child.props.interval;
}
});
const activeChildIntervalRef = (0, _useCommittedRef.default)(activeChildInterval);
const prev = (0, _react.useCallback)(event => {
if (isSliding) {
return;
}
let nextActiveIndex = renderedActiveIndex - 1;
if (nextActiveIndex < 0) {
if (!wrap) {
return;
}
nextActiveIndex = numChildren - 1;
}
nextDirectionRef.current = 'prev';
onSelect == null || onSelect(nextActiveIndex, event);
}, [isSliding, renderedActiveIndex, onSelect, wrap, numChildren]);
// This is used in the setInterval, so it should not invalidate.
const next = (0, _useEventCallback.default)(event => {
if (isSliding) {
return;
}
let nextActiveIndex = renderedActiveIndex + 1;
if (nextActiveIndex >= numChildren) {
if (!wrap) {
return;
}
nextActiveIndex = 0;
}
nextDirectionRef.current = 'next';
onSelect == null || onSelect(nextActiveIndex, event);
});
const elementRef = (0, _react.useRef)();
(0, _react.useImperativeHandle)(ref, () => ({
element: elementRef.current,
prev,
next
}));
// This is used in the setInterval, so it should not invalidate.
const nextWhenVisible = (0, _useEventCallback.default)(() => {
if (!document.hidden && isVisible(elementRef.current)) {
if (isRTL) {
prev();
} else {
next();
}
}
});
const slideDirection = direction === 'next' ? 'start' : 'end';
(0, _useUpdateEffect.default)(() => {
if (slide) {
// These callbacks will be handled by the <Transition> callbacks.
return;
}
onSlide == null || onSlide(renderedActiveIndex, slideDirection);
onSlid == null || onSlid(renderedActiveIndex, slideDirection);
}, [renderedActiveIndex]);
const orderClassName = `${prefix}-item-${direction}`;
const directionalClassName = `${prefix}-item-${slideDirection}`;
const handleEnter = (0, _react.useCallback)(node => {
(0, _triggerBrowserReflow.default)(node);
onSlide == null || onSlide(renderedActiveIndex, slideDirection);
}, [onSlide, renderedActiveIndex, slideDirection]);
const handleEntered = (0, _react.useCallback)(() => {
setIsSliding(false);
onSlid == null || onSlid(renderedActiveIndex, slideDirection);
}, [onSlid, renderedActiveIndex, slideDirection]);
const handleKeyDown = (0, _react.useCallback)(event => {
if (keyboard && !/input|textarea/i.test(event.target.tagName)) {
switch (event.key) {
case 'ArrowLeft':
event.preventDefault();
if (isRTL) {
next(event);
} else {
prev(event);
}
return;
case 'ArrowRight':
event.preventDefault();
if (isRTL) {
prev(event);
} else {
next(event);
}
return;
default:
}
}
onKeyDown == null || onKeyDown(event);
}, [keyboard, onKeyDown, prev, next, isRTL]);
const handleMouseOver = (0, _react.useCallback)(event => {
if (pause === 'hover') {
setPaused(true);
}
onMouseOver == null || onMouseOver(event);
}, [pause, onMouseOver]);
const handleMouseOut = (0, _react.useCallback)(event => {
setPaused(false);
onMouseOut == null || onMouseOut(event);
}, [onMouseOut]);
const touchStartXRef = (0, _react.useRef)(0);
const touchDeltaXRef = (0, _react.useRef)(0);
const touchUnpauseTimeout = (0, _useTimeout.default)();
const handleTouchStart = (0, _react.useCallback)(event => {
touchStartXRef.current = event.touches[0].clientX;
touchDeltaXRef.current = 0;
if (pause === 'hover') {
setPaused(true);
}
onTouchStart == null || onTouchStart(event);
}, [pause, onTouchStart]);
const handleTouchMove = (0, _react.useCallback)(event => {
if (event.touches && event.touches.length > 1) {
touchDeltaXRef.current = 0;
} else {
touchDeltaXRef.current = event.touches[0].clientX - touchStartXRef.current;
}
onTouchMove == null || onTouchMove(event);
}, [onTouchMove]);
const handleTouchEnd = (0, _react.useCallback)(event => {
if (touch) {
const touchDeltaX = touchDeltaXRef.current;
if (Math.abs(touchDeltaX) > SWIPE_THRESHOLD) {
if (touchDeltaX > 0) {
prev(event);
} else {
next(event);
}
}
}
if (pause === 'hover') {
touchUnpauseTimeout.set(() => {
setPaused(false);
}, interval || undefined);
}
onTouchEnd == null || onTouchEnd(event);
}, [touch, pause, prev, next, touchUnpauseTimeout, interval, onTouchEnd]);
const shouldPlay = interval != null && !paused && !isSliding;
const intervalHandleRef = (0, _react.useRef)();
(0, _react.useEffect)(() => {
var _ref, _activeChildIntervalR;
if (!shouldPlay) {
return undefined;
}
const nextFunc = isRTL ? prev : next;
intervalHandleRef.current = window.setInterval(document.visibilityState ? nextWhenVisible : nextFunc, (_ref = (_activeChildIntervalR = activeChildIntervalRef.current) != null ? _activeChildIntervalR : interval) != null ? _ref : undefined);
return () => {
if (intervalHandleRef.current !== null) {
clearInterval(intervalHandleRef.current);
}
};
}, [shouldPlay, prev, next, activeChildIntervalRef, interval, nextWhenVisible, isRTL]);
const indicatorOnClicks = (0, _react.useMemo)(() => indicators && Array.from({
length: numChildren
}, (_, index) => event => {
onSelect == null || onSelect(index, event);
}), [indicators, numChildren, onSelect]);
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
ref: elementRef,
...props,
onKeyDown: handleKeyDown,
onMouseOver: handleMouseOver,
onMouseOut: handleMouseOut,
onTouchStart: handleTouchStart,
onTouchMove: handleTouchMove,
onTouchEnd: handleTouchEnd,
className: (0, _classnames.default)(className, prefix, slide && 'slide', fade && `${prefix}-fade`, variant && `${prefix}-${variant}`),
children: [indicators && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
className: `${prefix}-indicators`,
children: (0, _ElementChildren.map)(children, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
type: "button",
"data-bs-target": "" // Bootstrap requires this in their css.
,
"aria-label": indicatorLabels != null && indicatorLabels.length ? indicatorLabels[index] : `Slide ${index + 1}`,
className: index === renderedActiveIndex ? 'active' : undefined,
onClick: indicatorOnClicks ? indicatorOnClicks[index] : undefined,
"aria-current": index === renderedActiveIndex
}, index))
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
className: `${prefix}-inner`,
children: (0, _ElementChildren.map)(children, (child, index) => {
const isActive = index === renderedActiveIndex;
return slide ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TransitionWrapper.default, {
in: isActive,
onEnter: isActive ? handleEnter : undefined,
onEntered: isActive ? handleEntered : undefined,
addEndListener: _transitionEndListener.default,
children: (status, innerProps) => /*#__PURE__*/React.cloneElement(child, {
...innerProps,
className: (0, _classnames.default)(child.props.className, isActive && status !== 'entered' && orderClassName, (status === 'entered' || status === 'exiting') && 'active', (status === 'entering' || status === 'exiting') && directionalClassName)
})
}) : ( /*#__PURE__*/React.cloneElement(child, {
className: (0, _classnames.default)(child.props.className, isActive && 'active')
}));
})
}), controls && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
children: [(wrap || activeIndex !== 0) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Anchor.default, {
className: `${prefix}-control-prev`,
onClick: prev,
children: [prevIcon, prevLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
className: "visually-hidden",
children: prevLabel
})]
}), (wrap || activeIndex !== numChildren - 1) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Anchor.default, {
className: `${prefix}-control-next`,
onClick: next,
children: [nextIcon, nextLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
className: "visually-hidden",
children: nextLabel
})]
})]
})]
});
});
Carousel.displayName = 'Carousel';
var _default = exports.default = Object.assign(Carousel, {
Caption: _CarouselCaption.default,
Item: _CarouselItem.default
});
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CarouselCaptionProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const CarouselCaption: BsPrefixRefForwardingComponent<'div', CarouselCaptionProps>;
export default CarouselCaption;

View File

@@ -0,0 +1,28 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CarouselCaption = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'div',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'carousel-caption');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
CarouselCaption.displayName = 'CarouselCaption';
var _default = exports.default = CarouselCaption;
module.exports = exports.default;

View File

@@ -0,0 +1,7 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface CarouselItemProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
interval?: number;
}
declare const CarouselItem: BsPrefixRefForwardingComponent<'div', CarouselItemProps>;
export default CarouselItem;

View File

@@ -0,0 +1,29 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const CarouselItem = /*#__PURE__*/React.forwardRef(({
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
bsPrefix,
className,
...props
}, ref) => {
const finalClassName = (0, _classnames.default)(className, (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'carousel-item'));
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: finalClassName
});
});
CarouselItem.displayName = 'CarouselItem';
var _default = exports.default = CarouselItem;
module.exports = exports.default;

View File

@@ -0,0 +1,7 @@
import * as React from 'react';
export type CloseButtonVariant = 'white' | string;
export interface CloseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
variant?: CloseButtonVariant;
}
declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
export default CloseButton;

View File

@@ -0,0 +1,39 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const propTypes = {
/** An accessible label indicating the relevant information about the Close Button. */
'aria-label': _propTypes.default.string,
/** A callback fired after the Close Button is clicked. */
onClick: _propTypes.default.func,
/**
* Render different color variant for the button.
*
* Omitting this will render the default dark color.
*/
variant: _propTypes.default.oneOf(['white'])
};
const CloseButton = /*#__PURE__*/React.forwardRef(({
className,
variant,
'aria-label': ariaLabel = 'Close',
...props
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
ref: ref,
type: "button",
className: (0, _classnames.default)('btn-close', variant && `btn-close-${variant}`, className),
"aria-label": ariaLabel,
...props
}));
CloseButton.displayName = 'CloseButton';
CloseButton.propTypes = propTypes;
var _default = exports.default = CloseButton;
module.exports = exports.default;

View File

@@ -0,0 +1,28 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
type NumberAttr = number | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
type ColOrderNumber = number | '1' | '2' | '3' | '4' | '5';
type ColOrder = ColOrderNumber | 'first' | 'last';
type ColSize = boolean | 'auto' | NumberAttr;
type ColSpec = ColSize | {
span?: ColSize | null;
offset?: NumberAttr;
order?: ColOrder;
};
export interface ColProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
xs?: ColSpec;
sm?: ColSpec;
md?: ColSpec;
lg?: ColSpec;
xl?: ColSpec;
xxl?: ColSpec;
[key: string]: any;
}
export interface UseColMetadata {
as?: React.ElementType;
bsPrefix: string;
spans: string[];
}
export declare function useCol({ as, bsPrefix, className, ...props }: ColProps): [any, UseColMetadata];
declare const Col: BsPrefixRefForwardingComponent<'div', ColProps>;
export default Col;

View File

@@ -0,0 +1,72 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
exports.useCol = useCol;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function useCol({
as,
bsPrefix,
className,
...props
}) {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'col');
const breakpoints = (0, _ThemeProvider.useBootstrapBreakpoints)();
const minBreakpoint = (0, _ThemeProvider.useBootstrapMinBreakpoint)();
const spans = [];
const classes = [];
breakpoints.forEach(brkPoint => {
const propValue = props[brkPoint];
delete props[brkPoint];
let span;
let offset;
let order;
if (typeof propValue === 'object' && propValue != null) {
({
span,
offset,
order
} = propValue);
} else {
span = propValue;
}
const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';
if (span) spans.push(span === true ? `${bsPrefix}${infix}` : `${bsPrefix}${infix}-${span}`);
if (order != null) classes.push(`order${infix}-${order}`);
if (offset != null) classes.push(`offset${infix}-${offset}`);
});
return [{
...props,
className: (0, _classnames.default)(className, ...spans, ...classes)
}, {
as,
bsPrefix,
spans
}];
}
const Col = /*#__PURE__*/React.forwardRef(
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
(props, ref) => {
const [{
className,
...colProps
}, {
as: Component = 'div',
bsPrefix,
spans
}] = useCol(props);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
...colProps,
ref: ref,
className: (0, _classnames.default)(className, !spans.length && bsPrefix)
});
});
Col.displayName = 'Col';
var _default = exports.default = Col;

View File

@@ -0,0 +1,17 @@
import React from 'react';
import Transition from 'react-transition-group/Transition';
import { TransitionCallbacks } from '@restart/ui/types';
type Dimension = 'height' | 'width';
export interface CollapseProps extends TransitionCallbacks, Pick<React.HTMLAttributes<HTMLElement>, 'role'> {
className?: string;
in?: boolean;
mountOnEnter?: boolean;
unmountOnExit?: boolean;
appear?: boolean;
timeout?: number;
dimension?: Dimension | (() => Dimension);
getDimensionValue?: (dimension: Dimension, element: HTMLElement) => number;
children: React.ReactElement;
}
declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<Transition<any>>>;
export default Collapse;

View File

@@ -0,0 +1,102 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _css = _interopRequireDefault(require("dom-helpers/css"));
var _react = _interopRequireWildcard(require("react"));
var _Transition = require("react-transition-group/Transition");
var _utils = require("@restart/ui/utils");
var _transitionEndListener = _interopRequireDefault(require("./transitionEndListener"));
var _createChainedFunction = _interopRequireDefault(require("./createChainedFunction"));
var _triggerBrowserReflow = _interopRequireDefault(require("./triggerBrowserReflow"));
var _TransitionWrapper = _interopRequireDefault(require("./TransitionWrapper"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const MARGINS = {
height: ['marginTop', 'marginBottom'],
width: ['marginLeft', 'marginRight']
};
function getDefaultDimensionValue(dimension, elem) {
const offset = `offset${dimension[0].toUpperCase()}${dimension.slice(1)}`;
const value = elem[offset];
const margins = MARGINS[dimension];
return value +
// @ts-expect-error TODO
parseInt((0, _css.default)(elem, margins[0]), 10) +
// @ts-expect-error TODO
parseInt((0, _css.default)(elem, margins[1]), 10);
}
const collapseStyles = {
[_Transition.EXITED]: 'collapse',
[_Transition.EXITING]: 'collapsing',
[_Transition.ENTERING]: 'collapsing',
[_Transition.ENTERED]: 'collapse show'
};
const Collapse = /*#__PURE__*/_react.default.forwardRef(({
onEnter,
onEntering,
onEntered,
onExit,
onExiting,
className,
children,
dimension = 'height',
in: inProp = false,
timeout = 300,
mountOnEnter = false,
unmountOnExit = false,
appear = false,
getDimensionValue = getDefaultDimensionValue,
...props
}, ref) => {
/* Compute dimension */
const computedDimension = typeof dimension === 'function' ? dimension() : dimension;
/* -- Expanding -- */
const handleEnter = (0, _react.useMemo)(() => (0, _createChainedFunction.default)(elem => {
elem.style[computedDimension] = '0';
}, onEnter), [computedDimension, onEnter]);
const handleEntering = (0, _react.useMemo)(() => (0, _createChainedFunction.default)(elem => {
const scroll = `scroll${computedDimension[0].toUpperCase()}${computedDimension.slice(1)}`;
elem.style[computedDimension] = `${elem[scroll]}px`;
}, onEntering), [computedDimension, onEntering]);
const handleEntered = (0, _react.useMemo)(() => (0, _createChainedFunction.default)(elem => {
elem.style[computedDimension] = null;
}, onEntered), [computedDimension, onEntered]);
/* -- Collapsing -- */
const handleExit = (0, _react.useMemo)(() => (0, _createChainedFunction.default)(elem => {
elem.style[computedDimension] = `${getDimensionValue(computedDimension, elem)}px`;
(0, _triggerBrowserReflow.default)(elem);
}, onExit), [onExit, getDimensionValue, computedDimension]);
const handleExiting = (0, _react.useMemo)(() => (0, _createChainedFunction.default)(elem => {
elem.style[computedDimension] = null;
}, onExiting), [computedDimension, onExiting]);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TransitionWrapper.default, {
ref: ref,
addEndListener: _transitionEndListener.default,
...props,
"aria-expanded": props.role ? inProp : null,
onEnter: handleEnter,
onEntering: handleEntering,
onEntered: handleEntered,
onExit: handleExit,
onExiting: handleExiting,
childRef: (0, _utils.getChildRef)(children),
in: inProp,
timeout: timeout,
mountOnEnter: mountOnEnter,
unmountOnExit: unmountOnExit,
appear: appear,
children: (state, innerProps) => /*#__PURE__*/_react.default.cloneElement(children, {
...innerProps,
className: (0, _classnames.default)(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'collapse-horizontal')
})
});
});
Collapse.displayName = 'Collapse';
var _default = exports.default = Collapse;
module.exports = exports.default;

View File

@@ -0,0 +1,7 @@
import * as React from 'react';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface ContainerProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
fluid?: boolean | string | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
}
declare const Container: BsPrefixRefForwardingComponent<'div', ContainerProps>;
export default Container;

View File

@@ -0,0 +1,31 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const Container = /*#__PURE__*/React.forwardRef(({
bsPrefix,
fluid = false,
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
className,
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'container');
const suffix = typeof fluid === 'string' ? `-${fluid}` : '-fluid';
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
...props,
className: (0, _classnames.default)(className, fluid ? `${prefix}${suffix}` : prefix)
});
});
Container.displayName = 'Container';
var _default = exports.default = Container;
module.exports = exports.default;

View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import { DropdownProps as BaseDropdownProps } from '@restart/ui/Dropdown';
import { DropDirection } from './DropdownContext';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
import { AlignType } from './types';
export interface DropdownProps extends BaseDropdownProps, BsPrefixProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'children' | 'onToggle'> {
drop?: DropDirection;
align?: AlignType;
focusFirstItemOnShow?: boolean | 'keyboard';
navbar?: boolean;
autoClose?: boolean | 'outside' | 'inside';
}
declare const _default: BsPrefixRefForwardingComponent<"div", DropdownProps> & {
Toggle: BsPrefixRefForwardingComponent<"button", import("./DropdownToggle").DropdownToggleProps>;
Menu: BsPrefixRefForwardingComponent<"div", import("./DropdownMenu").DropdownMenuProps>;
Item: BsPrefixRefForwardingComponent<"a", import("./DropdownItem").DropdownItemProps>;
ItemText: BsPrefixRefForwardingComponent<"span", import("./DropdownItemText").DropdownItemTextProps>;
Divider: BsPrefixRefForwardingComponent<"hr", import("./DropdownDivider").DropdownDividerProps>;
Header: BsPrefixRefForwardingComponent<"div", import("./DropdownHeader").DropdownHeaderProps>;
};
export default _default;

View File

@@ -0,0 +1,111 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _Dropdown = _interopRequireDefault(require("@restart/ui/Dropdown"));
var _uncontrollable = require("uncontrollable");
var _useEventCallback = _interopRequireDefault(require("@restart/hooks/useEventCallback"));
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
var _DropdownDivider = _interopRequireDefault(require("./DropdownDivider"));
var _DropdownHeader = _interopRequireDefault(require("./DropdownHeader"));
var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
var _DropdownItemText = _interopRequireDefault(require("./DropdownItemText"));
var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
var _InputGroupContext = _interopRequireDefault(require("./InputGroupContext"));
var _ThemeProvider = require("./ThemeProvider");
var _types = require("./types");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const Dropdown = /*#__PURE__*/React.forwardRef((pProps, ref) => {
const {
bsPrefix,
drop = 'down',
show,
className,
align = 'start',
onSelect,
onToggle,
focusFirstItemOnShow,
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
navbar: _4,
autoClose = true,
...props
} = (0, _uncontrollable.useUncontrolled)(pProps, {
show: 'onToggle'
});
const isInputGroup = (0, _react.useContext)(_InputGroupContext.default);
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'dropdown');
const isRTL = (0, _ThemeProvider.useIsRTL)();
const isClosingPermitted = source => {
// autoClose=false only permits close on button click
if (autoClose === false) return source === 'click';
// autoClose=inside doesn't permit close on rootClose
if (autoClose === 'inside') return source !== 'rootClose';
// autoClose=outside doesn't permit close on select
if (autoClose === 'outside') return source !== 'select';
return true;
};
const handleToggle = (0, _useEventCallback.default)((nextShow, meta) => {
var _meta$originalEvent;
/** Checking if target of event is ToggleButton,
* if it is then nullify mousedown event
*/
const isToggleButton = (_meta$originalEvent = meta.originalEvent) == null || (_meta$originalEvent = _meta$originalEvent.target) == null ? void 0 : _meta$originalEvent.classList.contains('dropdown-toggle');
if (isToggleButton && meta.source === 'mousedown') {
return;
}
if (meta.originalEvent.currentTarget === document && (meta.source !== 'keydown' || meta.originalEvent.key === 'Escape')) meta.source = 'rootClose';
if (isClosingPermitted(meta.source)) onToggle == null || onToggle(nextShow, meta);
});
const alignEnd = align === 'end';
const placement = (0, _DropdownMenu.getDropdownMenuPlacement)(alignEnd, drop, isRTL);
const contextValue = (0, _react.useMemo)(() => ({
align,
drop,
isRTL
}), [align, drop, isRTL]);
const directionClasses = {
down: prefix,
'down-centered': `${prefix}-center`,
up: 'dropup',
'up-centered': 'dropup-center dropup',
end: 'dropend',
start: 'dropstart'
};
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContext.default.Provider, {
value: contextValue,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
placement: placement,
show: show,
onSelect: onSelect,
onToggle: handleToggle,
focusFirstItemOnShow: focusFirstItemOnShow,
itemSelector: `.${prefix}-item:not(.disabled):not(:disabled)`,
children: isInputGroup ? props.children : /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
...props,
ref: ref,
className: (0, _classnames.default)(className, show && 'show', directionClasses[drop])
})
})
});
});
Dropdown.displayName = 'Dropdown';
var _default = exports.default = Object.assign(Dropdown, {
Toggle: _DropdownToggle.default,
Menu: _DropdownMenu.default,
Item: _DropdownItem.default,
ItemText: _DropdownItemText.default,
Divider: _DropdownDivider.default,
Header: _DropdownHeader.default
});
module.exports = exports.default;

View File

@@ -0,0 +1,24 @@
import * as React from 'react';
import { DropdownProps } from './Dropdown';
import { PropsFromToggle } from './DropdownToggle';
import { DropdownMenuVariant } from './DropdownMenu';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface DropdownButtonProps extends Omit<DropdownProps, 'title'>, PropsFromToggle, BsPrefixProps {
title: React.ReactNode;
menuRole?: string;
renderMenuOnMount?: boolean;
rootCloseEvent?: 'click' | 'mousedown';
menuVariant?: DropdownMenuVariant;
flip?: boolean;
}
/**
* A convenience component for simple or general use dropdowns. Renders a `Button` toggle and all `children`
* are passed directly to the default `Dropdown.Menu`. This component accepts all of
* [`Dropdown`'s props](#dropdown-props).
*
* _All unknown props are passed through to the `Dropdown` component._ Only
* the Button `variant`, `size` and `bsPrefix` props are passed to the toggle,
* along with menu-related props are passed to the `Dropdown.Menu`
*/
declare const DropdownButton: BsPrefixRefForwardingComponent<'div', DropdownButtonProps>;
export default DropdownButton;

View File

@@ -0,0 +1,114 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
var _types = require("./types");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const propTypes = {
/**
* An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.
* @type {string}
*/
id: _propTypes.default.string,
/** An `href` passed to the Toggle component */
href: _propTypes.default.string,
/** An `onClick` handler passed to the Toggle component */
onClick: _propTypes.default.func,
/** The content of the non-toggle Button. */
title: _propTypes.default.node.isRequired,
/** Disables both Buttons */
disabled: _propTypes.default.bool,
/**
* Aligns the dropdown menu.
*
* _see [DropdownMenu](#dropdown-menu-props) for more details_
*
* @type {"start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"}|{ xxl: "start"|"end"} }
*/
align: _types.alignPropType,
/** An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown */
menuRole: _propTypes.default.string,
/** Whether to render the dropdown menu in the DOM before the first time it is shown */
renderMenuOnMount: _propTypes.default.bool,
/**
* Which event when fired outside the component will cause it to be closed.
*
* _see [DropdownMenu](#dropdown-menu-props) for more details_
*/
rootCloseEvent: _propTypes.default.string,
/**
* Menu color variant.
*
* Omitting this will use the default light color.
*/
menuVariant: _propTypes.default.oneOf(['dark']),
/**
* Allow Dropdown to flip in case of an overlapping on the reference element. For more information refer to
* Popper.js's flip [docs](https://popper.js.org/docs/v2/modifiers/flip/).
*
*/
flip: _propTypes.default.bool,
/** @ignore */
bsPrefix: _propTypes.default.string,
/** @ignore */
variant: _propTypes.default.string,
/** @ignore */
size: _propTypes.default.string
};
/**
* A convenience component for simple or general use dropdowns. Renders a `Button` toggle and all `children`
* are passed directly to the default `Dropdown.Menu`. This component accepts all of
* [`Dropdown`'s props](#dropdown-props).
*
* _All unknown props are passed through to the `Dropdown` component._ Only
* the Button `variant`, `size` and `bsPrefix` props are passed to the toggle,
* along with menu-related props are passed to the `Dropdown.Menu`
*/
const DropdownButton = /*#__PURE__*/React.forwardRef(({
title,
children,
bsPrefix,
rootCloseEvent,
variant,
size,
menuRole,
renderMenuOnMount,
disabled,
href,
id,
menuVariant,
flip,
...props
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dropdown.default, {
ref: ref,
...props,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownToggle.default, {
id: id,
href: href,
size: size,
variant: variant,
disabled: disabled,
childBsPrefix: bsPrefix,
children: title
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenu.default, {
role: menuRole,
renderOnMount: renderMenuOnMount,
rootCloseEvent: rootCloseEvent,
variant: menuVariant,
flip: flip,
children: children
})]
}));
DropdownButton.displayName = 'DropdownButton';
DropdownButton.propTypes = propTypes;
var _default = exports.default = DropdownButton;
module.exports = exports.default;

View File

@@ -0,0 +1,10 @@
import * as React from 'react';
import { AlignType } from './types';
export type DropDirection = 'up' | 'up-centered' | 'start' | 'end' | 'down' | 'down-centered';
export type DropdownContextValue = {
align?: AlignType;
drop?: DropDirection;
isRTL?: boolean;
};
declare const DropdownContext: React.Context<DropdownContextValue>;
export default DropdownContext;

View File

@@ -0,0 +1,12 @@
"use strict";
"use client";
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DropdownContext = /*#__PURE__*/React.createContext({});
DropdownContext.displayName = 'DropdownContext';
var _default = exports.default = DropdownContext;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface DropdownDividerProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const DropdownDivider: BsPrefixRefForwardingComponent<'hr', DropdownDividerProps>;
export default DropdownDivider;

View File

@@ -0,0 +1,30 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DropdownDivider = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'hr',
role = 'separator',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'dropdown-divider');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
role: role,
...props
});
});
DropdownDivider.displayName = 'DropdownDivider';
var _default = exports.default = DropdownDivider;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface DropdownHeaderProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const DropdownHeader: BsPrefixRefForwardingComponent<'div', DropdownHeaderProps>;
export default DropdownHeader;

View File

@@ -0,0 +1,30 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DropdownHeader = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'div',
role = 'heading',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'dropdown-header');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
role: role,
...props
});
});
DropdownHeader.displayName = 'DropdownHeader';
var _default = exports.default = DropdownHeader;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import { DropdownItemProps as BaseDropdownItemProps } from '@restart/ui/DropdownItem';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface DropdownItemProps extends BaseDropdownItemProps, BsPrefixProps {
}
declare const DropdownItem: BsPrefixRefForwardingComponent<'a', DropdownItemProps>;
export default DropdownItem;

View File

@@ -0,0 +1,42 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _DropdownItem = require("@restart/ui/DropdownItem");
var _Anchor = _interopRequireDefault(require("@restart/ui/Anchor"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DropdownItem = /*#__PURE__*/React.forwardRef(({
bsPrefix,
className,
eventKey,
disabled = false,
onClick,
active,
as: Component = _Anchor.default,
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'dropdown-item');
const [dropdownItemProps, meta] = (0, _DropdownItem.useDropdownItem)({
key: eventKey,
href: props.href,
disabled,
onClick,
active
});
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
...props,
...dropdownItemProps,
ref: ref,
className: (0, _classnames.default)(className, prefix, meta.isActive && 'active', disabled && 'disabled')
});
});
DropdownItem.displayName = 'DropdownItem';
var _default = exports.default = DropdownItem;
module.exports = exports.default;

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
import type { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
export interface DropdownItemTextProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
}
declare const DropdownItemText: BsPrefixRefForwardingComponent<'span', DropdownItemTextProps>;
export default DropdownItemText;

View File

@@ -0,0 +1,28 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ThemeProvider = require("./ThemeProvider");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DropdownItemText = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
as: Component = 'span',
...props
}, ref) => {
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'dropdown-item-text');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
ref: ref,
className: (0, _classnames.default)(className, bsPrefix),
...props
});
});
DropdownItemText.displayName = 'DropdownItemText';
var _default = exports.default = DropdownItemText;
module.exports = exports.default;

View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import { UseDropdownMenuOptions } from '@restart/ui/DropdownMenu';
import { DropDirection } from './DropdownContext';
import { BsPrefixProps, BsPrefixRefForwardingComponent } from './helpers';
import { AlignType } from './types';
export type DropdownMenuVariant = 'dark' | string;
export interface DropdownMenuProps extends BsPrefixProps, React.HTMLAttributes<HTMLElement> {
show?: boolean;
renderOnMount?: boolean;
flip?: boolean;
align?: AlignType;
rootCloseEvent?: 'click' | 'mousedown';
popperConfig?: UseDropdownMenuOptions['popperConfig'];
variant?: DropdownMenuVariant;
}
export declare function getDropdownMenuPlacement(alignEnd: boolean, dropDirection?: DropDirection, isRTL?: boolean): "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
declare const DropdownMenu: BsPrefixRefForwardingComponent<'div', DropdownMenuProps>;
export default DropdownMenu;

View File

@@ -0,0 +1,131 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
exports.getDropdownMenuPlacement = getDropdownMenuPlacement;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _DropdownMenu = require("@restart/ui/DropdownMenu");
var _useIsomorphicEffect = _interopRequireDefault(require("@restart/hooks/useIsomorphicEffect"));
var _useMergedRefs = _interopRequireDefault(require("@restart/hooks/useMergedRefs"));
var _warning = _interopRequireDefault(require("warning"));
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
var _InputGroupContext = _interopRequireDefault(require("./InputGroupContext"));
var _NavbarContext = _interopRequireDefault(require("./NavbarContext"));
var _ThemeProvider = require("./ThemeProvider");
var _useWrappedRefWithWarning = _interopRequireDefault(require("./useWrappedRefWithWarning"));
var _types = require("./types");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function getDropdownMenuPlacement(alignEnd, dropDirection, isRTL) {
const topStart = isRTL ? 'top-end' : 'top-start';
const topEnd = isRTL ? 'top-start' : 'top-end';
const bottomStart = isRTL ? 'bottom-end' : 'bottom-start';
const bottomEnd = isRTL ? 'bottom-start' : 'bottom-end';
const leftStart = isRTL ? 'right-start' : 'left-start';
const leftEnd = isRTL ? 'right-end' : 'left-end';
const rightStart = isRTL ? 'left-start' : 'right-start';
const rightEnd = isRTL ? 'left-end' : 'right-end';
let placement = alignEnd ? bottomEnd : bottomStart;
if (dropDirection === 'up') placement = alignEnd ? topEnd : topStart;else if (dropDirection === 'end') placement = alignEnd ? rightEnd : rightStart;else if (dropDirection === 'start') placement = alignEnd ? leftEnd : leftStart;else if (dropDirection === 'down-centered') placement = 'bottom';else if (dropDirection === 'up-centered') placement = 'top';
return placement;
}
const DropdownMenu = /*#__PURE__*/React.forwardRef(({
bsPrefix,
className,
align,
rootCloseEvent,
flip = true,
show: showProps,
renderOnMount,
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = 'div',
popperConfig,
variant,
...props
}, ref) => {
let alignEnd = false;
const isNavbar = (0, _react.useContext)(_NavbarContext.default);
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'dropdown-menu');
const {
align: contextAlign,
drop,
isRTL
} = (0, _react.useContext)(_DropdownContext.default);
align = align || contextAlign;
const isInputGroup = (0, _react.useContext)(_InputGroupContext.default);
const alignClasses = [];
if (align) {
if (typeof align === 'object') {
const keys = Object.keys(align);
process.env.NODE_ENV !== "production" ? (0, _warning.default)(keys.length === 1, 'There should only be 1 breakpoint when passing an object to `align`') : void 0;
if (keys.length) {
const brkPoint = keys[0];
const direction = align[brkPoint];
// .dropdown-menu-end is required for responsively aligning
// left in addition to align left classes.
alignEnd = direction === 'start';
alignClasses.push(`${prefix}-${brkPoint}-${direction}`);
}
} else if (align === 'end') {
alignEnd = true;
}
}
const placement = getDropdownMenuPlacement(alignEnd, drop, isRTL);
const [menuProps, {
hasShown,
popper,
show,
toggle
}] = (0, _DropdownMenu.useDropdownMenu)({
flip,
rootCloseEvent,
show: showProps,
usePopper: !isNavbar && alignClasses.length === 0,
offset: [0, 2],
popperConfig,
placement
});
menuProps.ref = (0, _useMergedRefs.default)((0, _useWrappedRefWithWarning.default)(ref, 'DropdownMenu'), menuProps.ref);
(0, _useIsomorphicEffect.default)(() => {
// Popper's initial position for the menu is incorrect when
// renderOnMount=true. Need to call update() to correct it.
if (show) popper == null || popper.update();
}, [show]);
if (!hasShown && !renderOnMount && !isInputGroup) return null;
// For custom components provide additional, non-DOM, props;
if (typeof Component !== 'string') {
menuProps.show = show;
menuProps.close = () => toggle == null ? void 0 : toggle(false);
menuProps.align = align;
}
let style = props.style;
if (popper != null && popper.placement) {
// we don't need the default popper style,
// menus are display: none when not shown.
style = {
...props.style,
...menuProps.style
};
props['x-placement'] = popper.placement;
}
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
...props,
...menuProps,
style: style
// Bootstrap css requires this data attrib to style responsive menus.
,
...((alignClasses.length || isNavbar) && {
'data-bs-popper': 'static'
}),
className: (0, _classnames.default)(className, prefix, show && 'show', alignEnd && `${prefix}-end`, variant && `${prefix}-${variant}`, ...alignClasses)
});
});
DropdownMenu.displayName = 'DropdownMenu';
var _default = exports.default = DropdownMenu;

View File

@@ -0,0 +1,12 @@
import * as React from 'react';
import { ButtonProps, CommonButtonProps } from './Button';
import { BsPrefixRefForwardingComponent } from './helpers';
export interface DropdownToggleProps extends Omit<ButtonProps, 'as'> {
as?: React.ElementType;
split?: boolean;
childBsPrefix?: string;
}
type DropdownToggleComponent = BsPrefixRefForwardingComponent<'button', DropdownToggleProps>;
export type PropsFromToggle = Partial<Pick<React.ComponentPropsWithRef<DropdownToggleComponent>, CommonButtonProps>>;
declare const DropdownToggle: DropdownToggleComponent;
export default DropdownToggle;

View File

@@ -0,0 +1,46 @@
"use strict";
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _useMergedRefs = _interopRequireDefault(require("@restart/hooks/useMergedRefs"));
var _DropdownContext = _interopRequireDefault(require("@restart/ui/DropdownContext"));
var _DropdownToggle = require("@restart/ui/DropdownToggle");
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _Button = _interopRequireDefault(require("./Button"));
var _ThemeProvider = require("./ThemeProvider");
var _useWrappedRefWithWarning = _interopRequireDefault(require("./useWrappedRefWithWarning"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const DropdownToggle = /*#__PURE__*/React.forwardRef(({
bsPrefix,
split,
className,
childBsPrefix,
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
as: Component = _Button.default,
...props
}, ref) => {
const prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'dropdown-toggle');
const dropdownContext = (0, _react.useContext)(_DropdownContext.default);
if (childBsPrefix !== undefined) {
props.bsPrefix = childBsPrefix;
}
const [toggleProps] = (0, _DropdownToggle.useDropdownToggle)();
toggleProps.ref = (0, _useMergedRefs.default)(toggleProps.ref, (0, _useWrappedRefWithWarning.default)(ref, 'DropdownToggle'));
// This intentionally forwards size and variant (if set) to the
// underlying component, to allow it to render size and style variants.
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
className: (0, _classnames.default)(className, prefix, split && `${prefix}-split`, (dropdownContext == null ? void 0 : dropdownContext.show) && 'show'),
...toggleProps,
...props
});
});
DropdownToggle.displayName = 'DropdownToggle';
var _default = exports.default = DropdownToggle;
module.exports = exports.default;

View File

@@ -0,0 +1,23 @@
import * as React from 'react';
/**
* Iterates through children that are typically specified as `props.children`,
* but only maps over children that are "valid elements".
*
* The mapFunction provided index will be normalised to the components mapped,
* so an invalid component would not increase the index.
*
*/
declare function map<P = any>(children: any, func: (el: React.ReactElement<P>, index: number) => any): any;
/**
* Iterates through children that are "valid elements".
*
* The provided forEachFunc(child, index) will be called for each
* leaf child with the index reflecting the position relative to "valid components".
*/
declare function forEach<P = any>(children: any, func: (el: React.ReactElement<P>, index: number) => void): void;
/**
* Finds whether a component's `children` prop includes a React element of the
* specified type.
*/
declare function hasChildOfType<P = any>(children: React.ReactNode, type: string | React.JSXElementConstructor<P>): boolean;
export { map, forEach, hasChildOfType };

View File

@@ -0,0 +1,42 @@
"use strict";
exports.__esModule = true;
exports.forEach = forEach;
exports.hasChildOfType = hasChildOfType;
exports.map = map;
var React = _interopRequireWildcard(require("react"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/**
* Iterates through children that are typically specified as `props.children`,
* but only maps over children that are "valid elements".
*
* The mapFunction provided index will be normalised to the components mapped,
* so an invalid component would not increase the index.
*
*/
function map(children, func) {
let index = 0;
return React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) ? func(child, index++) : child);
}
/**
* Iterates through children that are "valid elements".
*
* The provided forEachFunc(child, index) will be called for each
* leaf child with the index reflecting the position relative to "valid components".
*/
function forEach(children, func) {
let index = 0;
React.Children.forEach(children, child => {
if ( /*#__PURE__*/React.isValidElement(child)) func(child, index++);
});
}
/**
* Finds whether a component's `children` prop includes a React element of the
* specified type.
*/
function hasChildOfType(children, type) {
return React.Children.toArray(children).some(child => /*#__PURE__*/React.isValidElement(child) && child.type === type);
}

View File

@@ -0,0 +1,15 @@
import * as React from 'react';
import Transition from 'react-transition-group/Transition';
import { TransitionCallbacks } from '@restart/ui/types';
export interface FadeProps extends TransitionCallbacks {
className?: string;
in?: boolean;
mountOnEnter?: boolean;
unmountOnExit?: boolean;
appear?: boolean;
timeout?: number;
children: React.ReactElement;
transitionClasses?: Record<string, string>;
}
declare const Fade: React.ForwardRefExoticComponent<FadeProps & React.RefAttributes<Transition<any>>>;
export default Fade;

View File

@@ -0,0 +1,54 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _Transition = require("react-transition-group/Transition");
var _utils = require("@restart/ui/utils");
var _transitionEndListener = _interopRequireDefault(require("./transitionEndListener"));
var _triggerBrowserReflow = _interopRequireDefault(require("./triggerBrowserReflow"));
var _TransitionWrapper = _interopRequireDefault(require("./TransitionWrapper"));
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const fadeStyles = {
[_Transition.ENTERING]: 'show',
[_Transition.ENTERED]: 'show'
};
const Fade = /*#__PURE__*/React.forwardRef(({
className,
children,
transitionClasses = {},
onEnter,
...rest
}, ref) => {
const props = {
in: false,
timeout: 300,
mountOnEnter: false,
unmountOnExit: false,
appear: false,
...rest
};
const handleEnter = (0, _react.useCallback)((node, isAppearing) => {
(0, _triggerBrowserReflow.default)(node);
onEnter == null || onEnter(node, isAppearing);
}, [onEnter]);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TransitionWrapper.default, {
ref: ref,
addEndListener: _transitionEndListener.default,
...props,
onEnter: handleEnter,
childRef: (0, _utils.getChildRef)(children),
children: (status, innerProps) => /*#__PURE__*/React.cloneElement(children, {
...innerProps,
className: (0, _classnames.default)('fade', className, children.props.className, fadeStyles[status], transitionClasses[status])
})
});
});
Fade.displayName = 'Fade';
var _default = exports.default = Fade;
module.exports = exports.default;

Some files were not shown because too many files have changed in this diff Show More