@protonradio/proton-ui 0.7.8 → 0.7.10

package/dist/index.d.ts

@@ -12,7 +12,7 @@ import { OverlayTriggerProps } from 'react-stately';
 import { OverlayTriggerState } from 'react-stately';
 import { PressEvent } from 'react-aria';
 import { ReactNode } from 'react';
-import { Row } from '@react-stately/table';
+import { RowProps } from '@react-stately/table';
 import { Section } from '@react-stately/table';
 import { Selection as Selection_2 } from 'react-stately';
 import { TableBody } from '@react-stately/table';
@@ -439,6 +439,10 @@ export declare interface ProtonColumnProps<T> extends ColumnProps<T> {
     align?: "left" | "center" | "right";
 }
 
+export declare interface ProtonRowProps<T = object> extends RowProps<T> {
+    backgroundColor?: string;
+}
+
 declare interface ResponsiveMenuProps {
     /** The id of the menu */
     menuId?: string;
@@ -472,7 +476,7 @@ export declare const ResponsiveSelect: {
  */
 declare function ResponsiveSelectMenu<T extends object>({ label, name, isDisabled, disabledKeys, selectedKey, onSelectionChange, onOpen, onClose, items, "data-testid": testId, children, }: SelectProps<T>): JSX_2.Element;
 
-export { Row }
+export declare const Row: <T = object>(props: ProtonRowProps<T>) => JSX.Element;
 
 /**
  * Base Overlay component for creating modal-like backgrounds.
@@ -604,6 +608,43 @@ export { TableHeader }
 
 declare type TableProps = AriaTableProps & TableStateProps<object>;
 
+/**
+ * A component that displays text with an ellipsis when it overflows its container.
+ * @interface TextEllipsisProps
+ */
+export declare const TextEllipsis: default_2.FC<TextEllipsisProps>;
+
+declare interface TextEllipsisProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content to display within the text ellipsis.
+     */
+    children: ReactNode;
+    /**
+     * The maximum width of the text container in any valid CSS unit (px, rem, em, %, etc.).
+     * When the container width is less than this value, text will be truncated with an ellipsis.
+     */
+    maxWidth?: string | number;
+    /**
+     * Whether to truncate the text to a single line. Default is true.
+     * If false, the text will wrap to multiple lines.
+     */
+    singleLine?: boolean;
+    /**
+     * The number of lines to show before truncating with an ellipsis.
+     * Only applies when singleLine is false.
+     */
+    lines?: number;
+    /**
+     * The title attribute to show on hover. If not provided and singleLine is true,
+     * the children will be used as the title (if children is a string).
+     */
+    title?: string;
+    /**
+     * A test ID.
+     */
+    "data-testid"?: string;
+}
+
 /**
  * A component that displays text with emphasis. Provide tooltipProps to wrap the text in a tooltip trigger.
  * @interface TextEmphasisProps