@trackunit/react-components 0.5.7 → 0.5.9

package/index.cjs.js

@@ -3585,7 +3585,7 @@ const FloatingArrowContainer = ({ arrowRef, mode = "dark", }) => {
  * @param {TooltipProps} props - The props for the Tooltip component
  * @returns {JSX.Element} Tooltip component
  */
-const Tooltip = ({ children, dataTestId = "tool-tip", disabled, className, childrenWrapperClassName, label, placement = "auto", mode = "dark", iconProps, id, }) => {
+const Tooltip = ({ children, dataTestId = "tool-tip", disabled, className, label, placement = "auto", mode = "dark", iconProps, id, }) => {
     const [isOpen, setIsOpen] = React__namespace.useState(false);
     const arrowRef = React__namespace.useRef(null);
     const { refs, floatingStyles, context } = react.useFloating({
@@ -3598,7 +3598,7 @@ const Tooltip = ({ children, dataTestId = "tool-tip", disabled, className, child
     const { isMounted } = react.useTransitionStatus(context);
     // Please don't try to move this into the component body directly
     // I tried and it caused infinite re-renders some places (for whatever reason)
-    const wrappedChildren = (jsxRuntime.jsx("div", { className: cvaTooltipContainer({ className: childrenWrapperClassName }), "data-testid": dataTestId ? `${dataTestId}-parent` : undefined, children: children }));
+    const wrappedChildren = (jsxRuntime.jsx("div", { className: cvaTooltipContainer({ className }), "data-testid": dataTestId ? `${dataTestId}-parent` : undefined, children: children }));
     const openTooltip = React__namespace.useCallback(() => {
         if (disabled) {
             return;

package/index.esm.js

@@ -3565,7 +3565,7 @@ const FloatingArrowContainer = ({ arrowRef, mode = "dark", }) => {
  * @param {TooltipProps} props - The props for the Tooltip component
  * @returns {JSX.Element} Tooltip component
  */
-const Tooltip = ({ children, dataTestId = "tool-tip", disabled, className, childrenWrapperClassName, label, placement = "auto", mode = "dark", iconProps, id, }) => {
+const Tooltip = ({ children, dataTestId = "tool-tip", disabled, className, label, placement = "auto", mode = "dark", iconProps, id, }) => {
     const [isOpen, setIsOpen] = React.useState(false);
     const arrowRef = React.useRef(null);
     const { refs, floatingStyles, context } = useFloating({
@@ -3578,7 +3578,7 @@ const Tooltip = ({ children, dataTestId = "tool-tip", disabled, className, child
     const { isMounted } = useTransitionStatus(context);
     // Please don't try to move this into the component body directly
     // I tried and it caused infinite re-renders some places (for whatever reason)
-    const wrappedChildren = (jsx("div", { className: cvaTooltipContainer({ className: childrenWrapperClassName }), "data-testid": dataTestId ? `${dataTestId}-parent` : undefined, children: children }));
+    const wrappedChildren = (jsx("div", { className: cvaTooltipContainer({ className }), "data-testid": dataTestId ? `${dataTestId}-parent` : undefined, children: children }));
     const openTooltip = React.useCallback(() => {
         if (disabled) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/Tooltip/Tooltip.d.ts

@@ -28,10 +28,6 @@ export interface TooltipProps extends CommonProps {
      * The props for setting the icon on this tip.
      */
     iconProps?: Omit<IconProps, "type">;
-    /**
-     * The className to be passed to the children wrapper.
-     */
-    childrenWrapperClassName?: string;
     /**
      * Ihe id of the html element
      */
@@ -49,4 +45,4 @@ export interface TooltipProps extends CommonProps {
  * @param {TooltipProps} props - The props for the Tooltip component
  * @returns {JSX.Element} Tooltip component
  */
-export declare const Tooltip: ({ children, dataTestId, disabled, className, childrenWrapperClassName, label, placement, mode, iconProps, id, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ children, dataTestId, disabled, className, label, placement, mode, iconProps, id, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;