@coreui/react 4.5.0 → 4.5.1

package/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.5.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.5.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

package/dist/components/popover/CPopover.d.ts

@@ -1,7 +1,10 @@
-import { FC, ReactNode } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { Triggers } from '../Types';
-export interface CPopoverProps {
-    children: any;
+export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
     /**
      * Content node for your component.
      */

package/dist/components/tooltip/CTooltip.d.ts

@@ -1,7 +1,10 @@
-import { FC, ReactNode } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { Triggers } from '../Types';
-export interface CTooltipProps {
-    children: any;
+export interface CTooltipProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
     /**
      * Content node for your component.
      */

package/dist/index.es.js

@@ -7981,7 +7981,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 = useState(visible), _visible = _e[0], setVisible = _e[1];
     var popoverRef = useRef();
     var _f = useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
@@ -8027,14 +8027,15 @@ var CPopover = function (_a) {
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React__default.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__default.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__default.createElement("div", { className: "popover-arrow", style: styles.arrow, ref: setArrowElement }),
                     React__default.createElement("div", { className: "popover-header" }, title),
                     React__default.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,
@@ -8600,7 +8601,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 = useRef();
     var _e = useState(visible), _visible = _e[0], setVisible = _e[1];
     var _f = useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
@@ -8618,6 +8619,9 @@ var CTooltip = function (_a) {
         ],
         placement: placement,
     }), styles = _j.styles, attributes = _j.attributes;
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
     var getTransitionClass = function (state) {
         return state === 'entering'
             ? 'fade'
@@ -8643,13 +8647,13 @@ var CTooltip = function (_a) {
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React__default.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__default.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__default.createElement("div", { className: "tooltip-arrow", style: styles.arrow, ref: setArrowElement }),
                     React__default.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,