@ctlyst.id/internal-ui 5.0.0 → 5.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.mts +6 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.js +565 -553
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +22 -11
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -45,36 +45,36 @@ __export(src_exports, {
|
|
|
45
45
|
AlertAction: () => AlertAction,
|
|
46
46
|
AlertClose: () => AlertClose,
|
|
47
47
|
AlertDescription: () => AlertDescription,
|
|
48
|
-
AlertDialog: () =>
|
|
49
|
-
AlertDialogBody: () =>
|
|
50
|
-
AlertDialogCloseButton: () =>
|
|
51
|
-
AlertDialogContent: () =>
|
|
52
|
-
AlertDialogFooter: () =>
|
|
53
|
-
AlertDialogHeader: () =>
|
|
54
|
-
AlertDialogOverlay: () =>
|
|
55
|
-
AlertDialogProps: () =>
|
|
48
|
+
AlertDialog: () => import_react56.AlertDialog,
|
|
49
|
+
AlertDialogBody: () => import_react56.ModalBody,
|
|
50
|
+
AlertDialogCloseButton: () => import_react56.ModalCloseButton,
|
|
51
|
+
AlertDialogContent: () => import_react56.AlertDialogContent,
|
|
52
|
+
AlertDialogFooter: () => import_react56.ModalFooter,
|
|
53
|
+
AlertDialogHeader: () => import_react56.ModalHeader,
|
|
54
|
+
AlertDialogOverlay: () => import_react56.ModalOverlay,
|
|
55
|
+
AlertDialogProps: () => import_react56.AlertDialogProps,
|
|
56
56
|
AlertIcon: () => AlertIcon,
|
|
57
57
|
AlertTitle: () => AlertTitle,
|
|
58
58
|
Anchor: () => Anchor,
|
|
59
|
-
Avatar: () =>
|
|
60
|
-
AvatarBadge: () =>
|
|
61
|
-
AvatarBadgeProps: () =>
|
|
62
|
-
AvatarGroup: () =>
|
|
63
|
-
AvatarGroupProps: () =>
|
|
64
|
-
AvatarProps: () =>
|
|
59
|
+
Avatar: () => import_react93.Avatar,
|
|
60
|
+
AvatarBadge: () => import_react93.AvatarBadge,
|
|
61
|
+
AvatarBadgeProps: () => import_react93.AvatarBadgeProps,
|
|
62
|
+
AvatarGroup: () => import_react93.AvatarGroup,
|
|
63
|
+
AvatarGroupProps: () => import_react93.AvatarGroupProps,
|
|
64
|
+
AvatarProps: () => import_react93.AvatarProps,
|
|
65
65
|
Badge: () => badge_default,
|
|
66
|
-
Box: () =>
|
|
67
|
-
BoxProps: () =>
|
|
66
|
+
Box: () => import_react53.Box,
|
|
67
|
+
BoxProps: () => import_react53.BoxProps,
|
|
68
68
|
BreadCrumb: () => bread_crumb_default,
|
|
69
69
|
Button: () => button_default,
|
|
70
70
|
ButtonGroup: () => import_react10.ButtonGroup,
|
|
71
71
|
ButtonGroupProps: () => import_react10.ButtonGroupProps,
|
|
72
72
|
CHECKBOX_STATE: () => CHECKBOX_STATE,
|
|
73
73
|
Card: () => card_default,
|
|
74
|
-
Center: () =>
|
|
75
|
-
ChakraProvider: () =>
|
|
76
|
-
ChakraProviderProps: () =>
|
|
77
|
-
ChakraTable: () =>
|
|
74
|
+
Center: () => import_react53.Center,
|
|
75
|
+
ChakraProvider: () => import_react103.ChakraProvider,
|
|
76
|
+
ChakraProviderProps: () => import_react103.ChakraProviderProps,
|
|
77
|
+
ChakraTable: () => import_react82.Table,
|
|
78
78
|
Checkbox: () => checkbox_default,
|
|
79
79
|
CheckboxGroup: () => checkbox_group_default,
|
|
80
80
|
CheckboxGroupContext: () => import_react16.CheckboxGroupContext,
|
|
@@ -86,63 +86,63 @@ __export(src_exports, {
|
|
|
86
86
|
ClearIndicator: () => ClearIndicator,
|
|
87
87
|
CloseButton: () => import_react10.CloseButton,
|
|
88
88
|
CloseButtonProps: () => import_react10.CloseButtonProps,
|
|
89
|
-
Code: () =>
|
|
90
|
-
CodeProps: () =>
|
|
91
|
-
Collapse: () =>
|
|
92
|
-
CollapseProps: () =>
|
|
93
|
-
ColorMode: () =>
|
|
94
|
-
ColorModeScript: () =>
|
|
95
|
-
ColorModeScriptProps: () =>
|
|
96
|
-
Container: () =>
|
|
97
|
-
ContainerProps: () =>
|
|
89
|
+
Code: () => import_react85.Code,
|
|
90
|
+
CodeProps: () => import_react85.CodeProps,
|
|
91
|
+
Collapse: () => import_react93.Collapse,
|
|
92
|
+
CollapseProps: () => import_react93.CollapseProps,
|
|
93
|
+
ColorMode: () => import_react103.ColorMode,
|
|
94
|
+
ColorModeScript: () => import_react103.ColorModeScript,
|
|
95
|
+
ColorModeScriptProps: () => import_react103.ColorModeScriptProps,
|
|
96
|
+
Container: () => import_react53.Container,
|
|
97
|
+
ContainerProps: () => import_react53.ContainerProps,
|
|
98
98
|
Counter: () => counter_default,
|
|
99
99
|
DataTable: () => data_table_default,
|
|
100
100
|
DatePickerMonth: () => datepicker_month_default,
|
|
101
101
|
Datepicker: () => datepicker_default,
|
|
102
102
|
Dialog: () => dialog_default,
|
|
103
|
-
Divider: () =>
|
|
104
|
-
DividerProps: () =>
|
|
105
|
-
Drawer: () =>
|
|
106
|
-
DrawerBody: () =>
|
|
107
|
-
DrawerCloseButton: () =>
|
|
108
|
-
DrawerContent: () =>
|
|
109
|
-
DrawerContentProps: () =>
|
|
110
|
-
DrawerFooter: () =>
|
|
111
|
-
DrawerHeader: () =>
|
|
112
|
-
DrawerOverlay: () =>
|
|
113
|
-
DrawerProps: () =>
|
|
103
|
+
Divider: () => import_react53.Divider,
|
|
104
|
+
DividerProps: () => import_react53.DividerProps,
|
|
105
|
+
Drawer: () => import_react56.Drawer,
|
|
106
|
+
DrawerBody: () => import_react56.ModalBody,
|
|
107
|
+
DrawerCloseButton: () => import_react56.ModalCloseButton,
|
|
108
|
+
DrawerContent: () => import_react56.DrawerContent,
|
|
109
|
+
DrawerContentProps: () => import_react56.DrawerContentProps,
|
|
110
|
+
DrawerFooter: () => import_react56.ModalFooter,
|
|
111
|
+
DrawerHeader: () => import_react56.ModalHeader,
|
|
112
|
+
DrawerOverlay: () => import_react56.ModalOverlay,
|
|
113
|
+
DrawerProps: () => import_react56.DrawerProps,
|
|
114
114
|
DropdownIndicator: () => DropdownIndicator,
|
|
115
115
|
EmptyState: () => empty_state_default,
|
|
116
116
|
ErrorCode: () => error_code_default,
|
|
117
|
-
Fade: () =>
|
|
118
|
-
FadeProps: () =>
|
|
117
|
+
Fade: () => import_react93.Fade,
|
|
118
|
+
FadeProps: () => import_react93.FadeProps,
|
|
119
119
|
Field: () => field_default,
|
|
120
|
-
Flex: () =>
|
|
121
|
-
FlexProps: () =>
|
|
120
|
+
Flex: () => import_react53.Flex,
|
|
121
|
+
FlexProps: () => import_react53.FlexProps,
|
|
122
122
|
FormControl: () => import_react25.FormControl,
|
|
123
123
|
FormControlProps: () => import_react25.FormControlProps,
|
|
124
124
|
FormErrorMessage: () => import_react25.FormErrorMessage,
|
|
125
125
|
FormHelperText: () => import_react25.FormHelperText,
|
|
126
126
|
FormLabel: () => import_react25.FormLabel,
|
|
127
127
|
FormLabelProps: () => import_react25.FormLabelProps,
|
|
128
|
-
Grid: () =>
|
|
129
|
-
GridItem: () =>
|
|
130
|
-
GridItemProps: () =>
|
|
131
|
-
GridProps: () =>
|
|
132
|
-
HStack: () =>
|
|
128
|
+
Grid: () => import_react53.Grid,
|
|
129
|
+
GridItem: () => import_react53.GridItem,
|
|
130
|
+
GridItemProps: () => import_react53.GridItemProps,
|
|
131
|
+
GridProps: () => import_react53.GridProps,
|
|
132
|
+
HStack: () => import_react53.HStack,
|
|
133
133
|
Header: () => Header,
|
|
134
|
-
Heading: () =>
|
|
135
|
-
HeadingProps: () =>
|
|
136
|
-
Hide: () =>
|
|
137
|
-
HideProps: () =>
|
|
138
|
-
Icon: () =>
|
|
134
|
+
Heading: () => import_react85.Heading,
|
|
135
|
+
HeadingProps: () => import_react85.HeadingProps,
|
|
136
|
+
Hide: () => import_react93.Hide,
|
|
137
|
+
HideProps: () => import_react93.HideProps,
|
|
138
|
+
Icon: () => import_react52.Icon,
|
|
139
139
|
IconButton: () => import_react10.IconButton,
|
|
140
140
|
IconButtonProps: () => import_react10.IconButtonProps,
|
|
141
|
-
IconProps: () =>
|
|
142
|
-
Image: () =>
|
|
143
|
-
ImageProps: () =>
|
|
144
|
-
Img: () =>
|
|
145
|
-
ImgProps: () =>
|
|
141
|
+
IconProps: () => import_react52.IconProps,
|
|
142
|
+
Image: () => import_react52.Image,
|
|
143
|
+
ImageProps: () => import_react52.ImageProps,
|
|
144
|
+
Img: () => import_react93.Img,
|
|
145
|
+
ImgProps: () => import_react93.ImgProps,
|
|
146
146
|
InputAddonLeft: () => InputAddonLeft,
|
|
147
147
|
InputAddonRight: () => InputAddonRight,
|
|
148
148
|
InputElementLeft: () => import_react19.InputLeftElement,
|
|
@@ -159,32 +159,32 @@ __export(src_exports, {
|
|
|
159
159
|
InputRightAddonProps: () => import_react25.InputRightAddonProps,
|
|
160
160
|
InputRightElement: () => import_react25.InputRightElement,
|
|
161
161
|
InputRightElementProps: () => import_react25.InputRightElementProps,
|
|
162
|
-
Link: () =>
|
|
163
|
-
LinkProps: () =>
|
|
164
|
-
List: () =>
|
|
165
|
-
ListIcon: () =>
|
|
166
|
-
ListItem: () =>
|
|
167
|
-
ListItemProps: () =>
|
|
168
|
-
ListProps: () =>
|
|
162
|
+
Link: () => import_react85.Link,
|
|
163
|
+
LinkProps: () => import_react85.LinkProps,
|
|
164
|
+
List: () => import_react54.List,
|
|
165
|
+
ListIcon: () => import_react54.ListIcon,
|
|
166
|
+
ListItem: () => import_react54.ListItem,
|
|
167
|
+
ListItemProps: () => import_react54.ListItemProps,
|
|
168
|
+
ListProps: () => import_react54.ListProps,
|
|
169
169
|
Loader: () => loader_default,
|
|
170
170
|
Logo: () => Logo,
|
|
171
171
|
MainMenu: () => navigation_default,
|
|
172
|
-
Modal: () =>
|
|
172
|
+
Modal: () => import_react56.Modal,
|
|
173
173
|
ModalBackButton: () => modal_back_button_default,
|
|
174
|
-
ModalBody: () =>
|
|
175
|
-
ModalBodyProps: () =>
|
|
176
|
-
ModalCloseButton: () =>
|
|
177
|
-
ModalContent: () =>
|
|
178
|
-
ModalContentProps: () =>
|
|
179
|
-
ModalContextProvider: () =>
|
|
180
|
-
ModalFocusScope: () =>
|
|
181
|
-
ModalFooter: () =>
|
|
182
|
-
ModalFooterProps: () =>
|
|
183
|
-
ModalHeader: () =>
|
|
184
|
-
ModalHeaderProps: () =>
|
|
185
|
-
ModalOverlay: () =>
|
|
186
|
-
ModalOverlayProps: () =>
|
|
187
|
-
ModalProps: () =>
|
|
174
|
+
ModalBody: () => import_react56.ModalBody,
|
|
175
|
+
ModalBodyProps: () => import_react56.ModalBodyProps,
|
|
176
|
+
ModalCloseButton: () => import_react56.ModalCloseButton,
|
|
177
|
+
ModalContent: () => import_react56.ModalContent,
|
|
178
|
+
ModalContentProps: () => import_react56.ModalContentProps,
|
|
179
|
+
ModalContextProvider: () => import_react56.ModalContextProvider,
|
|
180
|
+
ModalFocusScope: () => import_react56.ModalFocusScope,
|
|
181
|
+
ModalFooter: () => import_react56.ModalFooter,
|
|
182
|
+
ModalFooterProps: () => import_react56.ModalFooterProps,
|
|
183
|
+
ModalHeader: () => import_react56.ModalHeader,
|
|
184
|
+
ModalHeaderProps: () => import_react56.ModalHeaderProps,
|
|
185
|
+
ModalOverlay: () => import_react56.ModalOverlay,
|
|
186
|
+
ModalOverlayProps: () => import_react56.ModalOverlayProps,
|
|
187
|
+
ModalProps: () => import_react56.ModalProps,
|
|
188
188
|
MultiDatePickerMonth: () => multi_datepicker_month_default,
|
|
189
189
|
MultiValue: () => MultiValue,
|
|
190
190
|
MultiValueRemove: () => MultiValueRemove,
|
|
@@ -192,155 +192,155 @@ __export(src_exports, {
|
|
|
192
192
|
Navbar: () => Navbar,
|
|
193
193
|
NavigationBar: () => navigation_bar_default,
|
|
194
194
|
NoOptionsMessage: () => NoOptionsMessage,
|
|
195
|
-
OrderedList: () =>
|
|
195
|
+
OrderedList: () => import_react54.OrderedList,
|
|
196
196
|
Pagination: () => pagination_default,
|
|
197
197
|
PaginationDetail: () => pagination_detail_default,
|
|
198
198
|
PaginationFilter: () => pagination_filter_default,
|
|
199
|
-
PinInput: () =>
|
|
200
|
-
PinInputContext: () =>
|
|
201
|
-
PinInputDescendantsProvider: () =>
|
|
202
|
-
PinInputField: () =>
|
|
203
|
-
PinInputFieldProps: () =>
|
|
204
|
-
PinInputProps: () =>
|
|
205
|
-
PinInputProvider: () =>
|
|
206
|
-
Popover: () =>
|
|
207
|
-
PopoverAnchor: () =>
|
|
208
|
-
PopoverArrow: () =>
|
|
209
|
-
PopoverArrowProps: () =>
|
|
210
|
-
PopoverBody: () =>
|
|
211
|
-
PopoverBodyProps: () =>
|
|
212
|
-
PopoverCloseButton: () =>
|
|
213
|
-
PopoverContent: () =>
|
|
214
|
-
PopoverContentProps: () =>
|
|
215
|
-
PopoverFooter: () =>
|
|
216
|
-
PopoverFooterProps: () =>
|
|
217
|
-
PopoverHeader: () =>
|
|
218
|
-
PopoverHeaderProps: () =>
|
|
219
|
-
PopoverProps: () =>
|
|
220
|
-
PopoverTrigger: () =>
|
|
221
|
-
Portal: () =>
|
|
222
|
-
PortalProps: () =>
|
|
199
|
+
PinInput: () => import_react65.PinInput,
|
|
200
|
+
PinInputContext: () => import_react65.PinInputContext,
|
|
201
|
+
PinInputDescendantsProvider: () => import_react65.PinInputDescendantsProvider,
|
|
202
|
+
PinInputField: () => import_react65.PinInputField,
|
|
203
|
+
PinInputFieldProps: () => import_react65.PinInputFieldProps,
|
|
204
|
+
PinInputProps: () => import_react65.PinInputProps,
|
|
205
|
+
PinInputProvider: () => import_react65.PinInputProvider,
|
|
206
|
+
Popover: () => import_react66.Popover,
|
|
207
|
+
PopoverAnchor: () => import_react66.PopoverAnchor,
|
|
208
|
+
PopoverArrow: () => import_react66.PopoverArrow,
|
|
209
|
+
PopoverArrowProps: () => import_react66.PopoverArrowProps,
|
|
210
|
+
PopoverBody: () => import_react66.PopoverBody,
|
|
211
|
+
PopoverBodyProps: () => import_react66.PopoverBodyProps,
|
|
212
|
+
PopoverCloseButton: () => import_react66.PopoverCloseButton,
|
|
213
|
+
PopoverContent: () => import_react66.PopoverContent,
|
|
214
|
+
PopoverContentProps: () => import_react66.PopoverContentProps,
|
|
215
|
+
PopoverFooter: () => import_react66.PopoverFooter,
|
|
216
|
+
PopoverFooterProps: () => import_react66.PopoverFooterProps,
|
|
217
|
+
PopoverHeader: () => import_react66.PopoverHeader,
|
|
218
|
+
PopoverHeaderProps: () => import_react66.PopoverHeaderProps,
|
|
219
|
+
PopoverProps: () => import_react66.PopoverProps,
|
|
220
|
+
PopoverTrigger: () => import_react66.PopoverTrigger,
|
|
221
|
+
Portal: () => import_react66.Portal,
|
|
222
|
+
PortalProps: () => import_react66.PortalProps,
|
|
223
223
|
Profile: () => Profile,
|
|
224
|
-
Progress: () =>
|
|
225
|
-
ProgressFilledTrackProps: () =>
|
|
226
|
-
ProgressLabel: () =>
|
|
227
|
-
ProgressLabelProps: () =>
|
|
228
|
-
ProgressProps: () =>
|
|
229
|
-
ProgressTrackProps: () =>
|
|
224
|
+
Progress: () => import_react67.Progress,
|
|
225
|
+
ProgressFilledTrackProps: () => import_react67.ProgressFilledTrackProps,
|
|
226
|
+
ProgressLabel: () => import_react67.ProgressLabel,
|
|
227
|
+
ProgressLabelProps: () => import_react67.ProgressLabelProps,
|
|
228
|
+
ProgressProps: () => import_react67.ProgressProps,
|
|
229
|
+
ProgressTrackProps: () => import_react67.ProgressTrackProps,
|
|
230
230
|
Provider: () => provider_default,
|
|
231
231
|
ProviderContext: () => ProviderContext,
|
|
232
232
|
Radio: () => Radio,
|
|
233
233
|
RadioGroup: () => RadioGroup,
|
|
234
|
-
RadioGroupContext: () =>
|
|
234
|
+
RadioGroupContext: () => import_react70.RadioGroupContext,
|
|
235
235
|
Rating: () => rating_default,
|
|
236
236
|
RequiredIndicator: () => import_react25.RequiredIndicator,
|
|
237
237
|
RequiredIndicatorProps: () => import_react25.RequiredIndicatorProps,
|
|
238
|
-
ScaleFade: () =>
|
|
239
|
-
ScaleFadeProps: () =>
|
|
238
|
+
ScaleFade: () => import_react93.ScaleFade,
|
|
239
|
+
ScaleFadeProps: () => import_react93.ScaleFadeProps,
|
|
240
240
|
Select: () => select_default,
|
|
241
241
|
SelectAsync: () => select_async_default,
|
|
242
242
|
SelectAsyncCreatable: () => SelectAsyncCreatable,
|
|
243
243
|
SelectCheckBox: () => select_with_checkbox_default,
|
|
244
244
|
SelectCreatable: () => SelectCreatable,
|
|
245
|
-
Show: () =>
|
|
246
|
-
ShowProps: () =>
|
|
245
|
+
Show: () => import_react93.Show,
|
|
246
|
+
ShowProps: () => import_react93.ShowProps,
|
|
247
247
|
Sidebar: () => Sidebar,
|
|
248
248
|
SidebarHeader: () => SidebarHeader,
|
|
249
249
|
SidebarMenu: () => SidebarMenu,
|
|
250
|
-
SimpleGrid: () =>
|
|
250
|
+
SimpleGrid: () => import_react53.SimpleGrid,
|
|
251
251
|
Skeleton: () => import_react5.Skeleton,
|
|
252
|
-
Slide: () =>
|
|
253
|
-
SlideFade: () =>
|
|
254
|
-
SlideFadeProps: () =>
|
|
255
|
-
SlideProps: () =>
|
|
256
|
-
Spacer: () =>
|
|
257
|
-
Stack: () =>
|
|
258
|
-
StackProps: () =>
|
|
259
|
-
Step: () =>
|
|
260
|
-
StepDescription: () =>
|
|
261
|
-
StepIcon: () =>
|
|
262
|
-
StepIndicator: () =>
|
|
263
|
-
StepNumber: () =>
|
|
264
|
-
StepSeparator: () =>
|
|
265
|
-
StepStatus: () =>
|
|
266
|
-
StepTitle: () =>
|
|
267
|
-
Stepper: () =>
|
|
252
|
+
Slide: () => import_react93.Slide,
|
|
253
|
+
SlideFade: () => import_react93.SlideFade,
|
|
254
|
+
SlideFadeProps: () => import_react93.SlideFadeProps,
|
|
255
|
+
SlideProps: () => import_react93.SlideProps,
|
|
256
|
+
Spacer: () => import_react53.Spacer,
|
|
257
|
+
Stack: () => import_react53.Stack,
|
|
258
|
+
StackProps: () => import_react53.StackProps,
|
|
259
|
+
Step: () => import_react93.Step,
|
|
260
|
+
StepDescription: () => import_react93.StepDescription,
|
|
261
|
+
StepIcon: () => import_react93.StepIcon,
|
|
262
|
+
StepIndicator: () => import_react93.StepIndicator,
|
|
263
|
+
StepNumber: () => import_react93.StepNumber,
|
|
264
|
+
StepSeparator: () => import_react93.StepSeparator,
|
|
265
|
+
StepStatus: () => import_react93.StepStatus,
|
|
266
|
+
StepTitle: () => import_react93.StepTitle,
|
|
267
|
+
Stepper: () => import_react93.Stepper,
|
|
268
268
|
Switch: () => switch_default,
|
|
269
269
|
Tab: () => tab_default,
|
|
270
|
-
TabIndicator: () =>
|
|
271
|
-
TabIndicatorProps: () =>
|
|
272
|
-
TabList: () =>
|
|
273
|
-
TabListProps: () =>
|
|
274
|
-
TabPanel: () =>
|
|
275
|
-
TabPanelProps: () =>
|
|
276
|
-
TabPanels: () =>
|
|
277
|
-
TabPanelsProps: () =>
|
|
278
|
-
TabProps: () =>
|
|
279
|
-
TableBodyProps: () =>
|
|
280
|
-
TableCellProps: () =>
|
|
281
|
-
TableColumnHeaderProps: () =>
|
|
282
|
-
TableHeadProps: () =>
|
|
283
|
-
TableProps: () =>
|
|
284
|
-
TableRowProps: () =>
|
|
285
|
-
Tabs: () =>
|
|
286
|
-
TabsDescendantsProvider: () =>
|
|
287
|
-
TabsProps: () =>
|
|
288
|
-
TabsProvider: () =>
|
|
289
|
-
Tbody: () =>
|
|
290
|
-
Td: () =>
|
|
291
|
-
Text: () =>
|
|
292
|
-
TextProps: () =>
|
|
270
|
+
TabIndicator: () => import_react84.TabIndicator,
|
|
271
|
+
TabIndicatorProps: () => import_react84.TabIndicatorProps,
|
|
272
|
+
TabList: () => import_react84.TabList,
|
|
273
|
+
TabListProps: () => import_react84.TabListProps,
|
|
274
|
+
TabPanel: () => import_react84.TabPanel,
|
|
275
|
+
TabPanelProps: () => import_react84.TabPanelProps,
|
|
276
|
+
TabPanels: () => import_react84.TabPanels,
|
|
277
|
+
TabPanelsProps: () => import_react84.TabPanelsProps,
|
|
278
|
+
TabProps: () => import_react84.TabProps,
|
|
279
|
+
TableBodyProps: () => import_react82.TableBodyProps,
|
|
280
|
+
TableCellProps: () => import_react82.TableCellProps,
|
|
281
|
+
TableColumnHeaderProps: () => import_react82.TableColumnHeaderProps,
|
|
282
|
+
TableHeadProps: () => import_react82.TableHeadProps,
|
|
283
|
+
TableProps: () => import_react82.TableProps,
|
|
284
|
+
TableRowProps: () => import_react82.TableRowProps,
|
|
285
|
+
Tabs: () => import_react84.Tabs,
|
|
286
|
+
TabsDescendantsProvider: () => import_react84.TabsDescendantsProvider,
|
|
287
|
+
TabsProps: () => import_react84.TabsProps,
|
|
288
|
+
TabsProvider: () => import_react84.TabsProvider,
|
|
289
|
+
Tbody: () => import_react82.Tbody,
|
|
290
|
+
Td: () => import_react82.Td,
|
|
291
|
+
Text: () => import_react85.Text,
|
|
292
|
+
TextProps: () => import_react85.TextProps,
|
|
293
293
|
TextareaField: () => textarea_default,
|
|
294
|
-
Th: () =>
|
|
295
|
-
Thead: () =>
|
|
294
|
+
Th: () => import_react82.Th,
|
|
295
|
+
Thead: () => import_react82.Thead,
|
|
296
296
|
ThemeTypings: () => import_styled_system12.ThemeTypings,
|
|
297
297
|
Time: () => Time,
|
|
298
298
|
TimeInput: () => TimeInput2,
|
|
299
299
|
ToastContainer: () => import_react_toastify2.ToastContainer,
|
|
300
300
|
Tooltip: () => Tooltip,
|
|
301
|
-
Tr: () =>
|
|
302
|
-
UnorderedList: () =>
|
|
301
|
+
Tr: () => import_react82.Tr,
|
|
302
|
+
UnorderedList: () => import_react54.UnorderedList,
|
|
303
303
|
Uploader: () => uploader_default,
|
|
304
|
-
UseBreakpointOptions: () =>
|
|
304
|
+
UseBreakpointOptions: () => import_react93.UseBreakpointOptions,
|
|
305
305
|
UseCheckboxGroupProps: () => import_react16.UseCheckboxGroupProps,
|
|
306
306
|
UseCheckboxGroupReturn: () => import_react16.UseCheckboxGroupReturn,
|
|
307
307
|
UseCheckboxProps: () => import_react16.UseCheckboxProps,
|
|
308
308
|
UseCheckboxReturn: () => import_react16.UseCheckboxReturn,
|
|
309
|
-
UseDisclosureProps: () =>
|
|
310
|
-
UseImageProps: () =>
|
|
311
|
-
UseImageReturn: () =>
|
|
312
|
-
UseMediaQueryOptions: () =>
|
|
313
|
-
UseModalProps: () =>
|
|
314
|
-
UseModalReturn: () =>
|
|
315
|
-
UsePinInputFieldProps: () =>
|
|
316
|
-
UsePinInputProps: () =>
|
|
317
|
-
UsePinInputReturn: () =>
|
|
318
|
-
UseQueryProps: () =>
|
|
319
|
-
UseRadioGroupReturn: () =>
|
|
320
|
-
UseRadioProps: () =>
|
|
321
|
-
UseRadioReturn: () =>
|
|
322
|
-
UseTabListProps: () =>
|
|
323
|
-
UseTabListReturn: () =>
|
|
324
|
-
UseTabOptions: () =>
|
|
325
|
-
UseTabPanelsProps: () =>
|
|
326
|
-
UseTabProps: () =>
|
|
327
|
-
UseTabsProps: () =>
|
|
328
|
-
UseTabsReturn: () =>
|
|
329
|
-
VStack: () =>
|
|
309
|
+
UseDisclosureProps: () => import_react105.UseDisclosureProps,
|
|
310
|
+
UseImageProps: () => import_react93.UseImageProps,
|
|
311
|
+
UseImageReturn: () => import_react93.UseImageReturn,
|
|
312
|
+
UseMediaQueryOptions: () => import_react93.UseMediaQueryOptions,
|
|
313
|
+
UseModalProps: () => import_react56.UseModalProps,
|
|
314
|
+
UseModalReturn: () => import_react56.UseModalReturn,
|
|
315
|
+
UsePinInputFieldProps: () => import_react65.UsePinInputFieldProps,
|
|
316
|
+
UsePinInputProps: () => import_react65.UsePinInputProps,
|
|
317
|
+
UsePinInputReturn: () => import_react65.UsePinInputReturn,
|
|
318
|
+
UseQueryProps: () => import_react93.UseQueryProps,
|
|
319
|
+
UseRadioGroupReturn: () => import_react70.UseRadioGroupReturn,
|
|
320
|
+
UseRadioProps: () => import_react70.UseRadioProps,
|
|
321
|
+
UseRadioReturn: () => import_react70.UseRadioReturn,
|
|
322
|
+
UseTabListProps: () => import_react84.UseTabListProps,
|
|
323
|
+
UseTabListReturn: () => import_react84.UseTabListReturn,
|
|
324
|
+
UseTabOptions: () => import_react84.UseTabOptions,
|
|
325
|
+
UseTabPanelsProps: () => import_react84.UseTabPanelsProps,
|
|
326
|
+
UseTabProps: () => import_react84.UseTabProps,
|
|
327
|
+
UseTabsProps: () => import_react84.UseTabsProps,
|
|
328
|
+
UseTabsReturn: () => import_react84.UseTabsReturn,
|
|
329
|
+
VStack: () => import_react53.VStack,
|
|
330
330
|
Version: () => Version,
|
|
331
|
-
VisuallyHidden: () =>
|
|
332
|
-
VisuallyHiddenInput: () =>
|
|
331
|
+
VisuallyHidden: () => import_react93.VisuallyHidden,
|
|
332
|
+
VisuallyHiddenInput: () => import_react93.VisuallyHiddenInput,
|
|
333
333
|
VoilaLogo: () => VoilaLogo,
|
|
334
|
-
Wrap: () =>
|
|
335
|
-
WrapItem: () =>
|
|
336
|
-
WrapItemProps: () =>
|
|
337
|
-
WrapProps: () =>
|
|
334
|
+
Wrap: () => import_react53.Wrap,
|
|
335
|
+
WrapItem: () => import_react53.WrapItem,
|
|
336
|
+
WrapItemProps: () => import_react53.WrapItemProps,
|
|
337
|
+
WrapProps: () => import_react53.WrapProps,
|
|
338
338
|
XMSLogo: () => XMSLogo,
|
|
339
339
|
createExtendTheme: () => createExtendTheme,
|
|
340
340
|
defaultOnHandleRejections: () => defaultOnHandleRejections,
|
|
341
341
|
dimensionValidator: () => dimensionValidator,
|
|
342
|
-
extendTheme: () =>
|
|
343
|
-
forwardRef: () =>
|
|
342
|
+
extendTheme: () => import_react106.extendTheme,
|
|
343
|
+
forwardRef: () => import_react106.forwardRef,
|
|
344
344
|
getSelectAllCheckboxState: () => getSelectAllCheckboxState,
|
|
345
345
|
getTheme: () => getTheme,
|
|
346
346
|
id: () => id,
|
|
@@ -356,52 +356,53 @@ __export(src_exports, {
|
|
|
356
356
|
useAccordionItemState: () => import_react3.useAccordionItemState,
|
|
357
357
|
useAccordionStyles: () => import_react3.useAccordionStyles,
|
|
358
358
|
useAlertStyles: () => useAlertStyles,
|
|
359
|
-
useBoolean: () =>
|
|
360
|
-
useBreakpoint: () =>
|
|
359
|
+
useBoolean: () => import_react105.useBoolean,
|
|
360
|
+
useBreakpoint: () => import_react93.useBreakpoint,
|
|
361
361
|
useCheckbox: () => import_react16.useCheckbox,
|
|
362
362
|
useCheckboxGroup: () => import_react16.useCheckboxGroup,
|
|
363
|
-
useClipboard: () =>
|
|
364
|
-
useColorMode: () =>
|
|
365
|
-
useColorModePreference: () =>
|
|
366
|
-
useColorModeValue: () =>
|
|
367
|
-
useConst: () =>
|
|
368
|
-
useControllableProp: () =>
|
|
369
|
-
useControllableState: () =>
|
|
363
|
+
useClipboard: () => import_react105.useClipboard,
|
|
364
|
+
useColorMode: () => import_react105.useColorMode,
|
|
365
|
+
useColorModePreference: () => import_react93.useColorModePreference,
|
|
366
|
+
useColorModeValue: () => import_react105.useColorModeValue,
|
|
367
|
+
useConst: () => import_react105.useConst,
|
|
368
|
+
useControllableProp: () => import_react105.useControllableProp,
|
|
369
|
+
useControllableState: () => import_react105.useControllableState,
|
|
370
370
|
useDataTable: () => useDataTable,
|
|
371
|
-
useDimensions: () =>
|
|
372
|
-
useDisclosure: () =>
|
|
373
|
-
useDrawerContext: () =>
|
|
371
|
+
useDimensions: () => import_react105.useDimensions,
|
|
372
|
+
useDisclosure: () => import_react105.useDisclosure,
|
|
373
|
+
useDrawerContext: () => import_react56.useDrawerContext,
|
|
374
374
|
useFetcher: () => useFetcher,
|
|
375
|
-
useImage: () =>
|
|
375
|
+
useImage: () => import_react93.useImage,
|
|
376
376
|
useInternalUI: () => useInternalUI,
|
|
377
|
-
useMergeRefs: () =>
|
|
378
|
-
useModal: () =>
|
|
379
|
-
useModalContext: () =>
|
|
380
|
-
useModalStyles: () =>
|
|
381
|
-
useOutsideClick: () =>
|
|
382
|
-
usePinInput: () =>
|
|
383
|
-
usePinInputContext: () =>
|
|
384
|
-
usePinInputField: () =>
|
|
385
|
-
useProgressStyles: () =>
|
|
386
|
-
useQuery: () =>
|
|
387
|
-
useRadio: () =>
|
|
388
|
-
useRadioGroup: () =>
|
|
389
|
-
useRadioGroupContext: () =>
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
377
|
+
useMergeRefs: () => import_react105.useMergeRefs,
|
|
378
|
+
useModal: () => import_react56.useModal,
|
|
379
|
+
useModalContext: () => import_react56.useModalContext,
|
|
380
|
+
useModalStyles: () => import_react56.useModalStyles,
|
|
381
|
+
useOutsideClick: () => import_react105.useOutsideClick,
|
|
382
|
+
usePinInput: () => import_react65.usePinInput,
|
|
383
|
+
usePinInputContext: () => import_react65.usePinInputContext,
|
|
384
|
+
usePinInputField: () => import_react65.usePinInputField,
|
|
385
|
+
useProgressStyles: () => import_react67.useProgressStyles,
|
|
386
|
+
useQuery: () => import_react93.useQuery,
|
|
387
|
+
useRadio: () => import_react70.useRadio,
|
|
388
|
+
useRadioGroup: () => import_react70.useRadioGroup,
|
|
389
|
+
useRadioGroupContext: () => import_react70.useRadioGroupContext,
|
|
390
|
+
useSelectTable: () => useSelectTable,
|
|
391
|
+
useSteps: () => import_react93.useSteps,
|
|
392
|
+
useTab: () => import_react84.useTab,
|
|
393
|
+
useTabIndicator: () => import_react84.useTabIndicator,
|
|
394
|
+
useTabList: () => import_react84.useTabList,
|
|
395
|
+
useTabPanel: () => import_react84.useTabPanel,
|
|
396
|
+
useTabPanels: () => import_react84.useTabPanels,
|
|
397
|
+
useTabs: () => import_react84.useTabs,
|
|
398
|
+
useTabsContext: () => import_react84.useTabsContext,
|
|
399
|
+
useTabsDescendant: () => import_react84.useTabsDescendant,
|
|
400
|
+
useTabsDescendants: () => import_react84.useTabsDescendants,
|
|
401
|
+
useTabsDescendantsContext: () => import_react84.useTabsDescendantsContext,
|
|
402
|
+
useTabsStyles: () => import_react84.useTabsStyles,
|
|
403
|
+
useTheme: () => import_react105.useTheme,
|
|
403
404
|
useToast: () => useToast,
|
|
404
|
-
useToken: () =>
|
|
405
|
+
useToken: () => import_react105.useToken
|
|
405
406
|
});
|
|
406
407
|
module.exports = __toCommonJS(src_exports);
|
|
407
408
|
|
|
@@ -1271,10 +1272,10 @@ var import_react30 = require("@emotion/react");
|
|
|
1271
1272
|
var import_react_table = require("@tanstack/react-table");
|
|
1272
1273
|
var React5 = __toESM(require("react"));
|
|
1273
1274
|
|
|
1274
|
-
// src/hooks/
|
|
1275
|
+
// src/hooks/use-drag-threshold/use-drag-or-click.ts
|
|
1275
1276
|
var import_react28 = require("react");
|
|
1276
1277
|
|
|
1277
|
-
// src/
|
|
1278
|
+
// src/hooks/use-drag-threshold/drag-threshold.ts
|
|
1278
1279
|
var DragThreshold = class {
|
|
1279
1280
|
constructor() {
|
|
1280
1281
|
__publicField(this, "isDrag");
|
|
@@ -1313,7 +1314,7 @@ var DragThreshold = class {
|
|
|
1313
1314
|
}
|
|
1314
1315
|
};
|
|
1315
1316
|
|
|
1316
|
-
// src/hooks/
|
|
1317
|
+
// src/hooks/use-drag-threshold/use-drag-or-click.ts
|
|
1317
1318
|
var useDragOrClick = () => {
|
|
1318
1319
|
const clickOrDragged = (0, import_react28.useRef)(new DragThreshold());
|
|
1319
1320
|
const getDragOrClickProps = ({
|
|
@@ -1751,11 +1752,21 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1751
1752
|
});
|
|
1752
1753
|
var data_table_default = DataTable;
|
|
1753
1754
|
|
|
1755
|
+
// src/components/data-table/hook/use-select-table.ts
|
|
1756
|
+
var import_react31 = __toESM(require("react"));
|
|
1757
|
+
var useSelectTable = (intialRowSelection) => {
|
|
1758
|
+
const [rowSelection, onRowSelectionChange] = import_react31.default.useState(intialRowSelection != null ? intialRowSelection : {});
|
|
1759
|
+
return {
|
|
1760
|
+
rowSelection,
|
|
1761
|
+
onRowSelectionChange
|
|
1762
|
+
};
|
|
1763
|
+
};
|
|
1764
|
+
|
|
1754
1765
|
// src/components/datepicker/components/datepicker.tsx
|
|
1755
|
-
var
|
|
1766
|
+
var import_react35 = require("@chakra-ui/react");
|
|
1756
1767
|
var import_shared_utils8 = require("@chakra-ui/shared-utils");
|
|
1757
1768
|
var import_internal_icon6 = require("@ctlyst.id/internal-icon");
|
|
1758
|
-
var
|
|
1769
|
+
var import_react36 = require("@floating-ui/react");
|
|
1759
1770
|
var import_react_datepicker = __toESM(require("react-datepicker"));
|
|
1760
1771
|
|
|
1761
1772
|
// ../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.mjs
|
|
@@ -2293,12 +2304,12 @@ id.localize.month = buildLocalizeFn2({
|
|
|
2293
2304
|
|
|
2294
2305
|
// src/components/datepicker/components/styles.tsx
|
|
2295
2306
|
var import_system6 = require("@chakra-ui/system");
|
|
2296
|
-
var
|
|
2307
|
+
var import_react32 = require("@emotion/react");
|
|
2297
2308
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2298
2309
|
var Styles = ({ showHeader }) => {
|
|
2299
2310
|
const { colorMode } = (0, import_system6.useColorMode)();
|
|
2300
2311
|
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2301
|
-
|
|
2312
|
+
import_react32.Global,
|
|
2302
2313
|
{
|
|
2303
2314
|
styles: `
|
|
2304
2315
|
@charset "UTF-8";
|
|
@@ -3133,21 +3144,21 @@ var Styles = ({ showHeader }) => {
|
|
|
3133
3144
|
var styles_default = Styles;
|
|
3134
3145
|
|
|
3135
3146
|
// src/components/datepicker/components/time-input.tsx
|
|
3136
|
-
var
|
|
3137
|
-
var
|
|
3147
|
+
var import_react33 = require("@chakra-ui/react");
|
|
3148
|
+
var import_react34 = __toESM(require("react"));
|
|
3138
3149
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
3139
3150
|
var TimeInput = ({ value, onChange, label, rightAddon }) => {
|
|
3140
|
-
const [time, setTime] =
|
|
3151
|
+
const [time, setTime] = import_react34.default.useState(value || "00:00");
|
|
3141
3152
|
const handleChange = (e) => {
|
|
3142
3153
|
var _a, _b;
|
|
3143
3154
|
setTime(((_a = e.target) == null ? void 0 : _a.value) || "00:00");
|
|
3144
3155
|
if (onChange) onChange(((_b = e.target) == null ? void 0 : _b.value) || "00:00");
|
|
3145
3156
|
};
|
|
3146
|
-
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
3147
|
-
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3148
|
-
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
3157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react33.Flex, { flexDir: "column", p: 4, pt: 0, children: [
|
|
3158
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react33.Text, { mb: 2, children: label }),
|
|
3159
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react33.InputGroup, { alignItems: "center", borderColor: "neutral.400", children: [
|
|
3149
3160
|
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3150
|
-
|
|
3161
|
+
import_react33.Input,
|
|
3151
3162
|
{
|
|
3152
3163
|
onChange: handleChange,
|
|
3153
3164
|
type: "time",
|
|
@@ -3162,7 +3173,7 @@ var TimeInput = ({ value, onChange, label, rightAddon }) => {
|
|
|
3162
3173
|
}
|
|
3163
3174
|
}
|
|
3164
3175
|
),
|
|
3165
|
-
rightAddon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3176
|
+
rightAddon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react33.InputRightAddon, { children: rightAddon })
|
|
3166
3177
|
] })
|
|
3167
3178
|
] });
|
|
3168
3179
|
};
|
|
@@ -3218,7 +3229,7 @@ var Datepicker = ({
|
|
|
3218
3229
|
},
|
|
3219
3230
|
selected,
|
|
3220
3231
|
popperModifiers: [
|
|
3221
|
-
(0,
|
|
3232
|
+
(0, import_react36.offset)(4),
|
|
3222
3233
|
{
|
|
3223
3234
|
name: "placement",
|
|
3224
3235
|
fn: (state) => {
|
|
@@ -3241,7 +3252,7 @@ var Datepicker = ({
|
|
|
3241
3252
|
addOnRight: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react20.InputRightElement, { alignSelf: "center", bottom: 0, flexDir: "row-reverse", width: "auto", mr: 2, gap: 2, children: [
|
|
3242
3253
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Calendar, { size: 4, color: "neutral.400" }),
|
|
3243
3254
|
value && !props.disabled && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3244
|
-
|
|
3255
|
+
import_react35.IconButton,
|
|
3245
3256
|
{
|
|
3246
3257
|
"data-test-id": "H0rseVCzGIaqoLho-EPbu",
|
|
3247
3258
|
display: "flex",
|
|
@@ -3275,9 +3286,9 @@ var Datepicker = ({
|
|
|
3275
3286
|
if (props.inline) {
|
|
3276
3287
|
return component;
|
|
3277
3288
|
}
|
|
3278
|
-
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
3289
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react35.FormControl, { "data-test-id": "CT_Component_datepicker_wrapper", isInvalid: isError, children: [
|
|
3279
3290
|
component,
|
|
3280
|
-
!isError ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3291
|
+
!isError ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react35.FormHelperText, { fontSize: "text.xs", mt: 1, children: helperText }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react35.FormErrorMessage, { fontSize: "text.xs", mt: 1, children: error })
|
|
3281
3292
|
] });
|
|
3282
3293
|
};
|
|
3283
3294
|
Datepicker.defaultProps = {
|
|
@@ -3295,18 +3306,18 @@ Datepicker.defaultProps = {
|
|
|
3295
3306
|
var datepicker_default = Datepicker;
|
|
3296
3307
|
|
|
3297
3308
|
// src/components/datepicker/components/datepicker-month/datepicker-month.tsx
|
|
3298
|
-
var
|
|
3299
|
-
var
|
|
3300
|
-
var
|
|
3309
|
+
var import_react37 = require("@chakra-ui/react");
|
|
3310
|
+
var import_react38 = require("@emotion/react");
|
|
3311
|
+
var import_react39 = __toESM(require("react"));
|
|
3301
3312
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
3302
3313
|
var DatePickerMonth = ({ onChange, min, max, ...props }) => {
|
|
3303
|
-
const [date, setDate] =
|
|
3314
|
+
const [date, setDate] = import_react39.default.useState(null);
|
|
3304
3315
|
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3305
|
-
|
|
3316
|
+
import_react37.Box,
|
|
3306
3317
|
{
|
|
3307
3318
|
fontSize: "12px",
|
|
3308
3319
|
lineHeight: "18px",
|
|
3309
|
-
css:
|
|
3320
|
+
css: import_react38.css`
|
|
3310
3321
|
input[type='date']::-webkit-inner-spin-button,
|
|
3311
3322
|
input[type='date']::-webkit-calendar-picker-indicator {
|
|
3312
3323
|
display: none;
|
|
@@ -3317,7 +3328,7 @@ var DatePickerMonth = ({ onChange, min, max, ...props }) => {
|
|
|
3317
3328
|
}
|
|
3318
3329
|
`,
|
|
3319
3330
|
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3320
|
-
|
|
3331
|
+
import_react37.Input,
|
|
3321
3332
|
{
|
|
3322
3333
|
"data-test-id": props["data-test-id"],
|
|
3323
3334
|
type: "date",
|
|
@@ -3330,7 +3341,7 @@ var DatePickerMonth = ({ onChange, min, max, ...props }) => {
|
|
|
3330
3341
|
min,
|
|
3331
3342
|
max,
|
|
3332
3343
|
required: true,
|
|
3333
|
-
css:
|
|
3344
|
+
css: import_react38.css`
|
|
3334
3345
|
border: 1px solid transparent;
|
|
3335
3346
|
|
|
3336
3347
|
&:focus,
|
|
@@ -3354,11 +3365,11 @@ DatePickerMonth.defaultProps = {
|
|
|
3354
3365
|
var datepicker_month_default = DatePickerMonth;
|
|
3355
3366
|
|
|
3356
3367
|
// src/components/datepicker/components/datepicker-month/multi-datepicker-month.tsx
|
|
3357
|
-
var
|
|
3368
|
+
var import_react40 = require("@chakra-ui/react");
|
|
3358
3369
|
var import_styled = __toESM(require("@emotion/styled"));
|
|
3359
|
-
var
|
|
3370
|
+
var import_react41 = __toESM(require("react"));
|
|
3360
3371
|
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
3361
|
-
var MultiDateWrapper = (0, import_styled.default)(
|
|
3372
|
+
var MultiDateWrapper = (0, import_styled.default)(import_react40.Box)`
|
|
3362
3373
|
display: flex;
|
|
3363
3374
|
align-items: center;
|
|
3364
3375
|
width: fit-content;
|
|
@@ -3373,7 +3384,7 @@ var MultiDatePickerMonth = ({
|
|
|
3373
3384
|
min = "2020-01-01",
|
|
3374
3385
|
max = "2020-12-31"
|
|
3375
3386
|
}) => {
|
|
3376
|
-
const [date, setDate] =
|
|
3387
|
+
const [date, setDate] = import_react41.default.useState([null, null]);
|
|
3377
3388
|
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(MultiDateWrapper, { isError, children: [
|
|
3378
3389
|
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3379
3390
|
datepicker_month_default,
|
|
@@ -3387,7 +3398,7 @@ var MultiDatePickerMonth = ({
|
|
|
3387
3398
|
max
|
|
3388
3399
|
}
|
|
3389
3400
|
),
|
|
3390
|
-
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3401
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react40.Box, { children: "-" }),
|
|
3391
3402
|
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3392
3403
|
datepicker_month_default,
|
|
3393
3404
|
{
|
|
@@ -3410,7 +3421,7 @@ MultiDatePickerMonth.defaultProps = {
|
|
|
3410
3421
|
var multi_datepicker_month_default = MultiDatePickerMonth;
|
|
3411
3422
|
|
|
3412
3423
|
// src/components/dialog/components/dialog.tsx
|
|
3413
|
-
var
|
|
3424
|
+
var import_react42 = require("@chakra-ui/react");
|
|
3414
3425
|
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
3415
3426
|
var Dialog = ({
|
|
3416
3427
|
title,
|
|
@@ -3421,12 +3432,12 @@ var Dialog = ({
|
|
|
3421
3432
|
isOverlayClickable,
|
|
3422
3433
|
...props
|
|
3423
3434
|
}) => {
|
|
3424
|
-
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
3425
|
-
isModalOverlay && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3426
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
3427
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3428
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3429
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react42.Modal, { ...props, children: [
|
|
3436
|
+
isModalOverlay && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react42.ModalOverlay, { pointerEvents: isOverlayClickable ? "auto" : "none" }),
|
|
3437
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react42.ModalContent, { bgColor: "neutral.50", fontFamily: "Poppins", width, minW: "400px", children: [
|
|
3438
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react42.ModalHeader, { bgColor: "neutral.200", py: 2, px: 4, borderTopRadius: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react42.Text, { textStyle: "text.lg", fontWeight: "normal", children: title }) }),
|
|
3439
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react42.ModalBody, { p: 4, textStyle: "text.md", children: content }),
|
|
3440
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react42.ModalFooter, { bgColor: "neutral.200", p: 4, borderBottomRadius: "sm", children: footer })
|
|
3430
3441
|
] })
|
|
3431
3442
|
] });
|
|
3432
3443
|
};
|
|
@@ -3441,7 +3452,7 @@ var dialog_default = Dialog;
|
|
|
3441
3452
|
var Icon2 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
3442
3453
|
|
|
3443
3454
|
// src/components/empty-state/components/layout.tsx
|
|
3444
|
-
var
|
|
3455
|
+
var import_react43 = require("@chakra-ui/react");
|
|
3445
3456
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
3446
3457
|
var EmptyState = (props) => {
|
|
3447
3458
|
const { icon, title, description, buttonText, onClick } = props;
|
|
@@ -3450,13 +3461,13 @@ var EmptyState = (props) => {
|
|
|
3450
3461
|
onClick();
|
|
3451
3462
|
}
|
|
3452
3463
|
};
|
|
3453
|
-
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3464
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react43.Flex, { align: "center", justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react43.VStack, { textAlign: "center", children: [
|
|
3454
3465
|
icon,
|
|
3455
|
-
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3456
|
-
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3457
|
-
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3466
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react43.VStack, { spacing: 2, textAlign: "center", mt: 3, children: [
|
|
3467
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react43.Text, { textStyle: "text.lg", fontWeight: "bold", children: title }),
|
|
3468
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react43.Text, { textStyle: "text.md", color: "black.medium", whiteSpace: "pre-wrap", children: description })
|
|
3458
3469
|
] }),
|
|
3459
|
-
buttonText && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3470
|
+
buttonText && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react43.Box, { mt: 3, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react43.Button, { size: "lg", "data-test-id": "CT_component-action-button", onClick: handleClick, children: buttonText }) })
|
|
3460
3471
|
] }) });
|
|
3461
3472
|
};
|
|
3462
3473
|
var layout_default = EmptyState;
|
|
@@ -3533,28 +3544,28 @@ EmptyState2.NotAuthorize = EmptyStateNotAuthorize;
|
|
|
3533
3544
|
var empty_state_default = EmptyState2;
|
|
3534
3545
|
|
|
3535
3546
|
// src/components/header/components/header.tsx
|
|
3536
|
-
var
|
|
3547
|
+
var import_react50 = require("@chakra-ui/react");
|
|
3537
3548
|
|
|
3538
3549
|
// src/components/header/components/logo.tsx
|
|
3539
|
-
var
|
|
3550
|
+
var import_react44 = require("@chakra-ui/react");
|
|
3540
3551
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
3541
3552
|
var Logo = ({ url, imageUrl, height }) => {
|
|
3542
3553
|
if (url)
|
|
3543
|
-
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3544
|
-
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3554
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react44.Box, { as: "a", href: url, cursor: "pointer", target: "_self", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react44.Image, { w: "initial", h: height != null ? height : 9, maxH: height != null ? height : 9, src: imageUrl, alt: imageUrl, objectFit: "contain" }) });
|
|
3555
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react44.Image, { w: "initial", h: height != null ? height : 9, maxH: height != null ? height : 9, src: imageUrl, alt: imageUrl, objectFit: "contain" });
|
|
3545
3556
|
};
|
|
3546
3557
|
var XMSLogo = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3547
|
-
|
|
3558
|
+
import_react44.Image,
|
|
3548
3559
|
{
|
|
3549
3560
|
height: 8,
|
|
3550
|
-
src: (0,
|
|
3561
|
+
src: (0, import_react44.useColorModeValue)("https://assets.voila.id/xms/logo-xms.jpg", "https://assets.voila.id/xms/logo-xms-dark.png")
|
|
3551
3562
|
}
|
|
3552
3563
|
);
|
|
3553
3564
|
var VoilaLogo = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3554
|
-
|
|
3565
|
+
import_react44.Image,
|
|
3555
3566
|
{
|
|
3556
3567
|
src: "https://assets.voila.id/xms/logo-voila-black.png?v=1",
|
|
3557
|
-
filter: (0,
|
|
3568
|
+
filter: (0, import_react44.useColorModeValue)("none", "invert(1)"),
|
|
3558
3569
|
maxW: 24
|
|
3559
3570
|
}
|
|
3560
3571
|
);
|
|
@@ -3564,16 +3575,16 @@ Logo.defaultProps = {
|
|
|
3564
3575
|
};
|
|
3565
3576
|
|
|
3566
3577
|
// src/components/header/components/profile.tsx
|
|
3567
|
-
var
|
|
3578
|
+
var import_react47 = require("@chakra-ui/react");
|
|
3568
3579
|
var import_fi2 = require("react-icons/fi");
|
|
3569
3580
|
|
|
3570
3581
|
// src/components/nav-item/components/nav-item.tsx
|
|
3571
|
-
var
|
|
3582
|
+
var import_react45 = require("@chakra-ui/react");
|
|
3572
3583
|
var import_shared_utils9 = require("@chakra-ui/shared-utils");
|
|
3573
3584
|
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
3574
3585
|
var NavItem = ({ children, isActive, isChild, isDisabled, ...props }) => {
|
|
3575
3586
|
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3576
|
-
|
|
3587
|
+
import_react45.Link,
|
|
3577
3588
|
{
|
|
3578
3589
|
"data-test-id": props["data-test-id"],
|
|
3579
3590
|
opacity: isDisabled ? "0.3" : "initial",
|
|
@@ -3613,7 +3624,7 @@ NavItem.defaultProps = {
|
|
|
3613
3624
|
};
|
|
3614
3625
|
|
|
3615
3626
|
// src/components/tooltip/components/tooltip.tsx
|
|
3616
|
-
var
|
|
3627
|
+
var import_react46 = require("@chakra-ui/react");
|
|
3617
3628
|
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
3618
3629
|
var Tooltip = (props) => {
|
|
3619
3630
|
const {
|
|
@@ -3626,7 +3637,7 @@ var Tooltip = (props) => {
|
|
|
3626
3637
|
fontWeight = "400"
|
|
3627
3638
|
} = props;
|
|
3628
3639
|
const content = ({ onClose }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
3629
|
-
|
|
3640
|
+
import_react46.PopoverContent,
|
|
3630
3641
|
{
|
|
3631
3642
|
"data-test-id": "",
|
|
3632
3643
|
border: "none",
|
|
@@ -3640,15 +3651,15 @@ var Tooltip = (props) => {
|
|
|
3640
3651
|
onClose();
|
|
3641
3652
|
},
|
|
3642
3653
|
children: [
|
|
3643
|
-
props.hasArrow && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3644
|
-
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3654
|
+
props.hasArrow && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react46.PopoverArrow, { color, bg, shadow: "none" }),
|
|
3655
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react46.PopoverBody, { color, ...props, fontWeight, children: props.label })
|
|
3645
3656
|
]
|
|
3646
3657
|
}
|
|
3647
3658
|
);
|
|
3648
|
-
return props.isInteractive === true ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3649
|
-
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3650
|
-
props.portal ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3651
|
-
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3659
|
+
return props.isInteractive === true ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react46.Popover, { trigger: "hover", placement: props.placement, ...props.popoverProps, children: ({ onClose }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
|
|
3660
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react46.PopoverTrigger, { children }),
|
|
3661
|
+
props.portal ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react46.Portal, { children: content({ onClose }) }) : content({ onClose })
|
|
3662
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react46.Tooltip, { ...props, children });
|
|
3652
3663
|
};
|
|
3653
3664
|
|
|
3654
3665
|
// src/components/header/components/profile.tsx
|
|
@@ -3664,10 +3675,10 @@ var Profile = ({
|
|
|
3664
3675
|
...props
|
|
3665
3676
|
}) => {
|
|
3666
3677
|
var _a, _b;
|
|
3667
|
-
const { isOpen, onToggle, onClose } = (0,
|
|
3668
|
-
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3678
|
+
const { isOpen, onToggle, onClose } = (0, import_react47.useDisclosure)();
|
|
3679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react47.Popover, { placement: "bottom-end", isOpen, onClose, children: [
|
|
3669
3680
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3670
|
-
|
|
3681
|
+
import_react47.Box,
|
|
3671
3682
|
{
|
|
3672
3683
|
"data-test-id": "CTA_Navbar_Profile_wrapper",
|
|
3673
3684
|
as: "button",
|
|
@@ -3683,14 +3694,14 @@ var Profile = ({
|
|
|
3683
3694
|
onClick: onToggle,
|
|
3684
3695
|
color,
|
|
3685
3696
|
...props,
|
|
3686
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3687
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3688
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3689
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3697
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react47.HStack, { children: [
|
|
3698
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react47.VStack, { alignItems: "flex-end", spacing: "0", ml: "2", color, children: [
|
|
3699
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Text, { textStyle: "text.xs", mb: "1", children: data == null ? void 0 : data.email }),
|
|
3700
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react47.Flex, { alignItems: "center", children: [
|
|
3690
3701
|
(data == null ? void 0 : data.userRole) && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
|
|
3691
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3702
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Text, { textStyle: "text.xs", children: (data == null ? void 0 : data.userRole) || "user" }),
|
|
3692
3703
|
!!((_a = data.office) == null ? void 0 : _a.length) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3693
|
-
|
|
3704
|
+
import_react47.Box,
|
|
3694
3705
|
{
|
|
3695
3706
|
className: "catalyst_header-profile-divider",
|
|
3696
3707
|
h: "3",
|
|
@@ -3700,17 +3711,17 @@ var Profile = ({
|
|
|
3700
3711
|
}
|
|
3701
3712
|
)
|
|
3702
3713
|
] }),
|
|
3703
|
-
typeof (data == null ? void 0 : data.office) === "object" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3704
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3714
|
+
typeof (data == null ? void 0 : data.office) === "object" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react47.Flex, { align: "center", justify: "center", children: [
|
|
3715
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Text, { textStyle: "text.xs", children: data.office[0] }),
|
|
3705
3716
|
data.office.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3706
3717
|
Tooltip,
|
|
3707
3718
|
{
|
|
3708
3719
|
isInteractive: true,
|
|
3709
3720
|
hasArrow: true,
|
|
3710
3721
|
p: "2",
|
|
3711
|
-
label: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3712
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3713
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3722
|
+
label: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react47.Box, { children: [
|
|
3723
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Text, { children: "Akses Office:" }),
|
|
3724
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Text, { children: data.office.sort().join(", ") })
|
|
3714
3725
|
] }),
|
|
3715
3726
|
textAlign: "left",
|
|
3716
3727
|
placement: "bottom-end",
|
|
@@ -3721,7 +3732,7 @@ var Profile = ({
|
|
|
3721
3732
|
},
|
|
3722
3733
|
width: 300,
|
|
3723
3734
|
...officeContainer,
|
|
3724
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3735
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Box, { ml: 1, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3725
3736
|
badge_default,
|
|
3726
3737
|
{
|
|
3727
3738
|
rounded: "full",
|
|
@@ -3738,18 +3749,18 @@ var Profile = ({
|
|
|
3738
3749
|
) })
|
|
3739
3750
|
}
|
|
3740
3751
|
)
|
|
3741
|
-
] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3752
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Text, { textStyle: "text.xs", children: (data == null ? void 0 : data.office) || "office" })
|
|
3742
3753
|
] })
|
|
3743
3754
|
] }),
|
|
3744
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3755
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Box, { border: "2px solid", borderColor: "transparent", className: "catalyst-header-avatar", rounded: "full", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Avatar, { size: "sm", bg: brandColor, color: "white", name: (_b = data == null ? void 0 : data.name) != null ? _b : data == null ? void 0 : data.email }) }) })
|
|
3745
3756
|
] })
|
|
3746
3757
|
}
|
|
3747
3758
|
),
|
|
3748
|
-
children || /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3749
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3750
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3759
|
+
children || /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react47.PopoverContent, { bg: "white", maxW: 200, children: [
|
|
3760
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.PopoverArrow, { bg: "white" }),
|
|
3761
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(NavItem, { "data-test-id": "CTA_Navbar_logout-button", onClick: onLogout, rounded: "none", px: "4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react47.Box, { display: "flex", alignItems: "center", children: [
|
|
3751
3762
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fi2.FiPower, {}),
|
|
3752
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3763
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react47.Text, { ml: "2", children: "Logout" })
|
|
3753
3764
|
] }) }) })
|
|
3754
3765
|
] })
|
|
3755
3766
|
] });
|
|
@@ -3762,17 +3773,17 @@ Profile.defaultProps = {
|
|
|
3762
3773
|
};
|
|
3763
3774
|
|
|
3764
3775
|
// src/components/header/components/switch-mode.tsx
|
|
3765
|
-
var
|
|
3776
|
+
var import_react48 = require("@chakra-ui/react");
|
|
3766
3777
|
var import_fi3 = require("react-icons/fi");
|
|
3767
3778
|
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3768
3779
|
var SwitchMode = () => {
|
|
3769
|
-
const { colorMode, toggleColorMode } = (0,
|
|
3770
|
-
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
3780
|
+
const { colorMode, toggleColorMode } = (0, import_react48.useColorMode)();
|
|
3781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react48.Box, { "data-test-id": "rhYuTDCiWkFqr96upiEEh", mx: 5, onClick: toggleColorMode, cursor: "pointer", children: colorMode === "light" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fi3.FiMoon, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fi3.FiSun, { size: 20 }) });
|
|
3771
3782
|
};
|
|
3772
3783
|
var switch_mode_default = SwitchMode;
|
|
3773
3784
|
|
|
3774
3785
|
// src/components/header/components/version.tsx
|
|
3775
|
-
var
|
|
3786
|
+
var import_react49 = require("@chakra-ui/react");
|
|
3776
3787
|
|
|
3777
3788
|
// src/components/header/utils/formatter.ts
|
|
3778
3789
|
function environmentName(env) {
|
|
@@ -3810,7 +3821,7 @@ var Version = ({
|
|
|
3810
3821
|
}
|
|
3811
3822
|
) : version,
|
|
3812
3823
|
!hideEnv && environmentName(environment) !== null && version && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3813
|
-
|
|
3824
|
+
import_react49.Box,
|
|
3814
3825
|
{
|
|
3815
3826
|
background: "primary.50",
|
|
3816
3827
|
color: "primary.500",
|
|
@@ -3850,8 +3861,8 @@ var Header = ({
|
|
|
3850
3861
|
bg = "white",
|
|
3851
3862
|
versionStyle,
|
|
3852
3863
|
...props
|
|
3853
|
-
}) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3854
|
-
|
|
3864
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react50.Flex, { minH: 15, bg, shadow: "raised", px: 6, py: 3, alignItems: "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
3865
|
+
import_react50.Flex,
|
|
3855
3866
|
{
|
|
3856
3867
|
h: "auto",
|
|
3857
3868
|
w: "full",
|
|
@@ -3859,11 +3870,11 @@ var Header = ({
|
|
|
3859
3870
|
justifyContent: !mainLogo ? "flex-end" : "space-between",
|
|
3860
3871
|
pos: "relative",
|
|
3861
3872
|
children: [
|
|
3862
|
-
mainLogo && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
3873
|
+
mainLogo && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react50.Flex, { alignItems: "center", children: [
|
|
3863
3874
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Logo, { url: urlLogo, imageUrl: mainLogo, height: mainLogoSize }),
|
|
3864
3875
|
children && children
|
|
3865
3876
|
] }),
|
|
3866
|
-
centerLogo && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
3877
|
+
centerLogo && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react50.HStack, { w: "fit-content", spacing: 2, alignItems: "center", pos: "absolute", left: "50%", transform: "translate(-50%,0)", children: [
|
|
3867
3878
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Logo, { url: urlLogo, imageUrl: centerLogo, height: centerLogoSize }),
|
|
3868
3879
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3869
3880
|
Version,
|
|
@@ -3876,7 +3887,7 @@ var Header = ({
|
|
|
3876
3887
|
}
|
|
3877
3888
|
)
|
|
3878
3889
|
] }),
|
|
3879
|
-
profile || /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
3890
|
+
profile || /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react50.Flex, { alignItems: "center", children: [
|
|
3880
3891
|
!hideSwitchMode && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(switch_mode_default, {}),
|
|
3881
3892
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Profile, { color: props.color, brandColor, data, onLogout })
|
|
3882
3893
|
] })
|
|
@@ -3900,11 +3911,11 @@ Header.defaultProps = {
|
|
|
3900
3911
|
};
|
|
3901
3912
|
|
|
3902
3913
|
// src/components/header/components/navbar.tsx
|
|
3903
|
-
var
|
|
3914
|
+
var import_react51 = require("@chakra-ui/react");
|
|
3904
3915
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
3905
3916
|
var Navbar = ({ bg = "white", children, ...props }) => {
|
|
3906
3917
|
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3907
|
-
|
|
3918
|
+
import_react51.Flex,
|
|
3908
3919
|
{
|
|
3909
3920
|
minH: "15",
|
|
3910
3921
|
h: "15",
|
|
@@ -3924,21 +3935,21 @@ var Navbar = ({ bg = "white", children, ...props }) => {
|
|
|
3924
3935
|
Navbar.displayName = "Navbar";
|
|
3925
3936
|
|
|
3926
3937
|
// src/components/image/index.ts
|
|
3927
|
-
var
|
|
3938
|
+
var import_react52 = require("@chakra-ui/react");
|
|
3928
3939
|
|
|
3929
3940
|
// src/components/layouting/index.ts
|
|
3930
|
-
var
|
|
3941
|
+
var import_react53 = require("@chakra-ui/react");
|
|
3931
3942
|
|
|
3932
3943
|
// src/components/list/index.tsx
|
|
3933
|
-
var
|
|
3944
|
+
var import_react54 = require("@chakra-ui/react");
|
|
3934
3945
|
|
|
3935
3946
|
// src/components/modal/components/modal-back-button.tsx
|
|
3936
3947
|
var import_icons3 = require("@chakra-ui/icons");
|
|
3937
|
-
var
|
|
3948
|
+
var import_react55 = require("@chakra-ui/react");
|
|
3938
3949
|
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3939
3950
|
var ModalBackButton = ({ onClick }) => {
|
|
3940
3951
|
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3941
|
-
|
|
3952
|
+
import_react55.IconButton,
|
|
3942
3953
|
{
|
|
3943
3954
|
icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_icons3.ChevronLeftIcon, { w: "4.5", h: "4.5" }),
|
|
3944
3955
|
size: "sm",
|
|
@@ -3958,12 +3969,12 @@ var ModalBackButton = ({ onClick }) => {
|
|
|
3958
3969
|
var modal_back_button_default = ModalBackButton;
|
|
3959
3970
|
|
|
3960
3971
|
// src/components/modal/index.ts
|
|
3961
|
-
var
|
|
3972
|
+
var import_react56 = require("@chakra-ui/react");
|
|
3962
3973
|
|
|
3963
3974
|
// src/components/navigation/components/navigation.tsx
|
|
3964
|
-
var
|
|
3975
|
+
var import_react57 = require("@chakra-ui/react");
|
|
3965
3976
|
var Icon5 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
3966
|
-
var
|
|
3977
|
+
var import_react58 = require("@emotion/react");
|
|
3967
3978
|
|
|
3968
3979
|
// src/components/navigation/components/mapping-icon.tsx
|
|
3969
3980
|
var Icon4 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
@@ -3986,8 +3997,8 @@ var mappingIcon = /* @__PURE__ */ new Map([
|
|
|
3986
3997
|
// src/components/navigation/components/navigation.tsx
|
|
3987
3998
|
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3988
3999
|
var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
3989
|
-
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3990
|
-
|
|
4000
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react57.Box, { borderRadius: "md", overflowX: "auto", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4001
|
+
import_react57.Flex,
|
|
3991
4002
|
{
|
|
3992
4003
|
bg: "white",
|
|
3993
4004
|
w: "full",
|
|
@@ -4001,9 +4012,9 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
4001
4012
|
children: navigations == null ? void 0 : navigations.map((navigation) => {
|
|
4002
4013
|
const isActive = activePath.startsWith(navigation.navLink || "");
|
|
4003
4014
|
const activeBg = isActive ? "primary.500" : void 0;
|
|
4004
|
-
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4005
|
-
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4006
|
-
|
|
4015
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react57.Popover, { trigger: "hover", placement: "bottom-start", children: ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
|
|
4016
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react57.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4017
|
+
import_react57.Button,
|
|
4007
4018
|
{
|
|
4008
4019
|
h: 7.5,
|
|
4009
4020
|
p: 2,
|
|
@@ -4020,10 +4031,10 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
4020
4031
|
children: navigation.title
|
|
4021
4032
|
}
|
|
4022
4033
|
) }),
|
|
4023
|
-
navigation.children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4024
|
-
|
|
4034
|
+
navigation.children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react57.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react57.Box, { zIndex: "popover", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4035
|
+
import_react57.PopoverContent,
|
|
4025
4036
|
{
|
|
4026
|
-
bg: (0,
|
|
4037
|
+
bg: (0, import_react57.useColorModeValue)("white", "ebony-clay.800"),
|
|
4027
4038
|
maxW: 250,
|
|
4028
4039
|
border: "none",
|
|
4029
4040
|
borderRadius: "md",
|
|
@@ -4033,7 +4044,7 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
4033
4044
|
const isLocalLink = host === navHost;
|
|
4034
4045
|
const isActiveSub = activePath === navLink;
|
|
4035
4046
|
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4036
|
-
|
|
4047
|
+
import_react57.Link,
|
|
4037
4048
|
{
|
|
4038
4049
|
as: isLocalLink ? as : void 0,
|
|
4039
4050
|
href: link,
|
|
@@ -4041,7 +4052,7 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
4041
4052
|
textDecoration: "none"
|
|
4042
4053
|
},
|
|
4043
4054
|
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
4044
|
-
|
|
4055
|
+
import_react57.Box,
|
|
4045
4056
|
{
|
|
4046
4057
|
display: "flex",
|
|
4047
4058
|
position: "relative",
|
|
@@ -4049,24 +4060,24 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
4049
4060
|
cursor: "pointer",
|
|
4050
4061
|
transition: "padding 0.35s ease 0s",
|
|
4051
4062
|
_hover: {
|
|
4052
|
-
backgroundColor: (0,
|
|
4053
|
-
color: (0,
|
|
4063
|
+
backgroundColor: (0, import_react57.useColorModeValue)("dove-gray.50", "mirage.900"),
|
|
4064
|
+
color: (0, import_react57.useColorModeValue)("primary.500", "dove-gray.600"),
|
|
4054
4065
|
px: 5,
|
|
4055
4066
|
py: 4,
|
|
4056
4067
|
_first: { borderTopRadius: "md" },
|
|
4057
4068
|
_last: { borderBottomRadius: "md" }
|
|
4058
4069
|
},
|
|
4059
4070
|
color: isActiveSub ? "primary.500" : "inherit",
|
|
4060
|
-
css:
|
|
4071
|
+
css: import_react58.css`
|
|
4061
4072
|
border-spacing: 4px;
|
|
4062
4073
|
`,
|
|
4063
4074
|
px: 6,
|
|
4064
4075
|
py: 4,
|
|
4065
4076
|
children: [
|
|
4066
4077
|
mappingIcon.get(navigation.title),
|
|
4067
|
-
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4078
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react57.Text, { fontSize: "text.sm", ml: 3, children: title }),
|
|
4068
4079
|
isActiveSub && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4069
|
-
|
|
4080
|
+
import_react57.Box,
|
|
4070
4081
|
{
|
|
4071
4082
|
width: 0.5,
|
|
4072
4083
|
height: 8,
|
|
@@ -4099,7 +4110,7 @@ Navigation.defaultProps = {
|
|
|
4099
4110
|
var navigation_default = Navigation;
|
|
4100
4111
|
|
|
4101
4112
|
// src/components/navigation/components/navigation-bar.tsx
|
|
4102
|
-
var
|
|
4113
|
+
var import_react59 = require("@chakra-ui/react");
|
|
4103
4114
|
var Icon6 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
4104
4115
|
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
4105
4116
|
var NavigationBar = ({
|
|
@@ -4116,8 +4127,8 @@ var NavigationBar = ({
|
|
|
4116
4127
|
}
|
|
4117
4128
|
return subMenu.navHost + subMenu.navLink;
|
|
4118
4129
|
};
|
|
4119
|
-
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4120
|
-
|
|
4130
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react59.Box, { hidden: isFetched && navigations === void 0, "data-test-id": "CT_component_navigation_cms", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4131
|
+
import_react59.Flex,
|
|
4121
4132
|
{
|
|
4122
4133
|
bg: "white",
|
|
4123
4134
|
w: "full",
|
|
@@ -4133,9 +4144,9 @@ var NavigationBar = ({
|
|
|
4133
4144
|
const childMenu = item.children.filter((subMenu) => asPath == null ? void 0 : asPath.includes(subMenu.navLink));
|
|
4134
4145
|
const isActive = pathname == null ? void 0 : pathname.startsWith((_a = childMenu[0]) == null ? void 0 : _a.navLink);
|
|
4135
4146
|
const activeBg = isActive ? "primary.500" : void 0;
|
|
4136
|
-
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4137
|
-
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4138
|
-
|
|
4147
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react59.Popover, { isLazy: true, trigger: "hover", placement: "bottom-start", openDelay: 100, closeDelay: 100, children: ({ isOpen, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
4148
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react59.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4149
|
+
import_react59.Button,
|
|
4139
4150
|
{
|
|
4140
4151
|
h: 7.5,
|
|
4141
4152
|
p: 2,
|
|
@@ -4152,8 +4163,8 @@ var NavigationBar = ({
|
|
|
4152
4163
|
children: item.title
|
|
4153
4164
|
}
|
|
4154
4165
|
) }),
|
|
4155
|
-
item.children && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4156
|
-
|
|
4166
|
+
item.children && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react59.PopoverContent, { bg: "white", boxShadow: "raised", borderRadius: "md", py: 1, width: 240, children: item.children.map((subMenu) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
4167
|
+
import_react59.Link,
|
|
4157
4168
|
{
|
|
4158
4169
|
href: urlMenu(subMenu),
|
|
4159
4170
|
display: "flex",
|
|
@@ -4170,7 +4181,7 @@ var NavigationBar = ({
|
|
|
4170
4181
|
"data-test-id": `CT_component_navigation_link-${item.id}`,
|
|
4171
4182
|
children: [
|
|
4172
4183
|
mappingIcon2.get(item.title),
|
|
4173
|
-
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4184
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react59.Text, { textStyle: "text-sm", ml: 3, children: subMenu.title })
|
|
4174
4185
|
]
|
|
4175
4186
|
},
|
|
4176
4187
|
subMenu.id
|
|
@@ -4187,18 +4198,18 @@ var navigation_bar_default = NavigationBar;
|
|
|
4187
4198
|
|
|
4188
4199
|
// src/components/pagination/components/pagination.tsx
|
|
4189
4200
|
var import_icons4 = require("@chakra-ui/icons");
|
|
4190
|
-
var
|
|
4201
|
+
var import_react62 = require("@chakra-ui/react");
|
|
4191
4202
|
|
|
4192
4203
|
// src/components/pagination/components/pagination-button.tsx
|
|
4193
|
-
var
|
|
4204
|
+
var import_react60 = require("@chakra-ui/react");
|
|
4194
4205
|
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
4195
|
-
var PaginationButton = (0,
|
|
4196
|
-
const btnBg = (0,
|
|
4197
|
-
const btnColor = (0,
|
|
4198
|
-
const btnNotActiveBg = (0,
|
|
4199
|
-
const btnNotActiveColor = (0,
|
|
4206
|
+
var PaginationButton = (0, import_react60.forwardRef)(({ className, style, isActive, children, ...rest }, ref) => {
|
|
4207
|
+
const btnBg = (0, import_react60.useColorModeValue)("neutral.300", "mirage.900");
|
|
4208
|
+
const btnColor = (0, import_react60.useColorModeValue)("black.high", "primary.300");
|
|
4209
|
+
const btnNotActiveBg = (0, import_react60.useColorModeValue)("secondary.50", "primary.500");
|
|
4210
|
+
const btnNotActiveColor = (0, import_react60.useColorModeValue)("primary.500", "white");
|
|
4200
4211
|
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4201
|
-
|
|
4212
|
+
import_react60.Button,
|
|
4202
4213
|
{
|
|
4203
4214
|
"data-test-id": "Pagination-Button",
|
|
4204
4215
|
ref,
|
|
@@ -4223,7 +4234,7 @@ var PaginationButton = (0, import_react59.forwardRef)(({ className, style, isAct
|
|
|
4223
4234
|
color: "neutral.300"
|
|
4224
4235
|
},
|
|
4225
4236
|
_disabled: {
|
|
4226
|
-
background: (0,
|
|
4237
|
+
background: (0, import_react60.useColorModeValue)("neutral.300", "mirage.900"),
|
|
4227
4238
|
color: "neutral.600",
|
|
4228
4239
|
pointerEvents: "none"
|
|
4229
4240
|
},
|
|
@@ -4239,7 +4250,7 @@ PaginationButton.defaultProps = {
|
|
|
4239
4250
|
var pagination_button_default = PaginationButton;
|
|
4240
4251
|
|
|
4241
4252
|
// src/components/pagination/components/pagination-button-trigger.tsx
|
|
4242
|
-
var
|
|
4253
|
+
var import_react61 = require("@chakra-ui/react");
|
|
4243
4254
|
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
4244
4255
|
var PaginationButtonTrigger = ({
|
|
4245
4256
|
color,
|
|
@@ -4248,7 +4259,7 @@ var PaginationButtonTrigger = ({
|
|
|
4248
4259
|
visuallyHidden,
|
|
4249
4260
|
icon
|
|
4250
4261
|
}) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(pagination_button_default, { "data-test-id": "DLVCc_fBK35spHm5WxjcJ", color, isDisabled, onClick, children: [
|
|
4251
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4262
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react61.VisuallyHidden, { children: visuallyHidden }),
|
|
4252
4263
|
icon
|
|
4253
4264
|
] });
|
|
4254
4265
|
PaginationButtonTrigger.defaultProps = {
|
|
@@ -4263,8 +4274,8 @@ var pagination_button_trigger_default = PaginationButtonTrigger;
|
|
|
4263
4274
|
// src/components/pagination/components/pagination.tsx
|
|
4264
4275
|
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4265
4276
|
var Pagination = ({ className, current, total, onSelect }) => {
|
|
4266
|
-
const btnColorDisabled = (0,
|
|
4267
|
-
const btnColor = (0,
|
|
4277
|
+
const btnColorDisabled = (0, import_react62.useColorModeValue)("secondary.100", "primary.500");
|
|
4278
|
+
const btnColor = (0, import_react62.useColorModeValue)("primary.500", "secondary.100");
|
|
4268
4279
|
const disabledPrevious = current === 1;
|
|
4269
4280
|
const previousButtonColor = disabledPrevious ? btnColorDisabled : btnColor;
|
|
4270
4281
|
const disabledNext = current === total;
|
|
@@ -4291,8 +4302,8 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
4291
4302
|
}
|
|
4292
4303
|
return pageButtons;
|
|
4293
4304
|
};
|
|
4294
|
-
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
4295
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react62.Box, { className, display: "inline-flex", alignItems: "center", children: [
|
|
4306
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react62.Box, { mr: 1, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4296
4307
|
pagination_button_trigger_default,
|
|
4297
4308
|
{
|
|
4298
4309
|
"data-test-id": "Pagination-Button",
|
|
@@ -4303,7 +4314,7 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
4303
4314
|
icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons4.ArrowLeftIcon, { width: 2 })
|
|
4304
4315
|
}
|
|
4305
4316
|
) }),
|
|
4306
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
4317
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react62.Box, { bg: "neutral.300", borderRadius: "full", children: [
|
|
4307
4318
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4308
4319
|
pagination_button_trigger_default,
|
|
4309
4320
|
{
|
|
@@ -4322,7 +4333,7 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
4322
4333
|
"data-test-id": "Pagination-Button",
|
|
4323
4334
|
isActive: page === current,
|
|
4324
4335
|
onClick: () => typeof page === "number" ? handleSelectPage(page) : null,
|
|
4325
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4336
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react62.Text, { scale: 300, fontSize: "text.sm", lineHeight: 18, fontWeight: 500, children: page })
|
|
4326
4337
|
},
|
|
4327
4338
|
page
|
|
4328
4339
|
);
|
|
@@ -4339,7 +4350,7 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
4339
4350
|
}
|
|
4340
4351
|
)
|
|
4341
4352
|
] }),
|
|
4342
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4353
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react62.Box, { ml: 1, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4343
4354
|
pagination_button_trigger_default,
|
|
4344
4355
|
{
|
|
4345
4356
|
"data-test-id": "Pagination-Button",
|
|
@@ -4360,7 +4371,7 @@ Pagination.displayName = "Pagination";
|
|
|
4360
4371
|
var pagination_default = Pagination;
|
|
4361
4372
|
|
|
4362
4373
|
// src/components/pagination/components/pagination-detail.tsx
|
|
4363
|
-
var
|
|
4374
|
+
var import_react63 = require("@chakra-ui/react");
|
|
4364
4375
|
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4365
4376
|
var PaginationDetail = ({
|
|
4366
4377
|
page,
|
|
@@ -4371,13 +4382,13 @@ var PaginationDetail = ({
|
|
|
4371
4382
|
lineHeight = 18,
|
|
4372
4383
|
...rest
|
|
4373
4384
|
}) => {
|
|
4374
|
-
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
4385
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react63.Text, { scale, fontSize, lineHeight, ...rest, children: `${(page - 1) * limit + 1}-${limit * page < length ? limit * page : length} dari ${length} item` });
|
|
4375
4386
|
};
|
|
4376
4387
|
var pagination_detail_default = PaginationDetail;
|
|
4377
4388
|
|
|
4378
4389
|
// src/components/pagination/components/pagination-filter.tsx
|
|
4379
|
-
var
|
|
4380
|
-
var
|
|
4390
|
+
var import_react64 = require("@chakra-ui/react");
|
|
4391
|
+
var React10 = __toESM(require("react"));
|
|
4381
4392
|
var import_fi4 = require("react-icons/fi");
|
|
4382
4393
|
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4383
4394
|
var PaginationFilter = ({
|
|
@@ -4387,11 +4398,11 @@ var PaginationFilter = ({
|
|
|
4387
4398
|
onChange,
|
|
4388
4399
|
...rest
|
|
4389
4400
|
}) => {
|
|
4390
|
-
const [value, setValue] =
|
|
4391
|
-
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
4392
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4401
|
+
const [value, setValue] = React10.useState(limit);
|
|
4402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react64.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [
|
|
4403
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react64.Text, { fontSize: "text.sm", lineHeight: 18, color: (0, import_react64.useColorModeValue)("neutral.900", "white"), ...rest, children: label }),
|
|
4393
4404
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4394
|
-
|
|
4405
|
+
import_react64.Select,
|
|
4395
4406
|
{
|
|
4396
4407
|
textAlign: "center",
|
|
4397
4408
|
size: "xs",
|
|
@@ -4421,22 +4432,22 @@ PaginationFilter.defaultProps = {
|
|
|
4421
4432
|
var pagination_filter_default = PaginationFilter;
|
|
4422
4433
|
|
|
4423
4434
|
// src/components/pin-input/index.ts
|
|
4424
|
-
var
|
|
4435
|
+
var import_react65 = require("@chakra-ui/react");
|
|
4425
4436
|
|
|
4426
4437
|
// src/components/popover/index.ts
|
|
4427
|
-
var
|
|
4438
|
+
var import_react66 = require("@chakra-ui/react");
|
|
4428
4439
|
|
|
4429
4440
|
// src/components/progress/index.ts
|
|
4430
|
-
var
|
|
4441
|
+
var import_react67 = require("@chakra-ui/react");
|
|
4431
4442
|
|
|
4432
4443
|
// src/components/radio/components/radio.tsx
|
|
4433
|
-
var
|
|
4444
|
+
var import_react68 = require("@chakra-ui/react");
|
|
4434
4445
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4435
4446
|
var Radio = ({ isError = false, helpText, errorText, children, isDisabled, ...rest }) => {
|
|
4436
4447
|
const variant = isError ? "errors" : "unstyled";
|
|
4437
|
-
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
4438
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4439
|
-
isError && errorText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react68.Box, { children: [
|
|
4449
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react68.Box, { display: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react68.Radio, { variant, ...rest, isDisabled, children: children && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react68.Text, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children }) }) }),
|
|
4450
|
+
isError && errorText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react68.Box, { mt: "2", ml: "6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react68.Text, { as: "span", display: "block", textStyle: "text.xs", color: "danger.500", children: errorText }) }) : helpText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react68.Box, { mt: "2", ml: "6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react68.Text, { as: "span", display: "block", textStyle: "text.xs", color: "black.medium", children: helpText }) }) : null
|
|
4440
4451
|
] });
|
|
4441
4452
|
};
|
|
4442
4453
|
Radio.displayName = "Radio";
|
|
@@ -4447,7 +4458,7 @@ Radio.defaultProps = {
|
|
|
4447
4458
|
};
|
|
4448
4459
|
|
|
4449
4460
|
// src/components/radio/components/radio-group.tsx
|
|
4450
|
-
var
|
|
4461
|
+
var import_react69 = require("@chakra-ui/react");
|
|
4451
4462
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4452
4463
|
var RadioGroup = ({
|
|
4453
4464
|
children,
|
|
@@ -4457,7 +4468,7 @@ var RadioGroup = ({
|
|
|
4457
4468
|
errorMessage,
|
|
4458
4469
|
...props
|
|
4459
4470
|
}) => {
|
|
4460
|
-
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(field_default, { ...props, label, leftHelperText: helpText, isError, errorMessage, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4471
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(field_default, { ...props, label, leftHelperText: helpText, isError, errorMessage, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react69.Box, { mt: "2", mb: "1", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react69.RadioGroup, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react69.Stack, { spacing: [1, "16px"], direction: ["column", "row"], children }) }) }) });
|
|
4461
4472
|
};
|
|
4462
4473
|
RadioGroup.displayName = "RadioGroup";
|
|
4463
4474
|
RadioGroup.defaultProps = {
|
|
@@ -4467,34 +4478,34 @@ RadioGroup.defaultProps = {
|
|
|
4467
4478
|
};
|
|
4468
4479
|
|
|
4469
4480
|
// src/components/radio/index.ts
|
|
4470
|
-
var
|
|
4481
|
+
var import_react70 = require("@chakra-ui/react");
|
|
4471
4482
|
|
|
4472
4483
|
// src/components/rating/components/rating.tsx
|
|
4473
|
-
var
|
|
4484
|
+
var import_react71 = require("@chakra-ui/react");
|
|
4474
4485
|
var import_internal_icon7 = require("@ctlyst.id/internal-icon");
|
|
4475
4486
|
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4476
4487
|
var Rating = ({ value }) => {
|
|
4477
|
-
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4488
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react71.Grid, { gap: "4px", display: "flex", children: [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_internal_icon7.Rating, { color: i < value ? "#FFA230" : "#E0E0E0", size: 24 })) });
|
|
4478
4489
|
};
|
|
4479
4490
|
var rating_default = Rating;
|
|
4480
4491
|
|
|
4481
4492
|
// src/components/select/components/select.tsx
|
|
4482
|
-
var
|
|
4493
|
+
var import_react75 = require("@chakra-ui/react");
|
|
4483
4494
|
var import_system7 = require("@chakra-ui/system");
|
|
4484
4495
|
var Icon7 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
4485
4496
|
var import_react_select = __toESM(require("react-select"));
|
|
4486
4497
|
|
|
4487
4498
|
// src/config/theme/foundations/shadows.ts
|
|
4488
|
-
var
|
|
4499
|
+
var import_react72 = require("@chakra-ui/react");
|
|
4489
4500
|
var shadows = {
|
|
4490
|
-
...
|
|
4501
|
+
...import_react72.theme.shadows,
|
|
4491
4502
|
raised: "0px 4px 20px rgba(0, 0, 0, 0.05)"
|
|
4492
4503
|
};
|
|
4493
4504
|
|
|
4494
4505
|
// src/config/theme/foundations/sizes.ts
|
|
4495
|
-
var
|
|
4506
|
+
var import_react73 = require("@chakra-ui/react");
|
|
4496
4507
|
var sizes = {
|
|
4497
|
-
...
|
|
4508
|
+
...import_react73.theme.sizes,
|
|
4498
4509
|
4.5: "1.125rem",
|
|
4499
4510
|
9.5: "2.375rem",
|
|
4500
4511
|
18: "4.5rem",
|
|
@@ -4504,9 +4515,9 @@ var sizes = {
|
|
|
4504
4515
|
};
|
|
4505
4516
|
|
|
4506
4517
|
// src/config/theme/foundations/spacing.ts
|
|
4507
|
-
var
|
|
4518
|
+
var import_react74 = require("@chakra-ui/react");
|
|
4508
4519
|
var spacing = {
|
|
4509
|
-
...
|
|
4520
|
+
...import_react74.theme.space,
|
|
4510
4521
|
4.5: "1.125rem",
|
|
4511
4522
|
9.5: "2.375rem",
|
|
4512
4523
|
18: "4.5rem",
|
|
@@ -4866,13 +4877,13 @@ function ClearIndicator(props) {
|
|
|
4866
4877
|
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon7.Close, { size: 4, color: hasValue ? "black.medium" : "neutral.400" }) });
|
|
4867
4878
|
}
|
|
4868
4879
|
function MultiValue(props) {
|
|
4869
|
-
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_select.components.MultiValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4880
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_select.components.MultiValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react75.Badge, { pr: 0, variant: "neutral-light", children: props == null ? void 0 : props.data.label }) });
|
|
4870
4881
|
}
|
|
4871
4882
|
function MultiValueRemove(props) {
|
|
4872
|
-
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react75.Flex, { align: "center", justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon7.Close, { size: 2.5, color: "inherit" }) }) });
|
|
4873
4884
|
}
|
|
4874
4885
|
function NoOptionsMessage(props) {
|
|
4875
|
-
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4886
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react75.Center, { textStyle: "text.xs", py: "1.5", color: "black.medium", children: (props == null ? void 0 : props.options.length) === 0 ? "Opsi tidak tersedia" : "Hasil tidak ditemukan" });
|
|
4876
4887
|
}
|
|
4877
4888
|
function Select2({
|
|
4878
4889
|
styles,
|
|
@@ -4980,7 +4991,7 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
|
|
|
4980
4991
|
}
|
|
4981
4992
|
|
|
4982
4993
|
// src/components/select/components/select-with-checkbox.tsx
|
|
4983
|
-
var
|
|
4994
|
+
var import_react76 = require("@chakra-ui/react");
|
|
4984
4995
|
var import_system11 = require("@chakra-ui/system");
|
|
4985
4996
|
var import_react_select2 = __toESM(require("react-select"));
|
|
4986
4997
|
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
@@ -5043,7 +5054,7 @@ var InputOption = ({
|
|
|
5043
5054
|
innerProps: props,
|
|
5044
5055
|
...rest,
|
|
5045
5056
|
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
5046
|
-
|
|
5057
|
+
import_react76.Flex,
|
|
5047
5058
|
{
|
|
5048
5059
|
alignItems: "center",
|
|
5049
5060
|
width: "100%",
|
|
@@ -5052,7 +5063,7 @@ var InputOption = ({
|
|
|
5052
5063
|
cursor: isDisabled ? "not-allowed" : "default",
|
|
5053
5064
|
children: [
|
|
5054
5065
|
(data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
5055
|
-
|
|
5066
|
+
import_react76.Checkbox,
|
|
5056
5067
|
{
|
|
5057
5068
|
isChecked: checkedState === CHECKBOX_STATE.CHECKED,
|
|
5058
5069
|
isIndeterminate: checkedState === CHECKBOX_STATE.INDETERMINATE,
|
|
@@ -5061,14 +5072,14 @@ var InputOption = ({
|
|
|
5061
5072
|
"data-test-id": "CT_component_select-checkbox_select-all-option"
|
|
5062
5073
|
}
|
|
5063
5074
|
) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
5064
|
-
|
|
5075
|
+
import_react76.Checkbox,
|
|
5065
5076
|
{
|
|
5066
5077
|
pointerEvents: "none",
|
|
5067
5078
|
isChecked: isSelected,
|
|
5068
5079
|
"data-test-id": "CT_component_select-checkbox_option-checkbox"
|
|
5069
5080
|
}
|
|
5070
5081
|
),
|
|
5071
|
-
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
5082
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react76.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
|
|
5072
5083
|
]
|
|
5073
5084
|
}
|
|
5074
5085
|
)
|
|
@@ -5140,13 +5151,13 @@ var SelectCheckbox = (props) => {
|
|
|
5140
5151
|
var select_with_checkbox_default = SelectCheckbox;
|
|
5141
5152
|
|
|
5142
5153
|
// src/components/sidebar/components/sidebar.tsx
|
|
5143
|
-
var
|
|
5154
|
+
var import_react77 = require("@chakra-ui/react");
|
|
5144
5155
|
var import_framer_motion = require("framer-motion");
|
|
5145
5156
|
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5146
5157
|
var Sidebar = ({ isCollapse, children, ...props }) => {
|
|
5147
5158
|
const { width = "220px" } = props;
|
|
5148
5159
|
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
5149
|
-
|
|
5160
|
+
import_react77.Flex,
|
|
5150
5161
|
{
|
|
5151
5162
|
position: "relative",
|
|
5152
5163
|
as: import_framer_motion.motion.div,
|
|
@@ -5166,13 +5177,13 @@ var Sidebar = ({ isCollapse, children, ...props }) => {
|
|
|
5166
5177
|
Sidebar.displayName = "Sidebar";
|
|
5167
5178
|
|
|
5168
5179
|
// src/components/sidebar/components/sidebar-header.tsx
|
|
5169
|
-
var
|
|
5180
|
+
var import_react78 = require("@chakra-ui/react");
|
|
5170
5181
|
var import_internal_icon8 = require("@ctlyst.id/internal-icon");
|
|
5171
5182
|
var import_framer_motion2 = require("framer-motion");
|
|
5172
5183
|
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5173
5184
|
var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
5174
5185
|
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5175
|
-
|
|
5186
|
+
import_react78.Box,
|
|
5176
5187
|
{
|
|
5177
5188
|
px: "2",
|
|
5178
5189
|
color: "neutral.900",
|
|
@@ -5182,7 +5193,7 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
|
5182
5193
|
color: "primary.500"
|
|
5183
5194
|
},
|
|
5184
5195
|
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
5185
|
-
|
|
5196
|
+
import_react78.Flex,
|
|
5186
5197
|
{
|
|
5187
5198
|
"data-test-id": "nLkz69YipW818FioeAxVI",
|
|
5188
5199
|
direction: "row",
|
|
@@ -5192,7 +5203,7 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
|
5192
5203
|
cursor: "pointer",
|
|
5193
5204
|
children: [
|
|
5194
5205
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5195
|
-
|
|
5206
|
+
import_react78.Box,
|
|
5196
5207
|
{
|
|
5197
5208
|
as: import_framer_motion2.motion.div,
|
|
5198
5209
|
boxSize: "4",
|
|
@@ -5203,8 +5214,8 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
|
5203
5214
|
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_internal_icon8.ArrowRight, { size: 4, color: "inherit" })
|
|
5204
5215
|
}
|
|
5205
5216
|
),
|
|
5206
|
-
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_framer_motion2.AnimatePresence, { children: !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5207
|
-
|
|
5217
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_framer_motion2.AnimatePresence, { children: !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react78.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5218
|
+
import_react78.Text,
|
|
5208
5219
|
{
|
|
5209
5220
|
as: import_framer_motion2.motion.div,
|
|
5210
5221
|
w: "max-content",
|
|
@@ -5230,32 +5241,32 @@ SidebarHeader.defaultProps = {
|
|
|
5230
5241
|
};
|
|
5231
5242
|
|
|
5232
5243
|
// src/components/sidebar/components/sidebar-menu.tsx
|
|
5233
|
-
var
|
|
5244
|
+
var import_react79 = require("@chakra-ui/react");
|
|
5234
5245
|
var Icon8 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
5235
5246
|
var import_framer_motion3 = require("framer-motion");
|
|
5236
5247
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5237
5248
|
var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, setActive, active }) => {
|
|
5238
5249
|
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5239
|
-
|
|
5250
|
+
import_react79.Box,
|
|
5240
5251
|
{
|
|
5241
5252
|
as: import_framer_motion3.motion.div,
|
|
5242
5253
|
transitionTimingFunction: "linear",
|
|
5243
5254
|
initial: { padding: "8px" },
|
|
5244
5255
|
animate: { padding: isCollapse ? "8px 16px" : "8px" },
|
|
5245
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5256
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Accordion, { index: menu.findIndex((item) => item.children.some((child) => child.navLink === active)), children: menu.map((item) => {
|
|
5246
5257
|
const isActive = active == null ? void 0 : active.includes(item.navLink);
|
|
5247
|
-
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.AccordionItem, { mt: "4", children: ({ isExpanded }) => {
|
|
5248
5259
|
const isOpenOptions = isCollapse || !isCollapse && !isExpanded;
|
|
5249
5260
|
const noChild = !item.children.length;
|
|
5250
5261
|
const offsetStyle = isCollapse ? noChild ? [-5, 16] : [-1, 16] : [-1, 8];
|
|
5251
5262
|
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
|
|
5252
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5263
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Popover, { trigger: "hover", placement: "right-start", offset: offsetStyle, children: ({ isOpen, onClose }) => {
|
|
5253
5264
|
const activeOption = isOpen ? "primary.50" : "white";
|
|
5254
5265
|
const backgroundColor = isOpen && !isActive ? "primary.50" : "primary.100";
|
|
5255
5266
|
const activeParent = isActive ? backgroundColor : activeOption;
|
|
5256
5267
|
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
|
|
5257
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5258
|
-
|
|
5268
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5269
|
+
import_react79.AccordionButton,
|
|
5259
5270
|
{
|
|
5260
5271
|
"data-test-id": `CTA_button-accordion-${item.title}`,
|
|
5261
5272
|
p: "0",
|
|
@@ -5273,9 +5284,9 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
5273
5284
|
position: "relative",
|
|
5274
5285
|
...itemStyles,
|
|
5275
5286
|
children: [
|
|
5276
|
-
mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5287
|
+
mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
|
|
5277
5288
|
!isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
5278
|
-
|
|
5289
|
+
import_react79.Box,
|
|
5279
5290
|
{
|
|
5280
5291
|
display: "flex",
|
|
5281
5292
|
w: "full",
|
|
@@ -5289,9 +5300,9 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
5289
5300
|
animate: { opacity: 1, x: 0 },
|
|
5290
5301
|
exit: { opacity: 0, x: 16 },
|
|
5291
5302
|
children: [
|
|
5292
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5303
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Box, { h: "3.5", position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) }),
|
|
5293
5304
|
!!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5294
|
-
|
|
5305
|
+
import_react79.Box,
|
|
5295
5306
|
{
|
|
5296
5307
|
display: "flex",
|
|
5297
5308
|
boxSize: "3",
|
|
@@ -5311,12 +5322,12 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
5311
5322
|
},
|
|
5312
5323
|
item.id
|
|
5313
5324
|
) }, item.id),
|
|
5314
|
-
isOpenOptions && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5315
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5325
|
+
isOpenOptions && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Portal, { children: item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react79.PopoverContent, { w: "176px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: [
|
|
5326
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.PopoverHeader, { borderColor: "neutral.300", textStyle: "text.xs", p: "2", children: mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react79.Box, { display: "flex", alignItems: "center", children: [
|
|
5316
5327
|
mappingIcon2.get(item.icon || ""),
|
|
5317
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5328
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Box, { as: "span", ml: "2", children: item.title })
|
|
5318
5329
|
] }) }),
|
|
5319
|
-
!!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5330
|
+
!!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.PopoverBody, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5320
5331
|
NavItem,
|
|
5321
5332
|
{
|
|
5322
5333
|
"data-test-id": `CTA_Sidebar-popover-item-${submenu.id}`,
|
|
@@ -5332,7 +5343,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
5332
5343
|
},
|
|
5333
5344
|
submenu.id
|
|
5334
5345
|
)) })
|
|
5335
|
-
] }) : isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5346
|
+
] }) : isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.PopoverContent, { w: "174px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
5336
5347
|
NavItem,
|
|
5337
5348
|
{
|
|
5338
5349
|
"data-test-id": `CTA_Sidebar-popover-item-${item.id}`,
|
|
@@ -5345,8 +5356,8 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
5345
5356
|
rounded: "none",
|
|
5346
5357
|
...itemStyles,
|
|
5347
5358
|
children: [
|
|
5348
|
-
mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5349
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5359
|
+
mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
|
|
5360
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) })
|
|
5350
5361
|
]
|
|
5351
5362
|
},
|
|
5352
5363
|
item.id
|
|
@@ -5354,13 +5365,13 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
5354
5365
|
] });
|
|
5355
5366
|
} }, item.id),
|
|
5356
5367
|
!isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5357
|
-
|
|
5368
|
+
import_react79.Fade,
|
|
5358
5369
|
{
|
|
5359
5370
|
in: true,
|
|
5360
5371
|
transition: {
|
|
5361
5372
|
enter: { duration: 0.5 }
|
|
5362
5373
|
},
|
|
5363
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5374
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react79.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5364
5375
|
NavItem,
|
|
5365
5376
|
{
|
|
5366
5377
|
mt: "1",
|
|
@@ -5388,16 +5399,16 @@ SidebarMenu.defaultProps = {
|
|
|
5388
5399
|
};
|
|
5389
5400
|
|
|
5390
5401
|
// src/components/switch/components/switch.tsx
|
|
5391
|
-
var
|
|
5402
|
+
var import_react80 = require("@chakra-ui/react");
|
|
5392
5403
|
var import_shared_utils10 = require("@chakra-ui/shared-utils");
|
|
5393
5404
|
var import_internal_icon9 = require("@ctlyst.id/internal-icon");
|
|
5394
|
-
var
|
|
5405
|
+
var import_react81 = require("react");
|
|
5395
5406
|
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5396
|
-
var Switch = (0,
|
|
5397
|
-
const styles = (0,
|
|
5398
|
-
const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0,
|
|
5399
|
-
const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0,
|
|
5400
|
-
const containerStyles = (0,
|
|
5407
|
+
var Switch = (0, import_react80.forwardRef)(function Switch2(props, ref) {
|
|
5408
|
+
const styles = (0, import_react80.useMultiStyleConfig)("Switch", props);
|
|
5409
|
+
const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react80.omitThemingProps)(props);
|
|
5410
|
+
const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react80.useCheckbox)(ownProps);
|
|
5411
|
+
const containerStyles = (0, import_react81.useMemo)(
|
|
5401
5412
|
() => ({
|
|
5402
5413
|
display: "inline-block",
|
|
5403
5414
|
position: "relative",
|
|
@@ -5407,7 +5418,7 @@ var Switch = (0, import_react79.forwardRef)(function Switch2(props, ref) {
|
|
|
5407
5418
|
}),
|
|
5408
5419
|
[styles.container]
|
|
5409
5420
|
);
|
|
5410
|
-
const trackStyles = (0,
|
|
5421
|
+
const trackStyles = (0, import_react81.useMemo)(
|
|
5411
5422
|
() => ({
|
|
5412
5423
|
display: "inline-flex",
|
|
5413
5424
|
flexShrink: 0,
|
|
@@ -5419,7 +5430,7 @@ var Switch = (0, import_react79.forwardRef)(function Switch2(props, ref) {
|
|
|
5419
5430
|
}),
|
|
5420
5431
|
[styles.track]
|
|
5421
5432
|
);
|
|
5422
|
-
const labelStyles = (0,
|
|
5433
|
+
const labelStyles = (0, import_react81.useMemo)(
|
|
5423
5434
|
() => ({
|
|
5424
5435
|
userSelect: "none",
|
|
5425
5436
|
marginStart: spacing2,
|
|
@@ -5436,7 +5447,7 @@ var Switch = (0, import_react79.forwardRef)(function Switch2(props, ref) {
|
|
|
5436
5447
|
return iconSize[value];
|
|
5437
5448
|
};
|
|
5438
5449
|
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5439
|
-
|
|
5450
|
+
import_react80.chakra.label,
|
|
5440
5451
|
{
|
|
5441
5452
|
...getRootProps(),
|
|
5442
5453
|
display: "flex",
|
|
@@ -5445,13 +5456,13 @@ var Switch = (0, import_react79.forwardRef)(function Switch2(props, ref) {
|
|
|
5445
5456
|
__css: containerStyles,
|
|
5446
5457
|
children: [
|
|
5447
5458
|
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
|
|
5448
|
-
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5449
|
-
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5459
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react80.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
|
|
5460
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react80.Flex, { gap: 1, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
|
|
5450
5461
|
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_internal_icon9.Check, { color: "white", size: getIconSize(props.size) }),
|
|
5451
5462
|
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_internal_icon9.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
|
|
5452
5463
|
] }),
|
|
5453
5464
|
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5454
|
-
|
|
5465
|
+
import_react80.chakra.span,
|
|
5455
5466
|
{
|
|
5456
5467
|
__css: styles.thumb,
|
|
5457
5468
|
className: "chakra-switch__thumb",
|
|
@@ -5461,7 +5472,7 @@ var Switch = (0, import_react79.forwardRef)(function Switch2(props, ref) {
|
|
|
5461
5472
|
)
|
|
5462
5473
|
] }),
|
|
5463
5474
|
children && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5464
|
-
|
|
5475
|
+
import_react80.chakra.span,
|
|
5465
5476
|
{
|
|
5466
5477
|
className: "chakra-switch__label",
|
|
5467
5478
|
color: state.isDisabled ? "black.low" : "black.high",
|
|
@@ -5481,18 +5492,18 @@ Switch.defaultProps = {
|
|
|
5481
5492
|
var switch_default = Switch;
|
|
5482
5493
|
|
|
5483
5494
|
// src/components/table/index.tsx
|
|
5484
|
-
var
|
|
5495
|
+
var import_react82 = require("@chakra-ui/react");
|
|
5485
5496
|
|
|
5486
5497
|
// src/components/tabs/components/tab.tsx
|
|
5487
|
-
var
|
|
5498
|
+
var import_react83 = require("@chakra-ui/react");
|
|
5488
5499
|
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5489
|
-
var Tab = (0,
|
|
5500
|
+
var Tab = (0, import_react83.forwardRef)((props, ref) => {
|
|
5490
5501
|
var _a, _b;
|
|
5491
|
-
const tabProps = (0,
|
|
5502
|
+
const tabProps = (0, import_react83.useTab)({ ...props, ref });
|
|
5492
5503
|
const isSelected = !!tabProps["aria-selected"];
|
|
5493
|
-
const styles = (0,
|
|
5504
|
+
const styles = (0, import_react83.useMultiStyleConfig)("Tabs", tabProps);
|
|
5494
5505
|
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
5495
|
-
|
|
5506
|
+
import_react83.Button,
|
|
5496
5507
|
{
|
|
5497
5508
|
"data-test-id": props["data-test-id"],
|
|
5498
5509
|
p: 4,
|
|
@@ -5517,7 +5528,7 @@ var Tab = (0, import_react82.forwardRef)((props, ref) => {
|
|
|
5517
5528
|
},
|
|
5518
5529
|
__css: styles.tab,
|
|
5519
5530
|
...tabProps,
|
|
5520
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
5531
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react83.Flex, { alignItems: "center", children: [
|
|
5521
5532
|
(_a = props.leftAddon) == null ? void 0 : _a.call(props, { isSelected }),
|
|
5522
5533
|
tabProps.children,
|
|
5523
5534
|
(_b = props.rightAddon) == null ? void 0 : _b.call(props, { isSelected })
|
|
@@ -5528,39 +5539,39 @@ var Tab = (0, import_react82.forwardRef)((props, ref) => {
|
|
|
5528
5539
|
var tab_default = Tab;
|
|
5529
5540
|
|
|
5530
5541
|
// src/components/tabs/index.ts
|
|
5531
|
-
var
|
|
5542
|
+
var import_react84 = require("@chakra-ui/react");
|
|
5532
5543
|
|
|
5533
5544
|
// src/components/text/index.ts
|
|
5534
|
-
var
|
|
5545
|
+
var import_react85 = require("@chakra-ui/react");
|
|
5535
5546
|
|
|
5536
5547
|
// src/components/time-input/components/index.tsx
|
|
5537
|
-
var
|
|
5548
|
+
var import_react87 = require("@chakra-ui/react");
|
|
5538
5549
|
var import_internal_icon10 = require("@ctlyst.id/internal-icon");
|
|
5539
|
-
var
|
|
5550
|
+
var import_react88 = require("react");
|
|
5540
5551
|
|
|
5541
5552
|
// src/components/time-input/components/integration.tsx
|
|
5542
5553
|
var import_timescape = require("@zamiru/timescape");
|
|
5543
5554
|
var import_timescape2 = require("@zamiru/timescape");
|
|
5544
|
-
var
|
|
5555
|
+
var import_react86 = require("react");
|
|
5545
5556
|
var useTimescape = (options = {}) => {
|
|
5546
5557
|
var _a;
|
|
5547
5558
|
const { date, onChangeDate, ...rest } = options;
|
|
5548
|
-
const [manager] = (0,
|
|
5549
|
-
const onChangeDateRef = (0,
|
|
5550
|
-
(0,
|
|
5559
|
+
const [manager] = (0, import_react86.useState)(() => new import_timescape.TimescapeManager(date, rest));
|
|
5560
|
+
const onChangeDateRef = (0, import_react86.useRef)(onChangeDate);
|
|
5561
|
+
(0, import_react86.useLayoutEffect)(() => {
|
|
5551
5562
|
onChangeDateRef.current = onChangeDate;
|
|
5552
5563
|
}, [onChangeDate]);
|
|
5553
|
-
const [optionsState, update] = (0,
|
|
5564
|
+
const [optionsState, update] = (0, import_react86.useState)(() => ({
|
|
5554
5565
|
date,
|
|
5555
5566
|
...rest
|
|
5556
5567
|
}));
|
|
5557
|
-
(0,
|
|
5568
|
+
(0, import_react86.useEffect)(() => {
|
|
5558
5569
|
manager.resync();
|
|
5559
5570
|
return () => {
|
|
5560
5571
|
manager.remove();
|
|
5561
5572
|
};
|
|
5562
5573
|
}, [manager]);
|
|
5563
|
-
(0,
|
|
5574
|
+
(0, import_react86.useEffect)(() => {
|
|
5564
5575
|
return manager.on("changeDate", (nextDate) => {
|
|
5565
5576
|
var _a2;
|
|
5566
5577
|
(_a2 = onChangeDateRef.current) == null ? void 0 : _a2.call(onChangeDateRef, nextDate);
|
|
@@ -5568,7 +5579,7 @@ var useTimescape = (options = {}) => {
|
|
|
5568
5579
|
});
|
|
5569
5580
|
}, [manager]);
|
|
5570
5581
|
const timestamp = (_a = optionsState.date) == null ? void 0 : _a.getTime();
|
|
5571
|
-
(0,
|
|
5582
|
+
(0, import_react86.useEffect)(() => {
|
|
5572
5583
|
manager.date = timestamp;
|
|
5573
5584
|
manager.minDate = optionsState.minDate;
|
|
5574
5585
|
manager.maxDate = optionsState.maxDate;
|
|
@@ -5634,9 +5645,9 @@ var timeFromString = (timeString) => {
|
|
|
5634
5645
|
const [hours, minutes, seconds] = timeString.split(":");
|
|
5635
5646
|
return new Time(Number(hours), Number(minutes), Number(seconds));
|
|
5636
5647
|
};
|
|
5637
|
-
var InputTimeArea = (0,
|
|
5648
|
+
var InputTimeArea = (0, import_react87.forwardRef)((props, ref) => {
|
|
5638
5649
|
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5639
|
-
|
|
5650
|
+
import_react87.Input,
|
|
5640
5651
|
{
|
|
5641
5652
|
_focusWithin: {
|
|
5642
5653
|
bg: "neutral.300"
|
|
@@ -5654,7 +5665,7 @@ var InputTimeArea = (0, import_react86.forwardRef)((props, ref) => {
|
|
|
5654
5665
|
}
|
|
5655
5666
|
);
|
|
5656
5667
|
});
|
|
5657
|
-
var TimeInput2 = (0,
|
|
5668
|
+
var TimeInput2 = (0, import_react87.forwardRef)(
|
|
5658
5669
|
({
|
|
5659
5670
|
name,
|
|
5660
5671
|
config: config2,
|
|
@@ -5681,7 +5692,7 @@ var TimeInput2 = (0, import_react86.forwardRef)(
|
|
|
5681
5692
|
date,
|
|
5682
5693
|
...config2
|
|
5683
5694
|
});
|
|
5684
|
-
(0,
|
|
5695
|
+
(0, import_react88.useEffect)(() => {
|
|
5685
5696
|
var _a, _b, _c, _d, _e, _f;
|
|
5686
5697
|
timeValue.hours = (_b = (_a = options == null ? void 0 : options.date) == null ? void 0 : _a.getHours()) != null ? _b : 0;
|
|
5687
5698
|
timeValue.minutes = (_d = (_c = options == null ? void 0 : options.date) == null ? void 0 : _c.getMinutes()) != null ? _d : 0;
|
|
@@ -5690,7 +5701,7 @@ var TimeInput2 = (0, import_react86.forwardRef)(
|
|
|
5690
5701
|
onChangeTime(timeValue);
|
|
5691
5702
|
}
|
|
5692
5703
|
}, [options.date]);
|
|
5693
|
-
(0,
|
|
5704
|
+
(0, import_react88.useImperativeHandle)(ref, () => ({
|
|
5694
5705
|
focus() {
|
|
5695
5706
|
_manager.focusField("hours");
|
|
5696
5707
|
}
|
|
@@ -5711,7 +5722,7 @@ var TimeInput2 = (0, import_react86.forwardRef)(
|
|
|
5711
5722
|
};
|
|
5712
5723
|
};
|
|
5713
5724
|
const { outlineColor, focusColor } = getProperties();
|
|
5714
|
-
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react87.Box, { ...boxProps, ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5715
5726
|
field_default,
|
|
5716
5727
|
{
|
|
5717
5728
|
isError,
|
|
@@ -5721,7 +5732,7 @@ var TimeInput2 = (0, import_react86.forwardRef)(
|
|
|
5721
5732
|
isDisabled,
|
|
5722
5733
|
isSuccess,
|
|
5723
5734
|
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5724
|
-
|
|
5735
|
+
import_react87.Box,
|
|
5725
5736
|
{
|
|
5726
5737
|
transition: "all 0.15s",
|
|
5727
5738
|
boxShadow: "none",
|
|
@@ -5732,7 +5743,7 @@ var TimeInput2 = (0, import_react86.forwardRef)(
|
|
|
5732
5743
|
borderColor: focusColor
|
|
5733
5744
|
},
|
|
5734
5745
|
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5735
|
-
|
|
5746
|
+
import_react87.InputGroup,
|
|
5736
5747
|
{
|
|
5737
5748
|
borderRadius: "sm",
|
|
5738
5749
|
backgroundColor: isDisabled ? "neutral.300" : "white.high",
|
|
@@ -5741,7 +5752,7 @@ var TimeInput2 = (0, import_react86.forwardRef)(
|
|
|
5741
5752
|
gap: 3,
|
|
5742
5753
|
"data-test-id": `CT_Component_TimeInput${name ? `_${name}` : ""}`,
|
|
5743
5754
|
children: [
|
|
5744
|
-
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5755
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react87.Flex, { gap: "1px", width: "100%", alignItems: "center", pl: 2, children: [
|
|
5745
5756
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { "data-test-id": "start-time", ...hoursProps }),
|
|
5746
5757
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ":" }),
|
|
5747
5758
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { "data-test-id": "end-time", ...getInputProps("minutes") }),
|
|
@@ -5749,7 +5760,7 @@ var TimeInput2 = (0, import_react86.forwardRef)(
|
|
|
5749
5760
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ":" }),
|
|
5750
5761
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...getInputProps("seconds") })
|
|
5751
5762
|
] }),
|
|
5752
|
-
options.hour12 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5763
|
+
options.hour12 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react87.Input, { p: 0, ...getInputProps("am/pm") })
|
|
5753
5764
|
] }),
|
|
5754
5765
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_internal_icon10.Clock, { color: "neutral.400", size: 4 }),
|
|
5755
5766
|
addOnRight
|
|
@@ -5764,16 +5775,16 @@ var TimeInput2 = (0, import_react86.forwardRef)(
|
|
|
5764
5775
|
);
|
|
5765
5776
|
|
|
5766
5777
|
// src/components/toast/components/toast.tsx
|
|
5767
|
-
var
|
|
5778
|
+
var import_react90 = require("@chakra-ui/react");
|
|
5768
5779
|
var import_internal_icon11 = require("@ctlyst.id/internal-icon");
|
|
5769
5780
|
var import_react_toastify = require("react-toastify");
|
|
5770
5781
|
|
|
5771
5782
|
// src/components/toast/components/styles.tsx
|
|
5772
|
-
var
|
|
5783
|
+
var import_react89 = require("@emotion/react");
|
|
5773
5784
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5774
5785
|
var Styles2 = () => {
|
|
5775
5786
|
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5776
|
-
|
|
5787
|
+
import_react89.Global,
|
|
5777
5788
|
{
|
|
5778
5789
|
styles: `
|
|
5779
5790
|
.Toastify__toast-container {
|
|
@@ -5807,7 +5818,7 @@ var styles_default2 = Styles2;
|
|
|
5807
5818
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5808
5819
|
var CustomCloseButton = (props) => {
|
|
5809
5820
|
const { closeToast } = props;
|
|
5810
|
-
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5821
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react90.Box, { p: 2, mb: 1, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_internal_icon11.Close, { size: 4, color: "white" }) });
|
|
5811
5822
|
};
|
|
5812
5823
|
var DEFAULT_OPTIONS = {
|
|
5813
5824
|
position: "top-right",
|
|
@@ -5830,7 +5841,7 @@ var renderIcon = (icon, type) => {
|
|
|
5830
5841
|
return icon;
|
|
5831
5842
|
};
|
|
5832
5843
|
var useToast = () => {
|
|
5833
|
-
const [primary500, neutral500, info500, danger500, warning500, success500] = (0,
|
|
5844
|
+
const [primary500, neutral500, info500, danger500, warning500, success500] = (0, import_react90.useToken)("colors", [
|
|
5834
5845
|
"primary.500",
|
|
5835
5846
|
"neutral.500",
|
|
5836
5847
|
"info.500",
|
|
@@ -5841,13 +5852,13 @@ var useToast = () => {
|
|
|
5841
5852
|
const content = (icon, message, link) => {
|
|
5842
5853
|
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
|
|
5843
5854
|
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(styles_default2, {}),
|
|
5844
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
5845
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
5846
|
-
icon && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5847
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5855
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react90.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, mb: 1, children: [
|
|
5856
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react90.Flex, { alignItems: "center", children: [
|
|
5857
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react90.chakra.span, { mr: 2, w: 4, h: 4, children: renderIcon(icon, "default") }),
|
|
5858
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react90.chakra.span, { noOfLines: 2, children: message })
|
|
5848
5859
|
] }),
|
|
5849
5860
|
link && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5850
|
-
|
|
5861
|
+
import_react90.Link,
|
|
5851
5862
|
{
|
|
5852
5863
|
href: link.url,
|
|
5853
5864
|
textDecoration: "underline",
|
|
@@ -5926,9 +5937,9 @@ var useToast = () => {
|
|
|
5926
5937
|
var import_react_toastify2 = require("react-toastify");
|
|
5927
5938
|
|
|
5928
5939
|
// src/components/uploader/components/uploader.tsx
|
|
5929
|
-
var
|
|
5940
|
+
var import_react91 = require("@chakra-ui/react");
|
|
5930
5941
|
var import_internal_icon12 = require("@ctlyst.id/internal-icon");
|
|
5931
|
-
var
|
|
5942
|
+
var import_react92 = require("react");
|
|
5932
5943
|
var import_react_dropzone = require("react-dropzone");
|
|
5933
5944
|
|
|
5934
5945
|
// src/components/uploader/constants.ts
|
|
@@ -6027,9 +6038,9 @@ var Uploader = ({
|
|
|
6027
6038
|
validatorExt,
|
|
6028
6039
|
...props
|
|
6029
6040
|
}) => {
|
|
6030
|
-
const [filePreview, setFilePreview] = (0,
|
|
6041
|
+
const [filePreview, setFilePreview] = (0, import_react92.useState)();
|
|
6031
6042
|
const toast2 = useToast();
|
|
6032
|
-
const handleRejection = (0,
|
|
6043
|
+
const handleRejection = (0, import_react92.useCallback)(
|
|
6033
6044
|
(message, file, image) => {
|
|
6034
6045
|
if (onHandleRejections) {
|
|
6035
6046
|
onHandleRejections(file, image);
|
|
@@ -6039,7 +6050,7 @@ var Uploader = ({
|
|
|
6039
6050
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
6040
6051
|
[onHandleRejections]
|
|
6041
6052
|
);
|
|
6042
|
-
const onDropAccepted = (0,
|
|
6053
|
+
const onDropAccepted = (0, import_react92.useCallback)(
|
|
6043
6054
|
(files) => {
|
|
6044
6055
|
const file = files[0];
|
|
6045
6056
|
const imageUrl = URL.createObjectURL(file);
|
|
@@ -6062,10 +6073,10 @@ var Uploader = ({
|
|
|
6062
6073
|
},
|
|
6063
6074
|
[acceptFormat, customValidation, dimension, handleRejection, maxFileSize, onHandleUploadFile]
|
|
6064
6075
|
);
|
|
6065
|
-
const onDropRejected = (0,
|
|
6076
|
+
const onDropRejected = (0, import_react92.useCallback)((fileRejections) => {
|
|
6066
6077
|
defaultOnHandleRejections(fileRejections, { acceptFormat, maxFileSize }, handleRejection);
|
|
6067
6078
|
}, []);
|
|
6068
|
-
const validator = (0,
|
|
6079
|
+
const validator = (0, import_react92.useCallback)(
|
|
6069
6080
|
(file) => {
|
|
6070
6081
|
const result = [];
|
|
6071
6082
|
if (validatorExt) {
|
|
@@ -6095,26 +6106,26 @@ var Uploader = ({
|
|
|
6095
6106
|
const renderHelperText = () => {
|
|
6096
6107
|
if (Array.isArray(helperText)) {
|
|
6097
6108
|
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6098
|
-
|
|
6109
|
+
import_react91.UnorderedList,
|
|
6099
6110
|
{
|
|
6100
6111
|
pl: 2,
|
|
6101
6112
|
fontSize: 12,
|
|
6102
6113
|
color: "black.medium",
|
|
6103
6114
|
"data-test-id": "CT_component_base-image-uploader_helperText",
|
|
6104
|
-
children: helperText.map((text2) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6115
|
+
children: helperText.map((text2) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.ListItem, { children: text2 }, text2))
|
|
6105
6116
|
}
|
|
6106
6117
|
);
|
|
6107
6118
|
}
|
|
6108
6119
|
return helperText;
|
|
6109
6120
|
};
|
|
6110
|
-
const renderErrorText = (text2) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6121
|
+
const renderErrorText = (text2) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.Box, { mb: 2, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.Text, { textStyle: "text.xs", color: "danger.500", children: text2 }) });
|
|
6111
6122
|
const handleRemove = (e) => {
|
|
6112
6123
|
e.stopPropagation();
|
|
6113
6124
|
setFilePreview(void 0);
|
|
6114
6125
|
onHandleUploadFile == null ? void 0 : onHandleUploadFile(null, null);
|
|
6115
6126
|
acceptedFiles.pop();
|
|
6116
6127
|
};
|
|
6117
|
-
(0,
|
|
6128
|
+
(0, import_react92.useEffect)(() => {
|
|
6118
6129
|
if (value) {
|
|
6119
6130
|
if (typeof value === "string") {
|
|
6120
6131
|
setFilePreview(value);
|
|
@@ -6130,16 +6141,16 @@ var Uploader = ({
|
|
|
6130
6141
|
const color = isDisabled ? "neutral.500" : "primary.500";
|
|
6131
6142
|
const containerHeight = !isSmall ? "160px" : "120px";
|
|
6132
6143
|
const cursorType = filePreview ? "initial" : "pointer";
|
|
6133
|
-
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6144
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react91.FormControl, { isRequired, children: [
|
|
6134
6145
|
label && typeof label === "string" ? (
|
|
6135
6146
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
6136
|
-
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6137
|
-
isRequired && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6147
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react91.FormLabel, { requiredIndicator: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, {}), fontSize: "text.sm", children: [
|
|
6148
|
+
isRequired && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.RequiredIndicator, { mr: 1, ml: 0 }),
|
|
6138
6149
|
label
|
|
6139
6150
|
] })
|
|
6140
6151
|
) : label,
|
|
6141
6152
|
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6142
|
-
|
|
6153
|
+
import_react91.Flex,
|
|
6143
6154
|
{
|
|
6144
6155
|
minH: containerHeight,
|
|
6145
6156
|
maxW: !isSmall ? "full" : "120px",
|
|
@@ -6156,8 +6167,8 @@ var Uploader = ({
|
|
|
6156
6167
|
...props,
|
|
6157
6168
|
...getRootProps(),
|
|
6158
6169
|
children: [
|
|
6159
|
-
filePreview && isShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6160
|
-
|
|
6170
|
+
filePreview && isShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.Box, { position: "absolute", top: 1, right: 1, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6171
|
+
import_react91.Button,
|
|
6161
6172
|
{
|
|
6162
6173
|
"data-test-id": `CT_component_base-image-uploader_remove-image${testId ? `_${testId}` : ""}`,
|
|
6163
6174
|
"aria-label": "remove-image",
|
|
@@ -6174,15 +6185,15 @@ var Uploader = ({
|
|
|
6174
6185
|
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon12.Close, { size: 3, color: "white" })
|
|
6175
6186
|
}
|
|
6176
6187
|
) }),
|
|
6177
|
-
filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6178
|
-
|
|
6188
|
+
filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.Box, { w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6189
|
+
import_react91.Flex,
|
|
6179
6190
|
{
|
|
6180
6191
|
position: "relative",
|
|
6181
6192
|
"data-test-id": `CT_component_base-image-uploader_image-preview${testId ? `_${testId}` : ""}`,
|
|
6182
6193
|
justify: "center",
|
|
6183
6194
|
align: "center",
|
|
6184
6195
|
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6185
|
-
|
|
6196
|
+
import_react91.Image,
|
|
6186
6197
|
{
|
|
6187
6198
|
h: size2 === "lg" ? "120" : "100",
|
|
6188
6199
|
src: filePreview,
|
|
@@ -6192,11 +6203,11 @@ var Uploader = ({
|
|
|
6192
6203
|
)
|
|
6193
6204
|
}
|
|
6194
6205
|
) }),
|
|
6195
|
-
!filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6206
|
+
!filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react91.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
|
|
6196
6207
|
size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon12.Plus, { size: 6, color }),
|
|
6197
|
-
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6208
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react91.Box, { children: [
|
|
6198
6209
|
!filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6199
|
-
|
|
6210
|
+
import_react91.Heading,
|
|
6200
6211
|
{
|
|
6201
6212
|
fontWeight: "400",
|
|
6202
6213
|
fontSize: size2 === "sm" ? "text.md" : "text.xl",
|
|
@@ -6205,7 +6216,7 @@ var Uploader = ({
|
|
|
6205
6216
|
children: uploadFileText && size2 === "lg" ? uploadFileText : "Upload"
|
|
6206
6217
|
}
|
|
6207
6218
|
),
|
|
6208
|
-
size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6219
|
+
size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.Text, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
|
|
6209
6220
|
] })
|
|
6210
6221
|
] }) })
|
|
6211
6222
|
]
|
|
@@ -6218,8 +6229,8 @@ var Uploader = ({
|
|
|
6218
6229
|
"data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
|
|
6219
6230
|
}
|
|
6220
6231
|
),
|
|
6221
|
-
filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6222
|
-
|
|
6232
|
+
filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react91.Flex, { align: "center", justify: "center", my: 2, children: isShowReupload && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6233
|
+
import_react91.Button,
|
|
6223
6234
|
{
|
|
6224
6235
|
"data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
|
|
6225
6236
|
type: "button",
|
|
@@ -6265,10 +6276,10 @@ var dimensionValidator = (dimension, message) => {
|
|
|
6265
6276
|
};
|
|
6266
6277
|
|
|
6267
6278
|
// src/components/index.ts
|
|
6268
|
-
var
|
|
6279
|
+
var import_react93 = require("@chakra-ui/react");
|
|
6269
6280
|
|
|
6270
6281
|
// src/config/theme/themeConfiguration.ts
|
|
6271
|
-
var
|
|
6282
|
+
var import_react101 = require("@chakra-ui/react");
|
|
6272
6283
|
|
|
6273
6284
|
// src/config/theme/components/index.ts
|
|
6274
6285
|
var components_exports = {};
|
|
@@ -6825,8 +6836,8 @@ var card_default2 = CardStyle;
|
|
|
6825
6836
|
|
|
6826
6837
|
// src/config/theme/components/checkbox.ts
|
|
6827
6838
|
var import_anatomy3 = require("@chakra-ui/anatomy");
|
|
6828
|
-
var
|
|
6829
|
-
var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0,
|
|
6839
|
+
var import_react94 = require("@chakra-ui/react");
|
|
6840
|
+
var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0, import_react94.createMultiStyleConfigHelpers)(import_anatomy3.checkboxAnatomy.keys);
|
|
6830
6841
|
var baseStyle3 = definePartsStyle3({
|
|
6831
6842
|
control: {
|
|
6832
6843
|
borderRadius: "sm",
|
|
@@ -6927,8 +6938,8 @@ var checkbox_default2 = Checkbox4;
|
|
|
6927
6938
|
|
|
6928
6939
|
// src/config/theme/components/chips.ts
|
|
6929
6940
|
var import_anatomy4 = require("@chakra-ui/anatomy");
|
|
6930
|
-
var
|
|
6931
|
-
var { definePartsStyle: definePartsStyle4, defineMultiStyleConfig: defineMultiStyleConfig4 } = (0,
|
|
6941
|
+
var import_react95 = require("@chakra-ui/react");
|
|
6942
|
+
var { definePartsStyle: definePartsStyle4, defineMultiStyleConfig: defineMultiStyleConfig4 } = (0, import_react95.createMultiStyleConfigHelpers)(import_anatomy4.tagAnatomy.keys);
|
|
6932
6943
|
var baseStyle4 = definePartsStyle4({
|
|
6933
6944
|
container: {
|
|
6934
6945
|
px: 3,
|
|
@@ -7137,8 +7148,8 @@ var input_default = Input4;
|
|
|
7137
7148
|
|
|
7138
7149
|
// src/config/theme/components/loader.ts
|
|
7139
7150
|
var import_styled_system7 = require("@chakra-ui/styled-system");
|
|
7140
|
-
var
|
|
7141
|
-
var rotate = (0,
|
|
7151
|
+
var import_react96 = require("@emotion/react");
|
|
7152
|
+
var rotate = (0, import_react96.keyframes)({
|
|
7142
7153
|
"0%": {
|
|
7143
7154
|
transform: "rotate(0deg)"
|
|
7144
7155
|
},
|
|
@@ -7320,8 +7331,8 @@ var modal_default = modalTheme;
|
|
|
7320
7331
|
|
|
7321
7332
|
// src/config/theme/components/popover.ts
|
|
7322
7333
|
var import_anatomy7 = require("@chakra-ui/anatomy");
|
|
7323
|
-
var
|
|
7324
|
-
var { definePartsStyle: definePartsStyle7, defineMultiStyleConfig: defineMultiStyleConfig7 } = (0,
|
|
7334
|
+
var import_react97 = require("@chakra-ui/react");
|
|
7335
|
+
var { definePartsStyle: definePartsStyle7, defineMultiStyleConfig: defineMultiStyleConfig7 } = (0, import_react97.createMultiStyleConfigHelpers)(import_anatomy7.popoverAnatomy.keys);
|
|
7325
7336
|
var baseStyle8 = definePartsStyle7({
|
|
7326
7337
|
content: {
|
|
7327
7338
|
bg: "white"
|
|
@@ -7332,8 +7343,8 @@ var popover_default = popoverTheme;
|
|
|
7332
7343
|
|
|
7333
7344
|
// src/config/theme/components/radio.ts
|
|
7334
7345
|
var import_anatomy8 = require("@chakra-ui/anatomy");
|
|
7335
|
-
var
|
|
7336
|
-
var { definePartsStyle: definePartsStyle8, defineMultiStyleConfig: defineMultiStyleConfig8 } = (0,
|
|
7346
|
+
var import_react98 = require("@chakra-ui/react");
|
|
7347
|
+
var { definePartsStyle: definePartsStyle8, defineMultiStyleConfig: defineMultiStyleConfig8 } = (0, import_react98.createMultiStyleConfigHelpers)(import_anatomy8.radioAnatomy.keys);
|
|
7337
7348
|
var baseStyle9 = definePartsStyle8({
|
|
7338
7349
|
control: {
|
|
7339
7350
|
border: "1px solid",
|
|
@@ -7755,7 +7766,7 @@ var tabsTheme = defineMultiStyleConfig11({
|
|
|
7755
7766
|
var tabs_default = tabsTheme;
|
|
7756
7767
|
|
|
7757
7768
|
// src/config/theme/components/textarea.ts
|
|
7758
|
-
var
|
|
7769
|
+
var import_react99 = require("@chakra-ui/react");
|
|
7759
7770
|
var getProps = (props) => {
|
|
7760
7771
|
const { isError, isSuccess, isDisabled } = props;
|
|
7761
7772
|
let borderColor = "neutral.400";
|
|
@@ -7775,7 +7786,7 @@ var getProps = (props) => {
|
|
|
7775
7786
|
borderColor
|
|
7776
7787
|
};
|
|
7777
7788
|
};
|
|
7778
|
-
var outline3 = (0,
|
|
7789
|
+
var outline3 = (0, import_react99.defineStyle)((props) => {
|
|
7779
7790
|
const { focusBorderColor, borderColor } = getProps(props);
|
|
7780
7791
|
return {
|
|
7781
7792
|
background: "white.high",
|
|
@@ -7819,7 +7830,7 @@ var outline3 = (0, import_react98.defineStyle)((props) => {
|
|
|
7819
7830
|
}
|
|
7820
7831
|
};
|
|
7821
7832
|
});
|
|
7822
|
-
var Textarea = (0,
|
|
7833
|
+
var Textarea = (0, import_react99.defineStyleConfig)({
|
|
7823
7834
|
variants: { outline: outline3 },
|
|
7824
7835
|
defaultProps: {
|
|
7825
7836
|
variant: "outline"
|
|
@@ -7828,15 +7839,15 @@ var Textarea = (0, import_react98.defineStyleConfig)({
|
|
|
7828
7839
|
var textarea_default2 = Textarea;
|
|
7829
7840
|
|
|
7830
7841
|
// src/config/theme/components/tooltip.ts
|
|
7831
|
-
var
|
|
7832
|
-
var $arrowBg = (0,
|
|
7842
|
+
var import_react100 = require("@chakra-ui/react");
|
|
7843
|
+
var $arrowBg = (0, import_react100.cssVar)("popper-arrow-bg");
|
|
7833
7844
|
var baseStyle12 = {
|
|
7834
7845
|
bg: "neutral.700",
|
|
7835
7846
|
textStyle: "text.sm",
|
|
7836
7847
|
fontSize: "text.sm",
|
|
7837
7848
|
[$arrowBg.variable]: "var(--chakra-colors-neutral-700)"
|
|
7838
7849
|
};
|
|
7839
|
-
var Tooltip2 = (0,
|
|
7850
|
+
var Tooltip2 = (0, import_react100.defineStyleConfig)({ baseStyle: baseStyle12 });
|
|
7840
7851
|
var tooltip_default = Tooltip2;
|
|
7841
7852
|
|
|
7842
7853
|
// src/config/theme/themeConfiguration.ts
|
|
@@ -7855,7 +7866,7 @@ var createExtendTheme = (theme5) => {
|
|
|
7855
7866
|
return function extendTheme2(...extensions) {
|
|
7856
7867
|
let overrides = [...extensions];
|
|
7857
7868
|
let activeTheme = extensions[extensions.length - 1];
|
|
7858
|
-
if ((0,
|
|
7869
|
+
if ((0, import_react101.isChakraTheme)(activeTheme) && // this ensures backward compatibility
|
|
7859
7870
|
// previously only `extendTheme(override, activeTheme?)` was allowed
|
|
7860
7871
|
overrides.length > 1) {
|
|
7861
7872
|
overrides = overrides.slice(0, overrides.length - 1);
|
|
@@ -7864,13 +7875,13 @@ var createExtendTheme = (theme5) => {
|
|
|
7864
7875
|
}
|
|
7865
7876
|
return pipe(
|
|
7866
7877
|
...overrides.map(
|
|
7867
|
-
(extension) => (prevTheme) => isFunction(extension) ? extension(prevTheme) : (0,
|
|
7878
|
+
(extension) => (prevTheme) => isFunction(extension) ? extension(prevTheme) : (0, import_react101.mergeThemeOverride)(prevTheme, extension)
|
|
7868
7879
|
)
|
|
7869
7880
|
)(activeTheme);
|
|
7870
7881
|
};
|
|
7871
7882
|
};
|
|
7872
7883
|
var getTheme = (foundations) => {
|
|
7873
|
-
return (0,
|
|
7884
|
+
return (0, import_react101.extendTheme)({
|
|
7874
7885
|
...foundations,
|
|
7875
7886
|
components: {
|
|
7876
7887
|
...components_exports
|
|
@@ -7887,7 +7898,7 @@ var getTheme = (foundations) => {
|
|
|
7887
7898
|
config
|
|
7888
7899
|
});
|
|
7889
7900
|
};
|
|
7890
|
-
var theme4 = (0,
|
|
7901
|
+
var theme4 = (0, import_react101.extendTheme)({
|
|
7891
7902
|
components: {
|
|
7892
7903
|
...components_exports
|
|
7893
7904
|
},
|
|
@@ -7907,23 +7918,23 @@ var theme4 = (0, import_react100.extendTheme)({
|
|
|
7907
7918
|
|
|
7908
7919
|
// src/hooks/useFetcher.ts
|
|
7909
7920
|
var import_axios2 = __toESM(require("axios"));
|
|
7910
|
-
var
|
|
7921
|
+
var import_react104 = require("react");
|
|
7911
7922
|
|
|
7912
7923
|
// src/provider/components/provider.tsx
|
|
7913
7924
|
var import_axios = __toESM(require("axios"));
|
|
7914
|
-
var
|
|
7925
|
+
var import_react102 = require("react");
|
|
7915
7926
|
var import_react_toastify3 = require("react-toastify");
|
|
7916
7927
|
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
7917
|
-
var ProviderContext = (0,
|
|
7928
|
+
var ProviderContext = (0, import_react102.createContext)({
|
|
7918
7929
|
instance: void 0
|
|
7919
7930
|
});
|
|
7920
7931
|
var useInternalUI = () => {
|
|
7921
|
-
const { instance } = (0,
|
|
7932
|
+
const { instance } = (0, import_react102.useContext)(ProviderContext);
|
|
7922
7933
|
return { instance };
|
|
7923
7934
|
};
|
|
7924
7935
|
var Provider = ({ children, config: config2, requestInterceptors, responseInterceptors }) => {
|
|
7925
|
-
const instanceRef = (0,
|
|
7926
|
-
(0,
|
|
7936
|
+
const instanceRef = (0, import_react102.useRef)(import_axios.default.create(config2));
|
|
7937
|
+
(0, import_react102.useEffect)(() => {
|
|
7927
7938
|
requestInterceptors == null ? void 0 : requestInterceptors.forEach((interceptor) => {
|
|
7928
7939
|
instanceRef.current.interceptors.request.use(interceptor);
|
|
7929
7940
|
});
|
|
@@ -7931,7 +7942,7 @@ var Provider = ({ children, config: config2, requestInterceptors, responseInterc
|
|
|
7931
7942
|
instanceRef.current.interceptors.response.use(interceptor);
|
|
7932
7943
|
});
|
|
7933
7944
|
}, [requestInterceptors, responseInterceptors]);
|
|
7934
|
-
const provider = (0,
|
|
7945
|
+
const provider = (0, import_react102.useMemo)(() => ({ instance: instanceRef.current }), []);
|
|
7935
7946
|
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(ProviderContext.Provider, { value: provider, children: [
|
|
7936
7947
|
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_toastify3.ToastContainer, {}),
|
|
7937
7948
|
children
|
|
@@ -7941,12 +7952,12 @@ Provider.displayName = "Provider";
|
|
|
7941
7952
|
var provider_default = Provider;
|
|
7942
7953
|
|
|
7943
7954
|
// src/provider/index.ts
|
|
7944
|
-
var
|
|
7955
|
+
var import_react103 = require("@chakra-ui/react");
|
|
7945
7956
|
|
|
7946
7957
|
// src/hooks/useFetcher.ts
|
|
7947
7958
|
function useFetcher() {
|
|
7948
7959
|
const { instance } = useInternalUI();
|
|
7949
|
-
const axiosInstance = (0,
|
|
7960
|
+
const axiosInstance = (0, import_react104.useMemo)(() => instance || import_axios2.default, [instance]);
|
|
7950
7961
|
const fetcher = async ({ url, data, method, headers, ...config2 }) => {
|
|
7951
7962
|
const response = await axiosInstance.request({
|
|
7952
7963
|
data,
|
|
@@ -7966,10 +7977,10 @@ function useFetcher() {
|
|
|
7966
7977
|
}
|
|
7967
7978
|
|
|
7968
7979
|
// src/hooks/index.ts
|
|
7969
|
-
var
|
|
7980
|
+
var import_react105 = require("@chakra-ui/react");
|
|
7970
7981
|
|
|
7971
7982
|
// src/index.ts
|
|
7972
|
-
var
|
|
7983
|
+
var import_react106 = require("@chakra-ui/react");
|
|
7973
7984
|
// Annotate the CommonJS export names for ESM import in node:
|
|
7974
7985
|
0 && (module.exports = {
|
|
7975
7986
|
Accordion,
|
|
@@ -8326,6 +8337,7 @@ var import_react105 = require("@chakra-ui/react");
|
|
|
8326
8337
|
useRadio,
|
|
8327
8338
|
useRadioGroup,
|
|
8328
8339
|
useRadioGroupContext,
|
|
8340
|
+
useSelectTable,
|
|
8329
8341
|
useSteps,
|
|
8330
8342
|
useTab,
|
|
8331
8343
|
useTabIndicator,
|