@granto-umbrella/umbrella-components 3.0.55 → 3.0.57
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/umbrella-components.es.js +23837 -23609
- package/dist/umbrella-components.umd.js +673 -633
- package/package.json +1 -2
- package/src/components/atoms/Button/Button.types.ts +27 -27
- package/src/components/atoms/Checkbox/Checkbox.types.ts +13 -13
- package/src/components/atoms/EditableDurationSelect/EditableDurationSelect.styles.ts +50 -0
- package/src/components/atoms/EditableDurationSelect/EditableDurationSelect.tsx +136 -0
- package/src/components/atoms/EditableDurationSelect/EditableDurationSelect.types.ts +18 -0
- package/src/components/atoms/EditableDurationSelect/index.tsx +1 -0
- package/src/components/atoms/Textarea/Textarea.types.ts +6 -6
- package/src/components/atoms/Tooltip/Tooltip.tsx +60 -60
- package/src/components/atoms/Tooltip/Tootip.styles.ts +153 -153
- package/src/components/atoms/Tooltip/tooltip.types.ts +8 -8
- package/src/components/molecules/RadioGroupField/RadioGroupField.types.ts +0 -2
- package/src/components/molecules/TimeLine/TimeLine.mapper.ts +86 -69
- package/src/components/molecules/TimeLine/TimeLine.registry.ts +66 -0
- package/src/components/molecules/TimeLine/TimeLine.styles.ts +184 -154
- package/src/components/molecules/TimeLine/TimeLine.tsx +100 -96
- package/src/components/molecules/TimeLine/TimeLine.types.ts +65 -124
- package/src/index.ts +161 -159
- package/src/styles/tokens/colors.ts +601 -601
|
@@ -1,124 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
| 'accepted'
|
|
4
|
-
| '
|
|
5
|
-
| '
|
|
6
|
-
| '
|
|
7
|
-
| '
|
|
8
|
-
| '
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
|
56
|
-
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
title?: string | number | null;
|
|
67
|
-
insuranceId?: string | null;
|
|
68
|
-
subscription?: {
|
|
69
|
-
branch?: number;
|
|
70
|
-
sumInsuredRatio?: number;
|
|
71
|
-
sumContract?: number;
|
|
72
|
-
hasExclusivity?: boolean;
|
|
73
|
-
hasContinuity?: boolean;
|
|
74
|
-
retroactive?: number;
|
|
75
|
-
coverages?: Array<unknown>;
|
|
76
|
-
insured?: {
|
|
77
|
-
name?: string;
|
|
78
|
-
type?: string;
|
|
79
|
-
document?: string;
|
|
80
|
-
address?: {
|
|
81
|
-
cep?: string;
|
|
82
|
-
street?: string;
|
|
83
|
-
number?: number | string;
|
|
84
|
-
locale?: string;
|
|
85
|
-
city?: string;
|
|
86
|
-
uf?: string;
|
|
87
|
-
complement?: string | null;
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
contract?: {
|
|
91
|
-
edital?: string | null;
|
|
92
|
-
number?: string | null;
|
|
93
|
-
title?: string | null;
|
|
94
|
-
addition?: string | null;
|
|
95
|
-
object?: string | null;
|
|
96
|
-
process?: string | null;
|
|
97
|
-
signedOn?: string | null;
|
|
98
|
-
};
|
|
99
|
-
event?: unknown;
|
|
100
|
-
startAt?: string | null;
|
|
101
|
-
endAt?: string | null;
|
|
102
|
-
period?: number | null;
|
|
103
|
-
sumInsured?: number | null;
|
|
104
|
-
endosso?: unknown;
|
|
105
|
-
underwriter?: unknown;
|
|
106
|
-
details?: unknown;
|
|
107
|
-
} | null;
|
|
108
|
-
offers?: Array<{ insurerId: number; insurerName: string }> | null;
|
|
109
|
-
upn?: number;
|
|
110
|
-
isApp?: boolean;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
export interface RemoteEvent {
|
|
114
|
-
eventType: RemoteEventType;
|
|
115
|
-
isPublic: boolean;
|
|
116
|
-
startAt: string; // ISO
|
|
117
|
-
endAt?: string; // ISO
|
|
118
|
-
duration?: number; // ms
|
|
119
|
-
correlationId: string;
|
|
120
|
-
parentCorrelationId?: string;
|
|
121
|
-
parentEventType?: string;
|
|
122
|
-
actor: RemoteEventActor;
|
|
123
|
-
data: RemoteEventData;
|
|
124
|
-
}
|
|
1
|
+
export type TimelineVariant =
|
|
2
|
+
| 'continued'
|
|
3
|
+
| 'accepted'
|
|
4
|
+
| 'rejected'
|
|
5
|
+
| 'issue'
|
|
6
|
+
| 'order'
|
|
7
|
+
| 'created'
|
|
8
|
+
| 'updated'
|
|
9
|
+
| 'download'
|
|
10
|
+
| 'deleted'
|
|
11
|
+
| 'info';
|
|
12
|
+
|
|
13
|
+
export type ActorType = 'user' | 'app';
|
|
14
|
+
|
|
15
|
+
export interface TimelineActor {
|
|
16
|
+
id: string;
|
|
17
|
+
displayName: string;
|
|
18
|
+
type: ActorType;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export interface TimelineItem {
|
|
22
|
+
id: string;
|
|
23
|
+
timestamp: string;
|
|
24
|
+
type: TimelineVariant;
|
|
25
|
+
title: string;
|
|
26
|
+
description?: string;
|
|
27
|
+
actor: TimelineActor;
|
|
28
|
+
origin: string;
|
|
29
|
+
correlationId?: string;
|
|
30
|
+
metadata?: Record<string, unknown>;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export type EventIdKey = `${number}`;
|
|
34
|
+
|
|
35
|
+
export interface RemoteUser {
|
|
36
|
+
id: number;
|
|
37
|
+
username: string;
|
|
38
|
+
name: string;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export interface RemoteEvent {
|
|
42
|
+
id: string;
|
|
43
|
+
eventType: string;
|
|
44
|
+
eventId: number | string;
|
|
45
|
+
isPublic: boolean;
|
|
46
|
+
|
|
47
|
+
startDate: string;
|
|
48
|
+
endDate?: string;
|
|
49
|
+
duration?: number;
|
|
50
|
+
|
|
51
|
+
user?: RemoteUser;
|
|
52
|
+
|
|
53
|
+
data?: Record<string, unknown>;
|
|
54
|
+
|
|
55
|
+
parentId?: string | null;
|
|
56
|
+
parentType?: string | null;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export type TimelineProps = {
|
|
60
|
+
items: TimelineItem[];
|
|
61
|
+
loading?: boolean;
|
|
62
|
+
onRetry?: () => void;
|
|
63
|
+
emptyLabel?: string;
|
|
64
|
+
skeletonItems?: number;
|
|
65
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -1,159 +1,161 @@
|
|
|
1
|
-
import { Form } from 'react-hook-form';
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
Dialog,
|
|
5
|
-
DialogContent,
|
|
6
|
-
DialogDescription,
|
|
7
|
-
DialogPortal,
|
|
8
|
-
DialogTitle,
|
|
9
|
-
DialogTrigger,
|
|
10
|
-
} from '@radix-ui/react-dialog';
|
|
11
|
-
|
|
12
|
-
import Badge from './components/atoms/Badge/Badge';
|
|
13
|
-
import Breadcrumb from './components/atoms/Breadcrumb/Breadcrumb';
|
|
14
|
-
import Button from './components/atoms/Button';
|
|
15
|
-
import { Checkbox } from './components/atoms/Checkbox/Checkbox';
|
|
16
|
-
import CodeInput from './components/atoms/CodeInput/CodeInput';
|
|
17
|
-
import { DatePickerInput } from './components/atoms/DatePickerInput/DatePickerInput';
|
|
18
|
-
import { DropdownMenu } from './components/atoms/DropDownMenu/DropdownMenu';
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import {
|
|
40
|
-
import
|
|
41
|
-
import {
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import {
|
|
45
|
-
import
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
import
|
|
55
|
-
import {
|
|
56
|
-
import
|
|
57
|
-
import {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
import
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
import {
|
|
79
|
-
import
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
export {
|
|
154
|
-
export {
|
|
155
|
-
export {
|
|
156
|
-
export {
|
|
157
|
-
|
|
158
|
-
export
|
|
159
|
-
|
|
1
|
+
import { Form } from 'react-hook-form';
|
|
2
|
+
|
|
3
|
+
import {
|
|
4
|
+
Dialog,
|
|
5
|
+
DialogContent,
|
|
6
|
+
DialogDescription,
|
|
7
|
+
DialogPortal,
|
|
8
|
+
DialogTitle,
|
|
9
|
+
DialogTrigger,
|
|
10
|
+
} from '@radix-ui/react-dialog';
|
|
11
|
+
|
|
12
|
+
import Badge from './components/atoms/Badge/Badge';
|
|
13
|
+
import Breadcrumb from './components/atoms/Breadcrumb/Breadcrumb';
|
|
14
|
+
import Button from './components/atoms/Button';
|
|
15
|
+
import { Checkbox } from './components/atoms/Checkbox/Checkbox';
|
|
16
|
+
import CodeInput from './components/atoms/CodeInput/CodeInput';
|
|
17
|
+
import { DatePickerInput } from './components/atoms/DatePickerInput/DatePickerInput';
|
|
18
|
+
import { DropdownMenu } from './components/atoms/DropDownMenu/DropdownMenu';
|
|
19
|
+
import EditableDurationSelect from './components/atoms/EditableDurationSelect';
|
|
20
|
+
import ErrorMessage from './components/atoms/ErrorMessage';
|
|
21
|
+
import Footer from './components/atoms/Footer/Footer';
|
|
22
|
+
import { GenericContainer } from './components/atoms/GenericContainer';
|
|
23
|
+
import Icon from './components/atoms/Icon';
|
|
24
|
+
import Input from './components/atoms/Input';
|
|
25
|
+
import { Label } from './components/atoms/Label/Label';
|
|
26
|
+
import Loading from './components/atoms/Loading';
|
|
27
|
+
import { LogoContainer } from './components/atoms/LogoContainer';
|
|
28
|
+
import { ModalAviso } from './components/atoms/ModalAviso';
|
|
29
|
+
import { MultiSelect } from './components/atoms/MultiSelect';
|
|
30
|
+
import Pill from './components/atoms/Pill/Pill';
|
|
31
|
+
import RadioButton from './components/atoms/RadioButton/RadioButton';
|
|
32
|
+
import { ResendLink } from './components/atoms/ResendLink';
|
|
33
|
+
import Select from './components/atoms/Select';
|
|
34
|
+
import { Subtitle } from './components/atoms/Subtitle';
|
|
35
|
+
import Switch from './components/atoms/Switch/Switch';
|
|
36
|
+
import { TabBar } from './components/atoms/TabBar';
|
|
37
|
+
import Text from './components/atoms/Text';
|
|
38
|
+
import Textarea from './components/atoms/Textarea/Textarea';
|
|
39
|
+
import { Title } from './components/atoms/Title';
|
|
40
|
+
import Tooltip from './components/atoms/Tooltip/Tooltip';
|
|
41
|
+
import { BannerAjuda } from './components/molecules/BannerAjuda';
|
|
42
|
+
import ButtonGroup from './components/molecules/ButtonGroup/ButtonGroup';
|
|
43
|
+
import { Calendar } from './components/molecules/Calendar/Calendar';
|
|
44
|
+
import { CodeInputContainer } from './components/molecules/CodeInputContainer';
|
|
45
|
+
import FieldSelector from './components/molecules/FieldSelector/FieldSelector';
|
|
46
|
+
import { HighlightsCard } from './components/molecules/HighlightsCard/HighlightsCard';
|
|
47
|
+
import { InsuranceCard } from './components/molecules/InsuranceCard/InsuranceCard';
|
|
48
|
+
import { PieChartComponent } from './components/molecules/PieChartComponent/PieChartComponent';
|
|
49
|
+
import {
|
|
50
|
+
Popover,
|
|
51
|
+
PopoverContent,
|
|
52
|
+
PopoverTrigger,
|
|
53
|
+
} from './components/molecules/Popover/Popover';
|
|
54
|
+
import RadioGroup from './components/molecules/RadioBoxGroup/RadioBoxGroup';
|
|
55
|
+
import { RadioGroupField } from './components/molecules/RadioGroupField';
|
|
56
|
+
import { TabToggle } from './components/molecules/TabToggle/TabToggle';
|
|
57
|
+
import { Timeline } from './components/molecules/TimeLine/TimeLine';
|
|
58
|
+
import AlertDialog from './components/organisms/AlertDialog/AlertDialog';
|
|
59
|
+
import {
|
|
60
|
+
DialogFooter,
|
|
61
|
+
DialogHeader,
|
|
62
|
+
} from './components/organisms/Dialog/Dialog';
|
|
63
|
+
import {
|
|
64
|
+
StyledDialogClose,
|
|
65
|
+
StyledDialogOverlay,
|
|
66
|
+
} from './components/organisms/Dialog/Dialog.styles';
|
|
67
|
+
import DonutEmissionsChart from './components/organisms/DonutEmissionsChart';
|
|
68
|
+
import { ExportExcelModal } from './components/organisms/ExportExcelModal/ExportExcelModal';
|
|
69
|
+
import {
|
|
70
|
+
FormControl,
|
|
71
|
+
FormDescription,
|
|
72
|
+
FormField,
|
|
73
|
+
FormItem,
|
|
74
|
+
FormLabel,
|
|
75
|
+
FormMessage,
|
|
76
|
+
useFormField,
|
|
77
|
+
} from './components/organisms/Form/Form';
|
|
78
|
+
import { ListagemUltimasEmissoes } from './components/organisms/ListagemUltimasEmissoes/ListagemUltimasEmissoes';
|
|
79
|
+
import NavbarContainer from './components/organisms/Navbar/Navbar';
|
|
80
|
+
import { TimelineModal } from './components/organisms/TimelineModal/TimelineModal';
|
|
81
|
+
|
|
82
|
+
export {
|
|
83
|
+
InsuranceCard,
|
|
84
|
+
DonutEmissionsChart,
|
|
85
|
+
RadioGroupField,
|
|
86
|
+
PieChartComponent,
|
|
87
|
+
AlertDialog,
|
|
88
|
+
FieldSelector,
|
|
89
|
+
BannerAjuda,
|
|
90
|
+
Badge,
|
|
91
|
+
ExportExcelModal,
|
|
92
|
+
Breadcrumb,
|
|
93
|
+
Button,
|
|
94
|
+
ButtonGroup,
|
|
95
|
+
Calendar,
|
|
96
|
+
CodeInput,
|
|
97
|
+
EditableDurationSelect,
|
|
98
|
+
CodeInputContainer,
|
|
99
|
+
Checkbox,
|
|
100
|
+
DatePickerInput,
|
|
101
|
+
Dialog,
|
|
102
|
+
DialogContent,
|
|
103
|
+
DialogDescription,
|
|
104
|
+
ListagemUltimasEmissoes,
|
|
105
|
+
DialogFooter,
|
|
106
|
+
DialogHeader,
|
|
107
|
+
DialogPortal,
|
|
108
|
+
DialogTitle,
|
|
109
|
+
DialogTrigger,
|
|
110
|
+
DropdownMenu,
|
|
111
|
+
ErrorMessage,
|
|
112
|
+
HighlightsCard,
|
|
113
|
+
Footer,
|
|
114
|
+
Form,
|
|
115
|
+
FormControl,
|
|
116
|
+
FormDescription,
|
|
117
|
+
FormField,
|
|
118
|
+
FormItem,
|
|
119
|
+
FormLabel,
|
|
120
|
+
FormMessage,
|
|
121
|
+
GenericContainer,
|
|
122
|
+
Loading,
|
|
123
|
+
LogoContainer,
|
|
124
|
+
ModalAviso,
|
|
125
|
+
MultiSelect,
|
|
126
|
+
Icon,
|
|
127
|
+
Input,
|
|
128
|
+
Label,
|
|
129
|
+
Pill,
|
|
130
|
+
Popover,
|
|
131
|
+
PopoverContent,
|
|
132
|
+
PopoverTrigger,
|
|
133
|
+
RadioButton,
|
|
134
|
+
RadioGroup,
|
|
135
|
+
ResendLink,
|
|
136
|
+
Select,
|
|
137
|
+
Subtitle,
|
|
138
|
+
StyledDialogClose,
|
|
139
|
+
StyledDialogOverlay,
|
|
140
|
+
Switch,
|
|
141
|
+
TabBar,
|
|
142
|
+
TabToggle,
|
|
143
|
+
Text,
|
|
144
|
+
Textarea,
|
|
145
|
+
Title,
|
|
146
|
+
useFormField,
|
|
147
|
+
Timeline,
|
|
148
|
+
TimelineModal,
|
|
149
|
+
NavbarContainer,
|
|
150
|
+
Tooltip,
|
|
151
|
+
};
|
|
152
|
+
|
|
153
|
+
export { primitiveBorders, semanticBorders } from './styles/tokens/borders';
|
|
154
|
+
export { primitiveColors, semanticColors } from './styles/tokens/colors';
|
|
155
|
+
export { primitiveRadius, semanticRadius } from './styles/tokens/radius';
|
|
156
|
+
export { primitiveShadows, semanticShadows } from './styles/tokens/shadows';
|
|
157
|
+
export { primitiveSizes, semanticSizes } from './styles/tokens/sizes';
|
|
158
|
+
export { typographyTokens } from './styles/tokens/typography';
|
|
159
|
+
|
|
160
|
+
export type { Radius } from './types/radius.types';
|
|
161
|
+
export type { Shadows } from './types/shadows.types';
|