@nimbus-ds/patterns 1.28.1 → 1.29.0

package/dist/index.d.ts

@@ -201,6 +201,60 @@ export type DataTableBulkActionsProps = DataTableBulkActionsProperties & {
 	checkbox: Omit<CheckboxProps, "label" | "id">;
 } & Omit<HTMLAttributes<HTMLElement>, "color">;
 declare const DataTableBulkActions: React.FC<DataTableBulkActionsProps>;
+export interface DataTableCellProperties {
+	/**
+	 * Content of the List component.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+}
+export type DataTableCellProps = DataTableCellProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & TableCellProps;
+declare const DataTableCell: React.FC<DataTableCellProps>;
+export interface DataTableDropdownProperties {
+	/**
+	 * Placeholder text displayed in the dropdown trigger button.
+	 */
+	placeholder: string;
+	/**
+	 * Content to be rendered inside the dropdown popover.
+	 * Typically DataTable.DropdownAction and DataTable.DropdownDivider components.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+}
+export type DataTableDropdownProps = DataTableDropdownProperties & Omit<BoxProperties, "as" | "type" | "width" | "cursor" | "backgroundColor" | "boxShadow" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "display" | "alignItems" | "justifyContent" | "gap" | "py" | "px">;
+declare const DataTableDropdown: React.FC<DataTableDropdownProps>;
+export interface DataTableDropdownActionProperties {
+	/**
+	 * Icon element to be displayed before the label.
+	 * @TJS-type React.ReactNode
+	 */
+	icon?: ReactNode;
+	/**
+	 * Text label for the action item.
+	 */
+	label: string;
+	/**
+	 * Click handler for the action.
+	 */
+	onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+	/**
+	 * Whether the action is disabled.
+	 */
+	disabled?: boolean;
+}
+export type DataTableDropdownActionProps = DataTableDropdownActionProperties & Omit<BoxProperties, "children" | "as" | "type" | "width" | "cursor" | "backgroundColor" | "boxShadow" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "display" | "alignItems" | "justifyContent" | "gap" | "py" | "px" | "onClick">;
+declare const DataTableDropdownAction: React.FC<DataTableDropdownActionProps>;
+declare const DataTableDropdownDivider: React.FC;
+export interface DataTableDropdownSectionProperties {
+	/**
+	 * Content of the section body.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+}
+export type DataTableDropdownSectionProps = DataTableDropdownSectionProperties & Omit<BoxProperties, "children" | "as" | "type" | "width" | "cursor" | "backgroundColor" | "boxShadow" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "display" | "alignItems" | "justifyContent" | "gap" | "py" | "px">;
+declare const DataTableDropdownSection: React.FC<DataTableDropdownSectionProps>;
 export interface DataTableFooterProperties {
 	/**
 	 * Left-hand side text intended for displaying an item count.
@@ -245,21 +299,16 @@ export type DataTableRowProps = DataTableRowProperties & {
 	checkbox: CheckboxProps;
 } & TableRowProperties & HTMLAttributes<HTMLElement>;
 declare const DataTableRow: React.FC<DataTableRowProps>;
-export interface DataTableCellProperties {
-	/**
-	 * Content of the List component.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-}
-export type DataTableCellProps = DataTableCellProperties & Omit<HTMLAttributes<HTMLElement>, "color"> & TableCellProps;
-declare const DataTableCell: React.FC<DataTableCellProps>;
 export interface DataTableComponents {
 	BulkActions: typeof DataTableBulkActions;
-	Header: typeof DataTableHeader;
+	Cell: typeof DataTableCell;
+	Dropdown: typeof DataTableDropdown;
+	DropdownAction: typeof DataTableDropdownAction;
+	DropdownDivider: typeof DataTableDropdownDivider;
+	DropdownSection: typeof DataTableDropdownSection;
 	Footer: typeof DataTableFooter;
+	Header: typeof DataTableHeader;
 	Row: typeof DataTableRow;
-	Cell: typeof DataTableCell;
 }
 export interface DataTableProperties {
 	/**