@rafal.lemieszewski/tide-ui 0.40.2 → 0.41.1

package/dist/components/index.d.ts

@@ -22,9 +22,13 @@ export type { LabelProps } from './ui/label';
 export { ScrollArea, ScrollBar } from './ui/scroll-area';
 export { Separator } from './ui/separator';
 export { Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonTable, skeletonVariants } from './ui/skeleton';
+export { Status, statusConfig } from './ui/status';
+export type { StatusProps, StatusValue, StatusConfig } from './ui/status';
 export { Switch } from './ui/switch';
 export { Textarea } from './ui/textarea';
 export type { TextareaProps } from './ui/textarea';
+export { Timeline, TimelineItem, TimelineSeparator, TimelineHeader, TimelineContent, TimelineDescription, TimelineTime, TimelineChevron, } from './ui/timeline';
+export type { TimelineProps, TimelineItemProps, TimelineSeparatorProps, TimelineHeaderProps, TimelineContentProps, TimelineDescriptionProps, TimelineTimeProps, TimelineChevronProps, } from './ui/timeline';
 export { Editable, EditablePreview, EditableInput, EditableDisplay, EditableField } from './ui/editable';
 export type { EditableProps, EditablePreviewProps, EditableInputProps } from './ui/editable';
 export { FormField, FormLabel, FormControl, FormHelperText, FormErrorMessage } from './ui/form-field';

package/dist/components/ui/custom-icons.d.ts

@@ -38,6 +38,8 @@ export declare const customIcons: {
     readonly "contract-rejected": import("react/jsx-runtime").JSX.Element;
     readonly "addenda-final": import("react/jsx-runtime").JSX.Element;
     readonly "contract-on-subs": import("react/jsx-runtime").JSX.Element;
+    readonly "contract-canceled": import("react/jsx-runtime").JSX.Element;
+    readonly "contract-failed": import("react/jsx-runtime").JSX.Element;
     readonly approved: import("react/jsx-runtime").JSX.Element;
     readonly "pending-approval": import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/ui/data-table.d.ts

@@ -184,8 +184,43 @@ export interface DataTableProps<TData, TValue> {
     onColumnSizingChange?: (updaterOrValue: Record<string, number> | ((old: Record<string, number>) => Record<string, number>)) => void;
     renderSectionHeaderRow?: (row: any) => React.ReactNode | null;
     autoExpandChildren?: boolean;
+    /**
+     * Callback fired when a row is clicked.
+     * Receives the row object from @tanstack/react-table and the click event.
+     * Use row.original to access the underlying data.
+     *
+     * By default, only leaf rows and single-item groups are clickable.
+     * Use isRowClickable to customize which rows can be clicked.
+     *
+     * @example
+     * onRowClick={(row, event) => {
+     *   console.log('Clicked data:', row.original);
+     *   setSelectedItem(row.original);
+     * }}
+     */
+    onRowClick?: (row: any, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    /**
+     * Filter which rows should be clickable.
+     * Return false to prevent row from being clickable.
+     *
+     * By default, leaf rows and single-item groups are clickable.
+     *
+     * @example
+     * // Only allow leaf rows to be clicked
+     * isRowClickable={(row) => !row.getIsGrouped()}
+     *
+     * @example
+     * // Allow all rows including parent groups
+     * isRowClickable={(row) => true}
+     */
+    isRowClickable?: (row: any) => boolean;
+    /**
+     * CSS class name to apply to clickable rows.
+     * Default: applies cursor-pointer and hover background if onRowClick is provided
+     */
+    clickableRowClassName?: string;
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, renderSectionHeaderRow, autoExpandChildren, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, renderSectionHeaderRow, autoExpandChildren, onRowClick, isRowClickable, clickableRowClassName, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter };
 export { useReactTable } from '@tanstack/react-table';
 export type { SortingState, ColumnFiltersState, VisibilityState, ExpandedState, GroupingState, ColumnOrderState, FilterFn, ColumnResizeMode, } from '@tanstack/react-table';

package/dist/components/ui/status.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { IconColor } from './icon';
+type StatusConfig = {
+    icon: string;
+    color: IconColor;
+    objectLabel: string;
+    statusLabel: string;
+};
+export type StatusValue = "order-draft" | "order-distributed" | "order-withdrawn" | "negotiation-indicative-offer" | "negotiation-indicative-bid" | "negotiation-firm-offer" | "negotiation-firm-bid" | "negotiation-firm" | "negotiation-on-subs" | "negotiation-fixed" | "negotiation-firm-offer-expired" | "negotiation-withdrawn" | "negotiation-firm-amendment" | "negotiation-subs-expired" | "negotiation-subs-failed" | "negotiation-on-subs-amendment" | "contract-draft" | "contract-working-copy" | "contract-final" | "contract-rejected" | "addenda-draft" | "addenda-working-copy" | "addenda-final" | "recap-manager-draft" | "recap-manager-on-subs" | "recap-manager-fully-fixed" | "recap-manager-canceled" | "recap-manager-failed";
+declare const statusConfig: Record<StatusValue, StatusConfig>;
+declare const textSizeClasses: {
+    readonly sm: "text-body-medium-sm";
+    readonly md: "text-body-medium-md";
+    readonly lg: "text-body-medium-lg";
+};
+type StatusSize = keyof typeof textSizeClasses;
+export interface StatusProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The status value (e.g., "order-draft", "negotiation-firm-offer") */
+    status: StatusValue;
+    /** Size variant */
+    size?: StatusSize;
+    /** Whether to show the object prefix in the label (e.g., "Order • Draft" vs "Draft") */
+    showObject?: boolean;
+    /** Whether the label color should match the icon color (default: true) */
+    coloredLabel?: boolean;
+}
+declare const Status: React.ForwardRefExoticComponent<StatusProps & React.RefAttributes<HTMLDivElement>>;
+export { Status, statusConfig };
+export type { StatusConfig };

package/dist/components/ui/timeline.d.ts

@@ -0,0 +1,58 @@
+import { CollapsibleContent } from './collapsible';
+import * as React from "react";
+export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Time threshold in milliseconds. If the time difference between consecutive
+     * TimelineItem timestamps exceeds this value, a TimelineSeparator will be
+     * automatically inserted between them.
+     */
+    separatorThreshold?: number;
+}
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether this timeline item can be expanded/collapsed
+     */
+    collapsible?: boolean;
+    /**
+     * Default open state for uncontrolled collapsible items
+     */
+    defaultOpen?: boolean;
+    /**
+     * Controlled open state
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Timestamp for this timeline item (used for automatic separator insertion)
+     */
+    timestamp?: Date | number | string;
+}
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TimelineSeparator: React.ForwardRefExoticComponent<TimelineSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the header will render as a CollapsibleTrigger
+     * This is automatically set when TimelineItem has collapsible={true}
+     */
+    asCollapsibleTrigger?: boolean;
+}
+declare const TimelineHeader: React.ForwardRefExoticComponent<TimelineHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineContentProps extends React.ComponentPropsWithoutRef<typeof CollapsibleContent> {
+}
+declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TimelineDescription: React.ForwardRefExoticComponent<TimelineDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineTimeProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const TimelineTime: React.ForwardRefExoticComponent<TimelineTimeProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface TimelineChevronProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TimelineChevron: React.ForwardRefExoticComponent<TimelineChevronProps & React.RefAttributes<HTMLDivElement>>;
+export { Timeline, TimelineItem, TimelineSeparator, TimelineHeader, TimelineContent, TimelineDescription, TimelineTime, TimelineChevron, };