@stackone/malachite 0.27.0 → 0.28.1

package/dist/index.d.ts

@@ -8,6 +8,34 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 
+/**
+ * ActionMenu is a kebab-style overflow action menu. The trigger renders a
+ * three-dot icon button; on click, a popover appears with the given items.
+ * The popover is rendered to document.body via createPortal so it escapes
+ * any Shadow DOM or overflow:hidden ancestors.
+ */
+export declare const ActionMenu: default_2.FC<ActionMenuProps>;
+
+export declare type ActionMenuItem = {
+    type?: 'item';
+    key: string;
+    label: default_2.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    tooltip?: string;
+} | {
+    type: 'divider';
+    key: string;
+};
+
+export declare interface ActionMenuProps {
+    items: ActionMenuItem[];
+    label?: string;
+    triggerIcon?: default_2.ReactNode;
+    minWidth?: number;
+}
+
 export declare const Alert: default_2.FC<AlertProps>;
 
 declare interface AlertProps {
@@ -187,6 +215,7 @@ export declare const CustomIcons: {
     CaretUpIcon: FC<IconProps>;
     ChangePasswordIcon: FC<IconProps>;
     CheckCircleFilled: FC<IconProps>;
+    CheckIcon: FC<IconProps>;
     ClearIcon: FC<IconProps>;
     CloseIcon: FC<IconProps>;
     CommandKeyIcon: FC<IconProps>;
@@ -222,6 +251,7 @@ export declare const CustomIcons: {
     ManualWebhookIcon: FC<IconProps>;
     MembersIcon: FC<IconProps>;
     ModalIcon: FC<IconProps>;
+    MoreHorizontalIcon: FC<IconProps>;
     NavbarCollapseIcon: FC<IconProps>;
     NavbarExpandIcon: FC<IconProps>;
     NotFoundIcon: FC<IconProps>;
@@ -243,6 +273,7 @@ export declare const CustomIcons: {
     TrashIcon: FC<IconProps>;
     UploadIcon: FC<IconProps>;
     WarningCircleFilled: FC<IconProps>;
+    WarningTriangleIcon: FC<IconProps>;
     WebhookEventsIcon: FC<IconProps>;
     WebhookIcon: FC<IconProps>;
     WebhookSigningSecretIcon: FC<IconProps>;
@@ -352,6 +383,7 @@ declare interface FlexProps {
     direction?: FlexDirection;
     fullHeight?: boolean;
     grow?: boolean;
+    wrap?: boolean;
     width?: string;
     id?: string;
     children?: default_2.ReactNode;
@@ -463,6 +495,7 @@ export declare interface LinkProps {
     className?: string;
     color?: 'default' | 'dimmed';
     size?: FontSize;
+    underline?: boolean;
 }
 
 declare interface LinkProps_2 {
@@ -530,6 +563,7 @@ export declare interface MalachiteTheme {
             border: string;
             shadow: string;
             dimmedBackground: string;
+            warmBackground: string;
             headerBackground: string;
             footerBackground: string;
         };
@@ -757,6 +791,7 @@ declare interface OverflowRowProps {
     align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
     justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
     className?: string;
+    renderOverflow?: (hiddenCount: number) => default_2.ReactNode;
 }
 
 export declare const Padded: default_2.FC<PaddedProps>;
@@ -990,11 +1025,11 @@ export declare interface SwatchProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const Table: <T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, loading, error, errorTitle, errorSubTitle, bordered, showHeader, rowKey, scrollHeight, size, layout, rowClassName, rowVariant, onRow, rowSelection, pagination, className, style, }: TableProps<T>) => JSX_2.Element;
+export declare const Table: <T = Record<string, unknown>>({ columns, data, loading, error, errorTitle, errorSubTitle, bordered, showHeader, rowKey, scrollHeight, size, layout, headerVariant, rowClassName, rowVariant, onRow, onClickRow, rowSelection, pagination, className, style, }: TableProps<T>) => JSX_2.Element;
 
 export declare type TableColumnDefinition<T = Record<string, unknown>> = {
     title: string | default_2.ReactNode;
-    dataIndex: keyof T;
+    dataIndex: keyof T | (string & {});
     key: string;
     width?: string | number;
     ellipsis?: boolean;
@@ -1012,6 +1047,8 @@ export declare type TableColumnDefinition<T = Record<string, unknown>> = {
 
 export declare type TableColumns<T = Record<string, unknown>> = TableColumnDefinition<T>[];
 
+declare type TableHeaderVariant = 'inline' | 'detached';
+
 export declare type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
 
 declare type TableProps<T = Record<string, unknown>> = {
@@ -1028,9 +1065,11 @@ declare type TableProps<T = Record<string, unknown>> = {
     type?: TableType;
     size?: TableSize;
     layout?: 'fixed' | 'auto';
+    headerVariant?: TableHeaderVariant;
     rowClassName?: (record: T, index: number) => string;
     rowVariant?: (record: T, index: number) => RowVariant | undefined;
     onRow?: (record: T, index: number) => TableRowActions<T>;
+    onClickRow?: (record: T, index: number) => void;
     rowSelection?: TableRowSelection<T>;
     pagination?: {
         current?: number;
@@ -1169,6 +1208,22 @@ declare interface TooltipProps {
     isShrinkable?: boolean;
 }
 
+/**
+ * TruncatedTooltip renders its children in a single-line truncating container
+ * (overflow:hidden + text-overflow:ellipsis + white-space:nowrap). It measures
+ * the rendered content via ResizeObserver and only surfaces the malachite
+ * Tooltip when the content is actually being cut off.
+ */
+export declare const TruncatedTooltip: default_2.FC<TruncatedTooltipProps>;
+
+export declare interface TruncatedTooltipProps {
+    text: default_2.ReactNode | string;
+    children: default_2.ReactNode;
+    delay?: number;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+}
+
 export declare const Typography: {
     CodeText: FC<CodeTextProps>;
     EllipsisText: FC<EllipsisTextProps>;