@up42/up-components 2.12.1 → 3.0.0
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/README.md +6 -6
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/types/components/Alert/Alert.d.ts +5 -5
- package/dist/cjs/types/components/Avatar/Avatar.d.ts +3 -3
- package/dist/cjs/types/components/Badge/Badge.d.ts +3 -3
- package/dist/cjs/types/components/Banner/Banner.d.ts +3 -3
- package/dist/cjs/types/components/Button/Button.d.ts +3 -3
- package/dist/cjs/types/components/Checkbox/Checkbox.d.ts +3 -3
- package/dist/cjs/types/components/CodeInline/CodeInline.d.ts +2 -2
- package/dist/cjs/types/components/CodeSnippet/CodeSnippet.d.ts +3 -3
- package/dist/cjs/types/components/ContactBox/ContactBox.d.ts +2 -2
- package/dist/cjs/types/components/ControlButton/ControlButton.d.ts +3 -3
- package/dist/cjs/types/components/CopyButton/CopyButton.d.ts +2 -2
- package/dist/cjs/types/components/DataGrid/DataGrid.d.ts +5 -5
- package/dist/cjs/types/components/DateTime/DateTime.d.ts +1 -1
- package/dist/cjs/types/components/Divider/Divider.d.ts +3 -3
- package/dist/cjs/types/components/DocumentationPopover/DocumentationPopover.d.ts +2 -2
- package/dist/cjs/types/components/EmptyState/EmptyState.d.ts +3 -3
- package/dist/cjs/types/components/FormCheckbox/FormCheckbox.d.ts +4 -9
- package/dist/cjs/types/components/FormDatePicker/FormDatePicker.d.ts +4 -4
- package/dist/cjs/types/components/FormDateRangePicker/FormDateRangePicker.d.ts +5 -5
- package/dist/cjs/types/components/FormInput/FormInput.d.ts +3 -8
- package/dist/cjs/types/components/FormLabel/FormLabel.d.ts +3 -3
- package/dist/cjs/types/components/FormRadio/FormRadio.d.ts +4 -9
- package/dist/cjs/types/components/FormSelect/FormSelect.d.ts +5 -10
- package/dist/cjs/types/components/FormSwitch/FormSwitch.d.ts +5 -10
- package/dist/cjs/types/components/Grid/Grid.d.ts +5 -5
- package/dist/cjs/types/components/Icon/Icon.d.ts +3 -3
- package/dist/cjs/types/components/Illustration/Illustration.d.ts +3 -3
- package/dist/cjs/types/components/InfoCard/InfoCard.d.ts +4 -4
- package/dist/cjs/types/components/InfoModal/InfoModal.d.ts +3 -3
- package/dist/cjs/types/components/InfoPopover/InfoPopover.d.ts +2 -2
- package/dist/cjs/types/components/Input/Input.d.ts +3 -3
- package/dist/cjs/types/components/Link/Link.d.ts +9 -2
- package/dist/cjs/types/components/Loading/Loading.d.ts +3 -3
- package/dist/cjs/types/components/NotFound/NotFound.d.ts +3 -3
- package/dist/cjs/types/components/PageContainer/PageContainer.d.ts +3 -3
- package/dist/cjs/types/components/PageHeader/PageHeader.d.ts +2 -2
- package/dist/cjs/types/components/Radio/Radio.d.ts +3 -3
- package/dist/cjs/types/components/Select/Select.d.ts +3 -3
- package/dist/cjs/types/components/Slider/Slider.d.ts +3 -3
- package/dist/cjs/types/components/Switch/Switch.d.ts +3 -3
- package/dist/cjs/types/components/TabGroup/TabGroup.d.ts +4 -4
- package/dist/cjs/types/components/Table/Table.d.ts +19 -19
- package/dist/cjs/types/components/Tabs/Tabs.d.ts +5 -5
- package/dist/cjs/types/components/Tag/Tag.d.ts +3 -3
- package/dist/cjs/types/components/Typography/Typography.d.ts +6 -14
- package/dist/cjs/types/global/providers/AlertProvider/AlertProvider.d.ts +8 -8
- package/dist/cjs/types/global/providers/AlertProvider/AlertStack.d.ts +2 -2
- package/dist/cjs/types/global/providers/AlertProvider/SnackbarWrapper.d.ts +2 -2
- package/dist/cjs/types/global/providers/UpComponentsProvider/UpComponentsProvider.d.ts +6 -2
- package/dist/cjs/types/global/utils/types.d.ts +2 -2
- package/dist/cjs/types/utils/helpers/formatDate.d.ts +3 -3
- package/dist/cjs/types/utils/helpers/formatNumber.d.ts +1 -1
- package/dist/cjs/types/utils/hooks/useRemotePagination.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/types/components/Alert/Alert.d.ts +5 -5
- package/dist/esm/types/components/Avatar/Avatar.d.ts +3 -3
- package/dist/esm/types/components/Badge/Badge.d.ts +3 -3
- package/dist/esm/types/components/Banner/Banner.d.ts +3 -3
- package/dist/esm/types/components/Button/Button.d.ts +3 -3
- package/dist/esm/types/components/Checkbox/Checkbox.d.ts +3 -3
- package/dist/esm/types/components/CodeInline/CodeInline.d.ts +2 -2
- package/dist/esm/types/components/CodeSnippet/CodeSnippet.d.ts +3 -3
- package/dist/esm/types/components/ContactBox/ContactBox.d.ts +2 -2
- package/dist/esm/types/components/ControlButton/ControlButton.d.ts +3 -3
- package/dist/esm/types/components/CopyButton/CopyButton.d.ts +2 -2
- package/dist/esm/types/components/DataGrid/DataGrid.d.ts +5 -5
- package/dist/esm/types/components/DateTime/DateTime.d.ts +1 -1
- package/dist/esm/types/components/Divider/Divider.d.ts +3 -3
- package/dist/esm/types/components/DocumentationPopover/DocumentationPopover.d.ts +2 -2
- package/dist/esm/types/components/EmptyState/EmptyState.d.ts +3 -3
- package/dist/esm/types/components/FormCheckbox/FormCheckbox.d.ts +4 -9
- package/dist/esm/types/components/FormDatePicker/FormDatePicker.d.ts +4 -4
- package/dist/esm/types/components/FormDateRangePicker/FormDateRangePicker.d.ts +5 -5
- package/dist/esm/types/components/FormInput/FormInput.d.ts +3 -8
- package/dist/esm/types/components/FormLabel/FormLabel.d.ts +3 -3
- package/dist/esm/types/components/FormRadio/FormRadio.d.ts +4 -9
- package/dist/esm/types/components/FormSelect/FormSelect.d.ts +5 -10
- package/dist/esm/types/components/FormSwitch/FormSwitch.d.ts +5 -10
- package/dist/esm/types/components/Grid/Grid.d.ts +5 -5
- package/dist/esm/types/components/Icon/Icon.d.ts +3 -3
- package/dist/esm/types/components/Illustration/Illustration.d.ts +3 -3
- package/dist/esm/types/components/InfoCard/InfoCard.d.ts +4 -4
- package/dist/esm/types/components/InfoModal/InfoModal.d.ts +3 -3
- package/dist/esm/types/components/InfoPopover/InfoPopover.d.ts +2 -2
- package/dist/esm/types/components/Input/Input.d.ts +3 -3
- package/dist/esm/types/components/Link/Link.d.ts +9 -2
- package/dist/esm/types/components/Loading/Loading.d.ts +3 -3
- package/dist/esm/types/components/NotFound/NotFound.d.ts +3 -3
- package/dist/esm/types/components/PageContainer/PageContainer.d.ts +3 -3
- package/dist/esm/types/components/PageHeader/PageHeader.d.ts +2 -2
- package/dist/esm/types/components/Radio/Radio.d.ts +3 -3
- package/dist/esm/types/components/Select/Select.d.ts +3 -3
- package/dist/esm/types/components/Slider/Slider.d.ts +3 -3
- package/dist/esm/types/components/Switch/Switch.d.ts +3 -3
- package/dist/esm/types/components/TabGroup/TabGroup.d.ts +4 -4
- package/dist/esm/types/components/Table/Table.d.ts +19 -19
- package/dist/esm/types/components/Tabs/Tabs.d.ts +5 -5
- package/dist/esm/types/components/Tag/Tag.d.ts +3 -3
- package/dist/esm/types/components/Typography/Typography.d.ts +6 -14
- package/dist/esm/types/global/providers/AlertProvider/AlertProvider.d.ts +8 -8
- package/dist/esm/types/global/providers/AlertProvider/AlertStack.d.ts +2 -2
- package/dist/esm/types/global/providers/AlertProvider/SnackbarWrapper.d.ts +2 -2
- package/dist/esm/types/global/providers/UpComponentsProvider/UpComponentsProvider.d.ts +6 -2
- package/dist/esm/types/global/utils/types.d.ts +2 -2
- package/dist/esm/types/utils/helpers/formatDate.d.ts +3 -3
- package/dist/esm/types/utils/helpers/formatNumber.d.ts +1 -1
- package/dist/esm/types/utils/hooks/useRemotePagination.d.ts +2 -2
- package/dist/index.d.ts +155 -179
- package/package.json +14 -5
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
|
|
3
2
|
import * as _mui_material from '@mui/material';
|
|
4
3
|
import { BoxProps, TextFieldProps, AvatarProps as AvatarProps$1, GridProps, ContainerProps, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, SliderProps as SliderProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, CardProps, ModalProps, AlertProps as AlertProps$1, SxProps, Theme, IconButtonProps, SvgIconProps, BadgeProps as BadgeProps$1, ChipProps, DividerProps as DividerProps$1, SnackbarProps } from '@mui/material';
|
|
@@ -11,7 +10,7 @@ import * as _mui_material_OverridableComponent from '@mui/material/OverridableCo
|
|
|
11
10
|
import * as _mui_material_Typography from '@mui/material/Typography';
|
|
12
11
|
import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
|
|
13
12
|
import * as _mui_system from '@mui/system';
|
|
14
|
-
import { DatePickerProps } from '@mui/x-date-pickers';
|
|
13
|
+
import { DatePickerProps } from '@mui/x-date-pickers-pro';
|
|
15
14
|
import dayjs, { Dayjs } from 'dayjs';
|
|
16
15
|
import { TableProps as TableProps$1 } from '@mui/material/Table';
|
|
17
16
|
import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
|
|
@@ -22,13 +21,16 @@ import { TableRowProps as TableRowProps$1 } from '@mui/material/TableRow';
|
|
|
22
21
|
import { TablePaginationProps as TablePaginationProps$1 } from '@mui/material/TablePagination';
|
|
23
22
|
import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/TableSortLabel';
|
|
24
23
|
import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
|
|
25
|
-
import {
|
|
26
|
-
export { GridCell, GridColDef, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRenderCellParams, GridRow, GridRowCount, GridRowId, GridRowSelectionModel, GridSelectedRowCount, GridSortModel } from '@mui/x-data-grid';
|
|
24
|
+
import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
|
|
25
|
+
export { GridCell, GridColDef, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRenderCellParams, GridRow, GridRowCount, GridRowId, GridRowSelectionModel, GridSelectedRowCount, GridSortModel } from '@mui/x-data-grid-premium';
|
|
27
26
|
|
|
27
|
+
interface UpComponentsProviderProps extends Omit<ThemeProviderProps, 'theme'> {
|
|
28
|
+
licenseKey: string;
|
|
29
|
+
}
|
|
28
30
|
/**
|
|
29
31
|
* Documentation: https://up-components.up42.com/?path=/docs/introduction--docs
|
|
30
32
|
*/
|
|
31
|
-
declare const UpComponentsProvider: (props:
|
|
33
|
+
declare const UpComponentsProvider: ({ licenseKey, ...props }: UpComponentsProviderProps) => React__default.JSX.Element;
|
|
32
34
|
|
|
33
35
|
declare const theme: _mui_material.Theme;
|
|
34
36
|
|
|
@@ -53,7 +55,7 @@ type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps &
|
|
|
53
55
|
type FormBaseProps = BoxProps &
|
|
54
56
|
Pick<TextFieldProps, 'id' | 'label' | 'required' | 'error' | 'disabled' | 'focused' | 'helperText'>
|
|
55
57
|
|
|
56
|
-
|
|
58
|
+
type ButtonProps = MUIGlobalOmit<Omit<ButtonProps$1, 'size' | 'color'>, {
|
|
57
59
|
loading?: boolean;
|
|
58
60
|
size?: 'default' | 'slim';
|
|
59
61
|
color?: 'critical' | ButtonProps$1['color'];
|
|
@@ -76,39 +78,31 @@ declare type ButtonProps = MUIGlobalOmit<Omit<ButtonProps$1, 'size' | 'color'>,
|
|
|
76
78
|
*
|
|
77
79
|
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-button--docs
|
|
78
80
|
*/
|
|
79
|
-
declare const Button: React__default.ForwardRefExoticComponent<
|
|
81
|
+
declare const Button: React__default.ForwardRefExoticComponent<Omit<{
|
|
80
82
|
loading?: boolean | undefined;
|
|
81
83
|
size?: "default" | "slim" | undefined;
|
|
82
84
|
color?: 'critical' | ButtonProps$1['color'];
|
|
83
85
|
component?: ButtonProps$1['LinkComponent'];
|
|
84
86
|
to?: ButtonProps$1['href'];
|
|
85
|
-
} & Omit<Omit<ButtonProps$1<"button", {}>, "color" | "size">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "
|
|
87
|
+
} & Omit<Omit<ButtonProps$1<"button", {}>, "color" | "size">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React__default.RefAttributes<unknown>>;
|
|
86
88
|
|
|
87
|
-
|
|
89
|
+
type TypographyProps = TypographyProps$1 & {
|
|
88
90
|
component?: React__default.ElementType;
|
|
89
91
|
variant?: TypographyProps$1['variant'] | 'heading' | 'headingSmall' | 'headingXSmall' | 'body' | 'label' | 'note';
|
|
90
92
|
};
|
|
91
93
|
/**
|
|
92
94
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-typography--docs
|
|
93
95
|
*/
|
|
94
|
-
declare const Typography: React__default.ForwardRefExoticComponent<
|
|
95
|
-
align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
|
|
96
|
-
children?: React__default.ReactNode;
|
|
97
|
-
classes?: Partial<_mui_material_Typography.TypographyClasses> | undefined;
|
|
98
|
-
gutterBottom?: boolean | undefined;
|
|
99
|
-
noWrap?: boolean | undefined;
|
|
100
|
-
paragraph?: boolean | undefined;
|
|
101
|
-
sx?: _mui_system.SxProps<_mui_material.Theme> | undefined;
|
|
102
|
-
variant?: "body" | "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "heading" | "note" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "headingSmall" | "headingXSmall" | undefined;
|
|
103
|
-
variantMapping?: Partial<Record<"body" | "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "heading" | "note" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "headingSmall" | "headingXSmall", string>> | undefined;
|
|
104
|
-
} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React__default.HTMLAttributes<HTMLSpanElement>> & {
|
|
96
|
+
declare const Typography: React__default.ForwardRefExoticComponent<Omit<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
105
97
|
ref?: ((instance: HTMLSpanElement | null) => void) | React__default.RefObject<HTMLSpanElement> | null | undefined;
|
|
106
|
-
},
|
|
98
|
+
}, "className" | "style" | "classes" | "children" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "align" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|
|
99
|
+
component?: React__default.ElementType<any> | undefined;
|
|
100
|
+
} & {
|
|
107
101
|
component?: React__default.ElementType<any> | undefined;
|
|
108
102
|
variant?: TypographyProps$1['variant'] | 'heading' | 'headingSmall' | 'headingXSmall' | 'body' | 'label' | 'note';
|
|
109
|
-
},
|
|
103
|
+
}, "ref"> & React__default.RefAttributes<unknown>>;
|
|
110
104
|
|
|
111
|
-
|
|
105
|
+
type AvatarProps = MUIGlobalOmit<Omit<AvatarProps$1, 'children' | 'alt' | 'imgProps' | 'sizes' | 'src' | 'srcSet' | 'variant'>, {
|
|
112
106
|
firstName?: string;
|
|
113
107
|
lastName?: string;
|
|
114
108
|
icon?: React__default.ReactNode;
|
|
@@ -116,18 +110,18 @@ declare type AvatarProps = MUIGlobalOmit<Omit<AvatarProps$1, 'children' | 'alt'
|
|
|
116
110
|
/**
|
|
117
111
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-avatar--docs
|
|
118
112
|
*/
|
|
119
|
-
declare const Avatar: React__default.ForwardRefExoticComponent<
|
|
113
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<Omit<{
|
|
120
114
|
firstName?: string | undefined;
|
|
121
115
|
lastName?: string | undefined;
|
|
122
116
|
icon?: React__default.ReactNode;
|
|
123
|
-
} & Omit<Omit<AvatarProps$1<"div", {}>, "children" | "
|
|
117
|
+
} & Omit<Omit<AvatarProps$1<"div", {}>, "children" | "alt" | "src" | "sizes" | "srcSet" | "variant" | "imgProps">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React__default.RefAttributes<unknown>>;
|
|
124
118
|
|
|
125
|
-
|
|
119
|
+
type GridContainerProps = Omit<GridProps, 'container' | 'item' | 'xs' | 'columnSpacing'>;
|
|
126
120
|
/**
|
|
127
121
|
* Documentation: https://up-components.up42.com/?path=/docs/layout-grid--docs
|
|
128
122
|
*/
|
|
129
|
-
declare const GridContainer: ({ children, ...props }: GridContainerProps) => JSX.Element;
|
|
130
|
-
|
|
123
|
+
declare const GridContainer: ({ children, ...props }: GridContainerProps) => React__default.JSX.Element;
|
|
124
|
+
type GridItemProps = GridContainerProps & {
|
|
131
125
|
/**
|
|
132
126
|
* `span` prop is used to set the column span.
|
|
133
127
|
*/
|
|
@@ -136,9 +130,9 @@ declare type GridItemProps = GridContainerProps & {
|
|
|
136
130
|
/**
|
|
137
131
|
* Documentation: https://up-components.up42.com/?path=/docs/layout-grid--docs
|
|
138
132
|
*/
|
|
139
|
-
declare const GridItem: ({ children, span, ...props }: GridItemProps) => JSX.Element;
|
|
133
|
+
declare const GridItem: ({ children, span, ...props }: GridItemProps) => React__default.JSX.Element;
|
|
140
134
|
|
|
141
|
-
|
|
135
|
+
type PageContainerProps = Omit<ContainerProps, 'fixed' | 'maxWidth'> & {
|
|
142
136
|
/**
|
|
143
137
|
* The number of `columns` to use in the grid system
|
|
144
138
|
*/
|
|
@@ -151,15 +145,15 @@ declare type PageContainerProps = Omit<ContainerProps, 'fixed' | 'maxWidth'> & {
|
|
|
151
145
|
/**
|
|
152
146
|
* Documentation: https://up-components.up42.com/?path=/docs/layout-pagecontainer--docs
|
|
153
147
|
*/
|
|
154
|
-
declare const PageContainer: ({ children, fluid, columns, ...props }: PageContainerProps) => JSX.Element;
|
|
148
|
+
declare const PageContainer: ({ children, fluid, columns, ...props }: PageContainerProps) => React__default.JSX.Element;
|
|
155
149
|
|
|
156
|
-
|
|
150
|
+
type CheckboxProps = MUIGlobalOmit<CheckboxProps$1>;
|
|
157
151
|
/**
|
|
158
152
|
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-checkbox--docs
|
|
159
153
|
*/
|
|
160
|
-
declare const Checkbox: ({ ...props }: CheckboxProps) => JSX.Element;
|
|
154
|
+
declare const Checkbox: ({ ...props }: CheckboxProps) => React__default.JSX.Element;
|
|
161
155
|
|
|
162
|
-
|
|
156
|
+
type FormCheckboxProps = FormBaseProps & CheckboxProps & {
|
|
163
157
|
data: {
|
|
164
158
|
value: string | number;
|
|
165
159
|
label?: React__default.ReactNode;
|
|
@@ -168,23 +162,18 @@ declare type FormCheckboxProps = FormBaseProps & CheckboxProps & {
|
|
|
168
162
|
/**
|
|
169
163
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
|
|
170
164
|
*/
|
|
171
|
-
declare const FormCheckbox: React__default.ForwardRefExoticComponent<
|
|
172
|
-
children?: React__default.ReactNode;
|
|
173
|
-
component?: React__default.ElementType<any> | undefined;
|
|
174
|
-
ref?: React__default.Ref<unknown> | undefined;
|
|
175
|
-
sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
|
|
176
|
-
} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
165
|
+
declare const FormCheckbox: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
177
166
|
ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
|
|
178
|
-
}, keyof _mui_material_OverridableComponent.CommonProps |
|
|
167
|
+
}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<_mui_material.CheckboxProps, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple"> & {
|
|
179
168
|
data: {
|
|
180
169
|
value: string | number;
|
|
181
170
|
label?: React__default.ReactNode;
|
|
182
171
|
}[];
|
|
183
|
-
},
|
|
172
|
+
}, "ref"> & React__default.RefAttributes<unknown>>;
|
|
184
173
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
174
|
+
type DatePickerDateType = Dayjs | null | undefined;
|
|
175
|
+
type NonGenericMuiDatePickerProps$1 = DatePickerProps<DatePickerDateType>;
|
|
176
|
+
type FormDatePickerProps = NonGenericMuiDatePickerProps$1 & {
|
|
188
177
|
error?: boolean;
|
|
189
178
|
label?: string;
|
|
190
179
|
helperText?: string;
|
|
@@ -195,8 +184,8 @@ declare const FormDatePicker: React__default.ForwardRefExoticComponent<NonGeneri
|
|
|
195
184
|
helperText?: string | undefined;
|
|
196
185
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
197
186
|
|
|
198
|
-
|
|
199
|
-
|
|
187
|
+
type NonGenericMuiDatePickerProps = DatePickerProps<DatePickerDateType>;
|
|
188
|
+
type FormDateRangePickerProps = Omit<MUIGlobalOmit<NonGenericMuiDatePickerProps>, 'value' | 'onChange'> & {
|
|
200
189
|
start: DatePickerDateType;
|
|
201
190
|
onStartChange: (date: DatePickerDateType) => void;
|
|
202
191
|
end: DatePickerDateType;
|
|
@@ -212,15 +201,15 @@ declare type FormDateRangePickerProps = Omit<MUIGlobalOmit<NonGenericMuiDatePick
|
|
|
212
201
|
/**
|
|
213
202
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepicker--docs
|
|
214
203
|
*/
|
|
215
|
-
declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => JSX.Element;
|
|
204
|
+
declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => React__default.JSX.Element;
|
|
216
205
|
|
|
217
|
-
|
|
206
|
+
type RadioProps = MUIGlobalOmit<RadioProps$1>;
|
|
218
207
|
/**
|
|
219
208
|
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-radio--docs
|
|
220
209
|
*/
|
|
221
|
-
declare const Radio: (props: RadioProps) => JSX.Element;
|
|
210
|
+
declare const Radio: (props: RadioProps) => React__default.JSX.Element;
|
|
222
211
|
|
|
223
|
-
|
|
212
|
+
type FormRadioProps = FormBaseProps & RadioGroupProps & {
|
|
224
213
|
inputRef?: RadioProps['inputRef'];
|
|
225
214
|
data: {
|
|
226
215
|
value: string | number;
|
|
@@ -231,46 +220,36 @@ declare type FormRadioProps = FormBaseProps & RadioGroupProps & {
|
|
|
231
220
|
/**
|
|
232
221
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
|
|
233
222
|
*/
|
|
234
|
-
declare const FormRadio: React__default.ForwardRefExoticComponent<
|
|
235
|
-
children?: React__default.ReactNode;
|
|
236
|
-
component?: React__default.ElementType<any> | undefined;
|
|
237
|
-
ref?: React__default.Ref<unknown> | undefined;
|
|
238
|
-
sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
|
|
239
|
-
} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
223
|
+
declare const FormRadio: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
240
224
|
ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
|
|
241
|
-
}, keyof _mui_material_OverridableComponent.CommonProps |
|
|
225
|
+
}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & RadioGroupProps & {
|
|
242
226
|
inputRef?: RadioProps['inputRef'];
|
|
243
227
|
data: {
|
|
244
228
|
value: string | number;
|
|
245
229
|
label?: string;
|
|
246
230
|
message?: string;
|
|
247
231
|
}[];
|
|
248
|
-
}, "
|
|
232
|
+
}, "ref"> & React__default.RefAttributes<unknown>>;
|
|
249
233
|
|
|
250
|
-
|
|
234
|
+
type SwitchProps = MUIGlobalOmit<SwitchProps$1>;
|
|
251
235
|
/**
|
|
252
236
|
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-switch--docs
|
|
253
237
|
*/
|
|
254
|
-
declare const Switch: (props: SwitchProps) => JSX.Element;
|
|
238
|
+
declare const Switch: (props: SwitchProps) => React__default.JSX.Element;
|
|
255
239
|
|
|
256
|
-
|
|
240
|
+
type FormSwitchProps = FormBaseProps & SwitchProps & {
|
|
257
241
|
formControlLabel?: string;
|
|
258
242
|
};
|
|
259
243
|
/**
|
|
260
244
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
|
|
261
245
|
*/
|
|
262
|
-
declare const FormSwitch: React__default.ForwardRefExoticComponent<
|
|
263
|
-
children?: React__default.ReactNode;
|
|
264
|
-
component?: React__default.ElementType<any> | undefined;
|
|
265
|
-
ref?: React__default.Ref<unknown> | undefined;
|
|
266
|
-
sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
|
|
267
|
-
} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
246
|
+
declare const FormSwitch: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
268
247
|
ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
|
|
269
|
-
}, keyof _mui_material_OverridableComponent.CommonProps |
|
|
248
|
+
}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<_mui_material.SwitchProps, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple"> & {
|
|
270
249
|
formControlLabel?: string | undefined;
|
|
271
|
-
},
|
|
250
|
+
}, "ref"> & React__default.RefAttributes<unknown>>;
|
|
272
251
|
|
|
273
|
-
|
|
252
|
+
type SelectProps<T extends unknown> = FormBaseProps & Omit<SelectProps$1<T>, 'variant'> & {
|
|
274
253
|
/**
|
|
275
254
|
* Determines whether to display a border around the select component.
|
|
276
255
|
* @default true
|
|
@@ -280,60 +259,57 @@ declare type SelectProps<T extends unknown> = FormBaseProps & Omit<SelectProps$1
|
|
|
280
259
|
/**
|
|
281
260
|
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-select--docs
|
|
282
261
|
*/
|
|
283
|
-
declare const Select: <T extends unknown>({ withBorder, size, ...props }: SelectProps<T>) => JSX.Element;
|
|
262
|
+
declare const Select: <T extends unknown>({ withBorder, size, ...props }: SelectProps<T>) => React__default.JSX.Element;
|
|
284
263
|
|
|
285
|
-
|
|
264
|
+
type Option = {
|
|
286
265
|
value: string | number;
|
|
287
266
|
label: string | ReactNode;
|
|
288
267
|
};
|
|
289
|
-
|
|
268
|
+
type FormSelectProps = FormBaseProps & SelectProps<string | number> & {
|
|
290
269
|
options: Option[];
|
|
291
270
|
};
|
|
292
271
|
/**
|
|
293
272
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
|
|
294
273
|
*/
|
|
295
|
-
declare const FormSelect: React__default.ForwardRefExoticComponent<
|
|
296
|
-
children?: React__default.ReactNode;
|
|
297
|
-
component?: React__default.ElementType<any> | undefined;
|
|
298
|
-
ref?: React__default.Ref<unknown> | undefined;
|
|
299
|
-
sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
|
|
300
|
-
} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
274
|
+
declare const FormSelect: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
301
275
|
ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
|
|
302
|
-
}, keyof _mui_material_OverridableComponent.CommonProps |
|
|
276
|
+
}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<_mui_material.SelectProps<string | number>, "variant"> & {
|
|
303
277
|
withBorder?: boolean | undefined;
|
|
304
278
|
} & {
|
|
305
279
|
options: Option[];
|
|
306
|
-
},
|
|
280
|
+
}, "ref"> & React__default.RefAttributes<unknown>>;
|
|
307
281
|
|
|
308
|
-
|
|
282
|
+
type InputProps = Omit<TextFieldProps, 'maxRows' | 'minRows' | 'multiline' | 'rows' | 'size' | 'variant'>;
|
|
309
283
|
/**
|
|
310
284
|
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-input--docs
|
|
311
285
|
*/
|
|
312
|
-
declare const Input: ({ type, ...props }: InputProps) => JSX.Element;
|
|
286
|
+
declare const Input: ({ type, ...props }: InputProps) => React__default.JSX.Element;
|
|
313
287
|
|
|
314
|
-
|
|
288
|
+
type FormInputProps = FormBaseProps & InputProps;
|
|
315
289
|
/**
|
|
316
290
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
|
|
317
291
|
*/
|
|
318
|
-
declare const FormInput: React__default.ForwardRefExoticComponent<
|
|
319
|
-
children?: React__default.ReactNode;
|
|
320
|
-
component?: React__default.ElementType<any> | undefined;
|
|
321
|
-
ref?: React__default.Ref<unknown> | undefined;
|
|
322
|
-
sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
|
|
323
|
-
} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
292
|
+
declare const FormInput: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
324
293
|
ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
|
|
325
|
-
}, keyof _mui_material_OverridableComponent.CommonProps |
|
|
294
|
+
}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & InputProps, "ref"> & React__default.RefAttributes<unknown>>;
|
|
326
295
|
|
|
327
|
-
|
|
296
|
+
type SliderProps = MUIGlobalOmit<Omit<SliderProps$1, 'variant' | 'label'>>;
|
|
328
297
|
/**
|
|
329
298
|
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-slider--default--docs
|
|
330
299
|
*/
|
|
331
|
-
declare const Slider: (props: SliderProps) => JSX.Element;
|
|
300
|
+
declare const Slider: (props: SliderProps) => React__default.JSX.Element;
|
|
332
301
|
|
|
333
|
-
|
|
302
|
+
type LinkProps<C extends React__default.ElementType> = LinkProps$1<C, {
|
|
334
303
|
component?: C;
|
|
335
304
|
}> & {
|
|
305
|
+
/**
|
|
306
|
+
* Determines whether to hide the icon.
|
|
307
|
+
*/
|
|
336
308
|
hideIcon?: boolean;
|
|
309
|
+
/**
|
|
310
|
+
* Determines whether to open the link in the same tab for external links.
|
|
311
|
+
*/
|
|
312
|
+
openInSameTab?: boolean;
|
|
337
313
|
};
|
|
338
314
|
/**
|
|
339
315
|
* ### Routing Libraries
|
|
@@ -351,22 +327,22 @@ declare type LinkProps<C extends React__default.ElementType> = LinkProps$1<C, {
|
|
|
351
327
|
*
|
|
352
328
|
* Documentation: https://up-components.up42.com/?path=/docs/navigation-link--docs
|
|
353
329
|
*/
|
|
354
|
-
declare const Link: <C extends React__default.ElementType<any>>({ children, underline, hideIcon, ...props }: LinkProps<C>) => JSX.Element;
|
|
330
|
+
declare const Link: <C extends React__default.ElementType<any>>({ children, underline, hideIcon, openInSameTab, ...props }: LinkProps<C>) => React__default.JSX.Element;
|
|
355
331
|
|
|
356
|
-
|
|
357
|
-
|
|
332
|
+
type TabsProps = MUIGlobalOmit<TabsProps$1>;
|
|
333
|
+
type TabProps = MUIGlobalOmit<TabProps$1>;
|
|
358
334
|
/**
|
|
359
335
|
* Documentation: https://up-components.up42.com/?path=/docs/navigation-tabs--docs
|
|
360
336
|
*/
|
|
361
|
-
declare const Tabs: ({ children, ...props }: TabsProps) => JSX.Element;
|
|
362
|
-
declare const Tab: ({ children, ...props }: TabProps) => JSX.Element;
|
|
337
|
+
declare const Tabs: ({ children, ...props }: TabsProps) => React__default.JSX.Element;
|
|
338
|
+
declare const Tab: ({ children, ...props }: TabProps) => React__default.JSX.Element;
|
|
363
339
|
|
|
364
|
-
|
|
340
|
+
type TabDataType = {
|
|
365
341
|
label: string | ReactNode;
|
|
366
342
|
content: string | ReactNode;
|
|
367
343
|
hidden?: boolean;
|
|
368
344
|
};
|
|
369
|
-
|
|
345
|
+
type TabGroupProps = {
|
|
370
346
|
tabs: TabDataType[];
|
|
371
347
|
tabContentProps?: BoxProps;
|
|
372
348
|
tabsProps?: TabsProps;
|
|
@@ -386,9 +362,9 @@ declare type TabGroupProps = {
|
|
|
386
362
|
/**
|
|
387
363
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-tabgroup--docs
|
|
388
364
|
*/
|
|
389
|
-
declare const TabGroup: ({ tabs, nameSpace: _nameSpace, tabContentProps, tabsProps, defaultValue, onChange, }: TabGroupProps) => JSX.Element;
|
|
365
|
+
declare const TabGroup: ({ tabs, nameSpace: _nameSpace, tabContentProps, tabsProps, defaultValue, onChange, }: TabGroupProps) => React__default.JSX.Element;
|
|
390
366
|
|
|
391
|
-
|
|
367
|
+
type EmptyStateProps = MUIGlobalOmit<Omit<BoxProps, 'component'>, {
|
|
392
368
|
/**
|
|
393
369
|
* Helpful message that conveys the purpose of the screen and the next action to populate the space
|
|
394
370
|
*/
|
|
@@ -409,9 +385,9 @@ declare type EmptyStateProps = MUIGlobalOmit<Omit<BoxProps, 'component'>, {
|
|
|
409
385
|
/**
|
|
410
386
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-emptystate--docs
|
|
411
387
|
*/
|
|
412
|
-
declare const EmptyState: ({ icon: CustomIcon, title, subTitle, action, sx, ...props }: EmptyStateProps) => JSX.Element;
|
|
388
|
+
declare const EmptyState: ({ icon: CustomIcon, title, subTitle, action, sx, ...props }: EmptyStateProps) => React__default.JSX.Element;
|
|
413
389
|
|
|
414
|
-
|
|
390
|
+
type InfoCardProps = {
|
|
415
391
|
title: string;
|
|
416
392
|
subtitle?: string;
|
|
417
393
|
/**
|
|
@@ -434,7 +410,7 @@ declare type InfoCardProps = {
|
|
|
434
410
|
/**
|
|
435
411
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-infocard--docs
|
|
436
412
|
*/
|
|
437
|
-
declare const InfoCard: React__default.ForwardRefExoticComponent<
|
|
413
|
+
declare const InfoCard: React__default.ForwardRefExoticComponent<Omit<{
|
|
438
414
|
title: string;
|
|
439
415
|
subtitle?: string | undefined;
|
|
440
416
|
/**
|
|
@@ -453,9 +429,9 @@ declare const InfoCard: React__default.ForwardRefExoticComponent<Pick<{
|
|
|
453
429
|
* Choose whether to hide divider or not.
|
|
454
430
|
*/
|
|
455
431
|
hideDivider?: boolean | undefined;
|
|
456
|
-
} & Omit<CardProps<"div", {}>, "square" | "variant" | "raised">,
|
|
432
|
+
} & Omit<CardProps<"div", {}>, "square" | "variant" | "raised">, "ref"> & React__default.RefAttributes<unknown>>;
|
|
457
433
|
|
|
458
|
-
|
|
434
|
+
type InfoModalProps = MUIGlobalOmit<Omit<ModalProps, 'BackdropProps' | 'BackdropComponent' | 'onBackdropClick'>, Omit<InfoCardProps, 'headerAction'> & {
|
|
459
435
|
/**
|
|
460
436
|
* Maximum width of the modal, in pixels.
|
|
461
437
|
*/
|
|
@@ -464,20 +440,20 @@ declare type InfoModalProps = MUIGlobalOmit<Omit<ModalProps, 'BackdropProps' | '
|
|
|
464
440
|
/**
|
|
465
441
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-infomodal--docs
|
|
466
442
|
*/
|
|
467
|
-
declare const InfoModal: ({ title, subtitle, children, actions, open, maxWidth, onClose, ...props }: InfoModalProps) => JSX.Element;
|
|
443
|
+
declare const InfoModal: ({ title, subtitle, children, actions, open, maxWidth, onClose, ...props }: InfoModalProps) => React__default.JSX.Element;
|
|
468
444
|
|
|
469
|
-
|
|
470
|
-
|
|
445
|
+
type AlertColor = 'info' | 'error' | 'success' | 'warning';
|
|
446
|
+
type AlertProps = Omit<AlertProps$1, 'color' | 'elevation' | 'iconMapping' | 'severity' | 'square' | 'variant' | 'action'> & {
|
|
471
447
|
type?: AlertColor;
|
|
472
448
|
};
|
|
473
449
|
/**
|
|
474
450
|
* Documentation: https://up-components.up42.com/?path=/docs/feedback-alert--docs
|
|
475
451
|
*/
|
|
476
|
-
declare const Alert: React__default.ForwardRefExoticComponent<
|
|
452
|
+
declare const Alert: React__default.ForwardRefExoticComponent<Omit<Omit<AlertProps$1, "color" | "elevation" | "action" | "square" | "iconMapping" | "severity" | "variant"> & {
|
|
477
453
|
type?: AlertColor | undefined;
|
|
478
|
-
}, "
|
|
454
|
+
}, "ref"> & React__default.RefAttributes<unknown>>;
|
|
479
455
|
|
|
480
|
-
|
|
456
|
+
type BannerProps = {
|
|
481
457
|
/**
|
|
482
458
|
* Call To Action label
|
|
483
459
|
* */
|
|
@@ -503,7 +479,7 @@ declare type BannerProps = {
|
|
|
503
479
|
/**
|
|
504
480
|
* Documentation: https://up-components.up42.com/?path=/docs/feedback-banner--docs
|
|
505
481
|
*/
|
|
506
|
-
declare const Banner: React__default.ForwardRefExoticComponent<
|
|
482
|
+
declare const Banner: React__default.ForwardRefExoticComponent<Omit<{
|
|
507
483
|
/**
|
|
508
484
|
* Call To Action label
|
|
509
485
|
* */
|
|
@@ -525,9 +501,9 @@ declare const Banner: React__default.ForwardRefExoticComponent<Pick<{
|
|
|
525
501
|
*/
|
|
526
502
|
onDismiss?: ButtonProps['onClick'];
|
|
527
503
|
title: string;
|
|
528
|
-
} & Omit<AlertProps, "title" | "role" | "
|
|
504
|
+
} & Omit<AlertProps, "title" | "role" | "onClose" | "closeText" | "icon">, "ref"> & React__default.RefAttributes<unknown>>;
|
|
529
505
|
|
|
530
|
-
|
|
506
|
+
type ContactBoxProps = {
|
|
531
507
|
customIcon?: React__default.ReactNode;
|
|
532
508
|
text?: string;
|
|
533
509
|
actions: React__default.ReactNode;
|
|
@@ -537,9 +513,9 @@ declare type ContactBoxProps = {
|
|
|
537
513
|
/**
|
|
538
514
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-contactbox--docs
|
|
539
515
|
*/
|
|
540
|
-
declare const ContactBox: ({ customIcon, text, actions, size, sx }: ContactBoxProps) => JSX.Element;
|
|
516
|
+
declare const ContactBox: ({ customIcon, text, actions, size, sx }: ContactBoxProps) => React__default.JSX.Element;
|
|
541
517
|
|
|
542
|
-
|
|
518
|
+
type ControlButtonProps = MUIGlobalOmit<IconButtonProps, {
|
|
543
519
|
size?: 'medium' | 'small';
|
|
544
520
|
/**
|
|
545
521
|
* Remove default padding when using icons with built-in padding (Like MUI icons)
|
|
@@ -549,13 +525,13 @@ declare type ControlButtonProps = MUIGlobalOmit<IconButtonProps, {
|
|
|
549
525
|
/**
|
|
550
526
|
* Documentation: https://up-components.up42.com/?path=/docs/data-entry-controlbutton--docs
|
|
551
527
|
*/
|
|
552
|
-
declare const ControlButton: React__default.ForwardRefExoticComponent<
|
|
528
|
+
declare const ControlButton: React__default.ForwardRefExoticComponent<Omit<{
|
|
553
529
|
size?: "small" | "medium" | undefined;
|
|
554
530
|
/**
|
|
555
531
|
* Remove default padding when using icons with built-in padding (Like MUI icons)
|
|
556
532
|
*/
|
|
557
533
|
removePadding?: boolean | undefined;
|
|
558
|
-
} & Omit<IconButtonProps<"button", {}>, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "
|
|
534
|
+
} & Omit<IconButtonProps<"button", {}>, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React__default.RefAttributes<unknown>>;
|
|
559
535
|
|
|
560
536
|
interface CopyButtonProps {
|
|
561
537
|
data: string;
|
|
@@ -566,17 +542,17 @@ interface CopyButtonProps {
|
|
|
566
542
|
/**
|
|
567
543
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-copybutton--docs
|
|
568
544
|
*/
|
|
569
|
-
declare const CopyButton: ({ data, tooltip, sx, onCopy }: CopyButtonProps) => JSX.Element;
|
|
545
|
+
declare const CopyButton: ({ data, tooltip, sx, onCopy }: CopyButtonProps) => React__default.JSX.Element;
|
|
570
546
|
|
|
571
|
-
|
|
547
|
+
type InfoPopoverProps = InfoCardProps & {
|
|
572
548
|
icon?: React__default.ElementType;
|
|
573
549
|
};
|
|
574
550
|
/**
|
|
575
551
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-popovers-infopopover--docs
|
|
576
552
|
*/
|
|
577
|
-
declare const InfoPopover: ({ id, icon: CustomIcon, actions, title, children, sx, ...props }: InfoPopoverProps) => JSX.Element;
|
|
553
|
+
declare const InfoPopover: ({ id, icon: CustomIcon, actions, title, children, sx, ...props }: InfoPopoverProps) => React__default.JSX.Element;
|
|
578
554
|
|
|
579
|
-
|
|
555
|
+
type PageHeaderProps = {
|
|
580
556
|
title: string;
|
|
581
557
|
divider?: boolean;
|
|
582
558
|
description?: React__default.ReactNode;
|
|
@@ -596,9 +572,9 @@ declare type PageHeaderProps = {
|
|
|
596
572
|
/**
|
|
597
573
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-pageheader--docs
|
|
598
574
|
*/
|
|
599
|
-
declare const PageHeader: ({ title, description, divider, action, secondaryAction, onSubmitTitle, }: PageHeaderProps) => JSX.Element;
|
|
575
|
+
declare const PageHeader: ({ title, description, divider, action, secondaryAction, onSubmitTitle, }: PageHeaderProps) => React__default.JSX.Element;
|
|
600
576
|
|
|
601
|
-
|
|
577
|
+
type NotFoundProps = {
|
|
602
578
|
/**
|
|
603
579
|
* The label of the CTA button
|
|
604
580
|
*/
|
|
@@ -611,9 +587,9 @@ declare type NotFoundProps = {
|
|
|
611
587
|
/**
|
|
612
588
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-notfound--docs
|
|
613
589
|
*/
|
|
614
|
-
declare const NotFound: ({ ctaLabel, ctaPath }: NotFoundProps) => JSX.Element;
|
|
590
|
+
declare const NotFound: ({ ctaLabel, ctaPath }: NotFoundProps) => React__default.JSX.Element;
|
|
615
591
|
|
|
616
|
-
|
|
592
|
+
type LoadingProps = {
|
|
617
593
|
/**
|
|
618
594
|
* Controls the `height` of the component. Defaults to `100vh`
|
|
619
595
|
*/
|
|
@@ -626,7 +602,7 @@ declare type LoadingProps = {
|
|
|
626
602
|
/**
|
|
627
603
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-loading--docs
|
|
628
604
|
*/
|
|
629
|
-
declare const Loading: ({ fullPage, visible, ...rest }: LoadingProps) => JSX.Element | null;
|
|
605
|
+
declare const Loading: ({ fullPage, visible, ...rest }: LoadingProps) => React__default.JSX.Element | null;
|
|
630
606
|
|
|
631
607
|
var _path$1e;
|
|
632
608
|
function _extends$36() { return _extends$36 = 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$36.apply(null, arguments); }
|
|
@@ -4456,14 +4432,14 @@ declare namespace icons {
|
|
|
4456
4432
|
export { SvgAccessTime as AccessTime, SvgAdd as Add, SvgAddCircleFilled as AddCircleFilled, SvgAddPlusCircle as AddPlusCircle, SvgAlarmBell as AlarmBell, SvgAlertCircleFilled as AlertCircleFilled, SvgAlertTriangle as AlertTriangle, SvgAngle as Angle, SvgAppWindowCode as AppWindowCode, SvgArrowBack as ArrowBack, SvgArrowBackIos as ArrowBackIos, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowDownward as ArrowDownward, SvgArrowForward as ArrowForward, SvgArrowTopLeft as ArrowTopLeft, SvgArrowTopRight as ArrowTopRight, SvgArrowUpward as ArrowUpward, SvgAttachment as Attachment, SvgAutoStoriesOutlined as AutoStoriesOutlined, SvgBalance as Balance, SvgBin as Bin, SvgBlock as Block, SvgBlocked as Blocked, SvgBoxes as Boxes, SvgBoxesGrid as BoxesGrid, SvgBrightness1 as Brightness1, SvgCalendar as Calendar, SvgCalendarAdd as CalendarAdd, SvgCalendarCheck as CalendarCheck, SvgCalendarDate as CalendarDate, SvgCalendarEdit as CalendarEdit, SvgCalendarRemove as CalendarRemove, SvgCalendarSearchDate as CalendarSearchDate, SvgCampaignOutlined as CampaignOutlined, SvgCaretCircleFilledDown as CaretCircleFilledDown, SvgCaretCircleFilledLeft as CaretCircleFilledLeft, SvgCaretCircleFilledRight as CaretCircleFilledRight, SvgCaretCircleFilledUp as CaretCircleFilledUp, SvgCatalog as Catalog, SvgCheckCircleFilled as CheckCircleFilled, SvgCheckList as CheckList, SvgCheckMark as CheckMark, SvgChevronCircleFilledDown as ChevronCircleFilledDown, SvgChevronCircleFilledLeft as ChevronCircleFilledLeft, SvgChevronCircleFilledRight as ChevronCircleFilledRight, SvgChevronCircleFilledUp as ChevronCircleFilledUp, SvgClose as Close, SvgCloseCircle as CloseCircle, SvgCloseCircleFilled as CloseCircleFilled, SvgCloud as Cloud, SvgCloudCheck as CloudCheck, SvgCloudDownload as CloudDownload, SvgCloudOff as CloudOff, SvgCloudRemove as CloudRemove, SvgCloudSearch as CloudSearch, SvgCloudSync as CloudSync, SvgCloudUpload as CloudUpload, SvgCloudWarning as CloudWarning, SvgCoin as Coin, SvgCoinEuro as CoinEuro, SvgCompass as Compass, SvgContactSupportOutlined as ContactSupportOutlined, SvgContentCut as ContentCut, SvgContentPaste as ContentPaste, SvgCopy as Copy, SvgCredit as Credit, SvgDashboard as Dashboard, SvgDataTransferVertical as DataTransferVertical, SvgDollarCoinCircleFilled as DollarCoinCircleFilled, SvgDottedLines as DottedLines, SvgDownload as Download, SvgDownloadCircle as DownloadCircle, SvgEditPencil as EditPencil, SvgEuroCoinCircleFilled as EuroCoinCircleFilled, SvgExitLeaveBack as ExitLeaveBack, SvgExternalLink as ExternalLink, SvgEyeCircleFilled as EyeCircleFilled, SvgFlagQuestion as FlagQuestion, SvgFolderEmpty as FolderEmpty, SvgFootprint as Footprint, SvgHeadphonesQuestion as HeadphonesQuestion, SvgHeart as Heart, SvgHeartCircleFilled as HeartCircleFilled, SvgHyperlink as Hyperlink, SvgImageResolution as ImageResolution, SvgInvoice as Invoice, SvgKeyboardArrowDown as KeyboardArrowDown, SvgKeyboardArrowLeft as KeyboardArrowLeft, SvgKeyboardArrowRight as KeyboardArrowRight, SvgKeyboardArrowUp as KeyboardArrowUp, SvgLayers as Layers, SvgLibrary as Library, SvgLightbulb as Lightbulb, SvgLightbulbOutlined as LightbulbOutlined, SvgLocalOfferOutlined as LocalOfferOutlined, SvgLock as Lock, SvgLockCircleFilled as LockCircleFilled, SvgLockShield as LockShield, SvgLogo as Logo, SvgMap as Map, SvgMapPin as MapPin, SvgMapSearch as MapSearch, SvgMarketplace as Marketplace, SvgMenuCircleFilledHorizontal as MenuCircleFilledHorizontal, SvgMenuCircleFilledVertical as MenuCircleFilledVertical, SvgMenuOpenHorizontal as MenuOpenHorizontal, SvgMenuOpenVertical as MenuOpenVertical, SvgMinusCircleFilled as MinusCircleFilled, SvgModule as Module, SvgModule2 as Module2, SvgModuleThree as ModuleThree, SvgMoreHoriz as MoreHoriz, SvgMultipleUsers as MultipleUsers, SvgNotificationError as NotificationError, SvgNotificationInfo as NotificationInfo, SvgNotificationSuccess as NotificationSuccess, SvgNotificationWarning as NotificationWarning, SvgPenCircleFilled as PenCircleFilled, SvgPencil as Pencil, SvgPercentCircle as PercentCircle, SvgPerson as Person, SvgPin as Pin, SvgPolygon as Polygon, SvgProjects as Projects, SvgQuestionBubble as QuestionBubble, SvgQuestionCircle as QuestionCircle, SvgQuestionCircleFilled as QuestionCircleFilled, SvgQuestionMark as QuestionMark, SvgRectangle as Rectangle, SvgRectangleAoi as RectangleAOI, SvgRedo as Redo, SvgRemove as Remove, SvgResolution as Resolution, SvgSatellite$1 as Satellite, SvgSave as Save, SvgScissors as Scissors, SvgSearch as Search, SvgServerCheck as ServerCheck, SvgServerDeny as ServerDeny, SvgServerDownload as ServerDownload, SvgServerEdit as ServerEdit, SvgServerError as ServerError, SvgServerLock as ServerLock, SvgServerMinus as ServerMinus, SvgServerQuestion as ServerQuestion, SvgServerRefresh as ServerRefresh, SvgServerSearch as ServerSearch, SvgServerSync as ServerSync, SvgServerUpload as ServerUpload, SvgServerWarning as ServerWarning, SvgSettingsCog as SettingsCog, SvgSettingsCog2 as SettingsCog2, SvgSettingsSliderHorizontal as SettingsSliderHorizontal, SvgSettingsVertical as SettingsVertical, SvgShare as Share, SvgShareNetwork as ShareNetwork, SvgShield as Shield, SvgShieldWithLock as ShieldWithLock, SvgShoppingCartCheck as ShoppingCartCheck, SvgShoppingCartClose as ShoppingCartClose, SvgShoppingCartMinus as ShoppingCartMinus, SvgShoppingCartOutlined as ShoppingCartOutlined, SvgShoppingCartPlus as ShoppingCartPlus, SvgStorage as Storage, SvgSupport as Support, SvgSupportClear as SupportClear, SvgSupportHeadphones as SupportHeadphones, SvgSystem as System, SvgTag as Tag, SvgTagAlert as TagAlert, SvgTagCheck as TagCheck, SvgTagDouble as TagDouble, SvgTagEdit as TagEdit, SvgTagMinus as TagMinus, SvgTagPlus as TagPlus, SvgTagSearch as TagSearch, SvgTagX as TagX, SvgTarget as Target, SvgTransaction as Transaction, SvgTrashBin as TrashBin, SvgUndo as Undo, SvgUnlock as Unlock, SvgUpgradeShield as UpgradeShield, SvgUpload as Upload, SvgUploadCircle as UploadCircle, SvgUser as User, SvgVisibilityOffOutlined as VisibilityOffOutlined, SvgVisibilityOutlined as VisibilityOutlined, SvgWeatherCloud as WeatherCloud, SvgWebhooks as Webhooks, SvgWorkflow as Workflow, SvgWorkflowPencil as WorkflowPencil, SvgZoomIn as ZoomIn, SvgZoomOut as ZoomOut };
|
|
4457
4433
|
}
|
|
4458
4434
|
|
|
4459
|
-
|
|
4435
|
+
type IconProps = {
|
|
4460
4436
|
name: keyof typeof icons;
|
|
4461
4437
|
} & Omit<SvgIconProps, 'children' | 'inheritViewBox' | 'shapeRendering' | 'viewBox'>;
|
|
4462
4438
|
/**
|
|
4463
4439
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-icon--docs
|
|
4464
4440
|
* Icons: https://up-components.up42.com/?path=/docs/icons--docs
|
|
4465
4441
|
*/
|
|
4466
|
-
declare const Icon: ({ name, ...props }: IconProps) => JSX.Element;
|
|
4442
|
+
declare const Icon: ({ name, ...props }: IconProps) => React__default.JSX.Element;
|
|
4467
4443
|
|
|
4468
4444
|
var _path$3, _path2$3, _path3$3, _path4$3, _path5$3, _path6$3, _path7$3, _path8$3, _circle, _path9$2, _path10$2;
|
|
4469
4445
|
function _extends$3() { return _extends$3 = 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$3.apply(null, arguments); }
|
|
@@ -4750,7 +4726,7 @@ declare namespace illustrations {
|
|
|
4750
4726
|
export { SvgEmailCheck as EmailCheck, SvgFloppyDisk as FloppyDisk, SvgRocketFixing as RocketFixing, SvgSatellite as Satellite };
|
|
4751
4727
|
}
|
|
4752
4728
|
|
|
4753
|
-
|
|
4729
|
+
type IllustrationProps = {
|
|
4754
4730
|
name: keyof typeof illustrations;
|
|
4755
4731
|
size?: SvgIconProps['width'];
|
|
4756
4732
|
} & Omit<SvgIconProps, 'children' | 'inheritViewBox' | 'shapeRendering' | 'viewBox' | 'fontSize'>;
|
|
@@ -4758,21 +4734,21 @@ declare type IllustrationProps = {
|
|
|
4758
4734
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-illustrations--docs
|
|
4759
4735
|
* Illustrations: https://up-components.up42.com/?path=/docs/illustrations--docs
|
|
4760
4736
|
*/
|
|
4761
|
-
declare function Illustration({ name, size, sx, ...props }: IllustrationProps): JSX.Element;
|
|
4737
|
+
declare function Illustration({ name, size, sx, ...props }: IllustrationProps): React__default.JSX.Element;
|
|
4762
4738
|
|
|
4763
|
-
|
|
4739
|
+
type BadgeProps = MUIGlobalOmit<BadgeProps$1>;
|
|
4764
4740
|
/**
|
|
4765
4741
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-badge--docs
|
|
4766
4742
|
*/
|
|
4767
|
-
declare const Badge: ({ children, color, ...props }: BadgeProps) => JSX.Element;
|
|
4743
|
+
declare const Badge: ({ children, color, ...props }: BadgeProps) => React__default.JSX.Element;
|
|
4768
4744
|
|
|
4769
|
-
|
|
4745
|
+
type TagProps = MUIGlobalOmit<Omit<ChipProps, 'size' | 'avatar'>>;
|
|
4770
4746
|
/**
|
|
4771
4747
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-tag--docs
|
|
4772
4748
|
*/
|
|
4773
|
-
declare const Tag: ({ color, ...props }: TagProps) => JSX.Element;
|
|
4749
|
+
declare const Tag: ({ color, ...props }: TagProps) => React__default.JSX.Element;
|
|
4774
4750
|
|
|
4775
|
-
|
|
4751
|
+
type FormatDateOptions = {
|
|
4776
4752
|
/**
|
|
4777
4753
|
* For more formats see here: https://day.js.org/docs/en/display/format#docsNav
|
|
4778
4754
|
*/
|
|
@@ -4780,15 +4756,15 @@ declare type FormatDateOptions = {
|
|
|
4780
4756
|
fromNow?: boolean;
|
|
4781
4757
|
utc?: boolean;
|
|
4782
4758
|
};
|
|
4783
|
-
|
|
4759
|
+
type DateType = dayjs.ConfigType;
|
|
4784
4760
|
/**
|
|
4785
4761
|
* Returns formatted date string. The format will depend on the option passed in the second argument.
|
|
4786
4762
|
*
|
|
4787
4763
|
* Documentation: https://up-components.up42.com/?path=/docs/utils--docs#formatnumber
|
|
4788
4764
|
*/
|
|
4789
|
-
declare const formatDate: (date: DateType, options?: FormatDateOptions
|
|
4765
|
+
declare const formatDate: (date: DateType, options?: FormatDateOptions) => string;
|
|
4790
4766
|
|
|
4791
|
-
|
|
4767
|
+
type DateTimeProps = {
|
|
4792
4768
|
date: DateType;
|
|
4793
4769
|
} & FormatDateOptions;
|
|
4794
4770
|
/**
|
|
@@ -4798,7 +4774,7 @@ declare const DateTime: React__default.ForwardRefExoticComponent<{
|
|
|
4798
4774
|
date: DateType;
|
|
4799
4775
|
} & FormatDateOptions & React__default.RefAttributes<HTMLTimeElement>>;
|
|
4800
4776
|
|
|
4801
|
-
|
|
4777
|
+
type DividerProps = Omit<DividerProps$1, 'classes' | 'light'> & {
|
|
4802
4778
|
/**
|
|
4803
4779
|
* @default 'default'
|
|
4804
4780
|
* The color of the divider.
|
|
@@ -4813,7 +4789,7 @@ declare type DividerProps = Omit<DividerProps$1, 'classes' | 'light'> & {
|
|
|
4813
4789
|
/**
|
|
4814
4790
|
* Documentation: https://up-components.up42.com/?path=/docs/layout-divider--docs
|
|
4815
4791
|
*/
|
|
4816
|
-
declare const Divider: React__default.ForwardRefExoticComponent<
|
|
4792
|
+
declare const Divider: React__default.ForwardRefExoticComponent<Omit<Omit<DividerProps$1<"hr", {}>, "classes" | "light"> & {
|
|
4817
4793
|
/**
|
|
4818
4794
|
* @default 'default'
|
|
4819
4795
|
* The color of the divider.
|
|
@@ -4824,9 +4800,9 @@ declare const Divider: React__default.ForwardRefExoticComponent<Pick<Omit<Divide
|
|
|
4824
4800
|
* The height of the divider.
|
|
4825
4801
|
*/
|
|
4826
4802
|
size?: "small" | "large" | "medium" | undefined;
|
|
4827
|
-
}, "
|
|
4803
|
+
}, "ref"> & React__default.RefAttributes<unknown>>;
|
|
4828
4804
|
|
|
4829
|
-
|
|
4805
|
+
type DocumentationPopoverProps = {
|
|
4830
4806
|
title: string;
|
|
4831
4807
|
children: React__default.ReactNode;
|
|
4832
4808
|
/**
|
|
@@ -4842,7 +4818,7 @@ declare type DocumentationPopoverProps = {
|
|
|
4842
4818
|
/**
|
|
4843
4819
|
* Documentation: https://up-components.up42.com/?path=/docs/patterns-popovers-documentationpopover--docs
|
|
4844
4820
|
*/
|
|
4845
|
-
declare const DocumentationPopover: ({ children, ctaPath, ctaLabel, title }: DocumentationPopoverProps) => JSX.Element;
|
|
4821
|
+
declare const DocumentationPopover: ({ children, ctaPath, ctaLabel, title }: DocumentationPopoverProps) => React__default.JSX.Element;
|
|
4846
4822
|
|
|
4847
4823
|
interface CodeInlineProps {
|
|
4848
4824
|
text: string;
|
|
@@ -4853,9 +4829,9 @@ interface CodeInlineProps {
|
|
|
4853
4829
|
/**
|
|
4854
4830
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-codeinline--docs
|
|
4855
4831
|
*/
|
|
4856
|
-
declare const CodeInline: ({ label, text, "data-testid": dataTestId, inlineLabel }: CodeInlineProps) => JSX.Element;
|
|
4832
|
+
declare const CodeInline: ({ label, text, "data-testid": dataTestId, inlineLabel }: CodeInlineProps) => React__default.JSX.Element;
|
|
4857
4833
|
|
|
4858
|
-
|
|
4834
|
+
type Languages = 'DFS' | 'atom' | 'bash' | 'clike' | 'css' | 'extend' | 'html' | 'insertBefore' | 'java' | 'javascript' | 'js' | 'json' | 'julia' | 'kotlin' | 'kt' | 'kts' | 'markup' | 'mathml' | 'plain' | 'plaintext' | 'py' | 'python' | 'rss' | 'sh' | 'shell' | 'ssml' | 'svg' | 'text' | 'txt' | 'webmanifest' | 'xml';
|
|
4859
4835
|
interface CodeSnippetItemProps {
|
|
4860
4836
|
label: string;
|
|
4861
4837
|
code: string;
|
|
@@ -4877,35 +4853,35 @@ interface CodeSnippetProps {
|
|
|
4877
4853
|
/**
|
|
4878
4854
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-CodeSnippet--docs
|
|
4879
4855
|
*/
|
|
4880
|
-
declare const CodeSnippet: ({ snippets, sx, onCopy, initialSnippetIndex }: CodeSnippetProps) => JSX.Element;
|
|
4856
|
+
declare const CodeSnippet: ({ snippets, sx, onCopy, initialSnippetIndex }: CodeSnippetProps) => React__default.JSX.Element;
|
|
4881
4857
|
|
|
4882
|
-
|
|
4858
|
+
type TableProps = MUIGlobalOmit<TableProps$1>;
|
|
4883
4859
|
/**
|
|
4884
4860
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-table--docs
|
|
4885
4861
|
*/
|
|
4886
|
-
declare const Table: ({ children, ...props }: TableProps) => JSX.Element;
|
|
4887
|
-
|
|
4888
|
-
declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
|
|
4889
|
-
|
|
4890
|
-
declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
|
|
4891
|
-
|
|
4892
|
-
declare const TableContainer: ({ children, ...props }: TableContainerProps) => JSX.Element;
|
|
4893
|
-
|
|
4894
|
-
declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
|
|
4895
|
-
|
|
4896
|
-
declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
|
|
4897
|
-
|
|
4898
|
-
declare const TablePagination: ({ ...props }: TablePaginationProps) => JSX.Element;
|
|
4899
|
-
|
|
4900
|
-
declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => JSX.Element;
|
|
4901
|
-
|
|
4902
|
-
declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
|
|
4903
|
-
|
|
4904
|
-
|
|
4862
|
+
declare const Table: ({ children, ...props }: TableProps) => React__default.JSX.Element;
|
|
4863
|
+
type TableBodyProps = MUIGlobalOmit<TableBodyProps$1>;
|
|
4864
|
+
declare const TableBody: ({ children, ...props }: TableBodyProps) => React__default.JSX.Element;
|
|
4865
|
+
type TableCellProps = MUIGlobalOmit<TableCellProps$1>;
|
|
4866
|
+
declare const TableCell: ({ children, ...props }: TableCellProps) => React__default.JSX.Element;
|
|
4867
|
+
type TableContainerProps = MUIGlobalOmit<TableContainerProps$1>;
|
|
4868
|
+
declare const TableContainer: ({ children, ...props }: TableContainerProps) => React__default.JSX.Element;
|
|
4869
|
+
type TableHeadProps = MUIGlobalOmit<TableHeadProps$1>;
|
|
4870
|
+
declare const TableHead: ({ children, ...props }: TableHeadProps) => React__default.JSX.Element;
|
|
4871
|
+
type TableRowProps = MUIGlobalOmit<TableRowProps$1>;
|
|
4872
|
+
declare const TableRow: ({ children, ...props }: TableRowProps) => React__default.JSX.Element;
|
|
4873
|
+
type TablePaginationProps = MUIGlobalOmit<TablePaginationProps$1>;
|
|
4874
|
+
declare const TablePagination: ({ ...props }: TablePaginationProps) => React__default.JSX.Element;
|
|
4875
|
+
type TableSortLabelProps = MUIGlobalOmit<TableSortLabelProps$1>;
|
|
4876
|
+
declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => React__default.JSX.Element;
|
|
4877
|
+
type TableFooterProps = MUIGlobalOmit<TableFooterProps$1>;
|
|
4878
|
+
declare const TableFooter: ({ children, ...props }: TableFooterProps) => React__default.JSX.Element;
|
|
4879
|
+
|
|
4880
|
+
type DataGridProps = MUIGlobalOmit<DataGridPremiumProps>;
|
|
4905
4881
|
/**
|
|
4906
4882
|
* Documentation: https://up-components.up42.com/?path=/docs/data-display-datagrid--docs
|
|
4907
4883
|
*/
|
|
4908
|
-
declare const DataGrid: ({ autoHeight, pageSizeOptions, disableRowSelectionOnClick, ...props }:
|
|
4884
|
+
declare const DataGrid: ({ autoHeight, pageSizeOptions, disableRowSelectionOnClick, pagination, ...props }: DataGridPremiumProps) => React__default.JSX.Element;
|
|
4909
4885
|
|
|
4910
4886
|
/**
|
|
4911
4887
|
* It should to be noted that this helper isn't equivalent to `text-transform: capitalize`.
|
|
@@ -4926,7 +4902,7 @@ declare const copyToClipboard: (text: string, successCallBack: () => void) => vo
|
|
|
4926
4902
|
*
|
|
4927
4903
|
* Documentation: https://up-components.up42.com/?path=/docs/utils--docs#formatnumber
|
|
4928
4904
|
*/
|
|
4929
|
-
declare const formatNumber: (number: string | number, options?: Intl.NumberFormatOptions
|
|
4905
|
+
declare const formatNumber: (number: string | number, options?: Intl.NumberFormatOptions) => string;
|
|
4930
4906
|
|
|
4931
4907
|
/**
|
|
4932
4908
|
* Takes bytes as a value and returns formatted file size as a string.
|
|
@@ -4947,8 +4923,8 @@ interface PaginatedResponse<T> {
|
|
|
4947
4923
|
totalElements: number;
|
|
4948
4924
|
content: T[];
|
|
4949
4925
|
}
|
|
4950
|
-
|
|
4951
|
-
|
|
4926
|
+
type OrderDirection = 'asc' | 'desc' | null;
|
|
4927
|
+
type UseRemotePaginationResponse = {
|
|
4952
4928
|
pageSize: number;
|
|
4953
4929
|
page: number;
|
|
4954
4930
|
count: number;
|
|
@@ -4988,7 +4964,7 @@ declare const useRemotePagination: (fetchingHook: ({ params }: {
|
|
|
4988
4964
|
*/
|
|
4989
4965
|
declare const useDebounce: <T>(value: T, delay?: number) => T;
|
|
4990
4966
|
|
|
4991
|
-
|
|
4967
|
+
type CreateAlertProps = {
|
|
4992
4968
|
title?: string;
|
|
4993
4969
|
message: string | ElementType;
|
|
4994
4970
|
type?: AlertColor;
|
|
@@ -5000,7 +4976,7 @@ declare type CreateAlertProps = {
|
|
|
5000
4976
|
/**
|
|
5001
4977
|
* Props for creating a snackbar.
|
|
5002
4978
|
*/
|
|
5003
|
-
|
|
4979
|
+
type CreateSnackbarProps = {
|
|
5004
4980
|
/**
|
|
5005
4981
|
* The message to be displayed in the snackbar.
|
|
5006
4982
|
*/
|
|
@@ -5022,11 +4998,11 @@ declare type CreateSnackbarProps = {
|
|
|
5022
4998
|
*/
|
|
5023
4999
|
transition?: 'slide' | 'grow' | 'fade';
|
|
5024
5000
|
} & SnackbarProps;
|
|
5025
|
-
|
|
5001
|
+
type DisplayAlertProps = CreateAlertProps & {
|
|
5026
5002
|
id: string;
|
|
5027
5003
|
onClose?: (id: string) => void;
|
|
5028
5004
|
};
|
|
5029
|
-
|
|
5005
|
+
type ContextState = {
|
|
5030
5006
|
createAlert: (props: CreateAlertProps) => void;
|
|
5031
5007
|
alertStack: DisplayAlertProps[];
|
|
5032
5008
|
removeFromStack: (id: string) => void;
|