@indico-data/design-system 3.6.2 → 3.6.3

package/lib/components/tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { PlacesType } from 'react-tooltip';
+import { PlacesType, PositionStrategy } from 'react-tooltip';
 export interface TooltipProps {
     id: string;
     /** Whether the tooltip should be shown on click */
@@ -8,14 +8,16 @@ export interface TooltipProps {
     delayShow?: number;
     /** The delay in milliseconds before the tooltip is hidden */
     delayHide?: number;
-    children: React.ReactNode;
     /** The placement of the tooltip */
     place?: PlacesType;
     /** The width of the tooltip */
     width?: CSSProperties['width'];
     /** The max width of the tooltip */
     maxWidth?: CSSProperties['maxWidth'];
+    /** The position strategy of the tooltip */
+    positionStrategy?: PositionStrategy;
     /** The content of the tooltip */
+    children: React.ReactNode;
     [key: string]: any;
 }
-export declare const Tooltip: ({ id, clickToShow, delayShow, delayHide, children, place, width, maxWidth, opacity, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ id, clickToShow, delayShow, delayHide, children, place, width, maxWidth, opacity, positionStrategy, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/lib/index.d.ts

@@ -11,7 +11,7 @@ import { DateRange, OnSelectHandler, Mode, CustomComponents, Matcher, Formatters
 export { DateRange } from 'react-day-picker';
 import { ColumnDef, Row as Row$1, SortingState } from '@tanstack/react-table';
 export { ColumnDef, SortingFn, SortingState, Column as TanstackTableColumnType, Row as TanstackTableRowType, Table as TanstackTableType, flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
-import { PlacesType } from 'react-tooltip';
+import { PlacesType, PositionStrategy } from 'react-tooltip';
 export { ToastContainer, toast } from 'react-toastify';
 
 declare const registerFontAwesomeIcons: (...icons: IconDefinition[]) => void;
@@ -943,17 +943,19 @@ interface TooltipProps {
     delayShow?: number;
     /** The delay in milliseconds before the tooltip is hidden */
     delayHide?: number;
-    children: React.ReactNode;
     /** The placement of the tooltip */
     place?: PlacesType;
     /** The width of the tooltip */
     width?: CSSProperties['width'];
     /** The max width of the tooltip */
     maxWidth?: CSSProperties['maxWidth'];
+    /** The position strategy of the tooltip */
+    positionStrategy?: PositionStrategy;
     /** The content of the tooltip */
+    children: React.ReactNode;
     [key: string]: any;
 }
-declare const Tooltip: ({ id, clickToShow, delayShow, delayHide, children, place, width, maxWidth, opacity, ...rest }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ id, clickToShow, delayShow, delayHide, children, place, width, maxWidth, opacity, positionStrategy, ...rest }: TooltipProps) => react_jsx_runtime.JSX.Element;
 
 interface PaginationProps {
     /** The total number of pages to be displayed */

package/lib/index.esm.js

@@ -43092,7 +43092,7 @@ const h="react-tooltip-core-styles",w="react-tooltip-base-styles",b={core:!1,bas
 .styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"});}));
 
 const Tooltip = (_a) => {
-    var { id, clickToShow, delayShow, delayHide, children, place = 'top', width = 'max-content', maxWidth, opacity = 1 } = _a, rest = __rest(_a, ["id", "clickToShow", "delayShow", "delayHide", "children", "place", "width", "maxWidth", "opacity"]);
+    var { id, clickToShow, delayShow, delayHide, children, place = 'top', width = 'max-content', maxWidth, opacity = 1, positionStrategy = 'absolute' } = _a, rest = __rest(_a, ["id", "clickToShow", "delayShow", "delayHide", "children", "place", "width", "maxWidth", "opacity", "positionStrategy"]);
     return (jsx(M, Object.assign({ style: {
             backgroundColor: 'var(--pf-semantic-background-inverted)',
             color: 'var(--pf-semantic-font-inverted)',
@@ -43102,7 +43102,7 @@ const Tooltip = (_a) => {
             textWrap: 'wrap',
             wordWrap: 'break-word',
             zIndex: 1000,
-        }, className: "tooltip", id: id, place: place, openOnClick: clickToShow, delayShow: delayShow, delayHide: delayHide, opacity: opacity }, rest, { children: children })));
+        }, className: "tooltip", id: id, place: place, openOnClick: clickToShow, delayShow: delayShow, delayHide: delayHide, opacity: opacity, positionStrategy: positionStrategy }, rest, { children: children })));
 };
 
 function BarSpinner(_a) {