@coreui/react-pro 5.0.0 → 5.1.0-alpha.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 +1 -1
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/popover/CPopover.js +41 -40
- package/dist/cjs/components/popover/CPopover.js.map +1 -1
- package/dist/cjs/components/rating/CRating.d.ts +70 -0
- package/dist/cjs/components/rating/CRating.js +123 -0
- package/dist/cjs/components/rating/CRating.js.map +1 -0
- package/dist/cjs/components/rating/index.d.ts +2 -0
- package/dist/cjs/components/tooltip/CTooltip.js +44 -40
- package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
- package/dist/cjs/hooks/usePopper.d.ts +1 -0
- package/dist/cjs/hooks/usePopper.js +11 -4
- package/dist/cjs/hooks/usePopper.js.map +1 -1
- package/dist/cjs/hooks/useStateWithCallback.d.ts +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/node_modules/classnames/index.js +45 -27
- package/dist/cjs/node_modules/classnames/index.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/popover/CPopover.js +41 -40
- package/dist/esm/components/popover/CPopover.js.map +1 -1
- package/dist/esm/components/rating/CRating.d.ts +70 -0
- package/dist/esm/components/rating/CRating.js +121 -0
- package/dist/esm/components/rating/CRating.js.map +1 -0
- package/dist/esm/components/rating/index.d.ts +2 -0
- package/dist/esm/components/tooltip/CTooltip.js +44 -40
- package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
- package/dist/esm/hooks/usePopper.d.ts +1 -0
- package/dist/esm/hooks/usePopper.js +11 -4
- package/dist/esm/hooks/usePopper.js.map +1 -1
- package/dist/esm/hooks/useStateWithCallback.d.ts +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/node_modules/classnames/index.js +45 -27
- package/dist/esm/node_modules/classnames/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/index.ts +1 -0
- package/src/components/popover/CPopover.tsx +51 -66
- package/src/components/rating/CRating.tsx +291 -0
- package/src/components/rating/index.ts +3 -0
- package/src/components/tooltip/CTooltip.tsx +55 -66
- package/src/hooks/usePopper.ts +15 -5
|
@@ -18,39 +18,57 @@ var index = require('../../_virtual/index.js');
|
|
|
18
18
|
|
|
19
19
|
var hasOwn = {}.hasOwnProperty;
|
|
20
20
|
|
|
21
|
-
function classNames() {
|
|
22
|
-
var classes =
|
|
21
|
+
function classNames () {
|
|
22
|
+
var classes = '';
|
|
23
23
|
|
|
24
24
|
for (var i = 0; i < arguments.length; i++) {
|
|
25
25
|
var arg = arguments[i];
|
|
26
|
-
if (
|
|
27
|
-
|
|
28
|
-
var argType = typeof arg;
|
|
29
|
-
|
|
30
|
-
if (argType === 'string' || argType === 'number') {
|
|
31
|
-
classes.push(arg);
|
|
32
|
-
} else if (Array.isArray(arg)) {
|
|
33
|
-
if (arg.length) {
|
|
34
|
-
var inner = classNames.apply(null, arg);
|
|
35
|
-
if (inner) {
|
|
36
|
-
classes.push(inner);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
} else if (argType === 'object') {
|
|
40
|
-
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
|
41
|
-
classes.push(arg.toString());
|
|
42
|
-
continue;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
for (var key in arg) {
|
|
46
|
-
if (hasOwn.call(arg, key) && arg[key]) {
|
|
47
|
-
classes.push(key);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
26
|
+
if (arg) {
|
|
27
|
+
classes = appendClass(classes, parseValue(arg));
|
|
50
28
|
}
|
|
51
29
|
}
|
|
52
30
|
|
|
53
|
-
return classes
|
|
31
|
+
return classes;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function parseValue (arg) {
|
|
35
|
+
if (typeof arg === 'string' || typeof arg === 'number') {
|
|
36
|
+
return arg;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
if (typeof arg !== 'object') {
|
|
40
|
+
return '';
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
if (Array.isArray(arg)) {
|
|
44
|
+
return classNames.apply(null, arg);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
|
48
|
+
return arg.toString();
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
var classes = '';
|
|
52
|
+
|
|
53
|
+
for (var key in arg) {
|
|
54
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
|
55
|
+
classes = appendClass(classes, key);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
return classes;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
function appendClass (value, newClass) {
|
|
63
|
+
if (!newClass) {
|
|
64
|
+
return value;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
if (value) {
|
|
68
|
+
return value + ' ' + newClass;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return value + newClass;
|
|
54
72
|
}
|
|
55
73
|
|
|
56
74
|
if (module.exports) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKA;AACA;AACA,CAAA,CAAC,YAAY;AAEb;AACA,EAAC,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;AAChC;EACC,SAAS,UAAU,IAAI;AACxB,GAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,GAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,IAAG,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IACvB,IAAI,GAAG,EAAE;KACR,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;KAChD;IACD;AACH;GACE,OAAO,OAAO,CAAC;GACf;AACF;AACA,EAAC,SAAS,UAAU,EAAE,GAAG,EAAE;GACzB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;IACvD,OAAO,GAAG,CAAC;IACX;AACH;AACA,GAAE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;IAC5B,OAAO,EAAE,CAAC;IACV;AACH;AACA,GAAE,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;IACvB,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACnC;AACH;GACE,IAAI,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;AACxG,IAAG,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtB;AACH;AACA,GAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,GAAE,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;AACvB,IAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;KACtC,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;KACpC;IACD;AACH;GACE,OAAO,OAAO,CAAC;GACf;AACF;AACA,EAAC,SAAS,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;GACtC,IAAI,CAAC,QAAQ,EAAE;IACd,OAAO,KAAK,CAAC;IACb;AACH;GACE,IAAI,KAAK,EAAE;AACb,IAAG,OAAO,KAAK,GAAG,GAAG,GAAG,QAAQ,CAAC;IAC9B;AACH;AACA,GAAE,OAAO,KAAK,GAAG,QAAQ,CAAC;GACxB;AACF;EACC,IAAqC,MAAM,CAAC,OAAO,EAAE;AACtD,GAAE,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;GAChC,MAAA,CAAA,OAAA,GAAiB,UAAU,CAAC;AAC9B,GAAE,MAKM;AACR,GAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;GAC/B;AACF,EAAC,EAAE,EAAA;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -6,18 +6,18 @@ import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js'
|
|
|
6
6
|
import { useForkedRef } from '../../hooks/useForkedRef.js';
|
|
7
7
|
import { usePopper } from '../../hooks/usePopper.js';
|
|
8
8
|
import { fallbackPlacementsPropType, triggerPropType } from '../../props.js';
|
|
9
|
-
import
|
|
9
|
+
import executeAfterTransition from '../../utils/executeAfterTransition.js';
|
|
10
10
|
import getRTLPlacement from '../../utils/getRTLPlacement.js';
|
|
11
|
-
import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
|
|
12
11
|
|
|
13
12
|
var CPopover = forwardRef(function (_a, ref) {
|
|
14
|
-
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 8] : _e, onHide = _a.onHide
|
|
13
|
+
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 8] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, title = _a.title, _g = _a.trigger, trigger = _g === void 0 ? 'click' : _g, visible = _a.visible, rest = __rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
|
|
15
14
|
var popoverRef = useRef(null);
|
|
16
15
|
var togglerRef = useRef(null);
|
|
17
16
|
var forkedRef = useForkedRef(ref, popoverRef);
|
|
18
17
|
var uID = useRef("popover".concat(Math.floor(Math.random() * 1000000)));
|
|
19
18
|
var _h = usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
|
|
20
|
-
var _j = useState(
|
|
19
|
+
var _j = useState(false), mounted = _j[0], setMounted = _j[1];
|
|
20
|
+
var _k = useState(visible), _visible = _k[0], setVisible = _k[1];
|
|
21
21
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
22
22
|
var popperConfig = {
|
|
23
23
|
modifiers: [
|
|
@@ -45,50 +45,51 @@ var CPopover = forwardRef(function (_a, ref) {
|
|
|
45
45
|
useEffect(function () {
|
|
46
46
|
setVisible(visible);
|
|
47
47
|
}, [visible]);
|
|
48
|
-
|
|
49
|
-
if (
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
useEffect(function () {
|
|
49
|
+
if (_visible) {
|
|
50
|
+
setMounted(true);
|
|
51
|
+
if (popoverRef.current) {
|
|
52
|
+
popoverRef.current.classList.remove('fade', 'show');
|
|
53
|
+
destroyPopper();
|
|
54
|
+
}
|
|
55
|
+
setTimeout(function () {
|
|
56
|
+
if (togglerRef.current && popoverRef.current) {
|
|
57
|
+
if (animation) {
|
|
58
|
+
popoverRef.current.classList.add('fade');
|
|
59
|
+
}
|
|
60
|
+
initPopper(togglerRef.current, popoverRef.current, popperConfig);
|
|
61
|
+
popoverRef.current.classList.add('show');
|
|
62
|
+
onShow && onShow();
|
|
63
|
+
}
|
|
64
|
+
}, _delay.show);
|
|
52
65
|
}
|
|
53
|
-
|
|
54
|
-
|
|
66
|
+
return function () {
|
|
67
|
+
if (popoverRef.current) {
|
|
68
|
+
popoverRef.current.classList.remove('show');
|
|
69
|
+
onHide && onHide();
|
|
70
|
+
executeAfterTransition(function () {
|
|
71
|
+
destroyPopper();
|
|
72
|
+
setMounted(false);
|
|
73
|
+
}, popoverRef.current);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
}, [_visible]);
|
|
55
77
|
return (React.createElement(React.Fragment, null,
|
|
56
78
|
React.cloneElement(children, __assign(__assign(__assign(__assign(__assign({}, (_visible && {
|
|
57
79
|
'aria-describedby': uID.current,
|
|
58
80
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
59
|
-
onClick: function () { return
|
|
81
|
+
onClick: function () { return setVisible(!_visible); },
|
|
60
82
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
61
|
-
onFocus: function () { return
|
|
62
|
-
onBlur: function () { return
|
|
83
|
+
onFocus: function () { return setVisible(true); },
|
|
84
|
+
onBlur: function () { return setVisible(false); },
|
|
63
85
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
64
|
-
onMouseEnter: function () { return
|
|
65
|
-
onMouseLeave: function () { return
|
|
86
|
+
onMouseEnter: function () { return setVisible(true); },
|
|
87
|
+
onMouseLeave: function () { return setVisible(false); },
|
|
66
88
|
}))),
|
|
67
|
-
React.createElement(CConditionalPortal, { container: container, portal: true },
|
|
68
|
-
React.createElement(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
}, onEntering: function () {
|
|
73
|
-
if (togglerRef.current && popoverRef.current) {
|
|
74
|
-
popoverRef.current.style.display = 'initial';
|
|
75
|
-
}
|
|
76
|
-
}, onExit: onHide, onExited: function () {
|
|
77
|
-
destroyPopper();
|
|
78
|
-
}, timeout: {
|
|
79
|
-
enter: 0,
|
|
80
|
-
exit: popoverRef.current
|
|
81
|
-
? getTransitionDurationFromElement(popoverRef.current) + 50
|
|
82
|
-
: 200,
|
|
83
|
-
}, unmountOnExit: true }, function (state) { return (React.createElement("div", __assign({ className: classNames('popover', 'bs-popover-auto', {
|
|
84
|
-
fade: animation,
|
|
85
|
-
show: state === 'entered',
|
|
86
|
-
}, className), id: uID.current, ref: forkedRef, role: "tooltip", style: {
|
|
87
|
-
display: 'none',
|
|
88
|
-
} }, rest),
|
|
89
|
-
React.createElement("div", { className: "popover-arrow" }),
|
|
90
|
-
React.createElement("div", { className: "popover-header" }, title),
|
|
91
|
-
React.createElement("div", { className: "popover-body" }, content))); }))));
|
|
89
|
+
React.createElement(CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", __assign({ className: classNames('popover', 'bs-popover-auto', className), id: uID.current, ref: forkedRef, role: "tooltip" }, rest),
|
|
90
|
+
React.createElement("div", { className: "popover-arrow" }),
|
|
91
|
+
React.createElement("div", { className: "popover-header" }, title),
|
|
92
|
+
React.createElement("div", { className: "popover-body" }, content))))));
|
|
92
93
|
});
|
|
93
94
|
CPopover.propTypes = {
|
|
94
95
|
animation: PropTypes.bool,
|
|
@@ -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":";;;;;;;;;;;IA2Ea,QAAQ,GAAG,UAAU,CAChC,UACE,EAgBC,EACD,GAAG,EAAA;AAhBD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAChB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAS,GAAA,EAAA,CAAA,KAAA,EAAT,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,GAAA,EAAA,EACT,0BAAuD,EAAvD,kBAAkB,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAA,EAAA,EACvD,EAAA,GAAA,EAAA,CAAA,MAAe,EAAf,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,EAAA,EACf,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,iBAAiB,EAAjB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA,EACjB,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,OAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAA,EAAA,EACjB,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,IAAI,GAAA,MAAA,CAAA,EAAA,EAfT,uKAgBC,CADQ,CAAA;AAIT,IAAA,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC/B,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC,CAAA;AAC/C,IAAA,IAAM,GAAG,GAAG,MAAM,CAAC,SAAU,CAAA,MAAA,CAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAS,CAAC,CAAE,CAAC,CAAA;IAE/D,IAAA,EAAA,GAAgC,SAAS,EAAE,EAAzC,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAgB,CAAA;IAC3C,IAAA,EAAA,GAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;IACvC,IAAA,EAAA,GAAyB,QAAQ,CAAC,OAAO,CAAC,EAAzC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAqB,CAAA;IAEhD,IAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;AAE/E,IAAA,IAAM,YAAY,GAAG;AACnB,QAAA,SAAS,EAAE;AACT,YAAA;AACE,gBAAA,IAAI,EAAE,OAAO;AACb,gBAAA,OAAO,EAAE;AACP,oBAAA,OAAO,EAAE,gBAAgB;AAC1B,iBAAA;AACF,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,OAAO,EAAE;AACP,oBAAA,kBAAkB,EAAE,kBAAkB;AACvC,iBAAA;AACF,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,OAAO,EAAE;AACP,oBAAA,MAAM,EAAE,MAAM;AACf,iBAAA;AACF,aAAA;AACF,SAAA;QACD,SAAS,EAAE,eAAe,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC;KAC1D,CAAA;AAED,IAAA,SAAS,CAAC,YAAA;QACR,UAAU,CAAC,OAAO,CAAC,CAAA;AACrB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AAEb,IAAA,SAAS,CAAC,YAAA;QACR,IAAI,QAAQ,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;AAEhB,YAAA,IAAI,UAAU,CAAC,OAAO,EAAE;gBACtB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACnD,gBAAA,aAAa,EAAE,CAAA;aAChB;AAED,YAAA,UAAU,CAAC,YAAA;gBACT,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;oBAC5C,IAAI,SAAS,EAAE;wBACb,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;qBACzC;oBAED,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;oBAChE,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;oBACxC,MAAM,IAAI,MAAM,EAAE,CAAA;iBACnB;AACH,aAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;SAChB;QAED,OAAO,YAAA;AACL,YAAA,IAAI,UAAU,CAAC,OAAO,EAAE;gBACtB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;gBAC3C,MAAM,IAAI,MAAM,EAAE,CAAA;AAClB,gBAAA,sBAAsB,CAAC,YAAA;AACrB,oBAAA,aAAa,EAAE,CAAA;oBACf,UAAU,CAAC,KAAK,CAAC,CAAA;AACnB,iBAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;aACvB;AACH,SAAC,CAAA;AACH,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEd,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,KAAK,CAAC,YAAY,CAAC,QAAmC,EAClD,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,GAAC,QAAQ,IAAI;YACd,kBAAkB,EAAE,GAAG,CAAC,OAAO;AAChC,SAAA,MACD,GAAG,EAAE,UAAU,EACZ,CAAA,GAAC,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;YACxD,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA,EAAA;AACrC,SAAA,EACE,GAAC,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;YACxD,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,GAAA;YAC/B,MAAM,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,GAAA;AAChC,SAAA,EACE,GAAC,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;YACxD,YAAY,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,GAAA;YACpC,YAAY,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,GAAA;AACtC,SAAA,EACD,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAA,EACnD,OAAO,KACN,sCACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,iBAAiB,EAAE,SAAS,CAAC,EAC9D,EAAE,EAAE,GAAG,CAAC,OAAO,EACf,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,SAAS,IACV,IAAI,CAAA;YAER,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAAO,CAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,EAAE,KAAK,CAAO;YAC7C,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,cAAc,EAAE,EAAA,OAAO,CAAO,CACzC,CACP,CACkB,CACpB,EACJ;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,GAAG;AACxB,IAAA,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAChE,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC;AACzB,QAAA,SAAS,CAAC,MAAM;QAChB,SAAS,CAAC,KAAK,CAAC;AACd,YAAA,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;AACjC,YAAA,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;SAClC,CAAC;KACH,CAAC;AACF,IAAA,kBAAkB,EAAE,0BAA0B;AAC9C,IAAA,MAAM,EAAE,SAAS,CAAC,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;AACtB,IAAA,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AACtE,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
type Icon = {
|
|
3
|
+
[key: number]: JSX.Element;
|
|
4
|
+
};
|
|
5
|
+
export interface CRatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
6
|
+
/**
|
|
7
|
+
* The default icon to display when the item is selected.
|
|
8
|
+
*/
|
|
9
|
+
activeIcon?: string | JSX.Element | Icon;
|
|
10
|
+
/**
|
|
11
|
+
* Enables the clearing upon clicking the selected item again.
|
|
12
|
+
*/
|
|
13
|
+
allowClear?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* A string of all className you want applied to the component.
|
|
16
|
+
*/
|
|
17
|
+
className?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Toggle the disabled state for the component.
|
|
20
|
+
*/
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* If enabled, only the currently selected icon will be visibly highlighted.
|
|
24
|
+
*/
|
|
25
|
+
highlightOnlySelected?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The default icon to display when the item is not selected.
|
|
28
|
+
*/
|
|
29
|
+
icon?: string | JSX.Element | Icon;
|
|
30
|
+
/**
|
|
31
|
+
* The maximum value the user can select.
|
|
32
|
+
*/
|
|
33
|
+
max?: number;
|
|
34
|
+
/**
|
|
35
|
+
* The name attribute of the radio input elements.
|
|
36
|
+
*/
|
|
37
|
+
name?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Execute a function when a user changes the selected element.
|
|
40
|
+
*/
|
|
41
|
+
onChange?: (value: number | null) => void;
|
|
42
|
+
/**
|
|
43
|
+
* Execute a function when a user hover the element.
|
|
44
|
+
*/
|
|
45
|
+
onHover?: (value: number) => void;
|
|
46
|
+
/**
|
|
47
|
+
* Minimum increment value change allowed.
|
|
48
|
+
*/
|
|
49
|
+
precision?: number;
|
|
50
|
+
/**
|
|
51
|
+
* Toggle the readonly state for the component.
|
|
52
|
+
*/
|
|
53
|
+
readOnly?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Size the component small, large, or custom if you define custom icons with custom height.
|
|
56
|
+
*/
|
|
57
|
+
size?: 'sm' | 'lg' | 'custom';
|
|
58
|
+
/**
|
|
59
|
+
* Enable tooltips with default values or set specific labels for each icon.
|
|
60
|
+
*/
|
|
61
|
+
tooltips?: boolean | string[];
|
|
62
|
+
/**
|
|
63
|
+
* The `value` attribute of component.
|
|
64
|
+
*
|
|
65
|
+
* @controllable onChange
|
|
66
|
+
* */
|
|
67
|
+
value?: number;
|
|
68
|
+
}
|
|
69
|
+
export declare const CRating: React.ForwardRefExoticComponent<CRatingProps & React.RefAttributes<HTMLDivElement>>;
|
|
70
|
+
export {};
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React, { forwardRef, useState, useId, Fragment } from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import classNames from '../../node_modules/classnames/index.js';
|
|
5
|
+
import { CTooltip } from '../tooltip/CTooltip.js';
|
|
6
|
+
|
|
7
|
+
var CConditionalTooltip = function (_a) {
|
|
8
|
+
var children = _a.children, content = _a.content, tooltip = _a.tooltip;
|
|
9
|
+
return tooltip ? (React.createElement(CTooltip, { content: content },
|
|
10
|
+
React.createElement("span", null, children))) : (children);
|
|
11
|
+
};
|
|
12
|
+
var CRating = forwardRef(function (_a, ref) {
|
|
13
|
+
var _b;
|
|
14
|
+
var activeIcon = _a.activeIcon, allowClear = _a.allowClear, className = _a.className, disabled = _a.disabled, highlightOnlySelected = _a.highlightOnlySelected, icon = _a.icon, _c = _a.max, max = _c === void 0 ? 5 : _c, name = _a.name, onChange = _a.onChange, onHover = _a.onHover, _d = _a.precision, precision = _d === void 0 ? 1 : _d, readOnly = _a.readOnly, size = _a.size, tooltips = _a.tooltips, value = _a.value, rest = __rest(_a, ["activeIcon", "allowClear", "className", "disabled", "highlightOnlySelected", "icon", "max", "name", "onChange", "onHover", "precision", "readOnly", "size", "tooltips", "value"]);
|
|
15
|
+
var _e = useState(false), cleared = _e[0], setCleared = _e[1];
|
|
16
|
+
var _f = useState(value !== null && value !== void 0 ? value : null), currentValue = _f[0], setCurrentValue = _f[1];
|
|
17
|
+
var _g = useState(null), hoverValue = _g[0], setHoverValue = _g[1];
|
|
18
|
+
var _h = useState(null), tooltipValue = _h[0], setTooltipValue = _h[1];
|
|
19
|
+
var _name = name || useId();
|
|
20
|
+
var handleMouseEnter = function (value) {
|
|
21
|
+
if (disabled || readOnly) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
onHover && onHover(value);
|
|
25
|
+
setHoverValue(value);
|
|
26
|
+
value && setTooltipValue(value);
|
|
27
|
+
};
|
|
28
|
+
var handleOnChange = function (value) {
|
|
29
|
+
if (disabled || readOnly) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (cleared) {
|
|
33
|
+
setCleared(false);
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
setCurrentValue(value);
|
|
37
|
+
onChange && onChange(value);
|
|
38
|
+
};
|
|
39
|
+
var handleOnClick = function (value) {
|
|
40
|
+
if (disabled || readOnly) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
if (allowClear && value === currentValue) {
|
|
44
|
+
setCleared(true);
|
|
45
|
+
onChange && onChange(null);
|
|
46
|
+
setCurrentValue(null);
|
|
47
|
+
setHoverValue(null);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
return (React.createElement("div", __assign({ className: classNames('rating', (_b = {},
|
|
51
|
+
_b["rating-".concat(size)] = size,
|
|
52
|
+
_b.disabled = disabled,
|
|
53
|
+
_b.readonly = readOnly,
|
|
54
|
+
_b), className), onMouseLeave: function () { return !disabled && !readOnly && setHoverValue(null); }, role: "radiogroup" }, rest, { ref: ref }), Array.from({ length: max }, function (_, index) {
|
|
55
|
+
var numberOfRadios = 1 / precision;
|
|
56
|
+
return (React.createElement(CConditionalTooltip, __assign({ key: index }, (tooltips && {
|
|
57
|
+
content: Array.isArray(tooltips)
|
|
58
|
+
? tooltips[index]
|
|
59
|
+
: precision
|
|
60
|
+
? tooltipValue
|
|
61
|
+
: index + 1,
|
|
62
|
+
tooltip: true,
|
|
63
|
+
})),
|
|
64
|
+
React.createElement("div", { className: "rating-item" }, Array.from({ length: numberOfRadios }, function (_, _index) {
|
|
65
|
+
var _a, _b;
|
|
66
|
+
var isNotLastItem = _index + 1 < numberOfRadios;
|
|
67
|
+
var value = numberOfRadios === 1 ? index + 1 : index + (_index + 1) * (1 * precision);
|
|
68
|
+
var id = useId();
|
|
69
|
+
var isItemChecked = function () { return value === currentValue; };
|
|
70
|
+
var isItemActive = function () {
|
|
71
|
+
if (highlightOnlySelected
|
|
72
|
+
? hoverValue === value
|
|
73
|
+
: hoverValue && hoverValue >= value) {
|
|
74
|
+
return true;
|
|
75
|
+
}
|
|
76
|
+
if (hoverValue === null &&
|
|
77
|
+
(highlightOnlySelected
|
|
78
|
+
? isItemChecked()
|
|
79
|
+
: currentValue && currentValue >= value)) {
|
|
80
|
+
return true;
|
|
81
|
+
}
|
|
82
|
+
return false;
|
|
83
|
+
};
|
|
84
|
+
return (React.createElement(Fragment, { key: value },
|
|
85
|
+
React.createElement("label", __assign({ className: classNames('rating-item-label', {
|
|
86
|
+
active: isItemActive(),
|
|
87
|
+
}), htmlFor: id, onClick: function () { return handleOnClick(value); }, onMouseEnter: function () { return handleMouseEnter(value); } }, (isNotLastItem && {
|
|
88
|
+
style: {
|
|
89
|
+
zIndex: 1 / precision - _index,
|
|
90
|
+
position: 'absolute',
|
|
91
|
+
width: "".concat(precision * (_index + 1) * 100, "%"),
|
|
92
|
+
overflow: 'hidden',
|
|
93
|
+
opacity: 0,
|
|
94
|
+
},
|
|
95
|
+
})),
|
|
96
|
+
icon ? (React.createElement("div", { className: "rating-item-custom-icon" }, (_a = icon[value]) !== null && _a !== void 0 ? _a : icon)) : (React.createElement("div", { className: "rating-item-icon" })),
|
|
97
|
+
activeIcon && (React.createElement("div", { className: "rating-item-custom-icon-active" }, (_b = activeIcon[value]) !== null && _b !== void 0 ? _b : activeIcon))),
|
|
98
|
+
React.createElement("input", { className: "rating-item-input", checked: isItemChecked(), disabled: disabled || readOnly, id: id, name: _name, onChange: function () { return handleOnChange(value); }, onFocus: function () { return handleMouseEnter(value); }, type: "radio", value: value })));
|
|
99
|
+
}))));
|
|
100
|
+
})));
|
|
101
|
+
});
|
|
102
|
+
CRating.propTypes = {
|
|
103
|
+
children: PropTypes.node,
|
|
104
|
+
activeIcon: PropTypes.any,
|
|
105
|
+
allowClear: PropTypes.bool,
|
|
106
|
+
disabled: PropTypes.bool,
|
|
107
|
+
highlightOnlySelected: PropTypes.bool,
|
|
108
|
+
icon: PropTypes.any,
|
|
109
|
+
max: PropTypes.number,
|
|
110
|
+
name: PropTypes.string,
|
|
111
|
+
onChange: PropTypes.func,
|
|
112
|
+
onHover: PropTypes.func,
|
|
113
|
+
precision: PropTypes.number,
|
|
114
|
+
readOnly: PropTypes.bool,
|
|
115
|
+
size: PropTypes.oneOf(['sm', 'lg', 'custom']),
|
|
116
|
+
value: PropTypes.number,
|
|
117
|
+
};
|
|
118
|
+
CRating.displayName = 'CRating';
|
|
119
|
+
|
|
120
|
+
export { CRating };
|
|
121
|
+
//# sourceMappingURL=CRating.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CRating.js","sources":["../../../../src/components/rating/CRating.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -6,18 +6,18 @@ import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js'
|
|
|
6
6
|
import { useForkedRef } from '../../hooks/useForkedRef.js';
|
|
7
7
|
import { usePopper } from '../../hooks/usePopper.js';
|
|
8
8
|
import { fallbackPlacementsPropType, triggerPropType } from '../../props.js';
|
|
9
|
-
import
|
|
9
|
+
import executeAfterTransition from '../../utils/executeAfterTransition.js';
|
|
10
10
|
import getRTLPlacement from '../../utils/getRTLPlacement.js';
|
|
11
|
-
import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
|
|
12
11
|
|
|
13
12
|
var CTooltip = forwardRef(function (_a, ref) {
|
|
14
|
-
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 6] : _e, onHide = _a.onHide
|
|
13
|
+
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 6] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, _g = _a.trigger, trigger = _g === void 0 ? ['hover', 'focus'] : _g, visible = _a.visible, rest = __rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "trigger", "visible"]);
|
|
15
14
|
var tooltipRef = useRef(null);
|
|
16
15
|
var togglerRef = useRef(null);
|
|
17
16
|
var forkedRef = useForkedRef(ref, tooltipRef);
|
|
18
17
|
var uID = useRef("tooltip".concat(Math.floor(Math.random() * 1000000)));
|
|
19
|
-
var _h = usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
|
|
20
|
-
var _j = useState(
|
|
18
|
+
var _h = usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper, updatePopper = _h.updatePopper;
|
|
19
|
+
var _j = useState(false), mounted = _j[0], setMounted = _j[1];
|
|
20
|
+
var _k = useState(visible), _visible = _k[0], setVisible = _k[1];
|
|
21
21
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
22
22
|
var popperConfig = {
|
|
23
23
|
modifiers: [
|
|
@@ -45,49 +45,53 @@ var CTooltip = forwardRef(function (_a, ref) {
|
|
|
45
45
|
useEffect(function () {
|
|
46
46
|
setVisible(visible);
|
|
47
47
|
}, [visible]);
|
|
48
|
-
|
|
49
|
-
if (
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
useEffect(function () {
|
|
49
|
+
if (_visible) {
|
|
50
|
+
setMounted(true);
|
|
51
|
+
if (tooltipRef.current) {
|
|
52
|
+
tooltipRef.current.classList.remove('fade', 'show');
|
|
53
|
+
destroyPopper();
|
|
54
|
+
}
|
|
55
|
+
setTimeout(function () {
|
|
56
|
+
if (togglerRef.current && tooltipRef.current) {
|
|
57
|
+
if (animation) {
|
|
58
|
+
tooltipRef.current.classList.add('fade');
|
|
59
|
+
}
|
|
60
|
+
initPopper(togglerRef.current, tooltipRef.current, popperConfig);
|
|
61
|
+
tooltipRef.current.classList.add('show');
|
|
62
|
+
onShow && onShow();
|
|
63
|
+
}
|
|
64
|
+
}, _delay.show);
|
|
52
65
|
}
|
|
53
|
-
|
|
54
|
-
|
|
66
|
+
return function () {
|
|
67
|
+
if (tooltipRef.current) {
|
|
68
|
+
tooltipRef.current.classList.remove('show');
|
|
69
|
+
onHide && onHide();
|
|
70
|
+
executeAfterTransition(function () {
|
|
71
|
+
destroyPopper();
|
|
72
|
+
setMounted(false);
|
|
73
|
+
}, tooltipRef.current);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
}, [_visible]);
|
|
77
|
+
useEffect(function () {
|
|
78
|
+
updatePopper();
|
|
79
|
+
}, [content]);
|
|
55
80
|
return (React.createElement(React.Fragment, null,
|
|
56
81
|
React.cloneElement(children, __assign(__assign(__assign(__assign(__assign({}, (_visible && {
|
|
57
82
|
'aria-describedby': uID.current,
|
|
58
83
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
59
|
-
onClick: function () { return
|
|
84
|
+
onClick: function () { return setVisible(!_visible); },
|
|
60
85
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
61
|
-
onFocus: function () { return
|
|
62
|
-
onBlur: function () { return
|
|
86
|
+
onFocus: function () { return setVisible(true); },
|
|
87
|
+
onBlur: function () { return setVisible(false); },
|
|
63
88
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
64
|
-
onMouseEnter: function () { return
|
|
65
|
-
onMouseLeave: function () { return
|
|
89
|
+
onMouseEnter: function () { return setVisible(true); },
|
|
90
|
+
onMouseLeave: function () { return setVisible(false); },
|
|
66
91
|
}))),
|
|
67
|
-
React.createElement(CConditionalPortal, { container: container, portal: true },
|
|
68
|
-
React.createElement(
|
|
69
|
-
|
|
70
|
-
initPopper(togglerRef.current, tooltipRef.current, popperConfig);
|
|
71
|
-
}
|
|
72
|
-
}, onEntering: function () {
|
|
73
|
-
if (togglerRef.current && tooltipRef.current) {
|
|
74
|
-
tooltipRef.current.style.display = 'initial';
|
|
75
|
-
}
|
|
76
|
-
}, onExit: onHide, onExited: function () {
|
|
77
|
-
destroyPopper();
|
|
78
|
-
}, timeout: {
|
|
79
|
-
enter: 0,
|
|
80
|
-
exit: tooltipRef.current
|
|
81
|
-
? getTransitionDurationFromElement(tooltipRef.current) + 50
|
|
82
|
-
: 200,
|
|
83
|
-
}, unmountOnExit: true }, function (state) { return (React.createElement("div", __assign({ className: classNames('tooltip', 'bs-tooltip-auto', {
|
|
84
|
-
fade: animation,
|
|
85
|
-
show: state === 'entered',
|
|
86
|
-
}, className), id: uID.current, ref: forkedRef, role: "tooltip", style: {
|
|
87
|
-
display: 'none',
|
|
88
|
-
} }, rest),
|
|
89
|
-
React.createElement("div", { className: "tooltip-arrow" }),
|
|
90
|
-
React.createElement("div", { className: "tooltip-inner" }, content))); }))));
|
|
92
|
+
React.createElement(CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", __assign({ className: classNames('tooltip', 'bs-tooltip-auto', className), id: uID.current, ref: forkedRef, role: "tooltip" }, rest),
|
|
93
|
+
React.createElement("div", { className: "tooltip-arrow" }),
|
|
94
|
+
React.createElement("div", { className: "tooltip-inner" }, content))))));
|
|
91
95
|
});
|
|
92
96
|
CTooltip.propTypes = {
|
|
93
97
|
animation: PropTypes.bool,
|
|
@@ -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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"}
|
|
@@ -3,6 +3,7 @@ interface UsePopperOutput {
|
|
|
3
3
|
popper: Instance | undefined;
|
|
4
4
|
initPopper: (reference: HTMLElement, popper: HTMLElement, options: Partial<Options>) => void;
|
|
5
5
|
destroyPopper: () => void;
|
|
6
|
+
updatePopper: (options?: Partial<Options>) => void;
|
|
6
7
|
}
|
|
7
8
|
export declare const usePopper: () => UsePopperOutput;
|
|
8
9
|
export {};
|