@up42/up-components 5.3.1 → 5.4.0

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

@@ -11,10 +11,6 @@ export type FeatureCardProps = CardProps & {
         info?: ReactNode;
         actions?: ReactNode;
     };
-    /**
-     * Whether the card is selectable.
-     */
-    isSelectable?: boolean;
     /**
      * Applies the selected state to the card from the parent.
      */
@@ -45,10 +41,6 @@ export declare const FeatureCard: React.ForwardRefExoticComponent<Omit<import("@
         info?: ReactNode;
         actions?: ReactNode;
     } | undefined;
-    /**
-     * Whether the card is selectable.
-     */
-    isSelectable?: boolean | undefined;
     /**
      * Applies the selected state to the card from the parent.
      */

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

@@ -5,7 +5,7 @@ export type IconAction = {
     name: IconProps['name'];
     tooltip?: string;
     isActive?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
     isDisabled?: boolean;
     sx?: SxProps;
 };

package/dist/esm/types/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ToggleButtonProps as MUIToggleButtonProps } from '@mui/material/ToggleButton';
+import { IconProps } from 'components/Icon/Icon';
+type ToggleButtonColor = 'primary' | 'info';
+export type ToggleButtonProps = Omit<MUIToggleButtonProps, 'size' | 'color' | 'value'> & {
+    size?: 'medium' | 'slim';
+    color?: ToggleButtonColor;
+    iconName: IconProps['name'];
+    value?: string;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-entry-togglebutton--docs
+ */
+export declare const ToggleButton: ({ size, color, value, iconName, ...props }: ToggleButtonProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/ToggleButton/ToggleButton.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -58,6 +58,7 @@ export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from '.
 export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
 export { DataGrid, GridRow, GridCell, GridEditInputCell, GridCellModes, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from './components/DataGrid/DataGrid';
 export type { GridColDef, GridRenderEditCellParams, GridCellModesModel, GridCellParams, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel, GridTreeNodeWithRender, GridColumnHeaderParams, GridEditCellProps, GridInitialState, GridPreProcessEditCellProps, } from './components/DataGrid/DataGrid';
+export { ToggleButton, type ToggleButtonProps } from './components/ToggleButton/ToggleButton';
 export { capitalize } from './utils/helpers/capitalize';
 export { copyToClipboard } from './utils/helpers/copyToClipboard';
 export { formatNumber } from './utils/helpers/formatNumber';

package/dist/index.d.ts

@@ -22,6 +22,7 @@ import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/Tabl
 import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
 import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
 export { GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, GridCell, GridCellModes, GridCellModesModel, GridCellParams, GridColDef, GridColumnHeaderParams, GridEditCellProps, GridEditInputCell, GridFooter, GridInitialState, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPreProcessEditCellProps, GridRenderCellParams, GridRenderEditCellParams, GridRow, GridRowCount, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSelectedRowCount, GridSortModel, GridTreeNodeWithRender, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, useGridApiContext, useGridApiRef, useGridSelector } from '@mui/x-data-grid-premium';
+import { ToggleButtonProps as ToggleButtonProps$1 } from '@mui/material/ToggleButton';
 
 interface UpComponentsProviderProps extends Omit<ThemeProviderProps, 'theme'> {
     licenseKey: string;
@@ -5191,10 +5192,6 @@ type FeatureCardProps = CardProps & {
         info?: ReactNode;
         actions?: ReactNode;
     };
-    /**
-     * Whether the card is selectable.
-     */
-    isSelectable?: boolean;
     /**
      * Applies the selected state to the card from the parent.
      */
@@ -5225,10 +5222,6 @@ declare const FeatureCard: React__default.ForwardRefExoticComponent<Omit<_mui_ma
         info?: ReactNode;
         actions?: ReactNode;
     } | undefined;
-    /**
-     * Whether the card is selectable.
-     */
-    isSelectable?: boolean | undefined;
     /**
      * Applies the selected state to the card from the parent.
      */
@@ -5262,7 +5255,7 @@ type IconAction = {
     name: IconProps['name'];
     tooltip?: string;
     isActive?: boolean;
-    onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    onClick: (event: React__default.MouseEvent<HTMLElement>) => void;
     isDisabled?: boolean;
     sx?: SxProps;
 };
@@ -5455,6 +5448,18 @@ declare const TableFooter: ({ children, ...props }: TableFooterProps) => React__
  */
 declare const DataGrid: ({ autoHeight, pageSizeOptions, disableRowSelectionOnClick, pagination, ...props }: DataGridPremiumProps) => React__default.JSX.Element;
 
+type ToggleButtonColor = 'primary' | 'info';
+type ToggleButtonProps = Omit<ToggleButtonProps$1, 'size' | 'color' | 'value'> & {
+    size?: 'medium' | 'slim';
+    color?: ToggleButtonColor;
+    iconName: IconProps['name'];
+    value?: string;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-entry-togglebutton--docs
+ */
+declare const ToggleButton: ({ size, color, value, iconName, ...props }: ToggleButtonProps) => React__default.JSX.Element;
+
 /**
  * It should to be noted that this helper isn't equivalent to `text-transform: capitalize`.
  * A strict capitalization should uppercase the first letter of each word in the sentence.
@@ -5647,5 +5652,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, 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, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, 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, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, TypographyProps, UseToggleResult };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, 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, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, 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, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };

package/package.json

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