@ctlyst.id/internal-ui 3.0.2 → 3.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.mts +4 -11
- package/dist/index.d.ts +4 -11
- package/dist/index.js +762 -723
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +412 -367
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -88,23 +88,23 @@ __export(src_exports, {
|
|
|
88
88
|
AlertAction: () => AlertAction,
|
|
89
89
|
AlertClose: () => AlertClose,
|
|
90
90
|
AlertDescription: () => AlertDescription,
|
|
91
|
-
AlertDialog: () =>
|
|
92
|
-
AlertDialogBody: () =>
|
|
93
|
-
AlertDialogCloseButton: () =>
|
|
94
|
-
AlertDialogContent: () =>
|
|
95
|
-
AlertDialogFooter: () =>
|
|
96
|
-
AlertDialogHeader: () =>
|
|
97
|
-
AlertDialogOverlay: () =>
|
|
98
|
-
AlertDialogProps: () =>
|
|
91
|
+
AlertDialog: () => import_react53.AlertDialog,
|
|
92
|
+
AlertDialogBody: () => import_react53.ModalBody,
|
|
93
|
+
AlertDialogCloseButton: () => import_react53.ModalCloseButton,
|
|
94
|
+
AlertDialogContent: () => import_react53.AlertDialogContent,
|
|
95
|
+
AlertDialogFooter: () => import_react53.ModalFooter,
|
|
96
|
+
AlertDialogHeader: () => import_react53.ModalHeader,
|
|
97
|
+
AlertDialogOverlay: () => import_react53.ModalOverlay,
|
|
98
|
+
AlertDialogProps: () => import_react53.AlertDialogProps,
|
|
99
99
|
AlertIcon: () => AlertIcon,
|
|
100
100
|
AlertTitle: () => AlertTitle,
|
|
101
101
|
Anchor: () => Anchor,
|
|
102
|
-
Avatar: () =>
|
|
103
|
-
AvatarBadge: () =>
|
|
104
|
-
AvatarBadgeProps: () =>
|
|
105
|
-
AvatarGroup: () =>
|
|
106
|
-
AvatarGroupProps: () =>
|
|
107
|
-
AvatarProps: () =>
|
|
102
|
+
Avatar: () => import_react121.Avatar,
|
|
103
|
+
AvatarBadge: () => import_react121.AvatarBadge,
|
|
104
|
+
AvatarBadgeProps: () => import_react121.AvatarBadgeProps,
|
|
105
|
+
AvatarGroup: () => import_react121.AvatarGroup,
|
|
106
|
+
AvatarGroupProps: () => import_react121.AvatarGroupProps,
|
|
107
|
+
AvatarProps: () => import_react121.AvatarProps,
|
|
108
108
|
Badge: () => badge_default,
|
|
109
109
|
Box: () => import_react50.Box,
|
|
110
110
|
BoxProps: () => import_react50.BoxProps,
|
|
@@ -115,9 +115,9 @@ __export(src_exports, {
|
|
|
115
115
|
CHECKBOX_STATE: () => CHECKBOX_STATE,
|
|
116
116
|
Card: () => card_default,
|
|
117
117
|
Center: () => import_react50.Center,
|
|
118
|
-
ChakraProvider: () =>
|
|
119
|
-
ChakraProviderProps: () =>
|
|
120
|
-
ChakraTable: () =>
|
|
118
|
+
ChakraProvider: () => import_react131.ChakraProvider,
|
|
119
|
+
ChakraProviderProps: () => import_react131.ChakraProviderProps,
|
|
120
|
+
ChakraTable: () => import_react111.Table,
|
|
121
121
|
Checkbox: () => checkbox_default,
|
|
122
122
|
CheckboxGroup: () => checkbox_group_default,
|
|
123
123
|
CheckboxGroupContext: () => import_react16.CheckboxGroupContext,
|
|
@@ -128,13 +128,13 @@ __export(src_exports, {
|
|
|
128
128
|
Chips: () => chips_default,
|
|
129
129
|
CloseButton: () => import_react10.CloseButton,
|
|
130
130
|
CloseButtonProps: () => import_react10.CloseButtonProps,
|
|
131
|
-
Code: () =>
|
|
132
|
-
CodeProps: () =>
|
|
133
|
-
Collapse: () =>
|
|
134
|
-
CollapseProps: () =>
|
|
135
|
-
ColorMode: () =>
|
|
136
|
-
ColorModeScript: () =>
|
|
137
|
-
ColorModeScriptProps: () =>
|
|
131
|
+
Code: () => import_react114.Code,
|
|
132
|
+
CodeProps: () => import_react114.CodeProps,
|
|
133
|
+
Collapse: () => import_react121.Collapse,
|
|
134
|
+
CollapseProps: () => import_react121.CollapseProps,
|
|
135
|
+
ColorMode: () => import_react131.ColorMode,
|
|
136
|
+
ColorModeScript: () => import_react131.ColorModeScript,
|
|
137
|
+
ColorModeScriptProps: () => import_react131.ColorModeScriptProps,
|
|
138
138
|
Container: () => import_react50.Container,
|
|
139
139
|
ContainerProps: () => import_react50.ContainerProps,
|
|
140
140
|
Counter: () => counter_default,
|
|
@@ -144,18 +144,18 @@ __export(src_exports, {
|
|
|
144
144
|
Dialog: () => dialog_default,
|
|
145
145
|
Divider: () => import_react50.Divider,
|
|
146
146
|
DividerProps: () => import_react50.DividerProps,
|
|
147
|
-
Drawer: () =>
|
|
148
|
-
DrawerBody: () =>
|
|
149
|
-
DrawerCloseButton: () =>
|
|
150
|
-
DrawerContent: () =>
|
|
151
|
-
DrawerContentProps: () =>
|
|
152
|
-
DrawerFooter: () =>
|
|
153
|
-
DrawerHeader: () =>
|
|
154
|
-
DrawerOverlay: () =>
|
|
155
|
-
DrawerProps: () =>
|
|
147
|
+
Drawer: () => import_react53.Drawer,
|
|
148
|
+
DrawerBody: () => import_react53.ModalBody,
|
|
149
|
+
DrawerCloseButton: () => import_react53.ModalCloseButton,
|
|
150
|
+
DrawerContent: () => import_react53.DrawerContent,
|
|
151
|
+
DrawerContentProps: () => import_react53.DrawerContentProps,
|
|
152
|
+
DrawerFooter: () => import_react53.ModalFooter,
|
|
153
|
+
DrawerHeader: () => import_react53.ModalHeader,
|
|
154
|
+
DrawerOverlay: () => import_react53.ModalOverlay,
|
|
155
|
+
DrawerProps: () => import_react53.DrawerProps,
|
|
156
156
|
EmptyState: () => empty_state_default,
|
|
157
|
-
Fade: () =>
|
|
158
|
-
FadeProps: () =>
|
|
157
|
+
Fade: () => import_react121.Fade,
|
|
158
|
+
FadeProps: () => import_react121.FadeProps,
|
|
159
159
|
Field: () => field_default,
|
|
160
160
|
Flex: () => import_react50.Flex,
|
|
161
161
|
FlexProps: () => import_react50.FlexProps,
|
|
@@ -171,18 +171,18 @@ __export(src_exports, {
|
|
|
171
171
|
GridProps: () => import_react50.GridProps,
|
|
172
172
|
HStack: () => import_react50.HStack,
|
|
173
173
|
Header: () => Header,
|
|
174
|
-
Heading: () =>
|
|
175
|
-
HeadingProps: () =>
|
|
176
|
-
Hide: () =>
|
|
177
|
-
HideProps: () =>
|
|
174
|
+
Heading: () => import_react114.Heading,
|
|
175
|
+
HeadingProps: () => import_react114.HeadingProps,
|
|
176
|
+
Hide: () => import_react121.Hide,
|
|
177
|
+
HideProps: () => import_react121.HideProps,
|
|
178
178
|
Icon: () => import_react49.Icon,
|
|
179
179
|
IconButton: () => import_react10.IconButton,
|
|
180
180
|
IconButtonProps: () => import_react10.IconButtonProps,
|
|
181
181
|
IconProps: () => import_react49.IconProps,
|
|
182
182
|
Image: () => import_react49.Image,
|
|
183
183
|
ImageProps: () => import_react49.ImageProps,
|
|
184
|
-
Img: () =>
|
|
185
|
-
ImgProps: () =>
|
|
184
|
+
Img: () => import_react121.Img,
|
|
185
|
+
ImgProps: () => import_react121.ImgProps,
|
|
186
186
|
InputAddonLeft: () => InputAddonLeft,
|
|
187
187
|
InputAddonRight: () => InputAddonRight,
|
|
188
188
|
InputElementLeft: () => import_react19.InputLeftElement,
|
|
@@ -199,8 +199,8 @@ __export(src_exports, {
|
|
|
199
199
|
InputRightAddonProps: () => import_react25.InputRightAddonProps,
|
|
200
200
|
InputRightElement: () => import_react25.InputRightElement,
|
|
201
201
|
InputRightElementProps: () => import_react25.InputRightElementProps,
|
|
202
|
-
Link: () =>
|
|
203
|
-
LinkProps: () =>
|
|
202
|
+
Link: () => import_react114.Link,
|
|
203
|
+
LinkProps: () => import_react114.LinkProps,
|
|
204
204
|
List: () => import_react51.List,
|
|
205
205
|
ListIcon: () => import_react51.ListIcon,
|
|
206
206
|
ListItem: () => import_react51.ListItem,
|
|
@@ -209,22 +209,22 @@ __export(src_exports, {
|
|
|
209
209
|
Loader: () => loader_default,
|
|
210
210
|
Logo: () => Logo,
|
|
211
211
|
MainMenu: () => navigation_default,
|
|
212
|
-
Modal: () =>
|
|
212
|
+
Modal: () => import_react53.Modal,
|
|
213
213
|
ModalBackButton: () => modal_back_button_default,
|
|
214
|
-
ModalBody: () =>
|
|
215
|
-
ModalBodyProps: () =>
|
|
216
|
-
ModalCloseButton: () =>
|
|
217
|
-
ModalContent: () =>
|
|
218
|
-
ModalContentProps: () =>
|
|
219
|
-
ModalContextProvider: () =>
|
|
220
|
-
ModalFocusScope: () =>
|
|
221
|
-
ModalFooter: () =>
|
|
222
|
-
ModalFooterProps: () =>
|
|
223
|
-
ModalHeader: () =>
|
|
224
|
-
ModalHeaderProps: () =>
|
|
225
|
-
ModalOverlay: () =>
|
|
226
|
-
ModalOverlayProps: () =>
|
|
227
|
-
ModalProps: () =>
|
|
214
|
+
ModalBody: () => import_react53.ModalBody,
|
|
215
|
+
ModalBodyProps: () => import_react53.ModalBodyProps,
|
|
216
|
+
ModalCloseButton: () => import_react53.ModalCloseButton,
|
|
217
|
+
ModalContent: () => import_react53.ModalContent,
|
|
218
|
+
ModalContentProps: () => import_react53.ModalContentProps,
|
|
219
|
+
ModalContextProvider: () => import_react53.ModalContextProvider,
|
|
220
|
+
ModalFocusScope: () => import_react53.ModalFocusScope,
|
|
221
|
+
ModalFooter: () => import_react53.ModalFooter,
|
|
222
|
+
ModalFooterProps: () => import_react53.ModalFooterProps,
|
|
223
|
+
ModalHeader: () => import_react53.ModalHeader,
|
|
224
|
+
ModalHeaderProps: () => import_react53.ModalHeaderProps,
|
|
225
|
+
ModalOverlay: () => import_react53.ModalOverlay,
|
|
226
|
+
ModalOverlayProps: () => import_react53.ModalOverlayProps,
|
|
227
|
+
ModalProps: () => import_react53.ModalProps,
|
|
228
228
|
MultiDatePickerMonth: () => multi_datepicker_month_default,
|
|
229
229
|
NavItem: () => NavItem,
|
|
230
230
|
Navbar: () => Navbar,
|
|
@@ -233,134 +233,150 @@ __export(src_exports, {
|
|
|
233
233
|
Pagination: () => pagination_default,
|
|
234
234
|
PaginationDetail: () => pagination_detail_default,
|
|
235
235
|
PaginationFilter: () => pagination_filter_default,
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
236
|
+
PinInput: () => import_react62.PinInput,
|
|
237
|
+
PinInputContext: () => import_react62.PinInputContext,
|
|
238
|
+
PinInputDescendantsProvider: () => import_react62.PinInputDescendantsProvider,
|
|
239
|
+
PinInputField: () => import_react62.PinInputField,
|
|
240
|
+
PinInputFieldProps: () => import_react62.PinInputFieldProps,
|
|
241
|
+
PinInputProps: () => import_react62.PinInputProps,
|
|
242
|
+
PinInputProvider: () => import_react62.PinInputProvider,
|
|
243
|
+
Popover: () => import_react63.Popover,
|
|
244
|
+
PopoverAnchor: () => import_react63.PopoverAnchor,
|
|
245
|
+
PopoverArrow: () => import_react63.PopoverArrow,
|
|
246
|
+
PopoverArrowProps: () => import_react63.PopoverArrowProps,
|
|
247
|
+
PopoverBody: () => import_react63.PopoverBody,
|
|
248
|
+
PopoverBodyProps: () => import_react63.PopoverBodyProps,
|
|
249
|
+
PopoverCloseButton: () => import_react63.PopoverCloseButton,
|
|
250
|
+
PopoverContent: () => import_react63.PopoverContent,
|
|
251
|
+
PopoverContentProps: () => import_react63.PopoverContentProps,
|
|
252
|
+
PopoverFooter: () => import_react63.PopoverFooter,
|
|
253
|
+
PopoverFooterProps: () => import_react63.PopoverFooterProps,
|
|
254
|
+
PopoverHeader: () => import_react63.PopoverHeader,
|
|
255
|
+
PopoverHeaderProps: () => import_react63.PopoverHeaderProps,
|
|
256
|
+
PopoverProps: () => import_react63.PopoverProps,
|
|
257
|
+
PopoverTrigger: () => import_react63.PopoverTrigger,
|
|
258
|
+
Portal: () => import_react63.Portal,
|
|
259
|
+
PortalProps: () => import_react63.PortalProps,
|
|
253
260
|
Profile: () => Profile,
|
|
261
|
+
Progress: () => import_react64.Progress,
|
|
262
|
+
ProgressFilledTrackProps: () => import_react64.ProgressFilledTrackProps,
|
|
263
|
+
ProgressLabel: () => import_react64.ProgressLabel,
|
|
264
|
+
ProgressLabelProps: () => import_react64.ProgressLabelProps,
|
|
265
|
+
ProgressProps: () => import_react64.ProgressProps,
|
|
266
|
+
ProgressTrackProps: () => import_react64.ProgressTrackProps,
|
|
254
267
|
Provider: () => provider_default,
|
|
255
268
|
ProviderContext: () => ProviderContext,
|
|
256
269
|
Radio: () => Radio,
|
|
257
270
|
RadioGroup: () => RadioGroup,
|
|
258
|
-
RadioGroupContext: () =>
|
|
271
|
+
RadioGroupContext: () => import_react67.RadioGroupContext,
|
|
259
272
|
Rating: () => rating_default,
|
|
260
273
|
RequiredIndicator: () => import_react25.RequiredIndicator,
|
|
261
274
|
RequiredIndicatorProps: () => import_react25.RequiredIndicatorProps,
|
|
262
|
-
ScaleFade: () =>
|
|
263
|
-
ScaleFadeProps: () =>
|
|
275
|
+
ScaleFade: () => import_react121.ScaleFade,
|
|
276
|
+
ScaleFadeProps: () => import_react121.ScaleFadeProps,
|
|
264
277
|
Select: () => select_default,
|
|
265
278
|
SelectAsync: () => select_async_default,
|
|
266
279
|
SelectAsyncCreatable: () => SelectAsyncCreatable,
|
|
267
280
|
SelectCheckBox: () => select_with_checkbox_default,
|
|
268
281
|
SelectCreatable: () => SelectCreatable,
|
|
269
|
-
Show: () =>
|
|
270
|
-
ShowProps: () =>
|
|
282
|
+
Show: () => import_react121.Show,
|
|
283
|
+
ShowProps: () => import_react121.ShowProps,
|
|
271
284
|
Sidebar: () => Sidebar,
|
|
272
285
|
SidebarHeader: () => SidebarHeader,
|
|
273
286
|
SidebarMenu: () => SidebarMenu,
|
|
274
287
|
SimpleGrid: () => import_react50.SimpleGrid,
|
|
275
288
|
Skeleton: () => import_react5.Skeleton,
|
|
276
|
-
Slide: () =>
|
|
277
|
-
SlideFade: () =>
|
|
278
|
-
SlideFadeProps: () =>
|
|
279
|
-
SlideProps: () =>
|
|
289
|
+
Slide: () => import_react121.Slide,
|
|
290
|
+
SlideFade: () => import_react121.SlideFade,
|
|
291
|
+
SlideFadeProps: () => import_react121.SlideFadeProps,
|
|
292
|
+
SlideProps: () => import_react121.SlideProps,
|
|
280
293
|
Spacer: () => import_react50.Spacer,
|
|
281
294
|
Stack: () => import_react50.Stack,
|
|
282
295
|
StackProps: () => import_react50.StackProps,
|
|
283
|
-
Step: () =>
|
|
284
|
-
StepDescription: () =>
|
|
285
|
-
StepIcon: () =>
|
|
286
|
-
StepIndicator: () =>
|
|
287
|
-
StepNumber: () =>
|
|
288
|
-
StepSeparator: () =>
|
|
289
|
-
StepStatus: () =>
|
|
290
|
-
StepTitle: () =>
|
|
291
|
-
Stepper: () =>
|
|
296
|
+
Step: () => import_react121.Step,
|
|
297
|
+
StepDescription: () => import_react121.StepDescription,
|
|
298
|
+
StepIcon: () => import_react121.StepIcon,
|
|
299
|
+
StepIndicator: () => import_react121.StepIndicator,
|
|
300
|
+
StepNumber: () => import_react121.StepNumber,
|
|
301
|
+
StepSeparator: () => import_react121.StepSeparator,
|
|
302
|
+
StepStatus: () => import_react121.StepStatus,
|
|
303
|
+
StepTitle: () => import_react121.StepTitle,
|
|
304
|
+
Stepper: () => import_react121.Stepper,
|
|
292
305
|
Switch: () => switch_default,
|
|
293
306
|
Tab: () => tab_default,
|
|
294
|
-
TabIndicator: () =>
|
|
295
|
-
TabIndicatorProps: () =>
|
|
296
|
-
TabList: () =>
|
|
297
|
-
TabListProps: () =>
|
|
298
|
-
TabPanel: () =>
|
|
299
|
-
TabPanelProps: () =>
|
|
300
|
-
TabPanels: () =>
|
|
301
|
-
TabPanelsProps: () =>
|
|
302
|
-
TabProps: () =>
|
|
303
|
-
TableBodyProps: () =>
|
|
304
|
-
TableCellProps: () =>
|
|
305
|
-
TableColumnHeaderProps: () =>
|
|
306
|
-
TableHeadProps: () =>
|
|
307
|
-
TableProps: () =>
|
|
308
|
-
TableRowProps: () =>
|
|
309
|
-
Tabs: () =>
|
|
310
|
-
TabsDescendantsProvider: () =>
|
|
311
|
-
TabsProps: () =>
|
|
312
|
-
TabsProvider: () =>
|
|
313
|
-
Tbody: () =>
|
|
314
|
-
Td: () =>
|
|
315
|
-
Text: () =>
|
|
316
|
-
TextProps: () =>
|
|
307
|
+
TabIndicator: () => import_react113.TabIndicator,
|
|
308
|
+
TabIndicatorProps: () => import_react113.TabIndicatorProps,
|
|
309
|
+
TabList: () => import_react113.TabList,
|
|
310
|
+
TabListProps: () => import_react113.TabListProps,
|
|
311
|
+
TabPanel: () => import_react113.TabPanel,
|
|
312
|
+
TabPanelProps: () => import_react113.TabPanelProps,
|
|
313
|
+
TabPanels: () => import_react113.TabPanels,
|
|
314
|
+
TabPanelsProps: () => import_react113.TabPanelsProps,
|
|
315
|
+
TabProps: () => import_react113.TabProps,
|
|
316
|
+
TableBodyProps: () => import_react111.TableBodyProps,
|
|
317
|
+
TableCellProps: () => import_react111.TableCellProps,
|
|
318
|
+
TableColumnHeaderProps: () => import_react111.TableColumnHeaderProps,
|
|
319
|
+
TableHeadProps: () => import_react111.TableHeadProps,
|
|
320
|
+
TableProps: () => import_react111.TableProps,
|
|
321
|
+
TableRowProps: () => import_react111.TableRowProps,
|
|
322
|
+
Tabs: () => import_react113.Tabs,
|
|
323
|
+
TabsDescendantsProvider: () => import_react113.TabsDescendantsProvider,
|
|
324
|
+
TabsProps: () => import_react113.TabsProps,
|
|
325
|
+
TabsProvider: () => import_react113.TabsProvider,
|
|
326
|
+
Tbody: () => import_react111.Tbody,
|
|
327
|
+
Td: () => import_react111.Td,
|
|
328
|
+
Text: () => import_react114.Text,
|
|
329
|
+
TextProps: () => import_react114.TextProps,
|
|
317
330
|
TextareaField: () => textarea_default,
|
|
318
|
-
Th: () =>
|
|
319
|
-
Thead: () =>
|
|
331
|
+
Th: () => import_react111.Th,
|
|
332
|
+
Thead: () => import_react111.Thead,
|
|
320
333
|
ThemeTypings: () => import_styled_system12.ThemeTypings,
|
|
321
334
|
ToastContainer: () => import_react_toastify2.ToastContainer,
|
|
322
335
|
Tooltip: () => Tooltip,
|
|
323
|
-
Tr: () =>
|
|
336
|
+
Tr: () => import_react111.Tr,
|
|
324
337
|
UnorderedList: () => import_react51.UnorderedList,
|
|
325
338
|
Uploader: () => uploader_default,
|
|
326
339
|
UseAccordionItemProps: () => import_react3.UseAccordionItemProps,
|
|
327
340
|
UseAccordionItemReturn: () => import_react3.UseAccordionItemReturn,
|
|
328
341
|
UseAccordionProps: () => import_react3.UseAccordionProps,
|
|
329
342
|
UseAccordionReturn: () => import_react3.UseAccordionReturn,
|
|
330
|
-
UseBreakpointOptions: () =>
|
|
343
|
+
UseBreakpointOptions: () => import_react121.UseBreakpointOptions,
|
|
331
344
|
UseCheckboxGroupProps: () => import_react16.UseCheckboxGroupProps,
|
|
332
345
|
UseCheckboxGroupReturn: () => import_react16.UseCheckboxGroupReturn,
|
|
333
346
|
UseCheckboxProps: () => import_react16.UseCheckboxProps,
|
|
334
347
|
UseCheckboxReturn: () => import_react16.UseCheckboxReturn,
|
|
335
|
-
UseDisclosureProps: () =>
|
|
336
|
-
UseImageProps: () =>
|
|
337
|
-
UseImageReturn: () =>
|
|
338
|
-
UseMediaQueryOptions: () =>
|
|
339
|
-
UseModalProps: () =>
|
|
340
|
-
UseModalReturn: () =>
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
348
|
+
UseDisclosureProps: () => import_react133.UseDisclosureProps,
|
|
349
|
+
UseImageProps: () => import_react121.UseImageProps,
|
|
350
|
+
UseImageReturn: () => import_react121.UseImageReturn,
|
|
351
|
+
UseMediaQueryOptions: () => import_react121.UseMediaQueryOptions,
|
|
352
|
+
UseModalProps: () => import_react53.UseModalProps,
|
|
353
|
+
UseModalReturn: () => import_react53.UseModalReturn,
|
|
354
|
+
UsePinInputFieldProps: () => import_react62.UsePinInputFieldProps,
|
|
355
|
+
UsePinInputProps: () => import_react62.UsePinInputProps,
|
|
356
|
+
UsePinInputReturn: () => import_react62.UsePinInputReturn,
|
|
357
|
+
UseQueryProps: () => import_react121.UseQueryProps,
|
|
358
|
+
UseRadioGroupReturn: () => import_react67.UseRadioGroupReturn,
|
|
359
|
+
UseRadioProps: () => import_react67.UseRadioProps,
|
|
360
|
+
UseRadioReturn: () => import_react67.UseRadioReturn,
|
|
361
|
+
UseTabListProps: () => import_react113.UseTabListProps,
|
|
362
|
+
UseTabListReturn: () => import_react113.UseTabListReturn,
|
|
363
|
+
UseTabOptions: () => import_react113.UseTabOptions,
|
|
364
|
+
UseTabPanelsProps: () => import_react113.UseTabPanelsProps,
|
|
365
|
+
UseTabProps: () => import_react113.UseTabProps,
|
|
366
|
+
UseTabsProps: () => import_react113.UseTabsProps,
|
|
367
|
+
UseTabsReturn: () => import_react113.UseTabsReturn,
|
|
352
368
|
VStack: () => import_react50.VStack,
|
|
353
369
|
Version: () => Version,
|
|
354
|
-
VisuallyHidden: () =>
|
|
355
|
-
VisuallyHiddenInput: () =>
|
|
370
|
+
VisuallyHidden: () => import_react121.VisuallyHidden,
|
|
371
|
+
VisuallyHiddenInput: () => import_react121.VisuallyHiddenInput,
|
|
356
372
|
VoilaLogo: () => VoilaLogo,
|
|
357
373
|
Wrap: () => import_react50.Wrap,
|
|
358
374
|
WrapItem: () => import_react50.WrapItem,
|
|
359
375
|
WrapItemProps: () => import_react50.WrapItemProps,
|
|
360
376
|
WrapProps: () => import_react50.WrapProps,
|
|
361
377
|
XMSLogo: () => XMSLogo,
|
|
362
|
-
extendTheme: () =>
|
|
363
|
-
forwardRef: () =>
|
|
378
|
+
extendTheme: () => import_react134.extendTheme,
|
|
379
|
+
forwardRef: () => import_react134.forwardRef,
|
|
364
380
|
getSelectAllCheckboxState: () => getSelectAllCheckboxState,
|
|
365
381
|
getTheme: () => getTheme,
|
|
366
382
|
theme: () => theme4,
|
|
@@ -370,48 +386,52 @@ __export(src_exports, {
|
|
|
370
386
|
useAccordionItemState: () => import_react3.useAccordionItemState,
|
|
371
387
|
useAccordionStyles: () => import_react3.useAccordionStyles,
|
|
372
388
|
useAlertStyles: () => useAlertStyles,
|
|
373
|
-
useBoolean: () =>
|
|
374
|
-
useBreakpoint: () =>
|
|
389
|
+
useBoolean: () => import_react133.useBoolean,
|
|
390
|
+
useBreakpoint: () => import_react121.useBreakpoint,
|
|
375
391
|
useCheckbox: () => import_react16.useCheckbox,
|
|
376
392
|
useCheckboxGroup: () => import_react16.useCheckboxGroup,
|
|
377
|
-
useClipboard: () =>
|
|
378
|
-
useColorMode: () =>
|
|
379
|
-
useColorModePreference: () =>
|
|
380
|
-
useColorModeValue: () =>
|
|
381
|
-
useConst: () =>
|
|
382
|
-
useControllableProp: () =>
|
|
383
|
-
useControllableState: () =>
|
|
393
|
+
useClipboard: () => import_react133.useClipboard,
|
|
394
|
+
useColorMode: () => import_react133.useColorMode,
|
|
395
|
+
useColorModePreference: () => import_react121.useColorModePreference,
|
|
396
|
+
useColorModeValue: () => import_react133.useColorModeValue,
|
|
397
|
+
useConst: () => import_react133.useConst,
|
|
398
|
+
useControllableProp: () => import_react133.useControllableProp,
|
|
399
|
+
useControllableState: () => import_react133.useControllableState,
|
|
384
400
|
useDataTable: () => useDataTable,
|
|
385
|
-
useDimensions: () =>
|
|
386
|
-
useDisclosure: () =>
|
|
387
|
-
useDrawerContext: () =>
|
|
401
|
+
useDimensions: () => import_react133.useDimensions,
|
|
402
|
+
useDisclosure: () => import_react133.useDisclosure,
|
|
403
|
+
useDrawerContext: () => import_react53.useDrawerContext,
|
|
388
404
|
useFetcher: () => useFetcher,
|
|
389
|
-
useImage: () =>
|
|
405
|
+
useImage: () => import_react121.useImage,
|
|
390
406
|
useInternalUI: () => useInternalUI,
|
|
391
|
-
useMergeRefs: () =>
|
|
392
|
-
useModal: () =>
|
|
393
|
-
useModalContext: () =>
|
|
394
|
-
useModalStyles: () =>
|
|
395
|
-
useOutsideClick: () =>
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
407
|
+
useMergeRefs: () => import_react133.useMergeRefs,
|
|
408
|
+
useModal: () => import_react53.useModal,
|
|
409
|
+
useModalContext: () => import_react53.useModalContext,
|
|
410
|
+
useModalStyles: () => import_react53.useModalStyles,
|
|
411
|
+
useOutsideClick: () => import_react133.useOutsideClick,
|
|
412
|
+
usePinInput: () => import_react62.usePinInput,
|
|
413
|
+
usePinInputContext: () => import_react62.usePinInputContext,
|
|
414
|
+
usePinInputField: () => import_react62.usePinInputField,
|
|
415
|
+
useProgressStyles: () => import_react64.useProgressStyles,
|
|
416
|
+
useQuery: () => import_react121.useQuery,
|
|
417
|
+
useRadio: () => import_react67.useRadio,
|
|
418
|
+
useRadioGroup: () => import_react67.useRadioGroup,
|
|
419
|
+
useRadioGroupContext: () => import_react67.useRadioGroupContext,
|
|
420
|
+
useSteps: () => import_react121.useSteps,
|
|
421
|
+
useTab: () => import_react113.useTab,
|
|
422
|
+
useTabIndicator: () => import_react113.useTabIndicator,
|
|
423
|
+
useTabList: () => import_react113.useTabList,
|
|
424
|
+
useTabPanel: () => import_react113.useTabPanel,
|
|
425
|
+
useTabPanels: () => import_react113.useTabPanels,
|
|
426
|
+
useTabs: () => import_react113.useTabs,
|
|
427
|
+
useTabsContext: () => import_react113.useTabsContext,
|
|
428
|
+
useTabsDescendant: () => import_react113.useTabsDescendant,
|
|
429
|
+
useTabsDescendants: () => import_react113.useTabsDescendants,
|
|
430
|
+
useTabsDescendantsContext: () => import_react113.useTabsDescendantsContext,
|
|
431
|
+
useTabsStyles: () => import_react113.useTabsStyles,
|
|
432
|
+
useTheme: () => import_react133.useTheme,
|
|
413
433
|
useToast: () => useToast,
|
|
414
|
-
useToken: () =>
|
|
434
|
+
useToken: () => import_react133.useToken
|
|
415
435
|
});
|
|
416
436
|
module.exports = __toCommonJS(src_exports);
|
|
417
437
|
|
|
@@ -739,7 +759,7 @@ var import_react9 = require("@chakra-ui/react");
|
|
|
739
759
|
var import_internal_icon4 = require("@ctlyst.id/internal-icon");
|
|
740
760
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
741
761
|
var BreadCrumb = (props) => {
|
|
742
|
-
const { title, children, parents, className, disableHome, spacing: spacing2 = 2, backButton } = props;
|
|
762
|
+
const { title, children, parents, className, disableHome, spacing: spacing2 = 2, backButton, hideTitle } = props;
|
|
743
763
|
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
744
764
|
import_react9.Box,
|
|
745
765
|
{
|
|
@@ -751,25 +771,27 @@ var BreadCrumb = (props) => {
|
|
|
751
771
|
paddingY: 2,
|
|
752
772
|
children: [
|
|
753
773
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react9.Box, { display: "flex", alignItems: "center", children: [
|
|
754
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
774
|
+
!hideTitle && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
775
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react9.Flex, { gap: 2, align: "center", children: [
|
|
776
|
+
backButton && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
777
|
+
import_react9.IconButton,
|
|
778
|
+
{
|
|
779
|
+
"data-test-id": "",
|
|
780
|
+
border: "1px solid",
|
|
781
|
+
borderColor: "neutral.100",
|
|
782
|
+
size: "sm",
|
|
783
|
+
minH: "9",
|
|
784
|
+
minW: "9",
|
|
785
|
+
bg: "white",
|
|
786
|
+
variant: "ghost",
|
|
787
|
+
"aria-label": "Edit",
|
|
788
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_internal_icon4.ChevronLeft, { size: 5 })
|
|
789
|
+
}
|
|
790
|
+
),
|
|
791
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react9.Text, { pr: "2", textStyle: "heading.6", color: "neutral.700", children: title })
|
|
792
|
+
] }),
|
|
793
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react9.Box, { h: "5.5", borderLeft: "1px solid", borderColor: "neutral.600" })
|
|
771
794
|
] }),
|
|
772
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react9.Box, { h: "5.5", borderLeft: "1px solid", borderColor: "neutral.600" }),
|
|
773
795
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
774
796
|
import_react9.Breadcrumb,
|
|
775
797
|
{
|
|
@@ -819,7 +841,8 @@ BreadCrumb.defaultProps = {
|
|
|
819
841
|
className: void 0,
|
|
820
842
|
disableHome: void 0,
|
|
821
843
|
spacing: 2,
|
|
822
|
-
backButton: void 0
|
|
844
|
+
backButton: void 0,
|
|
845
|
+
hideTitle: false
|
|
823
846
|
};
|
|
824
847
|
var bread_crumb_default = BreadCrumb;
|
|
825
848
|
|
|
@@ -2787,8 +2810,8 @@ var import_react42 = require("@chakra-ui/react");
|
|
|
2787
2810
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2788
2811
|
var Logo = ({ url, imageUrl, height }) => {
|
|
2789
2812
|
if (url)
|
|
2790
|
-
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Box, { as: "a", href: url, cursor: "pointer", target: "_self", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Image, { w: "
|
|
2791
|
-
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Image, { w: "
|
|
2813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Box, { as: "a", href: url, cursor: "pointer", target: "_self", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Image, { w: "initial", h: height != null ? height : 9, maxH: height != null ? height : 9, src: imageUrl, alt: imageUrl, objectFit: "contain" }) });
|
|
2814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Image, { w: "initial", h: height != null ? height : 9, maxH: height != null ? height : 9, src: imageUrl, alt: imageUrl, objectFit: "contain" });
|
|
2792
2815
|
};
|
|
2793
2816
|
var XMSLogo = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2794
2817
|
import_react42.Image,
|
|
@@ -3136,106 +3159,37 @@ var ModalBackButton = ({ onClick }) => {
|
|
|
3136
3159
|
};
|
|
3137
3160
|
var modal_back_button_default = ModalBackButton;
|
|
3138
3161
|
|
|
3139
|
-
// src/components/modal/components/modal-body.tsx
|
|
3140
|
-
var import_react53 = require("@chakra-ui/react");
|
|
3141
|
-
var import_react54 = __toESM(require("react"));
|
|
3142
|
-
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3143
|
-
var ModalBody2 = import_react54.default.forwardRef(({ children, ...rest }, ref) => {
|
|
3144
|
-
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react53.ModalBody, { px: 4, py: 2, ref, background: (0, import_react53.useColorModeValue)("white", "mirage.900"), ...rest, children });
|
|
3145
|
-
});
|
|
3146
|
-
var modal_body_default = ModalBody2;
|
|
3147
|
-
|
|
3148
|
-
// src/components/modal/components/modal-close-button.tsx
|
|
3149
|
-
var import_react55 = require("@chakra-ui/react");
|
|
3150
|
-
var import_react56 = require("react");
|
|
3151
|
-
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3152
|
-
var ModalCloseButton = (0, import_react56.forwardRef)((props, ref) => {
|
|
3153
|
-
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3154
|
-
import_react55.ModalCloseButton,
|
|
3155
|
-
{
|
|
3156
|
-
ref,
|
|
3157
|
-
top: 2,
|
|
3158
|
-
right: 2,
|
|
3159
|
-
size: "sm",
|
|
3160
|
-
"data-test-id": "modal-close-button",
|
|
3161
|
-
background: (0, import_react55.useColorModeValue)("neutral.50", "mirage.900"),
|
|
3162
|
-
...props
|
|
3163
|
-
}
|
|
3164
|
-
);
|
|
3165
|
-
});
|
|
3166
|
-
var modal_close_button_default = ModalCloseButton;
|
|
3167
|
-
|
|
3168
|
-
// src/components/modal/components/modal-footer.tsx
|
|
3169
|
-
var import_react57 = require("@chakra-ui/react");
|
|
3170
|
-
var import_react58 = require("react");
|
|
3171
|
-
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3172
|
-
var ModalFooter2 = (0, import_react58.forwardRef)(({ children, ...rest }, ref) => {
|
|
3173
|
-
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3174
|
-
import_react57.ModalFooter,
|
|
3175
|
-
{
|
|
3176
|
-
ref,
|
|
3177
|
-
background: (0, import_react57.useColorModeValue)("neutral.200", "mirage.900"),
|
|
3178
|
-
borderBottomRadius: "sm",
|
|
3179
|
-
...rest,
|
|
3180
|
-
children
|
|
3181
|
-
}
|
|
3182
|
-
);
|
|
3183
|
-
});
|
|
3184
|
-
var modal_footer_default = ModalFooter2;
|
|
3185
|
-
|
|
3186
|
-
// src/components/modal/components/modal-header.tsx
|
|
3187
|
-
var import_react59 = require("@chakra-ui/react");
|
|
3188
|
-
var import_react60 = require("react");
|
|
3189
|
-
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3190
|
-
var ModalHeader2 = (0, import_react60.forwardRef)(({ children, ...rest }, ref) => {
|
|
3191
|
-
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3192
|
-
import_react59.ModalHeader,
|
|
3193
|
-
{
|
|
3194
|
-
ref,
|
|
3195
|
-
background: (0, import_react59.useColorModeValue)("neutral.200", "mirage.900"),
|
|
3196
|
-
borderTopRadius: "sm",
|
|
3197
|
-
fontSize: "text.lg",
|
|
3198
|
-
fontWeight: "400",
|
|
3199
|
-
px: 4,
|
|
3200
|
-
py: 2,
|
|
3201
|
-
...rest,
|
|
3202
|
-
children
|
|
3203
|
-
}
|
|
3204
|
-
);
|
|
3205
|
-
});
|
|
3206
|
-
var modal_header_default = ModalHeader2;
|
|
3207
|
-
|
|
3208
3162
|
// src/components/modal/index.ts
|
|
3209
|
-
var
|
|
3163
|
+
var import_react53 = require("@chakra-ui/react");
|
|
3210
3164
|
|
|
3211
3165
|
// src/components/navigation/components/navigation.tsx
|
|
3212
|
-
var
|
|
3166
|
+
var import_react54 = require("@chakra-ui/react");
|
|
3213
3167
|
var Icon5 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
3214
|
-
var
|
|
3168
|
+
var import_react55 = require("@emotion/react");
|
|
3215
3169
|
|
|
3216
3170
|
// src/components/navigation/components/mapping-icon.tsx
|
|
3217
3171
|
var Icon4 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
3218
|
-
var
|
|
3172
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3219
3173
|
var mappingIcon = /* @__PURE__ */ new Map([
|
|
3220
|
-
["Order", /* @__PURE__ */ (0,
|
|
3221
|
-
["Fulfillment", /* @__PURE__ */ (0,
|
|
3222
|
-
["Transfer Stock", /* @__PURE__ */ (0,
|
|
3223
|
-
["Stock", /* @__PURE__ */ (0,
|
|
3224
|
-
["Product Database", /* @__PURE__ */ (0,
|
|
3225
|
-
["Purchasing", /* @__PURE__ */ (0,
|
|
3226
|
-
["Reseller", /* @__PURE__ */ (0,
|
|
3227
|
-
["Retur", /* @__PURE__ */ (0,
|
|
3228
|
-
["Other", /* @__PURE__ */ (0,
|
|
3229
|
-
["Content", /* @__PURE__ */ (0,
|
|
3230
|
-
["Customer", /* @__PURE__ */ (0,
|
|
3231
|
-
["Voucher", /* @__PURE__ */ (0,
|
|
3174
|
+
["Order", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.ShoppingBag, { size: 4, color: "inherit" }, "order")],
|
|
3175
|
+
["Fulfillment", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.ShoppingCart, { size: 4, color: "inherit" }, "fullfilment")],
|
|
3176
|
+
["Transfer Stock", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Repeat, { size: 4, color: "inherit" }, "transfer-stock")],
|
|
3177
|
+
["Stock", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Box, { size: 4, color: "inherit" }, "stock")],
|
|
3178
|
+
["Product Database", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Layers, { size: 4, color: "inherit" }, "product-database")],
|
|
3179
|
+
["Purchasing", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.DollarSign, { size: 4, color: "inherit" }, "purchasing")],
|
|
3180
|
+
["Reseller", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Users, { size: 4, color: "inherit" }, "reseller")],
|
|
3181
|
+
["Retur", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.RotateCcw, { size: 4, color: "inherit" }, "retur")],
|
|
3182
|
+
["Other", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Settings, { size: 4, color: "inherit" }, "other")],
|
|
3183
|
+
["Content", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Layout, { size: 4, color: "inherit" }, "content")],
|
|
3184
|
+
["Customer", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.HelpCircle, { size: 4, color: "inherit" }, "content")],
|
|
3185
|
+
["Voucher", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Gift, { size: 4, color: "inherit" }, "content")]
|
|
3232
3186
|
]);
|
|
3233
3187
|
|
|
3234
3188
|
// src/components/navigation/components/navigation.tsx
|
|
3235
|
-
var
|
|
3189
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3236
3190
|
var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
3237
|
-
return /* @__PURE__ */ (0,
|
|
3238
|
-
|
|
3191
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Box, { borderRadius: "md", overflowX: "auto", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3192
|
+
import_react54.Flex,
|
|
3239
3193
|
{
|
|
3240
3194
|
bg: "white",
|
|
3241
3195
|
w: "full",
|
|
@@ -3249,9 +3203,9 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
3249
3203
|
children: navigations == null ? void 0 : navigations.map((navigation) => {
|
|
3250
3204
|
const isActive = activePath.startsWith(navigation.navLink || "");
|
|
3251
3205
|
const activeBg = isActive ? "primary.500" : void 0;
|
|
3252
|
-
return /* @__PURE__ */ (0,
|
|
3253
|
-
/* @__PURE__ */ (0,
|
|
3254
|
-
|
|
3206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Popover, { trigger: "hover", placement: "bottom-start", children: ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
|
|
3207
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3208
|
+
import_react54.Button,
|
|
3255
3209
|
{
|
|
3256
3210
|
h: 7.5,
|
|
3257
3211
|
p: 2,
|
|
@@ -3264,14 +3218,14 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
3264
3218
|
backgroundColor: isOpen && !isActive ? "neutral.400" : activeBg,
|
|
3265
3219
|
color: isActive ? "primary.50" : "black.high",
|
|
3266
3220
|
leftIcon: mappingIcon.get(navigation.title),
|
|
3267
|
-
rightIcon: /* @__PURE__ */ (0,
|
|
3221
|
+
rightIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon5.ChevronDown, { size: 4, color: "inherit" }),
|
|
3268
3222
|
children: navigation.title
|
|
3269
3223
|
}
|
|
3270
3224
|
) }),
|
|
3271
|
-
navigation.children && /* @__PURE__ */ (0,
|
|
3272
|
-
|
|
3225
|
+
navigation.children && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Box, { zIndex: "popover", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3226
|
+
import_react54.PopoverContent,
|
|
3273
3227
|
{
|
|
3274
|
-
bg: (0,
|
|
3228
|
+
bg: (0, import_react54.useColorModeValue)("white", "ebony-clay.800"),
|
|
3275
3229
|
maxW: 250,
|
|
3276
3230
|
border: "none",
|
|
3277
3231
|
borderRadius: "md",
|
|
@@ -3280,16 +3234,16 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
3280
3234
|
const link = navHost ? `${navHost}${navLink}` : navLink;
|
|
3281
3235
|
const isLocalLink = host === navHost;
|
|
3282
3236
|
const isActiveSub = activePath === navLink;
|
|
3283
|
-
return /* @__PURE__ */ (0,
|
|
3284
|
-
|
|
3237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3238
|
+
import_react54.Link,
|
|
3285
3239
|
{
|
|
3286
3240
|
as: isLocalLink ? as : void 0,
|
|
3287
3241
|
href: link,
|
|
3288
3242
|
_hover: {
|
|
3289
3243
|
textDecoration: "none"
|
|
3290
3244
|
},
|
|
3291
|
-
children: /* @__PURE__ */ (0,
|
|
3292
|
-
|
|
3245
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
3246
|
+
import_react54.Box,
|
|
3293
3247
|
{
|
|
3294
3248
|
display: "flex",
|
|
3295
3249
|
position: "relative",
|
|
@@ -3297,24 +3251,24 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
|
|
|
3297
3251
|
cursor: "pointer",
|
|
3298
3252
|
transition: "padding 0.35s ease 0s",
|
|
3299
3253
|
_hover: {
|
|
3300
|
-
backgroundColor: (0,
|
|
3301
|
-
color: (0,
|
|
3254
|
+
backgroundColor: (0, import_react54.useColorModeValue)("dove-gray.50", "mirage.900"),
|
|
3255
|
+
color: (0, import_react54.useColorModeValue)("primary.500", "dove-gray.600"),
|
|
3302
3256
|
px: 5,
|
|
3303
3257
|
py: 4,
|
|
3304
3258
|
_first: { borderTopRadius: "md" },
|
|
3305
3259
|
_last: { borderBottomRadius: "md" }
|
|
3306
3260
|
},
|
|
3307
3261
|
color: isActiveSub ? "primary.500" : "inherit",
|
|
3308
|
-
css:
|
|
3262
|
+
css: import_react55.css`
|
|
3309
3263
|
border-spacing: 4px;
|
|
3310
3264
|
`,
|
|
3311
3265
|
px: 6,
|
|
3312
3266
|
py: 4,
|
|
3313
3267
|
children: [
|
|
3314
3268
|
mappingIcon.get(navigation.title),
|
|
3315
|
-
/* @__PURE__ */ (0,
|
|
3316
|
-
isActiveSub && /* @__PURE__ */ (0,
|
|
3317
|
-
|
|
3269
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Text, { fontSize: "text.sm", ml: 3, children: title }),
|
|
3270
|
+
isActiveSub && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3271
|
+
import_react54.Box,
|
|
3318
3272
|
{
|
|
3319
3273
|
width: 0.5,
|
|
3320
3274
|
height: 8,
|
|
@@ -3347,9 +3301,9 @@ Navigation.defaultProps = {
|
|
|
3347
3301
|
var navigation_default = Navigation;
|
|
3348
3302
|
|
|
3349
3303
|
// src/components/navigation/components/navigation-bar.tsx
|
|
3350
|
-
var
|
|
3304
|
+
var import_react56 = require("@chakra-ui/react");
|
|
3351
3305
|
var Icon6 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
3352
|
-
var
|
|
3306
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3353
3307
|
var NavigationBar = ({
|
|
3354
3308
|
navigations,
|
|
3355
3309
|
isFetched,
|
|
@@ -3364,8 +3318,8 @@ var NavigationBar = ({
|
|
|
3364
3318
|
}
|
|
3365
3319
|
return subMenu.navHost + subMenu.navLink;
|
|
3366
3320
|
};
|
|
3367
|
-
return /* @__PURE__ */ (0,
|
|
3368
|
-
|
|
3321
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react56.Box, { hidden: isFetched && navigations === void 0, "data-test-id": "CT_component_navigation_cms", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3322
|
+
import_react56.Flex,
|
|
3369
3323
|
{
|
|
3370
3324
|
bg: "white",
|
|
3371
3325
|
w: "full",
|
|
@@ -3381,9 +3335,9 @@ var NavigationBar = ({
|
|
|
3381
3335
|
const childMenu = item.children.filter((subMenu) => asPath == null ? void 0 : asPath.includes(subMenu.navLink));
|
|
3382
3336
|
const isActive = pathname == null ? void 0 : pathname.startsWith((_a = childMenu[0]) == null ? void 0 : _a.navLink);
|
|
3383
3337
|
const activeBg = isActive ? "primary.500" : void 0;
|
|
3384
|
-
return /* @__PURE__ */ (0,
|
|
3385
|
-
/* @__PURE__ */ (0,
|
|
3386
|
-
|
|
3338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react56.Popover, { isLazy: true, trigger: "hover", placement: "bottom-start", openDelay: 100, closeDelay: 100, children: ({ isOpen, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
|
|
3339
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react56.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3340
|
+
import_react56.Button,
|
|
3387
3341
|
{
|
|
3388
3342
|
h: 7.5,
|
|
3389
3343
|
p: 2,
|
|
@@ -3396,12 +3350,12 @@ var NavigationBar = ({
|
|
|
3396
3350
|
backgroundColor: isOpen && !isActive ? "neutral.400" : activeBg,
|
|
3397
3351
|
color: isActive ? "primary.50" : "black.high",
|
|
3398
3352
|
leftIcon: mappingIcon2.get(item.title),
|
|
3399
|
-
rightIcon: /* @__PURE__ */ (0,
|
|
3353
|
+
rightIcon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon6.ChevronDown, { size: 4, color: "inherit" }),
|
|
3400
3354
|
children: item.title
|
|
3401
3355
|
}
|
|
3402
3356
|
) }),
|
|
3403
|
-
item.children && /* @__PURE__ */ (0,
|
|
3404
|
-
|
|
3357
|
+
item.children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react56.PopoverContent, { bg: "white", boxShadow: "raised", borderRadius: "md", py: 1, width: 240, children: item.children.map((subMenu) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
3358
|
+
import_react56.Link,
|
|
3405
3359
|
{
|
|
3406
3360
|
href: urlMenu(subMenu),
|
|
3407
3361
|
display: "flex",
|
|
@@ -3418,7 +3372,7 @@ var NavigationBar = ({
|
|
|
3418
3372
|
"data-test-id": `CT_component_navigation_link-${item.id}`,
|
|
3419
3373
|
children: [
|
|
3420
3374
|
mappingIcon2.get(item.title),
|
|
3421
|
-
/* @__PURE__ */ (0,
|
|
3375
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react56.Text, { textStyle: "text-sm", ml: 3, children: subMenu.title })
|
|
3422
3376
|
]
|
|
3423
3377
|
},
|
|
3424
3378
|
subMenu.id
|
|
@@ -3435,18 +3389,18 @@ var navigation_bar_default = NavigationBar;
|
|
|
3435
3389
|
|
|
3436
3390
|
// src/components/pagination/components/pagination.tsx
|
|
3437
3391
|
var import_icons4 = require("@chakra-ui/icons");
|
|
3438
|
-
var
|
|
3392
|
+
var import_react59 = require("@chakra-ui/react");
|
|
3439
3393
|
|
|
3440
3394
|
// src/components/pagination/components/pagination-button.tsx
|
|
3441
|
-
var
|
|
3442
|
-
var
|
|
3443
|
-
var PaginationButton = (0,
|
|
3444
|
-
const btnBg = (0,
|
|
3445
|
-
const btnColor = (0,
|
|
3446
|
-
const btnNotActiveBg = (0,
|
|
3447
|
-
const btnNotActiveColor = (0,
|
|
3448
|
-
return /* @__PURE__ */ (0,
|
|
3449
|
-
|
|
3395
|
+
var import_react57 = require("@chakra-ui/react");
|
|
3396
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3397
|
+
var PaginationButton = (0, import_react57.forwardRef)(({ className, style, isActive, children, ...rest }, ref) => {
|
|
3398
|
+
const btnBg = (0, import_react57.useColorModeValue)("neutral.300", "mirage.900");
|
|
3399
|
+
const btnColor = (0, import_react57.useColorModeValue)("black.high", "primary.300");
|
|
3400
|
+
const btnNotActiveBg = (0, import_react57.useColorModeValue)("secondary.50", "primary.500");
|
|
3401
|
+
const btnNotActiveColor = (0, import_react57.useColorModeValue)("primary.500", "white");
|
|
3402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3403
|
+
import_react57.Button,
|
|
3450
3404
|
{
|
|
3451
3405
|
"data-test-id": "Pagination-Button",
|
|
3452
3406
|
ref,
|
|
@@ -3467,7 +3421,7 @@ var PaginationButton = (0, import_react65.forwardRef)(({ className, style, isAct
|
|
|
3467
3421
|
color: btnNotActiveColor
|
|
3468
3422
|
} : {},
|
|
3469
3423
|
_disabled: {
|
|
3470
|
-
background: (0,
|
|
3424
|
+
background: (0, import_react57.useColorModeValue)("neutral.300", "mirage.900"),
|
|
3471
3425
|
color: "neutral.600",
|
|
3472
3426
|
pointerEvents: "none"
|
|
3473
3427
|
},
|
|
@@ -3483,16 +3437,16 @@ PaginationButton.defaultProps = {
|
|
|
3483
3437
|
var pagination_button_default = PaginationButton;
|
|
3484
3438
|
|
|
3485
3439
|
// src/components/pagination/components/pagination-button-trigger.tsx
|
|
3486
|
-
var
|
|
3487
|
-
var
|
|
3440
|
+
var import_react58 = require("@chakra-ui/react");
|
|
3441
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3488
3442
|
var PaginationButtonTrigger = ({
|
|
3489
3443
|
color: color2,
|
|
3490
3444
|
isDisabled,
|
|
3491
3445
|
onClick,
|
|
3492
3446
|
visuallyHidden,
|
|
3493
3447
|
icon
|
|
3494
|
-
}) => /* @__PURE__ */ (0,
|
|
3495
|
-
/* @__PURE__ */ (0,
|
|
3448
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(pagination_button_default, { "data-test-id": "DLVCc_fBK35spHm5WxjcJ", color: color2, isDisabled, onClick, children: [
|
|
3449
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react58.VisuallyHidden, { children: visuallyHidden }),
|
|
3496
3450
|
icon
|
|
3497
3451
|
] });
|
|
3498
3452
|
PaginationButtonTrigger.defaultProps = {
|
|
@@ -3505,10 +3459,10 @@ PaginationButtonTrigger.defaultProps = {
|
|
|
3505
3459
|
var pagination_button_trigger_default = PaginationButtonTrigger;
|
|
3506
3460
|
|
|
3507
3461
|
// src/components/pagination/components/pagination.tsx
|
|
3508
|
-
var
|
|
3462
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3509
3463
|
var Pagination = ({ className, current, total, onSelect }) => {
|
|
3510
|
-
const btnColorDisabled = (0,
|
|
3511
|
-
const btnColor = (0,
|
|
3464
|
+
const btnColorDisabled = (0, import_react59.useColorModeValue)("secondary.100", "primary.500");
|
|
3465
|
+
const btnColor = (0, import_react59.useColorModeValue)("primary.500", "secondary.100");
|
|
3512
3466
|
const disabledPrevious = current === 1;
|
|
3513
3467
|
const previousButtonColor = disabledPrevious ? btnColorDisabled : btnColor;
|
|
3514
3468
|
const disabledNext = current === total;
|
|
@@ -3535,8 +3489,8 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
3535
3489
|
}
|
|
3536
3490
|
return pageButtons;
|
|
3537
3491
|
};
|
|
3538
|
-
return /* @__PURE__ */ (0,
|
|
3539
|
-
/* @__PURE__ */ (0,
|
|
3492
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react59.Box, { className, display: "inline-flex", alignItems: "center", children: [
|
|
3493
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react59.Box, { mr: 1, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3540
3494
|
pagination_button_trigger_default,
|
|
3541
3495
|
{
|
|
3542
3496
|
"data-test-id": "Pagination-Button",
|
|
@@ -3544,11 +3498,11 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
3544
3498
|
isDisabled: disabledPrevious,
|
|
3545
3499
|
onClick: () => handleSelectPage(1),
|
|
3546
3500
|
visuallyHidden: "First Page",
|
|
3547
|
-
icon: /* @__PURE__ */ (0,
|
|
3501
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ArrowLeftIcon, { width: 2 })
|
|
3548
3502
|
}
|
|
3549
3503
|
) }),
|
|
3550
|
-
/* @__PURE__ */ (0,
|
|
3551
|
-
/* @__PURE__ */ (0,
|
|
3504
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react59.Box, { bg: "neutral.300", borderRadius: "full", children: [
|
|
3505
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3552
3506
|
pagination_button_trigger_default,
|
|
3553
3507
|
{
|
|
3554
3508
|
"data-test-id": "Pagination-Button",
|
|
@@ -3556,22 +3510,22 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
3556
3510
|
isDisabled: disabledPrevious,
|
|
3557
3511
|
onClick: () => handleSelectPage(current - 1),
|
|
3558
3512
|
visuallyHidden: "Previous Page",
|
|
3559
|
-
icon: /* @__PURE__ */ (0,
|
|
3513
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ChevronLeftIcon, {})
|
|
3560
3514
|
}
|
|
3561
3515
|
),
|
|
3562
3516
|
generatePages().map((page) => {
|
|
3563
|
-
return /* @__PURE__ */ (0,
|
|
3517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3564
3518
|
pagination_button_default,
|
|
3565
3519
|
{
|
|
3566
3520
|
"data-test-id": "Pagination-Button",
|
|
3567
3521
|
isActive: page === current,
|
|
3568
3522
|
onClick: () => typeof page === "number" ? handleSelectPage(page) : null,
|
|
3569
|
-
children: /* @__PURE__ */ (0,
|
|
3523
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react59.Text, { scale: 300, fontSize: "text.sm", lineHeight: 18, fontWeight: 500, children: page })
|
|
3570
3524
|
},
|
|
3571
3525
|
page
|
|
3572
3526
|
);
|
|
3573
3527
|
}),
|
|
3574
|
-
/* @__PURE__ */ (0,
|
|
3528
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3575
3529
|
pagination_button_trigger_default,
|
|
3576
3530
|
{
|
|
3577
3531
|
"data-test-id": "Pagination-Button",
|
|
@@ -3579,11 +3533,11 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
3579
3533
|
isDisabled: disabledNext,
|
|
3580
3534
|
onClick: () => handleSelectPage(current + 1),
|
|
3581
3535
|
visuallyHidden: "Next Page",
|
|
3582
|
-
icon: /* @__PURE__ */ (0,
|
|
3536
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ChevronRightIcon, {})
|
|
3583
3537
|
}
|
|
3584
3538
|
)
|
|
3585
3539
|
] }),
|
|
3586
|
-
/* @__PURE__ */ (0,
|
|
3540
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react59.Box, { ml: 1, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3587
3541
|
pagination_button_trigger_default,
|
|
3588
3542
|
{
|
|
3589
3543
|
"data-test-id": "Pagination-Button",
|
|
@@ -3591,7 +3545,7 @@ var Pagination = ({ className, current, total, onSelect }) => {
|
|
|
3591
3545
|
isDisabled: disabledNext,
|
|
3592
3546
|
onClick: () => handleSelectPage(total),
|
|
3593
3547
|
visuallyHidden: "Last Page",
|
|
3594
|
-
icon: /* @__PURE__ */ (0,
|
|
3548
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ArrowRightIcon, { width: 2 })
|
|
3595
3549
|
}
|
|
3596
3550
|
) })
|
|
3597
3551
|
] });
|
|
@@ -3604,8 +3558,8 @@ Pagination.displayName = "Pagination";
|
|
|
3604
3558
|
var pagination_default = Pagination;
|
|
3605
3559
|
|
|
3606
3560
|
// src/components/pagination/components/pagination-detail.tsx
|
|
3607
|
-
var
|
|
3608
|
-
var
|
|
3561
|
+
var import_react60 = require("@chakra-ui/react");
|
|
3562
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3609
3563
|
var PaginationDetail = ({
|
|
3610
3564
|
page,
|
|
3611
3565
|
limit,
|
|
@@ -3615,15 +3569,15 @@ var PaginationDetail = ({
|
|
|
3615
3569
|
lineHeight = 18,
|
|
3616
3570
|
...rest
|
|
3617
3571
|
}) => {
|
|
3618
|
-
return /* @__PURE__ */ (0,
|
|
3572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react60.Text, { scale: scale2, fontSize, lineHeight, ...rest, children: `${(page - 1) * limit + 1}-${limit * page < length ? limit * page : length} dari ${length} item` });
|
|
3619
3573
|
};
|
|
3620
3574
|
var pagination_detail_default = PaginationDetail;
|
|
3621
3575
|
|
|
3622
3576
|
// src/components/pagination/components/pagination-filter.tsx
|
|
3623
|
-
var
|
|
3624
|
-
var
|
|
3577
|
+
var import_react61 = require("@chakra-ui/react");
|
|
3578
|
+
var React9 = __toESM(require("react"));
|
|
3625
3579
|
var import_fi4 = require("react-icons/fi");
|
|
3626
|
-
var
|
|
3580
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3627
3581
|
var PaginationFilter = ({
|
|
3628
3582
|
limit,
|
|
3629
3583
|
label = "Baris per halaman:",
|
|
@@ -3631,11 +3585,11 @@ var PaginationFilter = ({
|
|
|
3631
3585
|
onChange,
|
|
3632
3586
|
...rest
|
|
3633
3587
|
}) => {
|
|
3634
|
-
const [value, setValue] =
|
|
3635
|
-
return /* @__PURE__ */ (0,
|
|
3636
|
-
/* @__PURE__ */ (0,
|
|
3637
|
-
/* @__PURE__ */ (0,
|
|
3638
|
-
|
|
3588
|
+
const [value, setValue] = React9.useState(limit);
|
|
3589
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react61.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [
|
|
3590
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react61.Text, { fontSize: "text.sm", lineHeight: 18, color: (0, import_react61.useColorModeValue)("neutral.900", "white"), ...rest, children: label }),
|
|
3591
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3592
|
+
import_react61.Select,
|
|
3639
3593
|
{
|
|
3640
3594
|
textAlign: "center",
|
|
3641
3595
|
size: "xs",
|
|
@@ -3643,7 +3597,7 @@ var PaginationFilter = ({
|
|
|
3643
3597
|
border: "none",
|
|
3644
3598
|
boxShadow: "none",
|
|
3645
3599
|
width: 18,
|
|
3646
|
-
icon: /* @__PURE__ */ (0,
|
|
3600
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_fi4.FiChevronDown, {}),
|
|
3647
3601
|
_focusVisible: { boxShadow: "none" },
|
|
3648
3602
|
onChange: (e) => {
|
|
3649
3603
|
const numberValue = Number(e.target.value);
|
|
@@ -3652,7 +3606,7 @@ var PaginationFilter = ({
|
|
|
3652
3606
|
},
|
|
3653
3607
|
value,
|
|
3654
3608
|
children: items.map((item) => {
|
|
3655
|
-
return /* @__PURE__ */ (0,
|
|
3609
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("option", { value: item, children: item }, item);
|
|
3656
3610
|
})
|
|
3657
3611
|
}
|
|
3658
3612
|
)
|
|
@@ -3664,17 +3618,23 @@ PaginationFilter.defaultProps = {
|
|
|
3664
3618
|
};
|
|
3665
3619
|
var pagination_filter_default = PaginationFilter;
|
|
3666
3620
|
|
|
3621
|
+
// src/components/pin-input/index.ts
|
|
3622
|
+
var import_react62 = require("@chakra-ui/react");
|
|
3623
|
+
|
|
3667
3624
|
// src/components/popover/index.ts
|
|
3668
|
-
var
|
|
3625
|
+
var import_react63 = require("@chakra-ui/react");
|
|
3626
|
+
|
|
3627
|
+
// src/components/progress/index.ts
|
|
3628
|
+
var import_react64 = require("@chakra-ui/react");
|
|
3669
3629
|
|
|
3670
3630
|
// src/components/radio/components/radio.tsx
|
|
3671
|
-
var
|
|
3672
|
-
var
|
|
3631
|
+
var import_react65 = require("@chakra-ui/react");
|
|
3632
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3673
3633
|
var Radio = ({ isError = false, helpText, errorText, children, isDisabled, ...rest }) => {
|
|
3674
3634
|
const variant = isError ? "errors" : "unstyled";
|
|
3675
|
-
return /* @__PURE__ */ (0,
|
|
3676
|
-
/* @__PURE__ */ (0,
|
|
3677
|
-
isError && errorText ? /* @__PURE__ */ (0,
|
|
3635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react65.Box, { children: [
|
|
3636
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Box, { display: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Radio, { variant, ...rest, isDisabled, children: children && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Text, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children }) }) }),
|
|
3637
|
+
isError && errorText ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Box, { mt: "2", ml: "6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Text, { as: "span", display: "block", textStyle: "text.xs", color: "danger.500", children: errorText }) }) : helpText ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Box, { mt: "2", ml: "6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Text, { as: "span", display: "block", textStyle: "text.xs", color: "black.medium", children: helpText }) }) : null
|
|
3678
3638
|
] });
|
|
3679
3639
|
};
|
|
3680
3640
|
Radio.displayName = "Radio";
|
|
@@ -3685,8 +3645,8 @@ Radio.defaultProps = {
|
|
|
3685
3645
|
};
|
|
3686
3646
|
|
|
3687
3647
|
// src/components/radio/components/radio-group.tsx
|
|
3688
|
-
var
|
|
3689
|
-
var
|
|
3648
|
+
var import_react66 = require("@chakra-ui/react");
|
|
3649
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3690
3650
|
var RadioGroup = ({
|
|
3691
3651
|
children,
|
|
3692
3652
|
label,
|
|
@@ -3695,7 +3655,7 @@ var RadioGroup = ({
|
|
|
3695
3655
|
errorMessage,
|
|
3696
3656
|
...props
|
|
3697
3657
|
}) => {
|
|
3698
|
-
return /* @__PURE__ */ (0,
|
|
3658
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(field_default, { ...props, label, leftHelperText: helpText, isError, errorMessage, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Box, { mt: "2", mb: "1", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.RadioGroup, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Stack, { spacing: [1, "16px"], direction: ["column", "row"], children }) }) }) });
|
|
3699
3659
|
};
|
|
3700
3660
|
RadioGroup.displayName = "RadioGroup";
|
|
3701
3661
|
RadioGroup.defaultProps = {
|
|
@@ -3705,14 +3665,14 @@ RadioGroup.defaultProps = {
|
|
|
3705
3665
|
};
|
|
3706
3666
|
|
|
3707
3667
|
// src/components/radio/index.ts
|
|
3708
|
-
var
|
|
3668
|
+
var import_react67 = require("@chakra-ui/react");
|
|
3709
3669
|
|
|
3710
3670
|
// src/components/rating/components/rating.tsx
|
|
3711
|
-
var
|
|
3671
|
+
var import_react68 = require("@chakra-ui/react");
|
|
3712
3672
|
var import_internal_icon7 = require("@ctlyst.id/internal-icon");
|
|
3713
|
-
var
|
|
3673
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
3714
3674
|
var Rating = ({ value }) => {
|
|
3715
|
-
return /* @__PURE__ */ (0,
|
|
3675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react68.Grid, { gap: "4px", display: "flex", children: [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_internal_icon7.Rating, { color: i < value ? "#FFA230" : "#E0E0E0", size: 24 })) });
|
|
3716
3676
|
};
|
|
3717
3677
|
var rating_default = Rating;
|
|
3718
3678
|
|
|
@@ -3721,16 +3681,16 @@ var import_system7 = require("@chakra-ui/system");
|
|
|
3721
3681
|
var import_react_select = __toESM(require("react-select"));
|
|
3722
3682
|
|
|
3723
3683
|
// src/config/theme/foundations/shadows.ts
|
|
3724
|
-
var
|
|
3684
|
+
var import_react69 = require("@chakra-ui/react");
|
|
3725
3685
|
var shadows = {
|
|
3726
|
-
...
|
|
3686
|
+
...import_react69.theme.shadows,
|
|
3727
3687
|
raised: "0px 4px 20px rgba(0, 0, 0, 0.05)"
|
|
3728
3688
|
};
|
|
3729
3689
|
|
|
3730
3690
|
// src/config/theme/foundations/sizes.ts
|
|
3731
|
-
var
|
|
3691
|
+
var import_react70 = require("@chakra-ui/react");
|
|
3732
3692
|
var sizes = {
|
|
3733
|
-
...
|
|
3693
|
+
...import_react70.theme.sizes,
|
|
3734
3694
|
4.5: "1.125rem",
|
|
3735
3695
|
9.5: "2.375rem",
|
|
3736
3696
|
18: "4.5rem",
|
|
@@ -3740,9 +3700,9 @@ var sizes = {
|
|
|
3740
3700
|
};
|
|
3741
3701
|
|
|
3742
3702
|
// src/config/theme/foundations/spacing.ts
|
|
3743
|
-
var
|
|
3703
|
+
var import_react71 = require("@chakra-ui/react");
|
|
3744
3704
|
var spacing = {
|
|
3745
|
-
...
|
|
3705
|
+
...import_react71.theme.space,
|
|
3746
3706
|
4.5: "1.125rem",
|
|
3747
3707
|
9.5: "2.375rem",
|
|
3748
3708
|
18: "4.5rem",
|
|
@@ -4068,14 +4028,14 @@ var themeSelect = (theme5) => {
|
|
|
4068
4028
|
};
|
|
4069
4029
|
|
|
4070
4030
|
// src/components/select/components/select.tsx
|
|
4071
|
-
var
|
|
4031
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4072
4032
|
function Select2({
|
|
4073
4033
|
styles,
|
|
4074
4034
|
isError = false,
|
|
4075
4035
|
...rest
|
|
4076
4036
|
}) {
|
|
4077
4037
|
const { colorMode } = (0, import_system7.useColorMode)();
|
|
4078
|
-
return /* @__PURE__ */ (0,
|
|
4038
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4079
4039
|
import_react_select.default,
|
|
4080
4040
|
{
|
|
4081
4041
|
classNamePrefix: "react-select",
|
|
@@ -4090,14 +4050,14 @@ var select_default = Select2;
|
|
|
4090
4050
|
// src/components/select/components/select-async.tsx
|
|
4091
4051
|
var import_system8 = require("@chakra-ui/system");
|
|
4092
4052
|
var import_react_select_async_paginate = require("react-select-async-paginate");
|
|
4093
|
-
var
|
|
4053
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4094
4054
|
function SelectAsync({
|
|
4095
4055
|
styles,
|
|
4096
4056
|
isError = false,
|
|
4097
4057
|
...rest
|
|
4098
4058
|
}) {
|
|
4099
4059
|
const { colorMode } = (0, import_system8.useColorMode)();
|
|
4100
|
-
return /* @__PURE__ */ (0,
|
|
4060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4101
4061
|
import_react_select_async_paginate.AsyncPaginate,
|
|
4102
4062
|
{
|
|
4103
4063
|
classNamePrefix: "react-select",
|
|
@@ -4112,10 +4072,10 @@ var select_async_default = SelectAsync;
|
|
|
4112
4072
|
// src/components/select/components/select-async-creatable.tsx
|
|
4113
4073
|
var import_system9 = require("@chakra-ui/system");
|
|
4114
4074
|
var import_async_creatable = __toESM(require("react-select/async-creatable"));
|
|
4115
|
-
var
|
|
4075
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4116
4076
|
function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
|
|
4117
4077
|
const { colorMode } = (0, import_system9.useColorMode)();
|
|
4118
|
-
return /* @__PURE__ */ (0,
|
|
4078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
4119
4079
|
import_async_creatable.default,
|
|
4120
4080
|
{
|
|
4121
4081
|
classNamePrefix: "react-select",
|
|
@@ -4129,10 +4089,10 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
|
|
|
4129
4089
|
// src/components/select/components/select-creatable.tsx
|
|
4130
4090
|
var import_system10 = require("@chakra-ui/system");
|
|
4131
4091
|
var import_creatable = __toESM(require("react-select/creatable"));
|
|
4132
|
-
var
|
|
4092
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4133
4093
|
function SelectCreatable({ styles, isError = false, ...rest }) {
|
|
4134
4094
|
const { colorMode } = (0, import_system10.useColorMode)();
|
|
4135
|
-
return /* @__PURE__ */ (0,
|
|
4095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4136
4096
|
import_creatable.default,
|
|
4137
4097
|
{
|
|
4138
4098
|
classNamePrefix: "react-select",
|
|
@@ -4144,10 +4104,10 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
|
|
|
4144
4104
|
}
|
|
4145
4105
|
|
|
4146
4106
|
// src/components/select/components/select-with-checkbox.tsx
|
|
4147
|
-
var
|
|
4107
|
+
var import_react72 = require("@chakra-ui/react");
|
|
4148
4108
|
var import_system11 = require("@chakra-ui/system");
|
|
4149
4109
|
var import_react_select2 = __toESM(require("react-select"));
|
|
4150
|
-
var
|
|
4110
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
4151
4111
|
var CHECKBOX_STATE = {
|
|
4152
4112
|
UNCHECKED: 0,
|
|
4153
4113
|
INDETERMINATE: 1,
|
|
@@ -4194,8 +4154,8 @@ var InputOption = ({
|
|
|
4194
4154
|
onClick: isDisabled ? void 0 : innerProps.onClick,
|
|
4195
4155
|
style
|
|
4196
4156
|
};
|
|
4197
|
-
return /* @__PURE__ */ (0,
|
|
4198
|
-
/* @__PURE__ */ (0,
|
|
4157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
|
|
4158
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4199
4159
|
import_react_select2.components.Option,
|
|
4200
4160
|
{
|
|
4201
4161
|
isMulti: true,
|
|
@@ -4206,8 +4166,8 @@ var InputOption = ({
|
|
|
4206
4166
|
getStyles,
|
|
4207
4167
|
innerProps: props,
|
|
4208
4168
|
...rest,
|
|
4209
|
-
children: /* @__PURE__ */ (0,
|
|
4210
|
-
|
|
4169
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
4170
|
+
import_react72.Flex,
|
|
4211
4171
|
{
|
|
4212
4172
|
alignItems: "center",
|
|
4213
4173
|
width: "100%",
|
|
@@ -4216,22 +4176,22 @@ var InputOption = ({
|
|
|
4216
4176
|
"data-test-id": "CT_component_select-checkbox_options",
|
|
4217
4177
|
cursor: isDisabled ? "not-allowed" : "default",
|
|
4218
4178
|
children: [
|
|
4219
|
-
(data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0,
|
|
4220
|
-
|
|
4179
|
+
(data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4180
|
+
import_react72.Checkbox,
|
|
4221
4181
|
{
|
|
4222
4182
|
isChecked: checkedState === CHECKBOX_STATE.CHECKED,
|
|
4223
4183
|
isIndeterminate: checkedState === CHECKBOX_STATE.INDETERMINATE,
|
|
4224
4184
|
isDisabled,
|
|
4225
4185
|
"data-test-id": "CT_component_select-checkbox_select-all-option"
|
|
4226
4186
|
}
|
|
4227
|
-
) : /* @__PURE__ */ (0,
|
|
4228
|
-
/* @__PURE__ */ (0,
|
|
4187
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react72.Checkbox, { isChecked: isSelected, "data-test-id": "CT_component_select-checkbox_option-checkbox" }),
|
|
4188
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react72.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
|
|
4229
4189
|
]
|
|
4230
4190
|
}
|
|
4231
4191
|
)
|
|
4232
4192
|
}
|
|
4233
4193
|
),
|
|
4234
|
-
(data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0,
|
|
4194
|
+
(data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("hr", {}) : null
|
|
4235
4195
|
] });
|
|
4236
4196
|
};
|
|
4237
4197
|
var SelectWithCheckboxBase = ({
|
|
@@ -4241,7 +4201,7 @@ var SelectWithCheckboxBase = ({
|
|
|
4241
4201
|
...rest
|
|
4242
4202
|
}) => {
|
|
4243
4203
|
const { colorMode } = (0, import_system11.useColorMode)();
|
|
4244
|
-
return /* @__PURE__ */ (0,
|
|
4204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4245
4205
|
import_react_select2.default,
|
|
4246
4206
|
{
|
|
4247
4207
|
classNamePrefix: "react-select",
|
|
@@ -4260,7 +4220,7 @@ var SelectWithCheckboxBase = ({
|
|
|
4260
4220
|
var SelectCheckbox = (props) => {
|
|
4261
4221
|
const { isMulti, options, value, ...rest } = props;
|
|
4262
4222
|
const selectValue = value || [];
|
|
4263
|
-
return /* @__PURE__ */ (0,
|
|
4223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4264
4224
|
SelectWithCheckboxBase,
|
|
4265
4225
|
{
|
|
4266
4226
|
isMulti,
|
|
@@ -4271,7 +4231,7 @@ var SelectCheckbox = (props) => {
|
|
|
4271
4231
|
const optionLength = (options == null ? void 0 : options.length) ? options.length - 1 : 0;
|
|
4272
4232
|
const selectedValue = isSelected ? CHECKBOX_STATE.CHECKED : CHECKBOX_STATE.UNCHECKED;
|
|
4273
4233
|
const checkedState = data.selectAllCheckbox ? getSelectAllCheckboxState(selectValue == null ? void 0 : selectValue.length, optionLength) : selectedValue;
|
|
4274
|
-
return /* @__PURE__ */ (0,
|
|
4234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(InputOption, { ...optionProps, checkedState });
|
|
4275
4235
|
}
|
|
4276
4236
|
},
|
|
4277
4237
|
...rest
|
|
@@ -4281,20 +4241,20 @@ var SelectCheckbox = (props) => {
|
|
|
4281
4241
|
var select_with_checkbox_default = SelectCheckbox;
|
|
4282
4242
|
|
|
4283
4243
|
// src/components/sidebar/components/sidebar.tsx
|
|
4284
|
-
var
|
|
4244
|
+
var import_react106 = require("@chakra-ui/react");
|
|
4285
4245
|
|
|
4286
4246
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/dom/motion.mjs
|
|
4287
4247
|
var import_tslib39 = require("tslib");
|
|
4288
4248
|
|
|
4289
4249
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/index.mjs
|
|
4290
4250
|
var import_tslib4 = require("tslib");
|
|
4291
|
-
var
|
|
4292
|
-
var
|
|
4251
|
+
var React11 = __toESM(require("react"), 1);
|
|
4252
|
+
var import_react88 = require("react");
|
|
4293
4253
|
|
|
4294
4254
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/use-features.mjs
|
|
4295
4255
|
var import_tslib = require("tslib");
|
|
4296
|
-
var
|
|
4297
|
-
var
|
|
4256
|
+
var React10 = __toESM(require("react"), 1);
|
|
4257
|
+
var import_react74 = require("react");
|
|
4298
4258
|
|
|
4299
4259
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/process.mjs
|
|
4300
4260
|
var defaultEnvironment = "production";
|
|
@@ -4370,15 +4330,15 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
4370
4330
|
}
|
|
4371
4331
|
|
|
4372
4332
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/LazyContext.mjs
|
|
4373
|
-
var
|
|
4374
|
-
var LazyContext = (0,
|
|
4333
|
+
var import_react73 = require("react");
|
|
4334
|
+
var LazyContext = (0, import_react73.createContext)({ strict: false });
|
|
4375
4335
|
|
|
4376
4336
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/use-features.mjs
|
|
4377
4337
|
var featureNames = Object.keys(featureDefinitions);
|
|
4378
4338
|
var numFeatures = featureNames.length;
|
|
4379
4339
|
function useFeatures(props, visualElement2, preloadedFeatures) {
|
|
4380
4340
|
var features = [];
|
|
4381
|
-
var lazyContext = (0,
|
|
4341
|
+
var lazyContext = (0, import_react74.useContext)(LazyContext);
|
|
4382
4342
|
if (!visualElement2)
|
|
4383
4343
|
return null;
|
|
4384
4344
|
if (env !== "production" && preloadedFeatures && lazyContext.strict) {
|
|
@@ -4388,15 +4348,15 @@ function useFeatures(props, visualElement2, preloadedFeatures) {
|
|
|
4388
4348
|
var name_1 = featureNames[i];
|
|
4389
4349
|
var _a = featureDefinitions[name_1], isEnabled = _a.isEnabled, Component = _a.Component;
|
|
4390
4350
|
if (isEnabled(props) && Component) {
|
|
4391
|
-
features.push(
|
|
4351
|
+
features.push(React10.createElement(Component, (0, import_tslib.__assign)({ key: name_1 }, props, { visualElement: visualElement2 })));
|
|
4392
4352
|
}
|
|
4393
4353
|
}
|
|
4394
4354
|
return features;
|
|
4395
4355
|
}
|
|
4396
4356
|
|
|
4397
4357
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs
|
|
4398
|
-
var
|
|
4399
|
-
var MotionConfigContext = (0,
|
|
4358
|
+
var import_react75 = require("react");
|
|
4359
|
+
var MotionConfigContext = (0, import_react75.createContext)({
|
|
4400
4360
|
transformPagePoint: function(p) {
|
|
4401
4361
|
return p;
|
|
4402
4362
|
},
|
|
@@ -4405,31 +4365,31 @@ var MotionConfigContext = (0, import_react81.createContext)({
|
|
|
4405
4365
|
});
|
|
4406
4366
|
|
|
4407
4367
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/MotionContext/index.mjs
|
|
4408
|
-
var
|
|
4409
|
-
var MotionContext = (0,
|
|
4368
|
+
var import_react76 = require("react");
|
|
4369
|
+
var MotionContext = (0, import_react76.createContext)({});
|
|
4410
4370
|
function useVisualElementContext() {
|
|
4411
|
-
return (0,
|
|
4371
|
+
return (0, import_react76.useContext)(MotionContext).visualElement;
|
|
4412
4372
|
}
|
|
4413
4373
|
|
|
4414
4374
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
|
|
4415
|
-
var
|
|
4375
|
+
var import_react80 = require("react");
|
|
4416
4376
|
|
|
4417
4377
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/PresenceContext.mjs
|
|
4418
|
-
var
|
|
4419
|
-
var PresenceContext = (0,
|
|
4378
|
+
var import_react77 = require("react");
|
|
4379
|
+
var PresenceContext = (0, import_react77.createContext)(null);
|
|
4420
4380
|
|
|
4421
4381
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
|
|
4422
|
-
var
|
|
4382
|
+
var import_react78 = require("react");
|
|
4423
4383
|
|
|
4424
4384
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/is-browser.mjs
|
|
4425
4385
|
var isBrowser = typeof document !== "undefined";
|
|
4426
4386
|
|
|
4427
4387
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
|
|
4428
|
-
var useIsomorphicLayoutEffect = isBrowser ?
|
|
4388
|
+
var useIsomorphicLayoutEffect = isBrowser ? import_react78.useLayoutEffect : import_react78.useEffect;
|
|
4429
4389
|
|
|
4430
4390
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-reduced-motion.mjs
|
|
4431
4391
|
var import_tslib2 = require("tslib");
|
|
4432
|
-
var
|
|
4392
|
+
var import_react79 = require("react");
|
|
4433
4393
|
var prefersReducedMotion = { current: null };
|
|
4434
4394
|
var hasDetected = false;
|
|
4435
4395
|
function initPrefersReducedMotion() {
|
|
@@ -4449,12 +4409,12 @@ function initPrefersReducedMotion() {
|
|
|
4449
4409
|
}
|
|
4450
4410
|
function useReducedMotion() {
|
|
4451
4411
|
!hasDetected && initPrefersReducedMotion();
|
|
4452
|
-
var _a = (0, import_tslib2.__read)((0,
|
|
4412
|
+
var _a = (0, import_tslib2.__read)((0, import_react79.useState)(prefersReducedMotion.current), 1), shouldReduceMotion = _a[0];
|
|
4453
4413
|
return shouldReduceMotion;
|
|
4454
4414
|
}
|
|
4455
4415
|
function useReducedMotionConfig() {
|
|
4456
4416
|
var reducedMotionPreference = useReducedMotion();
|
|
4457
|
-
var reducedMotion = (0,
|
|
4417
|
+
var reducedMotion = (0, import_react79.useContext)(MotionConfigContext).reducedMotion;
|
|
4458
4418
|
if (reducedMotion === "never") {
|
|
4459
4419
|
return false;
|
|
4460
4420
|
} else if (reducedMotion === "always") {
|
|
@@ -4466,11 +4426,11 @@ function useReducedMotionConfig() {
|
|
|
4466
4426
|
|
|
4467
4427
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
|
|
4468
4428
|
function useVisualElement(Component, visualState, props, createVisualElement) {
|
|
4469
|
-
var lazyContext = (0,
|
|
4429
|
+
var lazyContext = (0, import_react80.useContext)(LazyContext);
|
|
4470
4430
|
var parent = useVisualElementContext();
|
|
4471
|
-
var presenceContext = (0,
|
|
4431
|
+
var presenceContext = (0, import_react80.useContext)(PresenceContext);
|
|
4472
4432
|
var shouldReduceMotion = useReducedMotionConfig();
|
|
4473
|
-
var visualElementRef = (0,
|
|
4433
|
+
var visualElementRef = (0, import_react80.useRef)(void 0);
|
|
4474
4434
|
if (!createVisualElement)
|
|
4475
4435
|
createVisualElement = lazyContext.renderer;
|
|
4476
4436
|
if (!visualElementRef.current && createVisualElement) {
|
|
@@ -4487,7 +4447,7 @@ function useVisualElement(Component, visualState, props, createVisualElement) {
|
|
|
4487
4447
|
useIsomorphicLayoutEffect(function() {
|
|
4488
4448
|
visualElement2 === null || visualElement2 === void 0 ? void 0 : visualElement2.syncRender();
|
|
4489
4449
|
});
|
|
4490
|
-
(0,
|
|
4450
|
+
(0, import_react80.useEffect)(function() {
|
|
4491
4451
|
var _a;
|
|
4492
4452
|
(_a = visualElement2 === null || visualElement2 === void 0 ? void 0 : visualElement2.animationState) === null || _a === void 0 ? void 0 : _a.animateChanges();
|
|
4493
4453
|
});
|
|
@@ -4500,7 +4460,7 @@ function useVisualElement(Component, visualState, props, createVisualElement) {
|
|
|
4500
4460
|
}
|
|
4501
4461
|
|
|
4502
4462
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs
|
|
4503
|
-
var
|
|
4463
|
+
var import_react81 = require("react");
|
|
4504
4464
|
|
|
4505
4465
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/is-ref-object.mjs
|
|
4506
4466
|
function isRefObject(ref) {
|
|
@@ -4509,7 +4469,7 @@ function isRefObject(ref) {
|
|
|
4509
4469
|
|
|
4510
4470
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs
|
|
4511
4471
|
function useMotionRef(visualState, visualElement2, externalRef) {
|
|
4512
|
-
return (0,
|
|
4472
|
+
return (0, import_react81.useCallback)(
|
|
4513
4473
|
function(instance) {
|
|
4514
4474
|
var _a;
|
|
4515
4475
|
instance && ((_a = visualState.mount) === null || _a === void 0 ? void 0 : _a.call(visualState, instance));
|
|
@@ -4534,7 +4494,7 @@ function useMotionRef(visualState, visualElement2, externalRef) {
|
|
|
4534
4494
|
}
|
|
4535
4495
|
|
|
4536
4496
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
|
|
4537
|
-
var
|
|
4497
|
+
var import_react82 = require("react");
|
|
4538
4498
|
|
|
4539
4499
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/utils/variants.mjs
|
|
4540
4500
|
function isVariantLabels(v) {
|
|
@@ -4602,8 +4562,8 @@ function getCurrentTreeVariants(props, context) {
|
|
|
4602
4562
|
|
|
4603
4563
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
|
|
4604
4564
|
function useCreateMotionContext(props) {
|
|
4605
|
-
var _a = getCurrentTreeVariants(props, (0,
|
|
4606
|
-
return (0,
|
|
4565
|
+
var _a = getCurrentTreeVariants(props, (0, import_react82.useContext)(MotionContext)), initial = _a.initial, animate3 = _a.animate;
|
|
4566
|
+
return (0, import_react82.useMemo)(function() {
|
|
4607
4567
|
return { initial, animate: animate3 };
|
|
4608
4568
|
}, [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate3)]);
|
|
4609
4569
|
}
|
|
@@ -4612,9 +4572,9 @@ function variantLabelsAsDependency(prop) {
|
|
|
4612
4572
|
}
|
|
4613
4573
|
|
|
4614
4574
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-constant.mjs
|
|
4615
|
-
var
|
|
4575
|
+
var import_react83 = require("react");
|
|
4616
4576
|
function useConstant(init) {
|
|
4617
|
-
var ref = (0,
|
|
4577
|
+
var ref = (0, import_react83.useRef)(null);
|
|
4618
4578
|
if (ref.current === null) {
|
|
4619
4579
|
ref.current = init();
|
|
4620
4580
|
}
|
|
@@ -4646,21 +4606,21 @@ function useProjectionId() {
|
|
|
4646
4606
|
}
|
|
4647
4607
|
|
|
4648
4608
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs
|
|
4649
|
-
var
|
|
4650
|
-
var LayoutGroupContext = (0,
|
|
4609
|
+
var import_react84 = require("react");
|
|
4610
|
+
var LayoutGroupContext = (0, import_react84.createContext)({});
|
|
4651
4611
|
|
|
4652
4612
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/use-projection.mjs
|
|
4653
|
-
var
|
|
4613
|
+
var import_react86 = require("react");
|
|
4654
4614
|
|
|
4655
4615
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs
|
|
4656
|
-
var
|
|
4657
|
-
var SwitchLayoutGroupContext = (0,
|
|
4616
|
+
var import_react85 = require("react");
|
|
4617
|
+
var SwitchLayoutGroupContext = (0, import_react85.createContext)({});
|
|
4658
4618
|
|
|
4659
4619
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/use-projection.mjs
|
|
4660
4620
|
function useProjection(projectionId, _a, visualElement2, ProjectionNodeConstructor) {
|
|
4661
4621
|
var _b;
|
|
4662
4622
|
var layoutId = _a.layoutId, layout = _a.layout, drag2 = _a.drag, dragConstraints = _a.dragConstraints, layoutScroll = _a.layoutScroll;
|
|
4663
|
-
var initialPromotionConfig = (0,
|
|
4623
|
+
var initialPromotionConfig = (0, import_react86.useContext)(SwitchLayoutGroupContext);
|
|
4664
4624
|
if (!ProjectionNodeConstructor || !visualElement2 || (visualElement2 === null || visualElement2 === void 0 ? void 0 : visualElement2.projection)) {
|
|
4665
4625
|
return;
|
|
4666
4626
|
}
|
|
@@ -4688,7 +4648,7 @@ function useProjection(projectionId, _a, visualElement2, ProjectionNodeConstruct
|
|
|
4688
4648
|
|
|
4689
4649
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/VisualElementHandler.mjs
|
|
4690
4650
|
var import_tslib3 = require("tslib");
|
|
4691
|
-
var
|
|
4651
|
+
var import_react87 = __toESM(require("react"), 1);
|
|
4692
4652
|
var VisualElementHandler = (
|
|
4693
4653
|
/** @class */
|
|
4694
4654
|
function(_super) {
|
|
@@ -4711,7 +4671,7 @@ var VisualElementHandler = (
|
|
|
4711
4671
|
return this.props.children;
|
|
4712
4672
|
};
|
|
4713
4673
|
return VisualElementHandler2;
|
|
4714
|
-
}(
|
|
4674
|
+
}(import_react87.default.Component)
|
|
4715
4675
|
);
|
|
4716
4676
|
|
|
4717
4677
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/index.mjs
|
|
@@ -4721,7 +4681,7 @@ function createMotionComponent(_a) {
|
|
|
4721
4681
|
function MotionComponent(props, externalRef) {
|
|
4722
4682
|
var layoutId = useLayoutId(props);
|
|
4723
4683
|
props = (0, import_tslib4.__assign)((0, import_tslib4.__assign)({}, props), { layoutId });
|
|
4724
|
-
var config2 = (0,
|
|
4684
|
+
var config2 = (0, import_react88.useContext)(MotionConfigContext);
|
|
4725
4685
|
var features = null;
|
|
4726
4686
|
var context = useCreateMotionContext(props);
|
|
4727
4687
|
var projectionId = config2.isStatic ? void 0 : useProjectionId();
|
|
@@ -4731,19 +4691,19 @@ function createMotionComponent(_a) {
|
|
|
4731
4691
|
useProjection(projectionId, props, context.visualElement, projectionNodeConstructor || featureDefinitions.projectionNodeConstructor);
|
|
4732
4692
|
features = useFeatures(props, context.visualElement, preloadedFeatures);
|
|
4733
4693
|
}
|
|
4734
|
-
return
|
|
4694
|
+
return React11.createElement(
|
|
4735
4695
|
VisualElementHandler,
|
|
4736
4696
|
{ visualElement: context.visualElement, props: (0, import_tslib4.__assign)((0, import_tslib4.__assign)({}, config2), props) },
|
|
4737
4697
|
features,
|
|
4738
|
-
|
|
4698
|
+
React11.createElement(MotionContext.Provider, { value: context }, useRender(Component, props, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config2.isStatic, context.visualElement))
|
|
4739
4699
|
);
|
|
4740
4700
|
}
|
|
4741
|
-
return (0,
|
|
4701
|
+
return (0, import_react88.forwardRef)(MotionComponent);
|
|
4742
4702
|
}
|
|
4743
4703
|
function useLayoutId(_a) {
|
|
4744
4704
|
var _b;
|
|
4745
4705
|
var layoutId = _a.layoutId;
|
|
4746
|
-
var layoutGroupId = (_b = (0,
|
|
4706
|
+
var layoutGroupId = (_b = (0, import_react88.useContext)(LayoutGroupContext)) === null || _b === void 0 ? void 0 : _b.id;
|
|
4747
4707
|
return layoutGroupId && layoutId !== void 0 ? layoutGroupId + "-" + layoutId : layoutId;
|
|
4748
4708
|
}
|
|
4749
4709
|
|
|
@@ -4835,11 +4795,11 @@ function isSVGComponent(Component) {
|
|
|
4835
4795
|
|
|
4836
4796
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/dom/use-render.mjs
|
|
4837
4797
|
var import_tslib10 = require("tslib");
|
|
4838
|
-
var
|
|
4798
|
+
var import_react91 = require("react");
|
|
4839
4799
|
|
|
4840
4800
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/html/use-props.mjs
|
|
4841
4801
|
var import_tslib6 = require("tslib");
|
|
4842
|
-
var
|
|
4802
|
+
var import_react89 = require("react");
|
|
4843
4803
|
|
|
4844
4804
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs
|
|
4845
4805
|
var scaleCorrectors = {};
|
|
@@ -5247,7 +5207,7 @@ function copyRawValuesOnly(target, source, props) {
|
|
|
5247
5207
|
}
|
|
5248
5208
|
function useInitialMotionValues(_a, visualState, isStatic) {
|
|
5249
5209
|
var transformTemplate = _a.transformTemplate;
|
|
5250
|
-
return (0,
|
|
5210
|
+
return (0, import_react89.useMemo)(function() {
|
|
5251
5211
|
var state = createHtmlRenderState();
|
|
5252
5212
|
buildHTMLStyles(state, visualState, { enableHardwareAcceleration: !isStatic }, transformTemplate);
|
|
5253
5213
|
var vars = state.vars, style = state.style;
|
|
@@ -5367,7 +5327,7 @@ function filterProps(props, isDom, forwardMotionProps) {
|
|
|
5367
5327
|
|
|
5368
5328
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/svg/use-props.mjs
|
|
5369
5329
|
var import_tslib9 = require("tslib");
|
|
5370
|
-
var
|
|
5330
|
+
var import_react90 = require("react");
|
|
5371
5331
|
|
|
5372
5332
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.mjs
|
|
5373
5333
|
var import_tslib7 = require("tslib");
|
|
@@ -5441,7 +5401,7 @@ var createSvgRenderState = function() {
|
|
|
5441
5401
|
|
|
5442
5402
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/svg/use-props.mjs
|
|
5443
5403
|
function useSVGProps(props, visualState) {
|
|
5444
|
-
var visualProps = (0,
|
|
5404
|
+
var visualProps = (0, import_react90.useMemo)(function() {
|
|
5445
5405
|
var state = createSvgRenderState();
|
|
5446
5406
|
buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, props.transformTemplate);
|
|
5447
5407
|
return (0, import_tslib9.__assign)((0, import_tslib9.__assign)({}, state.attrs), { style: (0, import_tslib9.__assign)({}, state.style) });
|
|
@@ -5468,7 +5428,7 @@ function createUseRender(forwardMotionProps) {
|
|
|
5468
5428
|
if (projectionId) {
|
|
5469
5429
|
elementProps["data-projection-id"] = projectionId;
|
|
5470
5430
|
}
|
|
5471
|
-
return (0,
|
|
5431
|
+
return (0, import_react91.createElement)(Component, elementProps);
|
|
5472
5432
|
};
|
|
5473
5433
|
return useRender;
|
|
5474
5434
|
}
|
|
@@ -5547,7 +5507,7 @@ function scrapeMotionValuesFromProps2(props) {
|
|
|
5547
5507
|
|
|
5548
5508
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-visual-state.mjs
|
|
5549
5509
|
var import_tslib11 = require("tslib");
|
|
5550
|
-
var
|
|
5510
|
+
var import_react92 = require("react");
|
|
5551
5511
|
|
|
5552
5512
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/animation/utils/is-animation-controls.mjs
|
|
5553
5513
|
function isAnimationControls(v) {
|
|
@@ -5589,8 +5549,8 @@ function makeState(_a, props, context, presenceContext) {
|
|
|
5589
5549
|
}
|
|
5590
5550
|
var makeUseVisualState = function(config2) {
|
|
5591
5551
|
return function(props, isStatic) {
|
|
5592
|
-
var context = (0,
|
|
5593
|
-
var presenceContext = (0,
|
|
5552
|
+
var context = (0, import_react92.useContext)(MotionContext);
|
|
5553
|
+
var presenceContext = (0, import_react92.useContext)(PresenceContext);
|
|
5594
5554
|
return isStatic ? makeState(config2, props, context, presenceContext) : useConstant(function() {
|
|
5595
5555
|
return makeState(config2, props, context, presenceContext);
|
|
5596
5556
|
});
|
|
@@ -5689,7 +5649,7 @@ var AnimationType;
|
|
|
5689
5649
|
})(AnimationType || (AnimationType = {}));
|
|
5690
5650
|
|
|
5691
5651
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/events/use-dom-event.mjs
|
|
5692
|
-
var
|
|
5652
|
+
var import_react93 = require("react");
|
|
5693
5653
|
function addDomEvent(target, eventName, handler, options) {
|
|
5694
5654
|
if (options === void 0) {
|
|
5695
5655
|
options = { passive: true };
|
|
@@ -5700,7 +5660,7 @@ function addDomEvent(target, eventName, handler, options) {
|
|
|
5700
5660
|
};
|
|
5701
5661
|
}
|
|
5702
5662
|
function useDomEvent(ref, eventName, handler, options) {
|
|
5703
|
-
(0,
|
|
5663
|
+
(0, import_react93.useEffect)(function() {
|
|
5704
5664
|
var element = ref.current;
|
|
5705
5665
|
if (handler && element) {
|
|
5706
5666
|
return addDomEvent(element, eventName, handler, options);
|
|
@@ -5893,7 +5853,7 @@ function useHoverGesture(_a) {
|
|
|
5893
5853
|
}
|
|
5894
5854
|
|
|
5895
5855
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/use-tap-gesture.mjs
|
|
5896
|
-
var
|
|
5856
|
+
var import_react95 = require("react");
|
|
5897
5857
|
|
|
5898
5858
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs
|
|
5899
5859
|
var isNodeOrChild = function(parent, child) {
|
|
@@ -5907,9 +5867,9 @@ var isNodeOrChild = function(parent, child) {
|
|
|
5907
5867
|
};
|
|
5908
5868
|
|
|
5909
5869
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-unmount-effect.mjs
|
|
5910
|
-
var
|
|
5870
|
+
var import_react94 = require("react");
|
|
5911
5871
|
function useUnmountEffect(callback) {
|
|
5912
|
-
return (0,
|
|
5872
|
+
return (0, import_react94.useEffect)(function() {
|
|
5913
5873
|
return function() {
|
|
5914
5874
|
return callback();
|
|
5915
5875
|
};
|
|
@@ -6785,8 +6745,8 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
|
6785
6745
|
function useTapGesture(_a) {
|
|
6786
6746
|
var onTap = _a.onTap, onTapStart = _a.onTapStart, onTapCancel = _a.onTapCancel, whileTap = _a.whileTap, visualElement2 = _a.visualElement;
|
|
6787
6747
|
var hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
|
|
6788
|
-
var isPressing = (0,
|
|
6789
|
-
var cancelPointerEndListeners = (0,
|
|
6748
|
+
var isPressing = (0, import_react95.useRef)(false);
|
|
6749
|
+
var cancelPointerEndListeners = (0, import_react95.useRef)(null);
|
|
6790
6750
|
var eventOptions = {
|
|
6791
6751
|
passive: !(onTapStart || onTap || onTapCancel || onPointerDown)
|
|
6792
6752
|
};
|
|
@@ -6827,7 +6787,7 @@ function useTapGesture(_a) {
|
|
|
6827
6787
|
}
|
|
6828
6788
|
|
|
6829
6789
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/viewport/use-viewport.mjs
|
|
6830
|
-
var
|
|
6790
|
+
var import_react96 = require("react");
|
|
6831
6791
|
|
|
6832
6792
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/warn-once.mjs
|
|
6833
6793
|
var warned = /* @__PURE__ */ new Set();
|
|
@@ -6877,7 +6837,7 @@ function observeIntersection(element, options, callback) {
|
|
|
6877
6837
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/viewport/use-viewport.mjs
|
|
6878
6838
|
function useViewport(_a) {
|
|
6879
6839
|
var visualElement2 = _a.visualElement, whileInView = _a.whileInView, onViewportEnter = _a.onViewportEnter, onViewportLeave = _a.onViewportLeave, _b = _a.viewport, viewport = _b === void 0 ? {} : _b;
|
|
6880
|
-
var state = (0,
|
|
6840
|
+
var state = (0, import_react96.useRef)({
|
|
6881
6841
|
hasEnteredView: false,
|
|
6882
6842
|
isInView: false
|
|
6883
6843
|
});
|
|
@@ -6893,7 +6853,7 @@ var thresholdNames = {
|
|
|
6893
6853
|
};
|
|
6894
6854
|
function useIntersectionObserver(shouldObserve, state, visualElement2, _a) {
|
|
6895
6855
|
var root = _a.root, rootMargin = _a.margin, _b = _a.amount, amount = _b === void 0 ? "some" : _b, once = _a.once;
|
|
6896
|
-
(0,
|
|
6856
|
+
(0, import_react96.useEffect)(function() {
|
|
6897
6857
|
if (!shouldObserve)
|
|
6898
6858
|
return;
|
|
6899
6859
|
var options = {
|
|
@@ -6922,7 +6882,7 @@ function useIntersectionObserver(shouldObserve, state, visualElement2, _a) {
|
|
|
6922
6882
|
}
|
|
6923
6883
|
function useMissingIntersectionObserver(shouldObserve, state, visualElement2, _a) {
|
|
6924
6884
|
var _b = _a.fallback, fallback = _b === void 0 ? true : _b;
|
|
6925
|
-
(0,
|
|
6885
|
+
(0, import_react96.useEffect)(function() {
|
|
6926
6886
|
if (!shouldObserve || !fallback)
|
|
6927
6887
|
return;
|
|
6928
6888
|
if (env !== "production") {
|
|
@@ -6956,10 +6916,10 @@ var gestureAnimations = {
|
|
|
6956
6916
|
|
|
6957
6917
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/animations.mjs
|
|
6958
6918
|
var import_tslib25 = require("tslib");
|
|
6959
|
-
var
|
|
6919
|
+
var import_react98 = require("react");
|
|
6960
6920
|
|
|
6961
6921
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs
|
|
6962
|
-
var
|
|
6922
|
+
var import_react97 = require("react");
|
|
6963
6923
|
|
|
6964
6924
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-id.mjs
|
|
6965
6925
|
var counter = 0;
|
|
@@ -6972,12 +6932,12 @@ var useId = function() {
|
|
|
6972
6932
|
|
|
6973
6933
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs
|
|
6974
6934
|
function usePresence() {
|
|
6975
|
-
var context = (0,
|
|
6935
|
+
var context = (0, import_react97.useContext)(PresenceContext);
|
|
6976
6936
|
if (context === null)
|
|
6977
6937
|
return [true, null];
|
|
6978
6938
|
var isPresent = context.isPresent, onExitComplete = context.onExitComplete, register = context.register;
|
|
6979
6939
|
var id2 = useId();
|
|
6980
|
-
(0,
|
|
6940
|
+
(0, import_react97.useEffect)(function() {
|
|
6981
6941
|
return register(id2);
|
|
6982
6942
|
}, []);
|
|
6983
6943
|
var safeToRemove = function() {
|
|
@@ -7901,7 +7861,7 @@ var animations = {
|
|
|
7901
7861
|
var visualElement2 = _a.visualElement, animate3 = _a.animate;
|
|
7902
7862
|
visualElement2.animationState || (visualElement2.animationState = createAnimationState(visualElement2));
|
|
7903
7863
|
if (isAnimationControls(animate3)) {
|
|
7904
|
-
(0,
|
|
7864
|
+
(0, import_react98.useEffect)(function() {
|
|
7905
7865
|
return animate3.subscribe(visualElement2);
|
|
7906
7866
|
}, [animate3]);
|
|
7907
7867
|
}
|
|
@@ -7909,8 +7869,8 @@ var animations = {
|
|
|
7909
7869
|
exit: makeRenderlessComponent(function(props) {
|
|
7910
7870
|
var custom = props.custom, visualElement2 = props.visualElement;
|
|
7911
7871
|
var _a = (0, import_tslib25.__read)(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
|
|
7912
|
-
var presenceContext = (0,
|
|
7913
|
-
(0,
|
|
7872
|
+
var presenceContext = (0, import_react98.useContext)(PresenceContext);
|
|
7873
|
+
(0, import_react98.useEffect)(function() {
|
|
7914
7874
|
var _a2, _b;
|
|
7915
7875
|
visualElement2.isPresent = isPresent;
|
|
7916
7876
|
var animation = (_a2 = visualElement2.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Exit, !isPresent, { custom: (_b = presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.custom) !== null && _b !== void 0 ? _b : custom });
|
|
@@ -7920,7 +7880,7 @@ var animations = {
|
|
|
7920
7880
|
};
|
|
7921
7881
|
|
|
7922
7882
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/drag/use-drag.mjs
|
|
7923
|
-
var
|
|
7883
|
+
var import_react99 = require("react");
|
|
7924
7884
|
|
|
7925
7885
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs
|
|
7926
7886
|
var import_tslib29 = require("tslib");
|
|
@@ -8664,21 +8624,21 @@ function useDrag(props) {
|
|
|
8664
8624
|
var dragControls = useConstant(function() {
|
|
8665
8625
|
return new VisualElementDragControls(visualElement2);
|
|
8666
8626
|
});
|
|
8667
|
-
(0,
|
|
8627
|
+
(0, import_react99.useEffect)(function() {
|
|
8668
8628
|
return groupDragControls && groupDragControls.subscribe(dragControls);
|
|
8669
8629
|
}, [dragControls, groupDragControls]);
|
|
8670
|
-
(0,
|
|
8630
|
+
(0, import_react99.useEffect)(function() {
|
|
8671
8631
|
return dragControls.addListeners();
|
|
8672
8632
|
}, [dragControls]);
|
|
8673
8633
|
}
|
|
8674
8634
|
|
|
8675
8635
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/use-pan-gesture.mjs
|
|
8676
|
-
var
|
|
8636
|
+
var import_react100 = require("react");
|
|
8677
8637
|
function usePanGesture(_a) {
|
|
8678
8638
|
var onPan = _a.onPan, onPanStart = _a.onPanStart, onPanEnd = _a.onPanEnd, onPanSessionStart = _a.onPanSessionStart, visualElement2 = _a.visualElement;
|
|
8679
8639
|
var hasPanEvents = onPan || onPanStart || onPanEnd || onPanSessionStart;
|
|
8680
|
-
var panSession = (0,
|
|
8681
|
-
var transformPagePoint = (0,
|
|
8640
|
+
var panSession = (0, import_react100.useRef)(null);
|
|
8641
|
+
var transformPagePoint = (0, import_react100.useContext)(MotionConfigContext).transformPagePoint;
|
|
8682
8642
|
var handlers = {
|
|
8683
8643
|
onSessionStart: onPanSessionStart,
|
|
8684
8644
|
onStart: onPanStart,
|
|
@@ -8688,7 +8648,7 @@ function usePanGesture(_a) {
|
|
|
8688
8648
|
onPanEnd && onPanEnd(event, info);
|
|
8689
8649
|
}
|
|
8690
8650
|
};
|
|
8691
|
-
(0,
|
|
8651
|
+
(0, import_react100.useEffect)(function() {
|
|
8692
8652
|
if (panSession.current !== null) {
|
|
8693
8653
|
panSession.current.updateHandlers(handlers);
|
|
8694
8654
|
}
|
|
@@ -9567,7 +9527,7 @@ var createDomVisualElement = function(Component, options) {
|
|
|
9567
9527
|
|
|
9568
9528
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs
|
|
9569
9529
|
var import_tslib36 = require("tslib");
|
|
9570
|
-
var
|
|
9530
|
+
var import_react101 = __toESM(require("react"), 1);
|
|
9571
9531
|
|
|
9572
9532
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs
|
|
9573
9533
|
function pixelsToPercent(pixels, axis) {
|
|
@@ -9716,12 +9676,12 @@ var MeasureLayoutWithContext = (
|
|
|
9716
9676
|
return null;
|
|
9717
9677
|
};
|
|
9718
9678
|
return MeasureLayoutWithContext2;
|
|
9719
|
-
}(
|
|
9679
|
+
}(import_react101.default.Component)
|
|
9720
9680
|
);
|
|
9721
9681
|
function MeasureLayout(props) {
|
|
9722
9682
|
var _a = (0, import_tslib36.__read)(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
|
|
9723
|
-
var layoutGroup = (0,
|
|
9724
|
-
return
|
|
9683
|
+
var layoutGroup = (0, import_react101.useContext)(LayoutGroupContext);
|
|
9684
|
+
return import_react101.default.createElement(MeasureLayoutWithContext, (0, import_tslib36.__assign)({}, props, { layoutGroup, switchLayoutGroup: (0, import_react101.useContext)(SwitchLayoutGroupContext), isPresent, safeToRemove }));
|
|
9725
9685
|
}
|
|
9726
9686
|
var defaultScaleCorrectors = {
|
|
9727
9687
|
borderRadius: (0, import_tslib36.__assign)((0, import_tslib36.__assign)({}, correctBorderRadius), { applyTo: [
|
|
@@ -10969,17 +10929,17 @@ var motion = /* @__PURE__ */ createMotionProxy(function(Component, config2) {
|
|
|
10969
10929
|
|
|
10970
10930
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
|
|
10971
10931
|
var import_tslib42 = require("tslib");
|
|
10972
|
-
var
|
|
10973
|
-
var
|
|
10932
|
+
var React13 = __toESM(require("react"), 1);
|
|
10933
|
+
var import_react105 = require("react");
|
|
10974
10934
|
|
|
10975
10935
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-force-update.mjs
|
|
10976
10936
|
var import_tslib40 = require("tslib");
|
|
10977
|
-
var
|
|
10937
|
+
var import_react103 = require("react");
|
|
10978
10938
|
|
|
10979
10939
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-is-mounted.mjs
|
|
10980
|
-
var
|
|
10940
|
+
var import_react102 = require("react");
|
|
10981
10941
|
function useIsMounted() {
|
|
10982
|
-
var isMounted = (0,
|
|
10942
|
+
var isMounted = (0, import_react102.useRef)(false);
|
|
10983
10943
|
useIsomorphicLayoutEffect(function() {
|
|
10984
10944
|
isMounted.current = true;
|
|
10985
10945
|
return function() {
|
|
@@ -10992,11 +10952,11 @@ function useIsMounted() {
|
|
|
10992
10952
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-force-update.mjs
|
|
10993
10953
|
function useForceUpdate() {
|
|
10994
10954
|
var isMounted = useIsMounted();
|
|
10995
|
-
var _a = (0, import_tslib40.__read)((0,
|
|
10996
|
-
var forceRender = (0,
|
|
10955
|
+
var _a = (0, import_tslib40.__read)((0, import_react103.useState)(0), 2), forcedRenderCount = _a[0], setForcedRenderCount = _a[1];
|
|
10956
|
+
var forceRender = (0, import_react103.useCallback)(function() {
|
|
10997
10957
|
isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
|
|
10998
10958
|
}, [forcedRenderCount]);
|
|
10999
|
-
var deferredForceRender = (0,
|
|
10959
|
+
var deferredForceRender = (0, import_react103.useCallback)(function() {
|
|
11000
10960
|
return es_default.postRender(forceRender);
|
|
11001
10961
|
}, [forceRender]);
|
|
11002
10962
|
return [deferredForceRender, forcedRenderCount];
|
|
@@ -11004,13 +10964,13 @@ function useForceUpdate() {
|
|
|
11004
10964
|
|
|
11005
10965
|
// ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
|
|
11006
10966
|
var import_tslib41 = require("tslib");
|
|
11007
|
-
var
|
|
11008
|
-
var
|
|
10967
|
+
var React12 = __toESM(require("react"), 1);
|
|
10968
|
+
var import_react104 = require("react");
|
|
11009
10969
|
var PresenceChild = function(_a) {
|
|
11010
10970
|
var children = _a.children, initial = _a.initial, isPresent = _a.isPresent, onExitComplete = _a.onExitComplete, custom = _a.custom, presenceAffectsLayout = _a.presenceAffectsLayout;
|
|
11011
10971
|
var presenceChildren = useConstant(newChildrenMap);
|
|
11012
10972
|
var id2 = useId();
|
|
11013
|
-
var context = (0,
|
|
10973
|
+
var context = (0, import_react104.useMemo)(
|
|
11014
10974
|
function() {
|
|
11015
10975
|
return {
|
|
11016
10976
|
id: id2,
|
|
@@ -11052,15 +11012,15 @@ var PresenceChild = function(_a) {
|
|
|
11052
11012
|
*/
|
|
11053
11013
|
presenceAffectsLayout ? void 0 : [isPresent]
|
|
11054
11014
|
);
|
|
11055
|
-
(0,
|
|
11015
|
+
(0, import_react104.useMemo)(function() {
|
|
11056
11016
|
presenceChildren.forEach(function(_, key) {
|
|
11057
11017
|
return presenceChildren.set(key, false);
|
|
11058
11018
|
});
|
|
11059
11019
|
}, [isPresent]);
|
|
11060
|
-
|
|
11020
|
+
React12.useEffect(function() {
|
|
11061
11021
|
!isPresent && !presenceChildren.size && (onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete());
|
|
11062
11022
|
}, [isPresent]);
|
|
11063
|
-
return
|
|
11023
|
+
return React12.createElement(PresenceContext.Provider, { value: context }, children);
|
|
11064
11024
|
};
|
|
11065
11025
|
function newChildrenMap() {
|
|
11066
11026
|
return /* @__PURE__ */ new Map();
|
|
@@ -11078,8 +11038,8 @@ function updateChildLookup(children, allChildren) {
|
|
|
11078
11038
|
}
|
|
11079
11039
|
function onlyElements(children) {
|
|
11080
11040
|
var filtered = [];
|
|
11081
|
-
|
|
11082
|
-
if ((0,
|
|
11041
|
+
import_react105.Children.forEach(children, function(child) {
|
|
11042
|
+
if ((0, import_react105.isValidElement)(child))
|
|
11083
11043
|
filtered.push(child);
|
|
11084
11044
|
});
|
|
11085
11045
|
return filtered;
|
|
@@ -11087,16 +11047,16 @@ function onlyElements(children) {
|
|
|
11087
11047
|
var AnimatePresence = function(_a) {
|
|
11088
11048
|
var children = _a.children, custom = _a.custom, _b = _a.initial, initial = _b === void 0 ? true : _b, onExitComplete = _a.onExitComplete, exitBeforeEnter = _a.exitBeforeEnter, _c = _a.presenceAffectsLayout, presenceAffectsLayout = _c === void 0 ? true : _c;
|
|
11089
11049
|
var _d = (0, import_tslib42.__read)(useForceUpdate(), 1), forceRender = _d[0];
|
|
11090
|
-
var forceRenderLayoutGroup = (0,
|
|
11050
|
+
var forceRenderLayoutGroup = (0, import_react105.useContext)(LayoutGroupContext).forceRender;
|
|
11091
11051
|
if (forceRenderLayoutGroup)
|
|
11092
11052
|
forceRender = forceRenderLayoutGroup;
|
|
11093
11053
|
var isMounted = useIsMounted();
|
|
11094
11054
|
var filteredChildren = onlyElements(children);
|
|
11095
11055
|
var childrenToRender = filteredChildren;
|
|
11096
11056
|
var exiting = /* @__PURE__ */ new Set();
|
|
11097
|
-
var presentChildren = (0,
|
|
11098
|
-
var allChildren = (0,
|
|
11099
|
-
var isInitialRender = (0,
|
|
11057
|
+
var presentChildren = (0, import_react105.useRef)(childrenToRender);
|
|
11058
|
+
var allChildren = (0, import_react105.useRef)(/* @__PURE__ */ new Map()).current;
|
|
11059
|
+
var isInitialRender = (0, import_react105.useRef)(true);
|
|
11100
11060
|
useIsomorphicLayoutEffect(function() {
|
|
11101
11061
|
isInitialRender.current = false;
|
|
11102
11062
|
updateChildLookup(filteredChildren, allChildren);
|
|
@@ -11108,8 +11068,8 @@ var AnimatePresence = function(_a) {
|
|
|
11108
11068
|
exiting.clear();
|
|
11109
11069
|
});
|
|
11110
11070
|
if (isInitialRender.current) {
|
|
11111
|
-
return
|
|
11112
|
-
return
|
|
11071
|
+
return React13.createElement(React13.Fragment, null, childrenToRender.map(function(child) {
|
|
11072
|
+
return React13.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? void 0 : false, presenceAffectsLayout }, child);
|
|
11113
11073
|
}));
|
|
11114
11074
|
}
|
|
11115
11075
|
childrenToRender = (0, import_tslib42.__spreadArray)([], (0, import_tslib42.__read)(childrenToRender), false);
|
|
@@ -11147,35 +11107,36 @@ var AnimatePresence = function(_a) {
|
|
|
11147
11107
|
onExitComplete && onExitComplete();
|
|
11148
11108
|
}
|
|
11149
11109
|
};
|
|
11150
|
-
childrenToRender.splice(insertionIndex, 0,
|
|
11110
|
+
childrenToRender.splice(insertionIndex, 0, React13.createElement(PresenceChild, { key: getChildKey(child), isPresent: false, onExitComplete: onExit, custom, presenceAffectsLayout }, child));
|
|
11151
11111
|
});
|
|
11152
11112
|
childrenToRender = childrenToRender.map(function(child) {
|
|
11153
11113
|
var key2 = child.key;
|
|
11154
|
-
return exiting.has(key2) ? child :
|
|
11114
|
+
return exiting.has(key2) ? child : React13.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout }, child);
|
|
11155
11115
|
});
|
|
11156
11116
|
if (env !== "production" && exitBeforeEnter && childrenToRender.length > 1) {
|
|
11157
11117
|
console.warn("You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.");
|
|
11158
11118
|
}
|
|
11159
|
-
return
|
|
11160
|
-
return (0,
|
|
11119
|
+
return React13.createElement(React13.Fragment, null, exiting.size ? childrenToRender : childrenToRender.map(function(child) {
|
|
11120
|
+
return (0, import_react105.cloneElement)(child);
|
|
11161
11121
|
}));
|
|
11162
11122
|
};
|
|
11163
11123
|
|
|
11164
11124
|
// src/components/sidebar/components/sidebar.tsx
|
|
11165
|
-
var
|
|
11125
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
11166
11126
|
var Sidebar = ({ isCollapse, children, ...props }) => {
|
|
11167
|
-
|
|
11168
|
-
|
|
11127
|
+
const { width = "220px" } = props;
|
|
11128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
11129
|
+
import_react106.Flex,
|
|
11169
11130
|
{
|
|
11170
11131
|
position: "relative",
|
|
11171
11132
|
as: motion.div,
|
|
11172
|
-
w:
|
|
11133
|
+
w: width,
|
|
11173
11134
|
bg: "pureWhite",
|
|
11174
11135
|
h: props.h,
|
|
11175
11136
|
flexDirection: "column",
|
|
11176
11137
|
overflow: "hidden",
|
|
11177
11138
|
shadow: "raised",
|
|
11178
|
-
animate: { width: isCollapse ? "62px" :
|
|
11139
|
+
animate: { width: isCollapse ? "62px" : width },
|
|
11179
11140
|
transition: "10ms linear",
|
|
11180
11141
|
...props,
|
|
11181
11142
|
children
|
|
@@ -11185,12 +11146,12 @@ var Sidebar = ({ isCollapse, children, ...props }) => {
|
|
|
11185
11146
|
Sidebar.displayName = "Sidebar";
|
|
11186
11147
|
|
|
11187
11148
|
// src/components/sidebar/components/sidebar-header.tsx
|
|
11188
|
-
var
|
|
11149
|
+
var import_react107 = require("@chakra-ui/react");
|
|
11189
11150
|
var import_internal_icon8 = require("@ctlyst.id/internal-icon");
|
|
11190
|
-
var
|
|
11151
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
11191
11152
|
var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
11192
|
-
return /* @__PURE__ */ (0,
|
|
11193
|
-
|
|
11153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
11154
|
+
import_react107.Box,
|
|
11194
11155
|
{
|
|
11195
11156
|
px: "2",
|
|
11196
11157
|
color: "neutral.900",
|
|
@@ -11199,8 +11160,8 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
|
11199
11160
|
_hover: {
|
|
11200
11161
|
color: "primary.500"
|
|
11201
11162
|
},
|
|
11202
|
-
children: /* @__PURE__ */ (0,
|
|
11203
|
-
|
|
11163
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
11164
|
+
import_react107.Flex,
|
|
11204
11165
|
{
|
|
11205
11166
|
"data-test-id": "nLkz69YipW818FioeAxVI",
|
|
11206
11167
|
direction: "row",
|
|
@@ -11209,8 +11170,8 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
|
11209
11170
|
onClick: () => setCollapse(!isCollapse),
|
|
11210
11171
|
cursor: "pointer",
|
|
11211
11172
|
children: [
|
|
11212
|
-
/* @__PURE__ */ (0,
|
|
11213
|
-
|
|
11173
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
11174
|
+
import_react107.Box,
|
|
11214
11175
|
{
|
|
11215
11176
|
as: motion.div,
|
|
11216
11177
|
boxSize: "4",
|
|
@@ -11218,11 +11179,11 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
|
11218
11179
|
transition: "ease-in-out",
|
|
11219
11180
|
transitionDuration: "1ms",
|
|
11220
11181
|
"aria-label": "toggle sidebar",
|
|
11221
|
-
children: /* @__PURE__ */ (0,
|
|
11182
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_internal_icon8.ArrowRight, { size: 4, color: "inherit" })
|
|
11222
11183
|
}
|
|
11223
11184
|
),
|
|
11224
|
-
/* @__PURE__ */ (0,
|
|
11225
|
-
|
|
11185
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AnimatePresence, { children: !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react107.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
11186
|
+
import_react107.Text,
|
|
11226
11187
|
{
|
|
11227
11188
|
as: motion.div,
|
|
11228
11189
|
w: "max-content",
|
|
@@ -11232,6 +11193,7 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
|
|
|
11232
11193
|
animate: { opacity: 1, x: 0 },
|
|
11233
11194
|
exit: { opacity: 0, x: 16 },
|
|
11234
11195
|
transition: "10ms linear",
|
|
11196
|
+
userSelect: "none",
|
|
11235
11197
|
children: title
|
|
11236
11198
|
}
|
|
11237
11199
|
) }) })
|
|
@@ -11247,29 +11209,29 @@ SidebarHeader.defaultProps = {
|
|
|
11247
11209
|
};
|
|
11248
11210
|
|
|
11249
11211
|
// src/components/sidebar/components/sidebar-menu.tsx
|
|
11250
|
-
var
|
|
11212
|
+
var import_react108 = require("@chakra-ui/react");
|
|
11251
11213
|
var Icon7 = __toESM(require("@ctlyst.id/internal-icon"));
|
|
11252
|
-
var
|
|
11214
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
11253
11215
|
var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, setActive, active }) => {
|
|
11254
|
-
return /* @__PURE__ */ (0,
|
|
11216
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { as: motion.div, animate: { padding: isCollapse ? "8px 16px" : "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Accordion, { index: menu.findIndex((item) => item.children.some((child) => child.navLink === active)), children: menu.map((item) => {
|
|
11255
11217
|
const isActive = active == null ? void 0 : active.includes(item.navLink);
|
|
11256
|
-
return /* @__PURE__ */ (0,
|
|
11218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.AccordionItem, { mt: "4", children: ({ isExpanded }) => {
|
|
11257
11219
|
const isOpenOptions = isCollapse || !isCollapse && !isExpanded;
|
|
11258
11220
|
const noChild = !item.children.length;
|
|
11259
11221
|
const offsetStyle = isCollapse ? noChild ? [-5, 16] : [-1, 16] : [-1, 8];
|
|
11260
|
-
return /* @__PURE__ */ (0,
|
|
11261
|
-
/* @__PURE__ */ (0,
|
|
11222
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
|
|
11223
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Popover, { trigger: "hover", placement: "right-start", offset: offsetStyle, children: ({ isOpen, onClose }) => {
|
|
11262
11224
|
const activeOption = isOpen ? "primary.50" : "white";
|
|
11263
11225
|
const backgroundColor = isOpen && !isActive ? "primary.50" : "primary.100";
|
|
11264
11226
|
const activeParent = isActive ? backgroundColor : activeOption;
|
|
11265
|
-
return /* @__PURE__ */ (0,
|
|
11266
|
-
/* @__PURE__ */ (0,
|
|
11267
|
-
|
|
11227
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
|
|
11228
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
11229
|
+
import_react108.AccordionButton,
|
|
11268
11230
|
{
|
|
11269
11231
|
"data-test-id": `CTA_button-accordion-${item.title}`,
|
|
11270
11232
|
p: "0",
|
|
11271
11233
|
h: "fit-content",
|
|
11272
|
-
children: /* @__PURE__ */ (0,
|
|
11234
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
11273
11235
|
NavItem,
|
|
11274
11236
|
{
|
|
11275
11237
|
as: motion.div,
|
|
@@ -11281,9 +11243,9 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
11281
11243
|
position: "relative",
|
|
11282
11244
|
...itemStyles,
|
|
11283
11245
|
children: [
|
|
11284
|
-
mappingIcon2 && /* @__PURE__ */ (0,
|
|
11285
|
-
!isCollapse && /* @__PURE__ */ (0,
|
|
11286
|
-
|
|
11246
|
+
mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
|
|
11247
|
+
!isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
11248
|
+
import_react108.Box,
|
|
11287
11249
|
{
|
|
11288
11250
|
display: "flex",
|
|
11289
11251
|
w: "full",
|
|
@@ -11296,15 +11258,15 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
11296
11258
|
animate: { opacity: 1, x: 0 },
|
|
11297
11259
|
exit: { opacity: 0, x: 16 },
|
|
11298
11260
|
children: [
|
|
11299
|
-
/* @__PURE__ */ (0,
|
|
11300
|
-
!!item.children.length && /* @__PURE__ */ (0,
|
|
11301
|
-
|
|
11261
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { h: "3.5", position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) }),
|
|
11262
|
+
!!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
11263
|
+
import_react108.Box,
|
|
11302
11264
|
{
|
|
11303
11265
|
display: "flex",
|
|
11304
11266
|
boxSize: "3",
|
|
11305
11267
|
as: motion.div,
|
|
11306
11268
|
animate: { transform: isExpanded ? "rotate(-180deg)" : "rotate(0)" },
|
|
11307
|
-
children: /* @__PURE__ */ (0,
|
|
11269
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon7.ChevronDown, { size: 3 })
|
|
11308
11270
|
}
|
|
11309
11271
|
)
|
|
11310
11272
|
]
|
|
@@ -11317,12 +11279,12 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
11317
11279
|
},
|
|
11318
11280
|
item.id
|
|
11319
11281
|
) }, item.id),
|
|
11320
|
-
isOpenOptions && /* @__PURE__ */ (0,
|
|
11321
|
-
/* @__PURE__ */ (0,
|
|
11282
|
+
isOpenOptions && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Portal, { children: item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react108.PopoverContent, { w: "176px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: [
|
|
11283
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverHeader, { borderColor: "neutral.300", textStyle: "text.xs", p: "2", children: mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react108.Box, { display: "flex", alignItems: "center", children: [
|
|
11322
11284
|
mappingIcon2.get(item.icon || ""),
|
|
11323
|
-
/* @__PURE__ */ (0,
|
|
11285
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { as: "span", ml: "2", children: item.title })
|
|
11324
11286
|
] }) }),
|
|
11325
|
-
!!item.children.length && /* @__PURE__ */ (0,
|
|
11287
|
+
!!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverBody, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
11326
11288
|
NavItem,
|
|
11327
11289
|
{
|
|
11328
11290
|
"data-test-id": `CTA_Sidebar-popover-item-${submenu.id}`,
|
|
@@ -11338,7 +11300,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
11338
11300
|
},
|
|
11339
11301
|
submenu.id
|
|
11340
11302
|
)) })
|
|
11341
|
-
] }) : isCollapse && /* @__PURE__ */ (0,
|
|
11303
|
+
] }) : isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverContent, { w: "174px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
11342
11304
|
NavItem,
|
|
11343
11305
|
{
|
|
11344
11306
|
"data-test-id": `CTA_Sidebar-popover-item-${item.id}`,
|
|
@@ -11351,15 +11313,15 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
|
|
|
11351
11313
|
rounded: "none",
|
|
11352
11314
|
...itemStyles,
|
|
11353
11315
|
children: [
|
|
11354
|
-
mappingIcon2 && /* @__PURE__ */ (0,
|
|
11355
|
-
/* @__PURE__ */ (0,
|
|
11316
|
+
mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
|
|
11317
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) })
|
|
11356
11318
|
]
|
|
11357
11319
|
},
|
|
11358
11320
|
item.id
|
|
11359
11321
|
) }) }) })
|
|
11360
11322
|
] });
|
|
11361
11323
|
} }, item.id),
|
|
11362
|
-
!isCollapse && /* @__PURE__ */ (0,
|
|
11324
|
+
!isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
11363
11325
|
NavItem,
|
|
11364
11326
|
{
|
|
11365
11327
|
mt: "1",
|
|
@@ -11383,16 +11345,16 @@ SidebarMenu.defaultProps = {
|
|
|
11383
11345
|
};
|
|
11384
11346
|
|
|
11385
11347
|
// src/components/switch/components/switch.tsx
|
|
11386
|
-
var
|
|
11348
|
+
var import_react109 = require("@chakra-ui/react");
|
|
11387
11349
|
var import_shared_utils10 = require("@chakra-ui/shared-utils");
|
|
11388
11350
|
var import_internal_icon9 = require("@ctlyst.id/internal-icon");
|
|
11389
|
-
var
|
|
11390
|
-
var
|
|
11391
|
-
var Switch = (0,
|
|
11392
|
-
const styles = (0,
|
|
11393
|
-
const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0,
|
|
11394
|
-
const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0,
|
|
11395
|
-
const containerStyles = (0,
|
|
11351
|
+
var import_react110 = require("react");
|
|
11352
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
11353
|
+
var Switch = (0, import_react109.forwardRef)(function Switch2(props, ref) {
|
|
11354
|
+
const styles = (0, import_react109.useMultiStyleConfig)("Switch", props);
|
|
11355
|
+
const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react109.omitThemingProps)(props);
|
|
11356
|
+
const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react109.useCheckbox)(ownProps);
|
|
11357
|
+
const containerStyles = (0, import_react110.useMemo)(
|
|
11396
11358
|
() => ({
|
|
11397
11359
|
display: "inline-block",
|
|
11398
11360
|
position: "relative",
|
|
@@ -11402,7 +11364,7 @@ var Switch = (0, import_react115.forwardRef)(function Switch2(props, ref) {
|
|
|
11402
11364
|
}),
|
|
11403
11365
|
[styles.container]
|
|
11404
11366
|
);
|
|
11405
|
-
const trackStyles = (0,
|
|
11367
|
+
const trackStyles = (0, import_react110.useMemo)(
|
|
11406
11368
|
() => ({
|
|
11407
11369
|
display: "inline-flex",
|
|
11408
11370
|
flexShrink: 0,
|
|
@@ -11414,7 +11376,7 @@ var Switch = (0, import_react115.forwardRef)(function Switch2(props, ref) {
|
|
|
11414
11376
|
}),
|
|
11415
11377
|
[styles.track]
|
|
11416
11378
|
);
|
|
11417
|
-
const labelStyles = (0,
|
|
11379
|
+
const labelStyles = (0, import_react110.useMemo)(
|
|
11418
11380
|
() => ({
|
|
11419
11381
|
userSelect: "none",
|
|
11420
11382
|
marginStart: spacing2,
|
|
@@ -11430,8 +11392,8 @@ var Switch = (0, import_react115.forwardRef)(function Switch2(props, ref) {
|
|
|
11430
11392
|
};
|
|
11431
11393
|
return iconSize[value];
|
|
11432
11394
|
};
|
|
11433
|
-
return /* @__PURE__ */ (0,
|
|
11434
|
-
|
|
11395
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
11396
|
+
import_react109.chakra.label,
|
|
11435
11397
|
{
|
|
11436
11398
|
...getRootProps(),
|
|
11437
11399
|
display: "flex",
|
|
@@ -11439,14 +11401,14 @@ var Switch = (0, import_react115.forwardRef)(function Switch2(props, ref) {
|
|
|
11439
11401
|
className: (0, import_shared_utils10.cx)("chakra-switch", props.className),
|
|
11440
11402
|
__css: containerStyles,
|
|
11441
11403
|
children: [
|
|
11442
|
-
/* @__PURE__ */ (0,
|
|
11443
|
-
/* @__PURE__ */ (0,
|
|
11444
|
-
/* @__PURE__ */ (0,
|
|
11445
|
-
/* @__PURE__ */ (0,
|
|
11446
|
-
/* @__PURE__ */ (0,
|
|
11404
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
|
|
11405
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react109.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
|
|
11406
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react109.Flex, { gap: 1, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
|
|
11407
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_internal_icon9.Check, { color: "white", size: getIconSize(props.size) }),
|
|
11408
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_internal_icon9.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
|
|
11447
11409
|
] }),
|
|
11448
|
-
/* @__PURE__ */ (0,
|
|
11449
|
-
|
|
11410
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
11411
|
+
import_react109.chakra.span,
|
|
11450
11412
|
{
|
|
11451
11413
|
__css: styles.thumb,
|
|
11452
11414
|
className: "chakra-switch__thumb",
|
|
@@ -11455,8 +11417,8 @@ var Switch = (0, import_react115.forwardRef)(function Switch2(props, ref) {
|
|
|
11455
11417
|
}
|
|
11456
11418
|
)
|
|
11457
11419
|
] }),
|
|
11458
|
-
children && /* @__PURE__ */ (0,
|
|
11459
|
-
|
|
11420
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
11421
|
+
import_react109.chakra.span,
|
|
11460
11422
|
{
|
|
11461
11423
|
className: "chakra-switch__label",
|
|
11462
11424
|
color: state.isDisabled ? "black.low" : "black.high",
|
|
@@ -11476,18 +11438,18 @@ Switch.defaultProps = {
|
|
|
11476
11438
|
var switch_default = Switch;
|
|
11477
11439
|
|
|
11478
11440
|
// src/components/table/index.tsx
|
|
11479
|
-
var
|
|
11441
|
+
var import_react111 = require("@chakra-ui/react");
|
|
11480
11442
|
|
|
11481
11443
|
// src/components/tabs/components/tab.tsx
|
|
11482
|
-
var
|
|
11483
|
-
var
|
|
11484
|
-
var Tab = (0,
|
|
11444
|
+
var import_react112 = require("@chakra-ui/react");
|
|
11445
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
11446
|
+
var Tab = (0, import_react112.forwardRef)((props, ref) => {
|
|
11485
11447
|
var _a, _b;
|
|
11486
|
-
const tabProps = (0,
|
|
11448
|
+
const tabProps = (0, import_react112.useTab)({ ...props, ref });
|
|
11487
11449
|
const isSelected = !!tabProps["aria-selected"];
|
|
11488
|
-
const styles = (0,
|
|
11489
|
-
return /* @__PURE__ */ (0,
|
|
11490
|
-
|
|
11450
|
+
const styles = (0, import_react112.useMultiStyleConfig)("Tabs", tabProps);
|
|
11451
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
11452
|
+
import_react112.Button,
|
|
11491
11453
|
{
|
|
11492
11454
|
"data-test-id": props["data-test-id"],
|
|
11493
11455
|
p: 4,
|
|
@@ -11512,7 +11474,7 @@ var Tab = (0, import_react118.forwardRef)((props, ref) => {
|
|
|
11512
11474
|
},
|
|
11513
11475
|
__css: styles.tab,
|
|
11514
11476
|
...tabProps,
|
|
11515
|
-
children: /* @__PURE__ */ (0,
|
|
11477
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react112.Flex, { alignItems: "center", children: [
|
|
11516
11478
|
(_a = props.leftAddon) == null ? void 0 : _a.call(props, { isSelected }),
|
|
11517
11479
|
tabProps.children,
|
|
11518
11480
|
(_b = props.rightAddon) == null ? void 0 : _b.call(props, { isSelected })
|
|
@@ -11523,21 +11485,21 @@ var Tab = (0, import_react118.forwardRef)((props, ref) => {
|
|
|
11523
11485
|
var tab_default = Tab;
|
|
11524
11486
|
|
|
11525
11487
|
// src/components/tabs/index.ts
|
|
11526
|
-
var
|
|
11488
|
+
var import_react113 = require("@chakra-ui/react");
|
|
11527
11489
|
|
|
11528
11490
|
// src/components/text/index.ts
|
|
11529
|
-
var
|
|
11491
|
+
var import_react114 = require("@chakra-ui/react");
|
|
11530
11492
|
|
|
11531
11493
|
// src/components/toast/components/toast.tsx
|
|
11532
|
-
var
|
|
11494
|
+
var import_react116 = require("@chakra-ui/react");
|
|
11533
11495
|
var import_react_toastify = require("react-toastify");
|
|
11534
11496
|
|
|
11535
11497
|
// src/components/toast/components/styles.tsx
|
|
11536
|
-
var
|
|
11537
|
-
var
|
|
11498
|
+
var import_react115 = require("@emotion/react");
|
|
11499
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
11538
11500
|
var Styles2 = () => {
|
|
11539
|
-
return /* @__PURE__ */ (0,
|
|
11540
|
-
|
|
11501
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
11502
|
+
import_react115.Global,
|
|
11541
11503
|
{
|
|
11542
11504
|
styles: `
|
|
11543
11505
|
.Toastify__toast-container {
|
|
@@ -11568,7 +11530,7 @@ var Styles2 = () => {
|
|
|
11568
11530
|
var styles_default2 = Styles2;
|
|
11569
11531
|
|
|
11570
11532
|
// src/components/toast/components/toast.tsx
|
|
11571
|
-
var
|
|
11533
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
11572
11534
|
var DEFAULT_OPTIONS = {
|
|
11573
11535
|
position: "top-right",
|
|
11574
11536
|
autoClose: 5e3,
|
|
@@ -11590,7 +11552,7 @@ var renderIcon = (icon, type) => {
|
|
|
11590
11552
|
return icon;
|
|
11591
11553
|
};
|
|
11592
11554
|
var useToast = () => {
|
|
11593
|
-
const [primary500, neutral500, info500, danger500, warning500, success500] = (0,
|
|
11555
|
+
const [primary500, neutral500, info500, danger500, warning500, success500] = (0, import_react116.useToken)("colors", [
|
|
11594
11556
|
"primary.500",
|
|
11595
11557
|
"neutral.500",
|
|
11596
11558
|
"info.500",
|
|
@@ -11599,15 +11561,15 @@ var useToast = () => {
|
|
|
11599
11561
|
"success.500"
|
|
11600
11562
|
]);
|
|
11601
11563
|
const content = (icon, message, link) => {
|
|
11602
|
-
return /* @__PURE__ */ (0,
|
|
11603
|
-
/* @__PURE__ */ (0,
|
|
11604
|
-
/* @__PURE__ */ (0,
|
|
11605
|
-
/* @__PURE__ */ (0,
|
|
11606
|
-
icon && /* @__PURE__ */ (0,
|
|
11607
|
-
/* @__PURE__ */ (0,
|
|
11564
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
11565
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(styles_default2, {}),
|
|
11566
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react116.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, children: [
|
|
11567
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react116.Flex, { alignItems: "center", children: [
|
|
11568
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react116.chakra.span, { mr: 2, w: 4, h: 4, children: renderIcon(icon, "default") }),
|
|
11569
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react116.chakra.span, { noOfLines: 2, children: message })
|
|
11608
11570
|
] }),
|
|
11609
|
-
link && /* @__PURE__ */ (0,
|
|
11610
|
-
|
|
11571
|
+
link && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
11572
|
+
import_react116.Link,
|
|
11611
11573
|
{
|
|
11612
11574
|
href: link.url,
|
|
11613
11575
|
textDecoration: "underline",
|
|
@@ -11685,24 +11647,24 @@ var useToast = () => {
|
|
|
11685
11647
|
var import_react_toastify2 = require("react-toastify");
|
|
11686
11648
|
|
|
11687
11649
|
// src/components/tooltip/components/tooltip.tsx
|
|
11688
|
-
var
|
|
11689
|
-
var
|
|
11650
|
+
var import_react117 = require("@chakra-ui/react");
|
|
11651
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
11690
11652
|
var Tooltip = (props) => {
|
|
11691
11653
|
const { children, bg = "neutral.700", textStyle = "text.sm", color: color2 = "white" } = props;
|
|
11692
|
-
const content = /* @__PURE__ */ (0,
|
|
11693
|
-
props.hasArrow && /* @__PURE__ */ (0,
|
|
11694
|
-
/* @__PURE__ */ (0,
|
|
11654
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react117.PopoverContent, { border: "none", bg, textStyle, borderRadius: props.borderRadius, children: [
|
|
11655
|
+
props.hasArrow && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.PopoverArrow, { color: color2, bg }),
|
|
11656
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.PopoverBody, { color: color2, ...props, children: props.label })
|
|
11695
11657
|
] });
|
|
11696
|
-
return props.isInteractive === true ? /* @__PURE__ */ (0,
|
|
11697
|
-
/* @__PURE__ */ (0,
|
|
11698
|
-
props.portal ? /* @__PURE__ */ (0,
|
|
11699
|
-
] }) : /* @__PURE__ */ (0,
|
|
11658
|
+
return props.isInteractive === true ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react117.Popover, { trigger: "hover", placement: props.placement, children: [
|
|
11659
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.PopoverTrigger, { children }),
|
|
11660
|
+
props.portal ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.Portal, { children: content }) : content
|
|
11661
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.Tooltip, { ...props, children });
|
|
11700
11662
|
};
|
|
11701
11663
|
|
|
11702
11664
|
// src/components/uploader/components/uploader.tsx
|
|
11703
|
-
var
|
|
11665
|
+
var import_react118 = require("@chakra-ui/react");
|
|
11704
11666
|
var import_internal_icon10 = require("@ctlyst.id/internal-icon");
|
|
11705
|
-
var
|
|
11667
|
+
var import_react119 = require("react");
|
|
11706
11668
|
var import_react_dropzone = require("react-dropzone");
|
|
11707
11669
|
|
|
11708
11670
|
// src/components/uploader/constants.ts
|
|
@@ -11732,8 +11694,8 @@ var concatList = (list) => {
|
|
|
11732
11694
|
var formatValidationMessage = (extension) => `Foto harus dalam format ${concatList(extension.map((ext) => `.${ext}`))}.`;
|
|
11733
11695
|
|
|
11734
11696
|
// src/components/uploader/components/uploader.tsx
|
|
11735
|
-
var
|
|
11736
|
-
var
|
|
11697
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
11698
|
+
var import_react120 = require("react");
|
|
11737
11699
|
var Uploader = ({
|
|
11738
11700
|
onHandleUploadFile,
|
|
11739
11701
|
onHandleRejections,
|
|
@@ -11762,10 +11724,10 @@ var Uploader = ({
|
|
|
11762
11724
|
size: size2 = "lg",
|
|
11763
11725
|
...props
|
|
11764
11726
|
}) => {
|
|
11765
|
-
const inputRef = (0,
|
|
11766
|
-
const [filePreview, setFilePreview] = (0,
|
|
11727
|
+
const inputRef = (0, import_react119.useRef)(null);
|
|
11728
|
+
const [filePreview, setFilePreview] = (0, import_react119.useState)();
|
|
11767
11729
|
const toast2 = useToast();
|
|
11768
|
-
const handleRejection = (0,
|
|
11730
|
+
const handleRejection = (0, import_react119.useCallback)(
|
|
11769
11731
|
(message, file, image) => {
|
|
11770
11732
|
if (onHandleRejections) {
|
|
11771
11733
|
onHandleRejections(file, image);
|
|
@@ -11777,7 +11739,7 @@ var Uploader = ({
|
|
|
11777
11739
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11778
11740
|
[onHandleRejections]
|
|
11779
11741
|
);
|
|
11780
|
-
const onDrop = (0,
|
|
11742
|
+
const onDrop = (0, import_react119.useCallback)(
|
|
11781
11743
|
(files) => {
|
|
11782
11744
|
var _a;
|
|
11783
11745
|
const file = files[0];
|
|
@@ -11821,18 +11783,18 @@ var Uploader = ({
|
|
|
11821
11783
|
});
|
|
11822
11784
|
const renderHelperText = () => {
|
|
11823
11785
|
if (Array.isArray(helperText)) {
|
|
11824
|
-
return /* @__PURE__ */ (0,
|
|
11786
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.UnorderedList, { pl: 2, fontSize: 12, color: "gray.600", "data-test-id": "CT_component_base-image-uploader_helperText", children: helperText.map((text2) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.ListItem, { children: text2 }, text2)) });
|
|
11825
11787
|
}
|
|
11826
11788
|
return helperText;
|
|
11827
11789
|
};
|
|
11828
|
-
const renderErrorText = (text2) => /* @__PURE__ */ (0,
|
|
11790
|
+
const renderErrorText = (text2) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.Box, { mb: 2, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.Text, { textStyle: "text.xs", color: "danger.500", children: text2 }) });
|
|
11829
11791
|
const handleRemove = (e) => {
|
|
11830
11792
|
e.stopPropagation();
|
|
11831
11793
|
setFilePreview(void 0);
|
|
11832
11794
|
onHandleUploadFile == null ? void 0 : onHandleUploadFile(null, null);
|
|
11833
11795
|
acceptedFiles.pop();
|
|
11834
11796
|
};
|
|
11835
|
-
(0,
|
|
11797
|
+
(0, import_react119.useEffect)(() => {
|
|
11836
11798
|
if (value) {
|
|
11837
11799
|
if (typeof value === "string") {
|
|
11838
11800
|
setFilePreview(value);
|
|
@@ -11848,16 +11810,16 @@ var Uploader = ({
|
|
|
11848
11810
|
const color2 = isDisabled ? "neutral.500" : "primary.500";
|
|
11849
11811
|
const containerHeight = !isSmall ? "160px" : "120px";
|
|
11850
11812
|
const cursorType = filePreview ? "initial" : "pointer";
|
|
11851
|
-
return /* @__PURE__ */ (0,
|
|
11813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react118.FormControl, { isRequired, children: [
|
|
11852
11814
|
label && typeof label === "string" ? (
|
|
11853
11815
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
11854
|
-
/* @__PURE__ */ (0,
|
|
11855
|
-
isRequired && /* @__PURE__ */ (0,
|
|
11816
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react118.FormLabel, { requiredIndicator: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, {}), fontSize: "text.sm", children: [
|
|
11817
|
+
isRequired && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.RequiredIndicator, { mr: 1, ml: 0 }),
|
|
11856
11818
|
label
|
|
11857
11819
|
] })
|
|
11858
11820
|
) : label,
|
|
11859
|
-
/* @__PURE__ */ (0,
|
|
11860
|
-
|
|
11821
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
11822
|
+
import_react118.Flex,
|
|
11861
11823
|
{
|
|
11862
11824
|
minH: containerHeight,
|
|
11863
11825
|
maxW: !isSmall ? "full" : "120px",
|
|
@@ -11874,8 +11836,8 @@ var Uploader = ({
|
|
|
11874
11836
|
...props,
|
|
11875
11837
|
...getRootProps(),
|
|
11876
11838
|
children: [
|
|
11877
|
-
filePreview && isShowCloseButton && /* @__PURE__ */ (0,
|
|
11878
|
-
|
|
11839
|
+
filePreview && isShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.Box, { position: "absolute", top: 1, right: 1, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
11840
|
+
import_react118.Button,
|
|
11879
11841
|
{
|
|
11880
11842
|
"data-test-id": `CT_component_base-image-uploader_remove-image${testId ? `_${testId}` : ""}`,
|
|
11881
11843
|
"aria-label": "remove-image",
|
|
@@ -11889,18 +11851,18 @@ var Uploader = ({
|
|
|
11889
11851
|
border: "none",
|
|
11890
11852
|
zIndex: 1,
|
|
11891
11853
|
onClick: handleRemove,
|
|
11892
|
-
children: /* @__PURE__ */ (0,
|
|
11854
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_internal_icon10.Close, { size: 3, color: "white" })
|
|
11893
11855
|
}
|
|
11894
11856
|
) }),
|
|
11895
|
-
filePreview && /* @__PURE__ */ (0,
|
|
11896
|
-
|
|
11857
|
+
filePreview && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.Box, { w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
11858
|
+
import_react118.Flex,
|
|
11897
11859
|
{
|
|
11898
11860
|
position: "relative",
|
|
11899
11861
|
"data-test-id": `CT_component_base-image-uploader_image-preview${testId ? `_${testId}` : ""}`,
|
|
11900
11862
|
justify: "center",
|
|
11901
11863
|
align: "center",
|
|
11902
|
-
children: /* @__PURE__ */ (0,
|
|
11903
|
-
|
|
11864
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
11865
|
+
import_react118.Image,
|
|
11904
11866
|
{
|
|
11905
11867
|
h: size2 === "lg" ? "120" : "100",
|
|
11906
11868
|
src: filePreview,
|
|
@@ -11910,19 +11872,19 @@ var Uploader = ({
|
|
|
11910
11872
|
)
|
|
11911
11873
|
}
|
|
11912
11874
|
) }),
|
|
11913
|
-
!filePreview && /* @__PURE__ */ (0,
|
|
11914
|
-
/* @__PURE__ */ (0,
|
|
11875
|
+
!filePreview && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
|
|
11876
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
11915
11877
|
"input",
|
|
11916
11878
|
{
|
|
11917
11879
|
"data-test-id": `CT_component_base-image-uploader_input-file${testId ? `_${testId}` : ""}`,
|
|
11918
11880
|
...getInputProps()
|
|
11919
11881
|
}
|
|
11920
11882
|
),
|
|
11921
|
-
isDragActive2 ? /* @__PURE__ */ (0,
|
|
11922
|
-
size2 === "sm" && /* @__PURE__ */ (0,
|
|
11923
|
-
/* @__PURE__ */ (0,
|
|
11924
|
-
!filePreview && /* @__PURE__ */ (0,
|
|
11925
|
-
|
|
11883
|
+
isDragActive2 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react118.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color2, children: [
|
|
11884
|
+
size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_internal_icon10.Plus, { size: 6, color: color2 }),
|
|
11885
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react118.Box, { children: [
|
|
11886
|
+
!filePreview && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
11887
|
+
import_react118.Heading,
|
|
11926
11888
|
{
|
|
11927
11889
|
fontWeight: "400",
|
|
11928
11890
|
fontSize: size2 === "sm" ? "text.md" : "text.xl",
|
|
@@ -11931,15 +11893,15 @@ var Uploader = ({
|
|
|
11931
11893
|
children: uploadFileText && size2 === "lg" ? messages.uploadFile : "Upload"
|
|
11932
11894
|
}
|
|
11933
11895
|
),
|
|
11934
|
-
size2 === "lg" && /* @__PURE__ */ (0,
|
|
11896
|
+
size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react118.Text, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
|
|
11935
11897
|
] })
|
|
11936
11898
|
] })
|
|
11937
11899
|
] })
|
|
11938
11900
|
]
|
|
11939
11901
|
}
|
|
11940
11902
|
),
|
|
11941
|
-
filePreview && !isSmall && /* @__PURE__ */ (0,
|
|
11942
|
-
/* @__PURE__ */ (0,
|
|
11903
|
+
filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react118.Flex, { align: "center", justify: "center", my: 2, children: [
|
|
11904
|
+
/* @__PURE__ */ (0, import_react120.createElement)(
|
|
11943
11905
|
"input",
|
|
11944
11906
|
{
|
|
11945
11907
|
...getInputProps(),
|
|
@@ -11949,8 +11911,8 @@ var Uploader = ({
|
|
|
11949
11911
|
"data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
|
|
11950
11912
|
}
|
|
11951
11913
|
),
|
|
11952
|
-
isShowReupload && /* @__PURE__ */ (0,
|
|
11953
|
-
|
|
11914
|
+
isShowReupload && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
11915
|
+
import_react118.Button,
|
|
11954
11916
|
{
|
|
11955
11917
|
"data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
|
|
11956
11918
|
type: "button",
|
|
@@ -11971,10 +11933,10 @@ var Uploader = ({
|
|
|
11971
11933
|
var uploader_default = Uploader;
|
|
11972
11934
|
|
|
11973
11935
|
// src/components/index.ts
|
|
11974
|
-
var
|
|
11936
|
+
var import_react121 = require("@chakra-ui/react");
|
|
11975
11937
|
|
|
11976
11938
|
// src/config/theme/themeConfiguration.ts
|
|
11977
|
-
var
|
|
11939
|
+
var import_react129 = require("@chakra-ui/react");
|
|
11978
11940
|
|
|
11979
11941
|
// src/config/theme/components/index.ts
|
|
11980
11942
|
var components_exports = {};
|
|
@@ -12298,7 +12260,7 @@ var Button8 = (0, import_styled_system3.defineStyleConfig)({
|
|
|
12298
12260
|
fontSize: "text.md",
|
|
12299
12261
|
h: 9,
|
|
12300
12262
|
px: 3,
|
|
12301
|
-
py:
|
|
12263
|
+
py: 2
|
|
12302
12264
|
};
|
|
12303
12265
|
const icon = {
|
|
12304
12266
|
h: 9,
|
|
@@ -12481,6 +12443,10 @@ var Button8 = (0, import_styled_system3.defineStyleConfig)({
|
|
|
12481
12443
|
}
|
|
12482
12444
|
}
|
|
12483
12445
|
},
|
|
12446
|
+
outline: {
|
|
12447
|
+
bg: "transparent",
|
|
12448
|
+
color: "primary.500"
|
|
12449
|
+
},
|
|
12484
12450
|
icon: {
|
|
12485
12451
|
bg: "neutral.50",
|
|
12486
12452
|
minW: 0,
|
|
@@ -12527,8 +12493,8 @@ var card_default2 = CardStyle;
|
|
|
12527
12493
|
|
|
12528
12494
|
// src/config/theme/components/checkbox.ts
|
|
12529
12495
|
var import_anatomy3 = require("@chakra-ui/anatomy");
|
|
12530
|
-
var
|
|
12531
|
-
var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0,
|
|
12496
|
+
var import_react122 = require("@chakra-ui/react");
|
|
12497
|
+
var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0, import_react122.createMultiStyleConfigHelpers)(import_anatomy3.checkboxAnatomy.keys);
|
|
12532
12498
|
var baseStyle3 = definePartsStyle3({
|
|
12533
12499
|
control: {
|
|
12534
12500
|
borderRadius: "sm",
|
|
@@ -12629,8 +12595,8 @@ var checkbox_default2 = Checkbox4;
|
|
|
12629
12595
|
|
|
12630
12596
|
// src/config/theme/components/chips.ts
|
|
12631
12597
|
var import_anatomy4 = require("@chakra-ui/anatomy");
|
|
12632
|
-
var
|
|
12633
|
-
var { definePartsStyle: definePartsStyle4, defineMultiStyleConfig: defineMultiStyleConfig4 } = (0,
|
|
12598
|
+
var import_react123 = require("@chakra-ui/react");
|
|
12599
|
+
var { definePartsStyle: definePartsStyle4, defineMultiStyleConfig: defineMultiStyleConfig4 } = (0, import_react123.createMultiStyleConfigHelpers)(import_anatomy4.tagAnatomy.keys);
|
|
12634
12600
|
var baseStyle4 = definePartsStyle4({
|
|
12635
12601
|
container: {
|
|
12636
12602
|
px: 3,
|
|
@@ -12839,8 +12805,8 @@ var input_default = Input3;
|
|
|
12839
12805
|
|
|
12840
12806
|
// src/config/theme/components/loader.ts
|
|
12841
12807
|
var import_styled_system7 = require("@chakra-ui/styled-system");
|
|
12842
|
-
var
|
|
12843
|
-
var rotate = (0,
|
|
12808
|
+
var import_react124 = require("@emotion/react");
|
|
12809
|
+
var rotate = (0, import_react124.keyframes)({
|
|
12844
12810
|
"0%": {
|
|
12845
12811
|
transform: "rotate(0deg)"
|
|
12846
12812
|
},
|
|
@@ -12955,36 +12921,88 @@ var LoaderStyle = (0, import_styled_system7.defineStyleConfig)({
|
|
|
12955
12921
|
var loader_default2 = LoaderStyle;
|
|
12956
12922
|
|
|
12957
12923
|
// src/config/theme/components/modal.ts
|
|
12924
|
+
var import_anatomy6 = require("@chakra-ui/anatomy");
|
|
12958
12925
|
var import_styled_system8 = require("@chakra-ui/styled-system");
|
|
12959
|
-
var
|
|
12960
|
-
|
|
12961
|
-
|
|
12962
|
-
|
|
12963
|
-
|
|
12926
|
+
var { defineMultiStyleConfig: defineMultiStyleConfig6, definePartsStyle: definePartsStyle6 } = (0, import_styled_system8.createMultiStyleConfigHelpers)(import_anatomy6.modalAnatomy.keys);
|
|
12927
|
+
var baseStyleHeader = (0, import_styled_system8.defineStyle)({
|
|
12928
|
+
borderTopRadius: "sm",
|
|
12929
|
+
bg: "neutral.200",
|
|
12930
|
+
px: 4,
|
|
12931
|
+
py: 2,
|
|
12932
|
+
fontSize: "text.lg",
|
|
12933
|
+
fontWeight: "normal",
|
|
12934
|
+
lineHeight: 24,
|
|
12935
|
+
textStyle: "text.lg"
|
|
12936
|
+
});
|
|
12937
|
+
var baseStyleCloseButton = (0, import_styled_system8.defineStyle)({
|
|
12938
|
+
p: 1,
|
|
12939
|
+
top: 2,
|
|
12940
|
+
right: 2,
|
|
12941
|
+
bg: "white",
|
|
12942
|
+
fontSize: "9px",
|
|
12943
|
+
w: 6,
|
|
12944
|
+
h: 6,
|
|
12945
|
+
borderRadius: "sm"
|
|
12946
|
+
});
|
|
12947
|
+
var baseStyleBody = (0, import_styled_system8.defineStyle)({
|
|
12948
|
+
bg: "white",
|
|
12949
|
+
p: 4
|
|
12950
|
+
});
|
|
12951
|
+
var baseStyleFooter = (0, import_styled_system8.defineStyle)({
|
|
12952
|
+
p: 4,
|
|
12953
|
+
bg: "neutral.200",
|
|
12954
|
+
borderBottomRadius: "sm"
|
|
12955
|
+
});
|
|
12956
|
+
var baseStyle7 = definePartsStyle6({
|
|
12957
|
+
header: baseStyleHeader,
|
|
12958
|
+
closeButton: baseStyleCloseButton,
|
|
12959
|
+
body: baseStyleBody,
|
|
12960
|
+
footer: baseStyleFooter
|
|
12961
|
+
});
|
|
12962
|
+
var sizes3 = {
|
|
12963
|
+
sm: {
|
|
12964
|
+
dialog: { minW: 400 },
|
|
12965
|
+
closeButton: {
|
|
12966
|
+
size: "sm"
|
|
12967
|
+
}
|
|
12964
12968
|
},
|
|
12965
|
-
|
|
12966
|
-
|
|
12969
|
+
md: {
|
|
12970
|
+
dialog: { minW: 600 },
|
|
12971
|
+
closeButton: {
|
|
12972
|
+
size: "sm"
|
|
12973
|
+
}
|
|
12974
|
+
},
|
|
12975
|
+
lg: {
|
|
12976
|
+
dialog: { minW: 800 },
|
|
12977
|
+
closeButton: {
|
|
12978
|
+
size: "xl"
|
|
12979
|
+
}
|
|
12967
12980
|
}
|
|
12981
|
+
};
|
|
12982
|
+
var modalTheme = defineMultiStyleConfig6({
|
|
12983
|
+
baseStyle: baseStyle7,
|
|
12984
|
+
sizes: sizes3,
|
|
12985
|
+
defaultProps: { size: "md" }
|
|
12968
12986
|
});
|
|
12969
|
-
var modal_default =
|
|
12987
|
+
var modal_default = modalTheme;
|
|
12970
12988
|
|
|
12971
12989
|
// src/config/theme/components/popover.ts
|
|
12972
|
-
var
|
|
12973
|
-
var
|
|
12974
|
-
var { definePartsStyle:
|
|
12975
|
-
var
|
|
12990
|
+
var import_anatomy7 = require("@chakra-ui/anatomy");
|
|
12991
|
+
var import_react125 = require("@chakra-ui/react");
|
|
12992
|
+
var { definePartsStyle: definePartsStyle7, defineMultiStyleConfig: defineMultiStyleConfig7 } = (0, import_react125.createMultiStyleConfigHelpers)(import_anatomy7.popoverAnatomy.keys);
|
|
12993
|
+
var baseStyle8 = definePartsStyle7({
|
|
12976
12994
|
content: {
|
|
12977
12995
|
bg: "white"
|
|
12978
12996
|
}
|
|
12979
12997
|
});
|
|
12980
|
-
var popoverTheme =
|
|
12998
|
+
var popoverTheme = defineMultiStyleConfig7({ baseStyle: baseStyle8 });
|
|
12981
12999
|
var popover_default = popoverTheme;
|
|
12982
13000
|
|
|
12983
13001
|
// src/config/theme/components/radio.ts
|
|
12984
|
-
var
|
|
12985
|
-
var
|
|
12986
|
-
var { definePartsStyle:
|
|
12987
|
-
var
|
|
13002
|
+
var import_anatomy8 = require("@chakra-ui/anatomy");
|
|
13003
|
+
var import_react126 = require("@chakra-ui/react");
|
|
13004
|
+
var { definePartsStyle: definePartsStyle8, defineMultiStyleConfig: defineMultiStyleConfig8 } = (0, import_react126.createMultiStyleConfigHelpers)(import_anatomy8.radioAnatomy.keys);
|
|
13005
|
+
var baseStyle9 = definePartsStyle8({
|
|
12988
13006
|
control: {
|
|
12989
13007
|
border: "1px solid",
|
|
12990
13008
|
width: 4,
|
|
@@ -13000,7 +13018,7 @@ var baseStyle8 = definePartsStyle7({
|
|
|
13000
13018
|
}
|
|
13001
13019
|
}
|
|
13002
13020
|
});
|
|
13003
|
-
var errors2 =
|
|
13021
|
+
var errors2 = definePartsStyle8({
|
|
13004
13022
|
control: {
|
|
13005
13023
|
borderColor: "danger.500",
|
|
13006
13024
|
_checked: {
|
|
@@ -13035,7 +13053,7 @@ var errors2 = definePartsStyle7({
|
|
|
13035
13053
|
textStyle: "text.sm"
|
|
13036
13054
|
}
|
|
13037
13055
|
});
|
|
13038
|
-
var unstyled3 =
|
|
13056
|
+
var unstyled3 = definePartsStyle8({
|
|
13039
13057
|
control: {
|
|
13040
13058
|
borderColor: "neutral.600",
|
|
13041
13059
|
_checked: {
|
|
@@ -13074,8 +13092,8 @@ var variants4 = {
|
|
|
13074
13092
|
errors: errors2,
|
|
13075
13093
|
unstyled: unstyled3
|
|
13076
13094
|
};
|
|
13077
|
-
var Radio2 =
|
|
13078
|
-
baseStyle:
|
|
13095
|
+
var Radio2 = defineMultiStyleConfig8({
|
|
13096
|
+
baseStyle: baseStyle9,
|
|
13079
13097
|
variants: variants4,
|
|
13080
13098
|
defaultProps: {
|
|
13081
13099
|
variant: "unstyled"
|
|
@@ -13084,10 +13102,10 @@ var Radio2 = defineMultiStyleConfig7({
|
|
|
13084
13102
|
var radio_default = Radio2;
|
|
13085
13103
|
|
|
13086
13104
|
// src/config/theme/components/switch.ts
|
|
13087
|
-
var
|
|
13105
|
+
var import_anatomy9 = require("@chakra-ui/anatomy");
|
|
13088
13106
|
var import_styled_system9 = require("@chakra-ui/styled-system");
|
|
13089
13107
|
var import_theme_tools2 = require("@chakra-ui/theme-tools");
|
|
13090
|
-
var { defineMultiStyleConfig:
|
|
13108
|
+
var { defineMultiStyleConfig: defineMultiStyleConfig9, definePartsStyle: definePartsStyle9 } = (0, import_styled_system9.createMultiStyleConfigHelpers)(import_anatomy9.switchAnatomy.keys);
|
|
13091
13109
|
var $width = (0, import_theme_tools2.cssVar)("switch-track-width");
|
|
13092
13110
|
var $height = (0, import_theme_tools2.cssVar)("switch-track-height");
|
|
13093
13111
|
var $diff = (0, import_theme_tools2.cssVar)("switch-track-diff");
|
|
@@ -13104,7 +13122,7 @@ var baseStyleThumb = (0, import_styled_system9.defineStyle)({
|
|
|
13104
13122
|
transform: `translateX(${$translateX.reference})`
|
|
13105
13123
|
}
|
|
13106
13124
|
});
|
|
13107
|
-
var
|
|
13125
|
+
var baseStyle10 = definePartsStyle9(() => ({
|
|
13108
13126
|
container: {
|
|
13109
13127
|
[$diff.variable]: diffValue,
|
|
13110
13128
|
[$translateX.variable]: $diff.reference,
|
|
@@ -13128,8 +13146,8 @@ var baseStyle9 = definePartsStyle8(() => ({
|
|
|
13128
13146
|
},
|
|
13129
13147
|
thumb: baseStyleThumb
|
|
13130
13148
|
}));
|
|
13131
|
-
var
|
|
13132
|
-
sm:
|
|
13149
|
+
var sizes4 = {
|
|
13150
|
+
sm: definePartsStyle9({
|
|
13133
13151
|
container: {
|
|
13134
13152
|
[$width.variable]: "1.875rem",
|
|
13135
13153
|
[$height.variable]: "0.8rem"
|
|
@@ -13139,7 +13157,7 @@ var sizes3 = {
|
|
|
13139
13157
|
[$height.variable]: "0.8rem"
|
|
13140
13158
|
}
|
|
13141
13159
|
}),
|
|
13142
|
-
md:
|
|
13160
|
+
md: definePartsStyle9({
|
|
13143
13161
|
container: {
|
|
13144
13162
|
[$width.variable]: "2.375rem",
|
|
13145
13163
|
[$height.variable]: "1rem"
|
|
@@ -13149,7 +13167,7 @@ var sizes3 = {
|
|
|
13149
13167
|
[$height.variable]: "1rem"
|
|
13150
13168
|
}
|
|
13151
13169
|
}),
|
|
13152
|
-
lg:
|
|
13170
|
+
lg: definePartsStyle9({
|
|
13153
13171
|
container: {
|
|
13154
13172
|
[$width.variable]: "3.25rem",
|
|
13155
13173
|
[$height.variable]: "1.375rem"
|
|
@@ -13160,9 +13178,9 @@ var sizes3 = {
|
|
|
13160
13178
|
}
|
|
13161
13179
|
})
|
|
13162
13180
|
};
|
|
13163
|
-
var Switch3 =
|
|
13164
|
-
baseStyle:
|
|
13165
|
-
sizes:
|
|
13181
|
+
var Switch3 = defineMultiStyleConfig9({
|
|
13182
|
+
baseStyle: baseStyle10,
|
|
13183
|
+
sizes: sizes4,
|
|
13166
13184
|
defaultProps: {
|
|
13167
13185
|
size: "md"
|
|
13168
13186
|
}
|
|
@@ -13170,11 +13188,11 @@ var Switch3 = defineMultiStyleConfig8({
|
|
|
13170
13188
|
var switch_default2 = Switch3;
|
|
13171
13189
|
|
|
13172
13190
|
// src/config/theme/components/table.ts
|
|
13173
|
-
var
|
|
13191
|
+
var import_anatomy10 = require("@chakra-ui/anatomy");
|
|
13174
13192
|
var import_styled_system10 = require("@chakra-ui/styled-system");
|
|
13175
13193
|
var import_theme_tools3 = require("@chakra-ui/theme-tools");
|
|
13176
|
-
var { defineMultiStyleConfig:
|
|
13177
|
-
var
|
|
13194
|
+
var { defineMultiStyleConfig: defineMultiStyleConfig10, definePartsStyle: definePartsStyle10 } = (0, import_styled_system10.createMultiStyleConfigHelpers)(import_anatomy10.tableAnatomy.keys);
|
|
13195
|
+
var baseStyle11 = definePartsStyle10({
|
|
13178
13196
|
table: {
|
|
13179
13197
|
fontVariantNumeric: "lining-nums tabular-nums",
|
|
13180
13198
|
borderCollapse: "separate",
|
|
@@ -13243,7 +13261,7 @@ var numericStyles = (0, import_styled_system10.defineStyle)({
|
|
|
13243
13261
|
textAlign: "end"
|
|
13244
13262
|
}
|
|
13245
13263
|
});
|
|
13246
|
-
var variantSimple =
|
|
13264
|
+
var variantSimple = definePartsStyle10((props) => {
|
|
13247
13265
|
const { colorScheme: c2 } = props;
|
|
13248
13266
|
return {
|
|
13249
13267
|
th: {
|
|
@@ -13269,7 +13287,7 @@ var variantSimple = definePartsStyle9((props) => {
|
|
|
13269
13287
|
}
|
|
13270
13288
|
};
|
|
13271
13289
|
});
|
|
13272
|
-
var variantStripe =
|
|
13290
|
+
var variantStripe = definePartsStyle10((props) => {
|
|
13273
13291
|
const { colorScheme: c2 } = props;
|
|
13274
13292
|
return {
|
|
13275
13293
|
th: {
|
|
@@ -13313,8 +13331,8 @@ var variants5 = {
|
|
|
13313
13331
|
striped: variantStripe,
|
|
13314
13332
|
unstyled: (0, import_styled_system10.defineStyle)({})
|
|
13315
13333
|
};
|
|
13316
|
-
var
|
|
13317
|
-
sm:
|
|
13334
|
+
var sizes5 = {
|
|
13335
|
+
sm: definePartsStyle10({
|
|
13318
13336
|
th: {
|
|
13319
13337
|
px: "2",
|
|
13320
13338
|
py: "4",
|
|
@@ -13333,7 +13351,7 @@ var sizes4 = {
|
|
|
13333
13351
|
fontSize: "xs"
|
|
13334
13352
|
}
|
|
13335
13353
|
}),
|
|
13336
|
-
md:
|
|
13354
|
+
md: definePartsStyle10({
|
|
13337
13355
|
th: {
|
|
13338
13356
|
px: "2",
|
|
13339
13357
|
py: "4",
|
|
@@ -13351,7 +13369,7 @@ var sizes4 = {
|
|
|
13351
13369
|
fontSize: "sm"
|
|
13352
13370
|
}
|
|
13353
13371
|
}),
|
|
13354
|
-
lg:
|
|
13372
|
+
lg: definePartsStyle10({
|
|
13355
13373
|
th: {
|
|
13356
13374
|
px: "2",
|
|
13357
13375
|
py: "4",
|
|
@@ -13370,10 +13388,10 @@ var sizes4 = {
|
|
|
13370
13388
|
}
|
|
13371
13389
|
})
|
|
13372
13390
|
};
|
|
13373
|
-
var tableTheme =
|
|
13374
|
-
baseStyle:
|
|
13391
|
+
var tableTheme = defineMultiStyleConfig10({
|
|
13392
|
+
baseStyle: baseStyle11,
|
|
13375
13393
|
variants: variants5,
|
|
13376
|
-
sizes:
|
|
13394
|
+
sizes: sizes5,
|
|
13377
13395
|
defaultProps: {
|
|
13378
13396
|
variant: "simple",
|
|
13379
13397
|
size: "md",
|
|
@@ -13383,10 +13401,10 @@ var tableTheme = defineMultiStyleConfig9({
|
|
|
13383
13401
|
var table_default = tableTheme;
|
|
13384
13402
|
|
|
13385
13403
|
// src/config/theme/components/tabs.ts
|
|
13386
|
-
var
|
|
13404
|
+
var import_anatomy11 = require("@chakra-ui/anatomy");
|
|
13387
13405
|
var import_styled_system11 = require("@chakra-ui/styled-system");
|
|
13388
|
-
var { defineMultiStyleConfig:
|
|
13389
|
-
var variantLine =
|
|
13406
|
+
var { defineMultiStyleConfig: defineMultiStyleConfig11, definePartsStyle: definePartsStyle11 } = (0, import_styled_system11.createMultiStyleConfigHelpers)(import_anatomy11.tabsAnatomy.keys);
|
|
13407
|
+
var variantLine = definePartsStyle11((props) => {
|
|
13390
13408
|
const { orientation } = props;
|
|
13391
13409
|
const isVertical = orientation === "vertical";
|
|
13392
13410
|
const borderProp = isVertical ? "borderStart" : "borderBottom";
|
|
@@ -13403,12 +13421,12 @@ var variantLine = definePartsStyle10((props) => {
|
|
|
13403
13421
|
}
|
|
13404
13422
|
};
|
|
13405
13423
|
});
|
|
13406
|
-
var variantUnstyled =
|
|
13424
|
+
var variantUnstyled = definePartsStyle11({});
|
|
13407
13425
|
var variants6 = {
|
|
13408
13426
|
line: variantLine,
|
|
13409
13427
|
unstyled: variantUnstyled
|
|
13410
13428
|
};
|
|
13411
|
-
var tabsTheme =
|
|
13429
|
+
var tabsTheme = defineMultiStyleConfig11({
|
|
13412
13430
|
variants: variants6,
|
|
13413
13431
|
defaultProps: {
|
|
13414
13432
|
size: "md",
|
|
@@ -13418,7 +13436,7 @@ var tabsTheme = defineMultiStyleConfig10({
|
|
|
13418
13436
|
var tabs_default = tabsTheme;
|
|
13419
13437
|
|
|
13420
13438
|
// src/config/theme/components/textarea.ts
|
|
13421
|
-
var
|
|
13439
|
+
var import_react127 = require("@chakra-ui/react");
|
|
13422
13440
|
var getProps = (props) => {
|
|
13423
13441
|
const { isError, isSuccess, isDisabled } = props;
|
|
13424
13442
|
let borderColor = "neutral.400";
|
|
@@ -13438,7 +13456,7 @@ var getProps = (props) => {
|
|
|
13438
13456
|
borderColor
|
|
13439
13457
|
};
|
|
13440
13458
|
};
|
|
13441
|
-
var outline3 = (0,
|
|
13459
|
+
var outline3 = (0, import_react127.defineStyle)((props) => {
|
|
13442
13460
|
const { focusBorderColor, borderColor } = getProps(props);
|
|
13443
13461
|
return {
|
|
13444
13462
|
background: "white.high",
|
|
@@ -13482,7 +13500,7 @@ var outline3 = (0, import_react133.defineStyle)((props) => {
|
|
|
13482
13500
|
}
|
|
13483
13501
|
};
|
|
13484
13502
|
});
|
|
13485
|
-
var Textarea = (0,
|
|
13503
|
+
var Textarea = (0, import_react127.defineStyleConfig)({
|
|
13486
13504
|
variants: { outline: outline3 },
|
|
13487
13505
|
defaultProps: {
|
|
13488
13506
|
variant: "outline"
|
|
@@ -13491,15 +13509,15 @@ var Textarea = (0, import_react133.defineStyleConfig)({
|
|
|
13491
13509
|
var textarea_default2 = Textarea;
|
|
13492
13510
|
|
|
13493
13511
|
// src/config/theme/components/tooltip.ts
|
|
13494
|
-
var
|
|
13495
|
-
var $arrowBg = (0,
|
|
13496
|
-
var
|
|
13512
|
+
var import_react128 = require("@chakra-ui/react");
|
|
13513
|
+
var $arrowBg = (0, import_react128.cssVar)("popper-arrow-bg");
|
|
13514
|
+
var baseStyle12 = {
|
|
13497
13515
|
bg: "neutral.700",
|
|
13498
13516
|
textStyle: "text.sm",
|
|
13499
13517
|
fontSize: "text.sm",
|
|
13500
13518
|
[$arrowBg.variable]: "var(--chakra-colors-neutral-700)"
|
|
13501
13519
|
};
|
|
13502
|
-
var Tooltip2 = (0,
|
|
13520
|
+
var Tooltip2 = (0, import_react128.defineStyleConfig)({ baseStyle: baseStyle12 });
|
|
13503
13521
|
var tooltip_default = Tooltip2;
|
|
13504
13522
|
|
|
13505
13523
|
// src/config/theme/themeConfiguration.ts
|
|
@@ -13509,23 +13527,24 @@ var config = {
|
|
|
13509
13527
|
useSystemColorMode: false
|
|
13510
13528
|
};
|
|
13511
13529
|
var getTheme = (foundations) => {
|
|
13512
|
-
return (0,
|
|
13530
|
+
return (0, import_react129.extendTheme)({
|
|
13513
13531
|
...foundations,
|
|
13514
13532
|
components: {
|
|
13515
13533
|
...components_exports
|
|
13516
13534
|
},
|
|
13517
13535
|
styles: {
|
|
13518
|
-
global: {
|
|
13536
|
+
global: () => ({
|
|
13519
13537
|
body: {
|
|
13538
|
+
background: "bg-default",
|
|
13520
13539
|
fontSize: "text.sm",
|
|
13521
13540
|
color: "black.high"
|
|
13522
13541
|
}
|
|
13523
|
-
}
|
|
13542
|
+
})
|
|
13524
13543
|
},
|
|
13525
13544
|
config
|
|
13526
13545
|
});
|
|
13527
13546
|
};
|
|
13528
|
-
var theme4 = (0,
|
|
13547
|
+
var theme4 = (0, import_react129.extendTheme)({
|
|
13529
13548
|
components: {
|
|
13530
13549
|
...components_exports
|
|
13531
13550
|
},
|
|
@@ -13545,23 +13564,23 @@ var theme4 = (0, import_react135.extendTheme)({
|
|
|
13545
13564
|
|
|
13546
13565
|
// src/hooks/useFetcher.ts
|
|
13547
13566
|
var import_axios2 = __toESM(require("axios"));
|
|
13548
|
-
var
|
|
13567
|
+
var import_react132 = require("react");
|
|
13549
13568
|
|
|
13550
13569
|
// src/provider/components/provider.tsx
|
|
13551
13570
|
var import_axios = __toESM(require("axios"));
|
|
13552
|
-
var
|
|
13571
|
+
var import_react130 = require("react");
|
|
13553
13572
|
var import_react_toastify3 = require("react-toastify");
|
|
13554
|
-
var
|
|
13555
|
-
var ProviderContext = (0,
|
|
13573
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
13574
|
+
var ProviderContext = (0, import_react130.createContext)({
|
|
13556
13575
|
instance: void 0
|
|
13557
13576
|
});
|
|
13558
13577
|
var useInternalUI = () => {
|
|
13559
|
-
const { instance } = (0,
|
|
13578
|
+
const { instance } = (0, import_react130.useContext)(ProviderContext);
|
|
13560
13579
|
return { instance };
|
|
13561
13580
|
};
|
|
13562
13581
|
var Provider = ({ children, config: config2, requestInterceptors, responseInterceptors }) => {
|
|
13563
|
-
const instanceRef = (0,
|
|
13564
|
-
(0,
|
|
13582
|
+
const instanceRef = (0, import_react130.useRef)(import_axios.default.create(config2));
|
|
13583
|
+
(0, import_react130.useEffect)(() => {
|
|
13565
13584
|
requestInterceptors == null ? void 0 : requestInterceptors.forEach((interceptor) => {
|
|
13566
13585
|
instanceRef.current.interceptors.request.use(interceptor);
|
|
13567
13586
|
});
|
|
@@ -13569,9 +13588,9 @@ var Provider = ({ children, config: config2, requestInterceptors, responseInterc
|
|
|
13569
13588
|
instanceRef.current.interceptors.response.use(interceptor);
|
|
13570
13589
|
});
|
|
13571
13590
|
}, [requestInterceptors, responseInterceptors]);
|
|
13572
|
-
const provider = (0,
|
|
13573
|
-
return /* @__PURE__ */ (0,
|
|
13574
|
-
/* @__PURE__ */ (0,
|
|
13591
|
+
const provider = (0, import_react130.useMemo)(() => ({ instance: instanceRef.current }), []);
|
|
13592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ProviderContext.Provider, { value: provider, children: [
|
|
13593
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_toastify3.ToastContainer, {}),
|
|
13575
13594
|
children
|
|
13576
13595
|
] });
|
|
13577
13596
|
};
|
|
@@ -13579,12 +13598,12 @@ Provider.displayName = "Provider";
|
|
|
13579
13598
|
var provider_default = Provider;
|
|
13580
13599
|
|
|
13581
13600
|
// src/provider/index.ts
|
|
13582
|
-
var
|
|
13601
|
+
var import_react131 = require("@chakra-ui/react");
|
|
13583
13602
|
|
|
13584
13603
|
// src/hooks/useFetcher.ts
|
|
13585
13604
|
function useFetcher() {
|
|
13586
13605
|
const { instance } = useInternalUI();
|
|
13587
|
-
const axiosInstance = (0,
|
|
13606
|
+
const axiosInstance = (0, import_react132.useMemo)(() => instance || import_axios2.default, [instance]);
|
|
13588
13607
|
const fetcher = async ({ url, data, method, headers, ...config2 }) => {
|
|
13589
13608
|
const response = await axiosInstance.request({
|
|
13590
13609
|
data,
|
|
@@ -13604,10 +13623,10 @@ function useFetcher() {
|
|
|
13604
13623
|
}
|
|
13605
13624
|
|
|
13606
13625
|
// src/hooks/index.ts
|
|
13607
|
-
var
|
|
13626
|
+
var import_react133 = require("@chakra-ui/react");
|
|
13608
13627
|
|
|
13609
13628
|
// src/index.ts
|
|
13610
|
-
var
|
|
13629
|
+
var import_react134 = require("@chakra-ui/react");
|
|
13611
13630
|
// Annotate the CommonJS export names for ESM import in node:
|
|
13612
13631
|
0 && (module.exports = {
|
|
13613
13632
|
Accordion,
|
|
@@ -13772,6 +13791,13 @@ var import_react140 = require("@chakra-ui/react");
|
|
|
13772
13791
|
Pagination,
|
|
13773
13792
|
PaginationDetail,
|
|
13774
13793
|
PaginationFilter,
|
|
13794
|
+
PinInput,
|
|
13795
|
+
PinInputContext,
|
|
13796
|
+
PinInputDescendantsProvider,
|
|
13797
|
+
PinInputField,
|
|
13798
|
+
PinInputFieldProps,
|
|
13799
|
+
PinInputProps,
|
|
13800
|
+
PinInputProvider,
|
|
13775
13801
|
Popover,
|
|
13776
13802
|
PopoverAnchor,
|
|
13777
13803
|
PopoverArrow,
|
|
@@ -13790,6 +13816,12 @@ var import_react140 = require("@chakra-ui/react");
|
|
|
13790
13816
|
Portal,
|
|
13791
13817
|
PortalProps,
|
|
13792
13818
|
Profile,
|
|
13819
|
+
Progress,
|
|
13820
|
+
ProgressFilledTrackProps,
|
|
13821
|
+
ProgressLabel,
|
|
13822
|
+
ProgressLabelProps,
|
|
13823
|
+
ProgressProps,
|
|
13824
|
+
ProgressTrackProps,
|
|
13793
13825
|
Provider,
|
|
13794
13826
|
ProviderContext,
|
|
13795
13827
|
Radio,
|
|
@@ -13877,6 +13909,9 @@ var import_react140 = require("@chakra-ui/react");
|
|
|
13877
13909
|
UseMediaQueryOptions,
|
|
13878
13910
|
UseModalProps,
|
|
13879
13911
|
UseModalReturn,
|
|
13912
|
+
UsePinInputFieldProps,
|
|
13913
|
+
UsePinInputProps,
|
|
13914
|
+
UsePinInputReturn,
|
|
13880
13915
|
UseQueryProps,
|
|
13881
13916
|
UseRadioGroupReturn,
|
|
13882
13917
|
UseRadioProps,
|
|
@@ -13932,6 +13967,10 @@ var import_react140 = require("@chakra-ui/react");
|
|
|
13932
13967
|
useModalContext,
|
|
13933
13968
|
useModalStyles,
|
|
13934
13969
|
useOutsideClick,
|
|
13970
|
+
usePinInput,
|
|
13971
|
+
usePinInputContext,
|
|
13972
|
+
usePinInputField,
|
|
13973
|
+
useProgressStyles,
|
|
13935
13974
|
useQuery,
|
|
13936
13975
|
useRadio,
|
|
13937
13976
|
useRadioGroup,
|