@trackunit/react-components 0.4.24 → 0.4.27

package/index.cjs.js

@@ -3645,8 +3645,8 @@ const usePopover = ({ initialOpen = false, placement = "bottom", isModal, isOpen
             react.size({
                 apply({ availableWidth, availableHeight, elements }) {
                     Object.assign(elements.floating.style, {
-                        maxWidth: `${availableWidth - PADDING}px`,
-                        maxHeight: `${availableHeight - PADDING}px`,
+                        maxWidth: `${availableWidth - PADDING * 2}px`,
+                        maxHeight: `${availableHeight - PADDING * 2}px`,
                     });
                 },
             }),
@@ -3720,7 +3720,7 @@ const usePopoverContext = () => {
  */
 const Popover = ({ children, isModal = false, ...restOptions }) => {
     const popover = usePopover({ isModal, ...restOptions });
-    return jsxRuntime.jsx(PopoverContext.Provider, { value: popover, children: children });
+    return (jsxRuntime.jsx(PopoverContext.Provider, { value: popover, children: typeof children === "function" ? children({ isOpen: popover.isOpen, placement: popover.placement }) : children }));
 };
 
 const cvaPopoverContainer = cssClassVarianceUtilities.cvaMerge(["component-popover-border", "z-popover", "animate-fade-in-fast"]);
@@ -3775,7 +3775,7 @@ const PopoverTrigger = React.forwardRef(function PopoverTrigger({ children, rend
     }
 });
 
-const cvaTooltipFlexContainer = cssClassVarianceUtilities.cvaMerge(["inline-flex"]);
+const cvaTooltipFlexContainer = cssClassVarianceUtilities.cvaMerge(["flex"]);
 const cvaTooltipIcon = cssClassVarianceUtilities.cvaMerge(["flex", "h-max", "w-fit", "text-slate-300", "transition", "hover:cursor-pointer", "hover:text-slate-400"], {
     variants: {
         color: {

package/index.esm.js

@@ -3625,8 +3625,8 @@ const usePopover = ({ initialOpen = false, placement = "bottom", isModal, isOpen
             size({
                 apply({ availableWidth, availableHeight, elements }) {
                     Object.assign(elements.floating.style, {
-                        maxWidth: `${availableWidth - PADDING}px`,
-                        maxHeight: `${availableHeight - PADDING}px`,
+                        maxWidth: `${availableWidth - PADDING * 2}px`,
+                        maxHeight: `${availableHeight - PADDING * 2}px`,
                     });
                 },
             }),
@@ -3700,7 +3700,7 @@ const usePopoverContext = () => {
  */
 const Popover = ({ children, isModal = false, ...restOptions }) => {
     const popover = usePopover({ isModal, ...restOptions });
-    return jsx(PopoverContext.Provider, { value: popover, children: children });
+    return (jsx(PopoverContext.Provider, { value: popover, children: typeof children === "function" ? children({ isOpen: popover.isOpen, placement: popover.placement }) : children }));
 };
 
 const cvaPopoverContainer = cvaMerge(["component-popover-border", "z-popover", "animate-fade-in-fast"]);
@@ -3755,7 +3755,7 @@ const PopoverTrigger = forwardRef(function PopoverTrigger({ children, renderButt
     }
 });
 
-const cvaTooltipFlexContainer = cvaMerge(["inline-flex"]);
+const cvaTooltipFlexContainer = cvaMerge(["flex"]);
 const cvaTooltipIcon = cvaMerge(["flex", "h-max", "w-fit", "text-slate-300", "transition", "hover:cursor-pointer", "hover:text-slate-400"], {
     variants: {
         color: {

package/package.json

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

package/src/components/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import { PopoverProps, UsePopoverType } from "./PopoverTypes";
+import { PopoverPlacement, PopoverProps, UsePopoverType } from "./PopoverTypes";
 export type ContextType = UsePopoverType | null;
 /**
  * A hook to get the popover context.
@@ -21,5 +21,8 @@ export declare const usePopoverContext: () => UsePopoverType;
  * @returns {JSX.Element} A Popover Context Provider containing the children
  */
 export declare const Popover: ({ children, isModal, ...restOptions }: {
-    children: React.ReactNode;
+    children: React.ReactNode | ((modalState: {
+        isOpen: boolean;
+        placement: PopoverPlacement;
+    }) => React.ReactNode);
 } & PopoverProps) => import("react/jsx-runtime").JSX.Element;