@coreui/react 5.4.0 → 5.4.1
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 +1 -1
- package/dist/cjs/components/list-group/CListGroup.js +4 -3
- package/dist/cjs/components/list-group/CListGroup.js.map +1 -1
- package/dist/cjs/components/nav/CNavGroup.js +1 -1
- package/dist/cjs/components/nav/CNavGroup.js.map +1 -1
- package/dist/cjs/components/popover/CPopover.js +47 -42
- package/dist/cjs/components/popover/CPopover.js.map +1 -1
- package/dist/cjs/components/tooltip/CTooltip.js +47 -42
- package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
- package/dist/esm/components/list-group/CListGroup.js +4 -3
- package/dist/esm/components/list-group/CListGroup.js.map +1 -1
- package/dist/esm/components/nav/CNavGroup.js +1 -1
- package/dist/esm/components/nav/CNavGroup.js.map +1 -1
- package/dist/esm/components/popover/CPopover.js +48 -43
- package/dist/esm/components/popover/CPopover.js.map +1 -1
- package/dist/esm/components/tooltip/CTooltip.js +48 -43
- package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
- package/package.json +12 -12
- package/src/components/list-group/CListGroup.tsx +2 -1
- package/src/components/nav/CNavGroup.tsx +1 -1
- package/src/components/popover/CPopover.tsx +65 -46
- package/src/components/tooltip/CTooltip.tsx +65 -46
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.4.
|
|
49
|
+
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.4.1.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`
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
3
4
|
var React = require('react');
|
|
4
5
|
var PropTypes = require('prop-types');
|
|
5
6
|
var index = require('../../node_modules/classnames/index.js');
|
|
6
7
|
|
|
7
8
|
var CListGroup = React.forwardRef(function (_a, ref) {
|
|
8
9
|
var _b;
|
|
9
|
-
var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'ul' : _c, className = _a.className, flush = _a.flush, layout = _a.layout;
|
|
10
|
-
return (React.createElement(Component, { className: index.default('list-group', (_b = {
|
|
10
|
+
var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'ul' : _c, className = _a.className, flush = _a.flush, layout = _a.layout, rest = tslib_es6.__rest(_a, ["children", "as", "className", "flush", "layout"]);
|
|
11
|
+
return (React.createElement(Component, tslib_es6.__assign({ className: index.default('list-group', (_b = {
|
|
11
12
|
'list-group-flush': flush
|
|
12
13
|
},
|
|
13
14
|
_b["list-group-".concat(layout)] = layout,
|
|
14
|
-
_b), className), ref: ref }, children));
|
|
15
|
+
_b), className) }, rest, { ref: ref }), children));
|
|
15
16
|
});
|
|
16
17
|
CListGroup.propTypes = {
|
|
17
18
|
as: PropTypes.elementType,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CListGroup.js","sources":["../../../../src/components/list-group/CListGroup.tsx"],"sourcesContent":[null],"names":["forwardRef","classNames"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CListGroup.js","sources":["../../../../src/components/list-group/CListGroup.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IA+Ba,UAAU,GAA6DA,gBAAU,CAG5F,UAAC,EAAqE,EAAE,GAAG,EAAA;;IAAxE,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAK,IAAI,GAAnEC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,CAAqE,CAAF,CAAA;IACpE,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EACR,SAAS,EAAEC,aAAU,CACnB,YAAY,GAAA,EAAA,GAAA;AAEV,gBAAA,kBAAkB,EAAE,KAAK;;AACzB,YAAA,EAAA,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;iBAElC,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EAAC;AAEF,UAAU,CAAC,SAAS,GAAG;IACrB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,IAAI;AACrB,IAAA,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;QACtB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,eAAe;QACf,eAAe;QACf,gBAAgB;KACjB,CAAC;CACH,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -14,7 +14,7 @@ var isInVisibleGroup = function (el1, el2) {
|
|
|
14
14
|
};
|
|
15
15
|
var CNavGroup = React.forwardRef(function (_a, ref) {
|
|
16
16
|
var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'li' : _b, className = _a.className, compact = _a.compact, idx = _a.idx, toggler = _a.toggler, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "as", "className", "compact", "idx", "toggler", "visible"]);
|
|
17
|
-
var _c = React.useState(), height = _c[0], setHeight = _c[1];
|
|
17
|
+
var _c = React.useState(0), height = _c[0], setHeight = _c[1];
|
|
18
18
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
19
19
|
var navItemsRef = React.useRef(null);
|
|
20
20
|
var _d = React.useContext(CSidebarNav.CNavContext), visibleGroup = _d.visibleGroup, setVisibleGroup = _d.setVisibleGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CNavGroup.js","sources":["../../../../src/components/nav/CNavGroup.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useState","useRef","useContext","CNavContext","useEffect","__assign","classNames","Transition"],"mappings":";;;;;;;;;AAiDA,IAAM,gBAAgB,GAAG,UAAC,GAAW,EAAE,GAAW,EAAA;IAChD,IAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACxC,IAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;AAExC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,OAAA,IAAI,KAAK,MAAM,CAAC,KAAK,CAAC,CAAtB,EAAsB,CAAC,CAAA;AAC9D,CAAC,CAAA;IAEY,SAAS,GAA4DA,gBAAU,CAG1F,UAAC,EAAsF,EAAE,GAAG,EAAA;AAAzF,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAApFC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,SAAA,EAAA,KAAA,EAAA,SAAA,EAAA,SAAA,CAAsF,CAAF,CAAA;IAC/E,IAAA,EAAA,GAAsBC,cAAQ,
|
|
1
|
+
{"version":3,"file":"CNavGroup.js","sources":["../../../../src/components/nav/CNavGroup.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useState","useRef","useContext","CNavContext","useEffect","__assign","classNames","Transition"],"mappings":"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"}
|
|
@@ -16,10 +16,10 @@ var CPopover = React.forwardRef(function (_a, ref) {
|
|
|
16
16
|
var popoverRef = React.useRef(null);
|
|
17
17
|
var togglerRef = React.useRef(null);
|
|
18
18
|
var forkedRef = useForkedRef.useForkedRef(ref, popoverRef);
|
|
19
|
-
var
|
|
20
|
-
var _h =
|
|
21
|
-
var _j = React.useState(
|
|
22
|
-
var _k =
|
|
19
|
+
var id = "popover".concat(React.useId());
|
|
20
|
+
var _h = React.useState(false), mounted = _h[0], setMounted = _h[1];
|
|
21
|
+
var _j = React.useState(visible), _visible = _j[0], setVisible = _j[1];
|
|
22
|
+
var _k = usePopper.usePopper(), initPopper = _k.initPopper, destroyPopper = _k.destroyPopper;
|
|
23
23
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
24
24
|
var popperConfig = {
|
|
25
25
|
modifiers: [
|
|
@@ -45,56 +45,61 @@ var CPopover = React.forwardRef(function (_a, ref) {
|
|
|
45
45
|
placement: getRTLPlacement.default(placement, togglerRef.current),
|
|
46
46
|
};
|
|
47
47
|
React.useEffect(function () {
|
|
48
|
-
|
|
48
|
+
if (visible) {
|
|
49
|
+
handleShow();
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
handleHide();
|
|
49
53
|
}, [visible]);
|
|
50
54
|
React.useEffect(function () {
|
|
51
|
-
if (
|
|
52
|
-
|
|
53
|
-
if (popoverRef.current) {
|
|
54
|
-
popoverRef.current.classList.remove('fade', 'show');
|
|
55
|
-
destroyPopper();
|
|
56
|
-
}
|
|
55
|
+
if (mounted && togglerRef.current && popoverRef.current) {
|
|
56
|
+
initPopper(togglerRef.current, popoverRef.current, popperConfig);
|
|
57
57
|
setTimeout(function () {
|
|
58
|
-
|
|
59
|
-
if (animation) {
|
|
60
|
-
popoverRef.current.classList.add('fade');
|
|
61
|
-
}
|
|
62
|
-
initPopper(togglerRef.current, popoverRef.current, popperConfig);
|
|
63
|
-
popoverRef.current.style.removeProperty('display');
|
|
64
|
-
popoverRef.current.classList.add('show');
|
|
65
|
-
onShow && onShow();
|
|
66
|
-
}
|
|
58
|
+
setVisible(true);
|
|
67
59
|
}, _delay.show);
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
if (!mounted && togglerRef.current && popoverRef.current) {
|
|
63
|
+
destroyPopper();
|
|
64
|
+
}
|
|
65
|
+
}, [mounted]);
|
|
66
|
+
React.useEffect(function () {
|
|
67
|
+
if (!_visible && togglerRef.current && popoverRef.current) {
|
|
68
|
+
executeAfterTransition.default(function () {
|
|
69
|
+
setMounted(false);
|
|
70
|
+
}, popoverRef.current);
|
|
68
71
|
}
|
|
69
|
-
return function () {
|
|
70
|
-
if (popoverRef.current) {
|
|
71
|
-
popoverRef.current.classList.remove('show');
|
|
72
|
-
onHide && onHide();
|
|
73
|
-
executeAfterTransition.default(function () {
|
|
74
|
-
if (popoverRef.current) {
|
|
75
|
-
popoverRef.current.style.display = 'none';
|
|
76
|
-
}
|
|
77
|
-
destroyPopper();
|
|
78
|
-
setMounted(false);
|
|
79
|
-
}, popoverRef.current);
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
72
|
}, [_visible]);
|
|
73
|
+
var handleShow = function () {
|
|
74
|
+
setMounted(true);
|
|
75
|
+
if (onShow) {
|
|
76
|
+
onShow();
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
var handleHide = function () {
|
|
80
|
+
setTimeout(function () {
|
|
81
|
+
setVisible(false);
|
|
82
|
+
if (onHide) {
|
|
83
|
+
onHide();
|
|
84
|
+
}
|
|
85
|
+
}, _delay.hide);
|
|
86
|
+
};
|
|
83
87
|
return (React.createElement(React.Fragment, null,
|
|
84
88
|
React.cloneElement(children, tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, (_visible && {
|
|
85
|
-
'aria-describedby':
|
|
89
|
+
'aria-describedby': id,
|
|
86
90
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
87
|
-
onClick: function () { return
|
|
91
|
+
onClick: function () { return (_visible ? handleHide() : handleShow()); },
|
|
88
92
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
89
|
-
onFocus: function () { return
|
|
90
|
-
onBlur: function () { return
|
|
93
|
+
onFocus: function () { return handleShow(); },
|
|
94
|
+
onBlur: function () { return handleHide(); },
|
|
91
95
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
92
|
-
onMouseEnter: function () { return
|
|
93
|
-
onMouseLeave: function () { return
|
|
96
|
+
onMouseEnter: function () { return handleShow(); },
|
|
97
|
+
onMouseLeave: function () { return handleHide(); },
|
|
94
98
|
}))),
|
|
95
|
-
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", tslib_es6.__assign({ className: index.default('popover', 'bs-popover-auto',
|
|
96
|
-
|
|
97
|
-
|
|
99
|
+
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", tslib_es6.__assign({ className: index.default('popover', 'bs-popover-auto', {
|
|
100
|
+
fade: animation,
|
|
101
|
+
show: _visible,
|
|
102
|
+
}, className), id: id, ref: forkedRef, role: "tooltip" }, rest),
|
|
98
103
|
React.createElement("div", { className: "popover-arrow" }),
|
|
99
104
|
React.createElement("div", { className: "popover-header" }, title),
|
|
100
105
|
React.createElement("div", { className: "popover-body" }, content))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","
|
|
1
|
+
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useId","useState","usePopper","getRTLPlacement","useEffect","executeAfterTransition","__assign","CConditionalPortal","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":"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"}
|
|
@@ -16,10 +16,10 @@ var CTooltip = React.forwardRef(function (_a, ref) {
|
|
|
16
16
|
var tooltipRef = React.useRef(null);
|
|
17
17
|
var togglerRef = React.useRef(null);
|
|
18
18
|
var forkedRef = useForkedRef.useForkedRef(ref, tooltipRef);
|
|
19
|
-
var
|
|
20
|
-
var _h =
|
|
21
|
-
var _j = React.useState(
|
|
22
|
-
var _k =
|
|
19
|
+
var id = "tooltip".concat(React.useId());
|
|
20
|
+
var _h = React.useState(false), mounted = _h[0], setMounted = _h[1];
|
|
21
|
+
var _j = React.useState(visible), _visible = _j[0], setVisible = _j[1];
|
|
22
|
+
var _k = usePopper.usePopper(), initPopper = _k.initPopper, destroyPopper = _k.destroyPopper, updatePopper = _k.updatePopper;
|
|
23
23
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
24
24
|
var popperConfig = {
|
|
25
25
|
modifiers: [
|
|
@@ -45,59 +45,64 @@ var CTooltip = React.forwardRef(function (_a, ref) {
|
|
|
45
45
|
placement: getRTLPlacement.default(placement, togglerRef.current),
|
|
46
46
|
};
|
|
47
47
|
React.useEffect(function () {
|
|
48
|
-
|
|
48
|
+
if (visible) {
|
|
49
|
+
handleShow();
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
handleHide();
|
|
49
53
|
}, [visible]);
|
|
50
54
|
React.useEffect(function () {
|
|
51
|
-
if (
|
|
52
|
-
|
|
53
|
-
if (tooltipRef.current) {
|
|
54
|
-
tooltipRef.current.classList.remove('fade', 'show');
|
|
55
|
-
destroyPopper();
|
|
56
|
-
}
|
|
55
|
+
if (mounted && togglerRef.current && tooltipRef.current) {
|
|
56
|
+
initPopper(togglerRef.current, tooltipRef.current, popperConfig);
|
|
57
57
|
setTimeout(function () {
|
|
58
|
-
|
|
59
|
-
if (animation) {
|
|
60
|
-
tooltipRef.current.classList.add('fade');
|
|
61
|
-
}
|
|
62
|
-
initPopper(togglerRef.current, tooltipRef.current, popperConfig);
|
|
63
|
-
tooltipRef.current.style.removeProperty('display');
|
|
64
|
-
tooltipRef.current.classList.add('show');
|
|
65
|
-
onShow && onShow();
|
|
66
|
-
}
|
|
58
|
+
setVisible(true);
|
|
67
59
|
}, _delay.show);
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
if (!mounted && togglerRef.current && tooltipRef.current) {
|
|
63
|
+
destroyPopper();
|
|
64
|
+
}
|
|
65
|
+
}, [mounted]);
|
|
66
|
+
React.useEffect(function () {
|
|
67
|
+
if (!_visible && togglerRef.current && tooltipRef.current) {
|
|
68
|
+
executeAfterTransition.default(function () {
|
|
69
|
+
setMounted(false);
|
|
70
|
+
}, tooltipRef.current);
|
|
68
71
|
}
|
|
69
|
-
return function () {
|
|
70
|
-
if (tooltipRef.current) {
|
|
71
|
-
tooltipRef.current.classList.remove('show');
|
|
72
|
-
onHide && onHide();
|
|
73
|
-
executeAfterTransition.default(function () {
|
|
74
|
-
if (tooltipRef.current) {
|
|
75
|
-
tooltipRef.current.style.display = 'none';
|
|
76
|
-
}
|
|
77
|
-
destroyPopper();
|
|
78
|
-
setMounted(false);
|
|
79
|
-
}, tooltipRef.current);
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
72
|
}, [_visible]);
|
|
73
|
+
var handleShow = function () {
|
|
74
|
+
setMounted(true);
|
|
75
|
+
if (onShow) {
|
|
76
|
+
onShow();
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
var handleHide = function () {
|
|
80
|
+
setTimeout(function () {
|
|
81
|
+
setVisible(false);
|
|
82
|
+
if (onHide) {
|
|
83
|
+
onHide();
|
|
84
|
+
}
|
|
85
|
+
}, _delay.hide);
|
|
86
|
+
};
|
|
83
87
|
React.useEffect(function () {
|
|
84
88
|
updatePopper();
|
|
85
89
|
}, [content]);
|
|
86
90
|
return (React.createElement(React.Fragment, null,
|
|
87
91
|
React.cloneElement(children, tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, (_visible && {
|
|
88
|
-
'aria-describedby':
|
|
92
|
+
'aria-describedby': id,
|
|
89
93
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
90
|
-
onClick: function () { return
|
|
94
|
+
onClick: function () { return (_visible ? handleHide() : handleShow()); },
|
|
91
95
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
92
|
-
onFocus: function () { return
|
|
93
|
-
onBlur: function () { return
|
|
96
|
+
onFocus: function () { return handleShow(); },
|
|
97
|
+
onBlur: function () { return handleHide(); },
|
|
94
98
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
95
|
-
onMouseEnter: function () { return
|
|
96
|
-
onMouseLeave: function () { return
|
|
99
|
+
onMouseEnter: function () { return handleShow(); },
|
|
100
|
+
onMouseLeave: function () { return handleHide(); },
|
|
97
101
|
}))),
|
|
98
|
-
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", tslib_es6.__assign({ className: index.default('tooltip', 'bs-tooltip-auto',
|
|
99
|
-
|
|
100
|
-
|
|
102
|
+
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", tslib_es6.__assign({ className: index.default('tooltip', 'bs-tooltip-auto', {
|
|
103
|
+
fade: animation,
|
|
104
|
+
show: _visible,
|
|
105
|
+
}, className), id: id, ref: forkedRef, role: "tooltip" }, rest),
|
|
101
106
|
React.createElement("div", { className: "tooltip-arrow" }),
|
|
102
107
|
React.createElement("div", { className: "tooltip-inner" }, content))))));
|
|
103
108
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","
|
|
1
|
+
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useId","useState","usePopper","getRTLPlacement","useEffect","executeAfterTransition","__assign","CConditionalPortal","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":"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"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
1
2
|
import React, { forwardRef } from 'react';
|
|
2
3
|
import PropTypes from 'prop-types';
|
|
3
4
|
import classNames from '../../node_modules/classnames/index.js';
|
|
4
5
|
|
|
5
6
|
var CListGroup = forwardRef(function (_a, ref) {
|
|
6
7
|
var _b;
|
|
7
|
-
var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'ul' : _c, className = _a.className, flush = _a.flush, layout = _a.layout;
|
|
8
|
-
return (React.createElement(Component, { className: classNames('list-group', (_b = {
|
|
8
|
+
var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'ul' : _c, className = _a.className, flush = _a.flush, layout = _a.layout, rest = __rest(_a, ["children", "as", "className", "flush", "layout"]);
|
|
9
|
+
return (React.createElement(Component, __assign({ className: classNames('list-group', (_b = {
|
|
9
10
|
'list-group-flush': flush
|
|
10
11
|
},
|
|
11
12
|
_b["list-group-".concat(layout)] = layout,
|
|
12
|
-
_b), className), ref: ref }, children));
|
|
13
|
+
_b), className) }, rest, { ref: ref }), children));
|
|
13
14
|
});
|
|
14
15
|
CListGroup.propTypes = {
|
|
15
16
|
as: PropTypes.elementType,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CListGroup.js","sources":["../../../../src/components/list-group/CListGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CListGroup.js","sources":["../../../../src/components/list-group/CListGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IA+Ba,UAAU,GAA6D,UAAU,CAG5F,UAAC,EAAqE,EAAE,GAAG,EAAA;;IAAxE,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAK,IAAI,GAAnE,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,CAAqE,CAAF,CAAA;IACpE,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CACnB,YAAY,GAAA,EAAA,GAAA;AAEV,gBAAA,kBAAkB,EAAE,KAAK;;AACzB,YAAA,EAAA,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;iBAElC,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EAAC;AAEF,UAAU,CAAC,SAAS,GAAG;IACrB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,IAAI;AACrB,IAAA,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;QACtB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,eAAe;QACf,eAAe;QACf,gBAAgB;KACjB,CAAC;CACH,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -12,7 +12,7 @@ var isInVisibleGroup = function (el1, el2) {
|
|
|
12
12
|
};
|
|
13
13
|
var CNavGroup = forwardRef(function (_a, ref) {
|
|
14
14
|
var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'li' : _b, className = _a.className, compact = _a.compact, idx = _a.idx, toggler = _a.toggler, visible = _a.visible, rest = __rest(_a, ["children", "as", "className", "compact", "idx", "toggler", "visible"]);
|
|
15
|
-
var _c = useState(), height = _c[0], setHeight = _c[1];
|
|
15
|
+
var _c = useState(0), height = _c[0], setHeight = _c[1];
|
|
16
16
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
17
17
|
var navItemsRef = useRef(null);
|
|
18
18
|
var _d = useContext(CNavContext), visibleGroup = _d.visibleGroup, setVisibleGroup = _d.setVisibleGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CNavGroup.js","sources":["../../../../src/components/nav/CNavGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAiDA,IAAM,gBAAgB,GAAG,UAAC,GAAW,EAAE,GAAW,EAAA;IAChD,IAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACxC,IAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;AAExC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,OAAA,IAAI,KAAK,MAAM,CAAC,KAAK,CAAC,CAAtB,EAAsB,CAAC,CAAA;AAC9D,CAAC,CAAA;IAEY,SAAS,GAA4D,UAAU,CAG1F,UAAC,EAAsF,EAAE,GAAG,EAAA;AAAzF,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAApF,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,SAAA,EAAA,KAAA,EAAA,SAAA,EAAA,SAAA,CAAsF,CAAF,CAAA;IAC/E,IAAA,EAAA,GAAsB,QAAQ,
|
|
1
|
+
{"version":3,"file":"CNavGroup.js","sources":["../../../../src/components/nav/CNavGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAiDA,IAAM,gBAAgB,GAAG,UAAC,GAAW,EAAE,GAAW,EAAA;IAChD,IAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACxC,IAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;AAExC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA,EAAK,OAAA,IAAI,KAAK,MAAM,CAAC,KAAK,CAAC,CAAtB,EAAsB,CAAC,CAAA;AAC9D,CAAC,CAAA;IAEY,SAAS,GAA4D,UAAU,CAG1F,UAAC,EAAsF,EAAE,GAAG,EAAA;AAAzF,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAApF,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,SAAA,EAAA,KAAA,EAAA,SAAA,EAAA,SAAA,CAAsF,CAAF,CAAA;IAC/E,IAAA,EAAA,GAAsB,QAAQ,CAAkB,CAAC,CAAC,EAAjD,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAgC,CAAA;;AAExD,IAAA,IAAM,WAAW,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAE/B,IAAA,EAAA,GAAoC,UAAU,CAAC,WAAW,CAAC,EAAzD,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAA4B,CAAA;IAE3D,IAAA,EAAA,GAAyB,QAAQ,CACrC,OAAO,CAAC,OAAO,KAAK,GAAG,IAAI,YAAY,IAAI,gBAAgB,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,CACjF,EAFM,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAE1B,CAAA;AAED,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,UAAU,CAAC,OAAO,CAAC,GAAG,IAAI,YAAY,IAAI,gBAAgB,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;AACjF,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAM,oBAAoB,GAAG,UAAC,KAAoC,EAAA;QAChE,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,eAAe,CACb,QAAQ,IAAI,CAAA,GAAG,KAAH,IAAA,IAAA,GAAG,uBAAH,GAAG,CAAE,QAAQ,EAAG,CAAA,QAAQ,CAAC,GAAG,CAAC,IAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAC3F,CAAA;AACD,QAAA,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AACvB,KAAC,CAAA;AAED,IAAA,IAAM,KAAK,GAAkB;AAC3B,QAAA,MAAM,EAAE,CAAC;KACV,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,YAAA;QACjB,WAAW,CAAC,OAAO,IAAI,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;AACpE,KAAC,CAAA;AAED,IAAA,IAAM,SAAS,GAAG,YAAA;QAChB,SAAS,CAAC,MAAM,CAAC,CAAA;AACnB,KAAC,CAAA;AAED,IAAA,IAAM,MAAM,GAAG,YAAA;QACb,WAAW,CAAC,OAAO,IAAI,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;AACpE,KAAC,CAAA;AAED,IAAA,IAAM,SAAS,GAAG,YAAA;;;;QAGD,CAAA,EAAA,GAAA,WAAW,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,aAAY;QAChD,SAAS,CAAC,CAAC,CAAC,CAAA;AACd,KAAC,CAAA;AAED,IAAA,IAAM,QAAQ,GAAG,YAAA;QACf,SAAS,CAAC,CAAC,CAAC,CAAA;AACd,KAAC,CAAA;AAED,IAAA,IAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE;QAC9C,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE;QAC7C,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE;AAC7C,QAAA,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;AAC1B,QAAA,SAAS,EAAE,EAAE;KACd,CAAA;AAED,IAAA,IAAM,sBAAsB,GAAG,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IAEhE,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,IAC7D,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;QAEP,OAAO,KACN,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,oBAAoB,CAAC,KAAK,CAAC,GAAA,EAAA,EACrF,OAAO,CACN,CACL;QACD,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAA,EAEX,UAAC,KAAK,IAAK,QACV,oBAAC,sBAAsB,EAAA,EACrB,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;AACvC,gBAAA,OAAO,EAAE,OAAO;aACjB,CAAC,EACF,KAAK,EACA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,KAAK,GACL,gBAAgB,CAAC,KAAyB,CAAC,CAEhD,EAAA,GAAG,EAAE,WAAW,EAAA,EAEf,QAAQ,CACc,IAC1B,CACU,CACH,EACb;AACH,CAAC,EAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,GAAG,EAAE,SAAS,CAAC,MAAM;AACrB,IAAA,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAChE,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import React, { forwardRef, useRef, useState, useEffect } from 'react';
|
|
2
|
+
import React, { forwardRef, useRef, useId, useState, useEffect } from 'react';
|
|
3
3
|
import classNames from '../../node_modules/classnames/index.js';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js';
|
|
@@ -14,10 +14,10 @@ var CPopover = forwardRef(function (_a, ref) {
|
|
|
14
14
|
var popoverRef = useRef(null);
|
|
15
15
|
var togglerRef = useRef(null);
|
|
16
16
|
var forkedRef = useForkedRef(ref, popoverRef);
|
|
17
|
-
var
|
|
18
|
-
var _h =
|
|
19
|
-
var _j = useState(
|
|
20
|
-
var _k =
|
|
17
|
+
var id = "popover".concat(useId());
|
|
18
|
+
var _h = useState(false), mounted = _h[0], setMounted = _h[1];
|
|
19
|
+
var _j = useState(visible), _visible = _j[0], setVisible = _j[1];
|
|
20
|
+
var _k = usePopper(), initPopper = _k.initPopper, destroyPopper = _k.destroyPopper;
|
|
21
21
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
22
22
|
var popperConfig = {
|
|
23
23
|
modifiers: [
|
|
@@ -43,56 +43,61 @@ var CPopover = forwardRef(function (_a, ref) {
|
|
|
43
43
|
placement: getRTLPlacement(placement, togglerRef.current),
|
|
44
44
|
};
|
|
45
45
|
useEffect(function () {
|
|
46
|
-
|
|
46
|
+
if (visible) {
|
|
47
|
+
handleShow();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
handleHide();
|
|
47
51
|
}, [visible]);
|
|
48
52
|
useEffect(function () {
|
|
49
|
-
if (
|
|
50
|
-
|
|
51
|
-
if (popoverRef.current) {
|
|
52
|
-
popoverRef.current.classList.remove('fade', 'show');
|
|
53
|
-
destroyPopper();
|
|
54
|
-
}
|
|
53
|
+
if (mounted && togglerRef.current && popoverRef.current) {
|
|
54
|
+
initPopper(togglerRef.current, popoverRef.current, popperConfig);
|
|
55
55
|
setTimeout(function () {
|
|
56
|
-
|
|
57
|
-
if (animation) {
|
|
58
|
-
popoverRef.current.classList.add('fade');
|
|
59
|
-
}
|
|
60
|
-
initPopper(togglerRef.current, popoverRef.current, popperConfig);
|
|
61
|
-
popoverRef.current.style.removeProperty('display');
|
|
62
|
-
popoverRef.current.classList.add('show');
|
|
63
|
-
onShow && onShow();
|
|
64
|
-
}
|
|
56
|
+
setVisible(true);
|
|
65
57
|
}, _delay.show);
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
if (!mounted && togglerRef.current && popoverRef.current) {
|
|
61
|
+
destroyPopper();
|
|
62
|
+
}
|
|
63
|
+
}, [mounted]);
|
|
64
|
+
useEffect(function () {
|
|
65
|
+
if (!_visible && togglerRef.current && popoverRef.current) {
|
|
66
|
+
executeAfterTransition(function () {
|
|
67
|
+
setMounted(false);
|
|
68
|
+
}, popoverRef.current);
|
|
66
69
|
}
|
|
67
|
-
return function () {
|
|
68
|
-
if (popoverRef.current) {
|
|
69
|
-
popoverRef.current.classList.remove('show');
|
|
70
|
-
onHide && onHide();
|
|
71
|
-
executeAfterTransition(function () {
|
|
72
|
-
if (popoverRef.current) {
|
|
73
|
-
popoverRef.current.style.display = 'none';
|
|
74
|
-
}
|
|
75
|
-
destroyPopper();
|
|
76
|
-
setMounted(false);
|
|
77
|
-
}, popoverRef.current);
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
70
|
}, [_visible]);
|
|
71
|
+
var handleShow = function () {
|
|
72
|
+
setMounted(true);
|
|
73
|
+
if (onShow) {
|
|
74
|
+
onShow();
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
var handleHide = function () {
|
|
78
|
+
setTimeout(function () {
|
|
79
|
+
setVisible(false);
|
|
80
|
+
if (onHide) {
|
|
81
|
+
onHide();
|
|
82
|
+
}
|
|
83
|
+
}, _delay.hide);
|
|
84
|
+
};
|
|
81
85
|
return (React.createElement(React.Fragment, null,
|
|
82
86
|
React.cloneElement(children, __assign(__assign(__assign(__assign(__assign({}, (_visible && {
|
|
83
|
-
'aria-describedby':
|
|
87
|
+
'aria-describedby': id,
|
|
84
88
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
85
|
-
onClick: function () { return
|
|
89
|
+
onClick: function () { return (_visible ? handleHide() : handleShow()); },
|
|
86
90
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
87
|
-
onFocus: function () { return
|
|
88
|
-
onBlur: function () { return
|
|
91
|
+
onFocus: function () { return handleShow(); },
|
|
92
|
+
onBlur: function () { return handleHide(); },
|
|
89
93
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
90
|
-
onMouseEnter: function () { return
|
|
91
|
-
onMouseLeave: function () { return
|
|
94
|
+
onMouseEnter: function () { return handleShow(); },
|
|
95
|
+
onMouseLeave: function () { return handleHide(); },
|
|
92
96
|
}))),
|
|
93
|
-
React.createElement(CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", __assign({ className: classNames('popover', 'bs-popover-auto',
|
|
94
|
-
|
|
95
|
-
|
|
97
|
+
React.createElement(CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", __assign({ className: classNames('popover', 'bs-popover-auto', {
|
|
98
|
+
fade: animation,
|
|
99
|
+
show: _visible,
|
|
100
|
+
}, className), id: id, ref: forkedRef, role: "tooltip" }, rest),
|
|
96
101
|
React.createElement("div", { className: "popover-arrow" }),
|
|
97
102
|
React.createElement("div", { className: "popover-header" }, title),
|
|
98
103
|
React.createElement("div", { className: "popover-body" }, content))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import React, { forwardRef, useRef, useState, useEffect } from 'react';
|
|
2
|
+
import React, { forwardRef, useRef, useId, useState, useEffect } from 'react';
|
|
3
3
|
import classNames from '../../node_modules/classnames/index.js';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js';
|
|
@@ -14,10 +14,10 @@ var CTooltip = forwardRef(function (_a, ref) {
|
|
|
14
14
|
var tooltipRef = useRef(null);
|
|
15
15
|
var togglerRef = useRef(null);
|
|
16
16
|
var forkedRef = useForkedRef(ref, tooltipRef);
|
|
17
|
-
var
|
|
18
|
-
var _h =
|
|
19
|
-
var _j = useState(
|
|
20
|
-
var _k =
|
|
17
|
+
var id = "tooltip".concat(useId());
|
|
18
|
+
var _h = useState(false), mounted = _h[0], setMounted = _h[1];
|
|
19
|
+
var _j = useState(visible), _visible = _j[0], setVisible = _j[1];
|
|
20
|
+
var _k = usePopper(), initPopper = _k.initPopper, destroyPopper = _k.destroyPopper, updatePopper = _k.updatePopper;
|
|
21
21
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
22
22
|
var popperConfig = {
|
|
23
23
|
modifiers: [
|
|
@@ -43,59 +43,64 @@ var CTooltip = forwardRef(function (_a, ref) {
|
|
|
43
43
|
placement: getRTLPlacement(placement, togglerRef.current),
|
|
44
44
|
};
|
|
45
45
|
useEffect(function () {
|
|
46
|
-
|
|
46
|
+
if (visible) {
|
|
47
|
+
handleShow();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
handleHide();
|
|
47
51
|
}, [visible]);
|
|
48
52
|
useEffect(function () {
|
|
49
|
-
if (
|
|
50
|
-
|
|
51
|
-
if (tooltipRef.current) {
|
|
52
|
-
tooltipRef.current.classList.remove('fade', 'show');
|
|
53
|
-
destroyPopper();
|
|
54
|
-
}
|
|
53
|
+
if (mounted && togglerRef.current && tooltipRef.current) {
|
|
54
|
+
initPopper(togglerRef.current, tooltipRef.current, popperConfig);
|
|
55
55
|
setTimeout(function () {
|
|
56
|
-
|
|
57
|
-
if (animation) {
|
|
58
|
-
tooltipRef.current.classList.add('fade');
|
|
59
|
-
}
|
|
60
|
-
initPopper(togglerRef.current, tooltipRef.current, popperConfig);
|
|
61
|
-
tooltipRef.current.style.removeProperty('display');
|
|
62
|
-
tooltipRef.current.classList.add('show');
|
|
63
|
-
onShow && onShow();
|
|
64
|
-
}
|
|
56
|
+
setVisible(true);
|
|
65
57
|
}, _delay.show);
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
if (!mounted && togglerRef.current && tooltipRef.current) {
|
|
61
|
+
destroyPopper();
|
|
62
|
+
}
|
|
63
|
+
}, [mounted]);
|
|
64
|
+
useEffect(function () {
|
|
65
|
+
if (!_visible && togglerRef.current && tooltipRef.current) {
|
|
66
|
+
executeAfterTransition(function () {
|
|
67
|
+
setMounted(false);
|
|
68
|
+
}, tooltipRef.current);
|
|
66
69
|
}
|
|
67
|
-
return function () {
|
|
68
|
-
if (tooltipRef.current) {
|
|
69
|
-
tooltipRef.current.classList.remove('show');
|
|
70
|
-
onHide && onHide();
|
|
71
|
-
executeAfterTransition(function () {
|
|
72
|
-
if (tooltipRef.current) {
|
|
73
|
-
tooltipRef.current.style.display = 'none';
|
|
74
|
-
}
|
|
75
|
-
destroyPopper();
|
|
76
|
-
setMounted(false);
|
|
77
|
-
}, tooltipRef.current);
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
70
|
}, [_visible]);
|
|
71
|
+
var handleShow = function () {
|
|
72
|
+
setMounted(true);
|
|
73
|
+
if (onShow) {
|
|
74
|
+
onShow();
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
var handleHide = function () {
|
|
78
|
+
setTimeout(function () {
|
|
79
|
+
setVisible(false);
|
|
80
|
+
if (onHide) {
|
|
81
|
+
onHide();
|
|
82
|
+
}
|
|
83
|
+
}, _delay.hide);
|
|
84
|
+
};
|
|
81
85
|
useEffect(function () {
|
|
82
86
|
updatePopper();
|
|
83
87
|
}, [content]);
|
|
84
88
|
return (React.createElement(React.Fragment, null,
|
|
85
89
|
React.cloneElement(children, __assign(__assign(__assign(__assign(__assign({}, (_visible && {
|
|
86
|
-
'aria-describedby':
|
|
90
|
+
'aria-describedby': id,
|
|
87
91
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
88
|
-
onClick: function () { return
|
|
92
|
+
onClick: function () { return (_visible ? handleHide() : handleShow()); },
|
|
89
93
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
90
|
-
onFocus: function () { return
|
|
91
|
-
onBlur: function () { return
|
|
94
|
+
onFocus: function () { return handleShow(); },
|
|
95
|
+
onBlur: function () { return handleHide(); },
|
|
92
96
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
93
|
-
onMouseEnter: function () { return
|
|
94
|
-
onMouseLeave: function () { return
|
|
97
|
+
onMouseEnter: function () { return handleShow(); },
|
|
98
|
+
onMouseLeave: function () { return handleHide(); },
|
|
95
99
|
}))),
|
|
96
|
-
React.createElement(CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", __assign({ className: classNames('tooltip', 'bs-tooltip-auto',
|
|
97
|
-
|
|
98
|
-
|
|
100
|
+
React.createElement(CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", __assign({ className: classNames('tooltip', 'bs-tooltip-auto', {
|
|
101
|
+
fade: animation,
|
|
102
|
+
show: _visible,
|
|
103
|
+
}, className), id: id, ref: forkedRef, role: "tooltip" }, rest),
|
|
99
104
|
React.createElement("div", { className: "tooltip-arrow" }),
|
|
100
105
|
React.createElement("div", { className: "tooltip-inner" }, content))))));
|
|
101
106
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coreui/react",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.1",
|
|
4
4
|
"description": "UI Components Library for React.js",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -41,19 +41,19 @@
|
|
|
41
41
|
"test:update": "jest --coverage --updateSnapshot"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@coreui/coreui": "^5.
|
|
44
|
+
"@coreui/coreui": "^5.2.0",
|
|
45
45
|
"@popperjs/core": "^2.11.8",
|
|
46
46
|
"prop-types": "^15.8.1"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@rollup/plugin-commonjs": "^
|
|
50
|
-
"@rollup/plugin-node-resolve": "^15.
|
|
51
|
-
"@rollup/plugin-typescript": "^
|
|
52
|
-
"@testing-library/jest-dom": "^6.
|
|
49
|
+
"@rollup/plugin-commonjs": "^28.0.1",
|
|
50
|
+
"@rollup/plugin-node-resolve": "^15.3.0",
|
|
51
|
+
"@rollup/plugin-typescript": "^12.1.1",
|
|
52
|
+
"@testing-library/jest-dom": "^6.6.2",
|
|
53
53
|
"@testing-library/react": "^16.0.1",
|
|
54
|
-
"@types/jest": "^29.5.
|
|
55
|
-
"@types/react": "18.3.
|
|
56
|
-
"@types/react-dom": "^18.3.
|
|
54
|
+
"@types/jest": "^29.5.14",
|
|
55
|
+
"@types/react": "18.3.12",
|
|
56
|
+
"@types/react-dom": "^18.3.1",
|
|
57
57
|
"@types/react-transition-group": "^4.4.11",
|
|
58
58
|
"classnames": "^2.5.1",
|
|
59
59
|
"cross-env": "^7.0.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.
|
|
65
|
+
"rollup": "^4.24.2",
|
|
66
66
|
"ts-jest": "^29.2.5",
|
|
67
|
-
"tslib": "^2.
|
|
68
|
-
"typescript": "^5.6.
|
|
67
|
+
"tslib": "^2.8.0",
|
|
68
|
+
"typescript": "^5.6.3"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"react": ">=17",
|
|
@@ -32,7 +32,7 @@ export interface CListGroupProps extends HTMLAttributes<HTMLDivElement | HTMLULi
|
|
|
32
32
|
export const CListGroup: PolymorphicRefForwardingComponent<'ul', CListGroupProps> = forwardRef<
|
|
33
33
|
HTMLDivElement | HTMLUListElement,
|
|
34
34
|
CListGroupProps
|
|
35
|
-
>(({ children, as: Component = 'ul', className, flush, layout }, ref) => {
|
|
35
|
+
>(({ children, as: Component = 'ul', className, flush, layout, ...rest }, ref) => {
|
|
36
36
|
return (
|
|
37
37
|
<Component
|
|
38
38
|
className={classNames(
|
|
@@ -43,6 +43,7 @@ export const CListGroup: PolymorphicRefForwardingComponent<'ul', CListGroupProps
|
|
|
43
43
|
},
|
|
44
44
|
className,
|
|
45
45
|
)}
|
|
46
|
+
{...rest}
|
|
46
47
|
ref={ref}
|
|
47
48
|
>
|
|
48
49
|
{children}
|
|
@@ -58,7 +58,7 @@ export const CNavGroup: PolymorphicRefForwardingComponent<'li', CNavGroupProps>
|
|
|
58
58
|
HTMLDivElement | HTMLLIElement,
|
|
59
59
|
CNavGroupProps
|
|
60
60
|
>(({ children, as: Component = 'li', className, compact, idx, toggler, visible, ...rest }, ref) => {
|
|
61
|
-
const [height, setHeight] = useState<number | string>()
|
|
61
|
+
const [height, setHeight] = useState<number | string>(0)
|
|
62
62
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
63
63
|
const navItemsRef = useRef<any>(null)
|
|
64
64
|
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, {
|
|
2
|
+
forwardRef,
|
|
3
|
+
HTMLAttributes,
|
|
4
|
+
ReactNode,
|
|
5
|
+
useEffect,
|
|
6
|
+
useId,
|
|
7
|
+
useRef,
|
|
8
|
+
useState,
|
|
9
|
+
} from 'react'
|
|
2
10
|
import classNames from 'classnames'
|
|
3
11
|
import PropTypes from 'prop-types'
|
|
4
12
|
|
|
@@ -97,12 +105,13 @@ export const CPopover = forwardRef<HTMLDivElement, CPopoverProps>(
|
|
|
97
105
|
const popoverRef = useRef<HTMLDivElement>(null)
|
|
98
106
|
const togglerRef = useRef(null)
|
|
99
107
|
const forkedRef = useForkedRef(ref, popoverRef)
|
|
100
|
-
const uID = useRef(`popover${Math.floor(Math.random() * 1_000_000)}`)
|
|
101
108
|
|
|
102
|
-
const
|
|
109
|
+
const id = `popover${useId()}`
|
|
103
110
|
const [mounted, setMounted] = useState(false)
|
|
104
111
|
const [_visible, setVisible] = useState(visible)
|
|
105
112
|
|
|
113
|
+
const { initPopper, destroyPopper } = usePopper()
|
|
114
|
+
|
|
106
115
|
const _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay
|
|
107
116
|
|
|
108
117
|
const popperConfig = {
|
|
@@ -130,77 +139,87 @@ export const CPopover = forwardRef<HTMLDivElement, CPopoverProps>(
|
|
|
130
139
|
}
|
|
131
140
|
|
|
132
141
|
useEffect(() => {
|
|
133
|
-
|
|
142
|
+
if (visible) {
|
|
143
|
+
handleShow()
|
|
144
|
+
return
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
handleHide()
|
|
134
148
|
}, [visible])
|
|
135
149
|
|
|
136
150
|
useEffect(() => {
|
|
137
|
-
if (
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
if (popoverRef.current) {
|
|
141
|
-
popoverRef.current.classList.remove('fade', 'show')
|
|
142
|
-
destroyPopper()
|
|
143
|
-
}
|
|
144
|
-
|
|
151
|
+
if (mounted && togglerRef.current && popoverRef.current) {
|
|
152
|
+
initPopper(togglerRef.current, popoverRef.current, popperConfig)
|
|
145
153
|
setTimeout(() => {
|
|
146
|
-
|
|
147
|
-
if (animation) {
|
|
148
|
-
popoverRef.current.classList.add('fade')
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
initPopper(togglerRef.current, popoverRef.current, popperConfig)
|
|
152
|
-
popoverRef.current.style.removeProperty('display')
|
|
153
|
-
popoverRef.current.classList.add('show')
|
|
154
|
-
onShow && onShow()
|
|
155
|
-
}
|
|
154
|
+
setVisible(true)
|
|
156
155
|
}, _delay.show)
|
|
156
|
+
|
|
157
|
+
return
|
|
157
158
|
}
|
|
158
159
|
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
setMounted(false)
|
|
170
|
-
}, popoverRef.current)
|
|
171
|
-
}
|
|
160
|
+
if (!mounted && togglerRef.current && popoverRef.current) {
|
|
161
|
+
destroyPopper()
|
|
162
|
+
}
|
|
163
|
+
}, [mounted])
|
|
164
|
+
|
|
165
|
+
useEffect(() => {
|
|
166
|
+
if (!_visible && togglerRef.current && popoverRef.current) {
|
|
167
|
+
executeAfterTransition(() => {
|
|
168
|
+
setMounted(false)
|
|
169
|
+
}, popoverRef.current)
|
|
172
170
|
}
|
|
173
171
|
}, [_visible])
|
|
174
172
|
|
|
173
|
+
const handleShow = () => {
|
|
174
|
+
setMounted(true)
|
|
175
|
+
if (onShow) {
|
|
176
|
+
onShow()
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
const handleHide = () => {
|
|
181
|
+
setTimeout(() => {
|
|
182
|
+
setVisible(false)
|
|
183
|
+
if (onHide) {
|
|
184
|
+
onHide()
|
|
185
|
+
}
|
|
186
|
+
}, _delay.hide)
|
|
187
|
+
}
|
|
188
|
+
|
|
175
189
|
return (
|
|
176
190
|
<>
|
|
177
191
|
{React.cloneElement(children as React.ReactElement<any>, {
|
|
178
192
|
...(_visible && {
|
|
179
|
-
'aria-describedby':
|
|
193
|
+
'aria-describedby': id,
|
|
180
194
|
}),
|
|
181
195
|
ref: togglerRef,
|
|
182
196
|
...((trigger === 'click' || trigger.includes('click')) && {
|
|
183
|
-
onClick: () =>
|
|
197
|
+
onClick: () => (_visible ? handleHide() : handleShow()),
|
|
184
198
|
}),
|
|
185
199
|
...((trigger === 'focus' || trigger.includes('focus')) && {
|
|
186
|
-
onFocus: () =>
|
|
187
|
-
onBlur: () =>
|
|
200
|
+
onFocus: () => handleShow(),
|
|
201
|
+
onBlur: () => handleHide(),
|
|
188
202
|
}),
|
|
189
203
|
...((trigger === 'hover' || trigger.includes('hover')) && {
|
|
190
|
-
onMouseEnter: () =>
|
|
191
|
-
onMouseLeave: () =>
|
|
204
|
+
onMouseEnter: () => handleShow(),
|
|
205
|
+
onMouseLeave: () => handleHide(),
|
|
192
206
|
}),
|
|
193
207
|
})}
|
|
194
208
|
<CConditionalPortal container={container} portal={true}>
|
|
195
209
|
{mounted && (
|
|
196
210
|
<div
|
|
197
|
-
className={classNames(
|
|
198
|
-
|
|
211
|
+
className={classNames(
|
|
212
|
+
'popover',
|
|
213
|
+
'bs-popover-auto',
|
|
214
|
+
{
|
|
215
|
+
fade: animation,
|
|
216
|
+
show: _visible,
|
|
217
|
+
},
|
|
218
|
+
className,
|
|
219
|
+
)}
|
|
220
|
+
id={id}
|
|
199
221
|
ref={forkedRef}
|
|
200
222
|
role="tooltip"
|
|
201
|
-
style={{
|
|
202
|
-
display: 'none',
|
|
203
|
-
}}
|
|
204
223
|
{...rest}
|
|
205
224
|
>
|
|
206
225
|
<div className="popover-arrow"></div>
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, {
|
|
2
|
+
forwardRef,
|
|
3
|
+
HTMLAttributes,
|
|
4
|
+
ReactNode,
|
|
5
|
+
useEffect,
|
|
6
|
+
useId,
|
|
7
|
+
useRef,
|
|
8
|
+
useState,
|
|
9
|
+
} from 'react'
|
|
2
10
|
import classNames from 'classnames'
|
|
3
11
|
import PropTypes from 'prop-types'
|
|
4
12
|
|
|
@@ -92,12 +100,13 @@ export const CTooltip = forwardRef<HTMLDivElement, CTooltipProps>(
|
|
|
92
100
|
const tooltipRef = useRef<HTMLDivElement>(null)
|
|
93
101
|
const togglerRef = useRef(null)
|
|
94
102
|
const forkedRef = useForkedRef(ref, tooltipRef)
|
|
95
|
-
const uID = useRef(`tooltip${Math.floor(Math.random() * 1_000_000)}`)
|
|
96
103
|
|
|
97
|
-
const
|
|
104
|
+
const id = `tooltip${useId()}`
|
|
98
105
|
const [mounted, setMounted] = useState(false)
|
|
99
106
|
const [_visible, setVisible] = useState(visible)
|
|
100
107
|
|
|
108
|
+
const { initPopper, destroyPopper, updatePopper } = usePopper()
|
|
109
|
+
|
|
101
110
|
const _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay
|
|
102
111
|
|
|
103
112
|
const popperConfig = {
|
|
@@ -125,48 +134,53 @@ export const CTooltip = forwardRef<HTMLDivElement, CTooltipProps>(
|
|
|
125
134
|
}
|
|
126
135
|
|
|
127
136
|
useEffect(() => {
|
|
128
|
-
|
|
137
|
+
if (visible) {
|
|
138
|
+
handleShow()
|
|
139
|
+
return
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
handleHide()
|
|
129
143
|
}, [visible])
|
|
130
144
|
|
|
131
145
|
useEffect(() => {
|
|
132
|
-
if (
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
if (tooltipRef.current) {
|
|
136
|
-
tooltipRef.current.classList.remove('fade', 'show')
|
|
137
|
-
destroyPopper()
|
|
138
|
-
}
|
|
139
|
-
|
|
146
|
+
if (mounted && togglerRef.current && tooltipRef.current) {
|
|
147
|
+
initPopper(togglerRef.current, tooltipRef.current, popperConfig)
|
|
140
148
|
setTimeout(() => {
|
|
141
|
-
|
|
142
|
-
if (animation) {
|
|
143
|
-
tooltipRef.current.classList.add('fade')
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
initPopper(togglerRef.current, tooltipRef.current, popperConfig)
|
|
147
|
-
tooltipRef.current.style.removeProperty('display')
|
|
148
|
-
tooltipRef.current.classList.add('show')
|
|
149
|
-
onShow && onShow()
|
|
150
|
-
}
|
|
149
|
+
setVisible(true)
|
|
151
150
|
}, _delay.show)
|
|
151
|
+
|
|
152
|
+
return
|
|
152
153
|
}
|
|
153
154
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
setMounted(false)
|
|
165
|
-
}, tooltipRef.current)
|
|
166
|
-
}
|
|
155
|
+
if (!mounted && togglerRef.current && tooltipRef.current) {
|
|
156
|
+
destroyPopper()
|
|
157
|
+
}
|
|
158
|
+
}, [mounted])
|
|
159
|
+
|
|
160
|
+
useEffect(() => {
|
|
161
|
+
if (!_visible && togglerRef.current && tooltipRef.current) {
|
|
162
|
+
executeAfterTransition(() => {
|
|
163
|
+
setMounted(false)
|
|
164
|
+
}, tooltipRef.current)
|
|
167
165
|
}
|
|
168
166
|
}, [_visible])
|
|
169
167
|
|
|
168
|
+
const handleShow = () => {
|
|
169
|
+
setMounted(true)
|
|
170
|
+
if (onShow) {
|
|
171
|
+
onShow()
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
const handleHide = () => {
|
|
176
|
+
setTimeout(() => {
|
|
177
|
+
setVisible(false)
|
|
178
|
+
if (onHide) {
|
|
179
|
+
onHide()
|
|
180
|
+
}
|
|
181
|
+
}, _delay.hide)
|
|
182
|
+
}
|
|
183
|
+
|
|
170
184
|
useEffect(() => {
|
|
171
185
|
updatePopper()
|
|
172
186
|
}, [content])
|
|
@@ -175,31 +189,36 @@ export const CTooltip = forwardRef<HTMLDivElement, CTooltipProps>(
|
|
|
175
189
|
<>
|
|
176
190
|
{React.cloneElement(children as React.ReactElement<any>, {
|
|
177
191
|
...(_visible && {
|
|
178
|
-
'aria-describedby':
|
|
192
|
+
'aria-describedby': id,
|
|
179
193
|
}),
|
|
180
194
|
ref: togglerRef,
|
|
181
195
|
...((trigger === 'click' || trigger.includes('click')) && {
|
|
182
|
-
onClick: () =>
|
|
196
|
+
onClick: () => (_visible ? handleHide() : handleShow()),
|
|
183
197
|
}),
|
|
184
198
|
...((trigger === 'focus' || trigger.includes('focus')) && {
|
|
185
|
-
onFocus: () =>
|
|
186
|
-
onBlur: () =>
|
|
199
|
+
onFocus: () => handleShow(),
|
|
200
|
+
onBlur: () => handleHide(),
|
|
187
201
|
}),
|
|
188
202
|
...((trigger === 'hover' || trigger.includes('hover')) && {
|
|
189
|
-
onMouseEnter: () =>
|
|
190
|
-
onMouseLeave: () =>
|
|
203
|
+
onMouseEnter: () => handleShow(),
|
|
204
|
+
onMouseLeave: () => handleHide(),
|
|
191
205
|
}),
|
|
192
206
|
})}
|
|
193
207
|
<CConditionalPortal container={container} portal={true}>
|
|
194
208
|
{mounted && (
|
|
195
209
|
<div
|
|
196
|
-
className={classNames(
|
|
197
|
-
|
|
210
|
+
className={classNames(
|
|
211
|
+
'tooltip',
|
|
212
|
+
'bs-tooltip-auto',
|
|
213
|
+
{
|
|
214
|
+
fade: animation,
|
|
215
|
+
show: _visible,
|
|
216
|
+
},
|
|
217
|
+
className,
|
|
218
|
+
)}
|
|
219
|
+
id={id}
|
|
198
220
|
ref={forkedRef}
|
|
199
221
|
role="tooltip"
|
|
200
|
-
style={{
|
|
201
|
-
display: 'none',
|
|
202
|
-
}}
|
|
203
222
|
{...rest}
|
|
204
223
|
>
|
|
205
224
|
<div className="tooltip-arrow"></div>
|