@up42/up-components 5.3.1 → 5.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/types/components/FeatureCardHeaderActions/FeatureCardHeaderActions.d.ts +1 -1
- package/dist/cjs/types/components/ToggleButton/ToggleButton.d.ts +15 -0
- package/dist/cjs/types/components/ToggleButton/ToggleButton.test.d.ts +1 -0
- package/dist/cjs/types/index.d.ts +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/types/components/FeatureCardHeaderActions/FeatureCardHeaderActions.d.ts +1 -1
- package/dist/esm/types/components/ToggleButton/ToggleButton.d.ts +15 -0
- package/dist/esm/types/components/ToggleButton/ToggleButton.test.d.ts +1 -0
- package/dist/esm/types/index.d.ts +1 -0
- package/dist/index.d.ts +16 -3
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ export type IconAction = {
|
|
|
5
5
|
name: IconProps['name'];
|
|
6
6
|
tooltip?: string;
|
|
7
7
|
isActive?: boolean;
|
|
8
|
-
onClick: (event: React.MouseEvent<
|
|
8
|
+
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
9
9
|
isDisabled?: boolean;
|
|
10
10
|
sx?: SxProps;
|
|
11
11
|
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ToggleButtonProps as MUIToggleButtonProps } from '@mui/material/ToggleButton';
|
|
3
|
+
import { IconProps } from 'components/Icon/Icon';
|
|
4
|
+
type ToggleButtonColor = 'primary' | 'info';
|
|
5
|
+
export type ToggleButtonProps = Omit<MUIToggleButtonProps, 'size' | 'color' | 'value'> & {
|
|
6
|
+
size?: 'medium' | 'slim';
|
|
7
|
+
color?: ToggleButtonColor;
|
|
8
|
+
iconName: IconProps['name'];
|
|
9
|
+
value?: string;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-togglebutton--docs
|
|
13
|
+
*/
|
|
14
|
+
export declare const ToggleButton: ({ size, color, value, iconName, ...props }: ToggleButtonProps) => React.JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -58,6 +58,7 @@ export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from '.
|
|
|
58
58
|
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';
|
|
59
59
|
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';
|
|
60
60
|
export type { GridColDef, GridRenderEditCellParams, GridCellModesModel, GridCellParams, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel, GridTreeNodeWithRender, GridColumnHeaderParams, GridEditCellProps, GridInitialState, GridPreProcessEditCellProps, } from './components/DataGrid/DataGrid';
|
|
61
|
+
export { ToggleButton, type ToggleButtonProps } from './components/ToggleButton/ToggleButton';
|
|
61
62
|
export { capitalize } from './utils/helpers/capitalize';
|
|
62
63
|
export { copyToClipboard } from './utils/helpers/copyToClipboard';
|
|
63
64
|
export { formatNumber } from './utils/helpers/formatNumber';
|
package/dist/index.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/Tabl
|
|
|
22
22
|
import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
|
|
23
23
|
import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
|
|
24
24
|
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';
|
|
25
|
+
import { ToggleButtonProps as ToggleButtonProps$1 } from '@mui/material/ToggleButton';
|
|
25
26
|
|
|
26
27
|
interface UpComponentsProviderProps extends Omit<ThemeProviderProps, 'theme'> {
|
|
27
28
|
licenseKey: string;
|
|
@@ -5262,7 +5263,7 @@ type IconAction = {
|
|
|
5262
5263
|
name: IconProps['name'];
|
|
5263
5264
|
tooltip?: string;
|
|
5264
5265
|
isActive?: boolean;
|
|
5265
|
-
onClick: (event: React__default.MouseEvent<
|
|
5266
|
+
onClick: (event: React__default.MouseEvent<HTMLElement>) => void;
|
|
5266
5267
|
isDisabled?: boolean;
|
|
5267
5268
|
sx?: SxProps;
|
|
5268
5269
|
};
|
|
@@ -5455,6 +5456,18 @@ declare const TableFooter: ({ children, ...props }: TableFooterProps) => React__
|
|
|
5455
5456
|
*/
|
|
5456
5457
|
declare const DataGrid: ({ autoHeight, pageSizeOptions, disableRowSelectionOnClick, pagination, ...props }: DataGridPremiumProps) => React__default.JSX.Element;
|
|
5457
5458
|
|
|
5459
|
+
type ToggleButtonColor = 'primary' | 'info';
|
|
5460
|
+
type ToggleButtonProps = Omit<ToggleButtonProps$1, 'size' | 'color' | 'value'> & {
|
|
5461
|
+
size?: 'medium' | 'slim';
|
|
5462
|
+
color?: ToggleButtonColor;
|
|
5463
|
+
iconName: IconProps['name'];
|
|
5464
|
+
value?: string;
|
|
5465
|
+
};
|
|
5466
|
+
/**
|
|
5467
|
+
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-togglebutton--docs
|
|
5468
|
+
*/
|
|
5469
|
+
declare const ToggleButton: ({ size, color, value, iconName, ...props }: ToggleButtonProps) => React__default.JSX.Element;
|
|
5470
|
+
|
|
5458
5471
|
/**
|
|
5459
5472
|
* It should to be noted that this helper isn't equivalent to `text-transform: capitalize`.
|
|
5460
5473
|
* A strict capitalization should uppercase the first letter of each word in the sentence.
|
|
@@ -5647,5 +5660,5 @@ type ContextState = {
|
|
|
5647
5660
|
*/
|
|
5648
5661
|
declare const useAlert: () => ContextState;
|
|
5649
5662
|
|
|
5650
|
-
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 };
|
|
5651
|
-
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 };
|
|
5663
|
+
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 };
|
|
5664
|
+
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 };
|