@coreui/react 5.2.0 → 5.4.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/breadcrumb/CBreadcrumbItem.d.ts +9 -2
- package/dist/cjs/components/breadcrumb/CBreadcrumbItem.js +2 -2
- package/dist/cjs/components/breadcrumb/CBreadcrumbItem.js.map +1 -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/form/CFormSelect.d.ts +1 -0
- package/dist/cjs/components/form/CFormSelect.js.map +1 -1
- package/dist/cjs/components/grid/CRow.js +1 -1
- package/dist/cjs/components/grid/CRow.js.map +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/tabs/CTab.d.ts +4 -0
- package/dist/cjs/components/tabs/CTab.js +1 -0
- package/dist/cjs/components/tabs/CTab.js.map +1 -1
- package/dist/cjs/components/toast/CToast.d.ts +1 -1
- package/dist/cjs/components/toast/CToast.js +6 -3
- package/dist/cjs/components/toast/CToast.js.map +1 -1
- package/dist/cjs/components/toast/CToaster.js +1 -1
- package/dist/cjs/components/toast/CToaster.js.map +1 -1
- package/dist/cjs/components/tooltip/CTooltip.d.ts +2 -2
- package/dist/esm/components/breadcrumb/CBreadcrumbItem.d.ts +9 -2
- package/dist/esm/components/breadcrumb/CBreadcrumbItem.js +2 -2
- package/dist/esm/components/breadcrumb/CBreadcrumbItem.js.map +1 -1
- 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/form/CFormSelect.d.ts +1 -0
- package/dist/esm/components/form/CFormSelect.js.map +1 -1
- package/dist/esm/components/grid/CRow.js +2 -2
- package/dist/esm/components/grid/CRow.js.map +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/tabs/CTab.d.ts +4 -0
- package/dist/esm/components/tabs/CTab.js +1 -0
- package/dist/esm/components/tabs/CTab.js.map +1 -1
- package/dist/esm/components/toast/CToast.d.ts +1 -1
- package/dist/esm/components/toast/CToast.js +6 -3
- package/dist/esm/components/toast/CToast.js.map +1 -1
- package/dist/esm/components/toast/CToaster.js +1 -1
- package/dist/esm/components/toast/CToaster.js.map +1 -1
- package/dist/esm/components/tooltip/CTooltip.d.ts +2 -2
- package/package.json +11 -11
- package/src/components/breadcrumb/CBreadcrumbItem.tsx +36 -21
- 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/form/CFormSelect.tsx +1 -0
- package/src/components/grid/CRow.tsx +1 -1
- package/src/components/modal/CModal.tsx +11 -3
- package/src/components/popover/CPopover.tsx +2 -2
- package/src/components/tabs/CTab.tsx +5 -0
- package/src/components/toast/CToast.tsx +7 -4
- package/src/components/toast/CToaster.tsx +1 -1
- package/src/components/tooltip/CTooltip.tsx +2 -2
|
@@ -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
|
*/
|
|
@@ -4,6 +4,10 @@ export interface CTabProps extends HTMLAttributes<HTMLButtonElement> {
|
|
|
4
4
|
* A string of all className you want applied to the base component.
|
|
5
5
|
*/
|
|
6
6
|
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Toggle the disabled state for the component.
|
|
9
|
+
*/
|
|
10
|
+
disabled?: boolean;
|
|
7
11
|
/**
|
|
8
12
|
* Item key.
|
|
9
13
|
*/
|
|
@@ -15,6 +15,7 @@ var CTab = forwardRef(function (_a, ref) {
|
|
|
15
15
|
CTab.propTypes = {
|
|
16
16
|
children: PropTypes.node,
|
|
17
17
|
className: PropTypes.string,
|
|
18
|
+
disabled: PropTypes.bool,
|
|
18
19
|
itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
19
20
|
};
|
|
20
21
|
CTab.displayName = 'CTab';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAqBa,IAAI,GAAG,UAAU,CAC5B,UAAC,EAAyC,EAAE,GAAG,EAAA;AAA5C,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAvC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAyC,CAAF,CAAA;AAChC,IAAA,IAAA,EAA2C,GAAA,UAAU,CAAC,WAAW,CAAC,EAAhE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAAE,EAAE,QAA4B,CAAA;IAExE,IAAM,QAAQ,GAAG,YAAM,EAAA,OAAA,OAAO,KAAK,cAAc,CAA1B,EAA0B,CAAA;AAEjD,IAAA,QACE,KACE,CAAA,aAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,UAAU,EACV;YACE,MAAM,EAAE,QAAQ,EAAE;AACnB,SAAA,EACD,SAAS,CACV,EACD,EAAE,EAAE,EAAG,CAAA,MAAA,CAAA,EAAE,CAAG,CAAA,MAAA,CAAA,OAAO,SAAM,EACzB,OAAO,EAAE,YAAA,EAAM,OAAA,gBAAgB,CAAC,OAAO,CAAC,CAAzB,EAAyB,EACxC,OAAO,EAAE,YAAM,EAAA,OAAA,gBAAgB,CAAC,OAAO,CAAC,CAAA,EAAA,EACxC,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,EAC7B,IAAI,EAAC,QAAQ,EAAA,eAAA,EACE,EAAG,CAAA,MAAA,CAAA,EAAE,SAAG,OAAO,EAAA,WAAA,CAAW,EAC1B,eAAA,EAAA,QAAQ,EAAE,EACzB,GAAG,EAAE,GAAG,IACJ,IAAI,CAAA,EAEP,QAAQ,CACF,EACV;AACH,CAAC,EACF;AAED,IAAI,CAAC,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;AACxB,IAAA,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;CAC9E,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -9,7 +9,7 @@ import Transition from '../../node_modules/react-transition-group/esm/Transition
|
|
|
9
9
|
|
|
10
10
|
var CToastContext = createContext({});
|
|
11
11
|
var CToast = forwardRef(function (_a, ref) {
|
|
12
|
-
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.autohide, autohide = _c === void 0 ? true : _c, className = _a.className, color = _a.color, _d = _a.delay, delay = _d === void 0 ? 5000 : _d, index = _a.index,
|
|
12
|
+
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.autohide, autohide = _c === void 0 ? true : _c, className = _a.className, color = _a.color, _d = _a.delay, delay = _d === void 0 ? 5000 : _d, index = _a.index, innerKey = _a.innerKey, _e = _a.visible, visible = _e === void 0 ? false : _e, onClose = _a.onClose, onShow = _a.onShow, rest = __rest(_a, ["children", "animation", "autohide", "className", "color", "delay", "index", "innerKey", "visible", "onClose", "onShow"]);
|
|
13
13
|
var toastRef = useRef();
|
|
14
14
|
var forkedRef = useForkedRef(ref, toastRef);
|
|
15
15
|
var _f = useState(false), _visible = _f[0], setVisible = _f[1];
|
|
@@ -44,7 +44,7 @@ var CToast = forwardRef(function (_a, ref) {
|
|
|
44
44
|
_a['border-0'] = color,
|
|
45
45
|
_a['show showing'] = state === 'entering' || state === 'exiting',
|
|
46
46
|
_a.show = state === 'entered',
|
|
47
|
-
_a), className), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide(); } }, rest, { key:
|
|
47
|
+
_a), className), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide(); } }, rest, { key: innerKey, ref: forkedRef }), children)));
|
|
48
48
|
}));
|
|
49
49
|
});
|
|
50
50
|
CToast.propTypes = {
|
|
@@ -55,7 +55,10 @@ CToast.propTypes = {
|
|
|
55
55
|
color: colorPropType,
|
|
56
56
|
delay: PropTypes.number,
|
|
57
57
|
index: PropTypes.number,
|
|
58
|
-
|
|
58
|
+
innerKey: PropTypes.oneOfType([
|
|
59
|
+
PropTypes.number,
|
|
60
|
+
PropTypes.string
|
|
61
|
+
]),
|
|
59
62
|
onClose: PropTypes.func,
|
|
60
63
|
onShow: PropTypes.func,
|
|
61
64
|
visible: PropTypes.bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CToast.js","sources":["../../../../src/components/toast/CToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;IAkEa,aAAa,GAAG,aAAa,CAAC,EAAkB,EAAC;IAEjD,MAAM,GAAG,UAAU,CAC9B,UACE,EAaC,EACD,GAAG,EAAA;IAbD,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAChB,EAAe,GAAA,EAAA,CAAA,QAAA,EAAf,QAAQ,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EACf,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,KAAY,EAAZ,KAAK,mBAAG,IAAI,GAAA,EAAA,EACZ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,
|
|
1
|
+
{"version":3,"file":"CToast.js","sources":["../../../../src/components/toast/CToast.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ var CToaster = forwardRef(function (_a, ref) {
|
|
|
16
16
|
setToasts(function (state) { return __spreadArray(__spreadArray([], state, true), [
|
|
17
17
|
React.cloneElement(push, {
|
|
18
18
|
index: index.current,
|
|
19
|
-
|
|
19
|
+
innerKey: index.current,
|
|
20
20
|
onClose: function (index) {
|
|
21
21
|
return setToasts(function (state) { return state.filter(function (i) { return i.props.index !== index; }); });
|
|
22
22
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CToaster.js","sources":["../../../../src/components/toast/CToaster.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAgCa,QAAQ,GAAG,UAAU,CAChC,UAAC,EAAiD,EAAE,GAAG,EAAA;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA/C,8CAAiD,CAAF,CAAA;IACxC,IAAA,EAAA,GAAsB,QAAQ,CAAiB,EAAE,CAAC,EAAjD,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAgC,CAAA;AACxD,IAAA,IAAM,KAAK,GAAG,MAAM,CAAS,CAAC,CAAC,CAAA;AAE/B,IAAA,SAAS,CAAC,YAAA;QACR,KAAK,CAAC,OAAO,EAAE,CAAA;AACf,QAAA,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AACxB,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,QAAQ,GAAG,UAAC,IAAkB,EAAA;AAClC,QAAA,SAAS,CAAC,UAAC,KAAK,EAAA,EAAK,uCAChB,KAAK,EAAA,IAAA,CAAA,EAAA;AACR,YAAA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBACvB,KAAK,EAAE,KAAK,CAAC,OAAO;gBACpB,
|
|
1
|
+
{"version":3,"file":"CToaster.js","sources":["../../../../src/components/toast/CToaster.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -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.4.0",
|
|
4
4
|
"description": "UI Components Library for React.js",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"test:update": "jest --coverage --updateSnapshot"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@coreui/coreui": "^5.1.
|
|
44
|
+
"@coreui/coreui": "^5.1.2",
|
|
45
45
|
"@popperjs/core": "^2.11.8",
|
|
46
46
|
"prop-types": "^15.8.1"
|
|
47
47
|
},
|
|
@@ -49,12 +49,12 @@
|
|
|
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.
|
|
53
|
-
"@testing-library/react": "^16.0.
|
|
54
|
-
"@types/jest": "^29.5.
|
|
55
|
-
"@types/react": "18.3.
|
|
52
|
+
"@testing-library/jest-dom": "^6.5.0",
|
|
53
|
+
"@testing-library/react": "^16.0.1",
|
|
54
|
+
"@types/jest": "^29.5.13",
|
|
55
|
+
"@types/react": "18.3.8",
|
|
56
56
|
"@types/react-dom": "^18.3.0",
|
|
57
|
-
"@types/react-transition-group": "^4.4.
|
|
57
|
+
"@types/react-transition-group": "^4.4.11",
|
|
58
58
|
"classnames": "^2.5.1",
|
|
59
59
|
"cross-env": "^7.0.3",
|
|
60
60
|
"jest": "^29.7.0",
|
|
@@ -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.
|
|
67
|
-
"tslib": "^2.
|
|
68
|
-
"typescript": "^5.
|
|
65
|
+
"rollup": "^4.22.4",
|
|
66
|
+
"ts-jest": "^29.2.5",
|
|
67
|
+
"tslib": "^2.7.0",
|
|
68
|
+
"typescript": "^5.6.2"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"react": ">=17",
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
import React, { forwardRef, HTMLAttributes } from 'react'
|
|
1
|
+
import React, { ElementType, forwardRef, HTMLAttributes } from 'react'
|
|
2
2
|
import PropTypes from 'prop-types'
|
|
3
3
|
import classNames from 'classnames'
|
|
4
4
|
|
|
5
5
|
import { CLink } from '../link/CLink'
|
|
6
6
|
|
|
7
|
+
import { PolymorphicRefForwardingComponent } from '../../helpers'
|
|
8
|
+
|
|
7
9
|
export interface CBreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
|
|
8
10
|
/**
|
|
9
11
|
* Toggle the active state for the component.
|
|
10
12
|
*/
|
|
11
13
|
active?: boolean
|
|
14
|
+
/**
|
|
15
|
+
* Component used for the root node. Either a string to use a HTML element or a component.
|
|
16
|
+
*
|
|
17
|
+
* @since 5.4.0
|
|
18
|
+
*/
|
|
19
|
+
as?: ElementType
|
|
12
20
|
/**
|
|
13
21
|
* A string of all className you want applied to the base component.
|
|
14
22
|
*/
|
|
@@ -19,26 +27,33 @@ export interface CBreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
|
|
|
19
27
|
href?: string
|
|
20
28
|
}
|
|
21
29
|
|
|
22
|
-
export const CBreadcrumbItem
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
30
|
+
export const CBreadcrumbItem: PolymorphicRefForwardingComponent<'li', CBreadcrumbItemProps> =
|
|
31
|
+
forwardRef<HTMLLIElement, CBreadcrumbItemProps>(
|
|
32
|
+
({ children, active, as, className, href, ...rest }, ref) => {
|
|
33
|
+
return (
|
|
34
|
+
<li
|
|
35
|
+
className={classNames(
|
|
36
|
+
'breadcrumb-item',
|
|
37
|
+
{
|
|
38
|
+
active: active,
|
|
39
|
+
},
|
|
40
|
+
className,
|
|
41
|
+
)}
|
|
42
|
+
{...(active && { 'aria-current': 'page' })}
|
|
43
|
+
{...rest}
|
|
44
|
+
ref={ref}
|
|
45
|
+
>
|
|
46
|
+
{href ? (
|
|
47
|
+
<CLink as={as} href={href}>
|
|
48
|
+
{children}
|
|
49
|
+
</CLink>
|
|
50
|
+
) : (
|
|
51
|
+
children
|
|
52
|
+
)}
|
|
53
|
+
</li>
|
|
54
|
+
)
|
|
55
|
+
},
|
|
56
|
+
)
|
|
42
57
|
|
|
43
58
|
CBreadcrumbItem.propTypes = {
|
|
44
59
|
active: PropTypes.bool,
|
|
@@ -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
|
/**
|
|
@@ -91,7 +91,7 @@ export const CRow = forwardRef<HTMLDivElement, CRowProps>(
|
|
|
91
91
|
})
|
|
92
92
|
|
|
93
93
|
return (
|
|
94
|
-
<div className={classNames('row', repsonsiveClassNames, className)} ref={ref}>
|
|
94
|
+
<div className={classNames('row', repsonsiveClassNames, className)} {...rest} ref={ref}>
|
|
95
95
|
{children}
|
|
96
96
|
</div>
|
|
97
97
|
)
|
|
@@ -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
|
*/
|
|
@@ -9,6 +9,10 @@ export interface CTabProps extends HTMLAttributes<HTMLButtonElement> {
|
|
|
9
9
|
* A string of all className you want applied to the base component.
|
|
10
10
|
*/
|
|
11
11
|
className?: string
|
|
12
|
+
/**
|
|
13
|
+
* Toggle the disabled state for the component.
|
|
14
|
+
*/
|
|
15
|
+
disabled?: boolean
|
|
12
16
|
/**
|
|
13
17
|
* Item key.
|
|
14
18
|
*/
|
|
@@ -50,6 +54,7 @@ export const CTab = forwardRef<HTMLButtonElement, CTabProps>(
|
|
|
50
54
|
CTab.propTypes = {
|
|
51
55
|
children: PropTypes.node,
|
|
52
56
|
className: PropTypes.string,
|
|
57
|
+
disabled: PropTypes.bool,
|
|
53
58
|
itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
54
59
|
}
|
|
55
60
|
|
|
@@ -44,7 +44,7 @@ export interface CToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
|
|
|
44
44
|
/**
|
|
45
45
|
* @ignore
|
|
46
46
|
*/
|
|
47
|
-
|
|
47
|
+
innerKey?: number | string
|
|
48
48
|
/**
|
|
49
49
|
* Callback fired when the component requests to be closed.
|
|
50
50
|
*/
|
|
@@ -76,7 +76,7 @@ export const CToast = forwardRef<HTMLDivElement, CToastProps>(
|
|
|
76
76
|
color,
|
|
77
77
|
delay = 5000,
|
|
78
78
|
index,
|
|
79
|
-
|
|
79
|
+
innerKey,
|
|
80
80
|
visible = false,
|
|
81
81
|
onClose,
|
|
82
82
|
onShow,
|
|
@@ -143,7 +143,7 @@ export const CToast = forwardRef<HTMLDivElement, CToastProps>(
|
|
|
143
143
|
onMouseEnter={() => clearTimeout(timeout.current)}
|
|
144
144
|
onMouseLeave={() => _autohide()}
|
|
145
145
|
{...rest}
|
|
146
|
-
key={
|
|
146
|
+
key={innerKey}
|
|
147
147
|
ref={forkedRef}
|
|
148
148
|
>
|
|
149
149
|
{children}
|
|
@@ -163,7 +163,10 @@ CToast.propTypes = {
|
|
|
163
163
|
color: colorPropType,
|
|
164
164
|
delay: PropTypes.number,
|
|
165
165
|
index: PropTypes.number,
|
|
166
|
-
|
|
166
|
+
innerKey: PropTypes.oneOfType([
|
|
167
|
+
PropTypes.number,
|
|
168
|
+
PropTypes.string
|
|
169
|
+
]),
|
|
167
170
|
onClose: PropTypes.func,
|
|
168
171
|
onShow: PropTypes.func,
|
|
169
172
|
visible: PropTypes.bool,
|
|
@@ -45,7 +45,7 @@ export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
|
|
|
45
45
|
...state,
|
|
46
46
|
React.cloneElement(push, {
|
|
47
47
|
index: index.current,
|
|
48
|
-
|
|
48
|
+
innerKey: index.current,
|
|
49
49
|
onClose: (index: number) =>
|
|
50
50
|
setToasts((state) => state.filter((i) => i.props.index !== index)),
|
|
51
51
|
}),
|
|
@@ -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
|
*/
|