@coreui/react 4.5.0 → 4.5.1

package/dist/index.js

@@ -8001,7 +8001,7 @@ CProgress.propTypes = {
 CProgress.displayName = 'CProgress';
 
 var CPopover = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.offset, offset = _b === void 0 ? [0, 8] : _b, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, title = _a.title, _d = _a.trigger, trigger = _d === void 0 ? 'click' : _d, visible = _a.visible, rest = __rest(_a, ["children", "content", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
+    var children = _a.children, className = _a.className, content = _a.content, _b = _a.offset, offset = _b === void 0 ? [0, 8] : _b, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, title = _a.title, _d = _a.trigger, trigger = _d === void 0 ? 'click' : _d, visible = _a.visible, rest = __rest(_a, ["children", "className", "content", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
     var _e = React.useState(visible), _visible = _e[0], setVisible = _e[1];
     var popoverRef = React.useRef();
     var _f = React.useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
@@ -8047,14 +8047,15 @@ var CPopover = function (_a) {
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React.createElement("div", __assign({ className: classNames("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
+                return (React.createElement("div", __assign({ className: classNames("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), className, transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
                     React.createElement("div", { className: "popover-arrow", style: styles.arrow, ref: setArrowElement }),
                     React.createElement("div", { className: "popover-header" }, title),
                     React.createElement("div", { className: "popover-body" }, content)));
             }), document.body)));
 };
 CPopover.propTypes = {
-    children: propTypesExports.any,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     content: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
     offset: propTypesExports.any,
     onHide: propTypesExports.func,
@@ -8620,7 +8621,7 @@ CToaster.propTypes = {
 CToaster.displayName = 'CToaster';
 
 var CTooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.offset, offset = _b === void 0 ? [0, 0] : _b, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.trigger, trigger = _d === void 0 ? 'hover' : _d, visible = _a.visible, rest = __rest(_a, ["children", "content", "offset", "onHide", "onShow", "placement", "trigger", "visible"]);
+    var children = _a.children, className = _a.className, content = _a.content, _b = _a.offset, offset = _b === void 0 ? [0, 0] : _b, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.trigger, trigger = _d === void 0 ? 'hover' : _d, visible = _a.visible, rest = __rest(_a, ["children", "className", "content", "offset", "onHide", "onShow", "placement", "trigger", "visible"]);
     var tooltipRef = React.useRef();
     var _e = React.useState(visible), _visible = _e[0], setVisible = _e[1];
     var _f = React.useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
@@ -8638,6 +8639,9 @@ var CTooltip = function (_a) {
         ],
         placement: placement,
     }), styles = _j.styles, attributes = _j.attributes;
+    React.useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
     var getTransitionClass = function (state) {
         return state === 'entering'
             ? 'fade'
@@ -8663,13 +8667,13 @@ var CTooltip = function (_a) {
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React.createElement("div", __assign({ className: classNames("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
+                return (React.createElement("div", __assign({ className: classNames("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), className, transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
                     React.createElement("div", { className: "tooltip-arrow", style: styles.arrow, ref: setArrowElement }),
                     React.createElement("div", { className: "tooltip-inner" }, content)));
             }), document.body)));
 };
 CTooltip.propTypes = {
-    children: propTypesExports.any,
+    children: propTypesExports.node,
     content: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
     offset: propTypesExports.any,
     onHide: propTypesExports.func,