@up42/up-components 4.7.2 → 4.9.0

package/dist/cjs/types/components/FeatureCard/FeatureCard.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+import { CardProps } from '@mui/material';
+export type FeatureCardProps = CardProps & {
+    banner?: ReactNode;
+    header?: {
+        title: ReactNode;
+        actions?: ReactNode;
+    };
+    footer?: {
+        info?: ReactNode;
+        actions?: ReactNode;
+    };
+    /**
+     * Whether the card is selectable.
+     */
+    isSelectable?: boolean;
+    /**
+     * Applies the selected state to the card from the parent.
+     */
+    selected?: boolean;
+    /**
+     * Whether the card is hoverable.
+     */
+    isHoverable?: boolean;
+    /**
+     * Applies the hovered state to the card from the parent.
+     */
+    hovered?: boolean;
+};
+export declare const FeatureCard: ({ children, header, footer, banner, isSelectable, selected, isHoverable, hovered, ...props }: FeatureCardProps) => React.JSX.Element;

package/dist/cjs/types/components/FeatureCardHeaderActions/FeatureCardHeaderActions.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SxProps } from '@mui/material';
+import { IconProps } from 'components/Icon/Icon';
+export type IconAction = {
+    name: IconProps['name'];
+    tooltip?: string;
+    isActive?: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    isDisabled?: boolean;
+    sx?: SxProps;
+};
+export type MenuAction = {
+    label: string;
+    onClick: (event: React.MouseEvent<HTMLLIElement>) => void;
+    sx?: SxProps;
+};
+export type FeatureCardHeaderActionsProps = {
+    iconActions?: IconAction[];
+    menuActions?: MenuAction[];
+};
+export declare const FeatureCardHeaderActions: ({ iconActions, menuActions }: FeatureCardHeaderActionsProps) => React.JSX.Element;

package/dist/cjs/types/index.d.ts

@@ -45,6 +45,8 @@ export { Badge, type BadgeProps } from './components/Badge/Badge';
 export { Tag, type TagProps } from './components/Tag/Tag';
 export { DateTime, type DateTimeProps } from './components/DateTime/DateTime';
 export { Divider, type DividerProps } from './components/Divider/Divider';
+export { FeatureCard, type FeatureCardProps } from './components/FeatureCard/FeatureCard';
+export { FeatureCardHeaderActions, type IconAction, type MenuAction, type FeatureCardHeaderActionsProps, } from './components/FeatureCardHeaderActions/FeatureCardHeaderActions';
 export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
 export { CodeInline, type CodeInlineProps } from './components/CodeInline/CodeInline';
 export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from './components/CodeSnippet/CodeSnippet';