@up42/up-components 4.7.2 → 4.9.0

package/dist/esm/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/esm/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/esm/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';

package/dist/index.d.ts

@@ -4641,14 +4641,14 @@ declare namespace icons {
   };
 }
 
-type IconProps = {
+type IconProps$1 = {
     name: keyof typeof icons;
 } & Omit<SvgIconProps, 'children' | 'inheritViewBox' | 'shapeRendering' | 'viewBox'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-icon--docs
  * Icons: https://up-components.up42.com/?path=/docs/icons--docs
  */
-declare const Icon: ({ name, ...props }: IconProps) => React__default.JSX.Element;
+declare const Icon: ({ name, ...props }: IconProps$1) => React__default.JSX.Element;
 
 var _path$4, _path2$4, _path3$4, _path4$4, _path5$4, _path6$4, _path7$4, _path8$4, _circle, _path9$3, _path0$3;
 function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
@@ -5095,6 +5095,58 @@ declare const Divider: React__default.ForwardRefExoticComponent<Omit<Omit<Divide
     size?: "small" | "large" | "medium" | undefined;
 }, "ref"> & React__default.RefAttributes<unknown>>;
 
+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;
+};
+declare const FeatureCard: ({ children, header, footer, banner, isSelectable, selected, isHoverable, hovered, ...props }: FeatureCardProps) => React__default.JSX.Element;
+
+type IconProps = {
+  name: keyof typeof icons
+} & Omit<SvgIconProps, 'children' | 'inheritViewBox' | 'shapeRendering' | 'viewBox'>
+
+type IconAction = {
+    name: IconProps['name'];
+    tooltip?: string;
+    isActive?: boolean;
+    onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    isDisabled?: boolean;
+    sx?: SxProps;
+};
+type MenuAction = {
+    label: string;
+    onClick: (event: React__default.MouseEvent<HTMLLIElement>) => void;
+    sx?: SxProps;
+};
+type FeatureCardHeaderActionsProps = {
+    iconActions?: IconAction[];
+    menuActions?: MenuAction[];
+};
+declare const FeatureCardHeaderActions: ({ iconActions, menuActions }: FeatureCardHeaderActionsProps) => React__default.JSX.Element;
+
 type DocumentationPopoverProps = {
     title: string;
     children: React__default.ReactNode;
@@ -5342,5 +5394,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EmptyState, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Radio, Select, Slider, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EmptyStateProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TypographyProps };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EmptyState, FeatureCard, FeatureCardHeaderActions, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Radio, Select, Slider, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TypographyProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "4.7.2",
+  "version": "4.9.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",