@coreui/react 5.2.0 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/dist/cjs/components/conditional-portal/CConditionalPortal.d.ts +3 -3
- package/dist/cjs/components/conditional-portal/CConditionalPortal.js +1 -1
- package/dist/cjs/components/conditional-portal/CConditionalPortal.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdown.d.ts +2 -2
- package/dist/cjs/components/dropdown/CDropdownToggle.d.ts +1 -1
- package/dist/cjs/components/modal/CModal.d.ts +7 -1
- package/dist/cjs/components/modal/CModal.js +4 -3
- package/dist/cjs/components/modal/CModal.js.map +1 -1
- package/dist/cjs/components/popover/CPopover.d.ts +2 -2
- package/dist/cjs/components/tooltip/CTooltip.d.ts +2 -2
- package/dist/esm/components/conditional-portal/CConditionalPortal.d.ts +3 -3
- package/dist/esm/components/conditional-portal/CConditionalPortal.js +1 -1
- package/dist/esm/components/conditional-portal/CConditionalPortal.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdown.d.ts +2 -2
- package/dist/esm/components/dropdown/CDropdownToggle.d.ts +1 -1
- package/dist/esm/components/modal/CModal.d.ts +7 -1
- package/dist/esm/components/modal/CModal.js +4 -3
- package/dist/esm/components/modal/CModal.js.map +1 -1
- package/dist/esm/components/popover/CPopover.d.ts +2 -2
- package/dist/esm/components/tooltip/CTooltip.d.ts +2 -2
- package/package.json +5 -5
- package/src/components/conditional-portal/CConditionalPortal.tsx +7 -5
- package/src/components/dropdown/CDropdown.tsx +2 -2
- package/src/components/dropdown/CDropdownToggle.tsx +1 -1
- package/src/components/modal/CModal.tsx +11 -3
- package/src/components/popover/CPopover.tsx +2 -2
- package/src/components/tooltip/CTooltip.tsx +2 -2
package/README.md
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
|
|
47
47
|
Several quick start options are available:
|
|
48
48
|
|
|
49
|
-
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.
|
|
49
|
+
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.3.0.zip)
|
|
50
50
|
- Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
|
|
51
51
|
- Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
|
|
52
52
|
- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`
|
|
@@ -134,6 +134,7 @@ import "bootstrap/dist/css/bootstrap.min.css";
|
|
|
134
134
|
- [React Progress](https://coreui.io/react/docs/components/progress/)
|
|
135
135
|
- [React Radio](https://coreui.io/react/docs/forms/radio/)
|
|
136
136
|
- [React Range](https://coreui.io/react/docs/forms/range/)
|
|
137
|
+
- [React Rating](https://coreui.io/react/docs/forms/rating/)
|
|
137
138
|
- [React Select](https://coreui.io/react/docs/forms/select/)
|
|
138
139
|
- [React Sidebar](https://coreui.io/react/docs/components/sidebar/)
|
|
139
140
|
- [React Smart Pagination](https://coreui.io/react/docs/components/smart-pagination/) **PRO**
|
|
@@ -7,12 +7,12 @@ export interface CConditionalPortalProps {
|
|
|
7
7
|
/**
|
|
8
8
|
* An HTML element or function that returns a single element, with `document.body` as the default.
|
|
9
9
|
*
|
|
10
|
-
* @since
|
|
10
|
+
* @since 4.11.0
|
|
11
11
|
*/
|
|
12
|
-
container?: Element | (() => Element | null) | null;
|
|
12
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
13
13
|
/**
|
|
14
14
|
* Render some children into a different part of the DOM
|
|
15
15
|
*/
|
|
16
|
-
portal: boolean
|
|
16
|
+
portal: boolean;
|
|
17
17
|
}
|
|
18
18
|
export declare const CConditionalPortal: FC<CConditionalPortalProps>;
|
|
@@ -21,7 +21,7 @@ var CConditionalPortal = function (_a) {
|
|
|
21
21
|
CConditionalPortal.propTypes = {
|
|
22
22
|
children: PropTypes.node,
|
|
23
23
|
container: PropTypes.any, // HTMLElement
|
|
24
|
-
portal: PropTypes.bool,
|
|
24
|
+
portal: PropTypes.bool.isRequired,
|
|
25
25
|
};
|
|
26
26
|
CConditionalPortal.displayName = 'CConditionalPortal';
|
|
27
27
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CConditionalPortal.js","sources":["../../../../src/components/conditional-portal/CConditionalPortal.tsx"],"sourcesContent":[null],"names":["useState","useEffect","createPortal"],"mappings":";;;;;;AAIA,IAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"CConditionalPortal.js","sources":["../../../../src/components/conditional-portal/CConditionalPortal.tsx"],"sourcesContent":[null],"names":["useState","useEffect","createPortal"],"mappings":";;;;;;AAIA,IAAM,YAAY,GAAG,UACnB,SAAyF,EAAA;IAEzF,IAAI,SAAS,EAAE;AACb,QAAA,OAAO,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,EAAE,GAAG,SAAS,CAAA;KACjE;IAED,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC,CAAA;AAmBM,IAAM,kBAAkB,GAAgC,UAAC,EAI/D,EAAA;AAHC,IAAA,IAAA,QAAQ,cAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;IAEA,IAAA,EAAA,GAA6BA,cAAQ,CAAkC,IAAI,CAAC,EAA3E,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAmD,CAAA;AAElF,IAAAC,eAAS,CAAC,YAAA;AACR,QAAA,MAAM,IAAI,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AAClE,KAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,IAAI,UAAU,IAC1DC,qBAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,KAElC,KAAG,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,CAAI,CAChB,CAAA;AACH,EAAC;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC,IAAI;AACxB,IAAA,SAAS,EAAE,SAAS,CAAC,GAAG;AACxB,IAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAClC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
|
|
@@ -28,9 +28,9 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
|
|
|
28
28
|
/**
|
|
29
29
|
* Appends the react dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
30
30
|
*
|
|
31
|
-
* @since
|
|
31
|
+
* @since 4.11.0
|
|
32
32
|
*/
|
|
33
|
-
container?: Element | (() => Element | null) | null;
|
|
33
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
34
34
|
/**
|
|
35
35
|
* Sets a darker color scheme to match a dark navbar.
|
|
36
36
|
*/
|
|
@@ -13,7 +13,7 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
|
|
|
13
13
|
/**
|
|
14
14
|
* If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
|
|
15
15
|
*
|
|
16
|
-
* @since
|
|
16
|
+
* @since 5.0.0
|
|
17
17
|
*/
|
|
18
18
|
navLink?: boolean;
|
|
19
19
|
/**
|
|
@@ -12,6 +12,12 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
* A string of all className you want applied to the base component.
|
|
13
13
|
*/
|
|
14
14
|
className?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Appends the react modal to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
17
|
+
*
|
|
18
|
+
* @since 5.3.0
|
|
19
|
+
*/
|
|
20
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
15
21
|
/**
|
|
16
22
|
* @ignore
|
|
17
23
|
*/
|
|
@@ -19,7 +25,7 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
19
25
|
/**
|
|
20
26
|
* Puts the focus on the modal when shown.
|
|
21
27
|
*
|
|
22
|
-
* @since
|
|
28
|
+
* @since 4.10.0
|
|
23
29
|
*/
|
|
24
30
|
focus?: boolean;
|
|
25
31
|
/**
|
|
@@ -14,7 +14,7 @@ var Transition = require('../../node_modules/react-transition-group/esm/Transiti
|
|
|
14
14
|
|
|
15
15
|
var CModalContext = React.createContext({});
|
|
16
16
|
var CModal = React.forwardRef(function (_a, ref) {
|
|
17
|
-
var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, _c = _a.duration, duration = _c === void 0 ? 150 : _c, _d = _a.focus, focus = _d === void 0 ? true : _d, fullscreen = _a.fullscreen, _e = _a.keyboard, keyboard = _e === void 0 ? true : _e, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _f = _a.portal, portal = _f === void 0 ? true : _f, scrollable = _a.scrollable, size = _a.size, _g = _a.transition, transition = _g === void 0 ? true : _g, _h = _a.unmountOnClose, unmountOnClose = _h === void 0 ? true : _h, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "alignment", "backdrop", "className", "duration", "focus", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
|
|
17
|
+
var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, container = _a.container, _c = _a.duration, duration = _c === void 0 ? 150 : _c, _d = _a.focus, focus = _d === void 0 ? true : _d, fullscreen = _a.fullscreen, _e = _a.keyboard, keyboard = _e === void 0 ? true : _e, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _f = _a.portal, portal = _f === void 0 ? true : _f, scrollable = _a.scrollable, size = _a.size, _g = _a.transition, transition = _g === void 0 ? true : _g, _h = _a.unmountOnClose, unmountOnClose = _h === void 0 ? true : _h, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "alignment", "backdrop", "className", "container", "duration", "focus", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
|
|
18
18
|
var activeElementRef = React.useRef(null);
|
|
19
19
|
var modalRef = React.useRef(null);
|
|
20
20
|
var modalContentRef = React.useRef(null);
|
|
@@ -93,7 +93,7 @@ var CModal = React.forwardRef(function (_a, ref) {
|
|
|
93
93
|
}
|
|
94
94
|
};
|
|
95
95
|
return (React.createElement(React.Fragment, null,
|
|
96
|
-
React.createElement(Transition.default, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: transition ? duration : 0 }, function (state) { return (React.createElement(CConditionalPortal.CConditionalPortal, { portal: portal },
|
|
96
|
+
React.createElement(Transition.default, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: transition ? duration : 0 }, function (state) { return (React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: portal },
|
|
97
97
|
React.createElement(CModalContext.Provider, { value: contextValues },
|
|
98
98
|
React.createElement("div", tslib_es6.__assign({ className: index.default('modal', {
|
|
99
99
|
'modal-static': staticBackdrop,
|
|
@@ -104,7 +104,7 @@ var CModal = React.forwardRef(function (_a, ref) {
|
|
|
104
104
|
: { 'aria-hidden': 'true' }), { style: tslib_es6.__assign({}, (state !== 'exited' && { display: 'block' })) }, rest, { ref: forkedRef }),
|
|
105
105
|
React.createElement(CModalDialog.CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
|
|
106
106
|
React.createElement(CModalContent.CModalContent, { ref: modalContentRef }, children)))))); }),
|
|
107
|
-
backdrop && (React.createElement(CConditionalPortal.CConditionalPortal, { portal: portal },
|
|
107
|
+
backdrop && (React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: portal },
|
|
108
108
|
React.createElement(CBackdrop.CBackdrop, { visible: _visible })))));
|
|
109
109
|
});
|
|
110
110
|
CModal.propTypes = {
|
|
@@ -112,6 +112,7 @@ CModal.propTypes = {
|
|
|
112
112
|
backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),
|
|
113
113
|
children: PropTypes.node,
|
|
114
114
|
className: PropTypes.string,
|
|
115
|
+
container: PropTypes.any, // HTMLElement
|
|
115
116
|
duration: PropTypes.number,
|
|
116
117
|
focus: PropTypes.bool,
|
|
117
118
|
fullscreen: PropTypes.oneOfType([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CModal.js","sources":["../../../../src/components/modal/CModal.tsx"],"sourcesContent":[null],"names":["createContext","forwardRef","__rest","useRef","useForkedRef","useState","useEffect","useLayoutEffect","Transition","CConditionalPortal","__assign","classNames","CModalDialog","CModalContent","CBackdrop"],"mappings":";;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CModal.js","sources":["../../../../src/components/modal/CModal.tsx"],"sourcesContent":[null],"names":["createContext","forwardRef","__rest","useRef","useForkedRef","useState","useEffect","useLayoutEffect","Transition","CConditionalPortal","__assign","classNames","CModalDialog","CModalContent","CBackdrop"],"mappings":"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"}
|
|
@@ -14,9 +14,9 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
|
|
|
14
14
|
/**
|
|
15
15
|
* Appends the react popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
16
16
|
*
|
|
17
|
-
* @since
|
|
17
|
+
* @since 4.11.0
|
|
18
18
|
*/
|
|
19
|
-
container?: Element | (() => Element | null) | null;
|
|
19
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
20
20
|
/**
|
|
21
21
|
* Content node for your component.
|
|
22
22
|
*/
|
|
@@ -14,9 +14,9 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
|
|
|
14
14
|
/**
|
|
15
15
|
* Appends the react tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
16
16
|
*
|
|
17
|
-
* @since
|
|
17
|
+
* @since 4.11.0
|
|
18
18
|
*/
|
|
19
|
-
container?: Element | (() => Element | null) | null;
|
|
19
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
20
20
|
/**
|
|
21
21
|
* Content node for your component.
|
|
22
22
|
*/
|
|
@@ -7,12 +7,12 @@ export interface CConditionalPortalProps {
|
|
|
7
7
|
/**
|
|
8
8
|
* An HTML element or function that returns a single element, with `document.body` as the default.
|
|
9
9
|
*
|
|
10
|
-
* @since
|
|
10
|
+
* @since 4.11.0
|
|
11
11
|
*/
|
|
12
|
-
container?: Element | (() => Element | null) | null;
|
|
12
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
13
13
|
/**
|
|
14
14
|
* Render some children into a different part of the DOM
|
|
15
15
|
*/
|
|
16
|
-
portal: boolean
|
|
16
|
+
portal: boolean;
|
|
17
17
|
}
|
|
18
18
|
export declare const CConditionalPortal: FC<CConditionalPortalProps>;
|
|
@@ -19,7 +19,7 @@ var CConditionalPortal = function (_a) {
|
|
|
19
19
|
CConditionalPortal.propTypes = {
|
|
20
20
|
children: PropTypes.node,
|
|
21
21
|
container: PropTypes.any, // HTMLElement
|
|
22
|
-
portal: PropTypes.bool,
|
|
22
|
+
portal: PropTypes.bool.isRequired,
|
|
23
23
|
};
|
|
24
24
|
CConditionalPortal.displayName = 'CConditionalPortal';
|
|
25
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CConditionalPortal.js","sources":["../../../../src/components/conditional-portal/CConditionalPortal.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIA,IAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"CConditionalPortal.js","sources":["../../../../src/components/conditional-portal/CConditionalPortal.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIA,IAAM,YAAY,GAAG,UACnB,SAAyF,EAAA;IAEzF,IAAI,SAAS,EAAE;AACb,QAAA,OAAO,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,EAAE,GAAG,SAAS,CAAA;KACjE;IAED,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC,CAAA;AAmBM,IAAM,kBAAkB,GAAgC,UAAC,EAI/D,EAAA;AAHC,IAAA,IAAA,QAAQ,cAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;IAEA,IAAA,EAAA,GAA6B,QAAQ,CAAkC,IAAI,CAAC,EAA3E,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAmD,CAAA;AAElF,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,MAAM,IAAI,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AAClE,KAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,IAAI,UAAU,IAC1D,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,KAElC,KAAG,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,CAAI,CAChB,CAAA;AACH,EAAC;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC,IAAI;AACxB,IAAA,SAAS,EAAE,SAAS,CAAC,GAAG;AACxB,IAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAClC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
|
|
@@ -28,9 +28,9 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
|
|
|
28
28
|
/**
|
|
29
29
|
* Appends the react dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
30
30
|
*
|
|
31
|
-
* @since
|
|
31
|
+
* @since 4.11.0
|
|
32
32
|
*/
|
|
33
|
-
container?: Element | (() => Element | null) | null;
|
|
33
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
34
34
|
/**
|
|
35
35
|
* Sets a darker color scheme to match a dark navbar.
|
|
36
36
|
*/
|
|
@@ -13,7 +13,7 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
|
|
|
13
13
|
/**
|
|
14
14
|
* If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
|
|
15
15
|
*
|
|
16
|
-
* @since
|
|
16
|
+
* @since 5.0.0
|
|
17
17
|
*/
|
|
18
18
|
navLink?: boolean;
|
|
19
19
|
/**
|
|
@@ -12,6 +12,12 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
* A string of all className you want applied to the base component.
|
|
13
13
|
*/
|
|
14
14
|
className?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Appends the react modal to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
17
|
+
*
|
|
18
|
+
* @since 5.3.0
|
|
19
|
+
*/
|
|
20
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
15
21
|
/**
|
|
16
22
|
* @ignore
|
|
17
23
|
*/
|
|
@@ -19,7 +25,7 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
19
25
|
/**
|
|
20
26
|
* Puts the focus on the modal when shown.
|
|
21
27
|
*
|
|
22
|
-
* @since
|
|
28
|
+
* @since 4.10.0
|
|
23
29
|
*/
|
|
24
30
|
focus?: boolean;
|
|
25
31
|
/**
|
|
@@ -12,7 +12,7 @@ import Transition from '../../node_modules/react-transition-group/esm/Transition
|
|
|
12
12
|
|
|
13
13
|
var CModalContext = createContext({});
|
|
14
14
|
var CModal = forwardRef(function (_a, ref) {
|
|
15
|
-
var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, _c = _a.duration, duration = _c === void 0 ? 150 : _c, _d = _a.focus, focus = _d === void 0 ? true : _d, fullscreen = _a.fullscreen, _e = _a.keyboard, keyboard = _e === void 0 ? true : _e, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _f = _a.portal, portal = _f === void 0 ? true : _f, scrollable = _a.scrollable, size = _a.size, _g = _a.transition, transition = _g === void 0 ? true : _g, _h = _a.unmountOnClose, unmountOnClose = _h === void 0 ? true : _h, visible = _a.visible, rest = __rest(_a, ["children", "alignment", "backdrop", "className", "duration", "focus", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
|
|
15
|
+
var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, container = _a.container, _c = _a.duration, duration = _c === void 0 ? 150 : _c, _d = _a.focus, focus = _d === void 0 ? true : _d, fullscreen = _a.fullscreen, _e = _a.keyboard, keyboard = _e === void 0 ? true : _e, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _f = _a.portal, portal = _f === void 0 ? true : _f, scrollable = _a.scrollable, size = _a.size, _g = _a.transition, transition = _g === void 0 ? true : _g, _h = _a.unmountOnClose, unmountOnClose = _h === void 0 ? true : _h, visible = _a.visible, rest = __rest(_a, ["children", "alignment", "backdrop", "className", "container", "duration", "focus", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
|
|
16
16
|
var activeElementRef = useRef(null);
|
|
17
17
|
var modalRef = useRef(null);
|
|
18
18
|
var modalContentRef = useRef(null);
|
|
@@ -91,7 +91,7 @@ var CModal = forwardRef(function (_a, ref) {
|
|
|
91
91
|
}
|
|
92
92
|
};
|
|
93
93
|
return (React.createElement(React.Fragment, null,
|
|
94
|
-
React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: transition ? duration : 0 }, function (state) { return (React.createElement(CConditionalPortal, { portal: portal },
|
|
94
|
+
React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: transition ? duration : 0 }, function (state) { return (React.createElement(CConditionalPortal, { container: container, portal: portal },
|
|
95
95
|
React.createElement(CModalContext.Provider, { value: contextValues },
|
|
96
96
|
React.createElement("div", __assign({ className: classNames('modal', {
|
|
97
97
|
'modal-static': staticBackdrop,
|
|
@@ -102,7 +102,7 @@ var CModal = forwardRef(function (_a, ref) {
|
|
|
102
102
|
: { 'aria-hidden': 'true' }), { style: __assign({}, (state !== 'exited' && { display: 'block' })) }, rest, { ref: forkedRef }),
|
|
103
103
|
React.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
|
|
104
104
|
React.createElement(CModalContent, { ref: modalContentRef }, children)))))); }),
|
|
105
|
-
backdrop && (React.createElement(CConditionalPortal, { portal: portal },
|
|
105
|
+
backdrop && (React.createElement(CConditionalPortal, { container: container, portal: portal },
|
|
106
106
|
React.createElement(CBackdrop, { visible: _visible })))));
|
|
107
107
|
});
|
|
108
108
|
CModal.propTypes = {
|
|
@@ -110,6 +110,7 @@ CModal.propTypes = {
|
|
|
110
110
|
backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),
|
|
111
111
|
children: PropTypes.node,
|
|
112
112
|
className: PropTypes.string,
|
|
113
|
+
container: PropTypes.any, // HTMLElement
|
|
113
114
|
duration: PropTypes.number,
|
|
114
115
|
focus: PropTypes.bool,
|
|
115
116
|
fullscreen: PropTypes.oneOfType([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CModal.js","sources":["../../../../src/components/modal/CModal.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CModal.js","sources":["../../../../src/components/modal/CModal.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -14,9 +14,9 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
|
|
|
14
14
|
/**
|
|
15
15
|
* Appends the react popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
16
16
|
*
|
|
17
|
-
* @since
|
|
17
|
+
* @since 4.11.0
|
|
18
18
|
*/
|
|
19
|
-
container?: Element | (() => Element | null) | null;
|
|
19
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
20
20
|
/**
|
|
21
21
|
* Content node for your component.
|
|
22
22
|
*/
|
|
@@ -14,9 +14,9 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
|
|
|
14
14
|
/**
|
|
15
15
|
* Appends the react tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
16
16
|
*
|
|
17
|
-
* @since
|
|
17
|
+
* @since 4.11.0
|
|
18
18
|
*/
|
|
19
|
-
container?: Element | (() => Element | null) | null;
|
|
19
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
20
20
|
/**
|
|
21
21
|
* Content node for your component.
|
|
22
22
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coreui/react",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.3.0",
|
|
4
4
|
"description": "UI Components Library for React.js",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@rollup/plugin-commonjs": "^26.0.1",
|
|
50
50
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
51
51
|
"@rollup/plugin-typescript": "^11.1.6",
|
|
52
|
-
"@testing-library/jest-dom": "^6.4.
|
|
52
|
+
"@testing-library/jest-dom": "^6.4.8",
|
|
53
53
|
"@testing-library/react": "^16.0.0",
|
|
54
54
|
"@types/jest": "^29.5.12",
|
|
55
55
|
"@types/react": "18.3.3",
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
"react": "^18.3.1",
|
|
63
63
|
"react-dom": "^18.3.1",
|
|
64
64
|
"react-transition-group": "^4.4.5",
|
|
65
|
-
"rollup": "^4.
|
|
66
|
-
"ts-jest": "^29.
|
|
65
|
+
"rollup": "^4.19.2",
|
|
66
|
+
"ts-jest": "^29.2.4",
|
|
67
67
|
"tslib": "^2.6.3",
|
|
68
|
-
"typescript": "^5.5.
|
|
68
|
+
"typescript": "^5.5.4"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"react": ">=17",
|
|
@@ -2,7 +2,9 @@ import React, { FC, ReactNode, useEffect, useState } from 'react'
|
|
|
2
2
|
import { createPortal } from 'react-dom'
|
|
3
3
|
import PropTypes from 'prop-types'
|
|
4
4
|
|
|
5
|
-
const getContainer = (
|
|
5
|
+
const getContainer = (
|
|
6
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null,
|
|
7
|
+
) => {
|
|
6
8
|
if (container) {
|
|
7
9
|
return typeof container === 'function' ? container() : container
|
|
8
10
|
}
|
|
@@ -18,13 +20,13 @@ export interface CConditionalPortalProps {
|
|
|
18
20
|
/**
|
|
19
21
|
* An HTML element or function that returns a single element, with `document.body` as the default.
|
|
20
22
|
*
|
|
21
|
-
* @since
|
|
23
|
+
* @since 4.11.0
|
|
22
24
|
*/
|
|
23
|
-
container?: Element | (() => Element | null) | null
|
|
25
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null
|
|
24
26
|
/**
|
|
25
27
|
* Render some children into a different part of the DOM
|
|
26
28
|
*/
|
|
27
|
-
portal: boolean
|
|
29
|
+
portal: boolean
|
|
28
30
|
}
|
|
29
31
|
|
|
30
32
|
export const CConditionalPortal: FC<CConditionalPortalProps> = ({
|
|
@@ -48,7 +50,7 @@ export const CConditionalPortal: FC<CConditionalPortalProps> = ({
|
|
|
48
50
|
CConditionalPortal.propTypes = {
|
|
49
51
|
children: PropTypes.node,
|
|
50
52
|
container: PropTypes.any, // HTMLElement
|
|
51
|
-
portal: PropTypes.bool,
|
|
53
|
+
portal: PropTypes.bool.isRequired,
|
|
52
54
|
}
|
|
53
55
|
|
|
54
56
|
CConditionalPortal.displayName = 'CConditionalPortal'
|
|
@@ -46,9 +46,9 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
|
|
|
46
46
|
/**
|
|
47
47
|
* Appends the react dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
48
48
|
*
|
|
49
|
-
* @since
|
|
49
|
+
* @since 4.11.0
|
|
50
50
|
*/
|
|
51
|
-
container?: Element | (() => Element | null) | null
|
|
51
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null
|
|
52
52
|
/**
|
|
53
53
|
* Sets a darker color scheme to match a dark navbar.
|
|
54
54
|
*/
|
|
@@ -21,7 +21,7 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
|
|
|
21
21
|
/**
|
|
22
22
|
* If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
|
|
23
23
|
*
|
|
24
|
-
* @since
|
|
24
|
+
* @since 5.0.0
|
|
25
25
|
*/
|
|
26
26
|
navLink?: boolean
|
|
27
27
|
/**
|
|
@@ -31,6 +31,12 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
31
31
|
* A string of all className you want applied to the base component.
|
|
32
32
|
*/
|
|
33
33
|
className?: string
|
|
34
|
+
/**
|
|
35
|
+
* Appends the react modal to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
36
|
+
*
|
|
37
|
+
* @since 5.3.0
|
|
38
|
+
*/
|
|
39
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null
|
|
34
40
|
/**
|
|
35
41
|
* @ignore
|
|
36
42
|
*/
|
|
@@ -38,7 +44,7 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
38
44
|
/**
|
|
39
45
|
* Puts the focus on the modal when shown.
|
|
40
46
|
*
|
|
41
|
-
* @since
|
|
47
|
+
* @since 4.10.0
|
|
42
48
|
*/
|
|
43
49
|
focus?: boolean
|
|
44
50
|
/**
|
|
@@ -101,6 +107,7 @@ export const CModal = forwardRef<HTMLDivElement, CModalProps>(
|
|
|
101
107
|
alignment,
|
|
102
108
|
backdrop = true,
|
|
103
109
|
className,
|
|
110
|
+
container,
|
|
104
111
|
duration = 150,
|
|
105
112
|
focus = true,
|
|
106
113
|
fullscreen,
|
|
@@ -223,7 +230,7 @@ export const CModal = forwardRef<HTMLDivElement, CModalProps>(
|
|
|
223
230
|
timeout={transition ? duration : 0}
|
|
224
231
|
>
|
|
225
232
|
{(state) => (
|
|
226
|
-
<CConditionalPortal portal={portal}>
|
|
233
|
+
<CConditionalPortal container={container} portal={portal}>
|
|
227
234
|
<CModalContext.Provider value={contextValues}>
|
|
228
235
|
<div
|
|
229
236
|
className={classNames(
|
|
@@ -259,7 +266,7 @@ export const CModal = forwardRef<HTMLDivElement, CModalProps>(
|
|
|
259
266
|
)}
|
|
260
267
|
</Transition>
|
|
261
268
|
{backdrop && (
|
|
262
|
-
<CConditionalPortal portal={portal}>
|
|
269
|
+
<CConditionalPortal container={container} portal={portal}>
|
|
263
270
|
<CBackdrop visible={_visible} />
|
|
264
271
|
</CConditionalPortal>
|
|
265
272
|
)}
|
|
@@ -273,6 +280,7 @@ CModal.propTypes = {
|
|
|
273
280
|
backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf<'static'>(['static'])]),
|
|
274
281
|
children: PropTypes.node,
|
|
275
282
|
className: PropTypes.string,
|
|
283
|
+
container: PropTypes.any, // HTMLElement
|
|
276
284
|
duration: PropTypes.number,
|
|
277
285
|
focus: PropTypes.bool,
|
|
278
286
|
fullscreen: PropTypes.oneOfType([
|
|
@@ -22,9 +22,9 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
|
|
|
22
22
|
/**
|
|
23
23
|
* Appends the react popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
24
24
|
*
|
|
25
|
-
* @since
|
|
25
|
+
* @since 4.11.0
|
|
26
26
|
*/
|
|
27
|
-
container?: Element | (() => Element | null) | null
|
|
27
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null
|
|
28
28
|
/**
|
|
29
29
|
* Content node for your component.
|
|
30
30
|
*/
|
|
@@ -22,9 +22,9 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
|
|
|
22
22
|
/**
|
|
23
23
|
* Appends the react tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|
|
24
24
|
*
|
|
25
|
-
* @since
|
|
25
|
+
* @since 4.11.0
|
|
26
26
|
*/
|
|
27
|
-
container?: Element | (() => Element | null) | null
|
|
27
|
+
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null
|
|
28
28
|
/**
|
|
29
29
|
* Content node for your component.
|
|
30
30
|
*/
|