@junyiacademy/ui-test 1.7.1 → 1.7.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/index.d.ts +15 -265
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +14 -0
- package/dist/index.js.map +1 -0
- package/dist/interfaces/index.d.ts +22 -0
- package/dist/interfaces/index.d.ts.map +1 -0
- package/dist/interfaces/index.js +2 -0
- package/dist/interfaces/index.js.map +1 -0
- package/dist/interfaces/shared-types.d.ts +17 -0
- package/dist/interfaces/shared-types.d.ts.map +1 -0
- package/dist/interfaces/shared-types.js +2 -0
- package/dist/interfaces/shared-types.js.map +1 -0
- package/dist/lib/Info-Popover/InfoPopover.d.ts +21 -0
- package/dist/lib/Info-Popover/InfoPopover.d.ts.map +1 -0
- package/dist/lib/Info-Popover/InfoPopover.js +221 -0
- package/dist/lib/Info-Popover/InfoPopover.js.map +1 -0
- package/dist/lib/MUI/Alert/Alert.d.ts +4 -0
- package/dist/lib/MUI/Alert/Alert.d.ts.map +1 -0
- package/dist/lib/MUI/Alert/Alert.js +4 -0
- package/dist/lib/MUI/Alert/Alert.js.map +1 -0
- package/dist/lib/MUI/Avatar/Avatar.d.ts +4 -0
- package/dist/lib/MUI/Avatar/Avatar.d.ts.map +1 -0
- package/dist/lib/MUI/Avatar/Avatar.js +4 -0
- package/dist/lib/MUI/Avatar/Avatar.js.map +1 -0
- package/dist/lib/MUI/Badge/Badge.d.ts +4 -0
- package/dist/lib/MUI/Badge/Badge.d.ts.map +1 -0
- package/dist/lib/MUI/Badge/Badge.js +4 -0
- package/dist/lib/MUI/Badge/Badge.js.map +1 -0
- package/dist/lib/MUI/Checkbox/Checkbox.d.ts +4 -0
- package/dist/lib/MUI/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/lib/MUI/Checkbox/Checkbox.js +4 -0
- package/dist/lib/MUI/Checkbox/Checkbox.js.map +1 -0
- package/dist/lib/MUI/Chip/Chip.d.ts +4 -0
- package/dist/lib/MUI/Chip/Chip.d.ts.map +1 -0
- package/dist/lib/MUI/Chip/Chip.js +4 -0
- package/dist/lib/MUI/Chip/Chip.js.map +1 -0
- package/dist/lib/MUI/CircularProgress/CircularProgress.d.ts +4 -0
- package/dist/lib/MUI/CircularProgress/CircularProgress.d.ts.map +1 -0
- package/dist/lib/MUI/CircularProgress/CircularProgress.js +4 -0
- package/dist/lib/MUI/CircularProgress/CircularProgress.js.map +1 -0
- package/dist/lib/MUI/Divider/Divider.d.ts +4 -0
- package/dist/lib/MUI/Divider/Divider.d.ts.map +1 -0
- package/dist/lib/MUI/Divider/Divider.js +4 -0
- package/dist/lib/MUI/Divider/Divider.js.map +1 -0
- package/dist/lib/MUI/Fab/Fab.d.ts +4 -0
- package/dist/lib/MUI/Fab/Fab.d.ts.map +1 -0
- package/dist/lib/MUI/Fab/Fab.js +4 -0
- package/dist/lib/MUI/Fab/Fab.js.map +1 -0
- package/dist/lib/MUI/LinearProgress/LinearProgress.d.ts +4 -0
- package/dist/lib/MUI/LinearProgress/LinearProgress.d.ts.map +1 -0
- package/dist/lib/MUI/LinearProgress/LinearProgress.js +4 -0
- package/dist/lib/MUI/LinearProgress/LinearProgress.js.map +1 -0
- package/dist/lib/MUI/Link/Link.d.ts +4 -0
- package/dist/lib/MUI/Link/Link.d.ts.map +1 -0
- package/dist/lib/MUI/Link/Link.js +4 -0
- package/dist/lib/MUI/Link/Link.js.map +1 -0
- package/dist/lib/MUI/Menu/Menu.d.ts +4 -0
- package/dist/lib/MUI/Menu/Menu.d.ts.map +1 -0
- package/dist/lib/MUI/Menu/Menu.js +4 -0
- package/dist/lib/MUI/Menu/Menu.js.map +1 -0
- package/dist/lib/MUI/Menu/MenuItem.d.ts +4 -0
- package/dist/lib/MUI/Menu/MenuItem.d.ts.map +1 -0
- package/dist/lib/MUI/Menu/MenuItem.js +3 -0
- package/dist/lib/MUI/Menu/MenuItem.js.map +1 -0
- package/dist/lib/MUI/Paper/Paper.d.ts +4 -0
- package/dist/lib/MUI/Paper/Paper.d.ts.map +1 -0
- package/dist/lib/MUI/Paper/Paper.js +4 -0
- package/dist/lib/MUI/Paper/Paper.js.map +1 -0
- package/dist/lib/MUI/Rating/Rating.d.ts +4 -0
- package/dist/lib/MUI/Rating/Rating.d.ts.map +1 -0
- package/dist/lib/MUI/Rating/Rating.js +4 -0
- package/dist/lib/MUI/Rating/Rating.js.map +1 -0
- package/dist/lib/MUI/Skeleton/Skeleton.d.ts +4 -0
- package/dist/lib/MUI/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/lib/MUI/Skeleton/Skeleton.js +4 -0
- package/dist/lib/MUI/Skeleton/Skeleton.js.map +1 -0
- package/dist/lib/MUI/Slider/Slider.d.ts +4 -0
- package/dist/lib/MUI/Slider/Slider.d.ts.map +1 -0
- package/dist/lib/MUI/Slider/Slider.js +4 -0
- package/dist/lib/MUI/Slider/Slider.js.map +1 -0
- package/dist/lib/MUI/Snackbar/Snackbar.d.ts +4 -0
- package/dist/lib/MUI/Snackbar/Snackbar.d.ts.map +1 -0
- package/dist/lib/MUI/Snackbar/Snackbar.js +4 -0
- package/dist/lib/MUI/Snackbar/Snackbar.js.map +1 -0
- package/dist/lib/MUI/Switch/Switch.d.ts +4 -0
- package/dist/lib/MUI/Switch/Switch.d.ts.map +1 -0
- package/dist/lib/MUI/Switch/Switch.js +4 -0
- package/dist/lib/MUI/Switch/Switch.js.map +1 -0
- package/dist/lib/MUI/Tooltip/Tooltip.d.ts +4 -0
- package/dist/lib/MUI/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/lib/MUI/Tooltip/Tooltip.js +4 -0
- package/dist/lib/MUI/Tooltip/Tooltip.js.map +1 -0
- package/dist/lib/MUI/Typography/Typography.d.ts +6 -0
- package/dist/lib/MUI/Typography/Typography.d.ts.map +1 -0
- package/dist/lib/MUI/Typography/Typography.js +4 -0
- package/dist/lib/MUI/Typography/Typography.js.map +1 -0
- package/dist/lib/button/Button.d.ts +10 -0
- package/dist/lib/button/Button.d.ts.map +1 -0
- package/dist/lib/button/Button.js +41 -0
- package/dist/lib/button/Button.js.map +1 -0
- package/dist/lib/button/LoadingButton.d.ts +8 -0
- package/dist/lib/button/LoadingButton.d.ts.map +1 -0
- package/dist/lib/button/LoadingButton.js +30 -0
- package/dist/lib/button/LoadingButton.js.map +1 -0
- package/dist/lib/button-group/ButtonGroup.d.ts +12 -0
- package/dist/lib/button-group/ButtonGroup.d.ts.map +1 -0
- package/dist/lib/button-group/ButtonGroup.js +19 -0
- package/dist/lib/button-group/ButtonGroup.js.map +1 -0
- package/dist/lib/chip/Chip.d.ts +10 -0
- package/dist/lib/chip/Chip.d.ts.map +1 -0
- package/dist/lib/chip/Chip.js +32 -0
- package/dist/lib/chip/Chip.js.map +1 -0
- package/dist/lib/icon/Icon.d.ts +6 -0
- package/dist/lib/icon/Icon.d.ts.map +1 -0
- package/dist/lib/icon/Icon.js +3 -0
- package/dist/lib/icon/Icon.js.map +1 -0
- package/dist/lib/menu-item/SelectMenuItem.d.ts +7 -0
- package/dist/lib/menu-item/SelectMenuItem.d.ts.map +1 -0
- package/dist/lib/menu-item/SelectMenuItem.js +24 -0
- package/dist/lib/menu-item/SelectMenuItem.js.map +1 -0
- package/dist/lib/radio/Radio.d.ts +14 -0
- package/dist/lib/radio/Radio.d.ts.map +1 -0
- package/dist/lib/radio/Radio.js +35 -0
- package/dist/lib/radio/Radio.js.map +1 -0
- package/dist/lib/select/OutlinedSelect.d.ts +4 -0
- package/dist/lib/select/OutlinedSelect.d.ts.map +1 -0
- package/dist/lib/select/OutlinedSelect.js +89 -0
- package/dist/lib/select/OutlinedSelect.js.map +1 -0
- package/dist/lib/select/Select.d.ts +4 -0
- package/dist/lib/select/Select.d.ts.map +1 -0
- package/dist/lib/select/Select.js +11 -0
- package/dist/lib/select/Select.js.map +1 -0
- package/dist/lib/select/StandardSelect.d.ts +4 -0
- package/dist/lib/select/StandardSelect.d.ts.map +1 -0
- package/dist/lib/select/StandardSelect.js +59 -0
- package/dist/lib/select/StandardSelect.js.map +1 -0
- package/dist/lib/text-field/TextField.d.ts +4 -0
- package/dist/lib/text-field/TextField.d.ts.map +1 -0
- package/dist/lib/text-field/TextField.js +74 -0
- package/dist/lib/text-field/TextField.js.map +1 -0
- package/dist/lib/topic-filter/TopicFilter.d.ts +14 -0
- package/dist/lib/topic-filter/TopicFilter.d.ts.map +1 -0
- package/dist/lib/topic-filter/TopicFilter.js +92 -0
- package/dist/lib/topic-filter/TopicFilter.js.map +1 -0
- package/dist/lib/tutorial/Tutorial.d.ts +9 -0
- package/dist/lib/tutorial/Tutorial.d.ts.map +1 -0
- package/dist/lib/tutorial/Tutorial.js +42 -0
- package/dist/lib/tutorial/Tutorial.js.map +1 -0
- package/dist/lib/tutorial/TutorialStep.d.ts +28 -0
- package/dist/lib/tutorial/TutorialStep.d.ts.map +1 -0
- package/dist/lib/tutorial/TutorialStep.js +69 -0
- package/dist/lib/tutorial/TutorialStep.js.map +1 -0
- package/dist/styles/colors.d.ts +12 -0
- package/dist/styles/colors.d.ts.map +1 -0
- package/dist/styles/colors.js +6 -0
- package/dist/styles/colors.js.map +1 -0
- package/dist/styles/locales/dateTimePicker.d.ts +85 -0
- package/dist/styles/locales/dateTimePicker.d.ts.map +1 -0
- package/dist/styles/locales/dateTimePicker.js +71 -0
- package/dist/styles/locales/dateTimePicker.js.map +1 -0
- package/dist/styles/theme.d.ts +78 -0
- package/dist/styles/theme.d.ts.map +1 -0
- package/dist/styles/theme.js +206 -0
- package/dist/styles/theme.js.map +1 -0
- package/dist/utils/capitalize.d.ts +2 -0
- package/dist/utils/capitalize.d.ts.map +1 -0
- package/dist/utils/capitalize.js +4 -0
- package/dist/utils/capitalize.js.map +1 -0
- package/package.json +20 -28
- package/dist/index.js.mjs +0 -1479
- package/dist/index.js.umd.js +0 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,265 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
import { RadioProps as RadioProps_2 } from '@mui/material';
|
|
17
|
-
import { RefAttributes } from 'react';
|
|
18
|
-
import { StyledComponent } from '@emotion/styled';
|
|
19
|
-
import { TextFieldProps } from '@mui/material';
|
|
20
|
-
import { Theme } from '@mui/material/styles';
|
|
21
|
-
import { TypographyProps } from '@mui/material';
|
|
22
|
-
|
|
23
|
-
export declare const Button: StyledComponent<ButtonProps>;
|
|
24
|
-
|
|
25
|
-
export declare const ButtonGroup: StyledComponent<StyledButtonGroupProps>;
|
|
26
|
-
|
|
27
|
-
declare interface ButtonProps extends Partial<ButtonProps_2> {
|
|
28
|
-
active?: boolean;
|
|
29
|
-
color?: Color;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export declare const Chip: ({ color, checked, ...props }: ChipProps) => JSX_2.Element;
|
|
33
|
-
|
|
34
|
-
declare type ChipColor = ProgressColor | Color;
|
|
35
|
-
|
|
36
|
-
declare interface ChipProps extends Pick<ChipProps_2, 'icon' | 'label' | 'clickable' | 'sx' | 'onClick' | 'disabled'> {
|
|
37
|
-
color?: ChipColor;
|
|
38
|
-
checked?: boolean;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
declare type Color = (typeof paletteColor)[number];
|
|
42
|
-
|
|
43
|
-
export declare const colors: {
|
|
44
|
-
readonly yellow: {
|
|
45
|
-
readonly 200: "#FFFF99";
|
|
46
|
-
};
|
|
47
|
-
readonly blue: {
|
|
48
|
-
readonly 600: "#4990E2";
|
|
49
|
-
};
|
|
50
|
-
readonly lightGreen: {
|
|
51
|
-
readonly 400: "#99CC66";
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export declare const InfoPopover: ({ anchorEl, arrow, placement, hasBorder, content, helperText, chipLabel, TopLeftButtonProps, TopRightButtonProps, BottomRightButtonProps, ChipProps, PopperProps, }: InfoPopoverProps) => JSX_2.Element;
|
|
56
|
-
|
|
57
|
-
declare interface InfoPopoverProps extends Pick<PopperProps, 'anchorEl' | 'placement'> {
|
|
58
|
-
arrow?: boolean;
|
|
59
|
-
hasBorder?: boolean;
|
|
60
|
-
content?: string;
|
|
61
|
-
helperText?: string;
|
|
62
|
-
chipLabel?: string;
|
|
63
|
-
ChipProps?: ChipProps;
|
|
64
|
-
TopRightButtonProps?: PopperButtonProps;
|
|
65
|
-
TopLeftButtonProps?: PopperButtonProps;
|
|
66
|
-
BottomRightButtonProps?: PopperButtonProps;
|
|
67
|
-
PopperProps?: Partial<PopperProps>;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
export declare const LoadingButton: React.FC<LoadingButtonProps>;
|
|
71
|
-
|
|
72
|
-
declare interface LoadingButtonProps extends Partial<ButtonProps_2> {
|
|
73
|
-
color?: Color;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
declare const paletteColor: readonly ["primary", "secondary", "success", "error", "info", "cancel", "warning", "primaryGreen", "blueGreen", "grassGreen", "darkOrange"];
|
|
77
|
-
|
|
78
|
-
declare interface PopperButtonProps extends ButtonProps {
|
|
79
|
-
title?: string;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export declare type ProgressColor = (typeof progressColor)[number];
|
|
83
|
-
|
|
84
|
-
declare const progressColor: readonly ["progressPrimary", "progressUpgraded", "progressUnstarted", "progressStart", "progressLevel1", "progressLevel2", "progressLevel3", "progressFinished", "progressStruggle"];
|
|
85
|
-
|
|
86
|
-
export declare const Radio: React.FC<RadioProps>;
|
|
87
|
-
|
|
88
|
-
declare interface RadioProps extends Omit<FormControlLabelProps, 'control'> {
|
|
89
|
-
color?: 'primary' | 'secondary' | 'default';
|
|
90
|
-
size?: 'medium' | 'small';
|
|
91
|
-
caption?: string;
|
|
92
|
-
FormControlLabelProps?: Partial<FormControlLabelProps>;
|
|
93
|
-
RadioProps?: Partial<RadioProps_2> & {
|
|
94
|
-
'data-testid'?: string;
|
|
95
|
-
};
|
|
96
|
-
TypographyProps?: Partial<TypographyProps>;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
export declare const Select: React.FC<SelectProps>;
|
|
100
|
-
|
|
101
|
-
export declare const SelectMenuItem: ForwardRefExoticComponent<Omit<SelectMenuItemProps, "ref"> & RefAttributes<HTMLLIElement>>;
|
|
102
|
-
|
|
103
|
-
declare interface SelectMenuItemProps extends MenuItemProps {
|
|
104
|
-
value?: any;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
declare interface SelectProps extends BaseSelectProps {
|
|
108
|
-
helperText?: string;
|
|
109
|
-
FormControlProps?: Partial<FormControlProps>;
|
|
110
|
-
InputLabelProps?: Partial<InputLabelProps>;
|
|
111
|
-
InputProps?: (Partial<OutlinedInputProps> & {
|
|
112
|
-
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
113
|
-
}) | (object & Partial<InputProps>);
|
|
114
|
-
SelectProps?: object | Partial<BaseSelectProps>;
|
|
115
|
-
FormHelperTextProps?: Partial<FormHelperTextProps>;
|
|
116
|
-
color?: 'primary' | 'secondary';
|
|
117
|
-
size?: 'medium' | 'small';
|
|
118
|
-
paperMaxHeight?: number | string;
|
|
119
|
-
error?: boolean;
|
|
120
|
-
hasLabel?: boolean;
|
|
121
|
-
hasShrink?: boolean;
|
|
122
|
-
disabled?: boolean;
|
|
123
|
-
className?: string;
|
|
124
|
-
otherProps?: any;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
declare interface StyledButtonGroupProps extends Partial<ButtonGroupProps> {
|
|
128
|
-
color?: Color;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
export declare const TextField: React.FC<TextFieldProps>;
|
|
132
|
-
|
|
133
|
-
export declare const theme: Theme;
|
|
134
|
-
|
|
135
|
-
export declare const TopicFilter: ({ topicList, onTopicSelected, hasArrow, selectedTopicIds, onResetClick, hasResetOption, }: TopicFilterProps) => JSX_2.Element;
|
|
136
|
-
|
|
137
|
-
declare interface TopicFilterProps {
|
|
138
|
-
topicList: TopicFilterQueryTopicInfo;
|
|
139
|
-
onTopicSelected: (selectedTopicId: string, selectedInfo: {
|
|
140
|
-
layerNumber: number;
|
|
141
|
-
}) => void;
|
|
142
|
-
hasArrow: boolean;
|
|
143
|
-
selectedTopicIds: string[];
|
|
144
|
-
onResetClick?: () => void;
|
|
145
|
-
hasResetOption?: boolean;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
declare type TopicFilterQueryTopicInfo = {
|
|
149
|
-
isError?: boolean;
|
|
150
|
-
isLoading?: boolean;
|
|
151
|
-
isSuccess?: boolean;
|
|
152
|
-
data?: {
|
|
153
|
-
children: TopicFilterSubTree[];
|
|
154
|
-
};
|
|
155
|
-
}[];
|
|
156
|
-
|
|
157
|
-
declare interface TopicFilterSubTree {
|
|
158
|
-
id: string;
|
|
159
|
-
title: string;
|
|
160
|
-
href?: string;
|
|
161
|
-
hasContentChild?: boolean;
|
|
162
|
-
tags?: string[];
|
|
163
|
-
children: TopicFilterSubTree[];
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
export declare const Tutorial: ({ steps, initialStep, onClose, }: TutorialProps) => JSX_2.Element;
|
|
167
|
-
|
|
168
|
-
declare interface TutorialButtonProps {
|
|
169
|
-
title?: string;
|
|
170
|
-
variant?: 'text' | 'outlined' | 'contained';
|
|
171
|
-
size?: 'small' | 'medium' | 'large';
|
|
172
|
-
onClick?: (context?: TutorialContext) => void;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
declare interface TutorialContext {
|
|
176
|
-
close: () => void;
|
|
177
|
-
goToStep: (step: number) => void;
|
|
178
|
-
currentStep: number;
|
|
179
|
-
currentStepProps: TutorialStepProps;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
declare interface TutorialProps {
|
|
183
|
-
steps?: TutorialStepProps[];
|
|
184
|
-
initialStep?: number;
|
|
185
|
-
onClose: () => void;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
declare interface TutorialStepProps {
|
|
189
|
-
title: string;
|
|
190
|
-
content: string;
|
|
191
|
-
imageUrl?: string;
|
|
192
|
-
confirmButtonProps?: TutorialButtonProps;
|
|
193
|
-
cancelButtonProps?: TutorialButtonProps;
|
|
194
|
-
closeButtonProps?: TutorialButtonProps | boolean;
|
|
195
|
-
context?: TutorialContext;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
export { }
|
|
199
|
-
|
|
200
|
-
declare module '@mui/material/styles' {
|
|
201
|
-
interface Palette {
|
|
202
|
-
primaryGreen: Palette['primary'];
|
|
203
|
-
blueGreen: Palette['primary'];
|
|
204
|
-
grassGreen: Palette['primary'];
|
|
205
|
-
cancel: Palette['primary'];
|
|
206
|
-
darkOrange: Palette['primary'];
|
|
207
|
-
progressPrimary: Palette['primary'];
|
|
208
|
-
progressUpgraded: Palette['primary'];
|
|
209
|
-
progressUnstarted: Palette['primary'];
|
|
210
|
-
progressStart: Palette['primary'];
|
|
211
|
-
progressLevel1: Palette['primary'];
|
|
212
|
-
progressLevel2: Palette['primary'];
|
|
213
|
-
progressLevel3: Palette['primary'];
|
|
214
|
-
progressFinished: Palette['primary'];
|
|
215
|
-
progressStruggle: Palette['primary'];
|
|
216
|
-
}
|
|
217
|
-
interface PaletteOptions {
|
|
218
|
-
primaryGreen: PaletteOptions['primary'];
|
|
219
|
-
blueGreen: PaletteOptions['primary'];
|
|
220
|
-
grassGreen: PaletteOptions['primary'];
|
|
221
|
-
cancel: PaletteOptions['primary'];
|
|
222
|
-
darkOrange: PaletteOptions['primary'];
|
|
223
|
-
progressPrimary: PaletteOptions['primary'];
|
|
224
|
-
progressUpgraded: PaletteOptions['primary'];
|
|
225
|
-
progressUnstarted: PaletteOptions['primary'];
|
|
226
|
-
progressStart: PaletteOptions['primary'];
|
|
227
|
-
progressLevel1: PaletteOptions['primary'];
|
|
228
|
-
progressLevel2: PaletteOptions['primary'];
|
|
229
|
-
progressLevel3: PaletteOptions['primary'];
|
|
230
|
-
progressFinished: PaletteOptions['primary'];
|
|
231
|
-
progressStruggle: PaletteOptions['primary'];
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
declare module '@mui/material' {
|
|
237
|
-
interface ButtonPropsColorOverrides extends DefaultColorOverrides {
|
|
238
|
-
}
|
|
239
|
-
interface ButtonGroupPropsColorOverrides extends DefaultColorOverrides {
|
|
240
|
-
}
|
|
241
|
-
interface CheckboxPropsColorOverrides extends DefaultColorOverrides {
|
|
242
|
-
}
|
|
243
|
-
interface FabPropsColorOverrides extends DefaultColorOverrides {
|
|
244
|
-
}
|
|
245
|
-
interface ChipPropsColorOverrides extends DefaultColorOverrides {
|
|
246
|
-
}
|
|
247
|
-
interface SwitchPropsColorOverrides extends DefaultColorOverrides {
|
|
248
|
-
}
|
|
249
|
-
interface BadgePropsColorOverrides extends DefaultColorOverrides {
|
|
250
|
-
}
|
|
251
|
-
interface CircularProgressPropsColorOverrides extends DefaultColorOverrides {
|
|
252
|
-
}
|
|
253
|
-
interface LinearProgressPropsColorOverrides extends DefaultColorOverrides {
|
|
254
|
-
}
|
|
255
|
-
interface ChipPropsColorOverrides extends DefaultColorOverrides {
|
|
256
|
-
progressUpgraded: true;
|
|
257
|
-
progressUnstarted: true;
|
|
258
|
-
progressStart: true;
|
|
259
|
-
progressLevel1: true;
|
|
260
|
-
progressLevel2: true;
|
|
261
|
-
progressLevel3: true;
|
|
262
|
-
progressFinished: true;
|
|
263
|
-
progressStruggle: true;
|
|
264
|
-
}
|
|
265
|
-
}
|
|
1
|
+
export { default as theme } from './styles/theme';
|
|
2
|
+
export { colors } from './styles/colors';
|
|
3
|
+
export type { ProgressColor } from './styles/theme';
|
|
4
|
+
export { default as TopicFilter } from './lib/topic-filter/TopicFilter';
|
|
5
|
+
export { default as SelectMenuItem } from './lib/menu-item/SelectMenuItem';
|
|
6
|
+
export { default as Button } from './lib/button/Button';
|
|
7
|
+
export { default as LoadingButton } from './lib/button/LoadingButton';
|
|
8
|
+
export { default as ButtonGroup } from './lib/button-group/ButtonGroup';
|
|
9
|
+
export { default as Radio } from './lib/radio/Radio';
|
|
10
|
+
export { default as TextField } from './lib/text-field/TextField';
|
|
11
|
+
export { default as Select } from './lib/select/Select';
|
|
12
|
+
export { default as Tutorial } from './lib/tutorial/Tutorial';
|
|
13
|
+
export { default as Chip } from './lib/chip/Chip';
|
|
14
|
+
export { default as InfoPopover } from './lib/Info-Popover/InfoPopover';
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export { default as theme } from './styles/theme';
|
|
2
|
+
export { colors } from './styles/colors';
|
|
3
|
+
export { default as TopicFilter } from './lib/topic-filter/TopicFilter';
|
|
4
|
+
export { default as SelectMenuItem } from './lib/menu-item/SelectMenuItem';
|
|
5
|
+
export { default as Button } from './lib/button/Button';
|
|
6
|
+
export { default as LoadingButton } from './lib/button/LoadingButton';
|
|
7
|
+
export { default as ButtonGroup } from './lib/button-group/ButtonGroup';
|
|
8
|
+
export { default as Radio } from './lib/radio/Radio';
|
|
9
|
+
export { default as TextField } from './lib/text-field/TextField';
|
|
10
|
+
export { default as Select } from './lib/select/Select';
|
|
11
|
+
export { default as Tutorial } from './lib/tutorial/Tutorial';
|
|
12
|
+
export { default as Chip } from './lib/chip/Chip';
|
|
13
|
+
export { default as InfoPopover } from './lib/Info-Popover/InfoPopover';
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
import { FormControlProps as MuiFormControlProps, FormHelperTextProps as MuiFormHelperTextProps, InputLabelProps as MuiInputLabelProps, InputProps as MuiInputProps, BaseSelectProps as MuiSelectProp, OutlinedInputProps } from '@mui/material';
|
|
3
|
+
export interface SelectProps extends MuiSelectProp {
|
|
4
|
+
helperText?: string;
|
|
5
|
+
FormControlProps?: Partial<MuiFormControlProps>;
|
|
6
|
+
InputLabelProps?: Partial<MuiInputLabelProps>;
|
|
7
|
+
InputProps?: (Partial<OutlinedInputProps> & {
|
|
8
|
+
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
}) | (object & Partial<MuiInputProps>);
|
|
10
|
+
SelectProps?: object | Partial<MuiSelectProp>;
|
|
11
|
+
FormHelperTextProps?: Partial<MuiFormHelperTextProps>;
|
|
12
|
+
color?: 'primary' | 'secondary';
|
|
13
|
+
size?: 'medium' | 'small';
|
|
14
|
+
paperMaxHeight?: number | string;
|
|
15
|
+
error?: boolean;
|
|
16
|
+
hasLabel?: boolean;
|
|
17
|
+
hasShrink?: boolean;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
className?: string;
|
|
20
|
+
otherProps?: any;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,gBAAgB,IAAI,mBAAmB,EACvC,mBAAmB,IAAI,sBAAsB,EAC7C,eAAe,IAAI,kBAAkB,EACrC,UAAU,IAAI,aAAa,EAC3B,eAAe,IAAI,aAAa,EAChC,kBAAkB,EACnB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAY,SAAQ,aAAa;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC9C,UAAU,CAAC,EACP,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG;QAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;KACtD,CAAC,GACF,CAAC,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/interfaces/index.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface TopicBase {
|
|
2
|
+
id: string;
|
|
3
|
+
title: string;
|
|
4
|
+
href: string;
|
|
5
|
+
hasContentChild: boolean;
|
|
6
|
+
tags: string[];
|
|
7
|
+
}
|
|
8
|
+
export interface SubTree extends TopicBase {
|
|
9
|
+
children: SubTree[];
|
|
10
|
+
}
|
|
11
|
+
export type QueryTopicInfo = {
|
|
12
|
+
data: SubTree;
|
|
13
|
+
isLoading: boolean;
|
|
14
|
+
isSuccess: boolean;
|
|
15
|
+
isError: boolean;
|
|
16
|
+
}[];
|
|
17
|
+
//# sourceMappingURL=shared-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared-types.d.ts","sourceRoot":"","sources":["../../src/interfaces/shared-types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,OAAQ,SAAQ,SAAS;IACxC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared-types.js","sourceRoot":"","sources":["../../src/interfaces/shared-types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { PopperProps as MuiPopperProps } from '@mui/material';
|
|
2
|
+
import { ButtonProps } from '../button/Button';
|
|
3
|
+
import { ChipProps } from '../chip/Chip';
|
|
4
|
+
export interface PopperButtonProps extends ButtonProps {
|
|
5
|
+
title?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface InfoPopoverProps extends Pick<MuiPopperProps, 'anchorEl' | 'placement'> {
|
|
8
|
+
arrow?: boolean;
|
|
9
|
+
hasBorder?: boolean;
|
|
10
|
+
content?: string;
|
|
11
|
+
helperText?: string;
|
|
12
|
+
chipLabel?: string;
|
|
13
|
+
ChipProps?: ChipProps;
|
|
14
|
+
TopRightButtonProps?: PopperButtonProps;
|
|
15
|
+
TopLeftButtonProps?: PopperButtonProps;
|
|
16
|
+
BottomRightButtonProps?: PopperButtonProps;
|
|
17
|
+
PopperProps?: Partial<MuiPopperProps>;
|
|
18
|
+
}
|
|
19
|
+
export declare const InfoPopover: ({ anchorEl, arrow, placement, hasBorder, content, helperText, chipLabel, TopLeftButtonProps, TopRightButtonProps, BottomRightButtonProps, ChipProps, PopperProps, }: InfoPopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export default InfoPopover;
|
|
21
|
+
//# sourceMappingURL=InfoPopover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoPopover.d.ts","sourceRoot":"","sources":["../../../src/lib/Info-Popover/InfoPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,WAAW,IAAI,cAAc,EAE9B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAkI/C,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,WAAW,CAAC;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;IACvC,sBAAsB,CAAC,EAAE,iBAAiB,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,WAAW,GAAI,qKAazB,gBAAgB,4CA+MlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { styled } from '@mui/material/styles';
|
|
4
|
+
import { Box, Popper as MuiPopper, Typography, } from '@mui/material';
|
|
5
|
+
import { Button } from '../button/Button';
|
|
6
|
+
import { Chip } from '../chip/Chip';
|
|
7
|
+
const StyledPopper = styled(MuiPopper)(({ theme }) => ({
|
|
8
|
+
zIndex: 1000,
|
|
9
|
+
'& > div': {
|
|
10
|
+
position: 'relative',
|
|
11
|
+
},
|
|
12
|
+
'&[data-popper-placement*="bottom"]': {
|
|
13
|
+
'& > div': {
|
|
14
|
+
marginTop: 6,
|
|
15
|
+
},
|
|
16
|
+
'& .MuiPopper-arrow': {
|
|
17
|
+
top: 0,
|
|
18
|
+
left: 0,
|
|
19
|
+
marginTop: '-0.9em',
|
|
20
|
+
width: '3em',
|
|
21
|
+
height: '1em',
|
|
22
|
+
'&::after': {
|
|
23
|
+
borderWidth: '0 1em 1em 1em',
|
|
24
|
+
borderColor: `transparent transparent ${theme.palette.common.white} transparent`,
|
|
25
|
+
top: 1,
|
|
26
|
+
},
|
|
27
|
+
'&::before': {
|
|
28
|
+
borderWidth: '0 1em 1em 1em',
|
|
29
|
+
borderColor: `transparent transparent rgba(0, 0, 0, 0.4) transparent`,
|
|
30
|
+
top: 6,
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
'&[data-popper-placement*="top"]': {
|
|
35
|
+
'& > div': {
|
|
36
|
+
marginBottom: 6,
|
|
37
|
+
},
|
|
38
|
+
'& .MuiPopper-arrow': {
|
|
39
|
+
bottom: 0,
|
|
40
|
+
left: 0,
|
|
41
|
+
marginBottom: '-0.9em',
|
|
42
|
+
width: '3em',
|
|
43
|
+
height: '1em',
|
|
44
|
+
'&::after': {
|
|
45
|
+
borderWidth: '6px 6px 0 6px',
|
|
46
|
+
borderColor: `${theme.palette.common.white} transparent transparent transparent`,
|
|
47
|
+
bottom: 14,
|
|
48
|
+
},
|
|
49
|
+
'&::before': {
|
|
50
|
+
borderWidth: '7px 7px 0 7px',
|
|
51
|
+
borderColor: `rgba(0, 0, 0, 0.4) transparent transparent transparent`,
|
|
52
|
+
bottom: 6,
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
'&[data-popper-placement*="right"]': {
|
|
57
|
+
'& > div': {
|
|
58
|
+
marginLeft: 6,
|
|
59
|
+
},
|
|
60
|
+
'& .MuiPopper-arrow': {
|
|
61
|
+
left: 6,
|
|
62
|
+
marginLeft: '-0.9em',
|
|
63
|
+
height: '3em',
|
|
64
|
+
width: '1em',
|
|
65
|
+
'&::after': {
|
|
66
|
+
borderWidth: '6px 6px 6px 0',
|
|
67
|
+
borderColor: `transparent ${theme.palette.common.white} transparent transparent`,
|
|
68
|
+
top: -13,
|
|
69
|
+
left: 1,
|
|
70
|
+
},
|
|
71
|
+
'&::before': {
|
|
72
|
+
borderWidth: '7px 7px 7px 0',
|
|
73
|
+
borderColor: `transparent rgba(0, 0, 0, 0.4) transparent transparent`,
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
'&[data-popper-placement*="left"]': {
|
|
78
|
+
'& > div': {
|
|
79
|
+
marginRight: 6,
|
|
80
|
+
},
|
|
81
|
+
'& .MuiPopper-arrow': {
|
|
82
|
+
right: 6,
|
|
83
|
+
marginRight: '-0.9em',
|
|
84
|
+
height: '3em',
|
|
85
|
+
width: '1em',
|
|
86
|
+
'&::after': {
|
|
87
|
+
borderWidth: '6px 0 6px 6px',
|
|
88
|
+
borderColor: `transparent transparent transparent ${theme.palette.common.white}`,
|
|
89
|
+
top: -13,
|
|
90
|
+
right: 1,
|
|
91
|
+
},
|
|
92
|
+
'&::before': {
|
|
93
|
+
borderWidth: '7px 0 7px 7px',
|
|
94
|
+
borderColor: `transparent transparent transparent rgba(0, 0, 0, 0.4)`,
|
|
95
|
+
},
|
|
96
|
+
},
|
|
97
|
+
},
|
|
98
|
+
}));
|
|
99
|
+
const StyledArrow = styled('div')(({ hasBorder }) => ({
|
|
100
|
+
position: 'absolute',
|
|
101
|
+
fontSize: 7,
|
|
102
|
+
width: '3em',
|
|
103
|
+
height: '3em',
|
|
104
|
+
zIndex: 1,
|
|
105
|
+
'&::after': {
|
|
106
|
+
position: 'relative',
|
|
107
|
+
content: '""',
|
|
108
|
+
margin: 'auto',
|
|
109
|
+
display: 'block',
|
|
110
|
+
width: 0,
|
|
111
|
+
height: 0,
|
|
112
|
+
borderStyle: 'solid',
|
|
113
|
+
zIndex: 2,
|
|
114
|
+
},
|
|
115
|
+
'&::before': {
|
|
116
|
+
position: 'relative',
|
|
117
|
+
content: '""',
|
|
118
|
+
margin: 'auto',
|
|
119
|
+
display: 'block',
|
|
120
|
+
visibility: hasBorder ? 'visible' : 'hidden',
|
|
121
|
+
width: 0,
|
|
122
|
+
height: 0,
|
|
123
|
+
borderStyle: 'solid',
|
|
124
|
+
},
|
|
125
|
+
}));
|
|
126
|
+
const StyledButton = styled(Button)({
|
|
127
|
+
minWidth: '49px',
|
|
128
|
+
});
|
|
129
|
+
export const InfoPopover = ({ anchorEl, arrow, placement = 'right', hasBorder = true, content = '', helperText, chipLabel, TopLeftButtonProps, TopRightButtonProps, BottomRightButtonProps, ChipProps, PopperProps = {}, }) => {
|
|
130
|
+
const [arrowRef, setArrowRef] = useState(null);
|
|
131
|
+
const { title: TopLeftButtonTitle, ...otherTopLeftButtonProps } = TopLeftButtonProps || {};
|
|
132
|
+
const { title: TopRightButtonTitle, ...otherTopRightButtonProps } = TopRightButtonProps || {};
|
|
133
|
+
const { title: BottomRightButtonTitle, ...otherBottomRightButtonProps } = BottomRightButtonProps || {};
|
|
134
|
+
const open = Boolean(anchorEl);
|
|
135
|
+
return (_jsxs(StyledPopper, { "data-testid": "info-popover", open: open, anchorEl: anchorEl, placement: placement, disablePortal: true, modifiers: [
|
|
136
|
+
{
|
|
137
|
+
name: 'flip',
|
|
138
|
+
enabled: true,
|
|
139
|
+
options: {
|
|
140
|
+
altBoundary: true,
|
|
141
|
+
rootBoundary: 'document',
|
|
142
|
+
padding: 8,
|
|
143
|
+
},
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
name: 'preventOverflow',
|
|
147
|
+
enabled: true,
|
|
148
|
+
options: {
|
|
149
|
+
altAxis: false,
|
|
150
|
+
altBoundary: true,
|
|
151
|
+
tether: true,
|
|
152
|
+
rootBoundary: 'document',
|
|
153
|
+
padding: 8,
|
|
154
|
+
},
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
name: 'arrow',
|
|
158
|
+
enabled: arrow,
|
|
159
|
+
options: {
|
|
160
|
+
element: arrowRef,
|
|
161
|
+
padding: 10,
|
|
162
|
+
},
|
|
163
|
+
},
|
|
164
|
+
], sx: {
|
|
165
|
+
maxWidth: 194,
|
|
166
|
+
width: '100%',
|
|
167
|
+
}, ...PopperProps, children: [arrow ? (_jsx(StyledArrow, { "data-testid": "info-popover-arrow", ref: setArrowRef, className: "MuiPopper-arrow", hasBorder: hasBorder })) : null, _jsx(Box, { "data-testid": "info-popover-paper", sx: (theme) => ({
|
|
168
|
+
padding: 2,
|
|
169
|
+
backgroundColor: theme.palette.background.paper,
|
|
170
|
+
borderRadius: '4px',
|
|
171
|
+
border: hasBorder ? '1px solid rgba(0, 0, 0, 0.4)' : null,
|
|
172
|
+
overflow: 'auto',
|
|
173
|
+
boxShadow: theme.shadows[2],
|
|
174
|
+
}), children: _jsxs(Box, { sx: {
|
|
175
|
+
maxWidth: 194,
|
|
176
|
+
}, children: [_jsx(Typography, { variant: "body1", sx: {
|
|
177
|
+
width: '100%',
|
|
178
|
+
'&:not(:last-child)': {
|
|
179
|
+
marginBottom: 1,
|
|
180
|
+
},
|
|
181
|
+
}, children: content }), chipLabel && ChipProps && (_jsxs(Box, { sx: {
|
|
182
|
+
display: 'flex',
|
|
183
|
+
justifyContent: 'flex-end',
|
|
184
|
+
alignItems: 'center',
|
|
185
|
+
'&:not(:last-child)': {
|
|
186
|
+
marginBottom: 1,
|
|
187
|
+
},
|
|
188
|
+
}, children: [_jsx(Typography, { variant: "body2", children: chipLabel }), _jsx(Chip, { ...ChipProps, sx: {
|
|
189
|
+
border: 0,
|
|
190
|
+
} })] })), helperText && (_jsx(Box, { sx: (theme) => ({
|
|
191
|
+
width: '100%',
|
|
192
|
+
padding: theme.spacing(1, 0),
|
|
193
|
+
'&:not(:last-child)': {
|
|
194
|
+
marginBottom: 1,
|
|
195
|
+
},
|
|
196
|
+
}), children: helperText.split('\n').map((text, index) => (_jsx(Typography, { variant: "body2", sx: (theme) => ({
|
|
197
|
+
color: theme.palette.text.secondary,
|
|
198
|
+
textAlign: 'right',
|
|
199
|
+
}), children: text }, `helper-text-${index}`))) })), (TopRightButtonProps || TopLeftButtonProps) && (_jsxs(Box, { sx: {
|
|
200
|
+
display: 'flex',
|
|
201
|
+
justifyContent: 'flex-end',
|
|
202
|
+
alignItems: 'center',
|
|
203
|
+
'&:not(:last-child)': {
|
|
204
|
+
marginBottom: 1,
|
|
205
|
+
},
|
|
206
|
+
}, children: [TopLeftButtonProps && (_jsx(Box, { sx: {
|
|
207
|
+
display: 'flex',
|
|
208
|
+
}, children: _jsx(StyledButton, { "data-testid": "info-popover-top-left-button", variant: "contained", size: "medium", color: "primary", ...otherTopLeftButtonProps, children: TopLeftButtonTitle }) })), TopRightButtonProps && (_jsx(Box, { sx: {
|
|
209
|
+
display: 'flex',
|
|
210
|
+
marginLeft: 1,
|
|
211
|
+
}, children: _jsx(StyledButton, { "data-testid": "info-popover-top-right-button", variant: "contained", size: "medium", color: "primary", ...otherTopRightButtonProps, children: TopRightButtonTitle }) }))] })), BottomRightButtonProps && (_jsx(Box, { sx: {
|
|
212
|
+
display: 'flex',
|
|
213
|
+
justifyContent: 'flex-end',
|
|
214
|
+
alignItems: 'center',
|
|
215
|
+
'&:not(:last-child)': {
|
|
216
|
+
marginBottom: 1,
|
|
217
|
+
},
|
|
218
|
+
}, children: _jsx(StyledButton, { "data-testid": "info-popover-bottom-left-button", variant: "contained", size: "medium", color: "primary", ...otherBottomRightButtonProps, children: BottomRightButtonTitle }) }))] }) })] }));
|
|
219
|
+
};
|
|
220
|
+
export default InfoPopover;
|
|
221
|
+
//# sourceMappingURL=InfoPopover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoPopover.js","sourceRoot":"","sources":["../../../src/lib/Info-Popover/InfoPopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AlertProps as MuiAlertProps } from '@mui/material';
|
|
2
|
+
export type AlertProps = Pick<MuiAlertProps, 'children' | 'color' | 'severity' | 'variant'>;
|
|
3
|
+
export declare const Alert: ({ ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/lib/MUI/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAE/E,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,aAAa,EACb,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC9C,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,cAAc,UAAU,4CAA4B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/lib/MUI/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAA+B,MAAM,eAAe,CAAC;AAO/E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE,CAAC,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC"}
|