@indico-data/design-system 3.6.2 → 3.6.4

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/components/truncate/Truncate.d.ts

@@ -1,2 +1,2 @@
 import { TruncateProps } from './types';
-export declare const Truncate: ({ numLines, truncateString, tooltipOptions, ...rest }: TruncateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Truncate: ({ numLines, tooltipOptions, children, ...rest }: TruncateProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/truncate/types.d.ts

@@ -2,11 +2,10 @@ import { TooltipProps } from '../tooltip/Tooltip';
 export interface TruncateProps {
     /** The number of lines to truncate the text to. If left blank, it will default to 1 line. */
     numLines?: number;
-    /** The string to truncate. This value will also be displayed in the tooltip when the text is truncated. */
-    truncateString: string;
     /** The options for the tooltip. If `disabled` is `true`, the tooltip will not be shown. If left blank, the tooltip will be shown by default. This is particularly useful if you want to set the width of the tooltip to something other than the default `max-content`. */
     tooltipOptions?: Partial<TooltipProps> & {
         disabled?: boolean;
     };
-    [key: string]: any;
+    /** The children to display. This will be displayed in the truncate component. */
+    children: React.ReactNode;
 }

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 */
@@ -1023,15 +1025,14 @@ declare const Stepper: ({ currentStep: externalCurrentStep, legendHeader, legend
 interface TruncateProps {
     /** The number of lines to truncate the text to. If left blank, it will default to 1 line. */
     numLines?: number;
-    /** The string to truncate. This value will also be displayed in the tooltip when the text is truncated. */
-    truncateString: string;
     /** The options for the tooltip. If `disabled` is `true`, the tooltip will not be shown. If left blank, the tooltip will be shown by default. This is particularly useful if you want to set the width of the tooltip to something other than the default `max-content`. */
     tooltipOptions?: Partial<TooltipProps> & {
         disabled?: boolean;
     };
-    [key: string]: any;
+    /** The children to display. This will be displayed in the truncate component. */
+    children: React.ReactNode;
 }
 
-declare const Truncate: ({ numLines, truncateString, tooltipOptions, ...rest }: TruncateProps) => react_jsx_runtime.JSX.Element;
+declare const Truncate: ({ numLines, tooltipOptions, children, ...rest }: TruncateProps) => react_jsx_runtime.JSX.Element;
 
 export { Badge, BarSpinner, Button, Card, Checkbox, CirclePulse, Col, ConfirmationModal, Container, DatePicker, FloatUI, Form, Icon, IconTriggerDatePicker, LabeledInput as Input, InputDateRangePicker, Menu, Modal, Pagination, LabeledPasswordInput as PasswordInput, Pill, Radio as RadioInput, Row, LabeledSelect as SelectInput, type SelectOption, SingleInputDatePicker, SingleInputDateTimePicker, Skeleton, Stepper, Table, TanstackTable, LabeledTextarea as Textarea, TimePicker, Toggle as ToggleInput, Tooltip, Truncate, registerFontAwesomeIcons };

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) {
@@ -43238,7 +43238,7 @@ function v4(options, buf, offset) {
 }
 
 const Truncate = (_a) => {
-    var { numLines = 1, truncateString, tooltipOptions = {} } = _a, rest = __rest(_a, ["numLines", "truncateString", "tooltipOptions"]);
+    var { numLines = 1, tooltipOptions = {}, children } = _a, rest = __rest(_a, ["numLines", "tooltipOptions", "children"]);
     const [isTruncated, setIsTruncated] = useState(false);
     const id = useMemo(() => v4().replace(/[^a-zA-Z0-9-_]/g, '_'), []);
     const ref = useRef(null);
@@ -43264,7 +43264,7 @@ const Truncate = (_a) => {
     return (jsxs("div", { className: "truncate-wrapper", style: truncateStyle, children: [jsx("span", Object.assign({ ref: ref, "data-testid": `truncate-${id}-${isTruncated ? 'truncated' : 'not-truncated'}`, "data-tooltip-id": id, className: classNames('truncate', {
                     'truncate--multi-line': numLines > 1,
                     'truncate--single-line': numLines === 1,
-                }) }, rest, { children: truncateString })), isTruncated && truncateString && !tooltipOptions.disabled && (jsx(Tooltip, Object.assign({}, tooltipOptions, { id: id, children: truncateString })))] }));
+                }) }, rest, { children: children })), isTruncated && children && !tooltipOptions.disabled && (jsx(Tooltip, Object.assign({}, tooltipOptions, { id: id, children: children })))] }));
 };
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}