@nimbus-ds/patterns 1.29.0-rc.1 → 1.29.0

package/dist/index.d.ts

@@ -147,11 +147,6 @@ export interface DataListRowProperties {
 	 * @default base
 	 */
 	padding?: "small" | "base" | "none";
-	/**
-	 * Optional padding bottom for the row.
-	 * @default base
-	 */
-	paddingBottom?: "small" | "base" | "none";
 	/**
 	 * Content of the row.
 	 * @TJS-type React.ReactNode
@@ -206,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.
@@ -250,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 {
 	/**
@@ -409,7 +453,7 @@ declare const InteractiveListStructure: React.FC<InteractiveListStructureProps>;
 export type InteractiveListStructureSkeletonProperties = InteractiveListStructureProperties;
 export type InteractiveListStructureSkeletonProps = InteractiveListStructureSkeletonProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
 declare const InteractiveListStructureSkeleton: React.FC<InteractiveListStructureSkeletonProps>;
-export interface InteractiveListRowProperties extends Omit<BoxProperties, "padding" | "paddingBottom"> {
+export interface InteractiveListRowProperties extends Omit<BoxProperties, "padding"> {
 	/**
 	 * Content of the row.
 	 * @TJS-type React.ReactNode