@up42/up-components 8.1.0 → 8.2.0

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

@@ -0,0 +1,49 @@
+import { SxProps, Theme } from '@mui/material';
+import React, { ReactNode } from 'react';
+export type ActionToolbarProps = {
+    count: number;
+    singleLabel?: string;
+    multipleLabel?: string;
+    clearLabel?: string;
+    onClearSelection: () => void;
+    centerSlot?: ReactNode;
+    actionsSlot?: ReactNode;
+    color?: Color;
+    sx?: SxProps<Theme>;
+    /**
+     * This property defines the position where the component will be displayed.
+     * It is not part of the styling properties since this is taken as a configuration property.
+     */
+    position: 'bottom' | 'top';
+    /**
+     * This property defines the padding applied to the component in relation to the "position" property.
+     * It is not part of the styling properties since this is taken as a configuration property.
+     */
+    padding: string;
+};
+declare const COLORS: {
+    readonly primary: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+    readonly info: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+    readonly warning: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+};
+type Color = keyof typeof COLORS;
+export declare const ActionToolbar: ({ count, singleLabel, multipleLabel, clearLabel, onClearSelection, centerSlot, actionsSlot, color, sx, position, padding, }: ActionToolbarProps) => React.JSX.Element;
+export {};

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

@@ -63,6 +63,7 @@ export { DataGrid, GridRow, GridCell, GridEditInputCell, GridCellModes, GridFoot
 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 { FindUsersButton, LearnMoreButton, RoleBanner, type FindUsersButtonProps, type LearnMoreButtonProps, type RoleBannerProps, } from './components/RoleBanner/RoleBanner';
+export { ActionToolbar, type ActionToolbarProps } from './components/ActionToolbar/ActionToolbar';
 export { capitalize } from './utils/helpers/capitalize';
 export { copyToClipboard } from './utils/helpers/copyToClipboard';
 export { formatNumber } from './utils/helpers/formatNumber';

package/dist/index.d.ts

@@ -11255,7 +11255,7 @@ type FeatureCardHeaderActionsProps = {
 };
 declare const FeatureCardHeaderActions: ({ iconActions, menuActions }: FeatureCardHeaderActionsProps) => React__default.JSX.Element;
 
-declare const COLORS: {
+declare const COLORS$1: {
     primary: string;
     secondary: string;
     success: string;
@@ -11285,12 +11285,12 @@ declare const SIZES: {
     };
 };
 type Variant = 'filled' | 'half';
-type Color = keyof typeof COLORS;
+type Color$1 = keyof typeof COLORS$1;
 type Size = keyof typeof SIZES;
 type StatusLightProps = {
     label: string;
     variant?: Variant;
-    color?: Color;
+    color?: Color$1;
     size?: Size;
     sx?: SxProps<Theme>;
 };
@@ -11486,6 +11486,53 @@ declare function LearnMoreButton(props: LearnMoreButtonProps): React__default.JS
 type FindUsersButtonProps = ButtonProps;
 declare function FindUsersButton(props: FindUsersButtonProps): React__default.JSX.Element;
 
+type ActionToolbarProps = {
+    count: number;
+    singleLabel?: string;
+    multipleLabel?: string;
+    clearLabel?: string;
+    onClearSelection: () => void;
+    centerSlot?: ReactNode;
+    actionsSlot?: ReactNode;
+    color?: Color;
+    sx?: SxProps<Theme>;
+    /**
+     * This property defines the position where the component will be displayed.
+     * It is not part of the styling properties since this is taken as a configuration property.
+     */
+    position: 'bottom' | 'top';
+    /**
+     * This property defines the padding applied to the component in relation to the "position" property.
+     * It is not part of the styling properties since this is taken as a configuration property.
+     */
+    padding: string;
+};
+declare const COLORS: {
+    readonly primary: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+    readonly info: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+    readonly warning: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+};
+type Color = keyof typeof COLORS;
+declare const ActionToolbar: ({ count, singleLabel, multipleLabel, clearLabel, onClearSelection, centerSlot, actionsSlot, color, sx, position, padding, }: ActionToolbarProps) => 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.
@@ -11714,5 +11761,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeBlock, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FilterPopover, FindUsersButton, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, LearnMoreButton, Link, Loading, Logo, NotFound, PageContainer, PageHeader, PageHeaderV2, Popover, Radio, RoleBanner, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, analytics, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, generateQueryKey, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
-export type { AlertProps, AnalyticsConfig, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FilterPopoverProps, FindUsersButtonProps, FormCheckboxProps, FormDatePickerDateType, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LearnMoreButtonProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PageHeaderV2Props, PaginatedResponse, PopoverProps, RadioProps, RoleBannerProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };
+export { ActionToolbar, Alert, Avatar, Badge, Banner, Button, Checkbox, CodeBlock, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FilterPopover, FindUsersButton, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, LearnMoreButton, Link, Loading, Logo, NotFound, PageContainer, PageHeader, PageHeaderV2, Popover, Radio, RoleBanner, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, analytics, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, generateQueryKey, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
+export type { ActionToolbarProps, AlertProps, AnalyticsConfig, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FilterPopoverProps, FindUsersButtonProps, FormCheckboxProps, FormDatePickerDateType, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LearnMoreButtonProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PageHeaderV2Props, PaginatedResponse, PopoverProps, RadioProps, RoleBannerProps, 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": "8.1.0",
+  "version": "8.2.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",