@dxc-technology/halstack-react 0.0.0-ed1185a → 0.0.0-ed41d64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -47
- package/dist/index.d.mts +6802 -0
- package/dist/index.d.ts +6802 -0
- package/dist/index.js +4372 -0
- package/dist/index.mjs +4372 -0
- package/package.json +76 -66
- package/babel.config.js +0 -8
- package/dist/BackgroundColorContext.js +0 -46
- package/dist/ThemeContext.js +0 -216
- package/dist/accordion/Accordion.js +0 -356
- package/dist/accordion/Accordion.stories.js +0 -207
- package/dist/accordion/readme.md +0 -96
- package/dist/accordion-group/AccordionGroup.js +0 -188
- package/dist/accordion-group/AccordionGroup.stories.js +0 -207
- package/dist/accordion-group/readme.md +0 -70
- package/dist/alert/Alert.js +0 -388
- package/dist/alert/Alert.stories.js +0 -158
- package/dist/alert/close.svg +0 -4
- package/dist/alert/error.svg +0 -4
- package/dist/alert/info.svg +0 -4
- package/dist/alert/readme.md +0 -43
- package/dist/alert/success.svg +0 -4
- package/dist/alert/warning.svg +0 -4
- package/dist/badge/Badge.js +0 -61
- package/dist/box/Box.js +0 -164
- package/dist/button/Button.js +0 -228
- package/dist/button/Button.stories.js +0 -224
- package/dist/button/readme.md +0 -93
- package/dist/card/Card.js +0 -247
- package/dist/checkbox/Checkbox.js +0 -291
- package/dist/checkbox/Checkbox.stories.js +0 -144
- package/dist/checkbox/readme.md +0 -116
- package/dist/chip/Chip.js +0 -277
- package/dist/common/OpenSans.css +0 -81
- package/dist/common/RequiredComponent.js +0 -40
- package/dist/common/fonts/OpenSans-Bold.ttf +0 -0
- package/dist/common/fonts/OpenSans-BoldItalic.ttf +0 -0
- package/dist/common/fonts/OpenSans-ExtraBold.ttf +0 -0
- package/dist/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
- package/dist/common/fonts/OpenSans-Italic.ttf +0 -0
- package/dist/common/fonts/OpenSans-Light.ttf +0 -0
- package/dist/common/fonts/OpenSans-LightItalic.ttf +0 -0
- package/dist/common/fonts/OpenSans-Regular.ttf +0 -0
- package/dist/common/fonts/OpenSans-SemiBold.ttf +0 -0
- package/dist/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
- package/dist/common/utils.js +0 -22
- package/dist/common/variables.js +0 -1049
- package/dist/date/Date.js +0 -359
- package/dist/date/Date.stories.js +0 -205
- package/dist/date/calendar.svg +0 -1
- package/dist/date/calendar_dark.svg +0 -1
- package/dist/date/readme.md +0 -73
- package/dist/dialog/Dialog.js +0 -236
- package/dist/dialog/Dialog.stories.js +0 -217
- package/dist/dialog/readme.md +0 -32
- package/dist/dropdown/Dropdown.js +0 -498
- package/dist/dropdown/Dropdown.stories.js +0 -249
- package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
- package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
- package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
- package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
- package/dist/dropdown/readme.md +0 -69
- package/dist/footer/Footer.js +0 -405
- package/dist/footer/Footer.stories.js +0 -94
- package/dist/footer/dxc_logo_wht.png +0 -0
- package/dist/footer/readme.md +0 -41
- package/dist/header/Header.js +0 -431
- package/dist/header/Header.stories.js +0 -176
- package/dist/header/close_icon.svg +0 -1
- package/dist/header/dxc_logo_black.png +0 -0
- package/dist/header/dxc_logo_blk_rgb.svg +0 -6
- package/dist/header/dxc_logo_white.png +0 -0
- package/dist/header/hamb_menu_black.svg +0 -1
- package/dist/header/hamb_menu_white.svg +0 -1
- package/dist/header/readme.md +0 -33
- package/dist/heading/Heading.js +0 -222
- package/dist/input-text/InputText.js +0 -631
- package/dist/input-text/InputText.stories.js +0 -209
- package/dist/input-text/error.svg +0 -1
- package/dist/input-text/readme.md +0 -91
- package/dist/layout/ApplicationLayout.js +0 -331
- package/dist/layout/facebook.svg +0 -45
- package/dist/layout/linkedin.svg +0 -50
- package/dist/layout/twitter.svg +0 -53
- package/dist/link/Link.js +0 -212
- package/dist/link/readme.md +0 -51
- package/dist/main.js +0 -311
- package/dist/paginator/Paginator.js +0 -283
- package/dist/paginator/images/next.svg +0 -3
- package/dist/paginator/images/nextPage.svg +0 -3
- package/dist/paginator/images/previous.svg +0 -3
- package/dist/paginator/images/previousPage.svg +0 -3
- package/dist/paginator/readme.md +0 -50
- package/dist/progress-bar/ProgressBar.js +0 -206
- package/dist/progress-bar/ProgressBar.stories.js +0 -280
- package/dist/progress-bar/readme.md +0 -63
- package/dist/radio/Radio.js +0 -209
- package/dist/radio/Radio.stories.js +0 -166
- package/dist/radio/readme.md +0 -70
- package/dist/resultsetTable/ResultsetTable.js +0 -332
- package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
- package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
- package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
- package/dist/select/Select.js +0 -525
- package/dist/select/Select.stories.js +0 -235
- package/dist/select/readme.md +0 -72
- package/dist/sidenav/Sidenav.js +0 -183
- package/dist/slider/Slider.js +0 -267
- package/dist/slider/Slider.stories.js +0 -241
- package/dist/slider/readme.md +0 -64
- package/dist/spinner/Spinner.js +0 -214
- package/dist/spinner/Spinner.stories.js +0 -183
- package/dist/spinner/readme.md +0 -65
- package/dist/switch/Switch.js +0 -222
- package/dist/switch/Switch.stories.js +0 -134
- package/dist/switch/readme.md +0 -133
- package/dist/table/Table.js +0 -118
- package/dist/tabs/Tabs.js +0 -347
- package/dist/tabs/Tabs.stories.js +0 -130
- package/dist/tabs/readme.md +0 -78
- package/dist/tabs-for-sections/TabsForSections.js +0 -92
- package/dist/tabs-for-sections/readme.md +0 -78
- package/dist/tag/Tag.js +0 -268
- package/dist/textarea/Textarea.js +0 -260
- package/dist/toggle/Toggle.js +0 -220
- package/dist/toggle/Toggle.stories.js +0 -297
- package/dist/toggle/readme.md +0 -80
- package/dist/toggle-group/ToggleGroup.js +0 -241
- package/dist/toggle-group/readme.md +0 -82
- package/dist/upload/Upload.js +0 -209
- package/dist/upload/Upload.stories.js +0 -72
- package/dist/upload/buttons-upload/ButtonsUpload.js +0 -123
- package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
- package/dist/upload/buttons-upload/upload-button.svg +0 -1
- package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -293
- package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
- package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
- package/dist/upload/file-upload/FileToUpload.js +0 -162
- package/dist/upload/file-upload/audio-icon.svg +0 -4
- package/dist/upload/file-upload/close.svg +0 -4
- package/dist/upload/file-upload/file-icon.svg +0 -4
- package/dist/upload/file-upload/video-icon.svg +0 -4
- package/dist/upload/files-upload/FilesToUpload.js +0 -123
- package/dist/upload/readme.md +0 -37
- package/dist/upload/transaction/Transaction.js +0 -152
- package/dist/upload/transaction/audio-icon-err.svg +0 -4
- package/dist/upload/transaction/audio-icon.svg +0 -4
- package/dist/upload/transaction/error-icon.svg +0 -4
- package/dist/upload/transaction/file-icon-err.svg +0 -4
- package/dist/upload/transaction/file-icon.svg +0 -4
- package/dist/upload/transaction/image-icon-err.svg +0 -4
- package/dist/upload/transaction/image-icon.svg +0 -4
- package/dist/upload/transaction/success-icon.svg +0 -4
- package/dist/upload/transaction/video-icon-err.svg +0 -4
- package/dist/upload/transaction/video-icon.svg +0 -4
- package/dist/upload/transactions/Transactions.js +0 -122
- package/dist/useTheme.js +0 -22
- package/dist/wizard/Wizard.js +0 -383
- package/dist/wizard/invalid_icon.svg +0 -6
- package/dist/wizard/valid_icon.svg +0 -6
- package/dist/wizard/validation-wrong.svg +0 -6
- package/test/Accordion.test.js +0 -33
- package/test/AccordionGroup.test.js +0 -125
- package/test/Alert.test.js +0 -53
- package/test/Box.test.js +0 -10
- package/test/Button.test.js +0 -18
- package/test/Card.test.js +0 -30
- package/test/Checkbox.test.js +0 -45
- package/test/Chip.test.js +0 -25
- package/test/Date.test.js +0 -393
- package/test/Dialog.test.js +0 -23
- package/test/Dropdown.test.js +0 -130
- package/test/Footer.test.js +0 -99
- package/test/Header.test.js +0 -39
- package/test/Heading.test.js +0 -35
- package/test/InputText.test.js +0 -240
- package/test/Link.test.js +0 -42
- package/test/Paginator.test.js +0 -177
- package/test/ProgressBar.test.js +0 -35
- package/test/Radio.test.js +0 -37
- package/test/ResultsetTable.test.js +0 -330
- package/test/Select.test.js +0 -192
- package/test/Sidenav.test.js +0 -45
- package/test/Slider.test.js +0 -82
- package/test/Spinner.test.js +0 -27
- package/test/Switch.test.js +0 -45
- package/test/Table.test.js +0 -36
- package/test/Tabs.test.js +0 -109
- package/test/TabsForSections.test.js +0 -34
- package/test/Tag.test.js +0 -32
- package/test/TextArea.test.js +0 -52
- package/test/ToggleGroup.test.js +0 -81
- package/test/Upload.test.js +0 -60
- package/test/Wizard.test.js +0 -130
- package/test/mocks/pngMock.js +0 -1
- package/test/mocks/svgMock.js +0 -1
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,4372 @@
|
|
|
1
|
+
import{useId as Jc,useState as Kc}from"react";import no,{ThemeProvider as Uc}from"styled-components";var Qn={color_black:"#000000",color_white:"#ffffff",color_transparent:"transparent",color_grey_50:"#fafafa",color_grey_100:"#f2f2f2",color_grey_200:"#e6e6e6",color_grey_300:"#cccccc",color_grey_400:"#bfbfbf",color_grey_500:"#999999",color_grey_600:"#808080",color_grey_700:"#666666",color_grey_800:"#4d4d4d",color_grey_900:"#333333",color_grey_50_a:"#00000005",color_grey_100_a:"#0000000d",color_grey_200_a:"#0000001a",color_grey_300_a:"#00000033",color_grey_400_a:"#0000004d",color_grey_500_a:"#00000066",color_grey_600_a:"#00000080",color_grey_700_a:"#00000099",color_grey_800_a:"#000000b3",color_grey_900_a:"#000000cc",color_purple_50:"#faf7fd",color_purple_100:"#f2eafa",color_purple_200:"#e5d5f6",color_purple_300:"#cbacec",color_purple_400:"#b182e3",color_purple_500:"#a46ede",color_purple_600:"#7d2fd0",color_purple_700:"#5f249f",color_purple_800:"#4b1c7d",color_purple_900:"#321353",color_blue_50:"#f5fbff",color_blue_100:"#e6f4ff",color_blue_200:"#cceaff",color_blue_300:"#99d5ff",color_blue_400:"#66bfff",color_blue_500:"#33aaff",color_blue_600:"#0095ff",color_blue_700:"#0086e6",color_blue_800:"#0067b3",color_blue_900:"#003c66",color_red_50:"#fff5f6",color_red_100:"#ffe6e9",color_red_200:"#ffccd3",color_red_300:"#fe9aa7",color_red_400:"#fe677b",color_red_500:"#fe344f",color_red_600:"#fe0123",color_red_700:"#d0011b",color_red_800:"#980115",color_red_900:"#65010e",color_green_50:"#f7fdf9",color_green_100:"#eafaef",color_green_200:"#d5f6df",color_green_300:"#acecbe",color_green_400:"#82e39e",color_green_500:"#59d97d",color_green_600:"#2fd05d",color_green_700:"#24a148",color_green_800:"#1c7d38",color_green_900:"#135325",color_yellow_50:"#fffdf5",color_yellow_100:"#fef9e6",color_yellow_200:"#fdf4ce",color_yellow_300:"#fbe89d",color_yellow_400:"#fadd6b",color_yellow_500:"#f7cf2b",color_yellow_600:"#f6c709",color_yellow_700:"#c59f07",color_yellow_800:"#947705",color_yellow_900:"#624f04",color_orange_50:"#fefaf5",color_orange_100:"#fef3e7",color_orange_200:"#fce7cf",color_orange_300:"#facf9e",color_orange_400:"#f7b76e",color_orange_500:"#f59f3d",color_orange_600:"#f38f20",color_orange_700:"#c26c0a",color_orange_800:"#915108",color_orange_900:"#613605"},yt=e=>Qn[e],wc={spacing_0:"0rem",spacing_2:"0.125rem",spacing_4:"0.25rem",spacing_8:"0.5rem",spacing_12:"0.75rem",spacing_16:"1rem",spacing_24:"1.5rem",spacing_32:"2rem",spacing_40:"2.5rem",spacing_48:"3rem",spacing_56:"3.5rem",spacing_64:"4rem",spacing_80:"5rem",spacing_96:"6rem",spacing_112:"7rem"},Sc={...Qn,...wc,inherit:"inherit",type_sans:"Open Sans, sans-serif",type_scale_08:"3.75rem",type_scale_07:"2.5rem",type_scale_06:"2rem",type_scale_05:"1.5rem",type_scale_04:"1.25rem",type_scale_03:"1rem",type_scale_02:"0.875rem",type_scale_01:"0.75rem",type_light:"300",type_regular:"400",type_semibold:"600",type_bold:"bold",type_italic:"italic",type_normal:"normal",type_spacing_tight_02:"-0.05em",type_spacing_tight_01:"-0.025em",type_spacing_normal:"0em",type_spacing_wide_01:"0.025em",type_spacing_wide_02:"0.05em",type_spacing_wide_03:"0.1em",type_initial:"initial",type_uppercase:"uppercase",type_no_line:"none",type_underline:"underline",type_line_through:"line-through",type_leading_compact_03:"1em",type_leading_compact_02:"1.25em",type_leading_compact_01:"1.365em",type_leading_normal:"1.5em",type_leading_loose_01:"1.715em",type_leading_loose_02:"2em",border_width_0:"0px",border_width_1:"1px",border_width_2:"2px",border_width_4:"4px",border_radius_none:"0rem",border_radius_small:"0.125rem",border_radius_medium:"0.25rem",border_radius_large:"0.375rem",border_solid:"solid",border_dashed:"dashed",border_none:"none"},o=Sc;var Q={accordion:{backgroundColor:o.color_white,hoverBackgroundColor:o.color_purple_100,arrowColor:o.color_purple_700,disabledArrowColor:o.color_grey_500,assistiveTextFontFamily:o.type_sans,assistiveTextFontSize:o.type_scale_03,assistiveTextFontWeight:o.type_light,assistiveTextFontStyle:o.type_italic,assistiveTextLetterSpacing:o.type_spacing_wide_01,assistiveTextFontColor:o.color_grey_700,disabledAssistiveTextFontColor:o.color_grey_500,assistiveTextMinWidth:"100px",assistiveTextPaddingRight:o.spacing_24,assistiveTextPaddingLeft:o.spacing_0,titleLabelFontFamily:o.type_sans,titleLabelFontSize:o.type_scale_03,titleLabelFontWeight:o.type_regular,titleLabelFontStyle:o.type_normal,titleLabelFontColor:o.color_black,disabledTitleLabelFontColor:o.color_grey_500,titleLabelPaddingTop:o.spacing_0,titleLabelPaddingBottom:o.spacing_0,titleLabelPaddingLeft:o.spacing_0,titleLabelPaddingRight:o.spacing_16,focusBorderColor:o.color_blue_600,focusBorderStyle:o.border_solid,focusBorderThickness:"2px",borderRadius:"4px",boxShadowOffsetX:"0px",boxShadowOffsetY:"6px",boxShadowBlur:"10px",boxShadowColor:o.color_grey_200_a,iconColor:o.color_purple_700,disabledIconColor:o.color_grey_500,iconSize:"24px",iconMarginLeft:o.spacing_0,iconMarginRight:o.spacing_12,accordionGroupSeparatorBorderColor:o.color_grey_200_a,accordionGroupSeparatorBorderThickness:"1px",accordionGroupSeparatorBorderRadius:"0px",accordionGroupSeparatorBorderStyle:o.border_solid},alert:{titleFontFamily:o.type_sans,titleFontColor:o.color_black,titleFontSize:o.type_scale_01,titleFontStyle:o.type_normal,titleFontWeight:o.type_bold,titleTextTransform:o.type_uppercase,titlePaddingRight:o.spacing_0,titlePaddingLeft:o.spacing_0,inlineTextFontFamily:o.type_sans,inlineTextFontColor:o.color_black,inlineTextFontSize:o.type_scale_01,inlineTextFontStyle:o.type_normal,inlineTextFontWeight:o.type_regular,inlineTextPaddingLeft:o.spacing_0,inlineTextPaddingRight:o.spacing_0,contentPaddingLeft:o.spacing_0,contentPaddingRight:o.spacing_0,contentPaddingTop:"20px",contentPaddingBottom:"30px",borderRadius:"4px",borderStyle:o.border_solid,borderThickness:"1px",infoBorderColor:o.color_blue_800,successBorderColor:o.color_green_700,warningBorderColor:o.color_yellow_700,errorBorderColor:o.color_red_700,iconSize:"24px",iconPaddingLeft:o.spacing_0,iconPaddingRight:o.spacing_0,infoIconColor:o.color_blue_800,successIconColor:o.color_green_700,warningIconColor:o.color_yellow_700,errorIconColor:o.color_red_700,infoBackgroundColor:o.color_blue_100,successBackgroundColor:o.color_green_100,warningBackgroundColor:o.color_yellow_100,errorBackgroundColor:o.color_red_100,hoverActionBackgroundColor:o.color_grey_100_a,activeActionBackgroundColor:o.color_grey_200_a,focusActionBorderColor:o.color_blue_600,overlayColor:o.color_grey_800_a},bulletedList:{fontColor:o.color_black,bulletIconHeight:"1.5rem",bulletIconWidth:"1.5rem",bulletHeight:"5px",bulletWidth:"5px",bulletMarginRight:o.spacing_8},button:{labelFontLineHeight:o.type_leading_normal,labelLetterSpacing:o.type_spacing_wide_01,paddingSmallTop:o.spacing_0,paddingSmallLeft:o.spacing_8,paddingSmallBottom:o.spacing_0,paddingSmallRight:o.spacing_8,paddingSmallOnlyIconTop:o.spacing_0,paddingSmallOnlyIconLeft:o.spacing_4,paddingSmallOnlyIconBottom:o.spacing_0,paddingSmallOnlyIconRight:o.spacing_4,paddingMediumTop:o.spacing_0,paddingMediumLeft:o.spacing_8,paddingMediumBottom:o.spacing_0,paddingMediumRight:o.spacing_8,paddingMediumOnlyIconTop:o.spacing_0,paddingMediumOnlyIconLeft:o.spacing_8,paddingMediumOnlyIconBottom:o.spacing_0,paddingMediumOnlyIconRight:o.spacing_8,paddingLargeTop:o.spacing_0,paddingLargeLeft:o.spacing_16,paddingLargeBottom:o.spacing_0,paddingLargeRight:o.spacing_16,paddingLargeOnlyIconTop:o.spacing_0,paddingLargeOnlyIconLeft:o.spacing_8,paddingLargeOnlyIconBottom:o.spacing_0,paddingLargeOnlyIconRight:o.spacing_8,focusBorderColor:o.color_blue_500,primaryDefaultBackgroundColor:o.color_purple_700,primaryErrorBackgroundColor:o.color_red_700,primaryWarningBackgroundColor:o.color_orange_700,primarySuccessBackgroundColor:o.color_green_700,primaryInfoBackgroundColor:o.color_blue_700,primaryDefaultFontColor:o.color_white,primaryErrorFontColor:o.color_white,primaryWarningFontColor:o.color_white,primarySuccessFontColor:o.color_white,primaryInfoFontColor:o.color_white,primaryHoverDefaultBackgroundColor:o.color_purple_800,primaryHoverErrorBackgroundColor:o.color_red_800,primaryHoverWarningBackgroundColor:o.color_orange_800,primaryHoverSuccessBackgroundColor:o.color_green_800,primaryHoverInfoBackgroundColor:o.color_blue_800,primaryActiveDefaultBackgroundColor:o.color_purple_900,primaryActiveErrorBackgroundColor:o.color_red_900,primaryActiveWarningBackgroundColor:o.color_orange_900,primaryActiveSuccessBackgroundColor:o.color_green_900,primaryActiveInfoBackgroundColor:o.color_blue_900,primaryDisabledDefaultBackgroundColor:o.color_purple_100,primaryDisabledErrorBackgroundColor:o.color_red_100,primaryDisabledWarningBackgroundColor:o.color_orange_100,primaryDisabledSuccessBackgroundColor:o.color_green_100,primaryDisabledInfoBackgroundColor:o.color_blue_100,primaryDisabledDefaultFontColor:o.color_purple_300,primaryDisabledErrorFontColor:o.color_red_300,primaryDisabledWarningFontColor:o.color_orange_300,primaryDisabledSuccessFontColor:o.color_green_300,primaryDisabledInfoFontColor:o.color_blue_300,primaryBorderThickness:o.border_width_0,primaryBorderStyle:o.border_none,primaryBorderRadius:o.border_radius_medium,primaryFontFamily:o.type_sans,primarySmallFontSize:o.type_scale_02,primaryMediumFontSize:o.type_scale_02,primaryLargeFontSize:o.type_scale_03,primaryFontWeight:o.type_semibold,secondaryDefaultBackgroundColor:o.color_transparent,secondaryErrorBackgroundColor:o.color_transparent,secondaryWarningBackgroundColor:o.color_transparent,secondarySuccessBackgroundColor:o.color_transparent,secondaryInfoBackgroundColor:o.color_transparent,secondaryDefaultFontColor:o.color_purple_700,secondaryErrorFontColor:o.color_red_700,secondaryWarningFontColor:o.color_orange_700,secondarySuccessFontColor:o.color_green_700,secondaryInfoFontColor:o.color_blue_700,secondaryDefaultBorderColor:o.color_purple_700,secondaryErrorBorderColor:o.color_red_700,secondaryWarningBorderColor:o.color_orange_700,secondarySuccessBorderColor:o.color_green_700,secondaryInfoBorderColor:o.color_blue_700,secondaryHoverDefaultBackgroundColor:o.color_purple_700,secondaryHoverErrorBackgroundColor:o.color_red_700,secondaryHoverWarningBackgroundColor:o.color_orange_700,secondaryHoverSuccessBackgroundColor:o.color_green_700,secondaryHoverInfoBackgroundColor:o.color_blue_700,secondaryHoverDefaultFontColor:o.color_white,secondaryHoverErrorFontColor:o.color_white,secondaryHoverWarningFontColor:o.color_white,secondaryHoverSuccessFontColor:o.color_white,secondaryHoverInfoFontColor:o.color_white,secondaryActiveDefaultBackgroundColor:o.color_purple_800,secondaryActiveErrorBackgroundColor:o.color_red_800,secondaryActiveWarningBackgroundColor:o.color_orange_800,secondaryActiveSuccessBackgroundColor:o.color_green_800,secondaryActiveInfoBackgroundColor:o.color_blue_800,secondaryDisabledDefaultBackgroundColor:o.color_transparent,secondaryDisabledErrorBackgroundColor:o.color_transparent,secondaryDisabledWarningBackgroundColor:o.color_transparent,secondaryDisabledSuccessBackgroundColor:o.color_transparent,secondaryDisabledInfoBackgroundColor:o.color_transparent,secondaryDisabledDefaultFontColor:o.color_purple_300,secondaryDisabledErrorFontColor:o.color_red_300,secondaryDisabledWarningFontColor:o.color_orange_300,secondaryDisabledSuccessFontColor:o.color_green_300,secondaryDisabledInfoFontColor:o.color_blue_300,secondaryDisabledDefaultBorderColor:o.color_purple_300,secondaryDisabledErrorBorderColor:o.color_red_300,secondaryDisabledWarningBorderColor:o.color_orange_300,secondaryDisabledSuccessBorderColor:o.color_green_300,secondaryDisabledInfoBorderColor:o.color_blue_300,secondaryBorderThickness:o.border_width_1,secondaryBorderStyle:o.border_solid,secondaryBorderRadius:o.border_radius_medium,secondaryFontFamily:o.type_sans,secondarySmallFontSize:o.type_scale_02,secondaryMediumFontSize:o.type_scale_02,secondaryLargeFontSize:o.type_scale_03,secondaryFontWeight:o.type_semibold,tertiaryDefaultBackgroundColor:o.color_transparent,tertiaryErrorBackgroundColor:o.color_transparent,tertiaryWarningBackgroundColor:o.color_transparent,tertiarySuccessBackgroundColor:o.color_transparent,tertiaryInfoBackgroundColor:o.color_transparent,tertiaryDefaultFontColor:o.color_purple_700,tertiaryErrorFontColor:o.color_red_700,tertiaryWarningFontColor:o.color_orange_700,tertiarySuccessFontColor:o.color_green_700,tertiaryInfoFontColor:o.color_blue_700,tertiaryHoverDefaultBackgroundColor:o.color_purple_100,tertiaryHoverErrorBackgroundColor:o.color_red_100,tertiaryHoverWarningBackgroundColor:o.color_orange_100,tertiaryHoverSuccessBackgroundColor:o.color_green_100,tertiaryHoverInfoBackgroundColor:o.color_blue_100,tertiaryActiveDefaultBackgroundColor:o.color_purple_200,tertiaryActiveErrorBackgroundColor:o.color_red_200,tertiaryActiveWarningBackgroundColor:o.color_orange_200,tertiaryActiveSuccessBackgroundColor:o.color_green_200,tertiaryActiveInfoBackgroundColor:o.color_blue_200,tertiaryDisabledDefaultBackgroundColor:o.color_transparent,tertiaryDisabledErrorBackgroundColor:o.color_transparent,tertiaryDisabledWarningBackgroundColor:o.color_transparent,tertiaryDisabledSuccessBackgroundColor:o.color_transparent,tertiaryDisabledInfoBackgroundColor:o.color_transparent,tertiaryDisabledDefaultFontColor:o.color_purple_300,tertiaryDisabledErrorFontColor:o.color_red_300,tertiaryDisabledWarningFontColor:o.color_orange_300,tertiaryDisabledSuccessFontColor:o.color_green_300,tertiaryDisabledInfoFontColor:o.color_blue_300,tertiaryBorderThickness:o.border_width_0,tertiaryBorderStyle:o.border_none,tertiaryBorderRadius:o.border_radius_medium,tertiaryFontFamily:o.type_sans,tertiarySmallFontSize:o.type_scale_02,tertiaryMediumFontSize:o.type_scale_02,tertiaryLargeFontSize:o.type_scale_03,tertiaryFontWeight:o.type_semibold},card:{height:"220px",width:"400px"},checkbox:{backgroundColorChecked:o.color_blue_800,hoverBackgroundColorChecked:o.color_blue_900,disabledBackgroundColorChecked:o.color_grey_500,readOnlyBackgroundColorChecked:o.color_grey_500,hoverReadOnlyBackgroundColorChecked:o.color_grey_600,borderColor:o.color_blue_800,hoverBorderColor:o.color_blue_900,disabledBorderColor:o.color_grey_500,readOnlyBorderColor:o.color_grey_500,hoverReadOnlyBorderColor:o.color_grey_600,checkColor:o.color_white,disabledCheckColor:o.color_white,readOnlyCheckColor:o.color_white,fontFamily:o.type_sans,fontSize:o.type_scale_02,fontWeight:o.type_regular,fontColor:o.color_black,disabledFontColor:o.color_grey_500,focusColor:o.color_blue_600,checkLabelSpacing:o.spacing_8},chip:{backgroundColor:o.color_grey_200,disabledBackgroundColor:o.color_grey_100,fontFamily:o.type_sans,fontSize:o.type_scale_03,fontStyle:o.type_normal,fontWeight:o.type_regular,fontColor:o.color_black,disabledFontColor:o.color_grey_500,borderColor:o.color_transparent,borderRadius:"80px",borderThickness:o.border_width_0,borderStyle:o.border_solid,contentPaddingLeft:o.spacing_16,contentPaddingRight:o.spacing_16,contentPaddingTop:o.spacing_0,contentPaddingBottom:o.spacing_0,iconSize:"24px",iconSpacing:o.spacing_8,iconColor:o.color_grey_800,hoverIconColor:o.color_grey_900,activeIconColor:o.color_black,disabledIconColor:o.color_grey_500,focusColor:o.color_blue_600,focusBorderStyle:o.border_solid,focusBorderThickness:o.border_width_2,focusBorderRadius:o.border_radius_medium},contextualMenu:{fontFamily:o.type_sans,backgroundColor:o.color_white,borderColor:o.color_grey_200,menuItemFontColor:o.color_grey_900,menuItemFontSize:o.type_scale_02,menuItemFontStyle:o.type_normal,menuItemFontWeight:o.type_regular,menuItemLineHeight:"24px",hoverMenuItemBackgroundColor:o.color_grey_100,activeMenuItemBackgroundColor:o.color_grey_100,selectedMenuItemBackgroundColor:o.color_purple_100,hoverSelectedMenuItemBackgroundColor:o.color_purple_200,activeSelectedMenuItemBackgroundColor:o.color_purple_200,selectedMenuItemFontWeight:o.type_semibold,sectionTitleFontColor:o.color_grey_900,sectionTitleFontSize:o.type_scale_03,sectionTitleFontStyle:o.type_normal,sectionTitleFontWeight:o.type_semibold,sectionTitleLineHeight:"24px",iconColor:o.color_grey_900,iconSize:"16px"},dataGrid:{rowSeparatorThickness:"1px",rowSeparatorStyle:o.border_solid,rowSeparatorColor:o.color_grey_300,dataBackgroundColor:o.color_white,dataFontFamily:o.type_sans,dataFontSize:o.type_scale_02,dataFontStyle:o.type_normal,dataFontWeight:o.type_regular,dataFontColor:o.color_black,dataFontTextTransform:"none",dataPaddingRight:o.spacing_8,dataPaddingLeft:o.spacing_8,dataRowHeight:36,dataTextLineHeight:"normal",headerBackgroundColor:o.color_purple_700,headerBorderRadius:"4px",headerFontFamily:o.type_sans,headerFontSize:o.type_scale_02,headerFontStyle:o.type_normal,headerFontWeight:o.type_bold,headerFontColor:o.color_white,headerFontTextTransform:"none",headerPaddingRight:o.spacing_8,headerPaddingLeft:o.spacing_8,headerRowHeight:36,headerTextLineHeight:"normal",headerCheckboxBackgroundColorChecked:o.color_white,headerCheckboxHoverBackgroundColorChecked:o.color_grey_200,headerCheckboxBorderColor:o.color_white,headerCheckboxHoverBorderColor:o.color_white,headerCheckboxCheckColor:o.color_purple_700,summaryRowHeight:36,focusColor:o.color_blue_600,scrollBarThumbColor:o.color_grey_700,scrollBarTrackColor:o.color_grey_300,actionIconColor:o.color_purple_700,disabledActionIconColor:o.color_grey_500,hoverActionIconColor:o.color_purple_700,focusActionIconColor:o.color_purple_700,activeActionIconColor:o.color_purple_700,actionBackgroundColor:o.color_transparent,disabledActionBackgroundColor:o.color_transparent,hoverActionBackgroundColor:o.color_grey_100,focusActionBorderColor:o.color_blue_600,activeActionBackgroundColor:o.color_grey_300},dateInput:{pickerBackgroundColor:o.color_white,pickerFontColor:o.color_black,pickerBorderColor:o.color_grey_400,pickerSelectedBackgroundColor:o.color_purple_700,pickerSelectedFontColor:o.color_white,pickerHoverBackgroundColor:o.color_purple_200,pickerHoverFontColor:o.color_black,pickerActiveBackgroundColor:o.color_purple_800,pickerActiveFontColor:o.color_white,pickerNonCurrentMonthFontColor:o.color_grey_500,pickerCurrentDateBorderColor:o.color_purple_300,pickerCurrentDateFontColor:o.color_black,pickerCurrentYearFontColor:o.color_purple_700,pickerHeaderBackgroundColor:o.color_transparent,pickerHeaderFontColor:o.color_black,pickerHeaderHoverBackgroundColor:o.color_purple_200,pickerHeaderHoverFontColor:o.color_black,pickerHeaderActiveBackgroundColor:o.color_purple_800,pickerHeaderActiveFontColor:o.color_white,pickerFocusColor:o.color_blue_600,pickerBorderWidth:o.border_width_1,pickerBorderStyle:o.border_solid,pickerFocusWidth:o.border_width_2,pickerCurrentDateBorderWidth:o.border_width_1,pickerFontFamily:o.type_sans,pickerFontSize:o.type_scale_02,pickerFontWeight:o.type_regular,pickerInteractedYearFontSize:o.type_scale_05,pickerHeaderFontSize:o.type_scale_02},dialog:{overlayColor:o.color_grey_800_a,backgroundColor:o.color_white,closeIconSize:"24px",closeIconTopPosition:"20px",closeIconRightPosition:"20px",closeIconBackgroundColor:o.color_transparent,closeIconBorderColor:o.border_none,closeIconColor:o.color_black,closeIconBorderThickness:o.border_width_0,closeIconBorderStyle:o.border_solid,closeIconBorderRadius:"2px",boxShadowOffsetX:"0px",boxShadowOffsetY:"1px",boxShadowBlur:"3px",boxShadowColor:o.color_grey_300_a},dropdown:{buttonBackgroundColor:o.color_white,hoverButtonBackgroundColor:o.color_grey_100,activeButtonBackgroundColor:o.color_grey_300,buttonFontFamily:o.type_sans,buttonFontSize:o.type_scale_03,buttonFontStyle:o.type_normal,buttonFontWeight:o.type_regular,buttonFontColor:o.color_black,buttonIconSize:"20px",buttonIconSpacing:"10px",buttonIconColor:o.color_black,buttonPaddingTop:o.spacing_0,buttonPaddingBottom:o.spacing_0,buttonPaddingLeft:o.spacing_16,buttonPaddingRight:o.spacing_16,buttonHeight:"40px",buttonBorderRadius:"4px",buttonBorderStyle:o.border_none,buttonBorderThickness:o.border_width_0,buttonBorderColor:o.color_transparent,disabledColor:o.color_grey_500,disabledButtonBackgroundColor:o.color_transparent,disabledButtonBorderColor:o.color_transparent,optionBackgroundColor:o.color_white,hoverOptionBackgroundColor:o.color_grey_100,activeOptionBackgroundColor:o.color_grey_300,optionFontFamily:o.type_sans,optionFontSize:o.type_scale_03,optionFontStyle:o.type_normal,optionFontWeight:o.type_regular,optionFontColor:o.color_black,optionIconSize:"20px",optionIconSpacing:"10px",optionIconColor:o.color_black,optionPaddingTop:"6px",optionPaddingBottom:"6px",optionPaddingLeft:o.spacing_16,optionPaddingRight:o.spacing_16,caretIconSize:"24px",caretIconColor:o.color_black,caretIconSpacing:o.spacing_12,borderRadius:"4px",borderStyle:o.border_none,borderThickness:o.border_width_0,borderColor:o.color_transparent,scrollBarThumbColor:o.color_grey_700,scrollBarTrackColor:o.color_grey_300,focusColor:o.color_blue_600},fileInput:{dropBorderColor:o.color_black,fileItemBorderColor:o.color_grey_300,fileNameFontColor:o.color_black,labelFontColor:o.color_black,helperTextFontColor:o.color_black,dropLabelFontColor:o.color_black,disabledLabelFontColor:o.color_grey_500,disabledHelperTextFontColor:o.color_grey_500,disabledDropLabelFontColor:o.color_grey_500,focusDropBorderColor:o.color_blue_600,disabledDropBorderColor:o.color_grey_500,dragoverDropBackgroundColor:o.color_blue_50,errorFileItemBorderColor:o.color_red_700,errorFileItemBackgroundColor:o.color_red_50,errorFilePreviewBackgroundColor:o.color_red_200,errorFileItemIconColor:o.color_red_700,fileItemIconBackgroundColor:o.color_grey_100,deleteFileItemColor:o.color_black,errorMessageFontColor:o.color_red_700,labelFontFamily:o.type_sans,labelFontSize:o.type_scale_02,labelFontWeight:o.type_semibold,labelLineHeight:o.type_leading_loose_01,fileItemFontFamily:o.type_sans,fileItemFontSize:o.type_scale_02,fileItemFontWeight:o.type_regular,fileItemLineHeight:o.type_leading_normal,helperTextFontFamily:o.type_sans,helperTextFontSize:o.type_scale_01,helperTextFontWeight:o.type_regular,helperTextLineHeight:o.type_leading_normal,dropLabelFontFamily:o.type_sans,dropLabelFontSize:o.type_scale_03,dropLabelFontWeight:o.type_regular,errorMessageFontFamily:o.type_sans,errorMessageFontSize:o.type_scale_01,errorMessageFontWeight:o.type_regular,errorMessageLineHeight:o.type_leading_normal,dropBorderThickness:o.border_width_1,dropBorderStyle:o.border_dashed,dropBorderRadius:o.border_radius_large,fileItemBorderThickness:o.border_width_1,fileItemBorderStyle:o.border_solid,fileItemBorderRadius:o.border_radius_medium,hoverDeleteFileItemBackgroundColor:o.color_grey_100_a,activeDeleteFileItemBackgroundColor:o.color_grey_300_a,focusDeleteFileItemBorderColor:o.color_blue_600,filePreviewBackgroundColor:o.color_grey_100,filePreviewIconColor:o.color_grey_600,errorFilePreviewIconColor:o.color_red_700},footer:{height:"124px",backgroundColor:o.color_black,bottomLinksDividerColor:o.color_blue_600,bottomLinksDividerThickness:"1px",bottomLinksDividerStyle:o.border_solid,bottomLinksDividerSpacing:o.spacing_8,bottomLinksFontFamily:o.type_sans,bottomLinksFontSize:o.type_scale_01,bottomLinksFontStyle:o.type_normal,bottomLinksFontWeight:o.type_regular,bottomLinksFontColor:o.color_white,bottomLinksTextDecoration:o.type_no_line,copyrightFontFamily:o.type_sans,copyrightFontSize:o.type_scale_01,copyrightFontStyle:o.type_normal,copyrightFontWeight:o.type_regular,copyrightFontColor:o.color_white,logo:"",logoHeight:"32px",logoWidth:"auto",socialLinksSize:"24px",socialLinksGutter:o.spacing_16,socialLinksColor:o.color_white},header:{backgroundColor:o.color_white,hamburguerFocusColor:o.color_blue_600,hamburguerFontFamily:o.type_sans,hamburguerFontStyle:o.type_normal,hamburguerFontColor:o.color_black,hamburguerFontSize:"10px",hamburguerFontWeight:o.type_semibold,hamburguerTextTransform:o.type_uppercase,hamburguerIconColor:o.color_black,hamburguerHoverColor:o.color_grey_200,logo:"",logoResponsive:"",logoHeight:"40px",logoWidth:"auto",menuBackgroundColor:o.color_white,menuZindex:"2000",menuTabletWidth:"60vw",menuMobileWidth:"100vw",minHeight:"64px",overlayColor:o.color_grey_800_a,overlayOpacity:"0.7",overlayZindex:"1600",paddingTop:o.spacing_0,paddingBottom:o.spacing_0,paddingRight:o.spacing_24,paddingLeft:o.spacing_24,underlinedColor:o.color_black,underlinedThickness:"2px",underlinedStyle:o.border_solid,contentColor:o.color_black},heading:{level1FontColor:o.inherit,level1FontFamily:o.type_sans,level1FontSize:o.type_scale_07,level1FontStyle:o.type_normal,level1FontWeight:o.type_semibold,level1LineHeight:o.type_leading_compact_01,level1LetterSpacing:o.type_spacing_tight_01,level2FontColor:o.inherit,level2FontFamily:o.type_sans,level2FontSize:o.type_scale_05,level2FontStyle:o.type_normal,level2FontWeight:o.type_semibold,level2LineHeight:o.type_leading_normal,level2LetterSpacing:o.type_spacing_normal,level3FontColor:o.inherit,level3FontFamily:o.type_sans,level3FontSize:o.type_scale_04,level3FontStyle:o.type_normal,level3FontWeight:o.type_semibold,level3LineHeight:o.type_leading_compact_01,level3LetterSpacing:o.type_spacing_wide_01,level4FontColor:o.inherit,level4FontFamily:o.type_sans,level4FontSize:o.type_scale_03,level4FontStyle:o.type_normal,level4FontWeight:o.type_semibold,level4LineHeight:o.type_leading_normal,level4LetterSpacing:o.type_spacing_normal,level5FontColor:o.inherit,level5FontFamily:o.type_sans,level5FontSize:o.type_scale_02,level5FontStyle:o.type_normal,level5FontWeight:o.type_semibold,level5LineHeight:o.type_leading_normal,level5LetterSpacing:o.type_spacing_wide_01},image:{captionFontColor:o.color_grey_900,captionFontFamily:o.type_sans,captionFontSize:o.type_scale_02,captionFontStyle:o.type_normal,captionFontWeight:o.type_regular,captionLineHeight:o.type_leading_normal},link:{fontColor:o.color_blue_800,fontFamily:o.inherit,fontSize:o.inherit,fontStyle:o.type_normal,fontWeight:o.type_regular,iconSize:"16px",iconSpacing:o.spacing_4,underlineSpacing:o.spacing_0,underlineStyle:o.border_solid,underlineThickness:"1px",disabledFontColor:o.color_grey_500,hoverFontColor:o.color_blue_800,hoverUnderlineColor:o.color_blue_800,visitedFontColor:o.color_purple_700,visitedUnderlineColor:o.color_purple_700,activeFontColor:o.color_black,activeUnderlineColor:o.color_black,focusColor:o.color_blue_600},navTabs:{selectedBackgroundColor:o.color_white,unselectedBackgroundColor:o.color_white,hoverBackgroundColor:o.color_grey_100,pressedBackgroundColor:o.color_grey_200,selectedFontColor:o.color_grey_700,unselectedFontColor:o.color_grey_700,disabledFontColor:o.color_grey_500,focusOutline:o.color_blue_600,selectedUnderlineColor:o.color_purple_700,dividerColor:o.color_grey_400,fontFamily:o.type_sans,fontSize:o.type_scale_03,fontStyle:o.type_normal,fontWeight:o.type_regular,selectedIconColor:o.color_grey_700,unselectedIconColor:o.color_grey_700,disabledIconColor:o.color_grey_500},paginator:{backgroundColor:o.color_grey_100,fontColor:o.color_black,fontFamily:o.type_sans,fontSize:o.type_scale_02,fontStyle:o.type_normal,fontWeight:o.type_regular,fontTextTransform:"none",verticalPadding:o.spacing_12,horizontalPadding:o.spacing_32,marginRight:o.spacing_40,marginLeft:"20px",itemsPerPageSelectorMarginLeft:o.spacing_0,itemsPerPageSelectorMarginRight:o.spacing_8,pageSelectorMarginRight:"30px",pageSelectorMarginLeft:o.spacing_0,totalItemsContainerMarginRight:o.spacing_40,totalItemsContainerMarginLeft:o.spacing_0},paragraph:{display:"block",fontColor:o.color_black,fontSize:o.type_scale_03,fontWeight:o.type_regular},progressBar:{trackLineColor:o.color_purple_700,totalLineColor:o.color_grey_200,labelFontFamily:o.type_sans,labelFontSize:o.type_scale_01,labelFontStyle:o.type_normal,labelFontWeight:o.type_regular,labelFontColor:o.color_black,labelFontTextTransform:o.type_uppercase,valueFontFamily:o.type_sans,valueFontSize:o.type_scale_01,valueFontStyle:o.type_normal,valueFontWeight:o.type_regular,valueFontColor:o.color_black,valueFontTextTransform:o.type_uppercase,helperTextFontColor:o.color_black,helperTextFontSize:o.type_scale_01,helperTextFontStyle:o.type_normal,helperTextFontWeight:o.type_regular,helperTextFontFamily:o.type_sans,thickness:"9px",borderRadius:"5px",overlayColor:o.color_grey_800_a,overlayFontColor:o.color_white},quickNav:{fontColor:o.color_grey_700,hoverFontColor:o.color_purple_600,dividerBorderColor:o.color_grey_400,focusBorderColor:o.color_blue_600,focusBorderStyle:o.border_solid,focusBorderThickness:o.border_width_2,focusBorderRadius:o.border_width_2,paddingTop:o.spacing_8,paddingBottom:o.spacing_8,paddingLeft:o.spacing_16,paddingRight:o.spacing_16,fontFamily:o.type_sans,fontSize:o.type_scale_02,fontStyle:o.type_normal,fontWeight:o.type_regular},radioGroup:{fontFamily:o.type_sans,radioInputColor:o.color_blue_700,hoverRadioInputColor:o.color_blue_800,focusBorderColor:o.color_blue_600,activeRadioInputColor:o.color_blue_900,errorRadioInputColor:o.color_red_700,hoverErrorRadioInputColor:o.color_red_800,activeErrorRadioInputColor:o.color_red_900,readOnlyRadioInputColor:o.color_grey_500,hoverReadOnlyRadioInputColor:o.color_grey_600,activeReadOnlyRadioInputColor:o.color_grey_700,disabledRadioInputColor:o.color_grey_500,disabledLabelFontColor:o.color_grey_500,disabledHelperTextFontColor:o.color_grey_500,disabledRadioInputLabelFontColor:o.color_grey_500,errorMessageColor:o.color_red_700,labelFontColor:o.color_black,labelFontSize:o.type_scale_02,labelFontStyle:o.type_normal,labelFontWeight:o.type_semibold,labelLineHeight:o.type_leading_loose_01,optionalLabelFontWeight:o.type_regular,helperTextFontColor:o.color_black,helperTextFontSize:o.type_scale_01,helperTextFontStyle:o.type_normal,helperTextFontWeight:o.type_regular,helperTextLineHeight:o.type_leading_normal,radioInputLabelFontColor:o.color_black,radioInputLabelFontSize:o.type_scale_02,radioInputLabelFontStyle:o.type_normal,radioInputLabelFontWeight:o.type_regular,radioInputLabelLineHeight:o.type_leading_loose_01,groupLabelMargin:o.spacing_8,radioInputLabelMargin:o.spacing_8,groupVerticalGutter:o.spacing_4,groupHorizontalGutter:o.spacing_32},select:{fontFamily:o.type_sans,disabledColor:o.color_grey_500,enabledInputBorderColor:o.color_black,hoverInputBorderColor:o.color_purple_500,focusInputBorderColor:o.color_blue_600,errorInputBorderColor:o.color_red_700,hoverInputErrorBorderColor:o.color_red_600,disabledInputBorderColor:o.color_grey_500,disabledInputBackgroundColor:o.color_grey_100,inputMarginTop:o.spacing_4,inputMarginBottom:o.spacing_4,errorMessageColor:o.color_red_700,errorIconColor:o.color_red_700,labelFontColor:o.color_black,labelFontSize:o.type_scale_02,labelFontStyle:o.type_normal,labelFontWeight:o.type_semibold,labelLineHeight:o.type_leading_loose_01,optionalLabelFontWeight:o.type_regular,helperTextFontColor:o.color_black,helperTextFontSize:o.type_scale_01,helperTextFontStyle:o.type_normal,helperTextFontWeight:o.type_regular,helperTextLineHeight:o.type_leading_normal,placeholderFontColor:o.color_grey_800_a,valueFontColor:o.color_black,valueFontSize:o.type_scale_03,valueFontStyle:o.type_normal,valueFontWeight:o.type_regular,actionIconColor:o.color_black,hoverActionIconColor:o.color_black,activeActionIconColor:o.color_black,actionBackgroundColor:o.color_transparent,hoverActionBackgroundColor:o.color_grey_100,activeActionBackgroundColor:o.color_grey_300,listOptionFontColor:o.color_black,listOptionFontSize:o.type_scale_02,listOptionFontStyle:o.type_normal,listOptionFontWeight:o.type_regular,listOptionIconColor:o.color_black,listOptionDividerColor:o.color_grey_200,listGroupLabelFontWeight:o.type_semibold,focusListOptionBorderColor:o.color_blue_600,systemMessageFontColor:o.color_grey_700,collapseIndicatorColor:o.color_black,listDialogBackgroundColor:o.color_white,listDialogBorderColor:o.color_grey_400,selectedListOptionBackgroundColor:o.color_blue_100,selectedHoverListOptionBackgroundColor:o.color_blue_200,selectedActiveListOptionBackgroundColor:o.color_blue_300,selectedListOptionIconColor:o.color_blue_900,unselectedHoverListOptionBackgroundColor:o.color_grey_100,unselectedActiveListOptionBackgroundColor:o.color_grey_200,selectionIndicatorFontColor:o.color_black,selectionIndicatorFontSize:o.type_scale_01,selectionIndicatorFontStyle:o.type_regular,selectionIndicatorFontWeight:o.type_normal,selectionIndicatorBorderColor:o.color_grey_400,selectionIndicatorBackgroundColor:o.color_grey_50,enabledSelectionIndicatorActionBackgroundColor:o.color_transparent,enabledSelectionIndicatorActionIconColor:o.color_black,hoverSelectionIndicatorActionBackgroundColor:o.color_grey_100,hoverSelectionIndicatorActionIconColor:o.color_black,activeSelectionIndicatorActionBackgroundColor:o.color_grey_300,activeSelectionIndicatorActionIconColor:o.color_black},sidenav:{backgroundColor:o.color_grey_100,titleFontFamily:o.type_sans,titleFontSize:o.type_scale_04,titleFontStyle:o.type_normal,titleFontWeight:o.type_semibold,titleFontColor:o.color_grey_800,titleFontTextTransform:"none",titleFontLetterSpacing:o.type_spacing_normal,groupTitleFontFamily:o.type_sans,groupTitleFontSize:o.type_scale_02,groupTitleFontStyle:o.type_normal,groupTitleFontWeight:o.type_semibold,groupTitleFontColor:o.color_black,groupTitleHoverBackgroundColor:o.color_grey_200,groupTitleActiveBackgroundColor:o.color_grey_800,groupTitleSelectedFontColor:o.color_white,groupTitleSelectedBackgroundColor:o.color_grey_800,groupTitleSelectedHoverFontColor:o.color_white,groupTitleSelectedHoverBackgroundColor:o.color_grey_900,groupTitleFontTextTransform:o.type_uppercase,groupTitleFontLetterSpacing:o.type_spacing_wide_02,linkFontFamily:o.type_sans,linkFontSize:o.type_scale_02,linkFontStyle:o.type_normal,linkFontWeight:o.type_regular,linkFontColor:o.color_grey_800,linkHoverBackgroundColor:o.color_grey_200,linkSelectedFontColor:o.color_white,linkSelectedBackgroundColor:o.color_grey_800,linkSelectedHoverFontColor:o.color_white,linkSelectedHoverBackgroundColor:o.color_grey_900,linkFontTextTransform:"none",linkFontLetterSpacing:o.type_spacing_wide_01,linkTextDecoration:o.type_no_line,linkMarginTop:o.spacing_4,linkMarginBottom:o.spacing_4,linkMarginRight:o.spacing_16,linkMarginLeft:o.spacing_16,linkFocusColor:o.color_blue_600,scrollBarThumbColor:o.color_grey_200_a,scrollBarTrackColor:o.color_transparent},slider:{fontFamily:o.type_sans,limitValuesFontColor:o.color_black,limitValuesFontSize:o.type_scale_03,limitValuesFontStyle:o.type_normal,limitValuesFontWeight:o.type_regular,limitValuesFontLetterSpacing:o.type_spacing_normal,disabledLimitValuesFontColor:o.color_grey_500,labelFontFamily:o.type_sans,labelFontSize:o.type_scale_02,labelFontStyle:o.type_normal,labelFontWeight:o.type_semibold,labelLineHeight:o.type_leading_loose_01,helperTextFontFamily:o.type_sans,helperTextFontSize:o.type_scale_01,helperTextFontStyle:o.type_normal,helperTextFontWeight:o.type_regular,helperTextLineHeight:o.type_leading_normal,fontColor:o.color_black,labelFontColor:o.color_black,helperTextFontColor:o.color_black,disabledLabelFontColor:o.color_grey_500,disabledHelperTextFontColor:o.color_grey_500,thumbHeight:"12px",thumbWidth:"12px",hoverThumbHeight:"14px",hoverThumbWidth:"14px",thumbVerticalPosition:"12px",hoverThumbVerticalPosition:"11px",thumbBackgroundColor:o.color_blue_800,hoverThumbScale:"1.166666",hoverThumbBackgroundColor:o.color_blue_900,activeThumbScale:"1.166666",activeThumbBackgroundColor:o.color_blue_900,focusThumbBackgroundColor:o.color_blue_800,tickHeight:"4px",tickWidth:"4px",tickVerticalPosition:"11px",tickBackgroundColor:o.color_blue_800,trackLineThickness:"2px",trackLineVerticalPosition:"50%",trackLineColor:o.color_blue_800,totalLineThickness:"2px",totalLineVerticalPosition:"50%",totalLineColor:o.color_grey_200_a,disabledThumbVerticalPosition:"10px",disabledThumbBackgroundColor:o.color_grey_500,disabledTickVerticalPosition:"11px",disabledTickBackgroundColor:o.color_grey_500,disabledTrackLineColor:o.color_grey_500,disabledTotalLineColor:o.color_grey_100,focusColor:o.color_blue_600,floorLabelMarginRight:o.type_scale_03,ceilLabelMarginLeft:o.type_scale_03,inputMarginLeft:o.type_scale_06},spinner:{trackCircleColor:o.color_purple_700,trackCircleColorOverlay:o.color_purple_500,totalCircleColor:o.color_white,labelFontFamily:o.type_sans,labelFontSize:o.type_scale_02,labelFontStyle:o.type_normal,labelFontWeight:o.type_regular,labelFontColor:o.color_black,labelTextAlign:"center",progressValueFontFamily:o.type_sans,progressValueFontSize:o.type_scale_02,progressValueFontStyle:o.type_normal,progressValueFontWeight:o.type_bold,progressValueFontColor:o.inherit,progressValueTextAlign:"center",overlayBackgroundColor:o.color_black,overlayOpacity:"0.8",overlayLabelFontFamily:o.type_sans,overlayLabelFontSize:o.type_scale_02,overlayLabelFontStyle:o.type_normal,overlayLabelFontWeight:o.type_regular,overlayLabelFontColor:o.color_white,overlayLabelTextAlign:"center",overlayProgressValueFontFamily:o.type_sans,overlayProgressValueFontSize:o.type_scale_02,overlayProgressValueFontStyle:o.type_normal,overlayProgressValueFontWeight:o.type_bold,overlayProgressValueFontColor:o.color_white,overlayProgressValueTextAlign:"center"},switch:{checkedTrackBackgroundColor:o.color_purple_700,checkedThumbBackgroundColor:o.color_white,uncheckedTrackBackgroundColor:o.color_grey_400,uncheckedThumbBackgroundColor:o.color_white,disabledCheckedTrackBackgroundColor:o.color_purple_100,disabledCheckedThumbBackgroundColor:o.color_white,disabledUncheckedTrackBackgroundColor:o.color_grey_100,disabledUncheckedThumbBackgroundColor:o.color_white,disabledLabelFontColor:o.color_grey_500,disabledLabelFontStyle:o.type_normal,labelFontFamily:o.type_sans,labelFontSize:o.type_scale_03,labelFontStyle:o.type_normal,labelFontWeight:o.type_regular,labelFontColor:o.color_black,thumbFocusColor:o.color_blue_600,thumbHeight:"24px",thumbWidth:"24px",thumbShift:"1.25rem",trackHeight:"12px",trackWidth:"36px",spaceBetweenLabelSwitch:o.spacing_8},table:{rowSeparatorThickness:"1px",rowSeparatorStyle:o.border_solid,rowSeparatorColor:o.color_grey_300,dataBackgroundColor:o.color_white,dataFontFamily:o.type_sans,dataFontSize:o.type_scale_02,dataFontStyle:o.type_normal,dataFontWeight:o.type_regular,dataFontColor:o.color_black,dataFontTextTransform:"none",dataPaddingTop:o.spacing_16,dataPaddingBottom:o.spacing_16,dataPaddingRight:"20px",dataPaddingLeft:"20px",dataPaddingTopReduced:o.spacing_8,dataPaddingBottomReduced:o.spacing_8,dataPaddingRightReduced:o.spacing_16,dataPaddingLeftReduced:o.spacing_16,dataTextAlign:"left",dataTextLineHeight:"normal",firstChildPaddingLeft:o.spacing_24,lastChildPaddingRight:o.spacing_24,firstChildPaddingLeftReduced:"20px",lastChildPaddingRightReduced:"20px",headerBackgroundColor:o.color_purple_700,headerBorderRadius:"4px",headerFontFamily:o.type_sans,headerFontSize:o.type_scale_02,headerFontStyle:o.type_normal,headerFontWeight:o.type_regular,headerFontColor:o.color_white,headerFontTextTransform:"none",headerPaddingTop:o.spacing_16,headerPaddingBottom:o.spacing_16,headerPaddingRight:"20px",headerPaddingLeft:"20px",headerPaddingTopReduced:o.spacing_8,headerPaddingBottomReduced:o.spacing_8,headerPaddingRightReduced:o.spacing_16,headerPaddingLeftReduced:o.spacing_16,headerTextAlign:"left",headerTextLineHeight:"normal",scrollBarThumbColor:o.color_grey_700,scrollBarTrackColor:o.color_grey_300,sortIconColor:o.color_white,actionIconColor:o.color_purple_700,disabledActionIconColor:o.color_grey_500,hoverActionIconColor:o.color_purple_700,focusActionIconColor:o.color_purple_700,activeActionIconColor:o.color_purple_700,actionBackgroundColor:o.color_transparent,disabledActionBackgroundColor:o.color_transparent,hoverActionBackgroundColor:o.color_grey_100,focusActionBorderColor:o.color_blue_600,activeActionBackgroundColor:o.color_grey_300},tabs:{fontFamily:o.type_sans,fontSize:o.type_scale_03,fontStyle:o.type_normal,fontWeight:o.type_semibold,fontTextTransform:"none",selectedBackgroundColor:o.color_white,selectedFontColor:o.color_purple_700,selectedIconColor:o.color_purple_700,selectedUnderlineColor:o.color_purple_700,selectedUnderlineThickness:"2px",unselectedBackgroundColor:o.color_white,unselectedFontColor:o.color_grey_700,unselectedIconColor:o.color_grey_700,disabledFontColor:o.color_grey_500,disabledIconColor:o.color_grey_500,disabledFontStyle:o.type_normal,hoverBackgroundColor:o.color_purple_100,pressedBackgroundColor:o.color_purple_200,pressedFontWeight:o.type_semibold,dividerColor:o.color_grey_400,dividerThickness:"1px",focusOutline:o.color_purple_700,scrollButtonsWidth:"48px"},tag:{fontFamily:o.type_sans,fontColor:o.color_black,fontSize:o.type_scale_02,fontStyle:o.type_normal,fontWeight:o.type_regular,labelPaddingTop:o.spacing_0,labelPaddingBottom:o.spacing_0,labelPaddingLeft:o.spacing_16,labelPaddingRight:o.spacing_16,height:"40px",iconColor:o.color_white,iconSectionWidth:"40px",iconHeight:"24px",iconWidth:"auto",focusColor:o.color_blue_600},textarea:{fontFamily:o.type_sans,enabledBorderColor:o.color_black,hoverBorderColor:o.color_purple_500,focusBorderColor:o.color_blue_600,disabledBorderColor:o.color_grey_500,disabledContainerFillColor:o.color_grey_100,readOnlyBorderColor:o.color_grey_500,hoverReadOnlyBorderColor:o.color_grey_600,errorBorderColor:o.color_red_700,hoverErrorBorderColor:o.color_red_600,inputMarginTop:o.spacing_4,inputMarginBottom:o.spacing_4,errorMessageColor:o.color_red_700,labelFontColor:o.color_black,labelFontSize:o.type_scale_02,labelFontStyle:o.type_normal,labelFontWeight:o.type_semibold,labelLineHeight:o.type_leading_loose_01,disabledLabelFontColor:o.color_grey_500,optionalLabelFontWeight:o.type_regular,helperTextFontColor:o.color_black,helperTextFontSize:o.type_scale_01,helperTextFontStyle:o.type_normal,helperTextFontWeight:o.type_regular,helperTextLineHeight:o.type_leading_normal,disabledHelperTextFontColor:o.color_grey_500,placeholderFontColor:o.color_grey_800_a,disabledPlaceholderFontColor:o.color_grey_500,valueFontColor:o.color_black,valueFontSize:o.type_scale_03,valueFontStyle:o.type_normal,valueFontWeight:o.type_regular,disabledValueFontColor:o.color_grey_500},textInput:{fontFamily:o.type_sans,enabledBorderColor:o.color_black,hoverBorderColor:o.color_purple_500,focusBorderColor:o.color_blue_600,disabledBorderColor:o.color_grey_500,disabledContainerFillColor:o.color_grey_100,readOnlyBorderColor:o.color_grey_500,hoverReadOnlyBorderColor:o.color_grey_600,errorBorderColor:o.color_red_700,hoverErrorBorderColor:o.color_red_600,inputMarginTop:o.spacing_4,inputMarginBottom:o.spacing_4,errorMessageColor:o.color_red_700,errorIconColor:o.color_red_700,labelFontColor:o.color_black,labelFontSize:o.type_scale_02,labelFontStyle:o.type_normal,labelFontWeight:o.type_semibold,labelLineHeight:o.type_leading_loose_01,disabledLabelFontColor:o.color_grey_500,optionalLabelFontWeight:o.type_regular,helperTextFontColor:o.color_black,helperTextFontSize:o.type_scale_01,helperTextFontStyle:o.type_normal,helperTextFontWeight:o.type_regular,helperTextLineHeight:o.type_leading_normal,disabledHelperTextFontColor:o.color_grey_500,prefixColor:o.color_grey_700,prefixDividerBorderWidth:"1px",prefixDividerBorderStyle:o.border_solid,prefixDividerPaddingRight:o.spacing_8,suffixColor:o.color_grey_700,suffixDividerBorderStyle:o.border_solid,suffixDividerBorderWidth:"1px",suffixDividerPaddingLeft:o.spacing_8,disabledPrefixColor:o.color_grey_400,disabledSuffixColor:o.color_grey_400,placeholderFontColor:o.color_grey_800_a,disabledPlaceholderFontColor:o.color_grey_500,valueFontColor:o.color_black,valueFontSize:o.type_scale_03,valueFontStyle:o.type_normal,valueFontWeight:o.type_regular,disabledValueFontColor:o.color_grey_500,actionIconColor:o.color_black,disabledActionIconColor:o.color_grey_500,hoverActionIconColor:o.color_black,focusActionIconColor:o.color_black,activeActionIconColor:o.color_black,actionBackgroundColor:o.color_transparent,disabledActionBackgroundColor:o.color_transparent,hoverActionBackgroundColor:o.color_grey_100,focusActionBorderColor:o.color_blue_600,activeActionBackgroundColor:o.color_grey_300,listDialogBackgroundColor:o.color_white,listDialogBorderColor:o.color_grey_400,listOptionDividerColor:o.color_grey_200,listOptionFontColor:o.color_black,listOptionFontSize:o.type_scale_02,listOptionFontStyle:o.type_normal,listOptionFontWeight:o.type_regular,systemMessageFontColor:o.color_grey_700,errorListDialogFontColor:o.color_black,errorListDialogBackgroundColor:o.color_red_50,errorListDialogBorderColor:o.color_red_700,hoverListOptionBackgroundColor:o.color_grey_100,activeListOptionBackgroundColor:o.color_grey_200,focusListOptionBorderColor:o.color_blue_600},toggleGroup:{containerBackgroundColor:o.color_grey_50,containerBorderColor:o.color_grey_500,labelFontColor:o.color_black,disabledLabelFontColor:o.color_grey_500,helperTextFontColor:o.color_black,disabledHelperTextFontColor:o.color_grey_500,unselectedBackgroundColor:o.color_grey_200,unselectedHoverBackgroundColor:o.color_grey_300,unselectedActiveBackgroundColor:o.color_purple_700,unselectedDisabledBackgroundColor:o.color_grey_100,unselectedFontColor:o.color_black,unselectedDisabledFontColor:o.color_grey_500,selectedBackgroundColor:o.color_purple_700,selectedHoverBackgroundColor:o.color_purple_800,selectedActiveBackgroundColor:o.color_purple_900,selectedDisabledBackgroundColor:o.color_purple_100,selectedFontColor:o.color_white,selectedDisabledFontColor:o.color_purple_300,focusColor:o.color_blue_600,labelFontFamily:o.type_sans,labelFontSize:o.type_scale_02,labelFontStyle:o.type_normal,labelFontWeight:o.type_semibold,labelLineHeight:o.type_leading_loose_01,helperTextFontFamily:o.type_sans,helperTextFontSize:o.type_scale_01,helperTextFontStyle:o.type_normal,helperTextFontWeight:o.type_regular,helperTextLineHeight:o.type_leading_normal,optionLabelFontFamily:o.type_sans,optionLabelFontSize:o.type_scale_03,optionLabelFontStyle:o.type_normal,optionLabelFontWeight:o.type_regular,iconPaddingRight:o.spacing_8,iconPaddingLeft:o.spacing_8,labelPaddingLeft:o.spacing_24,labelPaddingRight:o.spacing_24,iconMarginRight:o.spacing_8,containerMarginTop:o.spacing_4,optionBorderThickness:o.border_width_0,optionBorderStyle:o.border_none,optionBorderRadius:o.border_radius_medium,containerBorderThickness:o.border_width_1,containerBorderStyle:o.border_solid,containerBorderRadius:o.border_radius_large,optionFocusBorderThickness:o.border_width_2},wizard:{visitedStepFontColor:o.color_black,visitedStepBackgroundColor:o.color_white,visitedStepBorderColor:o.color_black,unvisitedStepFontColor:o.color_grey_700,unvisitedLabelFontColor:o.color_grey_700,unvisitedHelperTextFontColor:o.color_grey_700,unvisitedStepBackgroundColor:o.color_transparent,unvisitedStepBorderColor:o.color_grey_700,selectedStepFontColor:o.color_white,selectedStepBackgroundColor:o.color_purple_700,selectedStepBorderColor:o.color_purple_700,selectedLabelFontColor:o.color_black,selectedHelperTextFontColor:o.color_black,selectedStepWidth:"32px",selectedStepHeight:"32px",selectedStepBorderThickness:"2px",selectedStepBorderStyle:o.border_solid,selectedStepBorderRadius:"45px",stepFontSize:o.type_scale_03,stepFontFamily:o.type_sans,stepFontStyle:o.type_normal,stepFontWeight:o.type_regular,stepFontTracking:o.type_spacing_wide_02,stepIconSize:"20px",stepWidth:"32px",stepHeight:"32px",stepBorderThickness:"2px",stepBorderStyle:o.border_solid,stepBorderRadius:"45px",visitedLabelFontColor:o.color_black,labelFontSize:o.type_scale_03,labelFontFamily:o.type_sans,labelFontStyle:o.type_normal,labelFontWeight:o.type_regular,labelFontTracking:o.type_spacing_normal,labelFontTextTransform:"none",labelTextAlign:"left",helperTextFontSize:o.type_scale_02,helperTextFontFamily:o.type_sans,helperTextFontStyle:o.type_normal,helperTextFontWeight:o.type_regular,helperTextFontTracking:o.type_spacing_normal,helperTextFontTextTransform:"none",visitedHelperTextFontColor:o.color_black,helperTextTextAlign:"left",disabledStepBackgroundColor:o.color_grey_100,disabledStepFontColor:o.color_grey_500,disabledLabelFontColor:o.color_grey_500,disabledHelperTextFontColor:o.color_grey_500,disabledStepBorderColor:o.color_grey_100,disabledStepWidth:"32px",disabledStepHeight:"32px",disabledStepBorderThickness:"2px",disabledStepBorderStyle:o.border_solid,disabledStepBorderRadius:"45px",separatorBorderThickness:"1px",separatorBorderStyle:o.border_solid,separatorColor:o.color_grey_700,focusColor:o.color_blue_600}},p={xxsmall:o.spacing_4,xsmall:o.spacing_8,small:o.spacing_12,medium:o.spacing_16,large:o.spacing_24,xlarge:o.spacing_32,xxlarge:o.spacing_48},re={xsmall:"20",small:"30",medium:"45",large:"66",xlarge:"90"},Ct={applicationLayout:{visibilityToggleTitle:"Toggle sidenav visibility"},alert:{infoTitleText:"information",successTitleText:"success",warningTitleText:"warning",errorTitleText:"error"},calendar:{daysShort:["Mo","Tu","We","Th","Fr","Sa","Su"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],previousMonthTitle:"Previous month",nextMonthTitle:"Next month"},dateInput:{invalidDateErrorMessage:"Invalid date."},dialog:{closeIconAriaLabel:"Close dialog"},fileInput:{fileSizeGreaterThanErrorMessage:"File size must be greater than min size.",fileSizeLessThanErrorMessage:"File size must be less than max size.",multipleButtonLabelDefault:"Select files",singleButtonLabelDefault:"Select file",dropAreaButtonLabelDefault:"Select",multipleDropAreaLabelDefault:"or drop files",singleDropAreaLabelDefault:"or drop a file",deleteFileActionTitle:"Remove file"},footer:{copyrightText:e=>`\xA9 DXC Technology ${e}. All rights reserved.`},formFields:{optionalLabel:"(Optional)",requiredSelectionErrorMessage:"This field is required. Please, choose an option.",requiredValueErrorMessage:"This field is required. Please, enter a value.",formatRequestedErrorMessage:"Please match the format requested.",lengthErrorMessage:(e,t)=>`Min length ${e}, max length ${t}.`,logoAlternativeText:"Logo"},header:{closeIcon:"Close menu",hamburguerTitle:"Menu"},numberInput:{valueGreaterThanOrEqualToErrorMessage:e=>`Value must be greater than or equal to ${e}.`,valueLessThanOrEqualToErrorMessage:e=>`Value must be less than or equal to ${e}.`,decrementValueTitle:"Decrement value",incrementValueTitle:"Increment value"},paginator:{itemsPerPageText:"Items per page: ",minToMaxOfText:(e,t,r)=>`${e} to ${t} of ${r}`,goToPageText:"Go to page:",pageOfText:(e,t)=>`Page: ${e} of ${t}`},passwordInput:{inputShowPasswordTitle:"Show password",inputHidePasswordTitle:"Hide password"},quickNav:{contentTitle:"Contents"},radioGroup:{optionalItemLabelDefault:"N/A"},select:{noMatchesErrorMessage:"No matches found",actionClearSelectionTitle:"Clear selection",actionClearSearchTitle:"Clear search"},tabs:{scrollLeft:"Scroll left",scrollRight:"Scroll right"},textInput:{clearFieldActionTitle:"Clear field",searchingMessage:"Searching...",fetchingDataErrorMessage:"Error fetching data"},toast:{clearToastActionTitle:"Clear toast"}};var j=(e,t)=>e&&typeof e=="object"?e[t]&&p[e[t]]||"0px":e&&typeof e=="string"?p[e]:"0px";import{useContext as zc}from"react";import{createContext as oi,useMemo as ei}from"react";import ti from"color";import Ic from"styled-components";import{jsx as Vr}from"react/jsx-runtime";var ri=oi(null),Yt=oi(null),ne=(e,t)=>{try{if(t){let n=ti(t).hsl(),i=n.lightness();return n.lightness(i+e).hex()}}catch{return null}},ie=(e,t)=>{try{if(t){let n=ti(t).hsl(),i=n.lightness();return n.lightness(i-e).hex()}}catch{return null}},Bc=e=>{let t=JSON.parse(JSON.stringify(Q));return Object.keys(t).map(r=>{e[r]&&Object.keys(e[r]).map(n=>{e[r][n]&&(t[r][n]=e[r][n])})}),t},Pc=e=>{let t=JSON.parse(JSON.stringify(Q)),r=t.accordion;r.assistiveTextFontColor=e?.accordion?.assistiveTextFontColor??r.assistiveTextFontColor,r.titleLabelFontColor=e?.accordion?.titleFontColor??r.titleLabelFontColor,r.arrowColor=e?.accordion?.accentColor??r.arrowColor,r.iconColor=e?.accordion?.accentColor??r.iconColor,r.hoverBackgroundColor=ne(57,e?.accordion?.accentColor)??r.hoverBackgroundColor;let n=t.alert;n.infoBackgroundColor=e?.alert?.baseColor??n.infoBackgroundColor,n.infoIconColor=e?.alert?.accentColor??n.infoIconColor,n.infoBorderColor=e?.alert?.accentColor??n.infoBorderColor,n.overlayColor=e?.alert?.overlayColor??n.overlayColor;let i=t.button;i.primaryDefaultFontColor=e?.button?.primaryFontColor??i.primaryDefaultFontColor,i.primaryDefaultBackgroundColor=e?.button?.baseColor??i.primaryDefaultBackgroundColor,i.secondaryDefaultFontColor=e?.button?.baseColor??i.secondaryDefaultFontColor,i.secondaryHoverDefaultFontColor=e?.button?.secondaryHoverFontColor??i.secondaryHoverDefaultFontColor,i.secondaryDefaultBorderColor=e?.button?.baseColor??i.secondaryDefaultBorderColor,i.secondaryHoverDefaultBackgroundColor=e?.button?.baseColor??i.secondaryHoverDefaultBackgroundColor,i.tertiaryDefaultFontColor=e?.button?.baseColor??i.tertiaryDefaultFontColor,i.primaryHoverDefaultBackgroundColor=ie(8,e?.button?.baseColor)??i.primaryHoverDefaultBackgroundColor,i.primaryActiveDefaultBackgroundColor=ie(18,e?.button?.baseColor)??i.primaryActiveDefaultBackgroundColor,i.secondaryActiveDefaultBackgroundColor=ie(18,e?.button?.baseColor)??i.secondaryActiveDefaultBackgroundColor,i.tertiaryHoverDefaultBackgroundColor=ne(57,e?.button?.baseColor)??i.tertiaryHoverDefaultBackgroundColor,i.tertiaryActiveDefaultBackgroundColor=ne(52,e?.button?.baseColor)??i.tertiaryActiveDefaultBackgroundColor,i.primaryDisabledDefaultBackgroundColor=ne(42,e?.button?.baseColor)??i.primaryDisabledDefaultBackgroundColor,i.primaryDisabledDefaultFontColor=ne(42,e?.button?.primaryFontColor)??i.primaryDisabledDefaultFontColor,i.secondaryDisabledDefaultBorderColor=ne(42,e?.button?.baseColor)??i.secondaryDisabledDefaultBorderColor,i.secondaryDisabledDefaultFontColor=ne(42,e?.button?.baseColor)??i.secondaryDisabledDefaultFontColor,i.tertiaryDisabledDefaultFontColor=ne(42,e?.button?.baseColor)??i.tertiaryDisabledDefaultFontColor;let l=t.checkbox;l.backgroundColorChecked=e?.checkbox?.baseColor??l.backgroundColorChecked,l.borderColor=e?.checkbox?.baseColor??l.borderColor,l.checkColor=e?.checkbox?.checkColor??l.checkColor,l.fontColor=e?.checkbox?.fontColor??l.fontColor,l.hoverBackgroundColorChecked=ie(15,e?.checkbox?.baseColor)??l.hoverBackgroundColorChecked,l.hoverBorderColor=ie(15,e?.checkbox?.baseColor)??l.hoverBorderColor;let a=t.chip;a.backgroundColor=e?.chip?.baseColor??a.backgroundColor,a.fontColor=e?.chip?.fontColor??a.fontColor,a.iconColor=e?.chip?.iconColor??a.iconColor,a.hoverIconColor=ie(10,e?.chip?.iconColor)??a.hoverIconColor,a.activeIconColor=ie(30,e?.chip?.iconColor)??a.activeIconColor;let c=t.contextualMenu;c.selectedMenuItemBackgroundColor=e?.contextualMenu?.accentColor??c.selectedMenuItemBackgroundColor,c.hoverSelectedMenuItemBackgroundColor=ie(5,e?.contextualMenu?.accentColor)??c.hoverSelectedMenuItemBackgroundColor,c.activeSelectedMenuItemBackgroundColor=ie(5,e?.contextualMenu?.accentColor)??c.activeSelectedMenuItemBackgroundColor,c.backgroundColor=e?.contextualMenu?.baseColor??c.backgroundColor,c.hoverMenuItemBackgroundColor=ie(5,e?.contextualMenu?.baseColor)??c.hoverMenuItemBackgroundColor,c.activeMenuItemBackgroundColor=ie(5,e?.contextualMenu?.baseColor)??c.activeMenuItemBackgroundColor,c.menuItemFontColor=e?.contextualMenu?.fontColor??c.menuItemFontColor,c.sectionTitleFontColor=e?.contextualMenu?.fontColor??c.sectionTitleFontColor,c.iconColor=e?.contextualMenu?.iconColor??c.iconColor;let d=t.dataGrid;d.headerBackgroundColor=e?.dataGrid?.baseColor??d.headerBackgroundColor,d.headerFontColor=e?.dataGrid?.headerFontColor??d.headerFontColor,d.dataFontColor=e?.dataGrid?.cellFontColor??d.dataFontColor,d.headerCheckboxCheckColor=e?.dataGrid?.baseColor??d.headerCheckboxCheckColor,d.actionIconColor=e?.dataGrid?.baseColor??d.actionIconColor,d.hoverActionIconColor=e?.dataGrid?.baseColor??d.hoverActionIconColor,d.focusActionIconColor=e?.dataGrid?.baseColor??d.focusActionIconColor,d.activeActionIconColor=e?.dataGrid?.baseColor??d.activeActionIconColor;let s=t.dateInput;s.pickerSelectedBackgroundColor=e?.dateInput?.baseColor??s.pickerSelectedBackgroundColor,s.pickerSelectedFontColor=e?.dateInput?.selectedFontColor??s.pickerSelectedFontColor,s.pickerActiveBackgroundColor=ie(8,e?.dateInput?.baseColor)??s.pickerActiveBackgroundColor,s.pickerActiveFontColor=e?.dateInput?.selectedFontColor??s.pickerActiveFontColor,s.pickerCurrentYearFontColor=e?.dateInput?.baseColor??s.pickerCurrentYearFontColor,s.pickerHeaderActiveBackgroundColor=ie(8,e?.dateInput?.baseColor)??s.pickerHeaderActiveBackgroundColor,s.pickerHeaderActiveFontColor=e?.dateInput?.selectedFontColor??s.pickerHeaderActiveFontColor,s.pickerHoverBackgroundColor=ne(52,e?.dateInput?.baseColor)??s.pickerHoverBackgroundColor,s.pickerCurrentDateBorderColor=ne(42,e?.dateInput?.baseColor)??s.pickerCurrentDateBorderColor,s.pickerHeaderHoverBackgroundColor=ne(52,e?.dateInput?.baseColor)??s.pickerHeaderHoverBackgroundColor;let m=t.dialog;m.backgroundColor=e?.dialog?.baseColor??m.backgroundColor,m.closeIconColor=e?.dialog?.closeIconColor??m.closeIconColor,m.overlayColor=e?.dialog?.overlayColor??m.overlayColor;let g=t.dropdown;g.buttonBackgroundColor=e?.dropdown?.baseColor??g.buttonBackgroundColor,g.buttonFontColor=e?.dropdown?.fontColor??g.buttonFontColor,g.buttonIconColor=e?.dropdown?.fontColor??g.caretIconColor,g.caretIconColor=e?.dropdown?.fontColor??g.caretIconColor,g.optionFontColor=e?.dropdown?.optionFontColor??g.optionFontColor,g.optionIconColor=e?.dropdown?.optionFontColor??g.optionIconColor,g.hoverButtonBackgroundColor=ie(5,e?.dropdown?.baseColor)??g.hoverButtonBackgroundColor,g.activeButtonBackgroundColor=ie(12,e?.dropdown?.baseColor)??g.activeButtonBackgroundColor,g.hoverOptionBackgroundColor=ie(5,e?.dropdown?.baseColor)??g.hoverOptionBackgroundColor,g.activeOptionBackgroundColor=ie(20,e?.dropdown?.baseColor)??g.activeOptionBackgroundColor;let u=t.fileInput;u.labelFontColor=e?.fileInput?.fontColor??u.labelFontColor,u.helperTextFontColor=e?.fileInput?.fontColor??u.helperTextFontColor,u.dropLabelFontColor=e?.fileInput?.fontColor??u.dropLabelFontColor,u.fileNameFontColor=e?.fileInput?.fontColor??u.fileNameFontColor;let h=t.footer;h.backgroundColor=e?.footer?.baseColor??h.backgroundColor,h.bottomLinksFontColor=e?.footer?.fontColor??h.bottomLinksFontColor,h.copyrightFontColor=e?.footer?.fontColor??h.copyrightFontColor,h.socialLinksColor=e?.footer?.fontColor??h.socialLinksColor,h.bottomLinksDividerColor=e?.footer?.accentColor??h.bottomLinksDividerColor,h.logo=e?.footer?.logo??h.logo;let y=t.header;y.backgroundColor=e?.header?.baseColor??y.backgroundColor,y.underlinedColor=e?.header?.accentColor??y.underlinedColor,y.menuBackgroundColor=e?.header?.menuBaseColor??y.menuBackgroundColor,y.hamburguerFontColor=e?.header?.fontColor??y.hamburguerFontColor,y.hamburguerIconColor=e?.header?.hamburguerColor??y.hamburguerIconColor,y.hamburguerHoverColor=ne(90,e?.header?.hamburguerColor)??y.hamburguerHoverColor,y.logo=e?.header?.logo??y.logo,y.logoResponsive=e?.header?.logoResponsive??y.logoResponsive,y.contentColor=e?.header?.contentColor??y.contentColor,y.overlayColor=e?.header?.overlayColor??y.overlayColor;let v=t.link;v.visitedFontColor=e?.link?.baseColor??v.visitedFontColor,v.visitedUnderlineColor=e?.link?.baseColor??v.visitedUnderlineColor;let f=t.navTabs;f.selectedFontColor=e?.navTabs?.baseColor??f.selectedFontColor,f.unselectedFontColor=e?.navTabs?.baseColor??f.selectedFontColor,f.selectedIconColor=e?.navTabs?.baseColor??f.selectedIconColor,f.unselectedIconColor=e?.navTabs?.baseColor??f.selectedIconColor,f.selectedUnderlineColor=e?.navTabs?.accentColor??f.selectedUnderlineColor,f.hoverBackgroundColor=ne(55,e?.navTabs?.baseColor)??f.hoverBackgroundColor,f.pressedBackgroundColor=ne(50,e?.navTabs?.baseColor)??f.pressedBackgroundColor;let _=t.paginator;_.backgroundColor=e?.paginator?.baseColor??_.backgroundColor,_.fontColor=e?.paginator?.fontColor??_.fontColor;let x=t.progressBar;x.trackLineColor=e?.progressBar?.accentColor??x.trackLineColor,x.totalLineColor=e?.progressBar?.baseColor??x.totalLineColor,x.labelFontColor=e?.progressBar?.fontColor??x.labelFontColor,x.valueFontColor=e?.progressBar?.fontColor??x.valueFontColor,x.helperTextFontColor=e?.progressBar?.fontColor??x.helperTextFontColor,x.overlayColor=e?.progressBar?.overlayColor??x.overlayColor,x.overlayFontColor=e?.progressBar?.overlayFontColor??x.overlayFontColor;let b=t.quickNav;b.fontColor=e?.quickNav?.fontColor??b.fontColor,b.hoverFontColor=e?.quickNav?.accentColor??b.hoverFontColor;let L=t.radioGroup;L.radioInputColor=e?.radioGroup?.baseColor??L.radioInputColor,L.labelFontColor=e?.radioGroup?.fontColor??L.labelFontColor,L.helperTextFontColor=e?.radioGroup?.fontColor??L.helperTextFontColor,L.radioInputLabelFontColor=e?.radioGroup?.fontColor??L.radioInputLabelFontColor,L.hoverRadioInputColor=ie(10,e?.radioGroup?.baseColor)??L.radioInputColor,L.activeRadioInputColor=ie(25,e?.radioGroup?.baseColor)??L.radioInputColor;let B=t.select;B.selectedListOptionBackgroundColor=e?.select?.selectedOptionBackgroundColor??B.selectedListOptionBackgroundColor,B.valueFontColor=e?.select?.fontColor??B.valueFontColor,B.labelFontColor=e?.select?.fontColor??B.labelFontColor,B.helperTextFontColor=e?.select?.fontColor??B.helperTextFontColor,B.listOptionFontColor=e?.select?.optionFontColor??B.listOptionFontColor,B.listOptionIconColor=e?.select?.optionFontColor??B.listOptionIconColor,B.placeholderFontColor=ne(30,e?.select?.fontColor)??B.placeholderFontColor,B.collapseIndicatorColor=e?.select?.fontColor??B.collapseIndicatorColor,B.hoverInputBorderColor=e?.select?.hoverBorderColor??B.hoverInputBorderColor,B.selectedHoverListOptionBackgroundColor=ie(5,e?.select?.selectedOptionBackgroundColor)??B.selectedHoverListOptionBackgroundColor,B.selectedActiveListOptionBackgroundColor=ie(15,e?.select?.selectedOptionBackgroundColor)??B.selectedActiveListOptionBackgroundColor;let I=t.sidenav;I.backgroundColor=e?.sidenav?.baseColor??I.backgroundColor;let H=t.slider;H.labelFontColor=e?.slider?.fontColor??H.labelFontColor,H.helperTextFontColor=e?.slider?.fontColor??H.helperTextFontColor,H.limitValuesFontColor=e?.slider?.fontColor??H.limitValuesFontColor,H.thumbBackgroundColor=e?.slider?.baseColor??H.thumbBackgroundColor,H.focusThumbBackgroundColor=e?.slider?.baseColor??H.focusThumbBackgroundColor,H.tickBackgroundColor=e?.slider?.baseColor??H.tickBackgroundColor,H.trackLineColor=e?.slider?.baseColor??H.trackLineColor,H.totalLineColor=e?.slider?.totalLineColor??H.totalLineColor,H.hoverThumbBackgroundColor=ie(15,e?.slider?.baseColor)??H.thumbBackgroundColor,H.activeThumbBackgroundColor=ie(15,e?.slider?.baseColor)??H.thumbBackgroundColor;let R=t.spinner;R.trackCircleColor=e?.spinner?.accentColor??R.trackCircleColor,R.totalCircleColor=e?.spinner?.baseColor??R.totalCircleColor,R.trackCircleColorOverlay=e?.spinner?.overlayColor??R.trackCircleColorOverlay,R.labelFontColor=e?.spinner?.fontColor??R.labelFontColor,R.progressValueFontColor=e?.spinner?.fontColor??R.progressValueFontColor,R.overlayLabelFontColor=e?.spinner?.overlayFontColor??R.overlayLabelFontColor,R.overlayProgressValueFontColor=e?.spinner?.overlayFontColor??R.overlayProgressValueFontColor;let F=t.switch;F.checkedTrackBackgroundColor=e?.switch?.checkedBaseColor??F.checkedTrackBackgroundColor,F.labelFontColor=e?.switch?.fontColor??F.labelFontColor,F.disabledCheckedTrackBackgroundColor=ne(57,e?.switch?.checkedBaseColor)??F.disabledCheckedTrackBackgroundColor;let w=t.table;w.headerBackgroundColor=e?.table?.baseColor??w.headerBackgroundColor,w.headerFontColor=e?.table?.headerFontColor??w.headerFontColor,w.dataFontColor=e?.table?.cellFontColor??w.dataFontColor,w.sortIconColor=e?.table?.headerFontColor??w.sortIconColor,w.actionIconColor=e?.table?.baseColor??w.actionIconColor,w.hoverActionIconColor=e?.table?.baseColor??w.hoverActionIconColor,w.focusActionIconColor=e?.table?.baseColor??w.focusActionIconColor,w.activeActionIconColor=e?.table?.baseColor??w.activeActionIconColor;let D=t.tabs;D.selectedFontColor=e?.tabs?.baseColor??D.selectedFontColor,D.selectedIconColor=e?.tabs?.baseColor??D.selectedIconColor,D.selectedUnderlineColor=e?.tabs?.baseColor??D.selectedUnderlineColor,D.focusOutline=e?.tabs?.baseColor??D.focusOutline,D.hoverBackgroundColor=ne(57,e?.tabs?.baseColor)??D.hoverBackgroundColor,D.pressedBackgroundColor=ne(52,e?.tabs?.baseColor)??D.pressedBackgroundColor;let O=t.tag;O.fontColor=e?.tag?.fontColor??O.fontColor,O.iconColor=e?.tag?.iconColor??O.iconColor;let N=t.textInput;N.labelFontColor=e?.textInput?.fontColor??N.labelFontColor,N.helperTextFontColor=e?.textInput?.fontColor??N.helperTextFontColor,N.valueFontColor=e?.textInput?.fontColor??N.valueFontColor,N.actionIconColor=e?.textInput?.fontColor??N.actionIconColor,N.hoverActionIconColor=e?.textInput?.fontColor??N.hoverActionIconColor,N.focusActionIconColor=e?.textInput?.fontColor??N.focusActionIconColor,N.activeActionIconColor=e?.textInput?.fontColor??N.activeActionIconColor,N.hoverBorderColor=e?.textInput?.hoverBorderColor??N.hoverBorderColor,N.suffixColor=ne(40,e?.textInput?.fontColor)??N.suffixColor,N.prefixColor=ne(40,e?.textInput?.fontColor)??N.prefixColor,N.placeholderFontColor=ne(30,e?.textInput?.fontColor)??N.placeholderFontColor;let Z=t.textarea;Z.labelFontColor=e?.textarea?.fontColor??Z.labelFontColor,Z.helperTextFontColor=e?.textarea?.fontColor??Z.helperTextFontColor,Z.valueFontColor=e?.textarea?.fontColor??Z.valueFontColor,Z.hoverBorderColor=e?.textarea?.hoverBorderColor??Z.hoverBorderColor,Z.placeholderFontColor=ne(30,e?.textarea?.fontColor)??Z.placeholderFontColor;let E=t.toggleGroup;E.selectedBackgroundColor=e?.toggleGroup?.selectedBaseColor??E.selectedBackgroundColor,E.selectedFontColor=e?.toggleGroup?.selectedFontColor??E.selectedFontColor,E.unselectedBackgroundColor=e?.toggleGroup?.unselectedBaseColor??E.unselectedBackgroundColor,E.unselectedActiveBackgroundColor=e?.toggleGroup?.selectedBaseColor??E.unselectedActiveBackgroundColor,E.unselectedFontColor=e?.toggleGroup?.unselectedFontColor??E.unselectedFontColor,E.selectedHoverBackgroundColor=ie(8,e?.toggleGroup?.selectedBaseColor)??E.selectedHoverBackgroundColor,E.selectedActiveBackgroundColor=ie(18,e?.toggleGroup?.selectedBaseColor)??E.selectedActiveBackgroundColor,E.selectedDisabledBackgroundColor=ne(57,e?.toggleGroup?.selectedBaseColor)??E.selectedDisabledBackgroundColor,E.selectedDisabledFontColor=ne(42,e?.toggleGroup?.selectedBaseColor)??E.selectedDisabledFontColor,E.unselectedHoverBackgroundColor=ie(10,e?.toggleGroup?.unselectedBaseColor)??E.unselectedHoverBackgroundColor;let z=t.wizard;return z.selectedStepBackgroundColor=e?.wizard?.baseColor??z.selectedStepBackgroundColor,z.selectedStepFontColor=e?.wizard?.selectedStepFontColor??z.selectedStepFontColor,z.selectedStepBorderColor=e?.wizard?.baseColor??z.selectedStepBorderColor,z.visitedLabelFontColor=e?.wizard?.fontColor??z.visitedLabelFontColor,z.selectedLabelFontColor=e?.wizard?.fontColor??z.selectedLabelFontColor,z.visitedHelperTextFontColor=e?.wizard?.fontColor??z.visitedHelperTextFontColor,z.selectedHelperTextFontColor=e?.wizard?.fontColor??z.selectedHelperTextFontColor,z.unvisitedStepBorderColor=ne(40,e?.wizard?.fontColor)??z.unvisitedStepBorderColor,z.unvisitedStepFontColor=ne(40,e?.wizard?.fontColor)??z.unvisitedStepFontColor,z.unvisitedLabelFontColor=ne(40,e?.wizard?.fontColor)??z.unvisitedLabelFontColor,z.unvisitedHelperTextFontColor=ne(40,e?.wizard?.fontColor)??z.unvisitedHelperTextFontColor,t},Lc=e=>{let t=Ct;return Object.keys(e).map(r=>{t[r]&&Object.keys(t[r]).map(n=>{e[r][n]&&(t[r][n]=e[r][n])})}),t},ro=({theme:e,advancedTheme:t,labels:r,children:n})=>{let i=ei(()=>e?Pc(e):t?Bc(t):Q,[e,t]),l=ei(()=>r?Lc(r):Ct,[r]);return Vr(Dc,{children:Vr(ri.Provider,{value:i,children:Vr(Yt.Provider,{value:l,children:n})})})},Dc=Ic.div`
|
|
2
|
+
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap&family=Material+Symbols+Outlined:FILL@0..1");
|
|
3
|
+
`,jr=ri;var Ac=()=>zc(jr)||Q,k=Ac;import{createContext as Rc,useContext as Hc,useMemo as Mc}from"react";import Ec from"styled-components";import{jsx as li}from"react/jsx-runtime";var ni=Rc(null),Wc=["a","blockquote","cite","code","div","em","figcaption","h1","h2","h3","h4","h5","h6","p","pre","small","span","strong"],ii=e=>Wc.includes(e),Oc=({as:e,display:t,fontFamily:r,fontSize:n,fontStyle:i,fontWeight:l,letterSpacing:a,lineHeight:c,textAlign:d,color:s,textDecoration:m,textOverflow:g,whiteSpace:u,children:h})=>{let y=Hc(ni),v=Mc(()=>({as:ii(e)?e:ii(y?.as)?y?.as:"span",display:t??y?.display??"inline",fontFamily:r??y?.fontFamily??"Open Sans, sans-serif",fontSize:n??y?.fontSize??"1rem",fontStyle:i??y?.fontStyle??"normal",fontWeight:l??y?.fontWeight??"400",letterSpacing:a??y?.letterSpacing??"0em",lineHeight:c??y?.lineHeight??"1.5em",textAlign:d??y?.textAlign??"left",color:s??y?.color??"#000000",textDecoration:m??y?.textDecoration??"none",textOverflow:g??y?.textOverflow??"unset",whiteSpace:u??y?.whiteSpace??"normal"}),[e,t,r,n,i,l,a,c,d,s,m,g,u]);return li(ni.Provider,{value:v,children:li(Gc,{...v,children:h})})},Gc=Ec.span`
|
|
4
|
+
display: ${({display:e})=>e};
|
|
5
|
+
color: ${({color:e})=>e};
|
|
6
|
+
font-family: ${({fontFamily:e})=>e};
|
|
7
|
+
font-size: ${({fontSize:e})=>e};
|
|
8
|
+
font-style: ${({fontStyle:e})=>e};
|
|
9
|
+
font-weight: ${({fontWeight:e})=>e};
|
|
10
|
+
letter-spacing: ${({letterSpacing:e})=>e};
|
|
11
|
+
line-height: ${({lineHeight:e})=>e};
|
|
12
|
+
text-align: ${({textAlign:e})=>e};
|
|
13
|
+
text-decoration: ${({textDecoration:e})=>e};
|
|
14
|
+
text-overflow: ${({textOverflow:e})=>e};
|
|
15
|
+
white-space: ${({whiteSpace:e})=>e};
|
|
16
|
+
overflow: ${({textOverflow:e})=>e!=="unset"?"hidden":"visible"};
|
|
17
|
+
margin: 0;
|
|
18
|
+
`,$e=Oc;import Nc from"styled-components";import{jsx as Xc}from"react/jsx-runtime";var Vc=({icon:e})=>{let t=!1,r=e;return e.startsWith("filled_")&&(t=!0,r=e.replace(/filled_/g,"")),Xc(jc,{role:"img","aria-label":e,filled:t,icon:r,"aria-hidden":"true"})},jc=Nc.span`
|
|
19
|
+
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1");
|
|
20
|
+
font-family: "Material Symbols Outlined";
|
|
21
|
+
font-weight: normal;
|
|
22
|
+
font-style: normal;
|
|
23
|
+
line-height: 1;
|
|
24
|
+
letter-spacing: normal;
|
|
25
|
+
text-transform: none;
|
|
26
|
+
display: inline-block;
|
|
27
|
+
white-space: nowrap;
|
|
28
|
+
word-wrap: normal;
|
|
29
|
+
direction: ltr;
|
|
30
|
+
-webkit-font-feature-settings: "liga";
|
|
31
|
+
-webkit-font-smoothing: antialiased;
|
|
32
|
+
text-rendering: optimizeLegibility;
|
|
33
|
+
-moz-osx-font-smoothing: grayscale;
|
|
34
|
+
font-variation-settings: ${e=>e.filled?"'FILL' 1":"'FILL' 0"};
|
|
35
|
+
::before {
|
|
36
|
+
content: "${e=>e.icon}";
|
|
37
|
+
}
|
|
38
|
+
`,$=Vc;import{jsx as je,jsxs as Zt}from"react/jsx-runtime";var Yc=({label:e="",defaultIsExpanded:t,isExpanded:r,icon:n,assistiveText:i="",disabled:l=!1,onChange:a,children:c,margin:d,tabIndex:s=0})=>{let m=Jc(),[g,u]=Kc(t??!1),h=k(),y=()=>{r??u(v=>!v),a?.(r!=null?!r:!g)};return je(Uc,{theme:h.accordion,children:Zt(qc,{isExpanded:r??g,margin:d,children:[je(Qc,{children:Zt(ed,{id:`accordion-${m}`,onClick:l?void 0:y,disabled:l,tabIndex:l?-1:s,"aria-expanded":r??g,"aria-controls":`accordion-panel-${m}`,isExpanded:r??g,children:[Zt(od,{children:[Zt(td,{children:[n&&je(rd,{disabled:l,children:typeof n=="string"?je($,{icon:n}):n}),je($e,{color:l?h.accordion.disabledTitleLabelFontColor:h.accordion.titleLabelFontColor,fontFamily:h.accordion.titleLabelFontFamily,fontSize:h.accordion.titleLabelFontSize,fontStyle:h.accordion.titleLabelFontStyle,fontWeight:h.accordion.titleLabelFontWeight,lineHeight:"1.5em",children:e})]}),i&&je(nd,{children:je($e,{color:l?h.accordion.disabledAssistiveTextFontColor:h.accordion.assistiveTextFontColor,fontFamily:h.accordion.assistiveTextFontFamily,fontSize:h.accordion.assistiveTextFontSize,fontStyle:h.accordion.assistiveTextFontStyle,fontWeight:h.accordion.assistiveTextFontWeight,letterSpacing:h.accordion.assistiveTextLetterSpacing,lineHeight:"1.5em",children:i})})]}),je(id,{disabled:l,children:je($,{icon:r??g?"expand_less":"expand_more"})})]})}),(r??g)&&je(ld,{id:`accordion-panel-${m}`,role:"region","aria-labelledby":`accordion-${m}`,children:c})]})})},Zc=e=>`calc(100% - ${j(e,"left")} - ${j(e,"right")})`,qc=no.div`
|
|
39
|
+
display: flex;
|
|
40
|
+
flex-direction: column;
|
|
41
|
+
background-color: ${e=>e.theme.backgroundColor};
|
|
42
|
+
border-radius: ${e=>e.theme.borderRadius};
|
|
43
|
+
${e=>e.isExpanded&&"border-bottom-left-radius: 0; border-bottom-right-radius: 0;"}
|
|
44
|
+
box-shadow: ${e=>`${e.theme.boxShadowOffsetX} ${e.theme.boxShadowOffsetY} ${e.theme.boxShadowBlur} ${e.theme.boxShadowColor}`};
|
|
45
|
+
min-width: 280px;
|
|
46
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
47
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
48
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
49
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
50
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
51
|
+
width: ${e=>Zc(e.margin)};
|
|
52
|
+
`,Qc=no.h3`
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-direction: column;
|
|
55
|
+
min-height: 48px;
|
|
56
|
+
margin: 0;
|
|
57
|
+
`,ed=no.button`
|
|
58
|
+
display: flex;
|
|
59
|
+
justify-content: space-between;
|
|
60
|
+
align-items: center;
|
|
61
|
+
gap: 24px;
|
|
62
|
+
width: 100%;
|
|
63
|
+
background-color: transparent;
|
|
64
|
+
border: none;
|
|
65
|
+
border-radius: ${e=>e.theme.borderRadius};
|
|
66
|
+
${e=>e.isExpanded&&"border-bottom-left-radius: 0; border-bottom-right-radius: 0;"}
|
|
67
|
+
padding: 12px 16px;
|
|
68
|
+
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
69
|
+
|
|
70
|
+
:focus {
|
|
71
|
+
outline: ${e=>`${e.theme.focusBorderColor} ${e.theme.focusBorderStyle} ${e.theme.focusBorderThickness}`};
|
|
72
|
+
}
|
|
73
|
+
:hover:enabled {
|
|
74
|
+
background-color: ${e=>`${e.theme.hoverBackgroundColor}`};
|
|
75
|
+
}
|
|
76
|
+
:active:enabled {
|
|
77
|
+
background-color: ${e=>`${e.theme.hoverBackgroundColor}`};
|
|
78
|
+
}
|
|
79
|
+
`,od=no.span`
|
|
80
|
+
display: inline-flex;
|
|
81
|
+
justify-content: space-between;
|
|
82
|
+
width: 100%;
|
|
83
|
+
`,td=no.span`
|
|
84
|
+
display: flex;
|
|
85
|
+
padding-top: ${e=>e.theme.titleLabelPaddingTop};
|
|
86
|
+
padding-bottom: ${e=>e.theme.titleLabelPaddingBottom};
|
|
87
|
+
padding-right: ${e=>e.theme.titleLabelPaddingRight};
|
|
88
|
+
padding-left: ${e=>e.theme.titleLabelPaddingLeft};
|
|
89
|
+
`,rd=no.span`
|
|
90
|
+
display: flex;
|
|
91
|
+
margin-left: ${e=>e.theme.iconMarginLeft};
|
|
92
|
+
margin-right: ${e=>e.theme.iconMarginRight};
|
|
93
|
+
color: ${e=>e.disabled?e.theme.disabledIconColor:e.theme.iconColor};
|
|
94
|
+
font-size: ${e=>e.theme.iconSize};
|
|
95
|
+
|
|
96
|
+
svg {
|
|
97
|
+
height: ${e=>e.theme.iconSize};
|
|
98
|
+
width: ${e=>e.theme.iconSize};
|
|
99
|
+
}
|
|
100
|
+
`,nd=no.span`
|
|
101
|
+
min-width: ${e=>e.theme.assistiveTextMinWidth};
|
|
102
|
+
padding-left: ${e=>e.theme.assistiveTextPaddingLeft};
|
|
103
|
+
padding-right: ${e=>e.theme.assistiveTextPaddingRight};
|
|
104
|
+
`,id=no.span`
|
|
105
|
+
display: flex;
|
|
106
|
+
flex-wrap: wrap;
|
|
107
|
+
align-content: center;
|
|
108
|
+
font-size: 24px;
|
|
109
|
+
color: ${e=>e.disabled?e.theme.disabledArrowColor:e.theme.arrowColor};
|
|
110
|
+
`,ld=no.div`
|
|
111
|
+
border-bottom-left-radius: ${e=>e.theme.borderRadius};
|
|
112
|
+
border-bottom-right-radius: ${e=>e.theme.borderRadius};
|
|
113
|
+
`,Xr=Yc;import{Children as md,useCallback as gd,useMemo as pd,useState as ud}from"react";import hd,{ThemeProvider as fd}from"styled-components";import{useContext as cd}from"react";import{createContext as ad}from"react";var qt=ad(null);import{jsx as sd}from"react/jsx-runtime";var dd=({...e})=>{let{activeIndex:t,handlerActiveChange:r,disabled:n,index:i}=cd(qt);return sd(Xr,{isExpanded:t===i,onChange:()=>{r(i)},disabled:n,...e,children:e.children})},ai=dd;import{jsx as Jr}from"react/jsx-runtime";var ci=({defaultIndexActive:e,indexActive:t,disabled:r=!1,onActiveChange:n,margin:i,children:l})=>{let a=k(),[c,d]=ud(e??-1),s=gd(g=>{t??d(u=>g===u?-1:g),!r&&n?.(g)},[r,t,n]),m=pd(()=>({activeIndex:t??c,handlerActiveChange:s,disabled:r}),[t,c,s,r]);return Jr(fd,{theme:a.accordion,children:Jr(yd,{margin:i,disabled:r,children:md.map(l,(g,u)=>Jr(qt.Provider,{value:{index:u,...m},children:g},`accordion-${u}`))})})};ci.Accordion=ai;var bd=e=>`calc(100% - ${j(e,"left")} - ${j(e,"right")})`,yd=hd.div`
|
|
114
|
+
width: ${e=>bd(e.margin)};
|
|
115
|
+
margin: ${({margin:e})=>e&&typeof e!="object"?p[e]:"0px"};
|
|
116
|
+
margin-top: ${({margin:e})=>e&&typeof e=="object"&&e.top?p[e.top]:""};
|
|
117
|
+
margin-right: ${({margin:e})=>e&&typeof e=="object"&&e.right?p[e.right]:""};
|
|
118
|
+
margin-bottom: ${({margin:e})=>e&&typeof e=="object"&&e.bottom?p[e.bottom]:""};
|
|
119
|
+
margin-left: ${({margin:e})=>e&&typeof e=="object"&&e.left?p[e.left]:""};
|
|
120
|
+
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
121
|
+
|
|
122
|
+
> div:not(:last-of-type):not(:only-of-type) {
|
|
123
|
+
border-bottom: ${e=>`${e.theme.accordionGroupSeparatorBorderThickness} ${e.theme.accordionGroupSeparatorBorderStyle}`};
|
|
124
|
+
border-color: ${e=>e.theme.accordionGroupSeparatorBorderColor};
|
|
125
|
+
}
|
|
126
|
+
> div:not(:first-of-type):not(:last-of-type):not(:only-of-type) {
|
|
127
|
+
border-radius: 0;
|
|
128
|
+
& > h3 > button {
|
|
129
|
+
border-radius: 0;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
> div:first-of-type:not(:only-of-type) {
|
|
133
|
+
border-bottom-left-radius: 0;
|
|
134
|
+
border-bottom-right-radius: 0;
|
|
135
|
+
border-top-left-radius: ${e=>e.theme.borderRadius};
|
|
136
|
+
border-top-right-radius: ${e=>e.theme.borderRadius};
|
|
137
|
+
|
|
138
|
+
& > h3 > button {
|
|
139
|
+
border-bottom-left-radius: 0;
|
|
140
|
+
border-bottom-right-radius: 0;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
> div:last-of-type:not(:only-of-type) {
|
|
144
|
+
border-top-left-radius: 0;
|
|
145
|
+
border-top-right-radius: 0;
|
|
146
|
+
border-bottom-left-radius: ${e=>e.theme.borderRadius};
|
|
147
|
+
border-bottom-right-radius: ${e=>e.theme.borderRadius};
|
|
148
|
+
|
|
149
|
+
& > h3 > button {
|
|
150
|
+
border-top-left-radius: 0;
|
|
151
|
+
border-top-right-radius: 0;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
`,Cd=ci;import Xe,{ThemeProvider as $d}from"styled-components";import{useContext as xd}from"react";var _d=()=>xd(Yt)||Ct,X=_d;import{jsx as Be,jsxs as Qt}from"react/jsx-runtime";var vd=({type:e="info",mode:t="inline",inlineText:r="",onClose:n,children:i,margin:l,size:a="fitContent",tabIndex:c})=>{let d=k(),s=X(),m=()=>e==="info"?s.alert.infoTitleText:e==="confirm"?s.alert.successTitleText:e==="warning"?s.alert.warningTitleText:s.alert.errorTitleText;return Be($d,{theme:d.alert,children:Qt(Td,{mode:t,children:[t==="modal"&&Be(kd,{mode:t,onClick:n}),Qt(Fd,{mode:t,type:e,margin:l,size:a,role:e==="error"?"alert":"status","aria-live":e==="error"?"assertive":"off",children:[Qt(wd,{children:[Be(Bd,{type:e,children:e==="info"&&Be($,{icon:"filled_info"})||e==="confirm"&&Be($,{icon:"filled_check_circle"})||e==="warning"&&Be($,{icon:"filled_warning"})||e==="error"&&Be($,{icon:"filled_cancel"})}),Qt(Pd,{children:[Be(Sd,{children:m()}),r&&r!==""&&"-",Be(Id,{children:r})]}),typeof n=="function"&&Be(Dd,{onClick:n,tabIndex:c,"aria-label":"Close alert",children:Be($,{icon:"close"})})]}),i&&Be(Ld,{children:i})]})]})})},di={small:"280px",medium:"480px",large:"820px",fillParent:"100%",fitContent:"fit-content"},si=(e,t)=>t==="fillParent"?`calc(${di[t]} - ${j(e,"left")} - ${j(e,"right")})`:di[t],Td=Xe.div`
|
|
155
|
+
font-size: ${e=>e.theme.fontSizeBase};
|
|
156
|
+
width: ${e=>e.mode==="modal"?"100%":""};
|
|
157
|
+
height: ${e=>e.mode==="modal"?"100%":""};
|
|
158
|
+
justify-content: ${e=>e.mode==="modal"?"center":""};
|
|
159
|
+
align-items: ${e=>e.mode==="modal"?"center":""};
|
|
160
|
+
top: ${e=>e.mode==="modal"?"0":""};
|
|
161
|
+
left: ${e=>e.mode==="modal"?"0":""};
|
|
162
|
+
position: ${e=>e.mode==="modal"?"fixed":""};
|
|
163
|
+
display: ${e=>e.mode==="modal"?"flex":""};
|
|
164
|
+
z-index: ${e=>e.mode==="modal"?"1200":""};
|
|
165
|
+
`,kd=Xe.div`
|
|
166
|
+
background-color: ${e=>e.mode==="modal"?`${e.theme.overlayColor}`:"transparent"};
|
|
167
|
+
position: ${e=>e.mode==="modal"?"fixed":""};
|
|
168
|
+
top: ${e=>e.mode==="modal"?"0":""};
|
|
169
|
+
bottom: ${e=>e.mode==="modal"?"0":""};
|
|
170
|
+
left: ${e=>e.mode==="modal"?"0":""};
|
|
171
|
+
right: ${e=>e.mode==="modal"?"0":""};
|
|
172
|
+
`,Fd=Xe.div`
|
|
173
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
174
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
175
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
176
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
177
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
178
|
+
display: ${e=>e.size==="fitContent"?"inline-block":"block"};
|
|
179
|
+
overflow: hidden;
|
|
180
|
+
box-sizing: border-box;
|
|
181
|
+
|
|
182
|
+
background-color: ${e=>e.type==="info"&&e.theme.infoBackgroundColor||e.type==="confirm"&&e.theme.successBackgroundColor||e.type==="warning"&&e.theme.warningBackgroundColor||e.type==="error"&&e.theme.errorBackgroundColor};
|
|
183
|
+
|
|
184
|
+
border-radius: ${e=>e.theme.borderRadius};
|
|
185
|
+
border-width: ${e=>e.theme.borderThickness};
|
|
186
|
+
border-style: ${e=>e.theme.borderStyle};
|
|
187
|
+
border-color: ${e=>e.type==="info"&&e.theme.infoBorderColor||e.type==="confirm"&&e.theme.successBorderColor||e.type==="warning"&&e.theme.warningBorderColor||e.type==="error"&&e.theme.errorBorderColor};
|
|
188
|
+
|
|
189
|
+
padding-left: 12px;
|
|
190
|
+
padding-right: 12px;
|
|
191
|
+
justify-content: ${e=>e.mode==="modal"?"center":""};
|
|
192
|
+
align-items: ${e=>e.mode==="modal"?"center":""};
|
|
193
|
+
max-width: ${e=>e.size!=="fillParent"&&si(e.margin,"fillParent")};
|
|
194
|
+
width: ${e=>e.size!=="fillParent"&&si(e.margin,e.size)};
|
|
195
|
+
z-index: ${e=>e.mode==="modal"?"1300":""};
|
|
196
|
+
`,wd=Xe.div`
|
|
197
|
+
display: flex;
|
|
198
|
+
flex-direction: row;
|
|
199
|
+
height: calc(48px - calc(${e=>e.theme.borderThickness} * 2));
|
|
200
|
+
align-items: center;
|
|
201
|
+
width: 100%;
|
|
202
|
+
`,Sd=Xe.div`
|
|
203
|
+
margin-right: 8px;
|
|
204
|
+
padding-right: ${e=>e.theme.titlePaddingRight};
|
|
205
|
+
padding-left: ${e=>e.theme.titlePaddingLeft};
|
|
206
|
+
font-family: ${e=>e.theme.titleFontFamily};
|
|
207
|
+
font-size: ${e=>e.theme.titleFontSize};
|
|
208
|
+
font-style: ${e=>e.theme.titleFontStyle};
|
|
209
|
+
font-weight: ${e=>e.theme.titleFontWeight};
|
|
210
|
+
color: ${e=>e.theme.titleFontColor};
|
|
211
|
+
text-transform: ${e=>e.theme.titleTextTransform};
|
|
212
|
+
`,Id=Xe.div`
|
|
213
|
+
margin-left: 8px;
|
|
214
|
+
padding-right: ${e=>e.theme.inlineTextPaddingRight};
|
|
215
|
+
padding-left: ${e=>e.theme.inlineTextPaddingLeft};
|
|
216
|
+
flex-grow: 1;
|
|
217
|
+
white-space: nowrap;
|
|
218
|
+
overflow: hidden;
|
|
219
|
+
text-overflow: ellipsis;
|
|
220
|
+
font-family: ${e=>e.theme.inlineTextFontFamily};
|
|
221
|
+
font-size: ${e=>e.theme.inlineTextFontSize};
|
|
222
|
+
font-style: ${e=>e.theme.inlineTextFontStyle};
|
|
223
|
+
font-weight: ${e=>e.theme.inlineTextFontWeight};
|
|
224
|
+
color: ${e=>e.theme.inlineTextFontColor};
|
|
225
|
+
`,Bd=Xe.span`
|
|
226
|
+
display: flex;
|
|
227
|
+
flex-wrap: wrap;
|
|
228
|
+
align-content: center;
|
|
229
|
+
margin-right: 12px;
|
|
230
|
+
padding-right: ${e=>e.theme.iconPaddingRight};
|
|
231
|
+
padding-left: ${e=>e.theme.iconPaddingLeft};
|
|
232
|
+
|
|
233
|
+
color: ${e=>e.type==="info"&&e.theme.infoIconColor||e.type==="confirm"&&e.theme.successIconColor||e.type==="warning"&&e.theme.warningIconColor||e.type==="error"&&e.theme.errorIconColor};
|
|
234
|
+
|
|
235
|
+
font-size: ${e=>e.theme.iconSize};
|
|
236
|
+
`,Pd=Xe.div`
|
|
237
|
+
display: flex;
|
|
238
|
+
flex-direction: row;
|
|
239
|
+
flex-grow: 1;
|
|
240
|
+
align-items: center;
|
|
241
|
+
overflow: hidden;
|
|
242
|
+
`,Ld=Xe.div`
|
|
243
|
+
flex: 1 1 auto;
|
|
244
|
+
padding: ${e=>`${e.theme.contentPaddingTop} ${e.theme.contentPaddingRight} ${e.theme.contentPaddingBottom} ${e.theme.contentPaddingLeft}`};
|
|
245
|
+
overflow-y: auto;
|
|
246
|
+
`,Dd=Xe.button`
|
|
247
|
+
display: flex;
|
|
248
|
+
flex-wrap: wrap;
|
|
249
|
+
align-content: center;
|
|
250
|
+
justify-content: center;
|
|
251
|
+
height: 24px;
|
|
252
|
+
width: 24px;
|
|
253
|
+
font-size: 20px;
|
|
254
|
+
border: 1px solid transparent;
|
|
255
|
+
border-radius: 2px;
|
|
256
|
+
box-shadow: 0 0 0 2px transparent;
|
|
257
|
+
padding: 3px;
|
|
258
|
+
margin-left: 12px;
|
|
259
|
+
background-color: transparent;
|
|
260
|
+
color: #000000;
|
|
261
|
+
cursor: pointer;
|
|
262
|
+
|
|
263
|
+
&:hover {
|
|
264
|
+
background-color: ${e=>e.theme.hoverActionBackgroundColor};
|
|
265
|
+
}
|
|
266
|
+
&:focus,
|
|
267
|
+
&:focus-visible {
|
|
268
|
+
outline: none;
|
|
269
|
+
box-shadow: 0 0 0 2px ${e=>e.theme.focusActionBorderColor};
|
|
270
|
+
}
|
|
271
|
+
&:active {
|
|
272
|
+
background-color: ${e=>e.theme.activeActionBackgroundColor};
|
|
273
|
+
}
|
|
274
|
+
`,zd=vd;import{useEffect as km,useRef as Fm,useState as wm}from"react";import Co from"styled-components";import{useMemo as qd}from"react";import Je,{ThemeProvider as Qd}from"styled-components";import Ad from"styled-components";import{jsx as Md}from"react/jsx-runtime";var Rd=Ad.div`
|
|
275
|
+
display: flex;
|
|
276
|
+
${e=>`
|
|
277
|
+
${typeof e.alignContent=="string"?`align-content: ${e.alignContent};`:""}
|
|
278
|
+
${typeof e.alignItems=="string"?`align-items: ${e.alignItems};`:""}
|
|
279
|
+
${typeof e.alignSelf=="string"?`align-self: ${e.alignSelf};`:""}
|
|
280
|
+
${typeof e.$basis=="string"?`flex-basis: ${e.$basis};`:""}
|
|
281
|
+
${typeof e.$direction=="string"?`flex-direction: ${e.$direction};`:""}
|
|
282
|
+
${typeof e.$gap=="string"?`gap: ${e.$gap};`:""}
|
|
283
|
+
${typeof e.$gap=="object"?`column-gap: ${e.$gap.columnGap}; row-gap: ${e.$gap.rowGap};`:""}
|
|
284
|
+
${typeof e.$grow=="number"?`flex-grow: ${e.$grow};`:""}
|
|
285
|
+
${typeof e.justifyContent=="string"?`justify-content: ${e.justifyContent};`:""}
|
|
286
|
+
${typeof e.$order=="number"?`order: ${e.$order};`:""}
|
|
287
|
+
${typeof e.$shrink=="number"?`flex-shrink: ${e.$shrink};`:""}
|
|
288
|
+
${typeof e.$wrap=="string"?`flex-wrap: ${e.$wrap};`:""}
|
|
289
|
+
`}
|
|
290
|
+
`,Hd=({basis:e,direction:t,gap:r,grow:n,order:i,shrink:l,wrap:a,...c})=>Md(Rd,{$basis:e,$direction:t,$gap:r,$grow:n,$order:i,$shrink:l,$wrap:a,...c}),te=Hd;import Kr from"styled-components";import{createContext as Ed,useContext as Wd}from"react";import{Root as Od,Trigger as Gd,Portal as Nd,Arrow as Vd,Content as jd}from"@radix-ui/react-tooltip";import{Provider as Xd}from"@radix-ui/react-tooltip";import{Fragment as Zd,jsx as Pe,jsxs as gi}from"react/jsx-runtime";var Jd=Kr.div`
|
|
291
|
+
position: relative;
|
|
292
|
+
display: inline-flex;
|
|
293
|
+
`,Kd=Kr(jd)`
|
|
294
|
+
z-index: 2147483647;
|
|
295
|
+
|
|
296
|
+
animation-duration: 0.2s;
|
|
297
|
+
animation-timing-function: ease-out;
|
|
298
|
+
|
|
299
|
+
/* Additional optimization to prevent blurry text in certain browsers */
|
|
300
|
+
-webkit-font-smoothing: antialiased;
|
|
301
|
+
transform: translateZ(0) scale(1, 1);
|
|
302
|
+
|
|
303
|
+
&[data-side="top"] {
|
|
304
|
+
animation-name: slideUp;
|
|
305
|
+
}
|
|
306
|
+
&[data-side="bottom"] {
|
|
307
|
+
animation-name: slideDown;
|
|
308
|
+
}
|
|
309
|
+
&[data-side="left"] {
|
|
310
|
+
animation-name: slideLeft;
|
|
311
|
+
}
|
|
312
|
+
&[data-side="right"] {
|
|
313
|
+
animation-name: slideRight;
|
|
314
|
+
}
|
|
315
|
+
@keyframes slideDown {
|
|
316
|
+
from {
|
|
317
|
+
opacity: 0;
|
|
318
|
+
transform: translateY(-10px);
|
|
319
|
+
}
|
|
320
|
+
to {
|
|
321
|
+
opacity: 1;
|
|
322
|
+
transform: translateY(0);
|
|
323
|
+
}
|
|
324
|
+
}
|
|
325
|
+
@keyframes slideUp {
|
|
326
|
+
from {
|
|
327
|
+
opacity: 0;
|
|
328
|
+
transform: translateY(10px);
|
|
329
|
+
}
|
|
330
|
+
to {
|
|
331
|
+
opacity: 1;
|
|
332
|
+
transform: translateY(0);
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
@keyframes slideLeft {
|
|
336
|
+
from {
|
|
337
|
+
opacity: 0;
|
|
338
|
+
transform: translateX(10px);
|
|
339
|
+
}
|
|
340
|
+
to {
|
|
341
|
+
opacity: 1;
|
|
342
|
+
transform: translateX(0);
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
@keyframes slideRight {
|
|
346
|
+
from {
|
|
347
|
+
opacity: 0;
|
|
348
|
+
transform: translateX(-10px);
|
|
349
|
+
}
|
|
350
|
+
to {
|
|
351
|
+
opacity: 1;
|
|
352
|
+
transform: translateX(0);
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
`,Ud=Kr.div`
|
|
356
|
+
box-sizing: border-box;
|
|
357
|
+
max-width: 242px;
|
|
358
|
+
border-radius: 4px;
|
|
359
|
+
border-color: ${o.color_grey_800};
|
|
360
|
+
padding: 8px 12px;
|
|
361
|
+
font-size: ${o.type_scale_01};
|
|
362
|
+
font-family: ${o.type_sans};
|
|
363
|
+
color: ${o.color_white};
|
|
364
|
+
background-color: ${o.color_grey_800};
|
|
365
|
+
overflow-wrap: break-word;
|
|
366
|
+
`,Yd=Pe("svg",{width:"12",height:"6",viewBox:"0 0 12 6",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",display:"block",children:Pe("path",{d:"M0.351562 0L5.30131 4.94975C5.69184 5.34027 6.325 5.34027 6.71552 4.94975L11.6653 0H6.00842H0.351562Z",fill:o.color_grey_800})}),mi=Ed(!1),le=({label:e,hasAdditionalContainer:t=!1,position:r="bottom",children:n})=>{let i=Wd(mi);return Pe(mi.Provider,{value:!0,children:e&&!i?Pe(Xd,{delayDuration:300,children:gi(Od,{children:[Pe(Gd,{asChild:!0,children:t?Pe(Jd,{children:n}):n}),Pe(Nd,{children:gi(Kd,{side:r,sideOffset:8,children:[Pe(Ud,{children:e}),Pe(Vd,{asChild:!0,"aria-hidden":!0,children:Yd})]})})]})}):n})},Go=({condition:e,children:t,label:r})=>e?Pe(le,{label:r,children:t}):Pe(Zd,{children:t});function pi(e){return Pe(le,{...e,hasAdditionalContainer:!0})}import{jsx as ae,jsxs as er}from"react/jsx-runtime";var ui=er("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"32",viewBox:"0 0 280.781 32",children:[ae("title",{children:"DXC Logo"}),er("g",{children:[ae("path",{d:"M171.5-54.124v12.539h-3.6V-54.124h-4.973v-3.191h13.54v3.191H171.5",transform:"translate(-68.528 65.45)",fill:"#fff"}),ae("path",{d:"M189.96-41.585V-57.315h12.326v3.079h-8.753v3.191h7.7v3.078h-7.7v3.3h8.87v3.078H189.96",transform:"translate(-77.56 65.45)",fill:"#fff"}),ae("path",{d:"M223.558-41.438a8.1,8.1,0,0,1-8.382-8.1v-.045a8.161,8.161,0,0,1,8.522-8.146,8.6,8.6,0,0,1,6.444,2.431l-2.289,2.543a6.133,6.133,0,0,0-4.178-1.778,4.743,4.743,0,0,0-4.738,4.905v.045a4.752,4.752,0,0,0,4.738,4.95,6,6,0,0,0,4.295-1.845l2.288,2.228a8.491,8.491,0,0,1-6.7,2.813",transform:"translate(-86.019 65.583)",fill:"#fff"}),ae("path",{d:"M254.988-41.585V-47.9h-6.63v6.315h-3.6V-57.315h3.6v6.225h6.63v-6.225h3.594v15.731h-3.594",transform:"translate(-95.903 65.45)",fill:"#fff"}),ae("path",{d:"M285.991-41.585l-7.914-10v10h-3.549V-57.315h3.316l7.657,9.685v-9.685h3.549v15.731h-3.058",transform:"translate(-105.869 65.45)",fill:"#fff"}),ae("path",{d:"M317.2-49.583a4.869,4.869,0,0,0-4.949-4.95,4.793,4.793,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.793,4.793,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.661-3.623-8.661-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.66,3.623,8.66,8.1v.045c0,4.477-3.664,8.145-8.708,8.145",transform:"translate(-115.631 65.583)",fill:"#fff"}),ae("path",{d:"M336.786-41.585V-57.315h3.6v12.584h8.148v3.146H336.786",transform:"translate(-126.654 65.45)",fill:"#fff"}),ae("path",{d:"M372.78-49.583a4.87,4.87,0,0,0-4.949-4.95,4.794,4.794,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.794,4.794,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.662-3.623-8.662-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.661,3.623,8.661,8.1v.045c0,4.477-3.666,8.145-8.708,8.145",transform:"translate(-135.016 65.583)",fill:"#fff"}),ae("path",{d:"M399.735-41.438c-5.09,0-8.592-3.443-8.592-8.1v-.045a8.243,8.243,0,0,1,8.568-8.146,9.18,9.18,0,0,1,6.42,2.16l-2.265,2.634a6.141,6.141,0,0,0-4.272-1.6,4.807,4.807,0,0,0-4.692,4.905v.045a4.8,4.8,0,0,0,4.949,4.995,5.89,5.89,0,0,0,3.384-.945v-2.25h-3.618v-2.992h7.1v6.841a10.837,10.837,0,0,1-6.98,2.5",transform:"translate(-145.284 65.583)",fill:"#fff"}),ae("path",{d:"M428.664-47.855v6.27h-3.6v-6.2l-6.28-9.528h4.2L426.89-51l3.968-6.315h4.085l-6.28,9.46",transform:"translate(-154.162 65.45)",fill:"#fff"}),ae("path",{d:"M84.218-55.737a10.063,10.063,0,0,1,2.589-4.4,9.792,9.792,0,0,1,6.985-2.77h11.328V-69.3H93.792a17.041,17.041,0,0,0-11.8,4.759,16.344,16.344,0,0,0-3.547,5.115,13.247,13.247,0,0,0-1.122,3.688Zm0,4.877a10.065,10.065,0,0,0,2.589,4.4,9.793,9.793,0,0,0,6.985,2.77h11.328V-37.3H93.792a17.042,17.042,0,0,1-11.8-4.759,16.339,16.339,0,0,1-3.547-5.114,13.251,13.251,0,0,1-1.122-3.688ZM63.1-47.98,54.45-37.3H45.873l12.957-16-12.957-16H54.45L63.1-58.619l8.65-10.68h8.578l-12.957,16,12.957,16H71.749ZM48.875-55.737a13.212,13.212,0,0,0-1.122-3.688,16.359,16.359,0,0,0-3.546-5.115,17.043,17.043,0,0,0-11.8-4.759H21.08v6.393H32.408a9.79,9.79,0,0,1,6.985,2.77,10.072,10.072,0,0,1,2.59,4.4Zm0,4.877a13.215,13.215,0,0,1-1.122,3.688,16.353,16.353,0,0,1-3.546,5.114,17.044,17.044,0,0,1-11.8,4.759H21.08v-6.393H32.408a9.791,9.791,0,0,0,6.985-2.77,10.074,10.074,0,0,0,2.59-4.4h6.892",transform:"translate(-21.08 69.298)",fill:"#fff"})]})]}),hi=er("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"16",viewBox:"0 0 280.781 32",children:[ae("title",{children:"DXC Logo"}),er("g",{children:[ae("path",{d:"M171.5-54.124v12.539h-3.6V-54.124h-4.973v-3.191h13.54v3.191H171.5",transform:"translate(-68.528 65.45)",fill:"#fff"}),ae("path",{d:"M189.96-41.585V-57.315h12.326v3.079h-8.753v3.191h7.7v3.078h-7.7v3.3h8.87v3.078H189.96",transform:"translate(-77.56 65.45)",fill:"#fff"}),ae("path",{d:"M223.558-41.438a8.1,8.1,0,0,1-8.382-8.1v-.045a8.161,8.161,0,0,1,8.522-8.146,8.6,8.6,0,0,1,6.444,2.431l-2.289,2.543a6.133,6.133,0,0,0-4.178-1.778,4.743,4.743,0,0,0-4.738,4.905v.045a4.752,4.752,0,0,0,4.738,4.95,6,6,0,0,0,4.295-1.845l2.288,2.228a8.491,8.491,0,0,1-6.7,2.813",transform:"translate(-86.019 65.583)",fill:"#fff"}),ae("path",{d:"M254.988-41.585V-47.9h-6.63v6.315h-3.6V-57.315h3.6v6.225h6.63v-6.225h3.594v15.731h-3.594",transform:"translate(-95.903 65.45)",fill:"#fff"}),ae("path",{d:"M285.991-41.585l-7.914-10v10h-3.549V-57.315h3.316l7.657,9.685v-9.685h3.549v15.731h-3.058",transform:"translate(-105.869 65.45)",fill:"#fff"}),ae("path",{d:"M317.2-49.583a4.869,4.869,0,0,0-4.949-4.95,4.793,4.793,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.793,4.793,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.661-3.623-8.661-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.66,3.623,8.66,8.1v.045c0,4.477-3.664,8.145-8.708,8.145",transform:"translate(-115.631 65.583)",fill:"#fff"}),ae("path",{d:"M336.786-41.585V-57.315h3.6v12.584h8.148v3.146H336.786",transform:"translate(-126.654 65.45)",fill:"#fff"}),ae("path",{d:"M372.78-49.583a4.87,4.87,0,0,0-4.949-4.95,4.794,4.794,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.794,4.794,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.662-3.623-8.662-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.661,3.623,8.661,8.1v.045c0,4.477-3.666,8.145-8.708,8.145",transform:"translate(-135.016 65.583)",fill:"#fff"}),ae("path",{d:"M399.735-41.438c-5.09,0-8.592-3.443-8.592-8.1v-.045a8.243,8.243,0,0,1,8.568-8.146,9.18,9.18,0,0,1,6.42,2.16l-2.265,2.634a6.141,6.141,0,0,0-4.272-1.6,4.807,4.807,0,0,0-4.692,4.905v.045a4.8,4.8,0,0,0,4.949,4.995,5.89,5.89,0,0,0,3.384-.945v-2.25h-3.618v-2.992h7.1v6.841a10.837,10.837,0,0,1-6.98,2.5",transform:"translate(-145.284 65.583)",fill:"#fff"}),ae("path",{d:"M428.664-47.855v6.27h-3.6v-6.2l-6.28-9.528h4.2L426.89-51l3.968-6.315h4.085l-6.28,9.46",transform:"translate(-154.162 65.45)",fill:"#fff"}),ae("path",{d:"M84.218-55.737a10.063,10.063,0,0,1,2.589-4.4,9.792,9.792,0,0,1,6.985-2.77h11.328V-69.3H93.792a17.041,17.041,0,0,0-11.8,4.759,16.344,16.344,0,0,0-3.547,5.115,13.247,13.247,0,0,0-1.122,3.688Zm0,4.877a10.065,10.065,0,0,0,2.589,4.4,9.793,9.793,0,0,0,6.985,2.77h11.328V-37.3H93.792a17.042,17.042,0,0,1-11.8-4.759,16.339,16.339,0,0,1-3.547-5.114,13.251,13.251,0,0,1-1.122-3.688ZM63.1-47.98,54.45-37.3H45.873l12.957-16-12.957-16H54.45L63.1-58.619l8.65-10.68h8.578l-12.957,16,12.957,16H71.749ZM48.875-55.737a13.212,13.212,0,0,0-1.122-3.688,16.359,16.359,0,0,0-3.546-5.115,17.043,17.043,0,0,0-11.8-4.759H21.08v6.393H32.408a9.79,9.79,0,0,1,6.985,2.77,10.072,10.072,0,0,1,2.59,4.4Zm0,4.877a13.215,13.215,0,0,1-1.122,3.688,16.353,16.353,0,0,1-3.546,5.114,17.044,17.044,0,0,1-11.8,4.759H21.08v-6.393H32.408a9.791,9.791,0,0,0,6.985-2.77,10.074,10.074,0,0,0,2.59-4.4h6.892",transform:"translate(-21.08 69.298)",fill:"#fff"})]})]});import{jsx as ke,jsxs as Ur}from"react/jsx-runtime";var es=({socialLinks:e,bottomLinks:t,copyright:r,children:n,margin:i,tabIndex:l=0,mode:a="default"})=>{let c=k(),d=X(),s=qd(()=>c.footer.logo?typeof c.footer.logo=="string"?ke(ls,{mode:a,alt:d.formFields.logoAlternativeText,src:c.footer.logo}):c.footer.logo:a==="default"?ui:hi,[c]);return ke(Qd,{theme:c.footer,children:Ur(os,{margin:i,mode:a,children:[Ur(te,{justifyContent:"space-between",alignItems:"center",wrap:"wrap",gap:"1.5rem",children:[ke(is,{mode:a,children:s}),a==="default"&&ke(te,{gap:c.footer.socialLinksGutter,children:e?.map((m,g)=>ke(le,{label:m.title,children:ke(as,{href:m.href,tabIndex:l,"aria-label":m.title,index:g,children:ke(cs,{children:typeof m.logo=="string"?ke($,{icon:m.logo}):m.logo})},`social${g}${m.href}`)}))})]}),ke(rs,{children:n}),a==="default"&&Ur(ts,{children:[ke(ds,{children:t?.map((m,g)=>ke("span",{children:ke(ss,{href:m.href,tabIndex:l,children:m.text})},`bottom${g}${m.text}`))}),ke(ns,{children:r||d.footer.copyrightText(new Date().getFullYear())})]})]})})},os=Je.footer`
|
|
367
|
+
background-color: ${e=>e.theme.backgroundColor};
|
|
368
|
+
box-sizing: border-box;
|
|
369
|
+
display: flex;
|
|
370
|
+
flex-direction: ${e=>e?.mode==="default"?"column":"row"};
|
|
371
|
+
justify-content: space-between;
|
|
372
|
+
margin-top: ${e=>e.margin?p[e.margin]:"0px"};
|
|
373
|
+
min-height: ${e=>e?.mode==="default"?e.theme.height:"40px"};
|
|
374
|
+
width: 100%;
|
|
375
|
+
gap: ${e=>e?.mode==="default"?"0px":"32px"};
|
|
376
|
+
@media (min-width: ${re.small}rem) {
|
|
377
|
+
padding: ${e=>e?.mode==="default"?"24px 32px":"12px 32px"};
|
|
378
|
+
}
|
|
379
|
+
@media (max-width: ${re.small}rem) {
|
|
380
|
+
padding: 20px;
|
|
381
|
+
flex-direction: column;
|
|
382
|
+
}
|
|
383
|
+
`,ts=Je.div`
|
|
384
|
+
display: flex;
|
|
385
|
+
justify-content: space-between;
|
|
386
|
+
align-items: flex-end;
|
|
387
|
+
|
|
388
|
+
@media (min-width: ${re.small}rem) {
|
|
389
|
+
flex-direction: row;
|
|
390
|
+
}
|
|
391
|
+
@media (max-width: ${re.small}rem) {
|
|
392
|
+
flex-direction: column;
|
|
393
|
+
align-items: center;
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
border-top: ${e=>`${e.theme.bottomLinksDividerThickness} ${e.theme.bottomLinksDividerStyle} ${e.theme.bottomLinksDividerColor}`};
|
|
397
|
+
margin-top: 16px;
|
|
398
|
+
`,rs=Je.div`
|
|
399
|
+
min-height: 16px;
|
|
400
|
+
overflow: hidden;
|
|
401
|
+
`,ns=Je.div`
|
|
402
|
+
padding-top: ${e=>e.theme.bottomLinksDividerSpacing};
|
|
403
|
+
font-family: ${e=>e.theme.copyrightFontFamily};
|
|
404
|
+
font-size: ${e=>e.theme.copyrightFontSize};
|
|
405
|
+
font-style: ${e=>e.theme.copyrightFontStyle};
|
|
406
|
+
font-weight: ${e=>e.theme.copyrightFontWeight};
|
|
407
|
+
color: ${e=>e.theme.copyrightFontColor};
|
|
408
|
+
|
|
409
|
+
@media (min-width: ${re.small}rem) {
|
|
410
|
+
max-width: 40%;
|
|
411
|
+
text-align: right;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
@media (max-width: ${re.small}rem) {
|
|
415
|
+
max-width: 100%;
|
|
416
|
+
width: 100%;
|
|
417
|
+
text-align: left;
|
|
418
|
+
}
|
|
419
|
+
`,is=Je.span`
|
|
420
|
+
max-height: ${e=>e?.mode==="default"?e.theme.logoHeight:"16px"};
|
|
421
|
+
width: ${e=>e.theme.logoWidth};
|
|
422
|
+
`,ls=Je.img`
|
|
423
|
+
max-height: ${e=>e?.mode==="default"?e.theme.logoHeight:"16px"};
|
|
424
|
+
width: ${e=>e.theme.logoWidth};
|
|
425
|
+
`,as=Je.a`
|
|
426
|
+
border-radius: 4px;
|
|
427
|
+
|
|
428
|
+
&:focus {
|
|
429
|
+
outline: 2px solid #0095ff;
|
|
430
|
+
outline-offset: 2px;
|
|
431
|
+
}
|
|
432
|
+
`,cs=Je.div`
|
|
433
|
+
display: flex;
|
|
434
|
+
align-items: center;
|
|
435
|
+
color: ${e=>e.theme.socialLinksColor};
|
|
436
|
+
overflow: hidden;
|
|
437
|
+
font-size: ${e=>e.theme.socialLinksSize};
|
|
438
|
+
|
|
439
|
+
svg {
|
|
440
|
+
height: ${e=>e.theme.socialLinksSize};
|
|
441
|
+
width: ${e=>e.theme.socialLinksSize};
|
|
442
|
+
}
|
|
443
|
+
`,ds=Je.div`
|
|
444
|
+
display: inline-flex;
|
|
445
|
+
flex-wrap: wrap;
|
|
446
|
+
align-self: center;
|
|
447
|
+
padding-top: ${e=>e.theme.bottomLinksDividerSpacing};
|
|
448
|
+
color: #fff;
|
|
449
|
+
|
|
450
|
+
@media (min-width: ${re.small}rem) {
|
|
451
|
+
max-width: 60%;
|
|
452
|
+
}
|
|
453
|
+
@media (max-width: ${re.small}rem) {
|
|
454
|
+
max-width: 100%;
|
|
455
|
+
width: 100%;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
& > span:not(:first-child):before {
|
|
459
|
+
content: "·";
|
|
460
|
+
padding: 0 0.5rem;
|
|
461
|
+
}
|
|
462
|
+
`,ss=Je.a`
|
|
463
|
+
text-decoration: ${e=>e.theme.bottomLinksTextDecoration};
|
|
464
|
+
color: ${e=>e.theme.bottomLinksFontColor};
|
|
465
|
+
font-family: ${e=>e.theme.bottomLinksFontFamily};
|
|
466
|
+
font-size: ${e=>e.theme.bottomLinksFontSize};
|
|
467
|
+
font-style: ${e=>e.theme.bottomLinksFontStyle};
|
|
468
|
+
font-weight: ${e=>e.theme.bottomLinksFontWeight};
|
|
469
|
+
border-radius: 2px;
|
|
470
|
+
|
|
471
|
+
&:focus {
|
|
472
|
+
outline: 2px solid #0095ff;
|
|
473
|
+
}
|
|
474
|
+
`,Yr=es;import{useCallback as Ds,useEffect as Fi,useMemo as wi,useRef as zs,useState as Si}from"react";import Fe,{ThemeProvider as As}from"styled-components";import*as fo from"@radix-ui/react-popover";import{useCallback as xi,useId as Ts,useLayoutEffect as ks,useRef as _i,useState as $i}from"react";import Vo,{ThemeProvider as Fs}from"styled-components";import{useLayoutEffect as ms,useState as gs}from"react";var ps=e=>{let[t,r]=gs(0);return ms(()=>{if(e!=null){r(e.getBoundingClientRect().width);let n=new ResizeObserver(i=>{let l=i[0].target.getBoundingClientRect();r(l?.width)});return n.observe(e),()=>{n.unobserve(e)}}},[e]),t},No=ps;import{forwardRef as Cs,memo as xs}from"react";import _s from"styled-components";import{memo as us}from"react";import Zr from"styled-components";import{jsx as or,jsxs as ys}from"react/jsx-runtime";var hs=({id:e,visuallyFocused:t,iconPosition:r,onClick:n,option:i})=>ys(fs,{visuallyFocused:t,onClick:()=>{n(i.value)},id:e,role:"menuitem",tabIndex:-1,children:[r==="after"&&or(fi,{children:i.label}),i.icon&&or(bs,{role:typeof i.icon=="string"?void 0:"img","aria-hidden":!0,children:typeof i.icon=="string"?or($,{icon:i.icon}):i.icon}),r==="before"&&or(fi,{children:i.label})]}),fs=Zr.li`
|
|
475
|
+
box-sizing: border-box;
|
|
476
|
+
display: flex;
|
|
477
|
+
align-items: center;
|
|
478
|
+
gap: ${e=>e.theme.optionIconSpacing};
|
|
479
|
+
min-height: 36px;
|
|
480
|
+
padding-top: ${e=>e.theme.optionPaddingTop};
|
|
481
|
+
padding-bottom: ${e=>e.theme.optionPaddingBottom};
|
|
482
|
+
padding-left: ${e=>e.theme.optionPaddingLeft};
|
|
483
|
+
padding-right: ${e=>e.theme.optionPaddingRight};
|
|
484
|
+
cursor: pointer;
|
|
485
|
+
|
|
486
|
+
${e=>e.visuallyFocused&&`outline: ${e.theme.focusColor} solid 2px; outline-offset: -2px;`}
|
|
487
|
+
&:hover {
|
|
488
|
+
background-color: ${e=>e.theme.hoverOptionBackgroundColor};
|
|
489
|
+
}
|
|
490
|
+
&:active {
|
|
491
|
+
background-color: ${e=>e.theme.activeOptionBackgroundColor};
|
|
492
|
+
}
|
|
493
|
+
`,fi=Zr.span`
|
|
494
|
+
font-family: ${e=>e.theme.optionFontFamily};
|
|
495
|
+
font-size: ${e=>e.theme.optionFontSize};
|
|
496
|
+
font-style: ${e=>e.theme.optionFontStyle};
|
|
497
|
+
font-weight: ${e=>e.theme.optionFontWeight};
|
|
498
|
+
line-height: 1.5rem;
|
|
499
|
+
color: ${e=>e.theme.optionFontColor};
|
|
500
|
+
white-space: nowrap;
|
|
501
|
+
`,bs=Zr.div`
|
|
502
|
+
display: flex;
|
|
503
|
+
color: ${e=>e.theme.optionIconColor};
|
|
504
|
+
font-size: ${e=>e.theme.optionIconSize};
|
|
505
|
+
|
|
506
|
+
svg {
|
|
507
|
+
width: ${e=>e.theme.optionIconSize};
|
|
508
|
+
height: ${e=>e.theme.optionIconSize};
|
|
509
|
+
}
|
|
510
|
+
`,bi=us(hs);import{jsx as yi}from"react/jsx-runtime";var $s=Cs(({id:e,dropdownTriggerId:t,iconsPosition:r,visualFocusIndex:n,menuItemOnClick:i,onKeyDown:l,options:a,styles:c},d)=>yi(vs,{onMouseDown:s=>{s.preventDefault()},onKeyDown:l,id:e,role:"menu","aria-labelledby":t,"aria-orientation":"vertical","aria-activedescendant":n!==-1?`${e}-option-${n}`:void 0,tabIndex:-1,ref:d,style:c,children:a.map((s,m)=>yi(bi,{id:`${e}-option-${m}`,visuallyFocused:m===n,iconPosition:r,onClick:i,option:s},`${e}-option-${m}`))})),vs=_s.ul`
|
|
511
|
+
box-sizing: border-box;
|
|
512
|
+
max-height: 230px;
|
|
513
|
+
min-width: min-content;
|
|
514
|
+
padding: 0;
|
|
515
|
+
margin: 0;
|
|
516
|
+
background-color: ${e=>e.theme.optionBackgroundColor};
|
|
517
|
+
border-width: ${e=>e.theme.borderThickness};
|
|
518
|
+
border-style: ${e=>e.theme.borderStyle};
|
|
519
|
+
border-color: ${e=>e.theme.borderColor};
|
|
520
|
+
border-radius: ${e=>e.theme.borderRadius};
|
|
521
|
+
border-top-right-radius: 0;
|
|
522
|
+
border-top-left-radius: 0;
|
|
523
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
524
|
+
outline: none;
|
|
525
|
+
|
|
526
|
+
overflow-y: auto;
|
|
527
|
+
&::-webkit-scrollbar {
|
|
528
|
+
width: 8px;
|
|
529
|
+
height: 8px;
|
|
530
|
+
}
|
|
531
|
+
&::-webkit-scrollbar-thumb {
|
|
532
|
+
background-color: ${e=>e.theme.scrollBarThumbColor};
|
|
533
|
+
border-radius: 6px;
|
|
534
|
+
}
|
|
535
|
+
&::-webkit-scrollbar-track {
|
|
536
|
+
background-color: ${e=>e.theme.scrollBarTrackColor};
|
|
537
|
+
border-radius: 6px;
|
|
538
|
+
}
|
|
539
|
+
`,Ci=xs($s);import{jsx as Le,jsxs as tr}from"react/jsx-runtime";var ws=({options:e,optionsIconPosition:t="before",icon:r,iconPosition:n="before",label:i="",caretHidden:l=!1,disabled:a=!1,expandOnHover:c=!1,onSelectOption:d,margin:s,size:m="fitContent",tabIndex:g=0,title:u})=>{let h=Ts(),y=`trigger-${h}`,v=`menu-${h}`,[f,_]=$i(!1),[x,b]=$i(0),L=k(),B=_i(null),I=_i(null),H=No(B.current),R=()=>{_(!0)},F=()=>{_(!1),b(0)},w=xi(C=>{d(C),F(),B.current?.focus()},[d]),D=C=>{!C.currentTarget.contains(C.relatedTarget)&&F()},O=()=>{_(C=>!C)},N=C=>{switch(C.key){case"Up":case"ArrowUp":C.preventDefault(),b(e.length-1),R();break;case" ":case"Down":case"ArrowDown":case"Enter":C.preventDefault(),R();break}},Z=()=>{b(C=>C===0?e.length-1:C-1)},E=()=>{b(C=>C===e.length-1?0:C+1)},z=xi(C=>{switch(C.key){case"Up":case"ArrowUp":C.preventDefault(),Z();break;case"Down":case"ArrowDown":C.preventDefault(),E();break;case" ":case"Enter":C.preventDefault(),w(e[x].value);break;case"Esc":case"Escape":C.preventDefault(),f&&C.stopPropagation(),F(),B.current?.focus();break;case"Home":case"PageUp":C.preventDefault(),b(0);break;case"End":case"PageDown":C.preventDefault(),b(e.length-1);break;case"Tab":F(),B.current?.focus();break}},[d,x,e]);return ks(()=>{I?.current?.querySelectorAll("[role='menuitem']")[x]?.scrollIntoView?.({block:"nearest",inline:"start"})},[x]),Le(Fs,{theme:L.dropdown,children:Le(Ss,{onMouseEnter:!a&&c?R:void 0,onMouseLeave:!a&&c?F:void 0,onBlur:a?void 0:D,margin:s,size:m,children:tr(fo.Root,{open:f,children:[Le(le,{label:u,children:Le(fo.Trigger,{asChild:!0,type:void 0,children:tr(Is,{onClick:O,onKeyDown:N,onBlur:C=>{C.stopPropagation()},disabled:a,label:i,margin:s,size:m,id:y,"aria-haspopup":"true","aria-controls":f?v:void 0,"aria-expanded":f?!0:void 0,"aria-label":"Show options",tabIndex:g,ref:B,children:[tr(Bs,{children:[i&&n==="after"&&Le(Ti,{children:i}),r&&Le(Ps,{disabled:a,role:typeof r=="string"?void 0:"img","aria-hidden":!0,children:typeof r=="string"?Le($,{icon:r}):r}),i&&n==="before"&&Le(Ti,{children:i})]}),!l&&tr(Ls,{disabled:a,children:[Le($,{icon:f?"arrow_drop_up":"arrow_drop_down"})," "]})]})})}),Le(fo.Portal,{children:Le(fo.Content,{asChild:!0,sideOffset:1,children:Le(Ci,{id:v,dropdownTriggerId:y,options:e,iconsPosition:t,visualFocusIndex:x,menuItemOnClick:w,onKeyDown:z,styles:{width:H,zIndex:"2147483647"},ref:I})})})]})})})},vi={small:"60px",medium:"240px",large:"480px",fillParent:"100%",fitContent:"fit-content"},ki=(e,t)=>t==="fillParent"?`calc(${vi[t]} - ${j(e,"left")} - ${j(e,"right")})`:vi[t],Ss=Vo.div`
|
|
540
|
+
width: ${e=>ki(e.margin,e.size)};
|
|
541
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
542
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
543
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
544
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
545
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
546
|
+
`,Is=Vo.button`
|
|
547
|
+
display: flex;
|
|
548
|
+
justify-content: space-between;
|
|
549
|
+
align-items: center;
|
|
550
|
+
gap: ${e=>e.theme.caretIconSpacing};
|
|
551
|
+
width: 100%;
|
|
552
|
+
height: ${e=>e.theme.buttonHeight};
|
|
553
|
+
min-width: ${e=>e.label===""?"0px":ki(e.margin,e.size)};
|
|
554
|
+
border-radius: ${e=>e.theme.buttonBorderRadius};
|
|
555
|
+
border-width: ${e=>e.theme.buttonBorderThickness};
|
|
556
|
+
border-style: ${e=>e.theme.buttonBorderStyle};
|
|
557
|
+
border-color: ${e=>e.disabled?e.theme.disabledButtonBorderColor:e.theme.buttonBorderColor};
|
|
558
|
+
padding-top: ${e=>e.theme.buttonPaddingTop};
|
|
559
|
+
padding-bottom: ${e=>e.theme.buttonPaddingBottom};
|
|
560
|
+
padding-left: ${e=>e.theme.buttonPaddingLeft};
|
|
561
|
+
padding-right: ${e=>e.theme.buttonPaddingRight};
|
|
562
|
+
background-color: ${e=>e.disabled?e.theme.disabledButtonBackgroundColor:e.theme.buttonBackgroundColor};
|
|
563
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.buttonFontColor};
|
|
564
|
+
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
565
|
+
|
|
566
|
+
${e=>!e.disabled&&`
|
|
567
|
+
&:focus {
|
|
568
|
+
outline: 2px solid ${e.theme.focusColor};
|
|
569
|
+
}
|
|
570
|
+
&:hover {
|
|
571
|
+
background-color: ${e.theme.hoverButtonBackgroundColor};
|
|
572
|
+
}
|
|
573
|
+
&:active {
|
|
574
|
+
background-color: ${e.theme.activeButtonBackgroundColor};
|
|
575
|
+
}
|
|
576
|
+
`};
|
|
577
|
+
`,Bs=Vo.span`
|
|
578
|
+
display: flex;
|
|
579
|
+
align-items: center;
|
|
580
|
+
gap: ${e=>e.theme.buttonIconSpacing};
|
|
581
|
+
margin-left: 0px;
|
|
582
|
+
margin-right: 0px;
|
|
583
|
+
width: 100%;
|
|
584
|
+
overflow: hidden;
|
|
585
|
+
white-space: nowrap;
|
|
586
|
+
`,Ti=Vo.span`
|
|
587
|
+
font-family: ${e=>e.theme.buttonFontFamily};
|
|
588
|
+
font-size: ${e=>e.theme.buttonFontSize};
|
|
589
|
+
font-style: ${e=>e.theme.buttonFontStyle};
|
|
590
|
+
font-weight: ${e=>e.theme.buttonFontWeight};
|
|
591
|
+
text-overflow: ellipsis;
|
|
592
|
+
overflow: hidden;
|
|
593
|
+
`,Ps=Vo.span`
|
|
594
|
+
display: flex;
|
|
595
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.buttonIconColor};
|
|
596
|
+
font-size: ${e=>e.theme.buttonIconSize};
|
|
597
|
+
|
|
598
|
+
svg {
|
|
599
|
+
width: ${e=>e.theme.buttonIconSize};
|
|
600
|
+
height: ${e=>e.theme.buttonIconSize};
|
|
601
|
+
}
|
|
602
|
+
`,Ls=Vo.span`
|
|
603
|
+
display: flex;
|
|
604
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.caretIconColor};
|
|
605
|
+
font-size: ${e=>e.theme.caretIconSize};
|
|
606
|
+
|
|
607
|
+
svg {
|
|
608
|
+
width: ${e=>e.theme.caretIconSize};
|
|
609
|
+
height: ${e=>e.theme.caretIconSize};
|
|
610
|
+
}
|
|
611
|
+
`,Bo=ws;import{jsx as he,jsxs as Po}from"react/jsx-runtime";var Rs=e=>he(Hs,{children:he(Bo,{...e})}),Ii=(e,t)=>e?typeof e=="string"?he(Ws,{alt:t,src:e}):e:Po("svg",{xmlns:"http://www.w3.org/2000/svg",width:"73",height:"40",viewBox:"0 0 73 40",children:[he("title",{children:"DXC Logo"}),he("g",{transform:"translate(0)",children:Po("g",{children:[he("path",{d:"M91.613-28.177v2.514H90.231V-28.15l-2.415-3.82h1.616l1.5,2.532,1.526-2.532h1.571ZM83.9-25.555A3.15,3.15,0,0,1,80.6-28.8v-.018a3.231,3.231,0,0,1,3.294-3.262,3.442,3.442,0,0,1,2.469.865l-.87,1.054a2.311,2.311,0,0,0-1.643-.64,1.891,1.891,0,0,0-1.8,1.964v.018a1.886,1.886,0,0,0,1.9,2,2.2,2.2,0,0,0,1.3-.378v-.9H83.858v-1.2h2.729v2.738A4.071,4.071,0,0,1,83.9-25.555Zm-6.416-3.261a1.913,1.913,0,0,0-1.9-1.982A1.883,1.883,0,0,0,73.7-28.835v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,77.486-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018A3.255,3.255,0,0,1,75.6-32.078a3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,75.583-25.555Zm-9.173-.108V-31.97h1.382v5.045h3.133v1.261Zm-3.433-3.153a1.913,1.913,0,0,0-1.9-1.982,1.883,1.883,0,0,0-1.886,1.964v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,62.978-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018a3.255,3.255,0,0,1,3.348-3.262,3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,61.075-25.555Zm-6.508-.108-3.043-4.009v4.009H50.159V-31.97h1.275l2.944,3.883V-31.97h1.364v6.306Zm-8.246,0v-2.531h-2.55v2.531H42.389V-31.97h1.382v2.5h2.55v-2.5H47.7v6.306Zm-8.432.108A3.178,3.178,0,0,1,34.666-28.8v-.018a3.2,3.2,0,0,1,3.276-3.262,3.237,3.237,0,0,1,2.478.973l-.88,1.018a2.315,2.315,0,0,0-1.606-.712,1.866,1.866,0,0,0-1.822,1.964v.018a1.87,1.87,0,0,0,1.822,1.982,2.265,2.265,0,0,0,1.651-.739l.88.891A3.206,3.206,0,0,1,37.889-25.555Zm-9.805-.108V-31.97h4.739v1.235H29.458v1.279h2.962v1.234H29.458V-26.9h3.411v1.234ZM24.322-30.69v5.027H22.939V-30.69H21.028v-1.28h5.206v1.28H24.322",transform:"translate(-21.028 65.555)",fill:"#010101"}),he("path",{d:"M75.836-76.712a8.975,8.975,0,0,1,2.246-3.9,8.393,8.393,0,0,1,6.058-2.457h9.824v-5.67H84.139a14.611,14.611,0,0,0-10.232,4.221,14.509,14.509,0,0,0-3.076,4.536,11.913,11.913,0,0,0-.973,3.271Zm0,4.325a8.978,8.978,0,0,0,2.246,3.9,8.394,8.394,0,0,0,6.058,2.457h9.824v5.67H84.139A14.611,14.611,0,0,1,73.907-64.58a14.506,14.506,0,0,1-3.076-4.536,11.91,11.91,0,0,1-.973-3.271ZM57.522-69.832l-7.5,9.473H42.581L53.818-74.55,42.581-88.739H50.02l7.5,9.472,7.5-9.472h7.439L61.225-74.55l11.237,14.19H65.023Zm-12.336-6.88a11.935,11.935,0,0,0-.973-3.271,14.515,14.515,0,0,0-3.076-4.536A14.612,14.612,0,0,0,30.9-88.739H21.081v5.67H30.9a8.394,8.394,0,0,1,6.058,2.457,8.978,8.978,0,0,1,2.246,3.9Zm0,4.325a11.932,11.932,0,0,1-.973,3.271,14.511,14.511,0,0,1-3.076,4.536A14.611,14.611,0,0,1,30.9-60.359H21.081v-5.67H30.9a8.4,8.4,0,0,0,6.058-2.457,8.981,8.981,0,0,0,2.246-3.9h5.978",transform:"translate(-21.049 88.739)",fill:"#603494"})]})})]}),Bi=({isResponsive:e,responsiveContent:t,handleMenu:r,content:n})=>e?he(Ks,{children:t(r)}):he(Ns,{children:n}),Pi=({underlined:e=!1,content:t,responsiveContent:r,onClick:n,margin:i,tabIndex:l=0})=>{let a=k(),c=X(),d=zs(null),[s,m]=Si(!1),[g,u]=Si(!1),h=Ds(()=>{m(window.matchMedia(`(max-width: ${re.medium}rem)`).matches)},[]),y=()=>{u(!g)},v=wi(()=>Ii(a.header.logo,c.formFields.logoAlternativeText),[a.header.logo]),f=wi(()=>Ii(a.header.logoResponsive,c.formFields.logoAlternativeText),[a.header.logoResponsive]);return Fi(()=>(h(),window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}),[h]),Fi(()=>{!s&&u(!1)},[s]),he(As,{theme:a.header,children:Po(Ms,{underlined:e,margin:i,ref:d,children:[he(Es,{tabIndex:n?l:-1,interactive:!!n,onClick:n,children:he(Os,{children:v})}),s&&r&&Po(te,{grow:1,children:[he(Gs,{children:Po(Vs,{tabIndex:l,onClick:y,"aria-label":"Show options",children:[he($,{icon:"menu"}),c.header.hamburguerTitle]})}),Po(js,{hasVisibility:g,children:[Po(te,{justifyContent:"space-between",alignItems:"center",children:[he(Xs,{children:f}),he(le,{label:c.header.closeIcon,children:he(Js,{tabIndex:l,onClick:y,"aria-label":c.header.closeIcon,children:he($,{icon:"close"})})})]}),he(Bi,{isResponsive:s,responsiveContent:r,handleMenu:y,content:t})]}),he(Us,{onClick:y,hasVisibility:g})]}),!s&&he(Bi,{isResponsive:s,responsiveContent:r,handleMenu:y,content:t})]})})};Pi.Dropdown=Rs;var Hs=Fe.div`
|
|
612
|
+
display: flex;
|
|
613
|
+
button {
|
|
614
|
+
background-color: transparent;
|
|
615
|
+
:hover {
|
|
616
|
+
background-color: transparent;
|
|
617
|
+
}
|
|
618
|
+
}
|
|
619
|
+
`,Ms=Fe.header`
|
|
620
|
+
box-sizing: border-box;
|
|
621
|
+
display: flex;
|
|
622
|
+
flex-direction: row;
|
|
623
|
+
align-items: center;
|
|
624
|
+
justify-content: space-between;
|
|
625
|
+
min-height: ${e=>e.theme.minHeight};
|
|
626
|
+
margin-bottom: ${e=>e.margin?p[e.margin]:"0px"};
|
|
627
|
+
padding: ${e=>`${e.theme.paddingTop} ${e.theme.paddingRight} ${e.theme.paddingBottom} ${e.theme.paddingLeft}`};
|
|
628
|
+
background-color: ${e=>e.theme.backgroundColor};
|
|
629
|
+
border-bottom: ${e=>e.underlined&&`${e.theme.underlinedThickness} ${e.theme.underlinedStyle} ${e.theme.underlinedColor}`};
|
|
630
|
+
`,Es=Fe.a`
|
|
631
|
+
${e=>e.interactive?"cursor: pointer":"cursor: default; outline:none;"};
|
|
632
|
+
`,Ws=Fe.img`
|
|
633
|
+
max-height: ${e=>e.theme.logoHeight};
|
|
634
|
+
width: ${e=>e.theme.logoWidth};
|
|
635
|
+
`,Os=Fe.div`
|
|
636
|
+
max-height: ${e=>e.theme.logoHeight};
|
|
637
|
+
width: ${e=>e.theme.logoWidth};
|
|
638
|
+
vertical-align: middle;
|
|
639
|
+
`,Gs=Fe.div`
|
|
640
|
+
display: flex;
|
|
641
|
+
align-items: center;
|
|
642
|
+
justify-content: flex-end;
|
|
643
|
+
flex-grow: 1;
|
|
644
|
+
width: calc(100% - 186px);
|
|
645
|
+
`,Ns=Fe.div`
|
|
646
|
+
display: flex;
|
|
647
|
+
align-items: center;
|
|
648
|
+
flex-grow: 1;
|
|
649
|
+
justify-content: flex-end;
|
|
650
|
+
width: calc(100% - 186px);
|
|
651
|
+
color: ${e=>e.theme.contentColor};
|
|
652
|
+
`,Vs=Fe.button`
|
|
653
|
+
display: flex;
|
|
654
|
+
flex-direction: column;
|
|
655
|
+
justify-content: center;
|
|
656
|
+
align-items: center;
|
|
657
|
+
width: 54px;
|
|
658
|
+
cursor: pointer;
|
|
659
|
+
border: 1px solid transparent;
|
|
660
|
+
border-radius: 2px;
|
|
661
|
+
background-color: transparent;
|
|
662
|
+
:hover {
|
|
663
|
+
background-color: ${e=>e.theme.hamburguerHoverColor};
|
|
664
|
+
}
|
|
665
|
+
&:focus {
|
|
666
|
+
outline: ${e=>e.theme.hamburguerFocusColor} auto 1px;
|
|
667
|
+
}
|
|
668
|
+
& > svg {
|
|
669
|
+
fill: ${e=>e.theme.hamburguerIconColor};
|
|
670
|
+
}
|
|
671
|
+
& > span {
|
|
672
|
+
font-size: 24px;
|
|
673
|
+
}
|
|
674
|
+
font-family: ${e=>e.theme.hamburguerFontFamily};
|
|
675
|
+
font-style: ${e=>e.theme.hamburguerFontStyle};
|
|
676
|
+
font-size: ${e=>e.theme.hamburguerFontSize};
|
|
677
|
+
text-transform: ${e=>e.theme.hamburguerTextTransform};
|
|
678
|
+
font-weight: ${e=>e.theme.hamburguerFontWeight};
|
|
679
|
+
color: ${e=>e.theme.hamburguerFontColor};
|
|
680
|
+
`,js=Fe.div`
|
|
681
|
+
display: flex;
|
|
682
|
+
flex-direction: column;
|
|
683
|
+
background-color: ${e=>e.theme.menuBackgroundColor};
|
|
684
|
+
position: fixed;
|
|
685
|
+
top: 0;
|
|
686
|
+
right: 0;
|
|
687
|
+
z-index: ${e=>e.theme.menuZindex};
|
|
688
|
+
|
|
689
|
+
@media (max-width: ${re.large}rem) and (min-width: ${re.small}rem) {
|
|
690
|
+
width: ${e=>e.theme.menuTabletWidth};
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
@media (not((max-width: ${re.large}rem) and (min-width: ${re.small}rem))) {
|
|
694
|
+
width: ${e=>e.theme.menuMobileWidth};
|
|
695
|
+
}
|
|
696
|
+
|
|
697
|
+
height: 100vh;
|
|
698
|
+
padding: 20px;
|
|
699
|
+
transform: ${e=>e.hasVisibility?"translateX(0)":"translateX(100vw)"};
|
|
700
|
+
opacity: ${e=>e.hasVisibility?"1":"0.96"};
|
|
701
|
+
transition-property: transform, opacity;
|
|
702
|
+
transition-duration: 0.6s;
|
|
703
|
+
transition-timing-function: ease-in-out;
|
|
704
|
+
box-sizing: border-box;
|
|
705
|
+
`,Xs=Fe.div`
|
|
706
|
+
max-height: ${e=>e.theme.logoHeight};
|
|
707
|
+
width: ${e=>e.theme.logoWidth};
|
|
708
|
+
display: flex;
|
|
709
|
+
`,Js=Fe.button`
|
|
710
|
+
display: flex;
|
|
711
|
+
justify-content: center;
|
|
712
|
+
align-content: center;
|
|
713
|
+
padding: 6px;
|
|
714
|
+
border: unset;
|
|
715
|
+
border-radius: 2px;
|
|
716
|
+
background-color: transparent;
|
|
717
|
+
cursor: pointer;
|
|
718
|
+
|
|
719
|
+
:focus,
|
|
720
|
+
:focus-visible {
|
|
721
|
+
outline: ${e=>e.theme.hamburguerFocusColor} auto 1px;
|
|
722
|
+
}
|
|
723
|
+
font-size: 24px;
|
|
724
|
+
svg {
|
|
725
|
+
height: 24px;
|
|
726
|
+
width: 24px;
|
|
727
|
+
}
|
|
728
|
+
`,Ks=Fe.div`
|
|
729
|
+
display: flex;
|
|
730
|
+
flex-direction: column;
|
|
731
|
+
align-items: flex-start;
|
|
732
|
+
height: 100%;
|
|
733
|
+
color: ${e=>e.theme.contentColor};
|
|
734
|
+
`,Us=Fe.div`
|
|
735
|
+
position: fixed;
|
|
736
|
+
top: 0;
|
|
737
|
+
left: 0;
|
|
738
|
+
width: 100vw;
|
|
739
|
+
height: 100vh;
|
|
740
|
+
background-color: ${e=>e.theme.overlayColor};
|
|
741
|
+
opacity: ${e=>e.theme.overlayOpacity} !important;
|
|
742
|
+
visibility: ${e=>e.hasVisibility?"visible":"hidden"};
|
|
743
|
+
opacity: ${e=>e.hasVisibility?"1":"0"};
|
|
744
|
+
|
|
745
|
+
@media (max-width: ${re.small}rem) {
|
|
746
|
+
display: none;
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
transition: opacity 0.2s 0.2s ease-in-out;
|
|
750
|
+
z-index: ${e=>e.theme.overlayZindex};
|
|
751
|
+
`,qr=Pi;import{createContext as tm,forwardRef as rm,useContext as nm,useEffect as im,useState as zi}from"react";import Lo,{ThemeProvider as lm}from"styled-components";import Ys from"styled-components";import{jsx as Qs}from"react/jsx-runtime";var rr=e=>e||"0rem",Zs=Ys.div`
|
|
752
|
+
${({space:e,horizontal:t,vertical:r,top:n,right:i,bottom:l,left:a})=>`
|
|
753
|
+
margin: -${rr(n||r||e)} -${rr(i||t||e)} -${rr(l||r||e)} -${rr(a||t||e)};
|
|
754
|
+
`}
|
|
755
|
+
`,qs=({space:e,horizontal:t,vertical:r,top:n,right:i,bottom:l,left:a,children:c})=>Qs(Zs,{space:e,horizontal:t,vertical:r,top:n,right:i,bottom:l,left:a,children:c}),nr=qs;import{createContext as em,useContext as om}from"react";var Li=em(null),Di=Li.Provider,ir=()=>om(Li);import{Fragment as ym,jsx as we,jsxs as bo}from"react/jsx-runtime";var xt=({title:e,children:t})=>{let r=k();return we(lm,{theme:r.sidenav,children:bo(mm,{children:[e,we(te,{direction:"column",gap:"1rem",children:t})]})})},am=({children:e})=>we(nr,{horizontal:"1rem",children:we(gm,{children:e})}),cm=({children:e})=>bo(ym,{children:[we(nr,{horizontal:"1rem",children:we(te,{direction:"column",children:e})}),we(pm,{})]}),Ai=tm(null),dm=({title:e,collapsable:t=!1,icon:r,children:n})=>{let[i,l]=zi(!1),[a,c]=zi(!1);return we(Ai.Provider,{value:c,children:bo(um,{children:[t&&e?bo(fm,{"aria-expanded":!i,onClick:()=>l(!i),selectedGroup:i&&a,children:[bo(te,{alignItems:"center",gap:"0.5rem",children:[typeof r=="string"?we($,{icon:r}):r,e]}),we($,{icon:i?"expand_more":"expand_less"})]}):e&&bo(hm,{children:[typeof r=="string"?we($,{icon:r}):r,e]}),!i&&n]})})},sm=rm(({href:e,newWindow:t=!1,selected:r=!1,icon:n,onClick:i,tabIndex:l=0,children:a,...c},d)=>{let s=nm(Ai),m=ir(),g=u=>{i?.(u),m?.(!1)};return im(()=>{s?.(u=>u||r)},[r,s]),bo(bm,{selected:r,href:e||void 0,target:e?t?"_blank":"_self":void 0,ref:d,tabIndex:l,onClick:g,...c,children:[bo(te,{alignItems:"center",gap:"0.5rem",children:[typeof n=="string"?we($,{icon:n}):n,a]}),t&&we($,{icon:"open_in_new"})]})}),mm=Lo.div`
|
|
756
|
+
box-sizing: border-box;
|
|
757
|
+
display: flex;
|
|
758
|
+
flex-direction: column;
|
|
759
|
+
width: 280px;
|
|
760
|
+
@media (max-width: ${re.large}rem) {
|
|
761
|
+
width: 100vw;
|
|
762
|
+
}
|
|
763
|
+
padding: 2rem 1rem;
|
|
764
|
+
background-color: ${e=>e.theme.backgroundColor};
|
|
765
|
+
|
|
766
|
+
overflow-y: auto;
|
|
767
|
+
overflow-x: hidden;
|
|
768
|
+
::-webkit-scrollbar {
|
|
769
|
+
width: 2px;
|
|
770
|
+
}
|
|
771
|
+
::-webkit-scrollbar-track {
|
|
772
|
+
background-color: ${e=>e.theme.scrollBarTrackColor};
|
|
773
|
+
border-radius: 3px;
|
|
774
|
+
}
|
|
775
|
+
::-webkit-scrollbar-thumb {
|
|
776
|
+
background-color: ${e=>e.theme.scrollBarThumbColor};
|
|
777
|
+
border-radius: 3px;
|
|
778
|
+
}
|
|
779
|
+
`,gm=Lo.div`
|
|
780
|
+
display: flex;
|
|
781
|
+
align-items: center;
|
|
782
|
+
padding: 0.5rem 1.2rem;
|
|
783
|
+
font-family: ${e=>e.theme.titleFontFamily};
|
|
784
|
+
font-style: ${e=>e.theme.titleFontStyle};
|
|
785
|
+
font-weight: ${e=>e.theme.titleFontWeight};
|
|
786
|
+
font-size: ${e=>e.theme.titleFontSize};
|
|
787
|
+
color: ${e=>e.theme.titleFontColor};
|
|
788
|
+
letter-spacing: ${e=>e.theme.titleFontLetterSpacing};
|
|
789
|
+
text-transform: ${e=>e.theme.titleFontTextTransform};
|
|
790
|
+
`,pm=Lo.div`
|
|
791
|
+
width: 100%;
|
|
792
|
+
height: 1px;
|
|
793
|
+
background-color: ${o.color_grey_400};
|
|
794
|
+
|
|
795
|
+
&:last-child {
|
|
796
|
+
display: none;
|
|
797
|
+
}
|
|
798
|
+
`,um=Lo.div`
|
|
799
|
+
a {
|
|
800
|
+
padding: 0.5rem 1.2rem 0.5rem 2.25rem;
|
|
801
|
+
}
|
|
802
|
+
`,hm=Lo.span`
|
|
803
|
+
box-sizing: border-box;
|
|
804
|
+
display: flex;
|
|
805
|
+
align-items: center;
|
|
806
|
+
gap: 0.5rem;
|
|
807
|
+
padding: 0.5rem 1.2rem;
|
|
808
|
+
font-family: ${e=>e.theme.groupTitleFontFamily};
|
|
809
|
+
font-style: ${e=>e.theme.groupTitleFontStyle};
|
|
810
|
+
font-weight: ${e=>e.theme.groupTitleFontWeight};
|
|
811
|
+
font-size: ${e=>e.theme.groupTitleFontSize};
|
|
812
|
+
span::before {
|
|
813
|
+
font-size: 16px;
|
|
814
|
+
}
|
|
815
|
+
svg {
|
|
816
|
+
height: 16px;
|
|
817
|
+
width: 16px;
|
|
818
|
+
}
|
|
819
|
+
`,fm=Lo.button`
|
|
820
|
+
all: unset;
|
|
821
|
+
box-sizing: border-box;
|
|
822
|
+
display: flex;
|
|
823
|
+
align-items: center;
|
|
824
|
+
justify-content: space-between;
|
|
825
|
+
width: 100%;
|
|
826
|
+
padding: 0.5rem 1.2rem;
|
|
827
|
+
font-family: ${e=>e.theme.groupTitleFontFamily};
|
|
828
|
+
font-style: ${e=>e.theme.groupTitleFontStyle};
|
|
829
|
+
font-weight: ${e=>e.theme.groupTitleFontWeight};
|
|
830
|
+
font-size: ${e=>e.theme.groupTitleFontSize};
|
|
831
|
+
cursor: pointer;
|
|
832
|
+
|
|
833
|
+
${e=>e.selectedGroup?`color: ${e.theme.groupTitleSelectedFontColor}; background-color: ${e.theme.groupTitleSelectedBackgroundColor};`:`color: ${e.theme.groupTitleFontColor}; background-color: transparent;`}
|
|
834
|
+
|
|
835
|
+
&:focus, &:focus-visible {
|
|
836
|
+
outline: 2px solid ${e=>e.theme.linkFocusColor};
|
|
837
|
+
outline-offset: -2px;
|
|
838
|
+
}
|
|
839
|
+
&:hover {
|
|
840
|
+
${e=>e.selectedGroup?`color: ${e.theme.groupTitleSelectedHoverFontColor}; background-color: ${e.theme.groupTitleSelectedHoverBackgroundColor};`:`color: ${e.theme.groupTitleFontColor}; background-color: ${e.theme.groupTitleHoverBackgroundColor};`}
|
|
841
|
+
}
|
|
842
|
+
&:active {
|
|
843
|
+
color: #fff;
|
|
844
|
+
background-color: ${e=>e.selectedGroup?"#333":e.theme.groupTitleActiveBackgroundColor};
|
|
845
|
+
}
|
|
846
|
+
span::before {
|
|
847
|
+
font-size: 16px;
|
|
848
|
+
}
|
|
849
|
+
svg {
|
|
850
|
+
height: 16px;
|
|
851
|
+
width: 16px;
|
|
852
|
+
}
|
|
853
|
+
`,bm=Lo.a`
|
|
854
|
+
display: flex;
|
|
855
|
+
align-items: center;
|
|
856
|
+
justify-content: space-between;
|
|
857
|
+
gap: 0.5rem;
|
|
858
|
+
padding: 0.5rem 1.2rem;
|
|
859
|
+
box-shadow: 0 0 0 2px transparent;
|
|
860
|
+
font-family: ${e=>e.theme.linkFontFamily};
|
|
861
|
+
font-style: ${e=>e.theme.linkFontStyle};
|
|
862
|
+
font-weight: ${e=>e.theme.linkFontWeight};
|
|
863
|
+
font-size: ${e=>e.theme.linkFontSize};
|
|
864
|
+
letter-spacing: ${e=>e.theme.linkFontLetterSpacing};
|
|
865
|
+
text-transform: ${e=>e.theme.linkFontTextTransform};
|
|
866
|
+
text-decoration: ${e=>e.theme.linkTextDecoration};
|
|
867
|
+
cursor: pointer;
|
|
868
|
+
|
|
869
|
+
${e=>e.selected?`color: ${e.theme.linkSelectedFontColor}; background-color: ${e.theme.linkSelectedBackgroundColor};`:`color: ${e.theme.linkFontColor}; background-color: transparent;`}
|
|
870
|
+
|
|
871
|
+
&:focus, &:focus-visible {
|
|
872
|
+
outline: 2px solid ${e=>e.theme.linkFocusColor};
|
|
873
|
+
outline-offset: -2px;
|
|
874
|
+
}
|
|
875
|
+
&:hover {
|
|
876
|
+
${e=>e.selected?`color: ${e.theme.linkSelectedHoverFontColor}; background-color: ${e.theme.linkSelectedHoverBackgroundColor};`:`color: ${e.theme.linkFontColor}; background-color: ${e.theme.linkHoverBackgroundColor};`}
|
|
877
|
+
}
|
|
878
|
+
&:active {
|
|
879
|
+
color: #fff;
|
|
880
|
+
background-color: ${e=>e.selected?"#333":"#4d4d4d"};
|
|
881
|
+
outline: 2px solid #0095ff;
|
|
882
|
+
outline-offset: -2px;
|
|
883
|
+
}
|
|
884
|
+
span::before {
|
|
885
|
+
font-size: 16px;
|
|
886
|
+
}
|
|
887
|
+
svg {
|
|
888
|
+
height: 16px;
|
|
889
|
+
width: 16px;
|
|
890
|
+
}
|
|
891
|
+
`;xt.Section=cm;xt.Group=dm;xt.Link=sm;xt.Title=am;var Ri=xt;import{Children as _m,isValidElement as $m,useState as vm,useEffect as Tm}from"react";import{jsx as yo,jsxs as xm}from"react/jsx-runtime";var Cm={facebookLogo:yo("svg",{version:"1.1",x:"0px",y:"0px",width:"438.536px",height:"438.536px",viewBox:"0 0 438.536 438.536",fill:"#FFFFFF",children:yo("g",{children:yo("path",{d:`M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
|
|
892
|
+
C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
|
|
893
|
+
h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
|
|
894
|
+
C438.532,59.576,430.49,40.204,414.41,24.123z M373.155,225.548h-49.963V406.84h-74.802V225.548H210.99V163.02h37.401v-37.402
|
|
895
|
+
c0-26.838,6.283-47.107,18.843-60.813c12.559-13.706,33.304-20.555,62.242-20.555h49.963v62.526h-31.401
|
|
896
|
+
c-10.663,0-17.467,1.853-20.417,5.568c-2.949,3.711-4.428,10.23-4.428,19.558v31.119h56.534L373.155,225.548z`})})}),xLogo:xm("svg",{width:"256",height:"256",viewBox:"0 0 256 256",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[yo("rect",{width:"256",height:"256",rx:"40",fill:"white"}),yo("path",{d:"M140.192 118.205L187.848 64H176.556L135.158 111.056L102.117 64H64L113.975 135.163L64 192H75.2914L118.982 142.296L153.883 192H192L140.192 118.205ZM124.722 135.787L119.65 128.697L79.3634 72.3294H96.7094L129.232 117.837L134.282 124.927L176.551 184.076H159.205L124.722 135.787Z",fill:"#0F1419"})]}),linkedinLogo:yo("svg",{version:"1.1",x:"0px",y:"0px",width:"438.536px",height:"438.536px",viewBox:"0 0 438.536 438.536",fill:"#FFFFFF",children:yo("g",{children:yo("path",{d:`M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
|
|
897
|
+
C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
|
|
898
|
+
h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
|
|
899
|
+
C438.532,59.576,430.49,40.204,414.41,24.123z M133.618,367.157H67.666V169.016h65.952V367.157z M127.626,132.332
|
|
900
|
+
c-6.851,6.567-15.893,9.851-27.124,9.851h-0.288c-10.848,0-19.648-3.284-26.407-9.851c-6.76-6.567-10.138-14.703-10.138-24.41
|
|
901
|
+
c0-9.897,3.476-18.083,10.421-24.556c6.95-6.471,15.942-9.708,26.98-9.708c11.039,0,19.89,3.237,26.553,9.708
|
|
902
|
+
c6.661,6.473,10.088,14.659,10.277,24.556C137.899,117.625,134.477,125.761,127.626,132.332z M370.873,367.157h-65.952v-105.92
|
|
903
|
+
c0-29.879-11.036-44.823-33.116-44.823c-8.374,0-15.42,2.331-21.128,6.995c-5.715,4.661-9.996,10.324-12.847,16.991
|
|
904
|
+
c-1.335,3.422-1.999,8.75-1.999,15.981v110.775h-65.952c0.571-119.529,0.571-185.579,0-198.142h65.952v27.974
|
|
905
|
+
c13.867-21.681,33.558-32.544,59.101-32.544c22.84,0,41.21,7.52,55.104,22.554c13.895,15.037,20.841,37.214,20.841,66.519v113.64
|
|
906
|
+
H370.873z`})})})},lr=Cm;var Hi=new Date().getFullYear(),Mi=[{href:"https://www.linkedin.com/company/dxctechnology",text:"Linkedin"},{href:"https://x.com/dxctechnology",text:"X"},{href:"https://www.facebook.com/DXCTechnology/",text:"Facebook"}],Ei=[{href:"https://www.linkedin.com/company/dxctechnology",logo:lr.linkedinLogo,title:"Linkedin"},{href:"https://x.com/dxctechnology",logo:lr.xLogo,title:"X"},{href:"https://www.facebook.com/DXCTechnology/",logo:lr.facebookLogo,title:"Facebook"}],Wi=(e,t)=>_m.toArray(e).find(r=>$m(r)&&r.type===t),Oi=e=>{let[t,r]=vm(!1);return Tm(()=>{let n=()=>{r(window.matchMedia(`(max-width: ${e}rem)`).matches)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[e]),t};import{Fragment as Hm,jsx as Ke,jsxs as ar}from"react/jsx-runtime";var Sm=Co.div`
|
|
907
|
+
position: absolute;
|
|
908
|
+
top: 64px;
|
|
909
|
+
bottom: 0;
|
|
910
|
+
left: 0;
|
|
911
|
+
right: 0;
|
|
912
|
+
display: flex;
|
|
913
|
+
flex-direction: column;
|
|
914
|
+
|
|
915
|
+
@media (max-width: ${re.large}rem) {
|
|
916
|
+
${e=>e.hasSidenav&&"top: 116px"};
|
|
917
|
+
${e=>e.isSidenavVisible&&"overflow: hidden;"}
|
|
918
|
+
}
|
|
919
|
+
`,Im=Co.div`
|
|
920
|
+
position: fixed;
|
|
921
|
+
top: 0;
|
|
922
|
+
left: 0;
|
|
923
|
+
right: 0;
|
|
924
|
+
z-index: 3;
|
|
925
|
+
`,Bm=Co.div`
|
|
926
|
+
position: fixed;
|
|
927
|
+
top: 64px;
|
|
928
|
+
left: 0;
|
|
929
|
+
right: 0;
|
|
930
|
+
box-sizing: border-box;
|
|
931
|
+
display: flex;
|
|
932
|
+
align-items: center;
|
|
933
|
+
padding: 4px 16px;
|
|
934
|
+
width: 100%;
|
|
935
|
+
background-color: #f2f2f2;
|
|
936
|
+
user-select: none;
|
|
937
|
+
z-index: 2;
|
|
938
|
+
`,Pm=Co.button`
|
|
939
|
+
display: flex;
|
|
940
|
+
flex-wrap: wrap;
|
|
941
|
+
gap: 10px;
|
|
942
|
+
border: 0px solid transparent;
|
|
943
|
+
border-radius: 2px;
|
|
944
|
+
padding: 12px 4px;
|
|
945
|
+
background-color: transparent;
|
|
946
|
+
box-shadow: 0 0 0 2px transparent;
|
|
947
|
+
font-family:
|
|
948
|
+
Open Sans,
|
|
949
|
+
sans-serif;
|
|
950
|
+
font-weight: 600;
|
|
951
|
+
font-size: 14px;
|
|
952
|
+
color: #000;
|
|
953
|
+
cursor: pointer;
|
|
954
|
+
|
|
955
|
+
:active {
|
|
956
|
+
background-color: #cccccc;
|
|
957
|
+
}
|
|
958
|
+
:focus,
|
|
959
|
+
:focus-visible {
|
|
960
|
+
outline: none;
|
|
961
|
+
box-shadow: 0 0 0 2px #0095ff;
|
|
962
|
+
}
|
|
963
|
+
span::before {
|
|
964
|
+
font-size: 20px;
|
|
965
|
+
}
|
|
966
|
+
`,Lm=Co.div`
|
|
967
|
+
display: flex;
|
|
968
|
+
flex-direction: row;
|
|
969
|
+
flex: 1;
|
|
970
|
+
`,Dm=Co.div`
|
|
971
|
+
position: sticky;
|
|
972
|
+
top: 64px;
|
|
973
|
+
display: flex;
|
|
974
|
+
height: calc(100vh - 64px);
|
|
975
|
+
z-index: 1;
|
|
976
|
+
|
|
977
|
+
@media (max-width: ${re.large}rem) {
|
|
978
|
+
position: absolute;
|
|
979
|
+
top: 0px;
|
|
980
|
+
height: 100%;
|
|
981
|
+
}
|
|
982
|
+
`,zm=Co.div`
|
|
983
|
+
display: flex;
|
|
984
|
+
flex-direction: column;
|
|
985
|
+
width: 100%;
|
|
986
|
+
`,Am=Co.main`
|
|
987
|
+
flex: 1;
|
|
988
|
+
background-color: #fff;
|
|
989
|
+
`,Gi=({children:e})=>Ke(Hm,{children:e}),jo=({visibilityToggleLabel:e="",header:t,sidenav:r,footer:n,children:i})=>{let[l,a]=wm(!1),c=Oi(re.large),d=Fm(null),s=X(),m=()=>{a(g=>!g)};return km(()=>{!c&&a(!1)},[c]),ar(Sm,{hasSidenav:!!r,isSidenavVisible:l,ref:d,children:[Ke(Im,{children:t??Ke(qr,{underlined:!0})}),r&&c&&Ke(Bm,{children:Ke(le,{label:s.applicationLayout.visibilityToggleTitle,children:ar(Pm,{onClick:m,"aria-label":e?void 0:s.applicationLayout.visibilityToggleTitle,children:[Ke($,{icon:"Menu"}),e]})})}),ar(Lm,{children:[Ke(Di,{value:a,children:r&&(c?l:!0)&&Ke(Dm,{children:r})}),ar(zm,{children:[Ke(Am,{children:Wi(i,Gi)}),n??Ke(Yr,{copyright:`\xA9 DXC Technology ${Hi}\u200B\u200B\u200B\u200B. All rights reserved.`,bottomLinks:Mi,socialLinks:Ei})]})]})]})};jo.Footer=Yr;jo.Header=qr;jo.Main=Gi;jo.SideNav=Ri;jo.useResponsiveSidenavVisibility=ir;var Rm=jo;import Qr from"styled-components";import{jsx as cr,jsxs as jm}from"react/jsx-runtime";var Ni={grey:{background:o.color_grey_200,text:o.color_grey_900},blue:{background:o.color_blue_200,text:o.color_blue_900},green:{background:o.color_green_200,text:o.color_green_900},orange:{background:o.color_orange_200,text:o.color_orange_900},red:{background:o.color_red_200,text:o.color_red_900},yellow:{background:o.color_yellow_200,text:o.color_yellow_900},purple:{background:o.color_purple_200,text:o.color_purple_900}},Ue={small:{height:"20px",width:"20px",minWidth:"20px",fontSize:o.type_scale_01,borderRadius:o.spacing_12,iconSize:"14px",padding:{contextual:`${o.spacing_4}`,notification:`${o.spacing_0} ${o.spacing_4}`}},medium:{height:"24px",width:"24px",minWidth:"24px",fontSize:o.type_scale_02,borderRadius:o.spacing_12,iconSize:"16px",padding:{contextual:`${o.spacing_4} ${o.spacing_8}`,notification:`${o.spacing_0} ${o.spacing_4}`}},large:{height:"32px",width:"32px",minWidth:"32px",fontSize:o.type_scale_04,borderRadius:o.spacing_24,iconSize:"24px",padding:{contextual:`${o.spacing_4} ${o.spacing_8}`,notification:`${o.spacing_0} ${o.spacing_8}`}}},Mm=({label:e,title:t,mode:r="contextual",color:n="grey",icon:i,notificationLimit:l=99,size:a="medium"})=>cr(le,{label:t,children:jm(Gm,{label:e,mode:r,color:r==="contextual"&&n||void 0,size:a,"aria-label":t,children:[r==="contextual"&&i&&cr(Nm,{size:a,children:typeof i=="string"?cr($,{icon:i}):i}),e&&cr(Vm,{size:a,children:typeof e=="number"&&e>l?"+"+l:e})]})}),Em=(e,t)=>e==="contextual"?Ni[t].text:o.color_white,Wm=(e,t)=>e==="contextual"?Ni[t].background:o.color_red_700,Om=(e,t)=>e==="contextual"?Ue[t].padding.contextual:Ue[t].padding.notification,Gm=Qr.div`
|
|
990
|
+
box-sizing: border-box;
|
|
991
|
+
border-radius: ${e=>Ue[e.size].borderRadius};
|
|
992
|
+
padding: ${e=>e.label?Om(e.mode,e.size):""};
|
|
993
|
+
width: ${e=>!e.label&&e.mode==="notification"?Ue[e.size].width:"fit-content"};
|
|
994
|
+
min-width: ${e=>e.mode==="notification"&&Ue[e.size].minWidth};
|
|
995
|
+
height: ${e=>Ue[e.size].height};
|
|
996
|
+
display: flex;
|
|
997
|
+
align-items: center;
|
|
998
|
+
gap: ${o.spacing_2};
|
|
999
|
+
justify-content: center;
|
|
1000
|
+
background-color: ${e=>Wm(e.mode,e.color)};
|
|
1001
|
+
color: ${e=>Em(e.mode,e.color)};
|
|
1002
|
+
`,Nm=Qr.div`
|
|
1003
|
+
display: flex;
|
|
1004
|
+
font-size: ${e=>Ue[e.size].iconSize};
|
|
1005
|
+
|
|
1006
|
+
svg {
|
|
1007
|
+
height: ${e=>Ue[e.size].iconSize};
|
|
1008
|
+
width: ${e=>Ue[e.size].iconSize};
|
|
1009
|
+
}
|
|
1010
|
+
`,Vm=Qr.span`
|
|
1011
|
+
font-family: ${o.type_sans};
|
|
1012
|
+
font-size: ${e=>Ue[e.size].fontSize};
|
|
1013
|
+
font-weight: ${o.type_semibold};
|
|
1014
|
+
white-space: nowrap;
|
|
1015
|
+
`,Do=Mm;import{useCallback as qm}from"react";import Qm from"styled-components";var Vi={dropdown:{buttonIconSize:o.spacing_16,buttonPaddingTop:o.spacing_4,buttonPaddingBottom:o.spacing_4,buttonPaddingLeft:o.spacing_4,buttonPaddingRight:o.spacing_4,buttonHeight:"24px",buttonBorderRadius:"2px",buttonBorderColor:o.color_transparent,optionFontSize:"14px",optionPaddingTop:o.spacing_0,optionPaddingBottom:o.spacing_0,optionPaddingLeft:o.spacing_16,optionPaddingRight:o.spacing_16,buttonBackgroundColor:o.color_white,hoverButtonBackgroundColor:o.color_grey_100,activeButtonBackgroundColor:o.color_grey_300,buttonFontFamily:o.type_sans,buttonFontSize:o.type_scale_03,buttonFontStyle:o.type_normal,buttonFontWeight:o.type_regular,buttonFontColor:o.color_black,buttonIconSpacing:"10px",buttonIconColor:o.color_black,buttonBorderStyle:o.border_none,buttonBorderThickness:o.border_width_0,disabledColor:o.color_grey_500,disabledButtonBackgroundColor:o.color_transparent,disabledButtonBorderColor:o.color_transparent,optionBackgroundColor:o.color_white,hoverOptionBackgroundColor:o.color_grey_100,activeOptionBackgroundColor:o.color_grey_300,optionFontFamily:o.type_sans,optionFontStyle:o.type_normal,optionFontWeight:o.type_regular,optionFontColor:o.color_black,optionIconSize:"20px",optionIconSpacing:"10px",optionIconColor:o.color_black,caretIconSize:"24px",caretIconColor:o.color_black,caretIconSpacing:"12px",borderRadius:"4px",borderStyle:o.border_none,borderThickness:o.border_width_0,borderColor:o.color_transparent,scrollBarThumbColor:o.color_grey_700,scrollBarTrackColor:o.color_grey_300,focusColor:o.color_blue_600}};import sr from"styled-components";import{useRef as Xm}from"react";import{jsx as dr}from"react/jsx-runtime";var Jm=({isCurrentPage:e=!1,href:t,label:r,onClick:n})=>{let i=Xm(null);return dr(Km,{"aria-current":e?"page":void 0,isCurrentPage:e,children:e?dr(Um,{ref:i,onMouseEnter:c=>{let d=c.currentTarget,s=i?.current;s.title===""&&d.scrollWidth>d.clientWidth&&(s.title=r)},children:r}):dr(Ym,{href:t,onClick:c=>{n&&(c.preventDefault(),n(t))},children:dr(Zm,{children:r})})})},Km=sr.li`
|
|
1016
|
+
display: flex;
|
|
1017
|
+
align-items: center;
|
|
1018
|
+
font-family: ${o.type_sans};
|
|
1019
|
+
font-size: ${o.type_scale_02};
|
|
1020
|
+
color: ${o.color_black};
|
|
1021
|
+
${({isCurrentPage:e})=>e&&"overflow: hidden;"}
|
|
1022
|
+
`,Um=sr.span`
|
|
1023
|
+
font-weight: ${o.type_semibold};
|
|
1024
|
+
overflow: hidden;
|
|
1025
|
+
text-overflow: ellipsis;
|
|
1026
|
+
white-space: nowrap;
|
|
1027
|
+
cursor: default;
|
|
1028
|
+
`,Ym=sr.a`
|
|
1029
|
+
border-radius: ${o.border_radius_small};
|
|
1030
|
+
padding: ${o.spacing_0} ${o.spacing_2};
|
|
1031
|
+
display: inline-flex;
|
|
1032
|
+
align-items: center;
|
|
1033
|
+
height: 24px;
|
|
1034
|
+
color: ${o.color_black};
|
|
1035
|
+
text-decoration: ${o.type_no_line};
|
|
1036
|
+
cursor: pointer;
|
|
1037
|
+
|
|
1038
|
+
&:focus {
|
|
1039
|
+
outline: ${o.border_width_2} solid ${o.color_blue_600};
|
|
1040
|
+
}
|
|
1041
|
+
`,Zm=sr.span`
|
|
1042
|
+
border: ${o.border_width_1} solid ${o.color_transparent};
|
|
1043
|
+
&:hover {
|
|
1044
|
+
border-bottom-color: ${o.color_black};
|
|
1045
|
+
}
|
|
1046
|
+
`,mr=Jm;import{Fragment as rg,jsx as io,jsxs as ng}from"react/jsx-runtime";var eg=({ariaLabel:e="Breadcrumbs",items:t,itemsBeforeCollapse:r=4,onItemClick:n,showRoot:i=!0})=>{let l=qm(a=>{n?n(a):window.location.href=a},[t]);return io("nav",{"aria-label":e,children:io(og,{children:t&&t.length>Math.max(r,2)?ng(rg,{children:[i&&io(mr,{href:t[0].href,label:t[0].label},0),io(te,{alignItems:"center",as:"li",children:io(ro,{advancedTheme:Vi,children:io(Bo,{caretHidden:!0,icon:io($,{icon:"more_horiz"}),margin:i&&{left:"small"},onSelectOption:l,options:t.slice(i?1:0,-1).map(({label:a,href:c})=>({label:a,value:c}))})})},1),io(mr,{isCurrentPage:!0,label:t[t.length-1].label},2)]}):t.map((a,c,{length:d})=>io(mr,{href:a.href,isCurrentPage:c===d-1,label:a.label,onClick:n},c))})})},og=Qm.ol`
|
|
1047
|
+
margin: ${o.spacing_0};
|
|
1048
|
+
padding-left: ${o.spacing_0};
|
|
1049
|
+
display: flex;
|
|
1050
|
+
align-items: center;
|
|
1051
|
+
gap: ${o.spacing_12};
|
|
1052
|
+
list-style-type: none;
|
|
1053
|
+
|
|
1054
|
+
> li:not(:first-child) {
|
|
1055
|
+
> a,
|
|
1056
|
+
> span {
|
|
1057
|
+
margin-left: ${o.spacing_12};
|
|
1058
|
+
}
|
|
1059
|
+
&::before {
|
|
1060
|
+
margin: ${o.spacing_0} ${o.spacing_2};
|
|
1061
|
+
transform: rotate(15deg);
|
|
1062
|
+
border-right: ${o.border_width_1} solid ${o.color_grey_500};
|
|
1063
|
+
height: 1rem;
|
|
1064
|
+
content: "";
|
|
1065
|
+
}
|
|
1066
|
+
}
|
|
1067
|
+
`,tg=eg;import{Children as ag}from"react";import lo,{ThemeProvider as cg}from"styled-components";import{jsx as lg}from"react/jsx-runtime";var ig=({textOverflow:e,whiteSpace:t,children:r,...n})=>lg($e,{textOverflow:e,whiteSpace:t==null&&e!=null&&e!=="unset"?"nowrap":t,...n,children:r}),zo=ig;import{Fragment as Cg,jsx as Ce,jsxs as ji}from"react/jsx-runtime";var dg=({children:e})=>Ce(Cg,{children:e}),Xi=({children:e,type:t="disc",icon:r=""})=>{let n=k();return Ce(cg,{theme:n.bulletedList,children:Ce(sg,{children:Ce(te,{direction:"column",as:t==="number"?"ol":"ul",gap:"0.125rem",children:ag.map(e,(i,l)=>Ce(bg,{children:ji(mg,{children:[t==="number"?Ce(pg,{children:ji(zo,{color:n.bulletedList.fontColor,children:[l+1,"."]})}):t==="square"?Ce(gr,{children:Ce(ug,{})}):t==="circle"?Ce(gr,{children:Ce(hg,{})}):t==="icon"?Ce(gr,{children:Ce(gg,{children:typeof r=="string"?Ce($,{icon:r}):r})}):Ce(gr,{children:Ce(fg,{})}),Ce(zo,{color:n.bulletedList.fontColor,children:i})]})}))})})})};Xi.Item=dg;var sg=lo.div`
|
|
1068
|
+
ul,
|
|
1069
|
+
ol {
|
|
1070
|
+
padding: 0;
|
|
1071
|
+
margin: 0;
|
|
1072
|
+
}
|
|
1073
|
+
`,gr=lo.div`
|
|
1074
|
+
display: flex;
|
|
1075
|
+
align-self: flex-start;
|
|
1076
|
+
align-items: center;
|
|
1077
|
+
height: 1.5rem;
|
|
1078
|
+
`,mg=lo.div`
|
|
1079
|
+
display: grid;
|
|
1080
|
+
grid-template-columns: auto 1fr;
|
|
1081
|
+
align-items: center;
|
|
1082
|
+
`,gg=lo.div`
|
|
1083
|
+
height: 1.5rem;
|
|
1084
|
+
width: auto;
|
|
1085
|
+
margin-right: ${e=>e.theme.bulletMarginRight};
|
|
1086
|
+
align-content: center;
|
|
1087
|
+
color: ${e=>e.theme.fontColor};
|
|
1088
|
+
|
|
1089
|
+
font-size: ${e=>e.theme.bulletIconHeight};
|
|
1090
|
+
svg {
|
|
1091
|
+
height: ${e=>e.theme.bulletIconHeight};
|
|
1092
|
+
width: ${e=>e.theme.bulletIconWidth};
|
|
1093
|
+
}
|
|
1094
|
+
`,pg=lo.div`
|
|
1095
|
+
user-select: none;
|
|
1096
|
+
margin-right: ${e=>e.theme.bulletMarginRight};
|
|
1097
|
+
display: flex;
|
|
1098
|
+
box-sizing: border-box;
|
|
1099
|
+
align-self: flex-start;
|
|
1100
|
+
min-width: 0;
|
|
1101
|
+
`,ug=lo.div`
|
|
1102
|
+
background-color: ${e=>e.theme.fontColor};
|
|
1103
|
+
height: ${e=>e.theme.bulletHeight};
|
|
1104
|
+
width: ${e=>e.theme.bulletWidth};
|
|
1105
|
+
margin-right: ${e=>e.theme.bulletMarginRight};
|
|
1106
|
+
`,hg=lo.div`
|
|
1107
|
+
height: ${e=>e.theme.bulletHeight};
|
|
1108
|
+
width: ${e=>e.theme.bulletWidth};
|
|
1109
|
+
border-radius: 50%;
|
|
1110
|
+
border: 1px solid;
|
|
1111
|
+
border-color: ${e=>e.theme.fontColor};
|
|
1112
|
+
margin-right: ${e=>e.theme.bulletMarginRight};
|
|
1113
|
+
`,fg=lo.div`
|
|
1114
|
+
background-color: ${e=>e.theme.fontColor};
|
|
1115
|
+
height: ${e=>e.theme.bulletHeight};
|
|
1116
|
+
width: ${e=>e.theme.bulletWidth};
|
|
1117
|
+
border-radius: 50%;
|
|
1118
|
+
margin-right: ${e=>e.theme.bulletMarginRight};
|
|
1119
|
+
`,bg=lo.li`
|
|
1120
|
+
display: flex;
|
|
1121
|
+
margin: 0px;
|
|
1122
|
+
padding: 0px;
|
|
1123
|
+
list-style: none;
|
|
1124
|
+
font-size: 1em;
|
|
1125
|
+
`,yg=Xi;import en,{ThemeProvider as xg}from"styled-components";import{jsx as _t,jsxs as Sg}from"react/jsx-runtime";var _g=({label:e="",mode:t="primary",semantic:r="default",disabled:n=!1,iconPosition:i="before",title:l,type:a="button",icon:c,onClick:d=()=>{},margin:s,size:m={height:"large",width:"fitContent"},tabIndex:g=0})=>{let u=k();return _t(xg,{theme:u.button,children:_t(le,{label:l,children:Sg(kg,{"aria-label":l,disabled:n,onClick:()=>{d()},tabIndex:n?-1:g,type:a,$mode:t==="primary"||t==="secondary"||t==="tertiary"?t:"primary",hasLabel:!!e,hasIcon:!!c,iconPosition:i,size:m,margin:s,semantic:r,children:[e&&_t(Fg,{children:e}),c&&_t(wg,{size:m,children:typeof c=="string"?_t($,{icon:c}):c})]})})})},Ji={small:"42px",medium:"120px",large:"240px",fillParent:"100%",fitContent:"fit-content"},$g=(e,t)=>t?.width==="fillParent"?`calc(${Ji[t?.width]} - ${j(e,"left")} - ${j(e,"right")})`:Ji[t?.width],vg=e=>{switch(e){case"small":return 1.5;case"medium":return 2;case"large":return 2.5;default:return 2.5}},Tg=(e,t,r,n)=>{let i="",l="",a="",c="",d="",s=`
|
|
1126
|
+
font-weight: ${r.primaryFontWeight};
|
|
1127
|
+
font-size: ${n?.height==="small"?r.primarySmallFontSize:n?.height==="medium"?r.primaryMediumFontSize:r.primaryLargeFontSize};
|
|
1128
|
+
font-family: ${r.primaryFontFamily};
|
|
1129
|
+
border-radius: ${r.primaryBorderRadius};
|
|
1130
|
+
border-width ${r.primaryBorderThickness};
|
|
1131
|
+
border-style: ${r.primaryBorderStyle};`,m=`
|
|
1132
|
+
font-weight: ${r.secondaryFontWeight};
|
|
1133
|
+
font-size: ${n?.height==="small"?r.secondarySmallFontSize:n?.height==="medium"?r.secondaryMediumFontSize:r.secondaryLargeFontSize};
|
|
1134
|
+
font-family: ${r.secondaryFontFamily};
|
|
1135
|
+
border-radius: ${r.secondaryBorderRadius};
|
|
1136
|
+
border-width ${r.secondaryBorderThickness};
|
|
1137
|
+
border-style: ${r.secondaryBorderStyle};`,g=`
|
|
1138
|
+
font-weight: ${r.tertiaryFontWeight};
|
|
1139
|
+
font-size: ${n?.height==="small"?r.tertiarySmallFontSize:n?.height==="medium"?r.tertiaryMediumFontSize:r.tertiaryLargeFontSize};
|
|
1140
|
+
font-family: ${r.tertiaryFontFamily};
|
|
1141
|
+
border-radius: ${r.tertiaryBorderRadius};
|
|
1142
|
+
border-width ${r.tertiaryBorderThickness};
|
|
1143
|
+
border-style: ${r.tertiaryBorderStyle};`;switch(e){case"primary":switch(t){case"default":i=`background-color: ${r.primaryDefaultBackgroundColor};
|
|
1144
|
+
color: ${r.primaryDefaultFontColor};`,l=`background-color: ${r.primaryHoverDefaultBackgroundColor};`,a=`background-color: ${r.primaryActiveDefaultBackgroundColor};
|
|
1145
|
+
border-color: transparent;
|
|
1146
|
+
outline: none;
|
|
1147
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1148
|
+
background-color: ${r.primaryDisabledDefaultBackgroundColor};
|
|
1149
|
+
color: ${r.primaryDisabledDefaultFontColor};`;break;case"error":i=`background-color: ${r.primaryErrorBackgroundColor};
|
|
1150
|
+
color: ${r.primaryErrorFontColor};`,l=`background-color: ${r.primaryHoverErrorBackgroundColor};`,a=`background-color: ${r.primaryActiveErrorBackgroundColor};
|
|
1151
|
+
border-color: transparent;
|
|
1152
|
+
outline: none;
|
|
1153
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1154
|
+
background-color: ${r.primaryDisabledErrorBackgroundColor};
|
|
1155
|
+
color: ${r.primaryDisabledErrorFontColor};`;break;case"warning":i=`background-color: ${r.primaryWarningBackgroundColor};
|
|
1156
|
+
color: ${r.primaryWarningFontColor};`,l=`background-color: ${r.primaryHoverWarningBackgroundColor};`,a=`background-color: ${r.primaryActiveWarningBackgroundColor};
|
|
1157
|
+
border-color: transparent;
|
|
1158
|
+
outline: none;
|
|
1159
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1160
|
+
background-color: ${r.primaryDisabledWarningBackgroundColor};
|
|
1161
|
+
color: ${r.primaryDisabledWarningFontColor};`;break;case"success":i=`background-color: ${r.primarySuccessBackgroundColor};
|
|
1162
|
+
color: ${r.primarySuccessFontColor};`,l=`background-color: ${r.primaryHoverSuccessBackgroundColor};`,a=`background-color: ${r.primaryActiveSuccessBackgroundColor};
|
|
1163
|
+
border-color: transparent;
|
|
1164
|
+
outline: none;
|
|
1165
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1166
|
+
background-color: ${r.primaryDisabledSuccessBackgroundColor};
|
|
1167
|
+
color: ${r.primaryDisabledSuccessFontColor};`;break;case"info":i=`background-color: ${r.primaryInfoBackgroundColor};
|
|
1168
|
+
color: ${r.primaryInfoFontColor};`,l=`background-color: ${r.primaryHoverInfoBackgroundColor};`,a=`background-color: ${r.primaryActiveInfoBackgroundColor};
|
|
1169
|
+
border-color: transparent;
|
|
1170
|
+
outline: none;
|
|
1171
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1172
|
+
background-color: ${r.primaryDisabledInfoBackgroundColor};
|
|
1173
|
+
color: ${r.primaryDisabledInfoFontColor};`;break;default:i=`background-color: ${r.primaryDefaultBackgroundColor};
|
|
1174
|
+
color: ${r.primaryDefaultFontColor};`;break}return`${s}
|
|
1175
|
+
${i}
|
|
1176
|
+
&:hover {
|
|
1177
|
+
${l}
|
|
1178
|
+
}
|
|
1179
|
+
&:active {
|
|
1180
|
+
${a}
|
|
1181
|
+
}
|
|
1182
|
+
&:focus {
|
|
1183
|
+
${c}
|
|
1184
|
+
}
|
|
1185
|
+
&:disabled {
|
|
1186
|
+
${d}
|
|
1187
|
+
}`;case"secondary":switch(t){case"default":i=`background-color: ${r.secondaryDefaultBackgroundColor};
|
|
1188
|
+
color: ${r.secondaryDefaultFontColor};
|
|
1189
|
+
border-color ${r.secondaryDefaultBorderColor};`,l=`background-color: ${r.secondaryHoverDefaultBackgroundColor};
|
|
1190
|
+
color: ${r.secondaryHoverDefaultFontColor};`,a=`background-color: ${r.secondaryActiveDefaultBackgroundColor};
|
|
1191
|
+
color: ${r.secondaryHoverDefaultFontColor};
|
|
1192
|
+
border-color: transparent;
|
|
1193
|
+
outline: none;
|
|
1194
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,c="border-color: transparent;",d=`cursor: not-allowed;
|
|
1195
|
+
background-color: ${r.secondaryDisabledDefaultBackgroundColor};
|
|
1196
|
+
color: ${r.secondaryDisabledDefaultFontColor};
|
|
1197
|
+
border-color: ${r.secondaryDisabledDefaultBorderColor};`;break;case"error":i=`background-color: ${r.secondaryErrorBackgroundColor};
|
|
1198
|
+
color: ${r.secondaryErrorFontColor};
|
|
1199
|
+
border-color ${r.secondaryErrorBorderColor};`,l=`background-color: ${r.secondaryHoverErrorBackgroundColor};
|
|
1200
|
+
color: ${r.secondaryHoverErrorFontColor};`,a=`background-color: ${r.secondaryActiveErrorBackgroundColor};
|
|
1201
|
+
color: ${r.secondaryHoverErrorFontColor};
|
|
1202
|
+
border-color: transparent;
|
|
1203
|
+
outline: none;
|
|
1204
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,c="border-color: transparent;",d=`cursor: not-allowed;
|
|
1205
|
+
background-color: ${r.secondaryDisabledErrorBackgroundColor};
|
|
1206
|
+
color: ${r.secondaryDisabledErrorFontColor};
|
|
1207
|
+
border-color: ${r.secondaryDisabledErrorBorderColor};`;break;case"warning":i=`background-color: ${r.secondaryWarningBackgroundColor};
|
|
1208
|
+
color: ${r.secondaryWarningFontColor};
|
|
1209
|
+
border-color ${r.secondaryWarningBorderColor};`,l=`background-color: ${r.secondaryHoverWarningBackgroundColor};
|
|
1210
|
+
color: ${r.secondaryHoverWarningFontColor};`,a=`background-color: ${r.secondaryActiveWarningBackgroundColor};
|
|
1211
|
+
color: ${r.secondaryHoverWarningFontColor};
|
|
1212
|
+
border-color: transparent;
|
|
1213
|
+
outline: none;
|
|
1214
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,c="border-color: transparent;",d=`cursor: not-allowed;
|
|
1215
|
+
background-color: ${r.secondaryDisabledWarningBackgroundColor};
|
|
1216
|
+
color: ${r.secondaryDisabledWarningFontColor};
|
|
1217
|
+
border-color: ${r.secondaryDisabledWarningBorderColor};`;break;case"success":i=`background-color: ${r.secondarySuccessBackgroundColor};
|
|
1218
|
+
color: ${r.secondarySuccessFontColor};
|
|
1219
|
+
border-color ${r.secondarySuccessBorderColor};`,l=`background-color: ${r.secondaryHoverSuccessBackgroundColor};
|
|
1220
|
+
color: ${r.secondaryHoverSuccessFontColor};`,a=`background-color: ${r.secondaryActiveSuccessBackgroundColor};
|
|
1221
|
+
color: ${r.secondaryHoverSuccessFontColor};
|
|
1222
|
+
border-color: transparent;
|
|
1223
|
+
outline: none;
|
|
1224
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,c="border-color: transparent;",d=`cursor: not-allowed;
|
|
1225
|
+
background-color: ${r.secondaryDisabledSuccessBackgroundColor};
|
|
1226
|
+
color: ${r.secondaryDisabledSuccessFontColor};
|
|
1227
|
+
border-color: ${r.secondaryDisabledSuccessBorderColor};`;break;case"info":i=`background-color: ${r.secondaryInfoBackgroundColor};
|
|
1228
|
+
color: ${r.secondaryInfoFontColor};
|
|
1229
|
+
border-color ${r.secondaryInfoBorderColor};`,l=`background-color: ${r.secondaryHoverInfoBackgroundColor};
|
|
1230
|
+
color: ${r.secondaryHoverInfoFontColor};`,a=`background-color: ${r.secondaryActiveInfoBackgroundColor};
|
|
1231
|
+
color: ${r.secondaryHoverInfoFontColor};
|
|
1232
|
+
border-color: transparent;
|
|
1233
|
+
outline: none;
|
|
1234
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,c="border-color: transparent;",d=`cursor: not-allowed;
|
|
1235
|
+
background-color: ${r.secondaryDisabledInfoBackgroundColor};
|
|
1236
|
+
color: ${r.secondaryDisabledInfoFontColor};
|
|
1237
|
+
border-color: ${r.secondaryDisabledInfoBorderColor};`;break;default:i=`background-color: ${r.secondaryDefaultBackgroundColor};
|
|
1238
|
+
color: ${r.secondaryDefaultFontColor};
|
|
1239
|
+
border-color ${r.secondaryDefaultBorderColor};`;break}return`${m}
|
|
1240
|
+
${i}
|
|
1241
|
+
&:hover {
|
|
1242
|
+
${l}
|
|
1243
|
+
}
|
|
1244
|
+
&:active {
|
|
1245
|
+
${a}
|
|
1246
|
+
}
|
|
1247
|
+
&:focus {
|
|
1248
|
+
${c}
|
|
1249
|
+
}
|
|
1250
|
+
&:disabled {
|
|
1251
|
+
${d}
|
|
1252
|
+
}`;case"tertiary":switch(t){case"default":i=`background-color: ${r.tertiaryDefaultBackgroundColor};
|
|
1253
|
+
color: ${r.tertiaryDefaultFontColor};`,l=`background-color: ${r.tertiaryHoverDefaultBackgroundColor};`,a=`background-color: ${r.tertiaryActiveDefaultBackgroundColor};
|
|
1254
|
+
border-color: transparent;
|
|
1255
|
+
outline: none;
|
|
1256
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1257
|
+
background-color: ${r.tertiaryDisabledDefaultBackgroundColor};
|
|
1258
|
+
color: ${r.tertiaryDisabledDefaultFontColor};`;break;case"error":i=`background-color: ${r.tertiaryErrorBackgroundColor};
|
|
1259
|
+
color: ${r.tertiaryErrorFontColor};`,l=`background-color: ${r.tertiaryHoverErrorBackgroundColor};`,a=`background-color: ${r.tertiaryActiveErrorBackgroundColor};
|
|
1260
|
+
border-color: transparent;
|
|
1261
|
+
outline: none;
|
|
1262
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1263
|
+
background-color: ${r.tertiaryDisabledErrorBackgroundColor};
|
|
1264
|
+
color: ${r.tertiaryDisabledErrorFontColor};`;break;case"warning":i=`background-color: ${r.tertiaryWarningBackgroundColor};
|
|
1265
|
+
color: ${r.tertiaryWarningFontColor};`,l=`background-color: ${r.tertiaryHoverWarningBackgroundColor};`,a=`background-color: ${r.tertiaryActiveWarningBackgroundColor};
|
|
1266
|
+
border-color: transparent;
|
|
1267
|
+
outline: none;
|
|
1268
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1269
|
+
background-color: ${r.tertiaryDisabledWarningBackgroundColor};
|
|
1270
|
+
color: ${r.tertiaryDisabledWarningFontColor};`;break;case"success":i=`background-color: ${r.tertiarySuccessBackgroundColor};
|
|
1271
|
+
color: ${r.tertiarySuccessFontColor};`,l=`background-color: ${r.tertiaryHoverSuccessBackgroundColor};`,a=`background-color: ${r.tertiaryActiveSuccessBackgroundColor};
|
|
1272
|
+
border-color: transparent;
|
|
1273
|
+
outline: none;
|
|
1274
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1275
|
+
background-color: ${r.tertiaryDisabledSuccessBackgroundColor};
|
|
1276
|
+
color: ${r.tertiaryDisabledSuccessFontColor};`;break;case"info":i=`background-color: ${r.tertiaryInfoBackgroundColor};
|
|
1277
|
+
color: ${r.tertiaryInfoFontColor};`,l=`background-color: ${r.tertiaryHoverInfoBackgroundColor};`,a=`background-color: ${r.tertiaryActiveInfoBackgroundColor};
|
|
1278
|
+
border-color: transparent;
|
|
1279
|
+
outline: none;
|
|
1280
|
+
box-shadow: 0 0 0 2px ${r.focusBorderColor};`,d=`cursor: not-allowed;
|
|
1281
|
+
background-color: ${r.tertiaryDisabledInfoBackgroundColor};
|
|
1282
|
+
color: ${r.tertiaryDisabledInfoFontColor};`;break;default:i=`background-color: ${r.tertiaryDefaultBackgroundColor};
|
|
1283
|
+
color: ${r.tertiaryDefaultFontColor};`;break}return`${g}
|
|
1284
|
+
${i}
|
|
1285
|
+
&:hover {
|
|
1286
|
+
${l}
|
|
1287
|
+
}
|
|
1288
|
+
&:active {
|
|
1289
|
+
${a}
|
|
1290
|
+
}
|
|
1291
|
+
&:focus {
|
|
1292
|
+
${c}
|
|
1293
|
+
}
|
|
1294
|
+
&:disabled {
|
|
1295
|
+
${d}
|
|
1296
|
+
}`}},kg=en.button`
|
|
1297
|
+
display: inline-flex;
|
|
1298
|
+
flex-direction: ${e=>e.iconPosition==="after"?"row":"row-reverse"};
|
|
1299
|
+
gap: 0.5rem;
|
|
1300
|
+
align-items: center;
|
|
1301
|
+
justify-content: center;
|
|
1302
|
+
height: ${e=>vg(e.size?.height&&e.size?.height)+"rem"};
|
|
1303
|
+
width: ${e=>$g(e.margin,e.size)};
|
|
1304
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
1305
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
1306
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
1307
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
1308
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
1309
|
+
padding-top: ${e=>e.hasIcon&&!e.hasLabel?e.size.height==="small"?e.theme.paddingSmallOnlyIconTop:e.size.height==="medium"?e.theme.paddingMediumOnlyIconTop:e.theme.paddingLargeOnlyIconTop:e.size.height==="small"?e.theme.paddingSmallTop:e.size.height==="medium"?e.theme.paddingMediumTop:e.theme.paddingLargeTop};
|
|
1310
|
+
padding-bottom: ${e=>e.hasIcon&&!e.hasLabel?e.size.height==="small"?e.theme.paddingSmallOnlyIconBottom:e.size.height==="medium"?e.theme.paddingMediumOnlyIconBottom:e.theme.paddingLargeOnlyIconBottom:e.size.height==="small"?e.theme.paddingSmallBottom:e.size.height==="medium"?e.theme.paddingMediumBottom:e.theme.paddingLargeBottom};
|
|
1311
|
+
padding-left: ${e=>e.hasIcon&&!e.hasLabel?e.size.height==="small"?e.theme.paddingSmallOnlyIconLeft:e.size.height==="medium"?e.theme.paddingMediumOnlyIconLeft:e.theme.paddingLargeOnlyIconLeft:e.size.height==="small"?e.theme.paddingSmallLeft:e.size.height==="medium"?e.theme.paddingMediumLeft:e.theme.paddingLargeLeft};
|
|
1312
|
+
padding-right: ${e=>e.hasIcon&&!e.hasLabel?e.size.height==="small"?e.theme.paddingSmallOnlyIconRight:e.size.height==="medium"?e.theme.paddingMediumOnlyIconRight:e.theme.paddingLargeOnlyIconRight:e.size.height==="small"?e.theme.paddingSmallRight:e.size.height==="medium"?e.theme.paddingMediumRight:e.theme.paddingLargeRight};
|
|
1313
|
+
|
|
1314
|
+
box-shadow: 0 0 0 2px transparent;
|
|
1315
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
1316
|
+
font-size: ${e=>e.theme.fontSize};
|
|
1317
|
+
font-weight: ${e=>e.theme.fontWeight};
|
|
1318
|
+
letter-spacing: ${e=>e.theme.labelLetterSpacing};
|
|
1319
|
+
cursor: pointer;
|
|
1320
|
+
|
|
1321
|
+
&:focus {
|
|
1322
|
+
outline: none;
|
|
1323
|
+
box-shadow: 0 0 0 2px ${e=>e.theme.focusBorderColor};
|
|
1324
|
+
}
|
|
1325
|
+
|
|
1326
|
+
${e=>Tg(e.$mode,e.semantic,e.theme,e.size)};
|
|
1327
|
+
`,Fg=en.span`
|
|
1328
|
+
line-height: ${e=>e.theme.labelFontLineHeight};
|
|
1329
|
+
font-size: ${e=>e.theme.fontSize};
|
|
1330
|
+
text-overflow: ellipsis;
|
|
1331
|
+
overflow: hidden;
|
|
1332
|
+
text-transform: none;
|
|
1333
|
+
white-space: nowrap;
|
|
1334
|
+
`,wg=en.div`
|
|
1335
|
+
display: flex;
|
|
1336
|
+
font-size: ${e=>e.size.height==="small"||e.size.height==="medium"?"16":"24"}px;
|
|
1337
|
+
svg {
|
|
1338
|
+
height: ${e=>e.size.height==="small"||e.size.height==="medium"?"16":"24"}px;
|
|
1339
|
+
width: ${e=>e.size.height==="small"||e.size.height==="medium"?"16":"24"}px;
|
|
1340
|
+
}
|
|
1341
|
+
`,Me=_g;import{useState as Ig}from"react";import vt,{ThemeProvider as Bg}from"styled-components";import{jsx as $t,jsxs as Mg}from"react/jsx-runtime";var Pg=({imageSrc:e,imageBgColor:t="black",imagePadding:r,imagePosition:n="before",linkHref:i,onClick:l,imageCover:a=!1,margin:c,tabIndex:d=0,outlined:s=!0,children:m})=>{let g=k(),[u,h]=Ig(!1);return $t(Bg,{theme:g.card,children:$t(Lg,{hasAction:!!(l||i),margin:c,onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:l,tabIndex:l||i?d:-1,as:i&&"a",href:i,shadowDepth:s?u&&(l||i)?2:1:0,children:Mg(Dg,{hasAction:!!(l||i),imagePosition:e?n:"none",children:[e&&$t(Ag,{imageBgColor:t,children:$t(zg,{imagePadding:r,imageCover:a,src:e,alt:"Card image"})}),$t(Rg,{children:m})]})})})},Lg=vt.div`
|
|
1342
|
+
display: inline-flex;
|
|
1343
|
+
cursor: ${({hasAction:e})=>e&&"pointer"||"unset"};
|
|
1344
|
+
outline: ${({hasAction:e})=>!e&&"none"};
|
|
1345
|
+
margin: ${({margin:e})=>e&&typeof e!="object"?p[e]:"0px"};
|
|
1346
|
+
margin-top: ${({margin:e})=>e&&typeof e=="object"&&e.top?p[e.top]:""};
|
|
1347
|
+
margin-right: ${({margin:e})=>e&&typeof e=="object"&&e.right?p[e.right]:""};
|
|
1348
|
+
margin-bottom: ${({margin:e})=>e&&typeof e=="object"&&e.bottom?p[e.bottom]:""};
|
|
1349
|
+
margin-left: ${({margin:e})=>e&&typeof e=="object"&&e.left?p[e.left]:""};
|
|
1350
|
+
text-decoration: none;
|
|
1351
|
+
${({hasAction:e})=>e&&`:focus {
|
|
1352
|
+
outline: #0095ff auto 1px;
|
|
1353
|
+
}`}
|
|
1354
|
+
|
|
1355
|
+
box-shadow: ${({shadowDepth:e})=>e===1?`0px 3px 6px ${o.color_grey_300_a}`:e===2?`0px 3px 10px ${o.color_grey_300_a}`:"none"};
|
|
1356
|
+
`,Dg=vt.div`
|
|
1357
|
+
display: inline-flex;
|
|
1358
|
+
flex-direction: ${e=>e.imagePosition==="after"?"row-reverse":"row"};
|
|
1359
|
+
height: ${e=>e.theme.height};
|
|
1360
|
+
width: ${e=>e.theme.width};
|
|
1361
|
+
&:hover {
|
|
1362
|
+
border-color: ${({hasAction:e})=>e?"":"unset"};
|
|
1363
|
+
}
|
|
1364
|
+
`,zg=vt.img`
|
|
1365
|
+
height: ${({imagePadding:e})=>e?typeof e!="object"&&`calc(100% - ${p[e]} - ${p[e]})`:"100%"};
|
|
1366
|
+
width: ${({imagePadding:e})=>e?typeof e!="object"&&`calc(100% - ${p[e]} - ${p[e]})`:"100%"};
|
|
1367
|
+
object-fit: ${({imageCover:e})=>e?"cover":"contain"};
|
|
1368
|
+
`,Ag=vt.div`
|
|
1369
|
+
display: inline-flex;
|
|
1370
|
+
justify-content: center;
|
|
1371
|
+
align-items: center;
|
|
1372
|
+
flex-shrink: 0;
|
|
1373
|
+
width: 35%;
|
|
1374
|
+
height: 100%;
|
|
1375
|
+
background-color: ${({imageBgColor:e})=>e};
|
|
1376
|
+
`,Rg=vt.div`
|
|
1377
|
+
flex-grow: 1;
|
|
1378
|
+
overflow: hidden;
|
|
1379
|
+
`,Hg=Pg;import{useState as Eg,useRef as Wg,useId as Og,forwardRef as Gg}from"react";import kt,{ThemeProvider as Ng}from"styled-components";import{jsx as Xo,jsxs as Ui}from"react/jsx-runtime";var Vg=Xo("svg",{fill:"currentColor",focusable:"false",viewBox:"0 0 24 24",children:Xo("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})}),jg=Gg(({checked:e,defaultChecked:t=!1,value:r,label:n="",labelPosition:i="before",name:l="",disabled:a=!1,optional:c=!1,readOnly:d=!1,onChange:s,margin:m,size:g="fitContent",tabIndex:u=0},h)=>{let y=`label-checkbox-${Og()}`,[v,f]=Eg(t),_=Wg(null),x=k(),b=X(),L=()=>{if(!a&&!d){document.activeElement!==_?.current&&_?.current?.focus();let I=e??v;e??f(H=>!H),s?.(!I)}},B=I=>{switch(I.key){case" ":I.preventDefault(),L()}};return Xo(Ng,{theme:x.checkbox,children:Ui(Yg,{disabled:a,readOnly:d,onClick:L,margin:m,size:g,checked:e??v,ref:h,children:[n&&Ui(Jg,{id:y,disabled:a,labelPosition:i,"aria-label":n,children:[n,c&&` ${b.formFields.optionalLabel}`]}),Xo(Kg,{type:"checkbox",checked:e??v,name:l,value:r,disabled:a,readOnly:!0}),Xo(Ug,{children:Xo(Yi,{onKeyDown:B,role:"checkbox",tabIndex:a?-1:u,"aria-checked":e??v,"aria-disabled":a,"aria-readonly":d,"aria-required":!a&&!c,"aria-labelledby":n?y:void 0,"aria-label":n?void 0:"Checkbox",checked:e??v,disabled:a,readOnly:d,ref:_,children:(e??v)&&Vg})})]})})}),Ki={small:"120px",medium:"240px",large:"480px",fillParent:"100%",fitContent:"fit-content"},Xg=(e,t)=>t==="fillParent"?`calc(${Ki[t]} - ${j(e,"left")} - ${j(e,"right")})`:Ki[t],pr=(e,t)=>{switch(t){case"check":return e.disabledCheckColor;case"background":return e.disabledBackgroundColorChecked;case"border":return e.disabledBorderColor;case"label":return e.disabledFontColor}},Tt=(e,t)=>{switch(t){case"check":return e.readOnlyCheckColor;case"background":return e.readOnlyBackgroundColorChecked;case"hoverBackground":return e.hoverReadOnlyBackgroundColorChecked;case"border":return e.readOnlyBorderColor;case"hoverBorder":return e.hoverReadOnlyBorderColor}},Jo=(e,t)=>{switch(t){case"check":return e.checkColor;case"background":return e.backgroundColorChecked;case"hoverBackground":return e.hoverBackgroundColorChecked;case"border":return e.borderColor;case"hoverBorder":return e.hoverBorderColor;case"label":return e.fontColor}},Jg=kt.span`
|
|
1380
|
+
order: ${e=>e.labelPosition==="before"?0:1};
|
|
1381
|
+
color: ${e=>e.disabled?pr(e.theme,"label"):Jo(e.theme,"label")};
|
|
1382
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
1383
|
+
font-size: ${e=>e.theme.fontSize};
|
|
1384
|
+
font-weight: ${e=>e.theme.fontWeight};
|
|
1385
|
+
`,Kg=kt.input`
|
|
1386
|
+
display: none;
|
|
1387
|
+
`,Ug=kt.span`
|
|
1388
|
+
display: flex;
|
|
1389
|
+
align-items: center;
|
|
1390
|
+
justify-content: center;
|
|
1391
|
+
height: 24px;
|
|
1392
|
+
width: 24px;
|
|
1393
|
+
`,Yi=kt.span`
|
|
1394
|
+
position: relative;
|
|
1395
|
+
box-sizing: border-box;
|
|
1396
|
+
display: flex;
|
|
1397
|
+
align-items: center;
|
|
1398
|
+
justify-content: center;
|
|
1399
|
+
height: 18px;
|
|
1400
|
+
width: 18px;
|
|
1401
|
+
border: 2px solid
|
|
1402
|
+
${e=>e.disabled?pr(e.theme,"border"):e.readOnly?Tt(e.theme,"border"):Jo(e.theme,"border")};
|
|
1403
|
+
border-radius: 2px;
|
|
1404
|
+
background-color: ${e=>e.checked?e.disabled?pr(e.theme,"check"):e.readOnly?Tt(e.theme,"check"):Jo(e.theme,"check"):"transparent"};
|
|
1405
|
+
color: ${e=>e.disabled?pr(e.theme,"background"):e.readOnly?Tt(e.theme,"background"):Jo(e.theme,"background")};
|
|
1406
|
+
|
|
1407
|
+
&:focus {
|
|
1408
|
+
outline: 2px solid ${e=>e.theme.focusColor};
|
|
1409
|
+
outline-offset: 2px;
|
|
1410
|
+
}
|
|
1411
|
+
svg {
|
|
1412
|
+
position: absolute;
|
|
1413
|
+
width: 22px;
|
|
1414
|
+
height: 22px;
|
|
1415
|
+
}
|
|
1416
|
+
${e=>e.disabled&&"pointer-events: none;"}
|
|
1417
|
+
`,Yg=kt.div`
|
|
1418
|
+
display: inline-flex;
|
|
1419
|
+
align-items: center;
|
|
1420
|
+
gap: ${e=>e.theme.checkLabelSpacing};
|
|
1421
|
+
width: ${e=>Xg(e.margin,e.size)};
|
|
1422
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
1423
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
1424
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
1425
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
1426
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
1427
|
+
cursor: ${e=>e.disabled?"not-allowed":e.readOnly?"default":"pointer"};
|
|
1428
|
+
|
|
1429
|
+
&:hover ${Yi} {
|
|
1430
|
+
border: 2px solid
|
|
1431
|
+
${e=>{if(!e.disabled)return e.readOnly?Tt(e.theme,"hoverBorder"):Jo(e.theme,"hoverBorder")}};
|
|
1432
|
+
color: ${e=>{if(!e.disabled)return e.readOnly?Tt(e.theme,"hoverBackground"):Jo(e.theme,"hoverBackground")}};
|
|
1433
|
+
}
|
|
1434
|
+
`,Ko=jg;import on,{ThemeProvider as Zg}from"styled-components";import{jsx as Uo,jsxs as rp}from"react/jsx-runtime";var qg=({label:e,suffixIcon:t,prefixIcon:r,onClickSuffix:n,onClickPrefix:i,disabled:l,margin:a,tabIndex:c=0})=>{let d=k();return Uo(Zg,{theme:d.chip,children:rp(ep,{disabled:l,margin:a,children:[r&&Uo(Zi,{role:typeof i=="function"?"button":void 0,"aria-label":typeof i=="function"?"Prefix Action":void 0,disabled:l,interactive:typeof i=="function"&&!l,tabIndex:typeof i=="function"&&!l?c:-1,onClick:()=>i&&!l&&i(),children:typeof r=="string"?Uo($,{icon:r}):r}),e&&Uo(op,{disabled:l,children:e}),t&&Uo(Zi,{role:typeof n=="function"?"button":void 0,"aria-label":typeof n=="function"?"Suffix Action":void 0,disabled:l,interactive:typeof n=="function"&&!l,tabIndex:typeof n=="function"&&!l?c:-1,onClick:()=>!l&&n?.(),children:typeof t=="string"?Uo($,{icon:t}):t})]})})},Qg=e=>`calc(100% - ${j(e,"left")} - ${j(e,"right")})`,ep=on.div`
|
|
1435
|
+
box-sizing: border-box;
|
|
1436
|
+
display: inline-flex;
|
|
1437
|
+
align-items: center;
|
|
1438
|
+
gap: ${e=>e.theme.iconSpacing};
|
|
1439
|
+
min-height: 40px;
|
|
1440
|
+
max-width: ${e=>Qg(e.margin)};
|
|
1441
|
+
background-color: ${e=>e.disabled&&e.theme.disabledBackgroundColor||e.theme.backgroundColor};
|
|
1442
|
+
border-radius: ${e=>e.theme.borderRadius};
|
|
1443
|
+
border-width: ${e=>e.theme.borderThickness};
|
|
1444
|
+
border-style: ${e=>e.theme.borderStyle};
|
|
1445
|
+
border-color: ${e=>e.theme.borderColor};
|
|
1446
|
+
|
|
1447
|
+
padding-top: ${e=>e.theme.contentPaddingTop};
|
|
1448
|
+
padding-bottom: ${e=>e.theme.contentPaddingBottom};
|
|
1449
|
+
padding-left: ${e=>e.theme.contentPaddingLeft};
|
|
1450
|
+
padding-right: ${e=>e.theme.contentPaddingRight};
|
|
1451
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
1452
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
1453
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
1454
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
1455
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
1456
|
+
cursor: ${({disabled:e})=>e&&"not-allowed"};
|
|
1457
|
+
`,op=on.span`
|
|
1458
|
+
font-size: ${e=>e.theme.fontSize};
|
|
1459
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
1460
|
+
font-weight: ${e=>e.theme.fontWeight};
|
|
1461
|
+
font-style: ${e=>e.theme.fontStyle};
|
|
1462
|
+
color: ${e=>e.disabled?e.theme.disabledFontColor:e.theme.fontColor};
|
|
1463
|
+
text-overflow: ellipsis;
|
|
1464
|
+
white-space: nowrap;
|
|
1465
|
+
overflow: hidden;
|
|
1466
|
+
`,Zi=on.div`
|
|
1467
|
+
display: flex;
|
|
1468
|
+
border-radius: 0.25rem;
|
|
1469
|
+
color: ${e=>e.disabled?e.theme.disabledIconColor:e.theme.iconColor};
|
|
1470
|
+
${({interactive:e})=>e&&"cursor: pointer;"}
|
|
1471
|
+
|
|
1472
|
+
${e=>e.interactive&&`
|
|
1473
|
+
&:hover {
|
|
1474
|
+
color: ${e.theme.hoverIconColor};
|
|
1475
|
+
}
|
|
1476
|
+
&:focus,
|
|
1477
|
+
&:focus-visible {
|
|
1478
|
+
outline: ${e.theme.focusBorderThickness} ${e.theme.focusBorderStyle} ${e.theme.focusColor};
|
|
1479
|
+
}
|
|
1480
|
+
&:active {
|
|
1481
|
+
color: ${e.theme.activeIconColor};
|
|
1482
|
+
}
|
|
1483
|
+
`}
|
|
1484
|
+
|
|
1485
|
+
font-size: ${e=>e.theme.iconSize};
|
|
1486
|
+
svg {
|
|
1487
|
+
width: ${e=>e.theme.iconSize};
|
|
1488
|
+
height: ${e=>e.theme.iconSize};
|
|
1489
|
+
}
|
|
1490
|
+
`,tp=qg;import np from"styled-components";import{jsx as cp}from"react/jsx-runtime";var Ye={xxsmall:"4px",xsmall:"8px",small:"12px",medium:"16px",large:"24px",xlarge:"32px",xxlarge:"48px"},ip=({display:e,width:t,height:r,overflow:n,...i})=>cp(lp,{$display:e,$width:t,$height:r,$overflow:n,...i}),ur=(e,t)=>`border-${e}: ${t?.width??""} ${t?.style??""} ${yt(t?.color)??""};`,lp=np.div`
|
|
1491
|
+
box-sizing: ${({boxSizing:e})=>e};
|
|
1492
|
+
display: ${({$display:e})=>e};
|
|
1493
|
+
width: ${({$width:e})=>e};
|
|
1494
|
+
height: ${({$height:e})=>e};
|
|
1495
|
+
max-width: ${({maxWidth:e})=>e};
|
|
1496
|
+
max-height: ${({maxHeight:e})=>e};
|
|
1497
|
+
min-width: ${({minWidth:e})=>e};
|
|
1498
|
+
min-height: ${({minHeight:e})=>e};
|
|
1499
|
+
position: ${({position:e})=>e};
|
|
1500
|
+
top: ${({inset:e})=>e?.top};
|
|
1501
|
+
right: ${({inset:e})=>e?.right};
|
|
1502
|
+
bottom: ${({inset:e})=>e?.bottom};
|
|
1503
|
+
left: ${({inset:e})=>e?.left};
|
|
1504
|
+
float: ${({float:e})=>e};
|
|
1505
|
+
z-index: ${({zIndex:e})=>e};
|
|
1506
|
+
box-shadow: ${({boxShadow:e})=>e};
|
|
1507
|
+
|
|
1508
|
+
background-attachment: ${({background:e})=>e?.attachment};
|
|
1509
|
+
background-clip: ${({background:e})=>e?.clip};
|
|
1510
|
+
background-color: ${({background:e})=>yt(e?.color)};
|
|
1511
|
+
background-image: ${({background:e})=>e?.image};
|
|
1512
|
+
background-origin: ${({background:e})=>e?.origin};
|
|
1513
|
+
background-position: ${({background:e})=>e?.position};
|
|
1514
|
+
background-repeat: ${({background:e})=>e?.repeat};
|
|
1515
|
+
background-size: ${({background:e})=>e?.size};
|
|
1516
|
+
|
|
1517
|
+
border-radius: ${({borderRadius:e})=>e};
|
|
1518
|
+
border-width: ${({border:e})=>e&&"width"in e?`${e?.width}`:""};
|
|
1519
|
+
border-style: ${({border:e})=>e&&"style"in e?`${e?.style}`:""};
|
|
1520
|
+
border-color: ${({border:e})=>e&&"color"in e?`${yt(e?.color)}`:""};
|
|
1521
|
+
|
|
1522
|
+
${({border:e})=>{if(e!=null){let t="";switch(!0){case"top"in e:t+=ur("top",e.top);case"right"in e:t+=ur("right",e.right);case"left"in e:t+=ur("left",e.left);case"bottom"in e:t+=ur("bottom",e.bottom)}return t}}};
|
|
1523
|
+
|
|
1524
|
+
margin: ${({margin:e})=>typeof e=="string"?Ye[e]:""};
|
|
1525
|
+
margin-top: ${({margin:e})=>typeof e=="object"?Ye[e.top]:""};
|
|
1526
|
+
margin-right: ${({margin:e})=>typeof e=="object"?Ye[e.right]:""};
|
|
1527
|
+
margin-bottom: ${({margin:e})=>typeof e=="object"?Ye[e.bottom]:""};
|
|
1528
|
+
margin-left: ${({margin:e})=>typeof e=="object"?Ye[e.left]:""};
|
|
1529
|
+
|
|
1530
|
+
outline: ${({outline:e})=>`${e?.width??""} ${e?.style??""} ${yt(e?.color)??""}`};
|
|
1531
|
+
outline-offset: ${({outline:e})=>e?.offset};
|
|
1532
|
+
|
|
1533
|
+
overflow: ${({$overflow:e})=>typeof e=="string"?e:""};
|
|
1534
|
+
overflow-x: ${({$overflow:e})=>typeof e=="object"?`${e?.x}`:""};
|
|
1535
|
+
overflow-y: ${({$overflow:e})=>typeof e=="object"?`${e?.y}`:""};
|
|
1536
|
+
|
|
1537
|
+
padding: ${({padding:e})=>typeof e=="string"?Ye[e]:""};
|
|
1538
|
+
padding-top: ${({padding:e})=>typeof e=="object"?Ye[e.top]:""};
|
|
1539
|
+
padding-right: ${({padding:e})=>typeof e=="object"?Ye[e.right]:""};
|
|
1540
|
+
padding-bottom: ${({padding:e})=>typeof e=="object"?Ye[e.bottom]:""};
|
|
1541
|
+
padding-left: ${({padding:e})=>typeof e=="object"?Ye[e.left]:""};
|
|
1542
|
+
`,ap=ip;import{createContext as Ep,useLayoutEffect as Wp,useMemo as Op,useRef as Gp,useState as nl}from"react";import il,{ThemeProvider as Np}from"styled-components";import wp from"styled-components";import{useContext as hp,useMemo as fp,useState as bp,memo as yp,useId as Cp}from"react";import{cloneElement as dp,useState as sp}from"react";import hr from"styled-components";import{jsx as Ft,jsxs as Qi}from"react/jsx-runtime";var mp=({badge:e,collapseIcon:t,icon:r,label:n,depthLevel:i,...l})=>{let[a,c]=sp(!1),d=e&&dp(e,{size:"small"});return Ft(Go,{condition:a,label:n,children:Qi(gp,{depthLevel:i,...l,children:[Qi(pp,{children:[t&&Ft(qi,{children:t}),r&&i===0&&Ft(qi,{children:typeof r=="string"?Ft($,{icon:r}):r}),Ft(up,{selected:l.selected,onMouseEnter:s=>{let m=s.currentTarget;c(m.scrollWidth>m.clientWidth)},children:n})]}),d]})})},gp=hr.button`
|
|
1543
|
+
border: none;
|
|
1544
|
+
border-radius: 4px;
|
|
1545
|
+
padding: ${e=>`${o.spacing_4} ${o.spacing_8} ${o.spacing_4} ${`
|
|
1546
|
+
calc(${o.spacing_8} + (${o.spacing_24} * ${e.depthLevel}))
|
|
1547
|
+
`};`};
|
|
1548
|
+
box-shadow: inset 0 0 0 2px transparent;
|
|
1549
|
+
display: flex;
|
|
1550
|
+
align-items: center;
|
|
1551
|
+
justify-content: space-between;
|
|
1552
|
+
gap: ${o.spacing_16};
|
|
1553
|
+
${({selected:e,theme:t})=>e?`background-color: ${t.selectedMenuItemBackgroundColor};`:`background-color: ${o.color_transparent}`};
|
|
1554
|
+
cursor: pointer;
|
|
1555
|
+
overflow: hidden;
|
|
1556
|
+
|
|
1557
|
+
&:hover {
|
|
1558
|
+
${({selected:e,theme:t})=>e?`background-color: ${t.hoverSelectedMenuItemBackgroundColor};`:`background-color: ${t.hoverMenuItemBackgroundColor};`};
|
|
1559
|
+
}
|
|
1560
|
+
&:active {
|
|
1561
|
+
${({selected:e,theme:t})=>e?`background-color: ${t.activeSelectedMenuItemBackgroundColor};`:`background-color: ${t.activeMenuItemBackgroundColor};`};
|
|
1562
|
+
}
|
|
1563
|
+
&:focus {
|
|
1564
|
+
outline: 2px solid ${o.color_blue_600};
|
|
1565
|
+
outline-offset: -1px;
|
|
1566
|
+
}
|
|
1567
|
+
`,qi=hr.span`
|
|
1568
|
+
display: flex;
|
|
1569
|
+
font-size: ${({theme:e})=>e.iconSize};
|
|
1570
|
+
color: ${({theme:e})=>e.iconColor};
|
|
1571
|
+
|
|
1572
|
+
svg {
|
|
1573
|
+
height: ${({theme:e})=>e.iconSize};
|
|
1574
|
+
width: ${({theme:e})=>e.iconSize};
|
|
1575
|
+
}
|
|
1576
|
+
`,pp=hr.span`
|
|
1577
|
+
display: flex;
|
|
1578
|
+
align-items: center;
|
|
1579
|
+
gap: ${o.spacing_8};
|
|
1580
|
+
overflow: hidden;
|
|
1581
|
+
`,up=hr.span`
|
|
1582
|
+
color: ${({theme:e})=>e.menuItemFontColor};
|
|
1583
|
+
font-family: ${({theme:e})=>e.fontFamily};
|
|
1584
|
+
font-size: ${({theme:e})=>e.menuItemFontSize};
|
|
1585
|
+
font-style: ${({theme:e})=>e.menuItemFontStyle};
|
|
1586
|
+
font-weight: ${({selected:e,theme:t})=>e?t.selectedMenuItemFontWeight:t.menuItemFontWeight};
|
|
1587
|
+
line-height: ${({theme:e})=>e.menuItemLineHeight};
|
|
1588
|
+
text-overflow: ellipsis;
|
|
1589
|
+
white-space: nowrap;
|
|
1590
|
+
overflow: hidden;
|
|
1591
|
+
`,fr=mp;import{Fragment as _p,jsx as wt,jsxs as $p}from"react/jsx-runtime";var el=(e,t)=>e.some(r=>"items"in r?el(r.items,t):t!==-1?r.id===t:r.selectedByDefault),xp=({items:e,...t})=>{let r=`group-menu-${Cp()}`,{selectedItemId:n}=hp(It),i=fp(()=>el(e,n),[e,n]),[l,a]=bp(!!(i&&n===-1));return $p(_p,{children:[wt(fr,{"aria-controls":l?r:void 0,"aria-expanded":l?!0:void 0,"aria-pressed":i&&!l,collapseIcon:l?wt($,{icon:"filled_expand_less"}):wt($,{icon:"filled_expand_more"}),onClick:()=>{a(c=>!c)},selected:i&&!l,...t}),l&&wt(St,{id:r,children:e.map((c,d)=>wt(Yo,{item:c,depthLevel:t.depthLevel+1},`${c.label}-${d}`))})]})},ol=yp(xp);import{useContext as vp,useEffect as Tp}from"react";import{jsx as Fp}from"react/jsx-runtime";var kp=({id:e,onSelect:t,selectedByDefault:r,...n})=>{let{selectedItemId:i,setSelectedItemId:l}=vp(It),a=()=>{l(e),t?.()};return Tp(()=>{i===-1&&r&&l(e)},[i,r,e]),Fp(fr,{"aria-pressed":i===-1?r:i===e,onClick:a,selected:i===-1?r:i===e,...n})},tl=kp;import{jsx as tn}from"react/jsx-runtime";var Sp=({item:e,depthLevel:t=0})=>tn(Ip,{role:"menuitem",children:"items"in e?tn(ol,{...e,depthLevel:t}):tn(tl,{...e,depthLevel:t})}),Ip=wp.li`
|
|
1592
|
+
display: grid;
|
|
1593
|
+
gap: ${o.spacing_4};
|
|
1594
|
+
`,Yo=Sp;import zp from"styled-components";import Bp from"styled-components";import{jsx as Dp}from"react/jsx-runtime";var Pp=({orientation:e="horizontal",weight:t="regular",color:r="mediumGrey",decorative:n=!0})=>Dp(Lp,{orientation:e,weight:t,color:r,"aria-orientation":e,"aria-hidden":n}),Lp=Bp.hr`
|
|
1595
|
+
${({orientation:e,weight:t,color:r})=>`
|
|
1596
|
+
border-color: ${r==="lightGrey"?o.color_grey_200:r==="mediumGrey"?o.color_grey_400:o.color_grey_700};
|
|
1597
|
+
${e==="horizontal"?"width":"min-height"}: 100%;
|
|
1598
|
+
${e==="horizontal"?"height":"width"}: 0px;
|
|
1599
|
+
${e==="horizontal"?"border-width: "+(t==="regular"?"1px 0 0 0":"2px 0 0 0"):"border-width: "+(t==="regular"?"0 0 0 1px":"0 0 0 2px")};
|
|
1600
|
+
margin: 0px;
|
|
1601
|
+
`}
|
|
1602
|
+
`,rn=Pp;import{useId as Ap}from"react";import{jsx as Bt,jsxs as Mp}from"react/jsx-runtime";var Rp=({section:e,index:t,length:r})=>{let n=`section-${Ap()}`;return Mp("section",{"aria-label":e?.title??n,"aria-labelledby":n,children:[e.title&&Bt(Hp,{id:n,children:e.title}),Bt(St,{children:e.items.map((i,l)=>Bt(Yo,{item:i},`${i.label}-${l}`))}),t!==r-1&&Bt(Zo,{top:"0.25rem",bottom:"0.25rem",children:Bt(rn,{color:"lightGrey"})})]})},Hp=zp.h2`
|
|
1603
|
+
margin: 0 0 ${o.spacing_4} 0;
|
|
1604
|
+
padding: ${o.spacing_4};
|
|
1605
|
+
color: ${({theme:e})=>e.sectionTitleFontColor};
|
|
1606
|
+
font-family: ${({theme:e})=>e.fontFamily};
|
|
1607
|
+
font-size: ${({theme:e})=>e.sectionTitleFontSize};
|
|
1608
|
+
font-style: ${({theme:e})=>e.sectionTitleFontStyle};
|
|
1609
|
+
font-weight: ${({theme:e})=>e.sectionTitleFontWeight};
|
|
1610
|
+
line-height: ${({theme:e})=>e.sectionTitleLineHeight};
|
|
1611
|
+
`,rl=Rp;import{jsx as Ao}from"react/jsx-runtime";var Vp=e=>"items"in e,ll=e=>e&&"items"in e&&!("label"in e),jp=e=>{let t=0,r=n=>n.map(i=>ll(i)?{...i,items:r(i.items)}:Vp(i)?{...i,items:r(i.items)}:{...i,id:t++});return r(e)},St=({children:e,id:t})=>Ao(Kp,{id:t,role:"menu",children:e}),It=Ep(null),Xp=({items:e})=>{let[t,r]=nl(-1),n=Gp(null),i=Op(()=>jp(e),[e]),l=k(),[a,c]=nl(!0);return Wp(()=>{if(t!==-1&&a){let d=n?.current,s=d?.querySelector("[aria-pressed='true']");d?.scrollTo?.({top:s?.offsetTop-d?.clientHeight/2}),c(!1)}},[a,t]),Ao(Np,{theme:l.contextualMenu,children:Ao(Jp,{ref:n,children:Ao(It.Provider,{value:{selectedItemId:t,setSelectedItemId:r},children:ll(i[0])?i.map((d,s)=>Ao(rl,{section:d,index:s,length:i.length},`section-${s}`)):Ao(St,{children:i.map((d,s)=>Ao(Yo,{item:d},`${d.label}-${s}`))})})})})},Jp=il.div`
|
|
1612
|
+
box-sizing: border-box;
|
|
1613
|
+
margin: 0;
|
|
1614
|
+
border: 1px solid ${({theme:e})=>e.borderColor};
|
|
1615
|
+
border-radius: 0.25rem;
|
|
1616
|
+
padding: ${o.spacing_16} ${o.spacing_8};
|
|
1617
|
+
display: grid;
|
|
1618
|
+
gap: ${o.spacing_4};
|
|
1619
|
+
min-width: 248px;
|
|
1620
|
+
max-height: 100%;
|
|
1621
|
+
background-color: ${({theme:e})=>e.backgroundColor};
|
|
1622
|
+
overflow-y: auto;
|
|
1623
|
+
overflow-x: hidden;
|
|
1624
|
+
&::-webkit-scrollbar {
|
|
1625
|
+
width: 8px;
|
|
1626
|
+
height: 8px;
|
|
1627
|
+
}
|
|
1628
|
+
&::-webkit-scrollbar-thumb {
|
|
1629
|
+
background-color: ${o.color_grey_700};
|
|
1630
|
+
border-radius: 0.25rem;
|
|
1631
|
+
}
|
|
1632
|
+
&::-webkit-scrollbar-track {
|
|
1633
|
+
background-color: ${o.color_grey_300};
|
|
1634
|
+
border-radius: 0.25rem;
|
|
1635
|
+
}
|
|
1636
|
+
`,Kp=il.ul`
|
|
1637
|
+
margin: 0;
|
|
1638
|
+
padding: 0;
|
|
1639
|
+
display: grid;
|
|
1640
|
+
gap: ${o.spacing_4};
|
|
1641
|
+
list-style: none;
|
|
1642
|
+
`,Up=Xp;import{useEffect as zl,useMemo as tt,useState as Tr}from"react";import oh from"react-data-grid";import"react-data-grid/lib/styles.css";import{forwardRef as Yp}from"react";import Zp from"styled-components";import{jsx as nn}from"react/jsx-runtime";var qp=Yp(({disabled:e=!1,title:t,icon:r,onClick:n,tabIndex:i},l)=>nn(le,{label:t,children:nn(Qp,{"aria-label":t,disabled:e,onClick:n,onMouseDown:a=>{a.stopPropagation()},tabIndex:i,type:"button",ref:l,children:typeof r=="string"?nn($,{icon:r}):r})})),Qp=Zp.button`
|
|
1643
|
+
display: flex;
|
|
1644
|
+
align-items: center;
|
|
1645
|
+
justify-content: center;
|
|
1646
|
+
flex-shrink: 0;
|
|
1647
|
+
border: none;
|
|
1648
|
+
border-radius: 2px;
|
|
1649
|
+
width: 24px;
|
|
1650
|
+
height: 24px;
|
|
1651
|
+
font-size: 16px;
|
|
1652
|
+
padding: 0px;
|
|
1653
|
+
${e=>e.disabled?"cursor: not-allowed;":"cursor: pointer;"}
|
|
1654
|
+
|
|
1655
|
+
box-shadow: 0 0 0 2px transparent;
|
|
1656
|
+
background-color: ${e=>e.disabled?e.theme.disabledActionBackgroundColor??o.color_transparent:e.theme.actionBackgroundColor??o.color_transparent};
|
|
1657
|
+
color: ${e=>e.disabled?e.theme.disabledActionIconColor??o.color_grey_500:e.theme.actionIconColor??o.color_black};
|
|
1658
|
+
|
|
1659
|
+
${e=>!e.disabled&&`
|
|
1660
|
+
&:focus,
|
|
1661
|
+
&:focus-visible {
|
|
1662
|
+
outline: none;
|
|
1663
|
+
box-shadow: 0 0 0 2px ${e.theme.focusActionBorderColor??o.color_blue_600};
|
|
1664
|
+
color: ${e.theme.focusActionIconColor??o.color_black};
|
|
1665
|
+
}
|
|
1666
|
+
&:hover {
|
|
1667
|
+
background-color: ${e.theme.hoverActionBackgroundColor??o.color_grey_100};
|
|
1668
|
+
color: ${e.theme.hoverActionIconColor??o.color_black};
|
|
1669
|
+
}
|
|
1670
|
+
&:active {
|
|
1671
|
+
background-color: ${e.theme.activeActionBackgroundColor??o.color_grey_300};
|
|
1672
|
+
color: ${e.theme.activeActionIconColor??o.color_black};
|
|
1673
|
+
}
|
|
1674
|
+
`}
|
|
1675
|
+
|
|
1676
|
+
svg {
|
|
1677
|
+
width: 16px;
|
|
1678
|
+
height: 16px;
|
|
1679
|
+
}
|
|
1680
|
+
`,Se=qp;import{textEditor as eu}from"react-data-grid";import{jsx as De,jsxs as nu}from"react/jsx-runtime";var ou=e=>({checkbox:{backgroundColorChecked:e.dataGrid.headerCheckboxBackgroundColorChecked,hoverBackgroundColorChecked:e.dataGrid.headerCheckboxHoverBackgroundColorChecked,borderColor:e.dataGrid.headerCheckboxBorderColor,hoverBorderColor:e.dataGrid.headerCheckboxHoverBorderColor,checkColor:e.dataGrid.headerCheckboxCheckColor,focusColor:e.dataGrid.focusColor}}),al=(e,t)=>({key:e.key,name:e.label,resizable:e.resizable,sortable:e.sortable,draggable:e.draggable,editable:e.textEditable,headerCellClass:e.alignment?`header-align-${e.alignment}`:"header-align-left",renderEditCell:e.textEditable?eu:void 0,renderCell:({row:r})=>De("div",{className:`ellipsis-cell ${e.alignment?"align-"+e.alignment:"align-left"}`,children:r[e.key]}),renderSummaryCell:()=>e.summaryKey?De("div",{className:`ellipsis-cell ${e.alignment?"align-"+e.alignment:"align-left"}`,children:t?.[e.summaryKey]}):void 0}),cl=({sortDirection:e})=>De("div",{className:"sortIconContainer",children:e!==void 0?e==="ASC"?De($,{icon:"Keyboard_Arrow_Up"}):De($,{icon:"Keyboard_Arrow_Down"}):De($,{icon:"Expand_All"})}),dl=(e,t,r,n)=>De(Se,{icon:e.contentIsExpanded?"arrow_drop_down":"arrow_right",title:"Expand content","aria-expanded":e.contentIsExpanded,onClick:()=>{if(e.contentIsExpanded=!e.contentIsExpanded,e.contentIsExpanded){let i=t.findIndex(l=>e===l);n(l=>{let a=[...l];return Cr(a,i+1,{isExpandedChildContent:e.contentIsExpanded,[r]:ue(e,r)+"_expanded",expandedChildContent:e.expandedContent,triggerRowKey:ue(e,r),expandedContentHeight:e.expandedContentHeight}),a})}else{let i=t.findIndex(l=>e===l);n(l=>{let a=[...l];return ru(a,i+1),a})}}}),sl=(e,t,r,n,i)=>nu("button",{onClick:()=>{let l=[...e];if(t.visibleChildren){let a=[...e.filter(d=>d.parentKey&&d.parentKey===ue(t,r))],c=[...a];for(;c.length>0;){let d=c.pop(),s=d?.visibleChildren&&d?.childRows?d.childRows:[];a.push(...s),c.push(...s)}l=e.filter(d=>!a.map(s=>(s.visibleChildren&&(s.visibleChildren=!1),ue(s,r))).includes(ue(d,r)))}else{let a=e.findIndex(c=>t===c);t.childRows?.map((c,d)=>{c.rowLevel=t.rowLevel&&typeof t.rowLevel=="number"?t.rowLevel+1:1,c.parentKey=ue(t,r),Cr(l,a+1+d,c)})}t.visibleChildren=!t.visibleChildren,i(l)},children:[De($,{icon:t.visibleChildren?"Keyboard_Arrow_Down":"Chevron_Right"}),De("span",{className:"ellipsis-cell",children:t[n]})]}),ml=(e,t,r,n,i)=>De(Ko,{checked:n.has(ue(t,r)),onChange:l=>{let a=new Set(n);l?a.add(ue(t,r)):a.delete(ue(t,r)),t.childRows&&Array.isArray(t.childRows)&&yr(t.childRows,r,a,l),t.parentKey&&fl(e,t.parentKey,r,a,l),i(a)}}),gl=(e,t,r,n,i)=>De(ro,{advancedTheme:ou(n),children:De(Ko,{checked:!e.some(l=>!r.has(ue(l,t))),onChange:l=>{let a=new Set(r);l?e.forEach(c=>{a.add(ue(c,t)),c.childRows&&Array.isArray(c.childRows)&&yr(c.childRows,t,a,l)}):e.forEach(c=>{a.delete(ue(c,t)),c.childRows&&Array.isArray(c.childRows)&&yr(c.childRows,t,a,l)}),i(a)}})}),ue=(e,t)=>{let r=e[t];return typeof r=="string"||typeof r=="number"?r:null},pl=e=>[...e].filter(r=>r.sortFn).map(r=>({column:r.key,sortFn:r.sortFn})),tu=(e,t,r)=>r?r(e,t):e>t?1:e<t?-1:0,br=(e,t,r,n)=>[...e].sort((i,l)=>{for(let a of t){let c=i[a.columnKey],d=l[a.columnKey],s=0;if(c&&d&&(s=tu(c,d,r?.find(({column:m})=>m===a.columnKey)?.sortFn)),s!==0)return n?a.direction==="ASC"?-s:s:a.direction==="ASC"?s:-s}return 0}),ul=(e,t,r,n)=>{let i=br(e.filter(l=>!l.parentKey),t,r);if(e.length===i.length)return i;{let l=br(e.filter(a=>a.parentKey),t,r,!0);for(;l.length;)n&&(l=l.reduce((a,c)=>{let d=i.findIndex(s=>ue(s,n)===c.parentKey);return d>=0?i.splice(d+1,0,c):a.push(c),a},[]));return i}},Cr=(e,t,r)=>{e.splice(t,0,r)},ru=(e,t)=>{e.splice(t,1)},hl=(e,t,r)=>{let n;if(e.forEach(i=>{ue(i,t)===r&&(n={...i}),i.childRows&&Array.isArray(i.childRows)&&!n&&(n=hl(i.childRows,t,r))}),n)return n},yr=(e,t,r,n)=>{e.forEach(i=>{i.childRows&&yr(i.childRows,t,r,n),n?r.add(ue(i,t)):r.delete(ue(i,t))})},fl=(e,t,r,n,i)=>{let l=hl(e,r,t);if(!l)return;let a=l.childRows?.some(c=>!n.has(ue(c,r)));!i||a?n.has(ue(l,r))&&n.delete(ue(l,r)):l.childRows&&!a&&n.add(ue(l,r)),l.parentKey&&fl(e,l.parentKey,r,n,i)},bl=(e,t,r)=>e===1?0:t*(r-1),yl=(e,t,r,n)=>e+t>r.length?r.length:t*n-1,Cl=(e,t,r,n)=>{let i=r!=null&&n!=null?e.filter(({parentKey:a,isExpandedChildContent:c})=>a==null&&c==null).slice(r,n):[...e],l=(a,c)=>a[t]===c?!0:a.childRows?.some(d=>l(d,c));return e.filter(a=>i.some(c=>c[t]===a[t]||c.contentIsExpanded&&a?.triggerRowKey===c[t]&&a?.isExpandedChildContent||c?.childRows?.some(d=>l(d,a[t]))))};import pn,{ThemeProvider as th}from"styled-components";import _o,{ThemeProvider as Wu}from"styled-components";import*as xo from"@radix-ui/react-popover";import{forwardRef as Cu,useCallback as xu,useId as _u,useMemo as sn,useRef as wl,useState as Pt}from"react";import xe,{ThemeProvider as $u}from"styled-components";import{useLayoutEffect as kl,useRef as pu}from"react";import _r from"styled-components";import qo from"styled-components";import{useState as iu}from"react";import{jsx as ao,jsxs as xl}from"react/jsx-runtime";var lu=({id:e,option:t,onClick:r,multiple:n,visualFocused:i,isGroupedOption:l=!1,isLastOption:a,isSelected:c})=>{let[d,s]=iu(!1),m=g=>{let u=g.currentTarget;s(u.scrollWidth>u.clientWidth)};return ao(Go,{condition:d,label:t.label,children:ao(au,{id:e,onClick:()=>{r(t)},visualFocused:i,selected:c,role:"option","aria-selected":n?void 0:c,children:xl(cu,{visualFocused:i,selected:c,last:a,grouped:l,multiple:n,children:[n&&ao("div",{style:{display:"flex",pointerEvents:"none"},children:ao(Ko,{checked:c,tabIndex:-1})}),t.icon&&ao(du,{grouped:l,multiple:n,children:typeof t.icon=="string"?ao($,{icon:t.icon}):t.icon}),xl(su,{grouped:l,hasIcon:!!t.icon,multiple:n,children:[ao(mu,{onMouseEnter:m,children:t.label}),!n&&c&&ao(gu,{children:ao($,{icon:"done"})})]})]})})})},au=qo.li`
|
|
1681
|
+
padding: 0 0.5rem;
|
|
1682
|
+
box-shadow: inset 0 0 0 2px transparent;
|
|
1683
|
+
${e=>e.visualFocused&&`box-shadow: inset 0 0 0 2px ${e.theme.focusListOptionBorderColor};`}
|
|
1684
|
+
${e=>e.selected&&`background-color: ${e.theme.selectedListOptionBackgroundColor}`};
|
|
1685
|
+
cursor: pointer;
|
|
1686
|
+
|
|
1687
|
+
&:hover {
|
|
1688
|
+
${e=>e.selected?`background-color: ${e.theme.selectedHoverListOptionBackgroundColor};`:`background-color: ${e.theme.unselectedHoverListOptionBackgroundColor};`};
|
|
1689
|
+
}
|
|
1690
|
+
&:active {
|
|
1691
|
+
${e=>e.selected?`background-color: ${e.theme.selectedActiveListOptionBackgroundColor};`:`background-color: ${e.theme.unselectedActiveListOptionBackgroundColor};`};
|
|
1692
|
+
}
|
|
1693
|
+
`,cu=qo.span`
|
|
1694
|
+
box-sizing: border-box;
|
|
1695
|
+
display: flex;
|
|
1696
|
+
align-items: center;
|
|
1697
|
+
height: 32px;
|
|
1698
|
+
padding: 4px 8px 4px 0;
|
|
1699
|
+
${e=>e.grouped&&e.multiple&&"padding-left: 16px;"}
|
|
1700
|
+
${e=>e.last||e.visualFocused||e.selected?"border-bottom: 1px solid transparent":`border-bottom: 1px solid ${e.theme.listOptionDividerColor}`};
|
|
1701
|
+
`,du=qo.span`
|
|
1702
|
+
margin-left: ${e=>e.grouped&&!e.multiple?"16px":"8px"};
|
|
1703
|
+
display: grid;
|
|
1704
|
+
place-items: center;
|
|
1705
|
+
color: ${e=>e.theme.listOptionIconColor};
|
|
1706
|
+
font-size: 24px;
|
|
1707
|
+
svg {
|
|
1708
|
+
height: 24px;
|
|
1709
|
+
width: 24px;
|
|
1710
|
+
}
|
|
1711
|
+
`,su=qo.span`
|
|
1712
|
+
margin-left: ${e=>e.grouped&&!e.multiple&&!e.hasIcon?"16px":"8px"};
|
|
1713
|
+
display: flex;
|
|
1714
|
+
justify-content: space-between;
|
|
1715
|
+
gap: 0.25rem;
|
|
1716
|
+
width: 100%;
|
|
1717
|
+
overflow: hidden;
|
|
1718
|
+
`,mu=qo.span`
|
|
1719
|
+
overflow: hidden;
|
|
1720
|
+
text-overflow: ellipsis;
|
|
1721
|
+
white-space: nowrap;
|
|
1722
|
+
`,gu=qo.span`
|
|
1723
|
+
display: flex;
|
|
1724
|
+
align-items: center;
|
|
1725
|
+
color: ${e=>e.theme.selectedListOptionIconColor};
|
|
1726
|
+
font-size: 16px;
|
|
1727
|
+
`,xr=lu;var an=(e,t,r)=>!r&&(t?e.length===0:e===""),ln=e=>"options"in e&&e.options!=null,Ro=e=>ln(e[0]),Qo=e=>Ro(e)?e.some(t=>t.options?.length>0):!0,_l=(e,t)=>!t&&e?.length>0&&Qo(e),$l=(e,t)=>{if(e?.length>0)return Ro(e)?e.map(r=>({label:r.label,options:r.options.filter(i=>i.label.toUpperCase().includes(t.toUpperCase()))})):e.filter(r=>r.label.toUpperCase().includes(t.toUpperCase()))},vl=(e,t,r,n,i)=>{let l=0,a=(c,d)=>c+d.options?.length;return r&&t?.length>0?Ro(t)?l=t.reduce(a,0)-1:l=t.length-1:e?.length>0&&(Ro(e)?l=e.reduce(a,0)-1:l=e.length-1),n&&!i?l+1:l},Tl=(e,t,r,n,i)=>{let l=r?[]:{},a;if(r)t?.length>0&&t.forEach(c=>{ln(c)?c.options.forEach(d=>{e.includes(d.value)&&Array.isArray(l)&&l.push(d)}):e.includes(c.value)&&Array.isArray(l)&&l.push(c)});else if(n&&e==="")l=i,a=0;else if(t?.length>0){let c=0;t.some((d,s)=>{if(ln(d))d.options.some(m=>{if(m.value===e)return l=m,a=n?c+1:c,!0;c++});else if(d.value===e)return l=d,a=n?s+1:s,!0})}return{selectedOption:l,singleSelectionIndex:a}},cn=(e,t)=>Array.isArray(t)?t.length===0?e:t.map(r=>r.label).join(", "):t?.label??e;import{jsx as Ho,jsxs as dn}from"react/jsx-runtime";var uu=({id:e,currentValue:t,options:r,visualFocusIndex:n,lastOptionIndex:i,multiple:l,optional:a,optionalItem:c,searchable:d,handleOptionOnClick:s,styles:m})=>{let g=X(),u=pu(null),h=a&&!l?0:-1,y=(f,_)=>{let x=`${e}-group-${_}`;return f.options?f.options.length>0&&Ho("li",{children:dn("ul",{role:"listbox","aria-labelledby":x,style:{padding:0},children:[Ho(yu,{role:"presentation",id:x,children:f.label}),f.options.map(b=>(h++,Ho(xr,{id:`${e}-option-${h}`,option:b,onClick:s,multiple:l,visualFocused:n===h,isGroupedOption:!0,isLastOption:i===h,isSelected:l?t.includes(b.value):t===b.value},`${e}-option-${b.value}`)))]})},x):(h++,Ho(xr,{id:`${e}-option-${h}`,option:f,onClick:s,multiple:l,visualFocused:n===h,isLastOption:i===h,isSelected:l?t.includes(f.value):t===f.value},`${e}-option-${f.value}`))};kl(()=>{if(t&&!l){let f=u?.current,_=f?.querySelector("[aria-selected='true']");f?.scrollTo?.({top:_?.offsetTop-f?.clientHeight/2})}},[t,l]),kl(()=>{u?.current?.querySelectorAll("[role='option']")[n]?.scrollIntoView?.({block:"nearest",inline:"start"})},[n]);let v=r.some(f=>f.options?.length>0);return dn(hu,{id:e,onClick:f=>{f.stopPropagation()},onMouseDown:f=>{f.preventDefault()},ref:u,"aria-multiselectable":v?void 0:l,style:m,role:v?"list":"listbox","aria-label":"List of options",children:[d&&(r.length===0||!Qo(r))?dn(fu,{children:[Ho(bu,{children:Ho($,{icon:"search_off"})}),g.select.noMatchesErrorMessage]}):a&&!l&&Ho(xr,{id:`${e}-option-0`,option:c,onClick:s,multiple:l,visualFocused:n===0,isGroupedOption:!1,isLastOption:i===0,isSelected:l?t.includes(c.value):t===c.value},`${e}-option-${c.value}`),r.map(y)]})},hu=_r.ul`
|
|
1728
|
+
box-sizing: border-box;
|
|
1729
|
+
max-height: 304px;
|
|
1730
|
+
overflow-y: auto;
|
|
1731
|
+
margin: 0;
|
|
1732
|
+
padding: 0.25rem 0;
|
|
1733
|
+
background-color: ${e=>e.theme.listDialogBackgroundColor};
|
|
1734
|
+
border: 1px solid ${e=>e.theme.listDialogBorderColor};
|
|
1735
|
+
border-radius: 0.25rem;
|
|
1736
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
1737
|
+
color: ${e=>e.theme.listOptionFontColor};
|
|
1738
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
1739
|
+
font-size: ${e=>e.theme.listOptionFontSize};
|
|
1740
|
+
font-style: ${e=>e.theme.listOptionFontStyle};
|
|
1741
|
+
font-weight: ${e=>e.theme.listOptionFontWeight};
|
|
1742
|
+
line-height: 24px;
|
|
1743
|
+
cursor: default;
|
|
1744
|
+
`,fu=_r.span`
|
|
1745
|
+
display: flex;
|
|
1746
|
+
padding: 4px 16px;
|
|
1747
|
+
color: ${e=>e.theme.systemMessageFontColor};
|
|
1748
|
+
font-size: 0.875rem;
|
|
1749
|
+
line-height: 1.715em;
|
|
1750
|
+
`,bu=_r.span`
|
|
1751
|
+
display: flex;
|
|
1752
|
+
flex-wrap: wrap;
|
|
1753
|
+
align-content: center;
|
|
1754
|
+
height: 16px;
|
|
1755
|
+
width: 16px;
|
|
1756
|
+
padding: 4px;
|
|
1757
|
+
margin-right: 0.25rem;
|
|
1758
|
+
font-size: 16px;
|
|
1759
|
+
`,yu=_r.li`
|
|
1760
|
+
padding: 4px 16px;
|
|
1761
|
+
font-weight: ${e=>e.theme.listGroupLabelFontWeight};
|
|
1762
|
+
line-height: 1.715em;
|
|
1763
|
+
`,Fl=uu;import{jsx as ce,jsxs as et}from"react/jsx-runtime";var vu=Cu(({label:e,name:t="",defaultValue:r,value:n,options:i,helperText:l,placeholder:a="",disabled:c=!1,multiple:d=!1,optional:s=!1,searchable:m=!1,onChange:g,onBlur:u,error:h,margin:y,size:v="medium",tabIndex:f=0},_)=>{let x=`select-${_u()}`,b=`label-${x}`,L=`error-${x}`,B=`${x}-listbox`,[I,H]=Pt(r??(d?[]:"")),[R,F]=Pt(""),[w,D]=Pt(-1),[O,N]=Pt(!1),[Z,E]=Pt(!1),z=wl(null),C=wl(null),S=No(z.current),T=k(),P=X(),M={label:a,value:""},J=sn(()=>$l(i,R),[i,R]),de=sn(()=>vl(i,J,m,s,d),[i,J,m,s,d]),{selectedOption:G,singleSelectionIndex:q}=sn(()=>Tl(n??I,i,d,s,M),[n,I,i,d,s,M]),A=()=>{!O&&_l(i,c)&&N(!0)},se=()=>{O&&(N(!1),D(-1))},me=ee=>{let oe;d?(n??I).includes(ee.value)?oe=((n&&Array.isArray(n)&&n)??(I&&Array.isArray(I)&&I)).filter(oo=>oo!==ee.value):oe=[...(n&&Array.isArray(n)&&n)??(I&&Array.isArray(I)&&I),ee.value]:oe=ee.value,n??H(oe),an(oe,d,s)?g?.({value:oe,error:P.formFields.requiredValueErrorMessage}):g?.({value:oe})},ge=()=>{m&&C.current.focus(),O?(se(),F("")):A()},W=ee=>{ee.currentTarget.contains(ee.relatedTarget)||m&&C.current.focus()},U=ee=>{if(!ee.currentTarget.contains(ee.relatedTarget)){se(),F("");let oe=n??I;an(oe,d,s)?u?.({value:oe,error:P.formFields.requiredValueErrorMessage}):u?.({value:oe})}},K=ee=>{switch(ee.key){case"Down":case"ArrowDown":ee.preventDefault(),q!==void 0&&(!O||w===-1&&q>-1&&q<=de)?D(q):D(oe=>{if(oe<de)return oe+1;if(oe===de)return 0}),A();break;case"Up":case"ArrowUp":ee.preventDefault(),q!==void 0&&(!O||w===-1&&q>-1&&q<=de)?D(q):D(oe=>oe===0||oe===-1?de:oe-1),A();break;case"Esc":case"Escape":ee.preventDefault(),O&&ee.stopPropagation(),se(),F("");break;case"Enter":if(O&&w>=0){let oe=s&&!d?1:0;m?J.length>0&&(s&&!d&&w===0&&Qo(J)?me(M):Ro(J)?Qo(J)&&J.some(oo=>{let to=oe+oo.options.length;return to>w&&me(oo.options[w-oe]),oe=to,to>w}):me(J[w-oe])):s&&!d&&w===0?me(M):Ro(i)?i.some(oo=>{let to=oe+oo.options.length;return to>w&&me(oo.options[w-oe]),oe=to,to>w}):me(i[w-oe]),!d&&se(),F("")}break}},ye=ee=>{F(ee.target.value),D(-1),A()},pe=ee=>{ee.stopPropagation(),n??H([]),g?.(s?{value:[]}:{value:[],error:P.formFields.requiredValueErrorMessage})},Io=ee=>{ee.stopPropagation(),F("")},bt=xu(ee=>{me(ee),!d&&se(),F("")},[me,se,d]),Nr=ee=>{let oe=ee.currentTarget;E(oe.scrollWidth>oe.clientWidth)};return ce($u,{theme:T.select,children:et(Tu,{margin:y,size:v,ref:_,children:[e&&et(ku,{id:b,disabled:c,onClick:()=>{z.current.focus()},helperText:l,children:[e," ",s&&ce(Fu,{children:P.formFields.optionalLabel})]}),l&&ce(wu,{disabled:c,children:l}),et(xo.Root,{open:O,children:[ce(xo.Trigger,{asChild:!0,type:void 0,children:et(Su,{id:x,disabled:c,error:h,onBlur:U,onClick:ge,onFocus:W,onKeyDown:K,ref:z,tabIndex:c?-1:f,role:"combobox","aria-controls":O?B:void 0,"aria-disabled":c,"aria-expanded":O,"aria-haspopup":"listbox","aria-labelledby":e?b:void 0,"aria-activedescendant":w>=0?`option-${w}`:void 0,"aria-invalid":!!h,"aria-errormessage":h?L:void 0,"aria-required":!c&&!s,children:[d&&Array.isArray(G)&&G.length>0&&et(Iu,{children:[ce(Bu,{disabled:c,children:G.length}),ce(le,{label:P.select.actionClearSelectionTitle,children:ce(Pu,{disabled:c,onMouseDown:ee=>{ee.preventDefault()},onClick:pe,tabIndex:-1,"aria-label":P.select.actionClearSelectionTitle,children:ce($,{icon:"clear"})})})]}),ce(Go,{condition:Z,label:cn(a,G),children:et(Lu,{children:[ce("input",{style:{display:"none"},name:t,disabled:c,value:d?((n&&Array.isArray(n)&&n)??(I&&Array.isArray(I)&&I)).join(","):n??I,readOnly:!0,"aria-hidden":"true"}),m&&ce(Au,{value:R,disabled:c,onChange:ye,ref:C,autoComplete:"nope",autoCorrect:"nope",size:1,"aria-labelledby":e?b:void 0}),(!m||R==="")&&ce(Du,{disabled:c,atBackground:(d?(n??I).length===0:!(n??I))||m&&O,children:ce(zu,{onMouseEnter:Nr,children:cn(a,G)})})]})}),!c&&h&&ce(Ru,{children:ce($,{icon:"filled_error"})}),m&&R.length>0&&ce(le,{label:P.select.actionClearSelectionTitle,children:ce(Eu,{onMouseDown:ee=>{ee.preventDefault()},onClick:Io,tabIndex:-1,"aria-label":P.select.actionClearSearchTitle,children:ce($,{icon:"clear"})})}),ce(Mu,{disabled:c,children:ce($,{icon:O?"keyboard_arrow_up":"keyboard_arrow_down"})})]})}),ce(xo.Portal,{children:ce(xo.Content,{sideOffset:4,style:{zIndex:"2147483647"},onOpenAutoFocus:ee=>{ee.preventDefault()},onCloseAutoFocus:ee=>{ee.preventDefault()},children:ce(Fl,{id:B,currentValue:n??I,options:m?J:i,visualFocusIndex:w,lastOptionIndex:de,multiple:d,optional:s,optionalItem:M,searchable:m,handleOptionOnClick:bt,styles:{width:S}})})})]}),!c&&typeof h=="string"&&ce(Hu,{id:L,role:"alert","aria-live":h?"assertive":"off",children:h})]})})}),Sl={small:"240px",medium:"360px",large:"480px",fillParent:"100%"},Il=(e,t)=>t==="fillParent"?`calc(${Sl[t]} - ${j(e,"left")} - ${j(e,"right")})`:Sl[t],Tu=xe.div`
|
|
1764
|
+
box-sizing: border-box;
|
|
1765
|
+
display: flex;
|
|
1766
|
+
flex-direction: column;
|
|
1767
|
+
width: ${e=>Il(e.margin,e.size)};
|
|
1768
|
+
${e=>e.size!=="fillParent"&&"min-width:"+Il(e.margin,e.size)};
|
|
1769
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
1770
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
1771
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
1772
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
1773
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
1774
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
1775
|
+
`,ku=xe.label`
|
|
1776
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.labelFontColor};
|
|
1777
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
1778
|
+
font-style: ${e=>e.theme.labelFontStyle};
|
|
1779
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
1780
|
+
line-height: ${e=>e.theme.labelLineHeight};
|
|
1781
|
+
cursor: default;
|
|
1782
|
+
${e=>!e.helperText&&"margin-bottom: 0.25rem"}
|
|
1783
|
+
`,Fu=xe.span`
|
|
1784
|
+
font-weight: ${e=>e.theme.optionalLabelFontWeight};
|
|
1785
|
+
`,wu=xe.span`
|
|
1786
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.helperTextFontColor};
|
|
1787
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
1788
|
+
font-style: ${e=>e.theme.helperTextFontStyle};
|
|
1789
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
1790
|
+
line-height: ${e=>e.theme.helperTextLineHeight};
|
|
1791
|
+
margin-bottom: 0.25rem;
|
|
1792
|
+
`,Su=xe.div`
|
|
1793
|
+
display: flex;
|
|
1794
|
+
position: relative;
|
|
1795
|
+
align-items: center;
|
|
1796
|
+
height: calc(2.5rem - 2px);
|
|
1797
|
+
padding: 0 0.5rem;
|
|
1798
|
+
outline: none;
|
|
1799
|
+
${e=>e.disabled&&`background-color: ${e.theme.disabledInputBackgroundColor}`};
|
|
1800
|
+
box-shadow: 0 0 0 2px transparent;
|
|
1801
|
+
border-radius: 4px;
|
|
1802
|
+
border: 1px solid
|
|
1803
|
+
${e=>e.disabled?e.theme.disabledInputBorderColor:e.theme.enabledInputBorderColor};
|
|
1804
|
+
${e=>e.error&&!e.disabled&&`border-color: transparent;
|
|
1805
|
+
box-shadow: 0 0 0 2px ${e.theme.errorInputBorderColor};
|
|
1806
|
+
`}
|
|
1807
|
+
${e=>e.disabled?"cursor: not-allowed;":"cursor: pointer;"};
|
|
1808
|
+
|
|
1809
|
+
${e=>!e.disabled&&`
|
|
1810
|
+
&:hover {
|
|
1811
|
+
border-color: ${e.error?"transparent":e.theme.hoverInputBorderColor};
|
|
1812
|
+
${e.error&&`box-shadow: 0 0 0 2px ${e.theme.hoverInputErrorBorderColor};`}
|
|
1813
|
+
}
|
|
1814
|
+
&:focus-within {
|
|
1815
|
+
border-color: transparent;
|
|
1816
|
+
box-shadow: 0 0 0 2px ${e.theme.focusInputBorderColor};
|
|
1817
|
+
}
|
|
1818
|
+
`};
|
|
1819
|
+
`,Iu=xe.div`
|
|
1820
|
+
box-sizing: border-box;
|
|
1821
|
+
display: grid;
|
|
1822
|
+
grid-template-columns: 1fr 1fr;
|
|
1823
|
+
min-width: 48px;
|
|
1824
|
+
min-height: 24px;
|
|
1825
|
+
border-radius: 2px;
|
|
1826
|
+
border: 1px solid ${e=>e.theme.selectionIndicatorBorderColor};
|
|
1827
|
+
`,Bu=xe.span`
|
|
1828
|
+
display: grid;
|
|
1829
|
+
place-items: center;
|
|
1830
|
+
border-right: 1px solid ${e=>e.theme.selectionIndicatorBorderColor};
|
|
1831
|
+
user-select: none;
|
|
1832
|
+
${e=>!e.disabled&&`background-color: ${e.theme.selectionIndicatorBackgroundColor}`};
|
|
1833
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.selectionIndicatorFontColor};
|
|
1834
|
+
font-size: ${e=>e.theme.selectionIndicatorFontSize};
|
|
1835
|
+
font-style: ${e=>e.theme.selectionIndicatorFontStyle};
|
|
1836
|
+
font-weight: ${e=>e.theme.selectionIndicatorFontWeight};
|
|
1837
|
+
${e=>e.disabled?"cursor: not-allowed;":"cursor: default;"}
|
|
1838
|
+
`,Pu=xe.button`
|
|
1839
|
+
display: grid;
|
|
1840
|
+
place-items: center;
|
|
1841
|
+
border: none;
|
|
1842
|
+
padding: 0;
|
|
1843
|
+
${e=>e.disabled?"cursor: not-allowed;":"cursor: pointer;"}
|
|
1844
|
+
background-color: ${e=>e.disabled?"transparent":e.theme.enabledSelectionIndicatorActionBackgroundColor};
|
|
1845
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.enabledSelectionIndicatorActionIconColor};
|
|
1846
|
+
font-size: 16px;
|
|
1847
|
+
width: 100%;
|
|
1848
|
+
|
|
1849
|
+
:focus-visible {
|
|
1850
|
+
outline: none;
|
|
1851
|
+
}
|
|
1852
|
+
${e=>!e.disabled&&`
|
|
1853
|
+
&:hover {
|
|
1854
|
+
background-color: ${e.theme.hoverSelectionIndicatorActionBackgroundColor};
|
|
1855
|
+
color: ${e.theme.hoverSelectionIndicatorActionIconColor};
|
|
1856
|
+
}
|
|
1857
|
+
&:active {
|
|
1858
|
+
background-color: ${e.theme.activeSelectionIndicatorActionBackgroundColor};
|
|
1859
|
+
color: ${e.theme.activeSelectionIndicatorActionIconColor};
|
|
1860
|
+
}
|
|
1861
|
+
`}
|
|
1862
|
+
`,Lu=xe.div`
|
|
1863
|
+
display: grid;
|
|
1864
|
+
width: 100%;
|
|
1865
|
+
`,Du=xe.span`
|
|
1866
|
+
grid-area: 1 / 1 / 1 / 1;
|
|
1867
|
+
display: inline-flex;
|
|
1868
|
+
align-items: center;
|
|
1869
|
+
height: calc(2.5rem - 2px);
|
|
1870
|
+
padding: 0 0.5rem;
|
|
1871
|
+
user-select: none;
|
|
1872
|
+
overflow: hidden;
|
|
1873
|
+
|
|
1874
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.atBackground?e.theme.placeholderFontColor:e.theme.valueFontColor};
|
|
1875
|
+
font-size: ${e=>e.theme.valueFontSize};
|
|
1876
|
+
font-style: ${e=>e.theme.valueFontStyle};
|
|
1877
|
+
font-weight: ${e=>e.theme.valueFontWeight};
|
|
1878
|
+
`,zu=xe.span`
|
|
1879
|
+
overflow: hidden;
|
|
1880
|
+
text-overflow: ellipsis;
|
|
1881
|
+
white-space: nowrap;
|
|
1882
|
+
`,Au=xe.input`
|
|
1883
|
+
grid-area: 1 / 1 / 1 / 1;
|
|
1884
|
+
height: calc(2.5rem - 2px);
|
|
1885
|
+
background: none;
|
|
1886
|
+
border: none;
|
|
1887
|
+
outline: none;
|
|
1888
|
+
padding: 0 0.5rem;
|
|
1889
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.valueFontColor};
|
|
1890
|
+
font-size: ${e=>e.theme.valueFontSize};
|
|
1891
|
+
font-style: ${e=>e.theme.valueFontStyle};
|
|
1892
|
+
font-weight: ${e=>e.theme.valueFontWeight};
|
|
1893
|
+
line-height: 1.5em;
|
|
1894
|
+
`,Ru=xe.span`
|
|
1895
|
+
display: flex;
|
|
1896
|
+
flex-wrap: wrap;
|
|
1897
|
+
align-content: center;
|
|
1898
|
+
padding: 3px;
|
|
1899
|
+
height: 18px;
|
|
1900
|
+
width: 18px;
|
|
1901
|
+
margin-left: 0.25rem;
|
|
1902
|
+
color: ${e=>e.theme.errorIconColor};
|
|
1903
|
+
font-size: 1.25rem;
|
|
1904
|
+
`,Hu=xe.span`
|
|
1905
|
+
min-height: 1.5em;
|
|
1906
|
+
color: ${e=>e.theme.errorMessageColor};
|
|
1907
|
+
font-size: 0.75rem;
|
|
1908
|
+
line-height: 1.5em;
|
|
1909
|
+
margin-top: 0.25rem;
|
|
1910
|
+
`,Mu=xe.span`
|
|
1911
|
+
display: grid;
|
|
1912
|
+
place-items: center;
|
|
1913
|
+
padding: 4px;
|
|
1914
|
+
font-size: 16px;
|
|
1915
|
+
margin-left: 0.25rem;
|
|
1916
|
+
color: ${e=>e.disabled?e.theme.disabledColor:e.theme.collapseIndicatorColor};
|
|
1917
|
+
`,Eu=xe.button`
|
|
1918
|
+
display: grid;
|
|
1919
|
+
place-items: center;
|
|
1920
|
+
min-height: 24px;
|
|
1921
|
+
min-width: 24px;
|
|
1922
|
+
margin-left: 0.25rem;
|
|
1923
|
+
border: none;
|
|
1924
|
+
border-radius: 2px;
|
|
1925
|
+
padding: 0;
|
|
1926
|
+
background-color: ${e=>e.theme.actionBackgroundColor};
|
|
1927
|
+
color: ${e=>e.theme.actionIconColor};
|
|
1928
|
+
font-size: 1rem;
|
|
1929
|
+
cursor: pointer;
|
|
1930
|
+
|
|
1931
|
+
&:hover {
|
|
1932
|
+
background-color: ${e=>e.theme.hoverActionBackgroundColor};
|
|
1933
|
+
color: ${e=>e.theme.hoverActionIconColor};
|
|
1934
|
+
}
|
|
1935
|
+
&:active {
|
|
1936
|
+
background-color: ${e=>e.theme.activeActionBackgroundColor};
|
|
1937
|
+
color: ${e=>e.theme.activeActionIconColor};
|
|
1938
|
+
}
|
|
1939
|
+
`,$r=vu;import{jsx as Ie,jsxs as vr}from"react/jsx-runtime";var Ou=({currentPage:e=1,itemsPerPage:t=5,itemsPerPageOptions:r,totalItems:n=1,showGoToPage:i,onPageChange:l,itemsPerPageFunction:a,tabIndex:c=0})=>{let d=t>0&&Math.ceil(n/t),s=e===-1?d:e,m=s===1||s===0?s:(s-1)*t+1,g=m-1+t>n?n:m-1+t,u=k(),h=X();return Ie(Wu,{theme:u.paginator,children:Ie(Gu,{children:vr(Ju,{children:[r&&vr(Nu,{children:[Ie(Vu,{children:h.paginator.itemsPerPageText}),Ie(Bl,{children:Ie($r,{options:r.map(y=>({label:y.toString(),value:y.toString()})),onChange:y=>{a(Number(y.value))},value:t.toString(),size:"fillParent",tabIndex:c})})]}),Ie(Xu,{children:h.paginator.minToMaxOfText(m,g,n)}),l&&Ie(Me,{mode:"secondary",disabled:s===1||s===0,icon:"first_page",tabIndex:c,onClick:()=>{l(1)},title:"First results"}),l&&Ie(Me,{mode:"secondary",disabled:s===1||s===0,icon:"navigate_before",tabIndex:c,onClick:()=>{l(e-1)},title:"Previous results"}),i?vr(Ku,{children:[vr(ju,{children:[h.paginator.goToPageText," "]}),Ie(Bl,{children:Ie($r,{options:Array.from(Array(d),(y,v)=>({label:(v+1).toString(),value:(v+1).toString()})),onChange:y=>{l(Number(y.value))},value:e.toString(),size:"fillParent",tabIndex:c})})]}):Ie("span",{children:h.paginator.pageOfText(s,d)}),l&&Ie(Me,{mode:"secondary",disabled:s===d,icon:"navigate_next",tabIndex:c,onClick:()=>{l(e+1)},title:"Next results"}),l&&Ie(Me,{mode:"secondary",disabled:s===d,icon:"last_page",tabIndex:c,onClick:()=>{l(d)},title:"Last results"})]})})})},Gu=_o.div`
|
|
1940
|
+
display: flex;
|
|
1941
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
1942
|
+
font-size: ${e=>e.theme.fontSize};
|
|
1943
|
+
font-weight: ${e=>e.theme.fontWeight};
|
|
1944
|
+
font-style: ${e=>e.theme.fontStyle};
|
|
1945
|
+
text-transform: ${e=>e.theme.fontTextTransform};
|
|
1946
|
+
background-color: ${e=>e.theme.backgroundColor};
|
|
1947
|
+
color: ${e=>e.theme.fontColor};
|
|
1948
|
+
padding: ${e=>e.theme.verticalPadding} ${e=>e.theme.horizontalPadding};
|
|
1949
|
+
|
|
1950
|
+
button {
|
|
1951
|
+
&:disabled {
|
|
1952
|
+
background-color: transparent !important;
|
|
1953
|
+
opacity: 0.3 !important;
|
|
1954
|
+
}
|
|
1955
|
+
}
|
|
1956
|
+
`,Bl=_o.div`
|
|
1957
|
+
min-width: 5.25rem;
|
|
1958
|
+
`,Nu=_o.span`
|
|
1959
|
+
display: flex;
|
|
1960
|
+
align-items: center;
|
|
1961
|
+
margin-right: ${e=>e.theme.itemsPerPageSelectorMarginRight};
|
|
1962
|
+
margin-left: ${e=>e.theme.itemsPerPageSelectorMarginLeft};
|
|
1963
|
+
`,Vu=_o.span`
|
|
1964
|
+
margin-right: 0.5rem;
|
|
1965
|
+
`,ju=_o.span`
|
|
1966
|
+
margin-right: 0.5rem;
|
|
1967
|
+
margin-left: 0.5rem;
|
|
1968
|
+
`,Xu=_o.span`
|
|
1969
|
+
margin-right: ${e=>e.theme.totalItemsContainerMarginRight};
|
|
1970
|
+
margin-left: ${e=>e.theme.totalItemsContainerMarginLeft};
|
|
1971
|
+
`,Ju=_o.div`
|
|
1972
|
+
display: flex;
|
|
1973
|
+
gap: 0.5rem;
|
|
1974
|
+
width: 100%;
|
|
1975
|
+
justify-content: flex-end;
|
|
1976
|
+
align-items: center;
|
|
1977
|
+
`,Ku=_o.span`
|
|
1978
|
+
display: flex;
|
|
1979
|
+
align-items: center;
|
|
1980
|
+
margin-right: 0.5rem;
|
|
1981
|
+
`,Lt=Ou;import Ll,{ThemeProvider as Uu}from"styled-components";var Pl={dropdown:{buttonIconSize:"16px",buttonPaddingTop:"4px",buttonPaddingBottom:"4px",buttonPaddingLeft:"4px",buttonPaddingRight:"4px",buttonHeight:"24px",buttonBorderRadius:"2px",buttonBorderStyle:"none",buttonBorderThickness:"0px",buttonBorderColor:"transparent",optionFontSize:"14px",optionPaddingTop:"0px",optionPaddingBottom:"0px",optionPaddingLeft:"16px",optionPaddingRight:"16px",buttonBackgroundColor:Q.table.actionBackgroundColor,hoverButtonBackgroundColor:Q.table.hoverActionBackgroundColor,activeButtonBackgroundColor:Q.table.activeActionBackgroundColor,buttonIconColor:Q.table.actionIconColor,disabledColor:Q.table.disabledActionIconColor,disabledButtonBackgroundColor:Q.table.disabledActionBackgroundColor,focusColor:Q.table.focusActionBorderColor,buttonFontFamily:Q.dropdown.buttonFontFamily,buttonFontSize:Q.dropdown.buttonFontSize,buttonFontStyle:Q.dropdown.buttonFontStyle,buttonFontWeight:Q.dropdown.buttonFontWeight,buttonFontColor:Q.dropdown.buttonFontColor,buttonIconSpacing:Q.dropdown.buttonIconSpacing,disabledButtonBorderColor:Q.dropdown.disabledButtonBorderColor,optionBackgroundColor:Q.dropdown.optionBackgroundColor,hoverOptionBackgroundColor:Q.dropdown.hoverOptionBackgroundColor,activeOptionBackgroundColor:Q.dropdown.activeOptionBackgroundColor,optionFontFamily:Q.dropdown.optionFontFamily,optionFontStyle:Q.dropdown.optionFontStyle,optionFontWeight:Q.dropdown.optionFontWeight,optionFontColor:Q.dropdown.optionFontColor,optionIconSize:Q.dropdown.optionIconSize,optionIconSpacing:Q.dropdown.optionIconSpacing,optionIconColor:Q.dropdown.optionIconColor,caretIconSize:Q.dropdown.caretIconSize,caretIconColor:Q.dropdown.caretIconColor,caretIconSpacing:Q.dropdown.caretIconSpacing,borderRadius:Q.dropdown.borderRadius,borderStyle:Q.dropdown.borderStyle,borderThickness:Q.dropdown.borderThickness,borderColor:Q.dropdown.borderColor,scrollBarThumbColor:Q.dropdown.scrollBarThumbColor,scrollBarTrackColor:Q.dropdown.scrollBarTrackColor}};import{jsx as ot,jsxs as eh}from"react/jsx-runtime";var Yu=e=>{let t=Pl;return t.dropdown.buttonBackgroundColor=e.table.actionBackgroundColor,t.dropdown.hoverButtonBackgroundColor=e.table.hoverActionBackgroundColor,t.dropdown.activeButtonBackgroundColor=e.table.activeActionBackgroundColor,t.dropdown.buttonIconColor=e.table.actionIconColor,t.dropdown.disabledColor=e.table.disabledActionIconColor,t.dropdown.disabledButtonBackgroundColor=e.table.disabledActionBackgroundColor,t},Dt=({actions:e})=>{let t=e.filter(l=>!l.options),r=e.find(l=>l.options),n=r?2:3,i=k();return eh(te,{gap:"0.5rem",alignItems:"center",children:[t.map((l,a)=>a<n&&ot(Se,{icon:l.icon,title:l.title,onClick:l.onClick,disabled:l.disabled??!1,tabIndex:l.tabIndex??0},`action-${a}`)),r&&ot(ro,{advancedTheme:Yu(i),children:ot(Bo,{options:r.options,onSelectOption:r.onClick,disabled:r.disabled,icon:"more_vert",tabIndex:r.tabIndex,caretHidden:!0})},"provider-dropdown")]})},Dl=({children:e,margin:t,mode:r="default"})=>{let n=k();return ot(Uu,{theme:n.table,children:ot(qu,{margin:t,children:ot(Qu,{mode:r,children:e})})})},Zu=e=>`calc(100% - ${j(e,"left")} - ${j(e,"right")})`,qu=Ll.div`
|
|
1982
|
+
width: ${e=>Zu(e.margin)};
|
|
1983
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
1984
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
1985
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
1986
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
1987
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
1988
|
+
|
|
1989
|
+
overflow: auto;
|
|
1990
|
+
&::-webkit-scrollbar {
|
|
1991
|
+
width: 8px;
|
|
1992
|
+
height: 8px;
|
|
1993
|
+
}
|
|
1994
|
+
&::-webkit-scrollbar-thumb {
|
|
1995
|
+
background-color: ${e=>e.theme.scrollBarThumbColor};
|
|
1996
|
+
border-radius: 6px;
|
|
1997
|
+
}
|
|
1998
|
+
&::-webkit-scrollbar-track {
|
|
1999
|
+
background-color: ${e=>e.theme.scrollBarTrackColor};
|
|
2000
|
+
border-radius: 6px;
|
|
2001
|
+
}
|
|
2002
|
+
`,Qu=Ll.table`
|
|
2003
|
+
border-collapse: collapse;
|
|
2004
|
+
width: 100%;
|
|
2005
|
+
|
|
2006
|
+
& tr {
|
|
2007
|
+
border-bottom: ${e=>`${e.theme.rowSeparatorThickness} ${e.theme.rowSeparatorStyle} ${e.theme.rowSeparatorColor}`};
|
|
2008
|
+
height: ${e=>e.mode==="default"?"60px":"36px"};
|
|
2009
|
+
}
|
|
2010
|
+
& td {
|
|
2011
|
+
background-color: ${e=>e.theme.dataBackgroundColor};
|
|
2012
|
+
font-family: ${e=>e.theme.dataFontFamily};
|
|
2013
|
+
font-size: ${e=>e.theme.dataFontSize};
|
|
2014
|
+
font-style: ${e=>e.theme.dataFontStyle};
|
|
2015
|
+
font-weight: ${e=>e.theme.dataFontWeight};
|
|
2016
|
+
color: ${e=>e.theme.dataFontColor};
|
|
2017
|
+
text-transform: ${e=>e.theme.dataFontTextTransform};
|
|
2018
|
+
text-align: ${e=>e.theme.dataTextAlign};
|
|
2019
|
+
line-height: ${e=>e.theme.dataTextLineHeight};
|
|
2020
|
+
padding: ${e=>e.mode==="default"?`${e.theme.dataPaddingTop} ${e.theme.dataPaddingRight} ${e.theme.dataPaddingBottom} ${e.theme.dataPaddingLeft}`:`${e.theme.dataPaddingTopReduced} ${e.theme.dataPaddingRightReduced} ${e.theme.dataPaddingBottomReduced} ${e.theme.dataPaddingLeftReduced}`};
|
|
2021
|
+
}
|
|
2022
|
+
& th {
|
|
2023
|
+
background-color: ${e=>e.theme.headerBackgroundColor};
|
|
2024
|
+
font-family: ${e=>e.theme.headerFontFamily};
|
|
2025
|
+
font-size: ${e=>e.theme.headerFontSize};
|
|
2026
|
+
font-style: ${e=>e.theme.headerFontStyle};
|
|
2027
|
+
font-weight: ${e=>e.theme.headerFontWeight};
|
|
2028
|
+
color: ${e=>e.theme.headerFontColor};
|
|
2029
|
+
text-transform: ${e=>e.theme.headerFontTextTransform};
|
|
2030
|
+
text-align: ${e=>e.theme.headerTextAlign};
|
|
2031
|
+
line-height: ${e=>e.theme.headerTextLineHeight};
|
|
2032
|
+
padding: ${e=>e.mode==="default"?`${e.theme.headerPaddingTop} ${e.theme.headerPaddingRight} ${e.theme.headerPaddingBottom} ${e.theme.headerPaddingLeft}`:`${e.theme.headerPaddingTopReduced} ${e.theme.headerPaddingRightReduced} ${e.theme.headerPaddingBottomReduced} ${e.theme.headerPaddingLeftReduced}`};
|
|
2033
|
+
}
|
|
2034
|
+
& th:first-child {
|
|
2035
|
+
border-top-left-radius: ${e=>e.theme.headerBorderRadius};
|
|
2036
|
+
padding-left: ${e=>e.mode==="default"?e.theme.firstChildPaddingLeft:e.theme.firstChildPaddingLeftReduced};
|
|
2037
|
+
}
|
|
2038
|
+
& th:last-child {
|
|
2039
|
+
border-top-right-radius: ${e=>e.theme.headerBorderRadius};
|
|
2040
|
+
padding-right: ${e=>e.mode==="default"?e.theme.lastChildPaddingRight:e.theme.lastChildPaddingRightReduced};
|
|
2041
|
+
}
|
|
2042
|
+
& td:first-child {
|
|
2043
|
+
padding-left: ${e=>e.mode==="default"?e.theme.firstChildPaddingLeft:e.theme.firstChildPaddingLeftReduced};
|
|
2044
|
+
}
|
|
2045
|
+
& td:last-child {
|
|
2046
|
+
padding-right: ${e=>e.mode==="default"?e.theme.lastChildPaddingRight:e.theme.lastChildPaddingRightReduced};
|
|
2047
|
+
}
|
|
2048
|
+
`;Dl.ActionsCell=Dt;var mn=Dl;import{Fragment as ih,jsx as co,jsxs as lh}from"react/jsx-runtime";var Rl=({columns:e,rows:t,selectable:r,expandable:n,onSelectRows:i,selectedRows:l,uniqueRowId:a,summaryRow:c,onGridRowsChange:d,showPaginator:s=!1,showGoToPage:m=!0,itemsPerPage:g=5,itemsPerPageOptions:u,itemsPerPageFunction:h,onSort:y,onPageChange:v,totalItems:f})=>{let[_,x]=Tr(t),b=k(),[L,B]=Tr(1),I=P=>{v&&v(P),B(P)},H=P=>{if(y)if(P[0]){let{columnKey:M,direction:J}=P[0];y({columnKey:M,direction:J})}else y();O(P)},R=tt(()=>{let P=e.map(M=>al(M,c));if(n&&(P=[{key:"expanded",name:"",maxWidth:36,width:36,minWidth:36,colSpan(M){return M.type==="ROW"&&M.row.isExpandedChildContent?e.length+1:void 0},renderCell({row:M}){return M.isExpandedChildContent?M.expandedChildContent||co(ih,{}):co(gn,{id:"action",children:M.expandedContent&&dl(M,_,a,x)})}},...P]),!n&&t.some(M=>Array.isArray(M.childRows)&&M.childRows.length>0)&&a){let M=P[0].key;P[0]={...P[0],renderCell({row:J}){return J.childRows?.length?co(Al,{level:typeof J.rowLevel=="number"?J.rowLevel:0,children:sl(_,J,a,M,x)}):co(Al,{level:typeof J.rowLevel=="number"?J.rowLevel:0,className:"ellipsis-cell",children:J[M]})}}}return r&&(P=[{key:"selected",name:"",maxWidth:36,width:36,minWidth:36,renderCell({row:M}){if(!M.isExpandedChildContent)return co(gn,{id:"action",children:ml(t,M,a,l,i)})},renderHeaderCell:()=>co(gn,{id:"action",children:gl(t,a,l,b,i)})},...P]),P},[r,n,e,_,i,t,c,a,l]),[F,w]=Tr(()=>R.map((P,M)=>M)),[D,O]=Tr([]);zl(()=>{w(Array.from({length:R.length},(P,M)=>M))},[R.length]),zl(()=>{x(t)},[t]);let N=tt(()=>F.map(P=>R[P]),[F,R]),Z=(P,M)=>{w(J=>{let de=J.findIndex(A=>R[A].key===P),G=J.findIndex(A=>R[A].key===M),q=J.slice();return q.splice(de,1),q.splice(G,0,J[de]),q})},E=P=>{typeof d=="function"&&d(P)},z=tt(()=>{let P=pl(e);if(!y){if(n&&D.length>0){let M=br(_.filter(J=>!J.isExpandedChildContent),D,P);return _.filter(J=>J.isExpandedChildContent).map(J=>Cr(M,M.findIndex(de=>ue(de,a)===J.triggerRowKey)+1,J)),M}else if(!n&&D.length>0&&a)return ul(_,D,P,a)}return _},[n,_,D,a]),C=tt(()=>bl(L,g,L),[g,L]),S=tt(()=>yl(C,g,t,L),[g,C,L,t]),T=tt(()=>(y&&D?.length>0&&y?.(D?.[0]),!s||v?z:Cl(z,a,C,S+1)),[z,C,S]);return co(th,{theme:b.dataGrid,children:lh(rh,{children:[co(oh,{columns:N,rows:T,onColumnsReorder:Z,onRowsChange:E,renderers:{renderSortStatus:cl},sortColumns:D,onSortColumnsChange:H,rowKeyGetter:P=>a&&ue(P,a),rowHeight:P=>P.isExpandedChildContent&&typeof P.expandedContentHeight=="number"&&P.expandedContentHeight>0?P.expandedContentHeight:b.dataGrid.dataRowHeight,selectedRows:l,bottomSummaryRows:c?[c]:void 0,headerRowHeight:b.dataGrid.headerRowHeight,summaryRowHeight:b.dataGrid.summaryRowHeight,className:"fill-grid"}),s&&co(Lt,{totalItems:f??t.length,itemsPerPage:g,itemsPerPageOptions:u,itemsPerPageFunction:h,currentPage:L,showGoToPage:m,onPageChange:I})]})})},gn=pn.div`
|
|
2049
|
+
display: flex;
|
|
2050
|
+
height: 100%;
|
|
2051
|
+
align-items: center;
|
|
2052
|
+
justify-content: center;
|
|
2053
|
+
font-size: 14px;
|
|
2054
|
+
width: 100%;
|
|
2055
|
+
`,Al=pn.div`
|
|
2056
|
+
padding-left: ${e=>`calc(${e.theme.dataPaddingLeft} * ${e.level})`};
|
|
2057
|
+
button {
|
|
2058
|
+
display: grid;
|
|
2059
|
+
grid-template-columns: auto 1fr;
|
|
2060
|
+
align-items: center;
|
|
2061
|
+
gap: 0.5rem;
|
|
2062
|
+
padding: 0px;
|
|
2063
|
+
border: 0px;
|
|
2064
|
+
width: 100%;
|
|
2065
|
+
height: ${e=>e.theme.dataRowHeight}px;
|
|
2066
|
+
background: transparent;
|
|
2067
|
+
text-align: left;
|
|
2068
|
+
font-size: ${e=>e.theme.dataFontSize};
|
|
2069
|
+
font-family: inherit;
|
|
2070
|
+
color: inherit;
|
|
2071
|
+
cursor: pointer;
|
|
2072
|
+
}
|
|
2073
|
+
`,rh=pn.div`
|
|
2074
|
+
width: 100%;
|
|
2075
|
+
height: 100%;
|
|
2076
|
+
.rdg {
|
|
2077
|
+
border-radius: 4px;
|
|
2078
|
+
height: 100%;
|
|
2079
|
+
border: 0px;
|
|
2080
|
+
&::-webkit-scrollbar {
|
|
2081
|
+
width: 8px;
|
|
2082
|
+
height: 8px;
|
|
2083
|
+
}
|
|
2084
|
+
&::-webkit-scrollbar-thumb {
|
|
2085
|
+
background-color: ${e=>e.theme.scrollBarThumbColor};
|
|
2086
|
+
border-radius: 6px;
|
|
2087
|
+
}
|
|
2088
|
+
&::-webkit-scrollbar-track {
|
|
2089
|
+
background-color: ${e=>e.theme.scrollBarTrackColor};
|
|
2090
|
+
border-radius: 6px;
|
|
2091
|
+
}
|
|
2092
|
+
}
|
|
2093
|
+
.rdg-cell:has(> #action) {
|
|
2094
|
+
padding: 0px;
|
|
2095
|
+
}
|
|
2096
|
+
.rdg-cell {
|
|
2097
|
+
display: grid;
|
|
2098
|
+
align-items: center;
|
|
2099
|
+
width: 100%;
|
|
2100
|
+
padding: 0px ${e=>e.theme.dataPaddingRight} 0 ${e=>e.theme.dataPaddingLeft};
|
|
2101
|
+
font-family: ${e=>e.theme.dataFontFamily};
|
|
2102
|
+
font-size: ${e=>e.theme.dataFontSize};
|
|
2103
|
+
font-style: ${e=>e.theme.dataFontStyle};
|
|
2104
|
+
font-weight: ${e=>e.theme.dataFontWeight};
|
|
2105
|
+
color: ${e=>e.theme.dataFontColor};
|
|
2106
|
+
text-transform: ${e=>e.theme.dataFontTextTransform};
|
|
2107
|
+
line-height: ${e=>e.theme.dataTextLineHeight};
|
|
2108
|
+
border-bottom: ${e=>`${e.theme.rowSeparatorThickness} ${e.theme.rowSeparatorStyle} ${e.theme.rowSeparatorColor}`};
|
|
2109
|
+
border-right: ${e=>`${e.theme.rowSeparatorThickness} ${e.theme.rowSeparatorStyle} ${e.theme.rowSeparatorColor}`};
|
|
2110
|
+
background-color: ${e=>e.theme.dataBackgroundColor};
|
|
2111
|
+
outline-color: ${e=>e.theme.focusColor} !important;
|
|
2112
|
+
.rdg-text-editor:focus {
|
|
2113
|
+
border-color: transparent;
|
|
2114
|
+
}
|
|
2115
|
+
}
|
|
2116
|
+
.rdg-header-row {
|
|
2117
|
+
border-top-left-radius: ${e=>e.theme.headerBorderRadius};
|
|
2118
|
+
border-top-right-radius: ${e=>e.theme.headerBorderRadius};
|
|
2119
|
+
.rdg-cell {
|
|
2120
|
+
font-family: ${e=>e.theme.headerFontFamily};
|
|
2121
|
+
font-size: ${e=>e.theme.headerFontSize};
|
|
2122
|
+
font-style: ${e=>e.theme.headerFontStyle};
|
|
2123
|
+
font-weight: ${e=>e.theme.headerFontWeight};
|
|
2124
|
+
color: ${e=>e.theme.headerFontColor};
|
|
2125
|
+
text-transform: ${e=>e.theme.headerFontTextTransform};
|
|
2126
|
+
padding: 0px ${e=>e.theme.headerPaddingRight} 0 ${e=>e.theme.headerPaddingLeft};
|
|
2127
|
+
line-height: ${e=>e.theme.headerTextLineHeight};
|
|
2128
|
+
background-color: ${e=>e.theme.headerBackgroundColor};
|
|
2129
|
+
.sortIconContainer {
|
|
2130
|
+
margin-left: 0.5rem;
|
|
2131
|
+
display: flex;
|
|
2132
|
+
height: 100%;
|
|
2133
|
+
align-items: center;
|
|
2134
|
+
}
|
|
2135
|
+
}
|
|
2136
|
+
}
|
|
2137
|
+
.rdg-row {
|
|
2138
|
+
.rdg-cell:last-child {
|
|
2139
|
+
border-right: 0px;
|
|
2140
|
+
}
|
|
2141
|
+
}
|
|
2142
|
+
.rdg-summary-row {
|
|
2143
|
+
background-color: #fafafa;
|
|
2144
|
+
.rdg-cell {
|
|
2145
|
+
border: 0px;
|
|
2146
|
+
font-weight: 600;
|
|
2147
|
+
}
|
|
2148
|
+
}
|
|
2149
|
+
.ellipsis-cell {
|
|
2150
|
+
text-overflow: ellipsis;
|
|
2151
|
+
overflow: hidden;
|
|
2152
|
+
white-space: nowrap;
|
|
2153
|
+
width: 100%;
|
|
2154
|
+
height: 100%;
|
|
2155
|
+
display: flex;
|
|
2156
|
+
align-items: center;
|
|
2157
|
+
}
|
|
2158
|
+
.align-left {
|
|
2159
|
+
text-align: left;
|
|
2160
|
+
justify-content: flex-start;
|
|
2161
|
+
}
|
|
2162
|
+
.align-center {
|
|
2163
|
+
text-align: center;
|
|
2164
|
+
justify-content: center;
|
|
2165
|
+
}
|
|
2166
|
+
.align-right {
|
|
2167
|
+
text-align: right;
|
|
2168
|
+
justify-content: flex-end;
|
|
2169
|
+
}
|
|
2170
|
+
.header-align-left {
|
|
2171
|
+
text-align: left;
|
|
2172
|
+
}
|
|
2173
|
+
.header-align-center {
|
|
2174
|
+
text-align: center;
|
|
2175
|
+
}
|
|
2176
|
+
.header-align-right {
|
|
2177
|
+
text-align: right;
|
|
2178
|
+
}
|
|
2179
|
+
`;Rl.ActionsCell=Dt;var nh=Rl;import{useState as Ht,useRef as ia,useEffect as yn,useId as yf,useCallback as Cf,forwardRef as xf}from"react";import da from"dayjs";import Mt,{ThemeProvider as _f}from"styled-components";import{memo as Bh}from"react";import Xl from"dayjs";import{useState as Vl}from"react";import At from"styled-components";import{useState as Hl,useMemo as ah,useEffect as Ml,useId as ch,memo as dh}from"react";import rt from"styled-components";import{jsx as zt,jsxs as Ch}from"react/jsx-runtime";var sh=e=>{let t=[],r=e.set("month",e.get("month")-1).endOf("month"),n=e.startOf("month").day()===0?6:e.startOf("month").day()-1,i=n+e.daysInMonth();for(let l=0;l<42;l++)l<n?t.push({day:r.get("date")-n+l+1,month:e.get("month")?e.get("month")-1:11,year:e.set("month",e.get("month")-1).get("year")}):l<i?t.push({day:l-n+1,month:e.get("month"),year:e.get("year")}):t.push({day:l-i+1,month:e.get("month")===11?0:e.get("month")+1,year:e.set("month",e.get("month")+1).get("year")});return t},un=(e,t,r)=>e?.get("month")===t.get("month")&&e?.get("year")===t.get("year")?e:r.get("month")===t.get("month")&&r.get("year")===t.get("year")?r:t.set("date",1),El=(e,t)=>t?.get("month")===e.month&&t?.get("year")===e.year&&t?.get("date")===e.day,mh=(e,t)=>Array.from({length:Math.ceil(e.length/t)},(r,n)=>e.slice(n*t,(n+1)*t)),gh=({selectedDate:e,innerDate:t,onInnerDateChange:r,onDaySelect:n,today:i})=>{let l=ch(),[a,c]=Hl(un(e,t,i)),[d,s]=Hl(!1),m=ah(()=>sh(t),[t]),u=X().calendar.daysShort,h=_=>{let x=t.set("month",_.month).set("date",_.day);n(x),c(x)},y=_=>{_?.currentTarget.contains(_.relatedTarget)||c(un(e,t,i))},v=_=>{(t.get("month")!==_.get("month")||t.get("year")!==_.get("year"))&&r(_),c(_),s(!0)};Ml(()=>{d&&(document.getElementById(`${l}_day_${a.get("date")}_month${a.get("month")}`)?.focus(),s(!1))},[a,d]),Ml(()=>{(a.get("month")!==t.get("month")||a.get("year")!==t.get("year"))&&c(un(e,t,i))},[t,a,e,i]);let f=(_,x)=>{let b=x.month===t.get("month")?t.set("date",x.day):t.set("date",x.day).set("month",x.month);switch(_.key){case"PageUp":_.preventDefault(),_.shiftKey?b=b.set("year",b.get("year")-1):b=b.set("month",b.get("month")-1),v(b);break;case"PageDown":_.preventDefault(),_.shiftKey?b=b.set("year",b.get("year")+1):b=b.set("month",b.get("month")+1),v(b);break;case"ArrowLeft":_.preventDefault(),b=b.set("date",b.get("date")-1),v(b);break;case"ArrowRight":_.preventDefault(),b=b.set("date",b.get("date")+1),v(b);break;case"ArrowUp":_.preventDefault(),b=b.set("date",b.get("date")-7),v(b);break;case"ArrowDown":_.preventDefault(),b=b.set("date",b.get("date")+7),v(b);break;case"Home":_.preventDefault(),a.get("day")!==0?b=b.day(1):b=t.date(x.day-1).day(1),v(b);break;case"End":_.preventDefault(),b.get("day")!==0&&(b=b.day(7)),v(b);break;case" ":_.preventDefault(),n(b);break}};return Ch(ph,{role:"grid",children:[zt(uh,{role:"row",children:u.map(_=>zt(hh,{role:"columnheader",children:_},_))}),zt(fh,{onBlur:y,role:"rowgroup",children:mh(m,u.length).map((_,x)=>zt(bh,{role:"row",children:_.map(b=>zt(yh,{id:`${l}_day_${b.day}_month${b.month}`,role:"gridcell","aria-selected":El(b,e),onKeyDown:L=>f(L,b),onClick:()=>h(b),selected:El(b,e),actualMonth:b.month===t.get("month"),autoFocus:b.day===a.get("date")&&b.month===a.get("month"),tabIndex:b.day===a.get("date")&&b.month===a.get("month")?0:-1,isCurrentDay:i.get("date")===b.day&&i.get("month")===t.get("month")&&i.get("month")===b.month&&i.get("year")===t.get("year"),children:b.day}))},`${l}_week_${x}`))})]})},ph=rt.div`
|
|
2180
|
+
box-sizing: border-box;
|
|
2181
|
+
display: flex;
|
|
2182
|
+
flex-direction: column;
|
|
2183
|
+
justify-content: center;
|
|
2184
|
+
padding: 0px 8px 8px 8px;
|
|
2185
|
+
width: 292px;
|
|
2186
|
+
font-family: ${e=>e.theme.dateInput.pickerFontFamily};
|
|
2187
|
+
font-size: ${e=>e.theme.dateInput.pickerFontSize};
|
|
2188
|
+
color: ${e=>e.theme.dateInput.pickerFontColor};
|
|
2189
|
+
font-weight: ${e=>e.theme.dateInput.pickerFontWeight};
|
|
2190
|
+
`,uh=rt.div`
|
|
2191
|
+
display: flex;
|
|
2192
|
+
flex-direction: row;
|
|
2193
|
+
flex-wrap: nowrap;
|
|
2194
|
+
justify-content: space-between;
|
|
2195
|
+
align-items: center;
|
|
2196
|
+
`,hh=rt.span`
|
|
2197
|
+
display: flex;
|
|
2198
|
+
align-items: center;
|
|
2199
|
+
justify-content: center;
|
|
2200
|
+
width: 36px;
|
|
2201
|
+
height: 36px;
|
|
2202
|
+
`,fh=rt.div`
|
|
2203
|
+
box-sizing: border-box;
|
|
2204
|
+
display: flex;
|
|
2205
|
+
gap: 4px;
|
|
2206
|
+
flex-direction: column;
|
|
2207
|
+
justify-content: space-between;
|
|
2208
|
+
`,bh=rt.div`
|
|
2209
|
+
box-sizing: border-box;
|
|
2210
|
+
display: flex;
|
|
2211
|
+
gap: 4px;
|
|
2212
|
+
justify-content: space-between;
|
|
2213
|
+
`,yh=rt.button`
|
|
2214
|
+
display: inline-flex;
|
|
2215
|
+
justify-content: center;
|
|
2216
|
+
align-items: center;
|
|
2217
|
+
width: 36px;
|
|
2218
|
+
height: 36px;
|
|
2219
|
+
padding: 0;
|
|
2220
|
+
border: none;
|
|
2221
|
+
border-radius: 50%;
|
|
2222
|
+
cursor: pointer;
|
|
2223
|
+
font-family: ${e=>e.theme.dateInput.pickerFontFamily};
|
|
2224
|
+
font-size: ${e=>e.theme.dateInput.pickerFontSize};
|
|
2225
|
+
color: ${e=>e.theme.dateInput.pickerFontColor};
|
|
2226
|
+
font-weight: ${e=>e.theme.dateInput.pickerFontWeight};
|
|
2227
|
+
|
|
2228
|
+
&:focus {
|
|
2229
|
+
outline: ${e=>e.theme.dateInput.pickerFocusColor} solid 2px;
|
|
2230
|
+
}
|
|
2231
|
+
&:hover {
|
|
2232
|
+
background-color: ${e=>e.selected?e.theme.dateInput.pickerSelectedBackgroundColor:e.theme.dateInput.pickerHoverBackgroundColor};
|
|
2233
|
+
color: ${e=>e.selected?e.theme.dateInput.pickerSelectedFontColor:e.theme.dateInput.pickerHoverFontColor};
|
|
2234
|
+
}
|
|
2235
|
+
&:active {
|
|
2236
|
+
background-color: ${e=>e.theme.dateInput.pickerActiveBackgroundColor};
|
|
2237
|
+
color: ${e=>e.theme.dateInput.pickerActiveFontColor};
|
|
2238
|
+
}
|
|
2239
|
+
|
|
2240
|
+
${e=>e.isCurrentDay&&!e.selected&&`border: ${e.theme.dateInput.pickerCurrentDateBorderWidth} solid ${e.theme.dateInput.pickerCurrentDateBorderColor};`}
|
|
2241
|
+
background-color: ${e=>e.selected?e.theme.dateInput.pickerSelectedBackgroundColor:"transparent"};
|
|
2242
|
+
color: ${e=>e.selected?e.theme.dateInput.pickerSelectedFontColor:e.isCurrentDay?e.theme.dateInput.pickerCurrentDateFontColor:e.actualMonth?e.theme.dateInput.pickerFontColor:e.theme.dateInput.pickerNonCurrentMonthFontColor};
|
|
2243
|
+
`,Wl=dh(gh);import xh from"dayjs";import{useEffect as _h,useId as $h,useState as vh,memo as Th}from"react";import Gl from"styled-components";import{jsx as Ol}from"react/jsx-runtime";var kh=()=>{let e=[];for(let t=1899;t<=2100;t++)e.push(t);return e},Fh=kh(),wh=({onYearSelect:e,selectedDate:t,today:r})=>{let n=$h(),[i,l]=vh(t?t.get("year"):xh().get("year"));_h(()=>{let c=document.getElementById(`${n}_year_${i}`);c?.scrollIntoView?.({block:"nearest",inline:"start"}),c?.focus()},[i]);let a=c=>{switch(c.key){case"ArrowUp":l(d=>d>1899?d-1:d);break;case"ArrowDown":l(d=>d<2100?d+1:d);break}};return Ol(Sh,{role:"listbox","aria-label":"Year Picker",children:Fh.map(c=>Ol(Ih,{"aria-label":c,selected:t?.get("year")===c,"aria-selected":t?.get("year")===c,tabIndex:i===c?0:-1,isCurrentYear:r.get("year")===c,onKeyDown:d=>a(d),id:`${n}_year_${c}`,onClick:()=>{e(c)},role:"option",children:c},c))})},Sh=Gl.div`
|
|
2244
|
+
box-sizing: border-box;
|
|
2245
|
+
display: flex;
|
|
2246
|
+
flex-direction: column;
|
|
2247
|
+
gap: 4px;
|
|
2248
|
+
align-items: center;
|
|
2249
|
+
overflow-y: scroll;
|
|
2250
|
+
width: 292px;
|
|
2251
|
+
height: 312px;
|
|
2252
|
+
padding: 2px 8px 8px 8px;
|
|
2253
|
+
`,Ih=Gl.button`
|
|
2254
|
+
display: flex;
|
|
2255
|
+
align-items: center;
|
|
2256
|
+
justify-content: center;
|
|
2257
|
+
width: 80px;
|
|
2258
|
+
min-height: 40px;
|
|
2259
|
+
line-height: 21px;
|
|
2260
|
+
background-color: transparent;
|
|
2261
|
+
border: none;
|
|
2262
|
+
border-radius: 50px;
|
|
2263
|
+
cursor: pointer;
|
|
2264
|
+
font-family: ${e=>e.theme.dateInput.pickerFontFamily};
|
|
2265
|
+
font-size: ${e=>e.theme.dateInput.pickerFontSize};
|
|
2266
|
+
color: ${e=>e.theme.dateInput.pickerFontColor};
|
|
2267
|
+
font-weight: ${e=>e.theme.dateInput.pickerFontWeight};
|
|
2268
|
+
|
|
2269
|
+
${e=>e.selected?`font-size: ${e.theme.dateInput.pickerInteractedYearFontSize};
|
|
2270
|
+
line-height: 36px;
|
|
2271
|
+
color: ${e.theme.dateInput.pickerSelectedFontColor} !important;
|
|
2272
|
+
background-color: ${e.theme.dateInput.pickerSelectedBackgroundColor} !important;`:e.isCurrentYear?`border: 1px solid ${e.theme.dateInput.pickerCurrentDateBorderColor};
|
|
2273
|
+
color: ${e.theme.dateInput.pickerCurrentYearFontColor};`:""}
|
|
2274
|
+
|
|
2275
|
+
&:hover, &:focus, &:active {
|
|
2276
|
+
font-size: ${e=>e.theme.dateInput.pickerInteractedYearFontSize};
|
|
2277
|
+
line-height: 36px;
|
|
2278
|
+
}
|
|
2279
|
+
&:hover {
|
|
2280
|
+
color: ${e=>e.theme.dateInput.pickerHoverFontColor};
|
|
2281
|
+
background-color: ${e=>e.theme.dateInput.pickerHoverBackgroundColor};
|
|
2282
|
+
}
|
|
2283
|
+
&:focus {
|
|
2284
|
+
color: ${e=>e.theme.dateInput.pickerHoverFontColor};
|
|
2285
|
+
outline: ${e=>`${e.theme.dateInput.pickerFocusColor} solid
|
|
2286
|
+
${e.theme.dateInput.pickerFocusWidth}`};
|
|
2287
|
+
}
|
|
2288
|
+
&:active {
|
|
2289
|
+
color: ${e=>e.theme.dateInput.pickerActiveFontColor};
|
|
2290
|
+
background-color: ${e=>e.theme.dateInput.pickerActiveBackgroundColor} !important;
|
|
2291
|
+
}
|
|
2292
|
+
`,Nl=Th(wh);import{jsx as so,jsxs as kr}from"react/jsx-runtime";var jl=Xl(),Ph=({date:e,onDateSelect:t,id:r})=>{let[n,i]=Vl(e?.isValid()?e:Xl()),[l,a]=Vl("calendar"),c=e?.isValid()?e:null,d=X(),s=u=>{i(u),t(u)},m=u=>{i(n.set("year",u)),a("calendar")},g=u=>{i(u)};return kr(Lh,{id:r,children:[kr(Dh,{children:[so(le,{label:d.calendar.previousMonthTitle,children:so(hn,{"aria-label":d.calendar.previousMonthTitle,onClick:()=>g(n.set("month",n.get("month")-1)),children:so($,{icon:"keyboard_arrow_left"})})}),kr(zh,{"aria-live":"polite",onClick:()=>a(u=>u==="yearPicker"?"calendar":"yearPicker"),children:[kr(Ah,{children:[d.calendar.months[n.get("month")]," ",n.format("YYYY")]}),so($,{icon:l==="yearPicker"?"arrow_drop_up":"arrow_drop_down"})]}),so(le,{label:d.calendar.nextMonthTitle,children:so(hn,{"aria-label":d.calendar.nextMonthTitle,onClick:()=>g(n.set("month",n.get("month")+1)),children:so($,{icon:"keyboard_arrow_right"})})})]}),l==="calendar"&&so(Wl,{innerDate:n,selectedDate:c,onInnerDateChange:i,onDaySelect:s,today:jl}),l==="yearPicker"&&so(Nl,{selectedDate:c,onYearSelect:m,today:jl})]})},Lh=At.div`
|
|
2293
|
+
padding-top: 16px;
|
|
2294
|
+
background-color: ${e=>e.theme.dateInput.pickerBackgroundColor};
|
|
2295
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
2296
|
+
border: ${e=>`${e.theme.dateInput.pickerBorderWidth} ${e.theme.dateInput.pickerBorderStyle}
|
|
2297
|
+
${e.theme.dateInput.pickerBorderColor}`};
|
|
2298
|
+
border-radius: 4px;
|
|
2299
|
+
width: fit-content;
|
|
2300
|
+
font-family: ${e=>e.theme.dateInput.pickerFontFamily};
|
|
2301
|
+
font-size: ${e=>e.theme.dateInput.pickerFontSize};
|
|
2302
|
+
color: ${e=>e.theme.dateInput.pickerFontColor};
|
|
2303
|
+
font-weight: ${e=>e.theme.dateInput.pickerFontWeight};
|
|
2304
|
+
`,Dh=At.div`
|
|
2305
|
+
box-sizing: border-box;
|
|
2306
|
+
display: flex;
|
|
2307
|
+
gap: 8px;
|
|
2308
|
+
align-items: center;
|
|
2309
|
+
justify-content: space-between;
|
|
2310
|
+
padding: 0px 16px;
|
|
2311
|
+
`,hn=At.button`
|
|
2312
|
+
display: flex;
|
|
2313
|
+
align-items: center;
|
|
2314
|
+
justify-content: center;
|
|
2315
|
+
width: 24px;
|
|
2316
|
+
height: 24px;
|
|
2317
|
+
padding: 0px;
|
|
2318
|
+
color: ${e=>e.theme.dateInput.pickerHeaderFontColor};
|
|
2319
|
+
background-color: ${e=>e.theme.dateInput.pickerHeaderBackgroundColor};
|
|
2320
|
+
border-radius: 4px;
|
|
2321
|
+
border: none;
|
|
2322
|
+
cursor: pointer;
|
|
2323
|
+
|
|
2324
|
+
&:hover {
|
|
2325
|
+
color: ${e=>e.theme.dateInput.pickerHeaderHoverFontColor};
|
|
2326
|
+
background-color: ${e=>e.theme.dateInput.pickerHeaderHoverBackgroundColor};
|
|
2327
|
+
}
|
|
2328
|
+
&:focus {
|
|
2329
|
+
outline: ${e=>`${e.theme.dateInput.pickerFocusColor} solid
|
|
2330
|
+
${e.theme.dateInput.pickerFocusWidth}`};
|
|
2331
|
+
}
|
|
2332
|
+
&:active {
|
|
2333
|
+
color: ${e=>e.theme.dateInput.pickerHeaderActiveFontColor};
|
|
2334
|
+
background-color: ${e=>e.theme.dateInput.pickerHeaderActiveBackgroundColor};
|
|
2335
|
+
}
|
|
2336
|
+
|
|
2337
|
+
span::before {
|
|
2338
|
+
font-size: 24px;
|
|
2339
|
+
}
|
|
2340
|
+
`,zh=At(hn)`
|
|
2341
|
+
gap: 8px;
|
|
2342
|
+
height: 40px;
|
|
2343
|
+
width: 172px;
|
|
2344
|
+
font-size: 24px;
|
|
2345
|
+
span::before {
|
|
2346
|
+
font-size: 24px;
|
|
2347
|
+
}
|
|
2348
|
+
`,Ah=At.span`
|
|
2349
|
+
display: flex;
|
|
2350
|
+
align-items: center;
|
|
2351
|
+
justify-content: center;
|
|
2352
|
+
font-family: ${e=>e.theme.dateInput.pickerFontFamily};
|
|
2353
|
+
font-size: ${e=>e.theme.dateInput.pickerHeaderFontSize};
|
|
2354
|
+
`,Jl=Bh(Ph);import*as To from"@radix-ui/react-popover";import $f from"dayjs/plugin/customParseFormat";import*as $o from"@radix-ui/react-popover";import{forwardRef as Qh,useContext as ef,useEffect as of,useId as tf,useRef as bn,useState as nt}from"react";import Ze,{ThemeProvider as rf}from"styled-components";import{createContext as Rh}from"react";var Fr=Rh(null);import{memo as jh,useEffect as Xh,useRef as Jh}from"react";import wr from"styled-components";import{memo as Hh,useMemo as Mh}from"react";import Kl from"styled-components";import{Fragment as Nh,jsx as fn,jsxs as Vh}from"react/jsx-runtime";var Eh=e=>{let t=/[\\*()[\]{}+?/]/,r=e;if(t.test(r)){let n=t.toString().split("");n.filter((l,a)=>n.indexOf(l)===a).forEach(l=>{e.includes(l)&&(r=r.replace(l,"\\"+l))})}return r},Wh=({id:e,value:t,onClick:r,suggestion:n,isLast:i,visuallyFocused:l,highlighted:a})=>{let c=Mh(()=>{let d=new RegExp(Eh(t),"i");return{matchedWords:n.match(d),noMatchedWords:n.replace(d,"")}},[t,n]);return fn(Oh,{id:e,onClick:()=>{r(n)},visuallyFocused:l,role:"option","aria-selected":l?!0:void 0,children:fn(Gh,{isLast:i,visuallyFocused:l,children:a?Vh(Nh,{children:[fn("strong",{children:c.matchedWords}),c.noMatchedWords]}):n})})},Oh=Kl.li`
|
|
2355
|
+
display: flex;
|
|
2356
|
+
padding: 0 0.5rem;
|
|
2357
|
+
line-height: 1.715em;
|
|
2358
|
+
cursor: pointer;
|
|
2359
|
+
box-shadow: inset 0 0 0 2px
|
|
2360
|
+
${e=>e.visuallyFocused?e.theme.focusListOptionBorderColor:"transparent"};
|
|
2361
|
+
|
|
2362
|
+
&:hover {
|
|
2363
|
+
background-color: ${e=>e.theme.hoverListOptionBackgroundColor};
|
|
2364
|
+
}
|
|
2365
|
+
&:active {
|
|
2366
|
+
background-color: ${e=>e.theme.activeListOptionBackgroundColor};
|
|
2367
|
+
}
|
|
2368
|
+
`,Gh=Kl.span`
|
|
2369
|
+
width: 100%;
|
|
2370
|
+
overflow: hidden;
|
|
2371
|
+
text-overflow: ellipsis;
|
|
2372
|
+
white-space: nowrap;
|
|
2373
|
+
padding: 0.25rem 0.5rem 0.188rem 0.5rem;
|
|
2374
|
+
${e=>e.isLast||e.visuallyFocused?"border-bottom: 1px solid transparent":`border-bottom: 1px solid ${e.theme.listOptionDividerColor}`};
|
|
2375
|
+
`,Ul=Hh(Wh);import{jsx as Rt,jsxs as Yl}from"react/jsx-runtime";var Kh=({id:e,value:t,suggestions:r,visualFocusIndex:n,highlightedSuggestions:i,searchHasErrors:l,isSearching:a,suggestionOnClick:c,styles:d})=>{let s=X(),m=Jh(null);return Xh(()=>{m?.current?.querySelectorAll("[role='option']")[n]?.scrollIntoView?.({block:"nearest",inline:"start"})},[n]),Yl(Uh,{id:e,error:!!l,onMouseDown:g=>{g.preventDefault()},ref:m,role:"listbox",style:d,"aria-label":"Suggestions",children:[!a&&!l&&r.length>0&&r.map((g,u)=>Rt(Ul,{id:`${e}-suggestion-${u}`,value:t,onClick:c,suggestion:g,isLast:u===r.length-1,visuallyFocused:n===u,highlighted:i},`${e}-suggestion-${u}`)),a&&Rt(Yh,{role:"option",children:s.textInput.searchingMessage}),l&&Rt("span",{role:"option",children:Yl(qh,{role:"alert","aria-live":"assertive",children:[Rt(Zh,{children:Rt($,{icon:"filled_error"})}),s.textInput.fetchingDataErrorMessage]})})]})},Uh=wr.ul`
|
|
2376
|
+
box-sizing: border-box;
|
|
2377
|
+
max-height: 304px;
|
|
2378
|
+
overflow-y: auto;
|
|
2379
|
+
margin: 0;
|
|
2380
|
+
padding: 0.25rem 0;
|
|
2381
|
+
background-color: ${e=>e.error?e.theme.errorListDialogBackgroundColor:e.theme.listDialogBackgroundColor};
|
|
2382
|
+
border: 1px solid
|
|
2383
|
+
${e=>e.error?e.theme.errorListDialogBorderColor:e.theme.listDialogBorderColor};
|
|
2384
|
+
|
|
2385
|
+
border-radius: 0.25rem;
|
|
2386
|
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
2387
|
+
color: ${e=>e.theme.listOptionFontColor};
|
|
2388
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
2389
|
+
font-size: ${e=>e.theme.listOptionFontSize};
|
|
2390
|
+
font-style: ${e=>e.theme.listOptionFontStyle};
|
|
2391
|
+
font-weight: ${e=>e.theme.listOptionFontWeight};
|
|
2392
|
+
`,Yh=wr.span`
|
|
2393
|
+
display: flex;
|
|
2394
|
+
padding: 0.25rem 1rem;
|
|
2395
|
+
color: ${e=>e.theme.systemMessageFontColor};
|
|
2396
|
+
line-height: 1.715em;
|
|
2397
|
+
`,Zh=wr.span`
|
|
2398
|
+
display: flex;
|
|
2399
|
+
flex-wrap: wrap;
|
|
2400
|
+
align-content: center;
|
|
2401
|
+
margin-right: 0.5rem;
|
|
2402
|
+
height: 18px;
|
|
2403
|
+
width: 18px;
|
|
2404
|
+
font-size: 18px;
|
|
2405
|
+
color: ${e=>e.theme.errorIconColor};
|
|
2406
|
+
`,qh=wr.span`
|
|
2407
|
+
display: flex;
|
|
2408
|
+
padding: 0.25rem 1rem;
|
|
2409
|
+
align-items: center;
|
|
2410
|
+
line-height: 1.715em;
|
|
2411
|
+
color: ${e=>e.theme.errorListDialogFontColor};
|
|
2412
|
+
`,Zl=jh(Kh);import{Fragment as na,jsx as fe,jsxs as it}from"react/jsx-runtime";var ql={small:"240px",medium:"360px",large:"480px",fillParent:"100%"},nf=({condition:e,wrapper:t,children:r})=>fe(na,{children:e?t(r):r}),Ql=(e,t)=>t==="fillParent"?`calc(${ql[t]} - ${j(e,"left")} - ${j(e,"right")})`:ql[t],lf=e=>{let t=!1;return{promise:new Promise((n,i)=>{e.then(l=>t?i({isCanceled:!0}):n(l),l=>i(t?{isCanceled:!0}:l))}),cancel(){t=!0}}},Ee=e=>typeof e=="function"||e?.length>0,ea=(e,t)=>e===""&&!t,oa=(e,t,r)=>e!=null&&(e.length<t||e.length>r),ta=(e,t,r)=>e<t||e>r,ra=(e,t)=>e!=null&&!new RegExp(e).test(t),af=Qh(({label:e,name:t="",defaultValue:r="",value:n,helperText:i,placeholder:l="",action:a,clearable:c=!1,disabled:d=!1,readOnly:s=!1,optional:m=!1,prefix:g="",suffix:u="",onChange:h,onBlur:y,error:v,suggestions:f,pattern:_,minLength:x,maxLength:b,autocomplete:L="off",margin:B,size:I="medium",tabIndex:H=0},R)=>{let F=`input-${tf()}`,w=`suggestions-${F}`,D=`error-${F}`,[O,N]=nt(r),[Z,E]=nt(!1),[z,C]=nt(!1),[S,T]=nt(!1),[P,M]=nt([]),[J,de]=nt(-1),G=bn(null),q=bn(null),A=bn(null),se=No(q.current),me=k(),ge=X(),W=ef(Fr),U=V=>{if(V<W?.minNumber)return ge.numberInput.valueGreaterThanOrEqualToErrorMessage(W.minNumber);if(V>W?.maxNumber)return ge.numberInput.valueLessThanOrEqualToErrorMessage(W.maxNumber)},K=()=>{Ee(f)&&E(!0)},ye=()=>{Ee(f)&&(E(!1),de(-1))},pe=V=>{let Y=typeof V=="number"?V.toString():V;n??N(Y),ea(Y,m)?h?.({value:Y,error:ge.formFields.requiredValueErrorMessage}):oa(Y,x,b)?h?.({value:Y,error:ge.formFields.lengthErrorMessage(x,b)}):ra(_,Y)?h?.({value:Y,error:ge.formFields.formatRequestedErrorMessage}):W?.typeNumber==="number"&&ta(Number(V),W?.minNumber,W?.maxNumber)?h?.({value:Y,error:U(Number(V))}):h?.({value:Y})},Io=(V=n??O)=>{if(!d&&!s){let Y=Number(V),ho=Math.round((Y-W?.stepNumber+Number.EPSILON)*100)/100;V!==""?Y<W?.minNumber||ho<W?.minNumber?pe(Y):Y>W?.maxNumber?pe(W?.maxNumber):Y===W?.minNumber?pe(W?.minNumber):pe(ho):W?.minNumber>=0?pe(W?.minNumber):W?.maxNumber<0?pe(W?.maxNumber):pe(-W.stepNumber)}},bt=(V=n??O)=>{if(!d&&!s){let Y=Number(V),ho=Math.round((Y+W?.stepNumber+Number.EPSILON)*100)/100;V!==""?Y>W?.maxNumber||ho>W?.maxNumber?pe(Y):Y<W?.minNumber?pe(W?.minNumber):Y===W?.maxNumber?pe(W?.maxNumber):pe(ho):W?.minNumber>0?pe(W?.minNumber):W?.maxNumber<=0?pe(W?.maxNumber):pe(W.stepNumber)}},Nr=()=>{document.activeElement!==A.current&&G.current.focus()},ee=V=>{document.activeElement===G.current&&V.preventDefault()},oe=V=>{K(),pe(V.target.value)},oo=V=>{ye(),ea(V.target.value,m)?y?.({value:V.target.value,error:ge.formFields.requiredValueErrorMessage}):oa(V.target.value,x,b)?y?.({value:V.target.value,error:ge.formFields.lengthErrorMessage(x,b)}):ra(_,V.target.value)?y?.({value:V.target.value,error:ge.formFields.formatRequestedErrorMessage}):W?.typeNumber==="number"&&ta(Number(V.target.value),W?.minNumber,W?.maxNumber)?y?.({value:V.target.value,error:U(Number(V.target.value))}):y?.({value:V.target.value})},to=V=>{switch(V.key){case"Down":case"ArrowDown":V.preventDefault(),W?.typeNumber==="number"?Io():(K(),!S&&!z&&P.length>0&&de(Y=>{if(Y<P.length-1)return Y+1;if(Y===P.length-1)return 0}));break;case"Up":case"ArrowUp":V.preventDefault(),W?.typeNumber==="number"?bt():(K(),!S&&!z&&P.length>0&&de(Y=>Y===0||Y===-1?P.length>0?P.length-1:f.length-1:Y-1));break;case"Esc":case"Escape":V.preventDefault(),Z&&V.stopPropagation(),Ee(f)&&(pe(""),Z&&ye());break;case"Enter":Ee(f)&&!z&&(P.length>0&&J>=0&&J<P.length&&pe(P[J]),Z&&ye());break}},_c=V=>{document.activeElement===G.current&&(V.deltaY<0?bt(G.current.value):Io(G.current.value))},$c=()=>{pe(""),G.current.focus(),f&&ye()},vc=()=>{Io(),G.current.focus()},Tc=()=>{bt(),G.current.focus()},kc=(V,Y,ho,Fc)=>{Y&&G?.current?.setAttribute("min",Y),ho&&G?.current?.setAttribute("max",ho),G?.current?.setAttribute("step",Fc),G?.current?.setAttribute("type",V)};return of(()=>{if(typeof f=="function"){C(!0),T(!1),M([]);let V=lf(f(n??O));return V.promise.then(Y=>{C(!1),T(!1),M(Y)}).catch(Y=>{Y.isCanceled||(C(!1),T(!0))}),()=>{V.cancel()}}else f?.length>0&&(M(f.filter(V=>V.toUpperCase().startsWith((n??O).toUpperCase()))),de(-1));W!=null&&kc(W.typeNumber,W.minNumber,W.maxNumber,W.stepNumber)},[n,O,f,W]),fe(rf,{theme:me.textInput,children:it(cf,{margin:B,size:I,ref:R,children:[e&&it(df,{htmlFor:F,disabled:d,hasHelperText:!!i,children:[e," ",m&&fe(sf,{children:ge.formFields.optionalLabel})]}),i&&fe(mf,{disabled:d,children:i}),fe(nf,{condition:Ee(f),wrapper:V=>it($o.Root,{open:Z&&(P.length>0||z||S),children:[fe($o.Trigger,{asChild:!0,type:void 0,"aria-controls":void 0,"aria-haspopup":void 0,"aria-expanded":void 0,children:V}),fe($o.Portal,{children:fe($o.Content,{sideOffset:5,style:{zIndex:"2147483647"},onOpenAutoFocus:Y=>{Y.preventDefault()},onCloseAutoFocus:Y=>{Y.preventDefault()},children:fe(Zl,{id:w,value:n??O,suggestions:P,visualFocusIndex:J,highlightedSuggestions:typeof f!="function",searchHasErrors:S,isSearching:z,suggestionOnClick:Y=>{pe(Y),ye()},styles:{width:se}})})})]}),children:it(gf,{error:!!v,disabled:d,readOnly:s,onClick:Nr,onMouseDown:ee,ref:q,children:[g&&fe(uf,{disabled:d,children:g}),it(te,{gap:"0.25rem",alignItems:"center",grow:1,children:[fe(pf,{id:F,name:t,value:n??O,placeholder:l,onBlur:oo,onChange:oe,onFocus:s?void 0:K,onKeyDown:s?void 0:to,onMouseDown:V=>{V.stopPropagation()},onWheel:W?.typeNumber==="number"?_c:void 0,disabled:d,readOnly:s,ref:G,pattern:_,minLength:x,maxLength:b,autoComplete:L==="off"?"nope":L,tabIndex:H,type:"text",role:Ee(f)?"combobox":void 0,"aria-autocomplete":Ee(f)?"list":void 0,"aria-controls":Ee(f)?w:void 0,"aria-expanded":Ee(f)?Z:void 0,"aria-haspopup":Ee(f)?"listbox":void 0,"aria-activedescendant":Ee(f)&&Z&&J!==-1?`suggestion-${J}`:void 0,"aria-invalid":!!v,"aria-errormessage":v?D:void 0,"aria-required":!d&&!m}),!d&&v&&fe(ff,{"aria-hidden":"true",children:fe($,{icon:"filled_error"})}),!d&&!s&&c&&(n??O).length>0&&fe(Se,{onClick:$c,icon:"close",tabIndex:H,title:ge.textInput.clearFieldActionTitle}),W?.typeNumber==="number"&&it(na,{children:[fe(Se,{onClick:s?void 0:vc,icon:"remove",tabIndex:H,ref:A,title:ge.numberInput.decrementValueTitle,disabled:d}),fe(Se,{onClick:s?void 0:Tc,icon:"add",tabIndex:H,ref:A,title:ge.numberInput.incrementValueTitle,disabled:d})]}),a&&fe(Se,{onClick:s?void 0:a.onClick,icon:a.icon,tabIndex:H,ref:A,title:a.title,disabled:d})]}),u&&fe(hf,{disabled:d,children:u})]})}),!d&&typeof v=="string"&&fe(bf,{id:D,role:"alert","aria-live":v?"assertive":"off",children:v})]})})}),cf=Ze.div`
|
|
2413
|
+
box-sizing: border-box;
|
|
2414
|
+
display: flex;
|
|
2415
|
+
flex-direction: column;
|
|
2416
|
+
width: ${e=>Ql(e.margin,e.size)};
|
|
2417
|
+
${e=>e.size!=="fillParent"&&"min-width:"+Ql(e.margin,e.size)};
|
|
2418
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
2419
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
2420
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
2421
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
2422
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
2423
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
2424
|
+
`,df=Ze.label`
|
|
2425
|
+
color: ${e=>e.disabled?e.theme.disabledLabelFontColor:e.theme.labelFontColor};
|
|
2426
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
2427
|
+
font-style: ${e=>e.theme.labelFontStyle};
|
|
2428
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
2429
|
+
line-height: ${e=>e.theme.labelLineHeight};
|
|
2430
|
+
${e=>!e.hasHelperText&&"margin-bottom: 0.25rem"}
|
|
2431
|
+
`,sf=Ze.span`
|
|
2432
|
+
font-weight: ${e=>e.theme.optionalLabelFontWeight};
|
|
2433
|
+
`,mf=Ze.span`
|
|
2434
|
+
color: ${e=>e.disabled?e.theme.disabledHelperTextFontColor:e.theme.helperTextFontColor};
|
|
2435
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
2436
|
+
font-style: ${e=>e.theme.helperTextFontStyle};
|
|
2437
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
2438
|
+
line-height: ${e=>e.theme.helperTextLineHeight};
|
|
2439
|
+
margin-bottom: 0.25rem;
|
|
2440
|
+
`,gf=Ze.div`
|
|
2441
|
+
position: relative;
|
|
2442
|
+
display: flex;
|
|
2443
|
+
align-items: center;
|
|
2444
|
+
height: calc(2.5rem - 2px);
|
|
2445
|
+
padding: 0 0.5rem;
|
|
2446
|
+
${e=>{if(e.disabled)return`background-color: ${e.theme.disabledContainerFillColor};`}}
|
|
2447
|
+
box-shadow: 0 0 0 2px transparent;
|
|
2448
|
+
border-radius: 4px;
|
|
2449
|
+
border: 1px solid
|
|
2450
|
+
${e=>e.disabled?e.theme.disabledBorderColor:e.readOnly?e.theme.readOnlyBorderColor:e.theme.enabledBorderColor};
|
|
2451
|
+
${e=>e.error&&!e.disabled&&`border-color: transparent;
|
|
2452
|
+
box-shadow: 0 0 0 2px ${e.theme.errorBorderColor};
|
|
2453
|
+
`}
|
|
2454
|
+
${e=>e.disabled?"cursor: not-allowed;":`
|
|
2455
|
+
&:hover {
|
|
2456
|
+
border-color: ${e.error?"transparent":e.readOnly?e.theme.hoverReadOnlyBorderColor:e.theme.hoverBorderColor};
|
|
2457
|
+
${e.error?`box-shadow: 0 0 0 2px ${e.theme.hoverErrorBorderColor};`:""}
|
|
2458
|
+
}
|
|
2459
|
+
&:focus-within {
|
|
2460
|
+
border-color: transparent;
|
|
2461
|
+
box-shadow: 0 0 0 2px ${e.theme.focusBorderColor};
|
|
2462
|
+
}
|
|
2463
|
+
`};
|
|
2464
|
+
`,pf=Ze.input`
|
|
2465
|
+
height: calc(2.5rem - 2px);
|
|
2466
|
+
width: 100%;
|
|
2467
|
+
background: none;
|
|
2468
|
+
border: none;
|
|
2469
|
+
outline: none;
|
|
2470
|
+
padding: 0 0.5rem;
|
|
2471
|
+
overflow: hidden;
|
|
2472
|
+
text-overflow: ellipsis;
|
|
2473
|
+
white-space: nowrap;
|
|
2474
|
+
color: ${e=>e.disabled?e.theme.disabledValueFontColor:e.theme.valueFontColor};
|
|
2475
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
2476
|
+
font-size: ${e=>e.theme.valueFontSize};
|
|
2477
|
+
font-style: ${e=>e.theme.valueFontStyle};
|
|
2478
|
+
font-weight: ${e=>e.theme.valueFontWeight};
|
|
2479
|
+
line-height: 1.5em;
|
|
2480
|
+
${e=>e.disabled&&"cursor: not-allowed;"}
|
|
2481
|
+
|
|
2482
|
+
::placeholder {
|
|
2483
|
+
color: ${e=>e.disabled?e.theme.disabledPlaceholderFontColor:e.theme.placeholderFontColor};
|
|
2484
|
+
}
|
|
2485
|
+
`,uf=Ze.span`
|
|
2486
|
+
height: 1.5rem;
|
|
2487
|
+
margin-left: 0.25rem;
|
|
2488
|
+
padding-right: ${e=>e.theme.prefixDividerPaddingRight};
|
|
2489
|
+
${e=>{let t=e.disabled?e.theme.disabledPrefixColor:e.theme.prefixColor;return`color: ${t}; border-right: ${e.theme.prefixDividerBorderWidth} ${e.theme.prefixDividerBorderStyle} ${t};`}};
|
|
2490
|
+
font-size: 1rem;
|
|
2491
|
+
line-height: 1.5rem;
|
|
2492
|
+
pointer-events: none;
|
|
2493
|
+
`,hf=Ze.span`
|
|
2494
|
+
height: 1.5rem;
|
|
2495
|
+
margin: 0 0.25rem;
|
|
2496
|
+
padding-left: ${e=>e.theme.suffixDividerPaddingLeft};
|
|
2497
|
+
${e=>{let t=e.disabled?e.theme.disabledSuffixColor:e.theme.suffixColor;return`color: ${t}; border-left: ${e.theme.suffixDividerBorderWidth} ${e.theme.suffixDividerBorderStyle} ${t};`}};
|
|
2498
|
+
font-size: 1rem;
|
|
2499
|
+
line-height: 1.5rem;
|
|
2500
|
+
pointer-events: none;
|
|
2501
|
+
`,ff=Ze.span`
|
|
2502
|
+
display: flex;
|
|
2503
|
+
flex-wrap: wrap;
|
|
2504
|
+
align-content: center;
|
|
2505
|
+
padding: 3px;
|
|
2506
|
+
height: 18px;
|
|
2507
|
+
width: 18px;
|
|
2508
|
+
font-size: 18px;
|
|
2509
|
+
color: ${e=>e.theme.errorIconColor};
|
|
2510
|
+
`,bf=Ze.span`
|
|
2511
|
+
min-height: 1.5em;
|
|
2512
|
+
color: ${e=>e.theme.errorMessageColor};
|
|
2513
|
+
font-size: 0.75rem;
|
|
2514
|
+
font-weight: 400;
|
|
2515
|
+
line-height: 1.5em;
|
|
2516
|
+
margin-top: 0.25rem;
|
|
2517
|
+
`,mo=af;import{jsx as vo,jsxs as xn}from"react/jsx-runtime";da.extend($f);var la=4,Sr=(e,t)=>da(e,t.toUpperCase(),!0),Cn=(e,t,r,n)=>{if((e||e==="")&&t.toUpperCase().includes("YYYY"))return Sr(e,t);{let i=Sr(e,t);return r?i=i.set("year",(r<=1999?1900:2e3)+ +i.format("YY")):+i.format("YY")<68?(n(2e3+ +i.format("YY")),i=i.set("year",2e3+ +i.format("YY"))):(n(1900+ +i.format("YY")),i=i.set("year",1900+ +i.format("YY"))),i}},vf=xf(({label:e,name:t,defaultValue:r="",value:n,format:i="dd-MM-yyyy",helperText:l,placeholder:a=!1,clearable:c,disabled:d,readOnly:s,optional:m,onChange:g,onBlur:u,error:h,autocomplete:y,margin:v,size:f,tabIndex:_},x)=>{let[b,L]=Ht(r),[B,I]=Ht(!1),H=`date-picker-${yf()}`,[R,F]=Ht(Sr(n??r??"",i)),[w,D]=Ht(b||n?!i.toUpperCase().includes("YYYY")&&+Sr(n??b,i).format("YY")<68?2e3:1900:void 0),[O,N]=Ht(la),Z=k(),E=X(),z=ia(null),C=ia(null),S=A=>{let se=A.format(i.toUpperCase());n||(F(A),L(se)),D(A.get("year")),A?.set("day",A.get("date")).toJSON()?g?.({value:se,date:A.toDate()}):g?.({value:se})},T=({value:A,error:se})=>{n??L(A);let me=Cn(A,i,w,D),ge=A!==""&&!me.isValid()&&E.dateInput.invalidDateErrorMessage,W=se||ge?{value:A,error:se||ge}:{value:A};me.isValid()?(F(me),g?.({...W,date:me.toDate()})):(g?.(W),D(U=>R?.get("year")??U),F(null))},P=({value:A,error:se})=>{let me=Cn(A,i,w,D),ge=A!==""&&!me.isValid()&&E.dateInput.invalidDateErrorMessage,W=se||ge?{value:A,error:se||ge}:{value:A};me.isValid()?u?.({...W,date:me.toDate()}):u?.(W)},M=Cf(()=>{h!=null&&setTimeout(()=>{if(C.current&&z.current){let A=C.current.getBoundingClientRect(),se=z.current.querySelector('[id^="input"]')?.getBoundingClientRect(),me=z.current.querySelector('[id^="error-input"]')?.getBoundingClientRect().height;N(A.top>se.bottom?-me:la)}},0)},[h]),J=()=>{I(!B),M()},de=()=>{I(!1)},G=A=>{A.key==="Escape"&&(A.preventDefault(),B&&A.stopPropagation(),de(),z?.current.getElementsByTagName("input")[0].focus())},q=A=>{A?.currentTarget.contains(A.relatedTarget)||de()};return yn(()=>(window.addEventListener("scroll",M),()=>{window.removeEventListener("scroll",M)}),[M]),yn(()=>{(n||n==="")&&F(Cn(n,i,w,D))},[n,i,w]),yn(()=>{if(!d){let A=z?.current.querySelector("[aria-label='Select date']");A?.setAttribute("aria-haspopup",!0),A?.setAttribute("role","combobox"),A?.setAttribute("aria-expanded",B),A?.setAttribute("aria-controls",H),B&&A?.setAttribute("aria-describedby",H)}},[B,d,H]),vo(_f,{theme:Z,children:xn(Tf,{margin:v,size:f,ref:x,children:[e&&xn(kf,{htmlFor:z.current?.getElementsByTagName("input")[0].id,disabled:d,hasHelperText:!!l,children:[e," ",m&&vo(Ff,{children:E.formFields.optionalLabel})]}),l&&vo(wf,{disabled:d,children:l}),xn(To.Root,{open:B,children:[vo(To.Trigger,{asChild:!0,"aria-controls":void 0,children:vo(mo,{name:t,defaultValue:r,value:n??b,placeholder:a?i.toUpperCase():null,action:{onClick:J,icon:"filled_calendar_today",title:"Select date"},clearable:c,disabled:d,readOnly:s,optional:m,onChange:T,onBlur:P,error:h,autocomplete:y,size:f,tabIndex:_,ref:z})}),vo(To.Portal,{children:vo(Sf,{sideOffset:O,align:"end","aria-modal":!0,onBlur:q,onKeyDown:G,ref:C,children:vo(Jl,{id:H,onDateSelect:S,date:R})})})]})]})})}),aa={small:"240px",medium:"360px",large:"480px",fillParent:"100%"},ca=(e,t)=>t==="fillParent"?`calc(${aa[t]} - ${j(e,"left")} - ${j(e,"right")})`:aa[t],Tf=Mt.div`
|
|
2518
|
+
${e=>e.size=="fillParent"&&"width: 100%;"}
|
|
2519
|
+
display: flex;
|
|
2520
|
+
flex-direction: column;
|
|
2521
|
+
width: ${e=>ca(e.margin,e.size)};
|
|
2522
|
+
${e=>e.size!=="fillParent"&&"min-width:"+ca(e.margin,e.size)};
|
|
2523
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
2524
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
2525
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
2526
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
2527
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
2528
|
+
font-family: ${e=>e.theme.textInput.fontFamily};
|
|
2529
|
+
`,kf=Mt.label`
|
|
2530
|
+
color: ${e=>e.disabled?e.theme.textInput.disabledLabelFontColor:e.theme.textInput.labelFontColor};
|
|
2531
|
+
font-size: ${e=>e.theme.textInput.labelFontSize};
|
|
2532
|
+
font-style: ${e=>e.theme.textInput.labelFontStyle};
|
|
2533
|
+
font-weight: ${e=>e.theme.textInput.labelFontWeight};
|
|
2534
|
+
line-height: ${e=>e.theme.textInput.labelLineHeight};
|
|
2535
|
+
${e=>!e.hasHelperText&&"margin-bottom: 0.25rem"}
|
|
2536
|
+
`,Ff=Mt.span`
|
|
2537
|
+
font-weight: ${e=>e.theme.textInput.optionalLabelFontWeight};
|
|
2538
|
+
`,wf=Mt.span`
|
|
2539
|
+
color: ${e=>e.disabled?e.theme.textInput.disabledHelperTextFontColor:e.theme.textInput.helperTextFontColor};
|
|
2540
|
+
font-size: ${e=>e.theme.textInput.helperTextFontSize};
|
|
2541
|
+
font-style: ${e=>e.theme.textInput.helperTextFontStyle};
|
|
2542
|
+
font-weight: ${e=>e.theme.textInput.helperTextFontWeight};
|
|
2543
|
+
line-height: ${e=>e.theme.textInput.helperTextLineHeight};
|
|
2544
|
+
margin-bottom: 0.25rem;
|
|
2545
|
+
`,Sf=Mt(To.Content)`
|
|
2546
|
+
z-index: 2147483647;
|
|
2547
|
+
&:focus-visible {
|
|
2548
|
+
outline: none;
|
|
2549
|
+
}
|
|
2550
|
+
`,If=vf;import{useEffect as Ef}from"react";import{createPortal as Wf}from"react-dom";import Ir,{createGlobalStyle as Of,ThemeProvider as Gf}from"styled-components";import{useCallback as Bf,useEffect as ga,useRef as Pf,useState as Lf}from"react";import{Fragment as Hf,jsx as _n,jsxs as Mf}from"react/jsx-runtime";var be={negTabIndex:':not([tabindex^="-"])',disabled:":not(:disabled)"},Df=[`a[href]${be.negTabIndex}`,`area[href]${be.negTabIndex}`,`input:not([type="hidden"])${be.negTabIndex}${be.disabled}`,`select${be.negTabIndex}${be.disabled}`,`textarea${be.negTabIndex}${be.disabled}`,`button${be.negTabIndex}${be.disabled}`,`details > summary:first-of-type${be.negTabIndex}`,`iframe${be.negTabIndex}`,`audio[controls]${be.negTabIndex}`,`video[controls]${be.negTabIndex}`,`[contenteditable]${be.negTabIndex}`,`[tabindex]${be.negTabIndex}${be.disabled}`].join(","),sa=e=>Array.prototype.slice.call(e.querySelectorAll(Df)).filter(t=>t.getAttribute("aria-hidden")!=="true"&&window.getComputedStyle(t).display!=="none"&&window.getComputedStyle(t).visibility!=="hidden"),ma=e=>(e?.focus(),document.activeElement===e),zf=e=>{let t=document.querySelectorAll("[data-radix-portal]"),r=document.querySelectorAll("[data-radix-popper-content-wrapper]");return Array.prototype.slice.call(t).some(n=>n.contains(e))||Array.prototype.slice.call(r).some(n=>n.contains(e))},Af=e=>{let[t,r]=Lf();return ga(()=>{if(e.current!=null){r(sa(e.current));let n=new MutationObserver(()=>{r(sa(e.current))});return n.observe(e.current,{childList:!0,subtree:!0,attributes:!0}),()=>{n.disconnect()}}},[]),t},Rf=({children:e})=>{let t=Pf(),r=Af(t),n=Bf(()=>{r?.length===0?t.current?.focus():r?.length>0&&r.some(a=>ma(a))},[r]),i=()=>{r?.reverse()?.some(a=>ma(a))},l=a=>{a.key==="Tab"&&r.length===0&&a.preventDefault()};return ga(()=>{!t.current?.contains(document.activeElement)&&!zf(document.activeElement)&&n()},[n]),Mf(Hf,{children:[_n("div",{onFocus:i,tabIndex:0}),_n("div",{onKeyDown:l,ref:t,tabIndex:r?.length===0?0:-1,style:{outline:"none"},children:e}),_n("div",{onFocus:n,tabIndex:0})]})},pa=Rf;import{jsx as Et,jsxs as $n}from"react/jsx-runtime";var Nf=({isCloseVisible:e=!0,onCloseClick:t,children:r,overlay:n=!0,onBackgroundClick:i,tabIndex:l=0})=>{let a=k(),c=X();return Ef(()=>{let d=s=>{s.key==="Escape"&&(s.preventDefault(),t?.())};return document.addEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)}},[t]),$n(Gf,{theme:a.dialog,children:[Et(Vf,{}),Wf($n(jf,{children:[n&&Et(Xf,{onClick:()=>{i?.()}}),Et(Jf,{role:"dialog","aria-modal":n,isCloseVisible:e,"aria-label":"Dialog",children:$n(pa,{children:[r,e&&Et(Kf,{onClick:()=>{t?.()},"aria-label":c.dialog.closeIconAriaLabel,tabIndex:l,children:Et($,{icon:"close"})})]})})]}),document.body)]})},Vf=Of`
|
|
2551
|
+
body {
|
|
2552
|
+
overflow: hidden;
|
|
2553
|
+
}
|
|
2554
|
+
`,jf=Ir.div`
|
|
2555
|
+
position: fixed;
|
|
2556
|
+
inset: 0;
|
|
2557
|
+
display: flex;
|
|
2558
|
+
align-items: center;
|
|
2559
|
+
justify-content: center;
|
|
2560
|
+
height: 100%;
|
|
2561
|
+
z-index: 2147483647;
|
|
2562
|
+
`,Xf=Ir.div`
|
|
2563
|
+
position: fixed;
|
|
2564
|
+
inset: 0;
|
|
2565
|
+
height: 100%;
|
|
2566
|
+
background-color: ${e=>e.theme.overlayColor};
|
|
2567
|
+
`,Jf=Ir.div`
|
|
2568
|
+
position: relative;
|
|
2569
|
+
box-sizing: border-box;
|
|
2570
|
+
max-width: 80%;
|
|
2571
|
+
min-width: 696px;
|
|
2572
|
+
border-radius: 4px;
|
|
2573
|
+
background-color: ${e=>e.theme.backgroundColor};
|
|
2574
|
+
${e=>e.isCloseVisible&&"min-height: 72px;"}
|
|
2575
|
+
box-shadow: ${e=>`${e.theme.boxShadowOffsetX} ${e.theme.boxShadowOffsetY} ${e.theme.boxShadowBlur} ${e.theme.boxShadowColor}`};
|
|
2576
|
+
z-index: 2147483647;
|
|
2577
|
+
|
|
2578
|
+
@media (max-width: ${re.medium}rem) {
|
|
2579
|
+
max-width: 92%;
|
|
2580
|
+
min-width: 92%;
|
|
2581
|
+
}
|
|
2582
|
+
`,Kf=Ir.button`
|
|
2583
|
+
all: unset;
|
|
2584
|
+
position: absolute;
|
|
2585
|
+
top: 24px;
|
|
2586
|
+
right: 24px;
|
|
2587
|
+
display: flex;
|
|
2588
|
+
align-items: center;
|
|
2589
|
+
justify-content: center;
|
|
2590
|
+
background-color: ${e=>e.theme.closeIconBackgroundColor};
|
|
2591
|
+
box-shadow: 0 0 0 2px transparent;
|
|
2592
|
+
color: ${e=>e.theme.closeIconColor};
|
|
2593
|
+
border-radius: ${e=>e.theme.closeIconBorderRadius};
|
|
2594
|
+
border-width: ${e=>e.theme.closeIconBorderThickness};
|
|
2595
|
+
border-style: ${e=>e.theme.closeIconBorderStyle};
|
|
2596
|
+
border-color: ${e=>e.theme.closeIconBorderColor};
|
|
2597
|
+
cursor: pointer;
|
|
2598
|
+
z-index: 1;
|
|
2599
|
+
|
|
2600
|
+
&:focus {
|
|
2601
|
+
outline: none;
|
|
2602
|
+
box-shadow: 0 0 0 2px #0095ff;
|
|
2603
|
+
}
|
|
2604
|
+
&:hover {
|
|
2605
|
+
background-color: #f2f2f2;
|
|
2606
|
+
}
|
|
2607
|
+
&:active {
|
|
2608
|
+
background-color: #cccccc;
|
|
2609
|
+
}
|
|
2610
|
+
span {
|
|
2611
|
+
font-size: ${e=>e.theme.closeIconSize};
|
|
2612
|
+
}
|
|
2613
|
+
`,Uf=Nf;import{useCallback as lb,useEffect as ab,useId as cb,useState as ua,forwardRef as db}from"react";import We,{ThemeProvider as sb}from"styled-components";import{memo as Yf}from"react";import Mo,{ThemeProvider as Zf}from"styled-components";import{jsx as go,jsxs as vn}from"react/jsx-runtime";var qf=({fileName:e="",error:t="",singleFileMode:r,showPreview:n,preview:i,type:l,onDelete:a,tabIndex:c})=>{let d=k(),s=X(),m=()=>l.includes("video")?"video":l.includes("audio")?"audio":"file";return go(Zf,{theme:d.fileInput,children:vn(Qf,{error:t,singleFileMode:r,showPreview:n,children:[n&&(l.includes("image")?go(eb,{src:i,alt:e}):go(ob,{error:t,role:"document","aria-label":m(),children:go($,{icon:i})})),vn(tb,{children:[go(rb,{children:e}),vn(te,{gap:"0.25rem",children:[t&&go(nb,{children:go($,{icon:"filled_error"})}),go(Se,{onClick:()=>a(e),icon:"close",tabIndex:c,title:s.fileInput.deleteFileActionTitle})]}),t&&!r&&go(ib,{role:"alert","aria-live":"assertive",children:t})]})]})})},Qf=Mo.div`
|
|
2614
|
+
box-sizing: border-box;
|
|
2615
|
+
display: flex;
|
|
2616
|
+
justify-content: center;
|
|
2617
|
+
gap: 0.75rem;
|
|
2618
|
+
width: ${e=>e.singleFileMode?"230px":"320px"};
|
|
2619
|
+
padding: ${e=>e.showPreview?`calc(8px - ${e.theme.fileItemBorderThickness})`:`calc(8px - ${e.theme.fileItemBorderThickness}) calc(8px - ${e.theme.fileItemBorderThickness}) calc(8px - ${e.theme.fileItemBorderThickness}) 16px`};
|
|
2620
|
+
${e=>e.error?`background-color: ${e.theme.errorFileItemBackgroundColor};`:""};
|
|
2621
|
+
border-color: ${e=>e.error?e.theme.errorFileItemBorderColor:e.theme.fileItemBorderColor};
|
|
2622
|
+
border-width: ${e=>e.theme.fileItemBorderThickness};
|
|
2623
|
+
border-style: ${e=>e.theme.fileItemBorderStyle};
|
|
2624
|
+
border-radius: ${e=>e.theme.fileItemBorderRadius};
|
|
2625
|
+
`,eb=Mo.img`
|
|
2626
|
+
width: 48px;
|
|
2627
|
+
height: 48px;
|
|
2628
|
+
border-radius: 2px;
|
|
2629
|
+
object-fit: contain;
|
|
2630
|
+
`,ob=Mo.span`
|
|
2631
|
+
box-sizing: border-box;
|
|
2632
|
+
display: flex;
|
|
2633
|
+
align-items: center;
|
|
2634
|
+
justify-content: center;
|
|
2635
|
+
background-color: ${e=>e.error?e.theme.errorFilePreviewBackgroundColor:e.theme.filePreviewBackgroundColor};
|
|
2636
|
+
width: 48px;
|
|
2637
|
+
height: 48px;
|
|
2638
|
+
padding: 15px;
|
|
2639
|
+
border-radius: 2px;
|
|
2640
|
+
color: ${e=>e.error?e.theme.errorFilePreviewIconColor:e.theme.filePreviewIconColor};
|
|
2641
|
+
font-size: 18px;
|
|
2642
|
+
svg {
|
|
2643
|
+
height: 18px;
|
|
2644
|
+
width: 18px;
|
|
2645
|
+
}
|
|
2646
|
+
`,tb=Mo.div`
|
|
2647
|
+
flex-grow: 1;
|
|
2648
|
+
display: grid;
|
|
2649
|
+
grid-template-columns: auto min-content;
|
|
2650
|
+
grid-template-rows: min-content auto;
|
|
2651
|
+
column-gap: 0.25rem;
|
|
2652
|
+
`,rb=Mo.span`
|
|
2653
|
+
align-self: center;
|
|
2654
|
+
color: ${e=>e.theme.fileNameFontColor};
|
|
2655
|
+
font-family: ${e=>e.theme.fileItemFontFamily};
|
|
2656
|
+
font-size: ${e=>e.theme.fileItemFontSize};
|
|
2657
|
+
font-weight: ${e=>e.theme.fileItemFontWeight};
|
|
2658
|
+
line-height: ${e=>e.theme.fileItemLineHeight};
|
|
2659
|
+
white-space: pre;
|
|
2660
|
+
overflow: hidden;
|
|
2661
|
+
text-overflow: ellipsis;
|
|
2662
|
+
`,nb=Mo.span`
|
|
2663
|
+
display: flex;
|
|
2664
|
+
flex-wrap: wrap;
|
|
2665
|
+
align-content: center;
|
|
2666
|
+
padding: 3px;
|
|
2667
|
+
height: 18px;
|
|
2668
|
+
width: 18px;
|
|
2669
|
+
font-size: 18px;
|
|
2670
|
+
color: #d0011b;
|
|
2671
|
+
`,ib=Mo.span`
|
|
2672
|
+
color: ${e=>e.theme.errorMessageFontColor};
|
|
2673
|
+
font-family: ${e=>e.theme.errorMessageFontFamily};
|
|
2674
|
+
font-size: ${e=>e.theme.errorMessageFontSize};
|
|
2675
|
+
font-weight: ${e=>e.theme.errorMessageFontWeight};
|
|
2676
|
+
line-height: ${e=>e.theme.errorMessageLineHeight};
|
|
2677
|
+
`,Tn=Yf(qf);import{jsx as ve,jsxs as Br}from"react/jsx-runtime";var ha=async e=>e.type.includes("video")?"filled_movie":e.type.includes("audio")?"music_video":e.type.includes("image")?new Promise(t=>{let r=new FileReader;r.readAsDataURL(e),r.onload=n=>{t(n.target.result)}}):"draft",mb=(e,t)=>t.map(n=>n.file).some(({name:n,size:i,type:l,lastModified:a,webkitRelativePath:c})=>n===e.file.name&&i===e.file.size&&l===e.file.type&&a===e.file.lastModified&&c===e.file.webkitRelativePath),gb=db(({mode:e="file",label:t="",buttonLabel:r,dropAreaLabel:n,helperText:i="",accept:l,minSize:a,maxSize:c,showPreview:d=!1,multiple:s=!0,disabled:m=!1,callbackFile:g,value:u,margin:h,tabIndex:y=0},v)=>{let[f,_]=ua(!1),[x,b]=ua([]),L=`file-input-${cb()}`,B=k(),I=X(),H=C=>{if(C.size<a)return I.fileInput.fileSizeGreaterThanErrorMessage;if(C.size>c)return I.fileInput.fileSizeLessThanErrorMessage},R=async C=>(await Promise.all(C.map(T=>ha(T))).then(T=>C.map((P,M)=>({file:P,error:H(P),preview:T[M]})))).filter(T=>!mb(T,x)),F=async C=>{let S=await R(s||C.length===1?C:[C[0]]),T=s?[...x,...S]:S;g?.(T)},w=C=>{let S=C.target.files,T=Object.keys(S).map(P=>S[P]);F(T),C.target.value=null},D=lb(C=>{let S=[...x],T=S.find(M=>M.file.name===C),P=S.indexOf(T);S.splice(P,1),g?.(S)},[x,g]),O=()=>{document.getElementById(L).click()},N=C=>{C.preventDefault(),C.stopPropagation()},Z=C=>{C.dataTransfer.items?.length>0&&_(!0)},E=C=>{C.currentTarget.contains(C.relatedTarget)||_(!1)},z=C=>{C.preventDefault(),C.stopPropagation(),_(!1);let S=C.dataTransfer.files;if(S?.length>0){let T=Object.keys(S).map(P=>S[P]);F(T)}};return ab(()=>{(async()=>{if(u){let S=await Promise.all(u.map(async T=>{if(T.preview)return T;{let P=await ha(T.file);return{...T,preview:P}}}));b(S)}})()},[u]),ve(sb,{theme:B.fileInput,children:Br(pb,{margin:h,ref:v,children:[ve(ub,{htmlFor:L,disabled:m,children:t}),ve(hb,{disabled:m,children:i}),e==="file"?Br(fb,{singleFileMode:!s&&x.length===1,children:[ve(fa,{id:L,type:"file",accept:l,multiple:s,onChange:w,disabled:m,readOnly:!0}),ve(Me,{mode:"secondary",label:r??(s?I.fileInput.multipleButtonLabelDefault:I.fileInput.singleButtonLabelDefault),onClick:O,disabled:m,size:{width:"fitContent"},tabIndex:y}),x.length>0&&ve(ba,{children:x.map((C,S)=>ve(Tn,{fileName:C.file.name,error:C.error,singleFileMode:!s&&x.length===1,showPreview:e==="file"&&!s?!1:d,preview:C.preview,type:C.file.type,onDelete:D,tabIndex:y},`file-${S}`))})]}):Br(bb,{children:[ve(fa,{id:L,type:"file",accept:l,multiple:s,onChange:w,disabled:m,readOnly:!0}),Br(yb,{isDragging:f,disabled:m,mode:e,onDrop:z,onDragEnter:Z,onDragOver:N,onDragLeave:E,children:[ve(Me,{mode:"secondary",label:r??I.fileInput.dropAreaButtonLabelDefault,onClick:O,disabled:m,size:{width:"fitContent"}}),e==="dropzone"?ve(Cb,{disabled:m,children:n??(s?I.fileInput.multipleDropAreaLabelDefault:I.fileInput.singleDropAreaLabelDefault)}):ve(xb,{disabled:m,children:n??(s?I.fileInput.multipleDropAreaLabelDefault:I.fileInput.singleDropAreaLabelDefault)})]}),x.length>0&&ve(ba,{children:x.map((C,S)=>ve(Tn,{fileName:C.file.name,error:C.error,singleFileMode:!1,showPreview:d,preview:C.preview,type:C.file.type,onDelete:D,tabIndex:y},`file-${S}`))})]}),e==="file"&&!s&&x.length===1&&x[0].error&&ve(_b,{children:x[0].error})]})})}),pb=We.div`
|
|
2678
|
+
display: flex;
|
|
2679
|
+
flex-direction: column;
|
|
2680
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
2681
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
2682
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
2683
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
2684
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
2685
|
+
width: fit-content;
|
|
2686
|
+
`,ub=We.label`
|
|
2687
|
+
color: ${e=>e.disabled?e.theme.disabledLabelFontColor:e.theme.labelFontColor};
|
|
2688
|
+
font-family: ${e=>e.theme.labelFontFamily};
|
|
2689
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
2690
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
2691
|
+
line-height: ${e=>e.theme.labelLineHeight};
|
|
2692
|
+
`,hb=We.span`
|
|
2693
|
+
color: ${e=>e.disabled?e.theme.disabledHelperTextFontColor:e.theme.helperTextFontColor};
|
|
2694
|
+
font-family: ${e=>e.theme.helperTextFontFamily};
|
|
2695
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
2696
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
2697
|
+
line-height: ${e=>e.theme.helperTextLineHeight};
|
|
2698
|
+
`,fb=We.div`
|
|
2699
|
+
display: flex;
|
|
2700
|
+
${e=>e.singleFileMode?"flex-direction: row; column-gap: 0.25rem;":"flex-direction: column; row-gap: 0.25rem;"}
|
|
2701
|
+
margin-top: 0.25rem;
|
|
2702
|
+
`,fa=We.input`
|
|
2703
|
+
display: none;
|
|
2704
|
+
`,ba=We.div`
|
|
2705
|
+
display: flex;
|
|
2706
|
+
flex-direction: column;
|
|
2707
|
+
row-gap: 0.25rem;
|
|
2708
|
+
`,bb=We.div`
|
|
2709
|
+
display: flex;
|
|
2710
|
+
flex-direction: column;
|
|
2711
|
+
row-gap: 0.25rem;
|
|
2712
|
+
margin-top: 0.25rem;
|
|
2713
|
+
`,yb=We.div`
|
|
2714
|
+
box-sizing: border-box;
|
|
2715
|
+
display: flex;
|
|
2716
|
+
${e=>e.mode==="filedrop"?"flex-direction: row; column-gap: 0.75rem; height: 48px;":"justify-content: center; flex-direction: column; row-gap: 0.5rem; height: 160px;"}
|
|
2717
|
+
align-items: center;
|
|
2718
|
+
width: 320px;
|
|
2719
|
+
padding: ${e=>e.mode==="filedrop"?`calc(4px - ${e.theme.dropBorderThickness}) 1rem calc(4px - ${e.theme.dropBorderThickness}) calc(4px - ${e.theme.dropBorderThickness})`:"1rem"};
|
|
2720
|
+
overflow: hidden;
|
|
2721
|
+
box-shadow: 0 0 0 2px transparent;
|
|
2722
|
+
border-radius: ${e=>e.theme.dropBorderRadius};
|
|
2723
|
+
border-width: ${e=>e.theme.dropBorderThickness};
|
|
2724
|
+
border-style: ${e=>e.theme.dropBorderStyle};
|
|
2725
|
+
border-color: ${e=>e.disabled?e.theme.disabledDropBorderColor:e.theme.dropBorderColor};
|
|
2726
|
+
${e=>e.isDragging&&`
|
|
2727
|
+
background-color: ${e.theme.dragoverDropBackgroundColor};
|
|
2728
|
+
border-color: transparent;
|
|
2729
|
+
box-shadow: 0 0 0 2px ${e.theme.focusDropBorderColor};
|
|
2730
|
+
`}
|
|
2731
|
+
cursor: ${e=>e.disabled&&"not-allowed"};
|
|
2732
|
+
`,Cb=We.div`
|
|
2733
|
+
display: -webkit-box;
|
|
2734
|
+
-webkit-box-orient: vertical;
|
|
2735
|
+
overflow: hidden;
|
|
2736
|
+
text-overflow: ellipsis;
|
|
2737
|
+
-webkit-line-clamp: 3;
|
|
2738
|
+
text-align: center;
|
|
2739
|
+
color: ${e=>e.disabled?e.theme.disabledDropLabelFontColor:e.theme.dropLabelFontColor};
|
|
2740
|
+
font-family: ${e=>e.theme.dropLabelFontFamily};
|
|
2741
|
+
font-size: ${e=>e.theme.dropLabelFontSize};
|
|
2742
|
+
font-weight: ${e=>e.theme.dropLabelFontWeight};
|
|
2743
|
+
`,xb=We.span`
|
|
2744
|
+
overflow: hidden;
|
|
2745
|
+
white-space: nowrap;
|
|
2746
|
+
text-overflow: ellipsis;
|
|
2747
|
+
color: ${e=>e.disabled?e.theme.disabledDropLabelFontColor:e.theme.dropLabelFontColor};
|
|
2748
|
+
font-family: ${e=>e.theme.dropLabelFontFamily};
|
|
2749
|
+
font-size: ${e=>e.theme.dropLabelFontSize};
|
|
2750
|
+
font-weight: ${e=>e.theme.dropLabelFontWeight};
|
|
2751
|
+
`,_b=We.div`
|
|
2752
|
+
color: ${e=>e.theme.errorMessageFontColor};
|
|
2753
|
+
font-family: ${e=>e.theme.errorMessageFontFamily};
|
|
2754
|
+
font-size: ${e=>e.theme.errorMessageFontSize};
|
|
2755
|
+
font-weight: ${e=>e.theme.errorMessageFontWeight};
|
|
2756
|
+
line-height: ${e=>e.theme.errorMessageLineHeight};
|
|
2757
|
+
margin-top: 0.25rem;
|
|
2758
|
+
`,$b=gb;import ya from"styled-components";import{jsx as Fb}from"react/jsx-runtime";var vb=ya.div`
|
|
2759
|
+
display: grid;
|
|
2760
|
+
${({templateColumns:e})=>e&&`grid-template-columns: ${e.join(" ")};`}
|
|
2761
|
+
${({templateRows:e})=>e&&`grid-template-rows: ${e.join(" ")};`}
|
|
2762
|
+
${({templateAreas:e})=>e&&`grid-template-areas: ${e.map(t=>`"${t}"`).join(" ")};`}
|
|
2763
|
+
${({autoColumns:e})=>e&&`grid-auto-columns: ${e};`}
|
|
2764
|
+
${({autoRows:e})=>e&&`grid-auto-rows: ${e};`}
|
|
2765
|
+
${({autoFlow:e})=>e&&`grid-auto-flow: ${e};`}
|
|
2766
|
+
${({gap:e})=>e!=null&&(typeof e=="string"?`gap: ${e};`:`row-gap: ${e.rowGap??""}; column-gap: ${e.columnGap??""};`)}
|
|
2767
|
+
${({placeItems:e})=>e&&(typeof e=="string"?`place-items: ${e}`:`align-items: ${e.alignItems??""}; justify-items: ${e.justifyItems??""};`)}
|
|
2768
|
+
${({placeContent:e})=>e&&(typeof e=="string"?`place-content: ${e}`:`align-content: ${e.alignContent??""}; justify-content: ${e.justifyContent??""};`)}
|
|
2769
|
+
|
|
2770
|
+
${({areaName:e})=>e&&`grid-area: ${e};`}
|
|
2771
|
+
${({column:e})=>e&&`grid-column: ${typeof e=="string"||typeof e=="number"?e:`${e.start} / ${e.end};`};`}
|
|
2772
|
+
${({row:e})=>e&&`grid-row: ${typeof e=="string"||typeof e=="number"?e:`${e.start} / ${e.end};`};`}
|
|
2773
|
+
${({placeSelf:e})=>e&&(typeof e=="string"?`place-self: ${e}`:`align-self: ${e.alignSelf??""}; justify-self: ${e.justifySelf??""};`)}
|
|
2774
|
+
`,Tb=ya.div`
|
|
2775
|
+
${({areaName:e})=>e&&`grid-area: ${e};`}
|
|
2776
|
+
${({column:e})=>e&&`grid-column: ${typeof e=="string"||typeof e=="number"?e:`${e.start} / ${e.end};`};`}
|
|
2777
|
+
${({row:e})=>e&&`grid-row: ${typeof e=="string"||typeof e=="number"?e:`${e.start} / ${e.end};`};`}
|
|
2778
|
+
${({placeSelf:e})=>e&&(typeof e=="string"?`place-self: ${e}`:`align-self: ${e.alignSelf??""}; justify-self: ${e.justifySelf??""};`)}
|
|
2779
|
+
`,Ca=e=>Fb(vb,{...e});Ca.Item=Tb;var kb=Ca;import lt,{ThemeProvider as wb}from"styled-components";import{jsx as Eo}from"react/jsx-runtime";var Sb=({level:e=1,text:t="",as:r,weight:n,margin:i})=>{let l=k(),a=()=>{if(r==="h1"||r==="h2"||r==="h3"||r==="h4"||r==="h5")return r};return Eo(wb,{theme:l.heading,children:Eo(Ib,{margin:i,children:e===1?Eo(Bb,{as:a(),weight:n,children:t}):e===2?Eo(Pb,{as:a(),weight:n,children:t}):e===3?Eo(Lb,{as:a(),weight:n,children:t}):e===4?Eo(Db,{as:a(),weight:n,children:t}):Eo(zb,{as:a(),weight:n,children:t})})})},Ib=lt.div`
|
|
2780
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
2781
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
2782
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
2783
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
2784
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
2785
|
+
`,Bb=lt.h1`
|
|
2786
|
+
font-family: ${e=>e.theme.level1FontFamily};
|
|
2787
|
+
font-style: ${e=>e.theme.level1FontStyle};
|
|
2788
|
+
font-size: ${e=>e.theme.level1FontSize};
|
|
2789
|
+
line-height: ${e=>e.theme.level1LineHeight};
|
|
2790
|
+
font-weight: ${e=>e.weight==="normal"?"400":e.weight==="light"?"300":e.weight==="bold"?"600":e.theme.level1FontWeight};
|
|
2791
|
+
letter-spacing: ${e=>e.theme.level1LetterSpacing};
|
|
2792
|
+
color: ${e=>e.theme.level1FontColor};
|
|
2793
|
+
margin: 0;
|
|
2794
|
+
`,Pb=lt.h2`
|
|
2795
|
+
font-family: ${e=>e.theme.level2FontFamily};
|
|
2796
|
+
font-style: ${e=>e.theme.level2FontStyle};
|
|
2797
|
+
font-size: ${e=>e.theme.level2FontSize};
|
|
2798
|
+
line-height: ${e=>e.theme.level2LineHeight};
|
|
2799
|
+
font-weight: ${e=>e.weight==="normal"?"400":e.weight==="light"?"300":e.weight==="bold"?"600":e.theme.level2FontWeight};
|
|
2800
|
+
letter-spacing: ${e=>e.theme.level2LetterSpacing};
|
|
2801
|
+
color: ${e=>e.theme.level2FontColor};
|
|
2802
|
+
margin: 0;
|
|
2803
|
+
`,Lb=lt.h3`
|
|
2804
|
+
font-family: ${e=>e.theme.level3FontFamily};
|
|
2805
|
+
font-style: ${e=>e.theme.level3FontStyle};
|
|
2806
|
+
font-size: ${e=>e.theme.level3FontSize};
|
|
2807
|
+
line-height: ${e=>e.theme.level3LineHeight};
|
|
2808
|
+
font-weight: ${e=>e.weight==="normal"?"400":e.weight==="light"?"300":e.weight==="bold"?"600":e.theme.level3FontWeight};
|
|
2809
|
+
letter-spacing: ${e=>e.theme.level3LetterSpacing};
|
|
2810
|
+
color: ${e=>e.theme.level3FontColor};
|
|
2811
|
+
margin: 0;
|
|
2812
|
+
`,Db=lt.h4`
|
|
2813
|
+
font-family: ${e=>e.theme.level4FontFamily};
|
|
2814
|
+
font-style: ${e=>e.theme.level4FontStyle};
|
|
2815
|
+
font-size: ${e=>e.theme.level4FontSize};
|
|
2816
|
+
line-height: ${e=>e.theme.level4LineHeight};
|
|
2817
|
+
font-weight: ${e=>e.weight==="normal"?"400":e.weight==="light"?"300":e.weight==="bold"?"600":e.theme.level4FontWeight};
|
|
2818
|
+
letter-spacing: ${e=>e.theme.level4LetterSpacing};
|
|
2819
|
+
color: ${e=>e.theme.level4FontColor};
|
|
2820
|
+
margin: 0;
|
|
2821
|
+
`,zb=lt.h5`
|
|
2822
|
+
font-family: ${e=>e.theme.level5FontFamily};
|
|
2823
|
+
font-style: ${e=>e.theme.level5FontStyle};
|
|
2824
|
+
font-size: ${e=>e.theme.level5FontSize};
|
|
2825
|
+
line-height: ${e=>e.theme.level5LineHeight};
|
|
2826
|
+
font-weight: ${e=>e.weight==="normal"?"400":e.weight==="light"?"300":e.weight==="bold"?"600":e.theme.level5FontWeight};
|
|
2827
|
+
letter-spacing: ${e=>e.theme.level5LetterSpacing};
|
|
2828
|
+
color: ${e=>e.theme.level5FontColor};
|
|
2829
|
+
margin: 0;
|
|
2830
|
+
`,kn=Sb;import Ab,{ThemeProvider as Rb}from"styled-components";import{Fragment as Ob,jsx as Wt,jsxs as Gb}from"react/jsx-runtime";var Hb=({condition:e,wrapper:t,children:r})=>Wt(Ob,{children:e?t(r):r}),Mb=({alt:e,caption:t,lazyLoading:r=!1,src:n,srcSet:i,sizes:l,width:a,height:c,objectFit:d,objectPosition:s,onLoad:m,onError:g})=>{let u=k();return Wt(Rb,{theme:u.image,children:Wt(Hb,{condition:t!=null,wrapper:h=>Gb(Eb,{children:[h,Wt($e,{as:"figcaption",color:u.image.captionFontColor,fontFamily:u.image.captionFontFamily,fontSize:u.image.captionFontSize,fontStyle:u.image.captionFontStyle,fontWeight:u.image.captionFontWeight,lineHeight:u.image.captionLineHeight,children:t})]}),children:Wt("img",{alt:e,loading:r?"lazy":void 0,onLoad:m,onError:g,src:n,srcSet:i,sizes:l,style:{objectFit:d,objectPosition:s,width:a,height:c}})})})},Eb=Ab.figure`
|
|
2831
|
+
display: flex;
|
|
2832
|
+
flex-direction: column;
|
|
2833
|
+
gap: 1rem;
|
|
2834
|
+
width: fit-content;
|
|
2835
|
+
margin: 0;
|
|
2836
|
+
padding: 0;
|
|
2837
|
+
`,Wb=Mb;import Nb from"styled-components";import{jsx as Xb}from"react/jsx-runtime";var Pr=e=>e||"0rem",Vb=Nb.div`
|
|
2838
|
+
${({space:e,horizontal:t,vertical:r,top:n,right:i,bottom:l,left:a})=>`
|
|
2839
|
+
padding: ${Pr(n||r||e)} ${Pr(i||t||e)}
|
|
2840
|
+
${Pr(l||r||e)} ${Pr(a||t||e)};
|
|
2841
|
+
`}
|
|
2842
|
+
`,jb=({space:e,horizontal:t,vertical:r,top:n,right:i,bottom:l,left:a,children:c})=>Xb(Vb,{space:e,horizontal:t,vertical:r,top:n,right:i,bottom:l,left:a,children:c}),Zo=jb;import{forwardRef as Jb}from"react";import Fn,{ThemeProvider as Kb}from"styled-components";import{jsx as Lr,jsxs as e0}from"react/jsx-runtime";var Ub=Fn.a`
|
|
2843
|
+
all: unset;
|
|
2844
|
+
display: inline-flex;
|
|
2845
|
+
align-items: baseline;
|
|
2846
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
2847
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
2848
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
2849
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
2850
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
2851
|
+
background: none;
|
|
2852
|
+
border: none;
|
|
2853
|
+
border-radius: 4px;
|
|
2854
|
+
width: fit-content;
|
|
2855
|
+
${e=>`padding-bottom: ${e.theme.underlineSpacing};`}
|
|
2856
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
2857
|
+
font-size: ${e=>e.theme.fontSize};
|
|
2858
|
+
font-style: ${e=>e.theme.fontStyle};
|
|
2859
|
+
font-weight: ${e=>e.theme.fontWeight};
|
|
2860
|
+
line-height: ${o.type_leading_compact_02};
|
|
2861
|
+
text-decoration: none;
|
|
2862
|
+
color: ${e=>e.inheritColor?"inherit":e.disabled?e.theme.disabledFontColor:e.theme.fontColor};
|
|
2863
|
+
${e=>e.disabled?"cursor: default;":"cursor: pointer;"}
|
|
2864
|
+
${e=>e.disabled?"pointer-events: none;":""}
|
|
2865
|
+
|
|
2866
|
+
&:visited {
|
|
2867
|
+
color: ${e=>!e.inheritColor&&!e.disabled?e.theme.visitedFontColor:""};
|
|
2868
|
+
& > span:hover {
|
|
2869
|
+
${e=>`color: ${e.theme.visitedFontColor};
|
|
2870
|
+
border-bottom-color: ${e.theme.visitedUnderlineColor};`}
|
|
2871
|
+
}
|
|
2872
|
+
}
|
|
2873
|
+
&:focus {
|
|
2874
|
+
outline: 2px solid ${e=>e.theme.focusColor};
|
|
2875
|
+
outline-offset: 2px;
|
|
2876
|
+
${e=>e.disabled&&"outline: none"}
|
|
2877
|
+
}
|
|
2878
|
+
`,Yb=Fn.span`
|
|
2879
|
+
${e=>`border-bottom: ${e.theme.underlineThickness} ${e.theme.underlineStyle} transparent;`}
|
|
2880
|
+
display: inline-flex;
|
|
2881
|
+
align-items: center;
|
|
2882
|
+
${e=>e.iconPosition==="before"?"flex-direction: row-reverse;":""}
|
|
2883
|
+
gap: ${e=>e.theme.iconSpacing};
|
|
2884
|
+
|
|
2885
|
+
&:hover {
|
|
2886
|
+
${e=>`color: ${e.theme.hoverFontColor};
|
|
2887
|
+
cursor: pointer;
|
|
2888
|
+
border-bottom-color: ${e.theme.hoverUnderlineColor};`}
|
|
2889
|
+
}
|
|
2890
|
+
&:active {
|
|
2891
|
+
${e=>`color: ${e.theme.activeFontColor} !important;
|
|
2892
|
+
border-bottom-color: ${e.theme.activeUnderlineColor} !important;`}
|
|
2893
|
+
}
|
|
2894
|
+
`,Zb=Fn.div`
|
|
2895
|
+
display: flex;
|
|
2896
|
+
font-size: ${e=>e.theme.iconSize};
|
|
2897
|
+
svg {
|
|
2898
|
+
width: ${e=>e.theme.iconSize};
|
|
2899
|
+
height: ${e=>e.theme.iconSize};
|
|
2900
|
+
}
|
|
2901
|
+
`,qb=Jb(({inheritColor:e=!1,disabled:t=!1,icon:r,iconPosition:n="before",href:i="",newWindow:l=!1,onClick:a,margin:c,tabIndex:d=0,children:s,...m},g)=>{let u=k();return Lr(Kb,{theme:u.link,children:Lr(Ub,{as:a&&!i?"button":"a",tabIndex:d,onClick:t?void 0:a,href:!t&&i?i:void 0,target:i?l?"_blank":"_self":void 0,disabled:t,inheritColor:e,margin:c,ref:g,...m,children:e0(Yb,{iconPosition:n,inheritColor:e,children:[s,r&&Lr(Zb,{children:typeof r=="string"?Lr($,{icon:r}):r})]})})})}),Qb=qb;import{Children as s0,useEffect as m0,useMemo as g0,useRef as p0,useState as $a}from"react";import va,{ThemeProvider as u0}from"styled-components";import{createContext as o0}from"react";var Dr=o0(null);import{forwardRef as t0,useContext as r0,useEffect as n0,useRef as i0}from"react";import wn from"styled-components";import{jsx as Ot,jsxs as xa}from"react/jsx-runtime";var l0=t0(({href:e,active:t=!1,icon:r,disabled:n=!1,notificationNumber:i=!1,children:l,...a},c)=>{let d=i0(),s=k(),{iconPosition:m,tabIndex:g,focusedLabel:u}=r0(Dr);n0(()=>{u===l.toString()&&d?.current?.focus()},[u]);let h=y=>{switch(y.key){case" ":case"Enter":y.preventDefault(),d?.current?.click();break}};return Ot(a0,{active:t,children:xa(c0,{href:n?void 0:e,disabled:n,active:t,iconPosition:m,hasIcon:r!=null,ref:y=>{d.current=y,c&&(typeof c=="function"?c(y):c.current=y)},onKeyDown:h,tabIndex:t?g:-1,role:"tab","aria-selected":t,"aria-disabled":n,...a,children:[r&&Ot(d0,{iconPosition:m,active:t,disabled:n,children:typeof r=="string"?Ot($,{icon:r}):r}),xa(te,{alignItems:"center",gap:"0.5rem",children:[Ot($e,{color:n?s.navTabs.disabledFontColor:t?s.navTabs.selectedFontColor:s.navTabs.unselectedFontColor,fontFamily:s.navTabs.fontFamily,fontSize:s.navTabs.fontSize,fontStyle:s.navTabs.fontStyle,fontWeight:s.navTabs.fontWeight,textAlign:"center",letterSpacing:"0.025em",lineHeight:"1.715em",children:l}),i&&!n&&Ot(Do,{mode:"notification",size:"small",label:typeof i=="number"&&i})]})]})})}),a0=wn.div`
|
|
2902
|
+
align-items: stretch;
|
|
2903
|
+
border-bottom: 2px solid ${e=>e.active?e.theme.selectedUnderlineColor:"transparent"};
|
|
2904
|
+
padding: 0.5rem;
|
|
2905
|
+
`,c0=wn.a`
|
|
2906
|
+
box-sizing: border-box;
|
|
2907
|
+
display: flex;
|
|
2908
|
+
flex-direction: ${e=>e.hasIcon&&e.iconPosition==="top"?"column":"row"};
|
|
2909
|
+
justify-content: center;
|
|
2910
|
+
align-items: center;
|
|
2911
|
+
gap: ${e=>e.hasIcon&&e.iconPosition==="top"?"0.375rem":"0.625rem"};
|
|
2912
|
+
height: ${e=>e.hasIcon&&e.iconPosition==="top"?"78px":"100%"};
|
|
2913
|
+
min-width: 176px;
|
|
2914
|
+
min-height: 44px;
|
|
2915
|
+
padding: 0.375rem;
|
|
2916
|
+
border-radius: 4px;
|
|
2917
|
+
background: ${e=>e.active?e.theme.selectedBackgroundColor:e.theme.unselectedBackgroundColor};
|
|
2918
|
+
text-decoration-color: transparent;
|
|
2919
|
+
text-decoration-line: none;
|
|
2920
|
+
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
2921
|
+
|
|
2922
|
+
${e=>!e.disabled&&`
|
|
2923
|
+
:hover {
|
|
2924
|
+
background: ${e.theme.hoverBackgroundColor};
|
|
2925
|
+
}
|
|
2926
|
+
:focus {
|
|
2927
|
+
outline: 2px solid ${e.theme.focusOutline};
|
|
2928
|
+
}
|
|
2929
|
+
:active {
|
|
2930
|
+
background: ${e.theme.pressedBackgroundColor};
|
|
2931
|
+
outline: 2px solid #33aaff};
|
|
2932
|
+
}
|
|
2933
|
+
`}
|
|
2934
|
+
`,d0=wn.div`
|
|
2935
|
+
display: flex;
|
|
2936
|
+
font-size: 24px;
|
|
2937
|
+
color: ${e=>e.active?e.theme.selectedIconColor:e.disabled?e.theme.disabledIconColor:e.theme.unselectedIconColor};
|
|
2938
|
+
svg {
|
|
2939
|
+
height: 24px;
|
|
2940
|
+
width: 24px;
|
|
2941
|
+
}
|
|
2942
|
+
`,_a=l0;import{jsx as Sn,jsxs as x0}from"react/jsx-runtime";var zr=(e,t)=>e.props?e.props[t]?e.props[t]:e.props.children?zr(e.props.children,t):void 0:void 0,In=e=>{if(typeof e=="string")return e.toString();if(e.props.children)return Array.isArray(e.props.children)?In(e.props.children[0]):In(e.props.children)},h0=(e,t)=>{let r=t===0?e.length-1:t-1;for(;zr(e[r],"disabled");)r=r===0?e.length-1:r-1;return r},f0=(e,t)=>{let r=t===e.length-1?0:t+1;for(;zr(e[r],"disabled");)r=r===e.length-1?0:r+1;return r},Ta=({iconPosition:e="top",tabIndex:t=0,children:r})=>{let[n,i]=$a(null),[l,a]=$a(null),c=p0(null),d=k();m0(()=>{a(c?.current?.scrollWidth)},[r]);let s=g0(()=>({iconPosition:e,tabIndex:t,focusedLabel:n===null?void 0:In(r[n])}),[e,t,n]),m=g=>{let u=s0.toArray(r).findIndex(h=>zr(h,"active"));switch(g.key){case"Left":case"ArrowLeft":g.preventDefault(),i(h0(r,n===null?u:n));break;case"Right":case"ArrowRight":g.preventDefault(),i(f0(r,n===null?u:n));break}};return Sn(u0,{theme:d.navTabs,children:x0(y0,{onKeyDown:m,ref:c,role:"tablist","aria-label":"Navigation tabs",children:[Sn(Dr.Provider,{value:s,children:r}),Sn(b0,{underlineWidth:l})]})})},b0=va.div`
|
|
2943
|
+
position: absolute;
|
|
2944
|
+
bottom: 0;
|
|
2945
|
+
left: 0;
|
|
2946
|
+
height: 2px;
|
|
2947
|
+
background-color: ${e=>e.theme.dividerColor};
|
|
2948
|
+
z-index: -1;
|
|
2949
|
+
width: ${e=>e.underlineWidth}px;
|
|
2950
|
+
`;Ta.Tab=_a;var y0=va.div`
|
|
2951
|
+
display: flex;
|
|
2952
|
+
position: relative;
|
|
2953
|
+
overflow: auto;
|
|
2954
|
+
z-index: 0;
|
|
2955
|
+
`,C0=Ta;import{forwardRef as _0,useEffect as $0,useRef as v0}from"react";import T0 from"styled-components";import{jsx as Bn}from"react/jsx-runtime";var k0=_0(({label:e,name:t,defaultValue:r,value:n,helperText:i,placeholder:l,disabled:a,optional:c,readOnly:d,prefix:s,suffix:m,min:g,max:u,step:h=1,onChange:y,onBlur:v,error:f,autocomplete:_,margin:x,size:b,tabIndex:L},B)=>{let I=v0(null);return $0(()=>{let H=I.current?.getElementsByTagName("input")[0],R=F=>{F.preventDefault()};return H?.addEventListener("wheel",R,{passive:!1}),()=>{H?.removeEventListener("wheel",R)}},[]),Bn(Fr.Provider,{value:{typeNumber:"number",minNumber:g,maxNumber:u,stepNumber:h},children:Bn(F0,{ref:I,size:b,children:Bn(mo,{label:e,name:t,defaultValue:r,value:n,helperText:i,placeholder:l,disabled:a,optional:c,readOnly:d,prefix:s,suffix:m,error:f,onChange:y,onBlur:v,autocomplete:_,margin:x,size:b,tabIndex:L,ref:B})})})}),F0=T0.div`
|
|
2956
|
+
${e=>e.size=="fillParent"&&"width: 100%;"}
|
|
2957
|
+
// Chrome, Safari, Edge, Opera
|
|
2958
|
+
input::-webkit-outer-spin-button,
|
|
2959
|
+
input::-webkit-inner-spin-button {
|
|
2960
|
+
-webkit-appearance: none;
|
|
2961
|
+
margin: 0;
|
|
2962
|
+
}
|
|
2963
|
+
|
|
2964
|
+
// Firefox
|
|
2965
|
+
input[type="number"] {
|
|
2966
|
+
-moz-appearance: textfield;
|
|
2967
|
+
}
|
|
2968
|
+
`,w0=k0;import{jsx as B0}from"react/jsx-runtime";var S0=({children:e})=>{let t=k();return B0($e,{as:"p",display:t.paragraph.display,fontSize:t.paragraph.fontSize,fontWeight:t.paragraph.fontWeight,color:t.paragraph.fontColor,children:e})},I0=S0;import{forwardRef as P0,useEffect as L0,useRef as D0,useState as z0}from"react";import A0 from"styled-components";import{jsx as wa}from"react/jsx-runtime";var ka=(e,t)=>{t?.getElementsByTagName("input")[0].setAttribute("type",e)},Fa=(e,t,r)=>{let n=r?.getElementsByTagName("button")[0];n?.setAttribute("aria-expanded",e),n?.setAttribute("aria-label",t)},R0=P0(({label:e,name:t="",value:r,helperText:n,clearable:i=!1,onChange:l,onBlur:a,error:c,pattern:d,minLength:s,maxLength:m,autocomplete:g="off",margin:u,size:h="medium",tabIndex:y=0},v)=>{let[f,_]=z0(!1),x=D0(null),{passwordInput:b}=X();return L0(()=>{f?(ka("text",x.current),Fa("true",b.inputHidePasswordTitle,x.current)):(ka("password",x.current),Fa("false",b.inputShowPasswordTitle,x.current))},[f,b]),wa(H0,{ref:v,role:"group",size:h,children:wa(mo,{label:e,name:t,value:r,helperText:n,action:{onClick:()=>{_(L=>!L)},icon:f?"Visibility_Off":"Visibility",title:f?b.inputHidePasswordTitle:b.inputShowPasswordTitle},error:c,clearable:i,onChange:l,onBlur:a,margin:u,size:h,pattern:d,minLength:s,maxLength:m,autocomplete:g,ref:x,tabIndex:y})})}),H0=A0.div`
|
|
2969
|
+
${e=>e.size=="fillParent"&&"width: 100%;"}
|
|
2970
|
+
& ::-ms-reveal {
|
|
2971
|
+
display: none;
|
|
2972
|
+
}
|
|
2973
|
+
`,M0=R0;import{useEffect as E0,useState as W0}from"react";import ko,{ThemeProvider as O0}from"styled-components";import{jsx as at,jsxs as Pn}from"react/jsx-runtime";var G0=({label:e="",helperText:t="",overlay:r=!1,value:n,showValue:i=!1,margin:l})=>{let a=k(),[c,d]=W0(0);return E0(()=>{d(n==null||n<0?0:n>=0&&n<=100?n:100)},[n]),at(O0,{theme:a.progressBar,children:at(N0,{overlay:r,children:Pn(V0,{overlay:r,margin:l,children:[Pn(j0,{children:[at(X0,{overlay:r,children:e}),Pn(J0,{overlay:r,showValue:i,value:c,children:[c," %"]})]}),at(U0,{role:"progressbar",helperText:t,"aria-valuenow":i?c:void 0,"aria-valuemin":0,"aria-valuemax":100,"aria-label":e||"Progress Bar",children:at(Y0,{variant:n==null?"indeterminate":"determinate",container:"first",value:c})}),t&&at(K0,{overlay:r,children:t})]})})})},N0=ko.div`
|
|
2974
|
+
${({overlay:e,theme:t})=>e?`background-color: ${t.overlayColor};
|
|
2975
|
+
width: 100%;
|
|
2976
|
+
justify-content: center;
|
|
2977
|
+
height: 100vh;
|
|
2978
|
+
align-items: center;
|
|
2979
|
+
max-width: 100%;
|
|
2980
|
+
position: fixed;
|
|
2981
|
+
top: 0;
|
|
2982
|
+
bottom: 0;
|
|
2983
|
+
left: 0;
|
|
2984
|
+
right: 0;
|
|
2985
|
+
z-index: 1300;`:'background-color: "transparent";'}
|
|
2986
|
+
display: flex;
|
|
2987
|
+
flex-wrap: wrap;
|
|
2988
|
+
min-width: 100px;
|
|
2989
|
+
width: 100%;
|
|
2990
|
+
`,V0=ko.div`
|
|
2991
|
+
z-index: ${e=>e.overlay===!0&&"100"||"0"};
|
|
2992
|
+
width: ${e=>e.overlay===!0?"80%":"100%"};
|
|
2993
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
2994
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
2995
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
2996
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
2997
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
2998
|
+
`,j0=ko.div`
|
|
2999
|
+
display: flex;
|
|
3000
|
+
flex-direction: row;
|
|
3001
|
+
width: 685px;
|
|
3002
|
+
flex-wrap: wrap;
|
|
3003
|
+
width: 100%;
|
|
3004
|
+
margin-bottom: 8px;
|
|
3005
|
+
align-items: baseline;
|
|
3006
|
+
justify-content: space-between;
|
|
3007
|
+
`,X0=ko.div`
|
|
3008
|
+
font-family: ${e=>e.theme.labelFontFamily};
|
|
3009
|
+
font-style: ${e=>e.theme.labelFontStyle};
|
|
3010
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
3011
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
3012
|
+
text-transform: ${e=>e.theme.labelFontTextTransform};
|
|
3013
|
+
color: ${e=>e.overlay===!0?e.theme.overlayFontColor:e.theme.labelFontColor};
|
|
3014
|
+
overflow: hidden;
|
|
3015
|
+
text-overflow: ellipsis;
|
|
3016
|
+
white-space: nowrap;
|
|
3017
|
+
text-overflow: ellipsis;
|
|
3018
|
+
`,J0=ko.div`
|
|
3019
|
+
font-family: ${e=>e.theme.valueFontFamily};
|
|
3020
|
+
font-style: ${e=>e.theme.valueFontStyle};
|
|
3021
|
+
font-size: ${e=>e.theme.valueFontSize};
|
|
3022
|
+
font-weight: ${e=>e.theme.valueFontWeight};
|
|
3023
|
+
text-transform: ${e=>e.theme.valueFontTextTransform};
|
|
3024
|
+
color: ${e=>e.overlay===!0?e.theme.overlayFontColor:e.theme.valueFontColor};
|
|
3025
|
+
display: ${e=>e.value!==void 0&&e.value!==null&&e.showValue===!0&&"block"||"none"};
|
|
3026
|
+
flex-shrink: 0;
|
|
3027
|
+
`,K0=ko.span`
|
|
3028
|
+
color: ${e=>e.overlay===!0?e.theme.overlayFontColor:e.theme.helperTextFontColor};
|
|
3029
|
+
font-family: ${e=>e.theme.helperTextFontFamily};
|
|
3030
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
3031
|
+
font-style: ${e=>e.theme.helperTextFontStyle};
|
|
3032
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
3033
|
+
line-height: 1.5em;
|
|
3034
|
+
`,U0=ko.div`
|
|
3035
|
+
height: ${e=>e.theme.thickness};
|
|
3036
|
+
background-color: ${e=>e.theme.totalLineColor};
|
|
3037
|
+
border-radius: ${e=>e.theme.borderRadius};
|
|
3038
|
+
margin-bottom: ${e=>e.helperText!==""&&"8px"};
|
|
3039
|
+
overflow: hidden;
|
|
3040
|
+
position: relative;
|
|
3041
|
+
`,Y0=ko.span`
|
|
3042
|
+
background-color: ${e=>e.theme.trackLineColor};
|
|
3043
|
+
transform: ${e=>`translateX(-${e.variant==="determinate"?100-e.value:0}%)`};
|
|
3044
|
+
top: 0;
|
|
3045
|
+
left: 0;
|
|
3046
|
+
width: 100%;
|
|
3047
|
+
bottom: 0;
|
|
3048
|
+
position: absolute;
|
|
3049
|
+
transition: ${e=>e.variant==="determinate"?"transform .4s linear":"transform 0.2s linear"};
|
|
3050
|
+
transform-origin: left;
|
|
3051
|
+
${e=>e.variant==="indeterminate"&&"width: auto;"};
|
|
3052
|
+
${e=>e.variant==="indeterminate"?e.container==="first"?"animation: keyframes-indeterminate-first 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;":"animation: keyframes-indeterminate-second 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;":""};
|
|
3053
|
+
|
|
3054
|
+
@keyframes keyframes-indeterminate-first {
|
|
3055
|
+
0% {
|
|
3056
|
+
left: -35%;
|
|
3057
|
+
right: 100%;
|
|
3058
|
+
}
|
|
3059
|
+
60% {
|
|
3060
|
+
left: 100%;
|
|
3061
|
+
right: -90%;
|
|
3062
|
+
}
|
|
3063
|
+
100% {
|
|
3064
|
+
left: 100%;
|
|
3065
|
+
right: -90%;
|
|
3066
|
+
}
|
|
3067
|
+
}
|
|
3068
|
+
|
|
3069
|
+
@keyframes keyframes-indeterminate-second {
|
|
3070
|
+
0% {
|
|
3071
|
+
left: -200%;
|
|
3072
|
+
right: 100%;
|
|
3073
|
+
}
|
|
3074
|
+
60% {
|
|
3075
|
+
left: 107%;
|
|
3076
|
+
right: -8%;
|
|
3077
|
+
}
|
|
3078
|
+
100% {
|
|
3079
|
+
left: 107%;
|
|
3080
|
+
right: -8%;
|
|
3081
|
+
}
|
|
3082
|
+
}
|
|
3083
|
+
`,Z0=G0;import Ln from"slugify";import Ar,{ThemeProvider as q0}from"styled-components";import{jsx as ze,jsxs as Ia}from"react/jsx-runtime";var Q0=({title:e,links:t})=>{let r=X(),n=k();return ze(q0,{theme:n.quickNav,children:ze(ey,{children:Ia(te,{direction:"column",gap:"0.5rem",children:[ze(kn,{level:4,text:e||r.quickNav.contentTitle}),ze(oy,{children:t.map(i=>ze("li",{children:ze(Zo,{space:"0.25rem",children:Ia(zo,{children:[ze(Sa,{href:`#${Ln(i?.label,{lower:!0})}`,children:i?.label}),ze(ty,{children:i.links?.map(l=>ze("li",{children:ze(Zo,{horizontal:"0.5rem",children:ze(zo,{children:ze(Sa,{href:`#${Ln(i?.label,{lower:!0})}-${Ln(l?.label,{lower:!0})}`,children:l?.label})})})},l.label))})]})})},i.label))})]})})})},ey=Ar.div`
|
|
3084
|
+
padding-top: ${e=>e.theme.paddingTop};
|
|
3085
|
+
padding-bottom: ${e=>e.theme.paddingBottom};
|
|
3086
|
+
padding-left: ${e=>e.theme.paddingLeft};
|
|
3087
|
+
padding-right: ${e=>e.theme.paddingRight};
|
|
3088
|
+
border-left: 2px solid ${e=>e.theme.dividerBorderColor};
|
|
3089
|
+
`,oy=Ar.ul`
|
|
3090
|
+
display: flex;
|
|
3091
|
+
flex-direction: column;
|
|
3092
|
+
gap: 0.5rem;
|
|
3093
|
+
margin: 0;
|
|
3094
|
+
padding: 0;
|
|
3095
|
+
list-style-type: none;
|
|
3096
|
+
`,ty=Ar.ul`
|
|
3097
|
+
display: flex;
|
|
3098
|
+
flex-direction: column;
|
|
3099
|
+
margin: 0;
|
|
3100
|
+
padding: 0;
|
|
3101
|
+
list-style-type: none;
|
|
3102
|
+
`,Sa=Ar.a`
|
|
3103
|
+
text-decoration: none;
|
|
3104
|
+
font-size: ${e=>e.theme.fontSize};
|
|
3105
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
3106
|
+
font-style: ${e=>e.theme.fontStyle};
|
|
3107
|
+
font-weight: ${e=>e.theme.fontWeight};
|
|
3108
|
+
color: ${e=>e.theme.fontColor};
|
|
3109
|
+
display: block;
|
|
3110
|
+
text-overflow: ellipsis;
|
|
3111
|
+
white-space: nowrap;
|
|
3112
|
+
overflow: hidden;
|
|
3113
|
+
width: fit-content;
|
|
3114
|
+
max-width: 100%;
|
|
3115
|
+
|
|
3116
|
+
&:hover {
|
|
3117
|
+
color: ${e=>e.theme.hoverFontColor};
|
|
3118
|
+
}
|
|
3119
|
+
&:focus {
|
|
3120
|
+
outline-color: ${e=>e.theme.focusBorderColor};
|
|
3121
|
+
outline-style: ${e=>e.theme.focusBorderStyle};
|
|
3122
|
+
outline-width: ${e=>e.theme.focusBorderThickness};
|
|
3123
|
+
border-radius: ${e=>e.theme.focusBorderRadius};
|
|
3124
|
+
}
|
|
3125
|
+
`,ry=Q0;import{forwardRef as hy,useCallback as fy,useId as by,useMemo as yy,useState as An}from"react";import Wo,{ThemeProvider as Cy}from"styled-components";import{memo as ny,useEffect as iy,useId as ly,useRef as ay,useState as cy}from"react";import Gt,{ThemeProvider as dy}from"styled-components";import{jsx as ct,jsxs as uy}from"react/jsx-runtime";var sy=({label:e,checked:t,onClick:r,error:n,disabled:i,focused:l,readOnly:a,tabIndex:c})=>{let d=`radio-${ly()}`,s=ay(null),m=k(),g=()=>{r(),document.activeElement!==s?.current&&s?.current?.focus()},[u,h]=cy(!0);return iy(()=>{if(u){h(!1);return}l&&s?.current?.focus()},[l]),ct(dy,{theme:m.radioGroup,children:ct(te,{children:uy(py,{error:n,disabled:i,readOnly:a,onClick:i?void 0:g,children:[ct(my,{children:ct(Dn,{error:n,disabled:i,readOnly:a,role:"radio","aria-checked":t,"aria-disabled":i,"aria-labelledby":d,tabIndex:i?-1:l?c:-1,ref:s,children:t&&ct(zn,{disabled:i,readOnly:a,error:n})})}),ct(gy,{id:d,disabled:i,children:e})]})})})},dt=(e,t)=>{switch(t){case"enabled":return e.disabled?e.theme.disabledRadioInputColor:e.error?e.theme.errorRadioInputColor:e.readOnly?e.theme.readOnlyRadioInputColor:e.theme.radioInputColor;case"hover":return e.error?e.theme.hoverErrorRadioInputColor:e.readOnly?e.theme.hoverReadOnlyRadioInputColor:e.theme.hoverRadioInputColor;case"active":return e.error?e.theme.activeErrorRadioInputColor:e.readOnly?e.theme.activeReadOnlyRadioInputColor:e.theme.activeRadioInputColor}},my=Gt.span`
|
|
3126
|
+
display: flex;
|
|
3127
|
+
align-items: center;
|
|
3128
|
+
justify-content: center;
|
|
3129
|
+
height: 24px;
|
|
3130
|
+
width: 24px;
|
|
3131
|
+
`,Dn=Gt.span`
|
|
3132
|
+
box-sizing: border-box;
|
|
3133
|
+
display: flex;
|
|
3134
|
+
align-items: center;
|
|
3135
|
+
justify-content: center;
|
|
3136
|
+
width: 18px;
|
|
3137
|
+
height: 18px;
|
|
3138
|
+
border: 2px solid ${e=>dt(e,"enabled")};
|
|
3139
|
+
border-radius: 50%;
|
|
3140
|
+
|
|
3141
|
+
&:focus {
|
|
3142
|
+
outline: 2px solid ${e=>e.theme.focusBorderColor};
|
|
3143
|
+
outline-offset: 1px;
|
|
3144
|
+
}
|
|
3145
|
+
${e=>e.disabled&&"pointer-events: none;"}
|
|
3146
|
+
`,zn=Gt.span`
|
|
3147
|
+
height: 10px;
|
|
3148
|
+
width: 10px;
|
|
3149
|
+
border-radius: 50%;
|
|
3150
|
+
background-color: ${e=>dt(e,"enabled")};
|
|
3151
|
+
`,gy=Gt.span`
|
|
3152
|
+
margin-left: ${e=>e.theme.radioInputLabelMargin};
|
|
3153
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
3154
|
+
font-size: ${e=>e.theme.radioInputLabelFontSize};
|
|
3155
|
+
font-style: ${e=>e.theme.radioInputLabelFontStyle};
|
|
3156
|
+
font-weight: ${e=>e.theme.radioInputLabelFontWeight};
|
|
3157
|
+
line-height: ${e=>e.theme.radioInputLabelLineHeight};
|
|
3158
|
+
${e=>e.disabled?`color: ${e.theme.disabledRadioInputLabelFontColor};`:`color: ${e.theme.radioInputLabelFontColor}`}
|
|
3159
|
+
`,py=Gt.span`
|
|
3160
|
+
display: inline-flex;
|
|
3161
|
+
align-items: center;
|
|
3162
|
+
cursor: ${e=>e.disabled?"not-allowed":e.readOnly?"default":"pointer"};
|
|
3163
|
+
|
|
3164
|
+
&:hover {
|
|
3165
|
+
${Dn} {
|
|
3166
|
+
border-color: ${e=>!e.disabled&&dt(e,"hover")};
|
|
3167
|
+
}
|
|
3168
|
+
${zn} {
|
|
3169
|
+
background-color: ${e=>!e.disabled&&dt(e,"hover")};
|
|
3170
|
+
}
|
|
3171
|
+
}
|
|
3172
|
+
&:active {
|
|
3173
|
+
${Dn} {
|
|
3174
|
+
border-color: ${e=>!e.disabled&&dt(e,"active")};
|
|
3175
|
+
}
|
|
3176
|
+
${zn} {
|
|
3177
|
+
background-color: ${e=>!e.disabled&&dt(e,"active")};
|
|
3178
|
+
}
|
|
3179
|
+
}
|
|
3180
|
+
`,Ba=ny(sy);import{jsx as st,jsxs as Rn}from"react/jsx-runtime";var xy=(e,t)=>{let r=e.findIndex(n=>n.value===t);return r!==-1?r:0},_y=hy(({label:e,name:t,helperText:r,options:n,disabled:i=!1,optional:l=!1,optionalItemLabel:a,readOnly:c=!1,stacking:d="column",defaultValue:s,value:m,onChange:g,onBlur:u,error:h,tabIndex:y=0},v)=>{let f=`radio-group-${by()}`,_=`label-${f}`,x=`error-${f}`,[b,L]=An(s),[B,I]=An(!0),H=k(),R=X(),F=yy(()=>l?[...n,{label:a??R.radioGroup.optionalItemLabelDefault,value:"",disabled:i}]:n,[l,n,a,R]),[w,D]=An(xy(F,m??b)),O=fy(S=>{S!==(m??b)&&!c&&(m??L(S),g?.(S))},[m,b,g]),N=S=>{if(!S.currentTarget.contains(S.relatedTarget)){I(!0);let T=m??b;u?.(!l&&!T?{value:T,error:R.formFields.requiredSelectionErrorMessage}:{value:T})}},Z=()=>{B&&I(!1)},E=()=>{D(S=>{let T=S===0?F.length-1:S-1;for(;F[T].disabled;)T=T===0?F.length-1:T-1;return O(F[T].value),T})},z=()=>{D(S=>{let T=S===F.length-1?0:S+1;for(;F[T].disabled;)T=T===F.length-1?0:T+1;return O(F[T].value),T})},C=S=>{switch(S.key){case"Left":case"ArrowLeft":case"Up":case"ArrowUp":S.preventDefault(),E();break;case"Right":case"ArrowRight":case"Down":case"ArrowDown":S.preventDefault(),z();break;case" ":S.preventDefault(),O(F[w].value);break}};return st(Cy,{theme:H.radioGroup,children:Rn($y,{ref:v,children:[e&&Rn(vy,{id:_,helperText:r,disabled:i,children:[e,l&&st(Ty,{children:` ${R.formFields.optionalLabel}`})]}),r&&st(ky,{disabled:i,children:r}),Rn(Fy,{onBlur:N,onFocus:Z,onKeyDown:C,stacking:d,role:"radiogroup","aria-disabled":i,"aria-labelledby":_,"aria-invalid":!!h,"aria-errormessage":h?x:void 0,"aria-required":!i&&!c&&!l,"aria-readonly":c,"aria-orientation":d==="column"?"vertical":"horizontal",children:[st(wy,{name:t,disabled:i,value:m??b??"",readOnly:!0}),F.map((S,T)=>st(Ba,{label:S.label,checked:(m??b)===S.value,onClick:()=>{O(S.value),D(T)},error:h,disabled:S.disabled||i,focused:w===T,readOnly:c,tabIndex:y},`radio-${T}`))]}),!i&&typeof h=="string"&&st(Sy,{id:x,role:"alert","aria-live":h?"assertive":"off",children:h})]})})}),$y=Wo.div`
|
|
3181
|
+
box-sizing: border-box;
|
|
3182
|
+
display: inline-flex;
|
|
3183
|
+
flex-direction: column;
|
|
3184
|
+
`,vy=Wo.span`
|
|
3185
|
+
color: ${e=>e.disabled?e.theme.disabledLabelFontColor:e.theme.labelFontColor};
|
|
3186
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
3187
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
3188
|
+
font-style: ${e=>e.theme.labelFontStyle};
|
|
3189
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
3190
|
+
line-height: ${e=>e.theme.labelLineHeight};
|
|
3191
|
+
${e=>!e.helperText&&`margin-bottom: ${e.theme.groupLabelMargin}`}
|
|
3192
|
+
`,Ty=Wo.span`
|
|
3193
|
+
font-weight: ${e=>e.theme.optionalLabelFontWeight};
|
|
3194
|
+
`,ky=Wo.span`
|
|
3195
|
+
color: ${e=>e.disabled?e.theme.disabledHelperTextFontColor:e.theme.helperTextFontColor};
|
|
3196
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
3197
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
3198
|
+
font-style: ${e=>e.theme.helperTextFontStyle};
|
|
3199
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
3200
|
+
line-height: ${e=>e.theme.helperTextLineHeight};
|
|
3201
|
+
margin-bottom: ${e=>e.theme.groupLabelMargin};
|
|
3202
|
+
`,Fy=Wo.div`
|
|
3203
|
+
display: flex;
|
|
3204
|
+
flex-wrap: wrap;
|
|
3205
|
+
flex-direction: ${e=>e.stacking};
|
|
3206
|
+
row-gap: ${e=>e.theme.groupVerticalGutter};
|
|
3207
|
+
column-gap: ${e=>e.theme.groupHorizontalGutter};
|
|
3208
|
+
`,wy=Wo.input`
|
|
3209
|
+
display: none;
|
|
3210
|
+
`,Sy=Wo.span`
|
|
3211
|
+
min-height: 1.5em;
|
|
3212
|
+
color: ${e=>e.theme.errorMessageColor};
|
|
3213
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
3214
|
+
font-size: 0.75rem;
|
|
3215
|
+
font-weight: 400;
|
|
3216
|
+
line-height: 1.5em;
|
|
3217
|
+
margin-top: 0.5rem;
|
|
3218
|
+
`,Iy=_y;import{useEffect as Py,useMemo as Nt,useRef as Ly,useState as Mn}from"react";import Wn,{ThemeProvider as Dy}from"styled-components";import{jsx as mt,jsxs as Hn}from"react/jsx-runtime";var By={arrowUp:Hn("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24",fill:"currentColor",children:[mt("path",{d:"M0 0h24v24H0V0z",fill:"none"}),mt("path",{d:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"})]}),arrowDown:Hn("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24",fill:"currentColor",children:[mt("path",{d:"M0 0h24v24H0V0z",fill:"none"}),mt("path",{d:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"})]}),bothArrows:Hn("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24",fill:"currentColor",children:[mt("path",{d:"M0 0h24v24H0z",fill:"none"}),mt("path",{d:"M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"})]})},Rr=By;import{jsx as qe,jsxs as En}from"react/jsx-runtime";var Pa=e=>typeof e=="string"?e.toUpperCase():e,La=e=>e instanceof Date,zy=(e,t,r)=>r.slice().sort((n,i)=>{let l=Pa(n?.cells[e]?.sortValue||n?.cells[e]?.displayValue),a=Pa(i?.cells[e]?.sortValue||i?.cells[e]?.displayValue),c=0;return typeof l=="object"&&!La(l)?c=-1:typeof a=="object"&&!La(a)||l>a?c=1:l<a&&(c=-1),t==="descending"?c*-1:c}),Ay=(e,t,r)=>e===1?0:t*(r-1),Ry=(e,t,r,n)=>e+t>r.length?r.length:t*n-1,Hy=e=>e.length>0?e.map((t,r)=>({cells:t,id:`row_${r}`})):[],Da=({columns:e,rows:t,hidePaginator:r=!1,showGoToPage:n=!0,itemsPerPage:i=5,itemsPerPageOptions:l,itemsPerPageFunction:a,margin:c,tabIndex:d=0,mode:s="default"})=>{let m=k(),[g,u]=Mn(1),[h,y]=Mn(-1),[v,f]=Mn("ascending"),_=Ly(t.length),x=Nt(()=>Hy(t),[t]),b=Nt(()=>Ay(g,i,g),[i,g]),L=Nt(()=>Ry(b,i,t,g),[i,b,g,t]),B=Nt(()=>h!==-1?zy(h,v,x):x,[h,v,x]),I=Nt(()=>B&&B.slice(b,L+1),[B,b,L]),H=F=>{u(F)},R=F=>{u(1),y(F),f(h===-1||h!==F?"ascending":v==="ascending"?"descending":"ascending")};return Py(()=>{if(!r){if(t.length===0)u(0);else if(g===0)u(1);else if(t.length<_.current){let F=Math.ceil(t.length/i),w=Math.ceil(_.current/i);F<w&&u(Math.min(F,g))}_.current=t.length}},[t.length]),qe(Dy,{theme:m.table,children:En(Ey,{margin:c,children:[En(mn,{mode:s,children:[qe("thead",{children:qe("tr",{children:e.map((F,w)=>qe("th",{"aria-sort":F.isSortable?h===w?v:"none":void 0,children:En(Wy,{role:F.isSortable?"button":void 0,onClick:()=>{F.isSortable&&R(w)},tabIndex:F.isSortable?d:-1,isSortable:F.isSortable,mode:s,"aria-label":F.isSortable?"Sort column":void 0,children:[qe("span",{children:F.displayValue}),F.isSortable&&qe(Oy,{children:h===w?v==="ascending"?Rr.arrowUp:Rr.arrowDown:Rr.bothArrows})]},`headerContainer_${w}`)},`tableHeader_${w}`))})}),qe("tbody",{children:I.map(F=>qe("tr",{children:F.cells.map((w,D)=>qe("td",{children:w.displayValue},`resultSetTableCellContent_${D}`))},`resultSetTableCell_${F.id}`))})]}),!r&&qe(Lt,{totalItems:t.length,itemsPerPage:i,itemsPerPageOptions:l,itemsPerPageFunction:a,currentPage:g,showGoToPage:n,onPageChange:H,tabIndex:d})]})})},My=e=>`calc(100% - ${j(e,"left")} - ${j(e,"right")})`,Ey=Wn.div`
|
|
3219
|
+
width: ${e=>My(e.margin)};
|
|
3220
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
3221
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
3222
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
3223
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
3224
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
3225
|
+
`,Wy=Wn.span`
|
|
3226
|
+
display: flex;
|
|
3227
|
+
align-items: center;
|
|
3228
|
+
justify-content: ${e=>e.theme.headerTextAlign==="center"?"center":e.theme.headerTextAlign==="right"?"flex-end":"flex-start"};
|
|
3229
|
+
gap: ${o.spacing_8};
|
|
3230
|
+
width: fit-content;
|
|
3231
|
+
border: 1px solid transparent;
|
|
3232
|
+
border-radius: 2px;
|
|
3233
|
+
cursor: ${e=>e.isSortable?"pointer":"default"};
|
|
3234
|
+
|
|
3235
|
+
${e=>e.isSortable&&`&:focus {
|
|
3236
|
+
outline: #0095ff solid 2px;
|
|
3237
|
+
}`}
|
|
3238
|
+
`,Oy=Wn.span`
|
|
3239
|
+
display: flex;
|
|
3240
|
+
height: 14px;
|
|
3241
|
+
width: 14px;
|
|
3242
|
+
color: ${e=>e.theme.sortIconColor};
|
|
3243
|
+
|
|
3244
|
+
svg {
|
|
3245
|
+
height: 100%;
|
|
3246
|
+
width: 100%;
|
|
3247
|
+
}
|
|
3248
|
+
`;Da.ActionsCell=Dt;var Gy=Da;import{forwardRef as Ny,useId as Vy,useMemo as On,useState as za}from"react";import Ae,{ThemeProvider as jy}from"styled-components";import{jsx as Qe,jsxs as Gn}from"react/jsx-runtime";var Xy=Ny(({label:e="",name:t="",defaultValue:r,value:n,helperText:i="",minValue:l=0,maxValue:a=100,step:c=1,showLimitsValues:d=!1,showInput:s=!1,disabled:m=!1,marks:g=!1,onChange:u,onDragEnd:h,labelFormatCallback:y,margin:v,size:f="fillParent"},_)=>{let x=`label-${Vy()}`,[b,L]=za(r??0),[B,I]=za(!1),H=k(),R=navigator?.userAgent.indexOf("Firefox")!==-1,F=On(()=>y?y(l):l,[y,l]),w=On(()=>y?y(a):a,[y,a]),D=On(()=>{let z=Math.floor(a/c-l/c),C=a-l,S=[],T=0;if(g){for(;T<=z;)S.push(Qe(iC,{disabled:m,stepPosition:c*T/C,stepValue:(n??b)/a},`tickmark-${T}-${x}`)),T++;return S}else return null},[l,a,c,n,b]),O=z=>{let C=z.target.value;(C!==n||C!==b)&&L(C),u?.(C)},N=()=>{I(!0)},Z=z=>{B&&(I(!1),h?.(z.target.value))},E=z=>{let C=parseInt(z.value,10);n==null&&(Number.isNaN(C)||L(C>a?a:C)),Number.isNaN(C)||u?.(C>a?a:C)};return Qe(jy,{theme:H.slider,children:Gn(Yy,{margin:v,size:f,ref:_,children:[Qe(Zy,{id:x,disabled:m,children:e}),Qe(qy,{disabled:m,children:i}),Gn(eC,{children:[d&&Qe(oC,{disabled:m,children:F}),Gn(rC,{children:[Qe(Qy,{role:"slider",type:"range",value:n!=null&&n>=0?n:b,min:l,max:a,step:c,disabled:m,"aria-labelledby":x,"aria-orientation":"horizontal","aria-valuemax":a,"aria-valuemin":l,"aria-valuenow":n!=null&&n>=0?n:b,onChange:O,onMouseUp:Z,onMouseDown:N}),g&&Qe(nC,{isFirefox:R,children:D})]}),d&&Qe(tC,{disabled:m,step:c,children:w}),s&&Qe(lC,{children:Qe(mo,{name:t,value:n!=null&&n>=0?n.toString():b.toString(),disabled:m,onChange:E,size:"fillParent"})})]})]})})}),Aa={medium:"360px",large:"480px",fillParent:"100%"},Jy=(e,t)=>t==="fillParent"?`calc(${Aa[t]} - ${j(e,"left")} - ${j(e,"right")})`:Aa[t],Ky=()=>`
|
|
3249
|
+
width: 100%;
|
|
3250
|
+
margin-right: 4px;`,Uy=()=>`
|
|
3251
|
+
width: calc(100% - 16px);
|
|
3252
|
+
margin-right: 3px;`,Yy=Ae.div`
|
|
3253
|
+
display: flex;
|
|
3254
|
+
flex-direction: column;
|
|
3255
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
3256
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
3257
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
3258
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
3259
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
3260
|
+
width: ${e=>Jy(e.margin,e.size)};
|
|
3261
|
+
`,Zy=Ae.label`
|
|
3262
|
+
color: ${e=>e.disabled?e.theme.disabledLabelFontColor:e.theme.labelFontColor};
|
|
3263
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
3264
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
3265
|
+
font-style: ${e=>e.theme.labelFontStyle};
|
|
3266
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
3267
|
+
line-height: ${e=>e.theme.labelLineHeight};
|
|
3268
|
+
`,qy=Ae.span`
|
|
3269
|
+
color: ${e=>e.disabled?e.theme.disabledHelperTextFontColor:e.theme.helperTextFontColor};
|
|
3270
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
3271
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
3272
|
+
font-style: ${e=>e.theme.helperTextFontStyle};
|
|
3273
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
3274
|
+
line-height: ${e=>e.theme.helperTextLineHeight};
|
|
3275
|
+
`,Qy=Ae.input`
|
|
3276
|
+
width: 100%;
|
|
3277
|
+
min-width: 240px;
|
|
3278
|
+
height: ${e=>e.theme.trackLineThickness};
|
|
3279
|
+
display: inline-block;
|
|
3280
|
+
vertical-align: middle;
|
|
3281
|
+
-webkit-appearance: none;
|
|
3282
|
+
background-color: ${e=>e.disabled?e.theme.disabledTotalLineColor+"61":e.theme.totalLineColor};
|
|
3283
|
+
background-image: ${e=>e.disabled?`linear-gradient(${e.theme.disabledTrackLineColor}, ${e.theme.disabledTrackLineColor})`:`linear-gradient(${e.theme.trackLineColor}, ${e.theme.trackLineColor})`};
|
|
3284
|
+
background-repeat: no-repeat;
|
|
3285
|
+
background-size: ${e=>(e.value-e.min)*100/(e.max-e.min)+"% 100%"};
|
|
3286
|
+
border-radius: 5px;
|
|
3287
|
+
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
3288
|
+
&::-webkit-slider-runnable-track {
|
|
3289
|
+
-webkit-appearance: none;
|
|
3290
|
+
box-shadow: none;
|
|
3291
|
+
border: none;
|
|
3292
|
+
background: transparent;
|
|
3293
|
+
margin: 0px -8px;
|
|
3294
|
+
}
|
|
3295
|
+
|
|
3296
|
+
&::-webkit-slider-thumb {
|
|
3297
|
+
-webkit-appearance: none;
|
|
3298
|
+
border: none;
|
|
3299
|
+
height: ${e=>e.theme.thumbHeight};
|
|
3300
|
+
width: ${e=>e.theme.thumbWidth};
|
|
3301
|
+
border-radius: 25px;
|
|
3302
|
+
background: ${e=>e.disabled?e.theme.disabledThumbBackgroundColor:e.theme.thumbBackgroundColor};
|
|
3303
|
+
&:active {
|
|
3304
|
+
${e=>{if(!e.disabled)return`
|
|
3305
|
+
background: ${e.theme.activeThumbBackgroundColor};
|
|
3306
|
+
transform: scale(1.16667);`}}
|
|
3307
|
+
}
|
|
3308
|
+
&:hover {
|
|
3309
|
+
${e=>{if(!e.disabled)return`height: ${e.theme.hoverThumbHeight};
|
|
3310
|
+
width: ${e.theme.hoverThumbWidth};
|
|
3311
|
+
transform: scale(1.16667);
|
|
3312
|
+
transform-origin: center center;
|
|
3313
|
+
background: ${e.theme.hoverThumbBackgroundColor};`}}
|
|
3314
|
+
}
|
|
3315
|
+
}
|
|
3316
|
+
&::-moz-range-track {
|
|
3317
|
+
-webkit-appearance: none;
|
|
3318
|
+
box-shadow: none;
|
|
3319
|
+
border: none;
|
|
3320
|
+
background: transparent;
|
|
3321
|
+
}
|
|
3322
|
+
&::-moz-range-thumb {
|
|
3323
|
+
-webkit-appearance: none;
|
|
3324
|
+
border: none;
|
|
3325
|
+
height: ${e=>e.theme.thumbHeight};
|
|
3326
|
+
width: ${e=>e.theme.thumbWidth};
|
|
3327
|
+
border-radius: 25px;
|
|
3328
|
+
background: ${e=>e.disabled?e.theme.disabledThumbBackgroundColor:e.theme.thumbBackgroundColor};
|
|
3329
|
+
&:active {
|
|
3330
|
+
background: ${e=>e.theme.activeThumbBackgroundColor};
|
|
3331
|
+
transform: scale(1.16667);
|
|
3332
|
+
}
|
|
3333
|
+
&:hover {
|
|
3334
|
+
${e=>{if(!e.disabled)return`height: ${e.theme.hoverThumbHeight};
|
|
3335
|
+
width: ${e.theme.hoverThumbWidth};
|
|
3336
|
+
transform: scale(1.16667);
|
|
3337
|
+
transform-origin: center center;
|
|
3338
|
+
background: ${e.theme.hoverThumbBackgroundColor};`}}
|
|
3339
|
+
}
|
|
3340
|
+
}
|
|
3341
|
+
&:focus {
|
|
3342
|
+
outline: none;
|
|
3343
|
+
&::-webkit-slider-thumb {
|
|
3344
|
+
outline: ${e=>e.disabled?e.theme.disabledFocusColor:e.theme.focusColor} auto 1px;
|
|
3345
|
+
outline-offset: 2px;
|
|
3346
|
+
}
|
|
3347
|
+
&::-moz-range-thumb {
|
|
3348
|
+
outline: ${e=>e.disabled?e.theme.disabledFocusColor:e.theme.focusColor} auto 1px;
|
|
3349
|
+
outline-offset: 2px;
|
|
3350
|
+
}
|
|
3351
|
+
}
|
|
3352
|
+
`,eC=Ae.div`
|
|
3353
|
+
display: flex;
|
|
3354
|
+
height: 48px;
|
|
3355
|
+
align-items: center;
|
|
3356
|
+
`,Ra=Ae.span`
|
|
3357
|
+
color: ${e=>e.disabled?e.theme.disabledLimitValuesFontColor:e.theme.limitValuesFontColor};
|
|
3358
|
+
|
|
3359
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
3360
|
+
font-size: ${e=>e.theme.limitValuesFontSize};
|
|
3361
|
+
font-style: ${e=>e.theme.limitValuesFontStyle};
|
|
3362
|
+
font-weight: ${e=>e.theme.limitValuesFontWeight};
|
|
3363
|
+
letter-spacing: ${e=>e.theme.limitValuesFontLetterSpacing};
|
|
3364
|
+
white-space: nowrap;
|
|
3365
|
+
`,oC=Ae(Ra)`
|
|
3366
|
+
margin-right: ${e=>e.theme.floorLabelMarginRight};
|
|
3367
|
+
`,tC=Ae(Ra)`
|
|
3368
|
+
margin-left: ${e=>e.step===1?e.theme.ceilLabelMarginLeft:"1.25rem"};
|
|
3369
|
+
`,rC=Ae.div`
|
|
3370
|
+
position: relative;
|
|
3371
|
+
width: 100%;
|
|
3372
|
+
height: 24px;
|
|
3373
|
+
display: flex;
|
|
3374
|
+
align-items: center;
|
|
3375
|
+
justify-content: center;
|
|
3376
|
+
margin-right: -2px;
|
|
3377
|
+
padding-top: 1px;
|
|
3378
|
+
z-index: 0;
|
|
3379
|
+
`,nC=Ae.div`
|
|
3380
|
+
${e=>e.isFirefox?Uy():Ky()}
|
|
3381
|
+
position: absolute;
|
|
3382
|
+
pointer-events: none;
|
|
3383
|
+
height: 100%;
|
|
3384
|
+
display: flex;
|
|
3385
|
+
align-items: center;
|
|
3386
|
+
`,iC=Ae.span`
|
|
3387
|
+
position: absolute;
|
|
3388
|
+
background: ${e=>e.disabled?e.theme.disabledTickBackgroundColor:e.theme.tickBackgroundColor};
|
|
3389
|
+
height: ${e=>e.theme.tickHeight};
|
|
3390
|
+
width: ${e=>e.theme.tickWidth};
|
|
3391
|
+
border-radius: 18px;
|
|
3392
|
+
left: ${e=>`calc(${e.stepPosition} * 100%)`};
|
|
3393
|
+
z-index: ${e=>`${e.stepPosition<=e.stepValue?"-1":"0"}`};
|
|
3394
|
+
`,lC=Ae.div`
|
|
3395
|
+
margin-left: ${e=>e.theme.inputMarginLeft};
|
|
3396
|
+
max-width: 70px;
|
|
3397
|
+
`,aC=Xy;import{useId as cC,useMemo as dC}from"react";import Re,{ThemeProvider as sC}from"styled-components";import{jsx as Te,jsxs as Nn}from"react/jsx-runtime";var mC=({label:e,value:t,showValue:r=!1,mode:n="large",margin:i})=>{let l=cC(),a=k(),c=dC(()=>t>=0&&t<=100,[t]);return Te(sC,{theme:a.spinner,children:Te(gC,{margin:i,mode:n,children:Nn(pC,{mode:n,children:[n==="overlay"&&Te(uC,{}),Te(hC,{children:n==="small"?Te(Ma,{viewBox:"0 0 16 16",children:Te(Ea,{cx:"8",cy:"8",r:"6",mode:n})}):Te(Ma,{viewBox:"0 0 140 140",children:Te(Ea,{cx:"70",cy:"70",r:"65",mode:n})})}),Te(fC,{role:"progressbar","aria-valuenow":c&&r?t:void 0,"aria-valuemin":c?0:void 0,"aria-valuemax":c?100:void 0,"aria-labelledby":e&&n!=="small"?l:void 0,"aria-label":e?n==="small"?e:void 0:"Loading indicator",children:n==="small"?Te(Wa,{viewBox:"0 0 16 16",determinated:c,children:Te(Oa,{cx:"8",cy:"8",r:"6",mode:n,determinated:c,value:t})}):Te(Wa,{viewBox:"0 0 140 140",determinated:c,children:Te(Oa,{cx:"70",cy:"70",r:"65",mode:n,determinated:c,value:t})})}),n!=="small"&&Nn(bC,{children:[Te(yC,{id:l,mode:n,children:e}),(t||t===0)&&r&&Nn(CC,{value:t,mode:n,showValue:r,children:[t,"%"]})]})]})})})},Ha=(e,t)=>{let r=0;return e>=0&&e<=100&&(r=t*(1-e/100)),r},gC=Re.div`
|
|
3398
|
+
height: ${e=>e.mode==="overlay"?"100vh":""};
|
|
3399
|
+
width: ${e=>e.mode==="overlay"?"100vw":""};
|
|
3400
|
+
display: ${e=>e.mode==="overlay"?"flex":""};
|
|
3401
|
+
position: ${e=>e.mode==="overlay"?"fixed":""};
|
|
3402
|
+
top: ${e=>e.mode==="overlay"?0:""};
|
|
3403
|
+
left: ${e=>e.mode==="overlay"?0:""};
|
|
3404
|
+
justify-content: ${e=>e.mode==="overlay"?"center":""};
|
|
3405
|
+
align-items: ${e=>e.mode==="overlay"?"center":""};
|
|
3406
|
+
z-index: ${e=>e.mode==="overlay"?1300:""};
|
|
3407
|
+
|
|
3408
|
+
margin: ${e=>e.mode!="overlay"?e.margin&&typeof e.margin!="object"?p[e.margin]:"0px":""};
|
|
3409
|
+
margin-top: ${e=>e.mode!="overlay"&&e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
3410
|
+
margin-right: ${e=>e.mode!="overlay"&&e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
3411
|
+
margin-bottom: ${e=>e.mode!="overlay"&&e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
3412
|
+
margin-left: ${e=>e.mode!="overlay"&&e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
3413
|
+
`,pC=Re.div`
|
|
3414
|
+
align-items: center;
|
|
3415
|
+
display: flex;
|
|
3416
|
+
height: ${e=>e.mode==="small"?"16px":"140px"};
|
|
3417
|
+
width: ${e=>e.mode==="small"?"16px":"140px"};
|
|
3418
|
+
justify-content: center;
|
|
3419
|
+
position: relative;
|
|
3420
|
+
background-color: transparent;
|
|
3421
|
+
|
|
3422
|
+
@keyframes spinner-svg {
|
|
3423
|
+
0% {
|
|
3424
|
+
transform: rotateZ(0deg);
|
|
3425
|
+
}
|
|
3426
|
+
100% {
|
|
3427
|
+
transform: rotateZ(360deg);
|
|
3428
|
+
}
|
|
3429
|
+
}
|
|
3430
|
+
@keyframes svg-circle-large {
|
|
3431
|
+
0% {
|
|
3432
|
+
stroke-dashoffset: 400;
|
|
3433
|
+
transform: rotate(0);
|
|
3434
|
+
}
|
|
3435
|
+
|
|
3436
|
+
50% {
|
|
3437
|
+
stroke-dashoffset: 75;
|
|
3438
|
+
transform: rotate(45deg);
|
|
3439
|
+
}
|
|
3440
|
+
|
|
3441
|
+
100% {
|
|
3442
|
+
stroke-dashoffset: 400;
|
|
3443
|
+
transform: rotate(360deg);
|
|
3444
|
+
}
|
|
3445
|
+
}
|
|
3446
|
+
@keyframes svg-circle-small {
|
|
3447
|
+
0% {
|
|
3448
|
+
stroke-dashoffset: 35;
|
|
3449
|
+
transform: rotate(0);
|
|
3450
|
+
}
|
|
3451
|
+
|
|
3452
|
+
50% {
|
|
3453
|
+
stroke-dashoffset: 8;
|
|
3454
|
+
transform: rotate(45deg);
|
|
3455
|
+
}
|
|
3456
|
+
|
|
3457
|
+
100% {
|
|
3458
|
+
stroke-dashoffset: 35;
|
|
3459
|
+
transform: rotate(360deg);
|
|
3460
|
+
}
|
|
3461
|
+
}
|
|
3462
|
+
`,uC=Re.div`
|
|
3463
|
+
width: 100vw;
|
|
3464
|
+
height: 100vh;
|
|
3465
|
+
opacity: 1;
|
|
3466
|
+
transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
3467
|
+
position: fixed;
|
|
3468
|
+
top: 0;
|
|
3469
|
+
left: 0;
|
|
3470
|
+
background-color: ${e=>`${e.theme.overlayBackgroundColor}`};
|
|
3471
|
+
opacity: ${e=>`${e.theme.overlayOpacity}`};
|
|
3472
|
+
`,hC=Re.div`
|
|
3473
|
+
height: inherit;
|
|
3474
|
+
width: inherit;
|
|
3475
|
+
position: absolute;
|
|
3476
|
+
`,Ma=Re.svg`
|
|
3477
|
+
height: inherit;
|
|
3478
|
+
width: inherit;
|
|
3479
|
+
`,Ea=Re.circle`
|
|
3480
|
+
animation: none;
|
|
3481
|
+
fill: transparent;
|
|
3482
|
+
stroke: ${e=>`${e.theme.totalCircleColor}`};
|
|
3483
|
+
stroke-dasharray: ${e=>e.mode!=="small"?"409":"38"};
|
|
3484
|
+
stroke-linecap: initial;
|
|
3485
|
+
stroke-width: ${e=>e.mode!=="small"?"8.5px":"2px"};
|
|
3486
|
+
transform-origin: 50% 50%;
|
|
3487
|
+
vector-effect: non-scaling-stroke;
|
|
3488
|
+
`,fC=Re.div`
|
|
3489
|
+
height: inherit;
|
|
3490
|
+
width: inherit;
|
|
3491
|
+
position: relative;
|
|
3492
|
+
`,Wa=Re.svg`
|
|
3493
|
+
height: inherit;
|
|
3494
|
+
width: inherit;
|
|
3495
|
+
transform: rotate(-90deg);
|
|
3496
|
+
top: 0;
|
|
3497
|
+
left: 0;
|
|
3498
|
+
transform-origin: center;
|
|
3499
|
+
overflow: visible;
|
|
3500
|
+
animation: ${e=>e.determinated?"":"1.4s linear infinite both spinner-svg"};
|
|
3501
|
+
`,Oa=Re.circle`
|
|
3502
|
+
fill: transparent;
|
|
3503
|
+
stroke-linecap: initial;
|
|
3504
|
+
vector-effect: non-scaling-stroke;
|
|
3505
|
+
animation: ${e=>e.determinated?"none":e.mode!=="small"?"1.4s ease-in-out infinite both svg-circle-large":"1.4s ease-in-out infinite both svg-circle-small"};
|
|
3506
|
+
stroke: ${e=>e.mode==="overlay"?e.theme.trackCircleColorOverlay:e.theme.trackCircleColor};
|
|
3507
|
+
transform-origin: ${e=>e.determinated?"":"50% 50%"};
|
|
3508
|
+
stroke-dasharray: ${e=>e.mode!=="small"?"409":"38"};
|
|
3509
|
+
stroke-width: ${e=>e.mode!=="small"?"8.5px":"2px"};
|
|
3510
|
+
stroke-dashoffset: ${e=>e.determinated?e.mode!=="small"?Ha(e.value,409):Ha(e.value,38):""};
|
|
3511
|
+
`,bC=Re.div`
|
|
3512
|
+
position: absolute;
|
|
3513
|
+
margin: 0 auto;
|
|
3514
|
+
width: 110px;
|
|
3515
|
+
text-align: center;
|
|
3516
|
+
`,yC=Re.p`
|
|
3517
|
+
margin: 0;
|
|
3518
|
+
width: 100%;
|
|
3519
|
+
white-space: nowrap;
|
|
3520
|
+
overflow: hidden;
|
|
3521
|
+
text-overflow: ellipsis;
|
|
3522
|
+
font-family: ${e=>e.mode==="overlay"?e.theme.overlayLabelFontFamily:e.theme.labelFontFamily};
|
|
3523
|
+
font-weight: ${e=>e.mode==="overlay"?e.theme.overlayLabelFontWeight:e.theme.labelFontWeight};
|
|
3524
|
+
font-size: ${e=>e.mode==="overlay"?e.theme.overlayLabelFontSize:e.theme.labelFontSize};
|
|
3525
|
+
font-style: ${e=>e.mode==="overlay"?e.theme.overlayLabelFontStyle:e.theme.labelFontStyle};
|
|
3526
|
+
color: ${e=>e.mode==="overlay"?e.theme.overlayLabelFontColor:e.theme.labelFontColor};
|
|
3527
|
+
text-align: ${e=>e.mode==="overlay"?e.theme.overlayLabelTextAlign:e.theme.labelTextAlign};
|
|
3528
|
+
letter-spacing: ${e=>e.mode==="overlay"?e.theme.overlayLabelLetterSpacing:e.theme.labelLetterSpacing};
|
|
3529
|
+
`,CC=Re.p`
|
|
3530
|
+
margin: 0;
|
|
3531
|
+
width: 100%;
|
|
3532
|
+
white-space: nowrap;
|
|
3533
|
+
overflow: hidden;
|
|
3534
|
+
text-overflow: ellipsis;
|
|
3535
|
+
display: ${e=>e.value&&e.showValue===!0&&"block"||"none"};
|
|
3536
|
+
font-family: ${e=>e.mode==="overlay"?e.theme.overlayProgressValueFontFamily:e.theme.progressValueFontFamily};
|
|
3537
|
+
font-weight: ${e=>e.mode==="overlay"?e.theme.overlayProgressValueFontWeight:e.theme.progressValueFontWeight};
|
|
3538
|
+
font-size: ${e=>e.mode==="overlay"?e.theme.overlayProgressValueFontSize:e.theme.progressValueFontSize};
|
|
3539
|
+
font-style: ${e=>e.mode==="overlay"?e.theme.overlayProgressValueFontStyle:e.theme.progressValueFontStyle};
|
|
3540
|
+
color: ${e=>e.mode==="overlay"?e.theme.overlayProgressValueFontColor:e.theme.progressValueFontColor};
|
|
3541
|
+
text-align: ${e=>e.mode==="overlay"?e.theme.overlayProgressValueTextAlign:e.theme.progressValueTextAlign};
|
|
3542
|
+
letter-spacing: ${e=>e.mode==="overlay"?e.theme.overlayProgressValueLetterSpacing:e.theme.progressValueLetterSpacing};
|
|
3543
|
+
`,Vn=mC;import jn from"styled-components";import{jsx as Ga,jsxs as kC}from"react/jsx-runtime";var xC=({mode:e="default",label:t,size:r="medium"})=>kC(_C,{size:r,"aria-label":`${e}: ${t}`,role:"status",children:[Ga($C,{mode:e,size:r,"aria-hidden":"true"}),Ga(vC,{mode:e,size:r,children:t})]}),_C=jn.div`
|
|
3544
|
+
display: inline-flex;
|
|
3545
|
+
align-items: center;
|
|
3546
|
+
gap: ${o.spacing_8};
|
|
3547
|
+
`,$C=jn.div`
|
|
3548
|
+
width: ${({size:e})=>e==="small"&&o.type_scale_01||e==="medium"&&o.type_scale_02||e==="large"&&o.type_scale_03||o.type_scale_02};
|
|
3549
|
+
height: ${({size:e})=>e==="small"&&o.type_scale_01||e==="medium"&&o.type_scale_02||e==="large"&&o.type_scale_03||o.type_scale_02};
|
|
3550
|
+
border-radius: 50%;
|
|
3551
|
+
background-color: ${({mode:e})=>e==="default"&&o.color_grey_700||e==="error"&&o.color_red_700||e==="info"&&o.color_blue_700||e==="success"&&o.color_green_700||e==="warning"&&o.color_orange_700||o.color_grey_700};
|
|
3552
|
+
`,vC=jn.span`
|
|
3553
|
+
font-size: ${({size:e})=>e==="small"&&o.type_scale_01||e==="medium"&&o.type_scale_02||e==="large"&&o.type_scale_03||o.type_scale_02};
|
|
3554
|
+
font-family: ${o.type_sans};
|
|
3555
|
+
font-style: ${o.type_normal};
|
|
3556
|
+
font-weight: ${o.type_semibold};
|
|
3557
|
+
color: ${({mode:e})=>e==="default"&&o.color_grey_700||e==="error"&&o.color_red_700||e==="info"&&o.color_blue_700||e==="success"&&o.color_green_700||e==="warning"&&o.color_orange_700||o.color_grey_700};
|
|
3558
|
+
text-align: center;
|
|
3559
|
+
text-overflow: ellipsis;
|
|
3560
|
+
overflow: hidden;
|
|
3561
|
+
white-space: nowrap;
|
|
3562
|
+
`,TC=xC;import{forwardRef as FC,useId as wC,useRef as SC,useState as IC}from"react";import Xt,{ThemeProvider as BC}from"styled-components";import{Fragment as ja,jsx as gt,jsxs as Xn}from"react/jsx-runtime";var PC=FC(({defaultChecked:e,checked:t,value:r,label:n="",labelPosition:i="before",name:l="",disabled:a=!1,optional:c=!1,onChange:d,margin:s,size:m="fitContent",tabIndex:g=0},u)=>{let y=`label-${`switch-${wC()}`}`,[v,f]=IC(e??!1),_=k(),x=X(),b=SC(null),L=I=>{switch(I.key){case"Enter":case" ":I.preventDefault(),b.current.focus(),f(!(t??v)),d?.(!(t??v));break}},B=()=>{t??f(I=>!I),d?.(t?!t:!v)};return gt(BC,{theme:_.switch,children:Xn(DC,{margin:s,size:m,onKeyDown:L,disabled:a,onClick:a?void 0:B,ref:u,children:[i==="before"&&n&&Xn(Va,{id:y,labelPosition:i,disabled:a,label:n,children:[n," ",c&>(ja,{children:x.formFields.optionalLabel})]}),gt(AC,{type:"checkbox",name:l,"aria-hidden":!0,value:r,disabled:a,checked:t??v,readOnly:!0}),gt(zC,{children:gt(RC,{role:"switch","aria-checked":t??v,"aria-disabled":a,disabled:a,"aria-labelledby":y,tabIndex:a?-1:g,ref:b})}),i==="after"&&n&&Xn(Va,{id:y,labelPosition:i,disabled:a,label:n,children:[c&>(ja,{children:x.formFields.optionalLabel})," ",n]})]})})}),Na={small:"60px",medium:"240px",large:"480px",fillParent:"100%",fitContent:"fit-content"},LC=(e,t)=>t==="fillParent"?`calc(${Na[t]} - ${j(e,"left")} - ${j(e,"right")})`:Na[t],Vt=(e,t,r)=>{switch(t){case"track":switch(r){case"check":return e.disabledCheckedTrackBackgroundColor;case"uncheck":return e.disabledUncheckedTrackBackgroundColor}case"thumb":switch(r){case"check":return e.disabledCheckedThumbBackgroundColor;case"uncheck":return e.disabledUncheckedThumbBackgroundColor}case"label":return e.disabledLabelFontColor}},jt=(e,t,r)=>{switch(t){case"track":switch(r){case"check":return e.checkedTrackBackgroundColor;case"uncheck":return e.uncheckedTrackBackgroundColor}case"thumb":switch(r){case"check":return e.checkedThumbBackgroundColor;case"uncheck":return e.uncheckedThumbBackgroundColor}case"label":return e.labelFontColor}},DC=Xt.div`
|
|
3563
|
+
display: inline-flex;
|
|
3564
|
+
align-items: center;
|
|
3565
|
+
width: ${e=>LC(e.margin,e.size)};
|
|
3566
|
+
height: 40px;
|
|
3567
|
+
cursor: ${e=>e.disabled===!0?"not-allowed":"pointer"};
|
|
3568
|
+
|
|
3569
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
3570
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
3571
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
3572
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
3573
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
3574
|
+
`,Va=Xt.span`
|
|
3575
|
+
overflow: hidden;
|
|
3576
|
+
text-overflow: ellipsis;
|
|
3577
|
+
white-space: nowrap;
|
|
3578
|
+
color: ${e=>e.disabled?Vt(e.theme,"label"):jt(e.theme,"label")};
|
|
3579
|
+
opacity: 1;
|
|
3580
|
+
font-family: ${e=>e.theme.labelFontFamily};
|
|
3581
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
3582
|
+
font-style: ${e=>e.disabled?e.theme.disabledLabelFontStyle:e.theme.labelFontStyle};
|
|
3583
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
3584
|
+
|
|
3585
|
+
${e=>e.label?e.labelPosition==="after"?`margin-left: ${e.theme.spaceBetweenLabelSwitch};`:`margin-right: ${e.theme.spaceBetweenLabelSwitch};`:"margin: 0px;"};
|
|
3586
|
+
|
|
3587
|
+
${e=>e.labelPosition==="before"&&"order: -1"}
|
|
3588
|
+
`,zC=Xt.label`
|
|
3589
|
+
display: flex;
|
|
3590
|
+
align-items: center;
|
|
3591
|
+
justify-content: space-between;
|
|
3592
|
+
cursor: pointer;
|
|
3593
|
+
margin: 0px 12px;
|
|
3594
|
+
`,AC=Xt.input`
|
|
3595
|
+
display: none;
|
|
3596
|
+
`,RC=Xt.span`
|
|
3597
|
+
border-radius: 15px;
|
|
3598
|
+
width: ${e=>e.theme.trackWidth};
|
|
3599
|
+
height: ${e=>e.theme.trackHeight};
|
|
3600
|
+
position: relative;
|
|
3601
|
+
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
3602
|
+
|
|
3603
|
+
&:focus-visible {
|
|
3604
|
+
outline: none;
|
|
3605
|
+
::before {
|
|
3606
|
+
outline: ${e=>`${e.theme.thumbFocusColor} solid 2px`};
|
|
3607
|
+
outline-offset: 6px;
|
|
3608
|
+
}
|
|
3609
|
+
}
|
|
3610
|
+
|
|
3611
|
+
/* Thumb element */
|
|
3612
|
+
::before {
|
|
3613
|
+
content: "";
|
|
3614
|
+
transform: initial;
|
|
3615
|
+
position: absolute;
|
|
3616
|
+
width: ${e=>e.theme.thumbWidth};
|
|
3617
|
+
height: ${e=>e.theme.thumbHeight};
|
|
3618
|
+
border-radius: 50%;
|
|
3619
|
+
box-shadow:
|
|
3620
|
+
0px 2px 1px -1px rgb(0 0 0 / 20%),
|
|
3621
|
+
0px 1px 1px 0px rgb(0 0 0 / 14%),
|
|
3622
|
+
0px 1px 3px 0px rgb(0 0 0 / 12%);
|
|
3623
|
+
bottom: -6px;
|
|
3624
|
+
left: -4px;
|
|
3625
|
+
transform: translateX(0px);
|
|
3626
|
+
background-color: ${e=>e.disabled?Vt(e.theme,"thumb","uncheck"):jt(e.theme,"thumb","uncheck")};
|
|
3627
|
+
}
|
|
3628
|
+
|
|
3629
|
+
/* Unchecked */
|
|
3630
|
+
background-color: ${e=>e.disabled?Vt(e.theme,"track","uncheck"):jt(e.theme,"track","uncheck")};
|
|
3631
|
+
|
|
3632
|
+
/* Checked */
|
|
3633
|
+
&[aria-checked="true"] {
|
|
3634
|
+
background-color: ${e=>e.disabled?Vt(e.theme,"track","check"):jt(e.theme,"track","check")};
|
|
3635
|
+
::before {
|
|
3636
|
+
transform: translateX(${e=>e.theme.thumbShift});
|
|
3637
|
+
background-color: ${e=>e.disabled?Vt(e.theme,"thumb","check"):jt(e.theme,"thumb","check")};
|
|
3638
|
+
}
|
|
3639
|
+
}
|
|
3640
|
+
`,HC=PC;import{Children as Qa,isValidElement as po,useCallback as gx,useEffect as oc,useMemo as Or,useRef as px,useState as Ge}from"react";import wo,{ThemeProvider as ux}from"styled-components";import{createContext as MC}from"react";var Hr=MC(null);import{forwardRef as EC,useContext as WC,useEffect as Jn,useRef as OC}from"react";import Mr from"styled-components";import{jsx as pt,jsxs as Xa}from"react/jsx-runtime";var GC=EC(({icon:e,label:t,title:r,disabled:n=!1,active:i,notificationNumber:l=!1,onClick:a=()=>{},onHover:c=()=>{}},d)=>{let s=OC(),m=k(),{iconPosition:g,tabIndex:u,focusedLabel:h,isControlled:y,activeLabel:v,hasLabelAndIcon:f,setActiveLabel:_,setActiveIndicatorWidth:x,setActiveIndicatorLeft:b}=WC(Hr);return Jn(()=>{h===t&&s?.current?.focus()},[h,t]),Jn(()=>{v===t&&(x(s?.current?.offsetWidth),b(s?.current?.offsetLeft))},[v,t]),Jn(()=>{i&&_(t)},[i,t]),pt(le,{label:r,children:Xa(NC,{role:"tab",type:"button",tabIndex:v===t&&!n?u:-1,disabled:n,"aria-selected":v===t,hasLabelAndIcon:f,iconPosition:g,ref:B=>{s.current=B,d&&(typeof d=="function"?d(B):d.current=B)},onClick:()=>{y||_(t),a()},onMouseEnter:()=>c(),onKeyDown:B=>{switch(B.key){case" ":case"Enter":B.preventDefault(),s?.current?.click();break}},children:[Xa(jC,{notificationNumber:l,hasLabelAndIcon:f,iconPosition:g,disabled:n,children:[e&&pt(XC,{hasLabelAndIcon:f,iconPosition:g,children:typeof e=="string"?pt($,{icon:e}):e}),pt($e,{color:n?m.tabs.disabledFontColor:v===t?m.tabs.selectedFontColor:m.tabs.unselectedFontColor,fontFamily:m.tabs.fontFamily,fontSize:m.tabs.fontSize,fontStyle:n?m.tabs.disabledFontStyle:m.tabs.fontStyle,fontWeight:v===t?m.tabs.pressedFontWeight:m.tabs.fontWeight,textAlign:"center",letterSpacing:"0.025em",lineHeight:"1.715em",children:t})]}),l&&!n&&pt(VC,{hasLabelAndIcon:f,iconPosition:g,children:pt(Do,{mode:"notification",size:"small",label:typeof l=="number"&&l})})]})})}),NC=Mr.button`
|
|
3641
|
+
text-transform: ${e=>e.theme.fontTextTransform};
|
|
3642
|
+
overflow: hidden;
|
|
3643
|
+
flex-shrink: 0;
|
|
3644
|
+
border: 0;
|
|
3645
|
+
cursor: pointer;
|
|
3646
|
+
display: inline-flex;
|
|
3647
|
+
align-items: center;
|
|
3648
|
+
user-select: none;
|
|
3649
|
+
vertical-align: middle;
|
|
3650
|
+
justify-content: center;
|
|
3651
|
+
min-width: 90px;
|
|
3652
|
+
max-width: 360px;
|
|
3653
|
+
padding: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"12px 16px"||"8px 16px"};
|
|
3654
|
+
height: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"47px"||"71px"};
|
|
3655
|
+
min-height: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"47px"||"71px"};
|
|
3656
|
+
background-color: ${e=>e.theme.unselectedBackgroundColor};
|
|
3657
|
+
|
|
3658
|
+
&:hover {
|
|
3659
|
+
background-color: ${e=>`${e.theme.hoverBackgroundColor} !important`};
|
|
3660
|
+
}
|
|
3661
|
+
&:active {
|
|
3662
|
+
background-color: ${e=>`${e.theme.pressedBackgroundColor} !important`};
|
|
3663
|
+
}
|
|
3664
|
+
&:focus {
|
|
3665
|
+
outline: ${e=>e.theme.focusOutline} solid 1px;
|
|
3666
|
+
outline-offset: -1px;
|
|
3667
|
+
}
|
|
3668
|
+
|
|
3669
|
+
svg,
|
|
3670
|
+
span:before {
|
|
3671
|
+
color: ${e=>e.theme.unselectedIconColor};
|
|
3672
|
+
}
|
|
3673
|
+
|
|
3674
|
+
&[aria-selected="true"] {
|
|
3675
|
+
background-color: ${e=>e.theme.selectedBackgroundColor};
|
|
3676
|
+
svg,
|
|
3677
|
+
span:before {
|
|
3678
|
+
color: ${e=>e.theme.selectedIconColor};
|
|
3679
|
+
}
|
|
3680
|
+
opacity: 1;
|
|
3681
|
+
}
|
|
3682
|
+
|
|
3683
|
+
&:disabled {
|
|
3684
|
+
background-color: ${e=>e.theme.unselectedBackgroundColor} !important;
|
|
3685
|
+
cursor: not-allowed !important;
|
|
3686
|
+
pointer-events: all;
|
|
3687
|
+
font-style: ${e=>e.theme.disabledFontStyle};
|
|
3688
|
+
outline: none !important;
|
|
3689
|
+
|
|
3690
|
+
svg,
|
|
3691
|
+
span:before {
|
|
3692
|
+
color: ${e=>e.theme.disabledIconColor};
|
|
3693
|
+
}
|
|
3694
|
+
> div {
|
|
3695
|
+
opacity: 0.5;
|
|
3696
|
+
}
|
|
3697
|
+
}
|
|
3698
|
+
`,VC=Mr.div`
|
|
3699
|
+
margin-left: 12px;
|
|
3700
|
+
height: 100%;
|
|
3701
|
+
display: flex;
|
|
3702
|
+
align-items: ${e=>e.hasLabelAndIcon&&e.iconPosition==="top"?"flex-start":"center"};
|
|
3703
|
+
justify-content: flex-start;
|
|
3704
|
+
flex-direction: column;
|
|
3705
|
+
`,jC=Mr.div`
|
|
3706
|
+
display: flex;
|
|
3707
|
+
flex-direction: ${e=>e.hasLabelAndIcon&&e.iconPosition==="top"&&"column"||"row"};
|
|
3708
|
+
align-items: center;
|
|
3709
|
+
margin-left: ${e=>e.notificationNumber&&!e.disabled?typeof e.notificationNumber=="number"?"36px":"18px":"unset"};
|
|
3710
|
+
`,XC=Mr.div`
|
|
3711
|
+
display: flex;
|
|
3712
|
+
margin-bottom: ${e=>e.hasLabelAndIcon&&e.iconPosition==="top"&&"8px"||""};
|
|
3713
|
+
margin-right: ${e=>e.hasLabelAndIcon&&e.iconPosition==="left"&&"12px"||""};
|
|
3714
|
+
font-size: 22px;
|
|
3715
|
+
|
|
3716
|
+
svg {
|
|
3717
|
+
height: 22px;
|
|
3718
|
+
width: 22px;
|
|
3719
|
+
}
|
|
3720
|
+
`,Ja=GC;import{useCallback as ex,useEffect as Wr,useMemo as ox,useRef as Ya,useState as He}from"react";import Fo,{ThemeProvider as tx}from"styled-components";import{forwardRef as JC,memo as KC}from"react";import Er from"styled-components";import{jsx as Jt,jsxs as Ka}from"react/jsx-runtime";var UC=JC(({active:e,tab:t,tabIndex:r,hasLabelAndIcon:n,iconPosition:i,onClick:l,onMouseEnter:a,onMouseLeave:c},d)=>{let s=k();return Ka(YC,{role:"tab",type:"button",tabIndex:r,disabled:t.isDisabled,"aria-selected":e,hasLabelAndIcon:n,iconPosition:i,ref:d,onClick:()=>{l()},onMouseEnter:()=>{a()},onMouseLeave:()=>{c()},children:[Ka(qC,{notificationNumber:t.notificationNumber,hasLabelAndIcon:n,iconPosition:i,disabled:t.isDisabled,children:[t.icon&&Jt(QC,{hasLabelAndIcon:n,iconPosition:i,children:typeof t.icon=="string"?Jt($,{icon:t.icon}):t.icon}),Jt($e,{color:t.isDisabled?s.tabs.disabledFontColor:e?s.tabs.selectedFontColor:s.tabs.unselectedFontColor,fontFamily:s.tabs.fontFamily,fontSize:s.tabs.fontSize,fontStyle:t.isDisabled?s.tabs.disabledFontStyle:s.tabs.fontStyle,fontWeight:e?s.tabs.pressedFontWeight:s.tabs.fontWeight,textAlign:"center",letterSpacing:"0.025em",lineHeight:"1.715em",children:t.label})]}),t.notificationNumber&&!t.isDisabled&&Jt(ZC,{hasLabelAndIcon:n,iconPosition:i,children:Jt(Do,{mode:"notification",size:"small",label:typeof t.notificationNumber=="number"&&t.notificationNumber})})]})}),YC=Er.button`
|
|
3721
|
+
text-transform: ${e=>e.theme.fontTextTransform};
|
|
3722
|
+
overflow: hidden;
|
|
3723
|
+
flex-shrink: 0;
|
|
3724
|
+
border: 0;
|
|
3725
|
+
cursor: pointer;
|
|
3726
|
+
display: inline-flex;
|
|
3727
|
+
align-items: center;
|
|
3728
|
+
user-select: none;
|
|
3729
|
+
vertical-align: middle;
|
|
3730
|
+
justify-content: center;
|
|
3731
|
+
min-width: 90px;
|
|
3732
|
+
max-width: 360px;
|
|
3733
|
+
padding: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"12px 16px"||"8px 16px"};
|
|
3734
|
+
height: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"47px"||"71px"};
|
|
3735
|
+
min-height: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"47px"||"71px"};
|
|
3736
|
+
background-color: ${e=>e.theme.unselectedBackgroundColor};
|
|
3737
|
+
|
|
3738
|
+
&:hover {
|
|
3739
|
+
background-color: ${e=>`${e.theme.hoverBackgroundColor} !important`};
|
|
3740
|
+
}
|
|
3741
|
+
&:active {
|
|
3742
|
+
background-color: ${e=>`${e.theme.pressedBackgroundColor} !important`};
|
|
3743
|
+
}
|
|
3744
|
+
&:focus {
|
|
3745
|
+
outline: ${e=>e.theme.focusOutline} solid 1px;
|
|
3746
|
+
outline-offset: -1px;
|
|
3747
|
+
}
|
|
3748
|
+
|
|
3749
|
+
svg,
|
|
3750
|
+
span:before {
|
|
3751
|
+
color: ${e=>e.theme.unselectedIconColor};
|
|
3752
|
+
}
|
|
3753
|
+
|
|
3754
|
+
&[aria-selected="true"] {
|
|
3755
|
+
background-color: ${e=>e.theme.selectedBackgroundColor};
|
|
3756
|
+
svg,
|
|
3757
|
+
span:before {
|
|
3758
|
+
color: ${e=>e.theme.selectedIconColor};
|
|
3759
|
+
}
|
|
3760
|
+
opacity: 1;
|
|
3761
|
+
}
|
|
3762
|
+
|
|
3763
|
+
&:disabled {
|
|
3764
|
+
background-color: ${e=>e.theme.unselectedBackgroundColor} !important;
|
|
3765
|
+
cursor: not-allowed !important;
|
|
3766
|
+
pointer-events: all;
|
|
3767
|
+
font-style: ${e=>e.theme.disabledFontStyle};
|
|
3768
|
+
outline: none !important;
|
|
3769
|
+
|
|
3770
|
+
svg,
|
|
3771
|
+
span:before {
|
|
3772
|
+
color: ${e=>e.theme.disabledIconColor};
|
|
3773
|
+
}
|
|
3774
|
+
> div {
|
|
3775
|
+
opacity: 0.5;
|
|
3776
|
+
}
|
|
3777
|
+
}
|
|
3778
|
+
`,ZC=Er.div`
|
|
3779
|
+
margin-left: 12px;
|
|
3780
|
+
height: 100%;
|
|
3781
|
+
display: flex;
|
|
3782
|
+
align-items: ${e=>e.hasLabelAndIcon&&e.iconPosition==="top"?"flex-start":"center"};
|
|
3783
|
+
`,qC=Er.div`
|
|
3784
|
+
display: flex;
|
|
3785
|
+
flex-direction: ${e=>e.hasLabelAndIcon&&e.iconPosition==="top"&&"column"||"row"};
|
|
3786
|
+
align-items: center;
|
|
3787
|
+
margin-left: ${e=>e.notificationNumber&&!e.disabled?typeof e.notificationNumber=="number"?"36px":"18px":"unset"};
|
|
3788
|
+
`,QC=Er.div`
|
|
3789
|
+
display: flex;
|
|
3790
|
+
margin-bottom: ${e=>e.hasLabelAndIcon&&e.iconPosition==="top"&&"8px"||""};
|
|
3791
|
+
margin-right: ${e=>e.hasLabelAndIcon&&e.iconPosition==="left"&&"12px"||""};
|
|
3792
|
+
font-size: 22px;
|
|
3793
|
+
|
|
3794
|
+
svg {
|
|
3795
|
+
height: 22px;
|
|
3796
|
+
width: 22px;
|
|
3797
|
+
}
|
|
3798
|
+
`,Ua=KC(UC);import{jsx as eo,jsxs as Kn}from"react/jsx-runtime";var rx=e=>{let[t,r]=He(0),n=ex(()=>{r(e?.current?.offsetWidth??0)},[e]);return Wr(()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[n]),t},nx=({defaultActiveTabIndex:e,activeTabIndex:t,tabs:r,onTabClick:n,onTabHover:i,margin:l,iconPosition:a="top",tabIndex:c=0})=>{let d=k(),s=r&&r.filter(U=>U.label&&U.icon).length>0,m=r&&r.findIndex(U=>!U.isDisabled),[g,u]=He(r&&e&&!r[e].isDisabled?e:m),[h,y]=He(0),[v,f]=He(0),[_,x]=He(0),[b,L]=He(!0),[B,I]=He(!1),[H,R]=He(0),[F,w]=He(0),[D,O]=He(t??g),[N,Z]=He(t??g),[E,z]=He(0),C=Ya([]),S=Ya(null),T=rx(S),P=X(),M=ox(()=>T<F,[T]);Wr(()=>{let U=C?.current?.reduce(function(K,ye){return K+ye.offsetWidth},0);w(U),y(C?.current[t??g]?.offsetWidth),f(C?.current[t??g]?.offsetLeft)},[C]),Wr(()=>{z(S?.current?.offsetHeight+1)},[S]),Wr(()=>{t>=0&&(y(C?.current[t]?.offsetWidth),f(C?.current[t]?.offsetLeft))},[t]);let J=U=>{t??u(U),n?.(U),t===void 0&&(y(C?.current[U]?.offsetWidth),f(C?.current[U]?.offsetLeft))},de=()=>{let U=S?.current?.offsetWidth*.75,K=0;H<=U?(K=0,I(!1),L(!0)):(K=H-U,L(!0),I(!0)),x(-K),R(K)},G=()=>{let U=S?.current?.offsetWidth*.75,K=0;H+U+S?.current?.offsetWidth>=F?(K=F-S?.current?.offsetWidth,L(!1),I(!0)):(K=H+U,I(!0),L(!0)),x(-K),R(K)},q=()=>{Z(U=>{let K=U===0?r.length-1:U-1;for(;r[K].isDisabled;)K=K===0?r.length-1:K-1;return C?.current[K].focus({preventScroll:!0}),se(K),K})},A=()=>{Z(U=>{let K=U===r.length-1?0:U+1;for(;r[K].isDisabled;)K=K===r.length-1?0:K+1;return C?.current[K].focus({preventScroll:!0}),se(K),K})},se=U=>{let K=0;C?.current?.map((pe,Io)=>{Io<=U&&(K+=pe.offsetWidth)});let ye=0;U===r.length-1?(ye=F-S?.current?.offsetWidth,I(!0),L(!1)):K>S?.current?.offsetWidth?(ye=K-S?.current?.offsetWidth+1,I(!0),L(!0)):(I(!1),L(!0)),x(-ye),R(ye)},me=U=>{switch(U.key){case"Left":case"ArrowLeft":U.preventDefault(),q();break;case"Right":case"ArrowRight":U.preventDefault(),A();break;case"Enter":case" ":U.preventDefault(),O(N),J(N);break;case"Tab":N!==D&&(U.preventDefault(),Z(D),C?.current[D].focus()),J(D);break}},ge=U=>t>=0?t===U:g===U,W=m===-1||r&&t>=0&&r[t].isDisabled;return eo(tx,{theme:d.tabs,children:Kn(lx,{margin:l,children:[eo(ix,{}),Kn(ax,{hasLabelAndIcon:s,iconPosition:a,children:[eo(Za,{onClick:de,enabled:M,disabled:!B,"aria-label":P.tabs.scrollLeft,tabIndex:B?c:-1,minHeightTabs:E,children:eo($,{icon:"keyboard_arrow_left"})}),eo(dx,{children:Kn(mx,{translateScroll:_,ref:S,enabled:M,children:[eo(sx,{role:"tablist",onKeyDown:me,minHeightTabs:E,children:r.map((U,K)=>eo(Ua,{tab:U,active:ge(K),tabIndex:ge(K)&&!U.isDisabled?c:-1,hasLabelAndIcon:s,iconPosition:a,ref:ye=>{C.current[K]=ye},onClick:()=>{O(K),Z(K),J(K)},onMouseEnter:()=>{i?.(K)},onMouseLeave:()=>{i?.(null)}},`tab${K}${U.label}`))}),eo(cx,{tabWidth:h,tabLeft:v,"aria-disabled":W})]})}),eo(Za,{onClick:G,enabled:M,disabled:!b,"aria-label":P.tabs.scrollRight,tabIndex:b?c:-1,minHeightTabs:E,children:eo($,{icon:"keyboard_arrow_right"})})]})]})})},ix=Fo.div`
|
|
3799
|
+
position: absolute;
|
|
3800
|
+
left: 0;
|
|
3801
|
+
bottom: 0;
|
|
3802
|
+
width: 100%;
|
|
3803
|
+
height: ${e=>e.theme.dividerThickness};
|
|
3804
|
+
background-color: ${e=>e.theme.dividerColor};
|
|
3805
|
+
`,lx=Fo.div`
|
|
3806
|
+
position: relative;
|
|
3807
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
3808
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
3809
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
3810
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
3811
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
3812
|
+
`,ax=Fo.div`
|
|
3813
|
+
min-height: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"48px"||"72px"};
|
|
3814
|
+
height: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"48px"||"72px"};
|
|
3815
|
+
display: flex;
|
|
3816
|
+
overflow: hidden;
|
|
3817
|
+
background-color: ${e=>e.theme.unselectedBackgroundColor};
|
|
3818
|
+
`,Za=Fo.button`
|
|
3819
|
+
box-sizing: border-box;
|
|
3820
|
+
display: ${e=>e.enabled?"flex":"none"};
|
|
3821
|
+
justify-content: center;
|
|
3822
|
+
min-width: ${e=>e.theme.scrollButtonsWidth};
|
|
3823
|
+
height: ${e=>e.minHeightTabs-1}px;
|
|
3824
|
+
padding: 0;
|
|
3825
|
+
border: none;
|
|
3826
|
+
background-color: #ffffff;
|
|
3827
|
+
font-size: 1.25rem;
|
|
3828
|
+
cursor: pointer;
|
|
3829
|
+
|
|
3830
|
+
&:hover {
|
|
3831
|
+
background-color: ${e=>`${e.theme.hoverBackgroundColor} !important`};
|
|
3832
|
+
}
|
|
3833
|
+
&:focus {
|
|
3834
|
+
outline: ${e=>e.theme.focusOutline} solid 1px;
|
|
3835
|
+
outline-offset: -1px;
|
|
3836
|
+
}
|
|
3837
|
+
&:active {
|
|
3838
|
+
background-color: ${e=>`${e.theme.pressedBackgroundColor} !important`};
|
|
3839
|
+
}
|
|
3840
|
+
&:disabled {
|
|
3841
|
+
cursor: default;
|
|
3842
|
+
display: none;
|
|
3843
|
+
svg {
|
|
3844
|
+
visibility: hidden;
|
|
3845
|
+
}
|
|
3846
|
+
&:focus {
|
|
3847
|
+
outline: none;
|
|
3848
|
+
}
|
|
3849
|
+
&:hover,
|
|
3850
|
+
&:active {
|
|
3851
|
+
background-color: transparent !important;
|
|
3852
|
+
}
|
|
3853
|
+
}
|
|
3854
|
+
|
|
3855
|
+
span {
|
|
3856
|
+
align-self: center;
|
|
3857
|
+
height: 20px;
|
|
3858
|
+
width: 20px;
|
|
3859
|
+
}
|
|
3860
|
+
|
|
3861
|
+
span::before {
|
|
3862
|
+
color: ${e=>e.theme.unselectedFontColor};
|
|
3863
|
+
}
|
|
3864
|
+
`,cx=Fo.span`
|
|
3865
|
+
position: absolute;
|
|
3866
|
+
bottom: 0;
|
|
3867
|
+
left: ${e=>`${e.tabLeft}px`};
|
|
3868
|
+
width: ${e=>`${e.tabWidth}px`};
|
|
3869
|
+
height: ${e=>e.theme.selectedUnderlineThickness};
|
|
3870
|
+
background-color: ${e=>e.theme.selectedUnderlineColor};
|
|
3871
|
+
&[aria-disabled="true"] {
|
|
3872
|
+
background-color: ${e=>e.theme.disabledFontColor};
|
|
3873
|
+
display: none;
|
|
3874
|
+
}
|
|
3875
|
+
`,dx=Fo.div`
|
|
3876
|
+
flex: 1 1 auto;
|
|
3877
|
+
display: inline-block;
|
|
3878
|
+
position: relative;
|
|
3879
|
+
white-space: nowrap;
|
|
3880
|
+
overflow-x: scroll;
|
|
3881
|
+
::-webkit-scrollbar {
|
|
3882
|
+
display: none;
|
|
3883
|
+
}
|
|
3884
|
+
`,sx=Fo.div`
|
|
3885
|
+
display: flex;
|
|
3886
|
+
min-height: ${e=>e.minHeightTabs}px;
|
|
3887
|
+
`,mx=Fo.div`
|
|
3888
|
+
display: flex;
|
|
3889
|
+
${e=>e.enabled?`transform: translateX(${e.translateScroll}px)`:"transform: translateX(0px)"};
|
|
3890
|
+
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
3891
|
+
`,qa=nx;import{Fragment as Fx,jsx as Oe,jsxs as Gr}from"react/jsx-runtime";var hx=e=>{let[t,r]=Ge(0),n=gx(()=>{r(e?.current?.offsetWidth??0)},[e]);return oc(()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[n]),t},fx=(e,t)=>{let r=t===0?e.length-1:t-1;for(;e[r].props.disabled;)r=r===0?e.length-1:r-1;return r},bx=(e,t)=>{let r=t===e.length-1?0:t+1;for(;e[r].props.disabled;)r=r===e.length-1?0:r+1;return r},tc=({defaultActiveTabIndex:e,activeTabIndex:t,tabs:r,onTabClick:n,onTabHover:i,margin:l,iconPosition:a="top",tabIndex:c=0,children:d})=>{let s=Or(()=>Qa.toArray(d),[d]),m=Or(()=>s.some(G=>po(G)&&G.props.icon&&G.props.label),[s]),[g,u]=Ge(()=>{let q=s.some(A=>po(A)&&(A.props.active||A.props.defaultActive)&&!A.props.disabled)?s.find(A=>po(A)&&(A.props.active||A.props.defaultActive)&&!A.props.disabled):s.find(A=>po(A)&&!A.props.disabled);return po(q)?q.props.label:""}),[h,y]=Ge(null),[v,f]=Ge(0),[_,x]=Ge(0),[b,L]=Ge(0),[B,I]=Ge(0),[H,R]=Ge(0),[F,w]=Ge(!0),[D,O]=Ge(!1),[N,Z]=Ge(0),E=px(null),z=k(),C=hx(E),S=X(),T=Or(()=>C<B,[C]);oc(()=>{E.current&&(I(E.current.firstElementChild?.offsetWidth),Z(E?.current?.offsetHeight+1))},[s]);let P=Or(()=>{let G=s[h];return{iconPosition:a,tabIndex:c,focusedLabel:po(G)&&G.props.label,isControlled:s.some(q=>po(q)&&typeof q.props.active<"u"),activeLabel:g,hasLabelAndIcon:m,setActiveLabel:u,setActiveIndicatorWidth:f,setActiveIndicatorLeft:x}},[a,c,h,g,s,m]),M=()=>{let G=E?.current?.offsetWidth*.75,q=0;b<=G?(q=0,O(!1),w(!0)):(q=b-G,w(!0),O(!0)),R(-q),L(q)},J=()=>{let G=E?.current?.offsetWidth*.75,q=0;b+G+E?.current?.offsetWidth>=B?(q=B-E?.current?.offsetWidth,w(!1),O(!0)):(q=b+G,O(!0),w(!0)),R(-q),L(q)},de=G=>{let q=s.findIndex(A=>A.props.label===g);switch(G.key){case"Left":case"ArrowLeft":G.preventDefault(),y(fx(s,h===null?q:h));break;case"Right":case"ArrowRight":G.preventDefault(),y(bx(s,h===null?q:h));break;case"Tab":q!==h&&y(q);break}};return d?Gr(Fx,{children:[Oe(ux,{theme:z.tabs,children:Gr(Cx,{margin:l,children:[Oe(yx,{}),Gr(xx,{hasLabelAndIcon:m,iconPosition:a,children:[Oe(ec,{onClick:M,enabled:T,disabled:!D,"aria-label":S.tabs.scrollLeft,tabIndex:D?c:-1,minHeightTabs:N,children:Oe($,{icon:"keyboard_arrow_left"})}),Oe($x,{children:Gr(Tx,{translateScroll:H,ref:E,enabled:T,children:[Oe(vx,{role:"tablist",onKeyDown:de,minHeightTabs:N,children:Oe(Hr.Provider,{value:P,children:d})}),Oe(_x,{tabWidth:v,tabLeft:_,"aria-disabled":s.some(G=>po(G)&&g===G.props.label&&G.props.disabled)})]})}),Oe(ec,{onClick:J,enabled:T,disabled:!F,"aria-label":S.tabs.scrollRight,tabIndex:F?c:-1,minHeightTabs:N,children:Oe($,{icon:"keyboard_arrow_right"})})]})]})}),Qa.map(d,G=>po(G)&&G.props.label===g?G.props.children:null)]}):r&&Oe(qa,{defaultActiveTabIndex:e,activeTabIndex:t,tabs:r,onTabClick:n,onTabHover:i,margin:l,iconPosition:a,tabIndex:c})},yx=wo.div`
|
|
3892
|
+
position: absolute;
|
|
3893
|
+
left: 0;
|
|
3894
|
+
bottom: 0;
|
|
3895
|
+
width: 100%;
|
|
3896
|
+
height: ${e=>e.theme.dividerThickness};
|
|
3897
|
+
background-color: ${e=>e.theme.dividerColor};
|
|
3898
|
+
`;tc.Tab=Ja;var Cx=wo.div`
|
|
3899
|
+
position: relative;
|
|
3900
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
3901
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
3902
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
3903
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
3904
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
3905
|
+
`,xx=wo.div`
|
|
3906
|
+
min-height: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"48px"||"72px"};
|
|
3907
|
+
height: ${e=>(!e.hasLabelAndIcon||e.hasLabelAndIcon&&e.iconPosition!=="top")&&"48px"||"72px"};
|
|
3908
|
+
display: flex;
|
|
3909
|
+
overflow: hidden;
|
|
3910
|
+
background-color: ${e=>e.theme.unselectedBackgroundColor};
|
|
3911
|
+
`,ec=wo.button`
|
|
3912
|
+
box-sizing: border-box;
|
|
3913
|
+
display: ${e=>e.enabled?"flex":"none"};
|
|
3914
|
+
justify-content: center;
|
|
3915
|
+
min-width: ${e=>e.theme.scrollButtonsWidth};
|
|
3916
|
+
height: ${e=>e.minHeightTabs-1}px;
|
|
3917
|
+
padding: 0;
|
|
3918
|
+
border: none;
|
|
3919
|
+
background-color: #ffffff;
|
|
3920
|
+
font-size: 1.25rem;
|
|
3921
|
+
cursor: pointer;
|
|
3922
|
+
|
|
3923
|
+
&:hover {
|
|
3924
|
+
background-color: ${e=>`${e.theme.hoverBackgroundColor} !important`};
|
|
3925
|
+
}
|
|
3926
|
+
&:focus {
|
|
3927
|
+
outline: ${e=>e.theme.focusOutline} solid 1px;
|
|
3928
|
+
outline-offset: -1px;
|
|
3929
|
+
}
|
|
3930
|
+
&:active {
|
|
3931
|
+
background-color: ${e=>`${e.theme.pressedBackgroundColor} !important`};
|
|
3932
|
+
}
|
|
3933
|
+
&:disabled {
|
|
3934
|
+
cursor: default;
|
|
3935
|
+
display: none;
|
|
3936
|
+
svg {
|
|
3937
|
+
visibility: hidden;
|
|
3938
|
+
}
|
|
3939
|
+
&:focus {
|
|
3940
|
+
outline: none;
|
|
3941
|
+
}
|
|
3942
|
+
&:hover,
|
|
3943
|
+
&:active {
|
|
3944
|
+
background-color: transparent !important;
|
|
3945
|
+
}
|
|
3946
|
+
}
|
|
3947
|
+
|
|
3948
|
+
span {
|
|
3949
|
+
align-self: center;
|
|
3950
|
+
height: 20px;
|
|
3951
|
+
width: 20px;
|
|
3952
|
+
}
|
|
3953
|
+
|
|
3954
|
+
span::before {
|
|
3955
|
+
color: ${e=>e.theme.unselectedFontColor};
|
|
3956
|
+
}
|
|
3957
|
+
`,_x=wo.span`
|
|
3958
|
+
position: absolute;
|
|
3959
|
+
bottom: 0;
|
|
3960
|
+
left: ${e=>`${e.tabLeft}px`};
|
|
3961
|
+
width: ${e=>`${e.tabWidth}px`};
|
|
3962
|
+
height: ${e=>e.theme.selectedUnderlineThickness};
|
|
3963
|
+
background-color: ${e=>e.theme.selectedUnderlineColor};
|
|
3964
|
+
&[aria-disabled="true"] {
|
|
3965
|
+
background-color: ${e=>e.theme.disabledFontColor};
|
|
3966
|
+
display: none;
|
|
3967
|
+
}
|
|
3968
|
+
`,$x=wo.div`
|
|
3969
|
+
flex: 1 1 auto;
|
|
3970
|
+
display: inline-block;
|
|
3971
|
+
position: relative;
|
|
3972
|
+
white-space: nowrap;
|
|
3973
|
+
overflow-x: scroll;
|
|
3974
|
+
::-webkit-scrollbar {
|
|
3975
|
+
display: none;
|
|
3976
|
+
}
|
|
3977
|
+
`,vx=wo.div`
|
|
3978
|
+
display: flex;
|
|
3979
|
+
min-height: ${e=>e.minHeightTabs}px;
|
|
3980
|
+
`,Tx=wo.div`
|
|
3981
|
+
display: flex;
|
|
3982
|
+
${e=>e.enabled?`transform: translateX(${e.translateScroll}px)`:"transform: translateX(0px)"};
|
|
3983
|
+
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
3984
|
+
`,kx=tc;import{useState as wx}from"react";import ut,{ThemeProvider as Sx}from"styled-components";import{Fragment as ic,jsx as Ne,jsxs as Mx}from"react/jsx-runtime";var Ix=({condition:e,wrapper:t,children:r})=>Ne(ic,{children:e?t(r):r}),Bx=({icon:e,label:t="",linkHref:r,onClick:n,iconBgColor:i="#5f249f",labelPosition:l="after",newWindow:a=!1,margin:c,size:d="fitContent",tabIndex:s=0})=>{let m=k(),[g,u]=wx(!1);return Ne(Sx,{theme:m.tag,children:Ne(Lx,{margin:c,size:d,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:()=>{n?.()},hasAction:n||r,shadowDepth:g&&(n||r)?2:1,children:Ne(Ix,{condition:!!n||!!r,wrapper:h=>n?Ne(Ax,{tabIndex:s,children:h}):r?Ne(zx,{tabIndex:s,href:r,target:a?"_blank":"_self",children:h}):Ne(ic,{}),children:Mx(Dx,{children:[l==="before"&&d!=="small"&&t&&Ne(nc,{children:t}),e&&Ne(Rx,{iconBgColor:i,children:typeof e=="string"?Ne($,{icon:e}):e}),l==="after"&&d!=="small"&&t&&Ne(nc,{children:t})]})})})})},rc={small:"42px",medium:"240px",large:"480px",fillParent:"100%",fitContent:"fit-content"},Px=(e,t)=>t==="fillParent"?`calc(${rc[t]} - ${j(e,"left")} - ${j(e,"right")})`:rc[t],Lx=ut.div`
|
|
3985
|
+
display: inline-flex;
|
|
3986
|
+
cursor: ${({hasAction:e})=>e&&"pointer"||"unset"};
|
|
3987
|
+
margin: ${({margin:e})=>e&&typeof e!="object"?p[e]:"0px"};
|
|
3988
|
+
margin-top: ${({margin:e})=>e&&typeof e=="object"&&e.top?p[e.top]:""};
|
|
3989
|
+
margin-right: ${({margin:e})=>e&&typeof e=="object"&&e.right?p[e.right]:""};
|
|
3990
|
+
margin-bottom: ${({margin:e})=>e&&typeof e=="object"&&e.bottom?p[e.bottom]:""};
|
|
3991
|
+
margin-left: ${({margin:e})=>e&&typeof e=="object"&&e.left?p[e.left]:""};
|
|
3992
|
+
width: ${e=>Px(e.margin,e.size)};
|
|
3993
|
+
height: ${e=>e.theme.height};
|
|
3994
|
+
box-shadow: ${({shadowDepth:e})=>e===1?`0px 3px 6px ${o.color_grey_300_a}`:e===2?`0px 3px 10px ${o.color_grey_300_a}`:"none"};
|
|
3995
|
+
`,Dx=ut.div`
|
|
3996
|
+
display: inline-flex;
|
|
3997
|
+
align-items: center;
|
|
3998
|
+
width: 100%;
|
|
3999
|
+
height: ${e=>e.theme.height};
|
|
4000
|
+
`,zx=ut.a`
|
|
4001
|
+
text-decoration: none;
|
|
4002
|
+
border-radius: 4px;
|
|
4003
|
+
width: 100%;
|
|
4004
|
+
:focus {
|
|
4005
|
+
outline: 2px solid ${e=>e.theme.focusColor};
|
|
4006
|
+
outline-offset: 0px;
|
|
4007
|
+
}
|
|
4008
|
+
`,Ax=ut.button`
|
|
4009
|
+
background: none;
|
|
4010
|
+
border-radius: 4px;
|
|
4011
|
+
border: none;
|
|
4012
|
+
padding: 0;
|
|
4013
|
+
cursor: pointer;
|
|
4014
|
+
font-family: inherit;
|
|
4015
|
+
width: 100%;
|
|
4016
|
+
:focus {
|
|
4017
|
+
outline: 2px solid ${e=>e.theme.focusColor};
|
|
4018
|
+
}
|
|
4019
|
+
`,Rx=ut.div`
|
|
4020
|
+
display: inline-flex;
|
|
4021
|
+
background: ${({iconBgColor:e})=>e};
|
|
4022
|
+
width: ${e=>e.theme.iconSectionWidth};
|
|
4023
|
+
height: 100%;
|
|
4024
|
+
justify-content: center;
|
|
4025
|
+
align-items: center;
|
|
4026
|
+
color: ${e=>e.theme.iconColor};
|
|
4027
|
+
min-width: ${e=>e.theme.iconSectionWidth};
|
|
4028
|
+
overflow: hidden;
|
|
4029
|
+
font-size: 24px;
|
|
4030
|
+
|
|
4031
|
+
svg {
|
|
4032
|
+
width: ${e=>e.theme.iconWidth};
|
|
4033
|
+
height: ${e=>e.theme.iconHeight};
|
|
4034
|
+
}
|
|
4035
|
+
`,nc=ut.div`
|
|
4036
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
4037
|
+
font-size: ${e=>e.theme.fontSize};
|
|
4038
|
+
font-style: ${e=>e.theme.fontStyle};
|
|
4039
|
+
font-weight: ${e=>e.theme.fontWeight};
|
|
4040
|
+
color: ${e=>e.theme.fontColor};
|
|
4041
|
+
padding-top: ${e=>e.theme.labelPaddingTop};
|
|
4042
|
+
padding-bottom: ${e=>e.theme.labelPaddingBottom};
|
|
4043
|
+
padding-left: ${e=>e.theme.labelPaddingLeft};
|
|
4044
|
+
padding-right: ${e=>e.theme.labelPaddingRight};
|
|
4045
|
+
flex-grow: 1;
|
|
4046
|
+
text-align: center;
|
|
4047
|
+
text-overflow: ellipsis;
|
|
4048
|
+
overflow: hidden;
|
|
4049
|
+
white-space: nowrap;
|
|
4050
|
+
`,Hx=Bx;import{forwardRef as Ex,useEffect as Wx,useId as Ox,useRef as lc,useState as Gx}from"react";import ht,{ThemeProvider as Nx}from"styled-components";import{jsx as Kt,jsxs as dc}from"react/jsx-runtime";var ac=(e,t)=>new RegExp(e).test(t),Vx=Ex(({label:e,name:t="",defaultValue:r="",value:n,helperText:i,placeholder:l="",disabled:a=!1,readOnly:c=!1,optional:d=!1,verticalGrow:s="auto",rows:m=4,onChange:g,onBlur:u,error:h,pattern:y,minLength:v,maxLength:f,autocomplete:_="off",margin:x,size:b="medium",tabIndex:L=0},B)=>{let[I,H]=Gx(r),R=`textarea-${Ox()}`,F=k(),w=X(),D=lc(null),O=lc(null),N=`error-${R}`,Z=T=>T===""&&!d,E=T=>T!==""&&v&&f&&(T.length<v||T.length>f),z=T=>{n??H(T),Z(T)?g?.({value:T,error:w.formFields.requiredValueErrorMessage}):E(T)?g?.({value:T,error:w.formFields.lengthErrorMessage(v,f)}):T&&y&&!ac(y,T)?g?.({value:T,error:w.formFields.formatRequestedErrorMessage}):g?.({value:T})},C=T=>{Z(T.target.value)?u?.({value:T.target.value,error:w.formFields.requiredValueErrorMessage}):E(T.target.value)?u?.({value:T.target.value,error:w.formFields.lengthErrorMessage(v,f)}):T.target.value&&y&&!ac(y,T.target.value)?u?.({value:T.target.value,error:w.formFields.formatRequestedErrorMessage}):u?.({value:T.target.value})},S=T=>{z(T.target.value)};return Wx(()=>{if(s==="auto"&&O.current!==(n??I)){let T=parseInt(window.getComputedStyle(D.current)["line-height"]),P=parseInt(window.getComputedStyle(D.current)["padding-top"])*2;D.current.style.height=`${T*m}px`;let M=D.current.scrollHeight-P;D.current.style.height=`${M}px`,O.current=n??I}},[s,n,I,m]),Kt(Nx,{theme:F.textarea,children:dc(Xx,{margin:x,size:b,ref:B,children:[e&&dc(Jx,{htmlFor:R,disabled:a,helperText:i,children:[e," ",d&&Kt(Kx,{children:w.formFields.optionalLabel})]}),i&&Kt(Ux,{disabled:a,children:i}),Kt(Yx,{id:R,name:t,value:n??I,placeholder:l,verticalGrow:s,rows:m,onChange:S,onBlur:C,disabled:a,readOnly:c,error:h,minLength:v,maxLength:f,autoComplete:_,ref:D,tabIndex:L,"aria-invalid":!!h,"aria-errormessage":h?N:void 0,"aria-required":!a&&!d}),!a&&typeof h=="string"&&Kt(Zx,{id:N,role:"alert","aria-live":h?"assertive":"off",children:h})]})})}),cc={small:"240px",medium:"360px",large:"480px",fillParent:"100%"},jx=(e,t)=>t==="fillParent"?`calc(${cc[t]} - ${j(e,"left")} - ${j(e,"right")})`:cc[t],Xx=ht.div`
|
|
4051
|
+
display: flex;
|
|
4052
|
+
flex-direction: column;
|
|
4053
|
+
width: ${e=>jx(e.margin,e.size)};
|
|
4054
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
4055
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
4056
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
4057
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
4058
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
4059
|
+
`,Jx=ht.label`
|
|
4060
|
+
color: ${e=>e.disabled?e.theme.disabledLabelFontColor:e.theme.labelFontColor};
|
|
4061
|
+
|
|
4062
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
4063
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
4064
|
+
font-style: ${e=>e.theme.labelFontStyle};
|
|
4065
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
4066
|
+
line-height: ${e=>e.theme.labelLineHeight};
|
|
4067
|
+
${e=>!e.helperText&&"margin-bottom: 0.25rem"}
|
|
4068
|
+
`,Kx=ht.span`
|
|
4069
|
+
font-weight: ${e=>e.theme.optionalLabelFontWeight};
|
|
4070
|
+
`,Ux=ht.span`
|
|
4071
|
+
color: ${e=>e.disabled?e.theme.disabledHelperTextFontColor:e.theme.helperTextFontColor};
|
|
4072
|
+
|
|
4073
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
4074
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
4075
|
+
font-style: ${e=>e.theme.helperTextFontStyle};
|
|
4076
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
4077
|
+
line-height: ${e=>e.theme.helperTextLineHeight};
|
|
4078
|
+
margin-bottom: 0.25rem;
|
|
4079
|
+
`,Yx=ht.textarea`
|
|
4080
|
+
${({verticalGrow:e})=>e==="none"?"resize: none;":e==="auto"?"resize: none; overflow: hidden;":e==="manual"?"resize: vertical;":"resize: none;"};
|
|
4081
|
+
|
|
4082
|
+
${e=>e.disabled?`background-color: ${e.theme.disabledContainerFillColor};`:"background-color: transparent;"}
|
|
4083
|
+
|
|
4084
|
+
padding: 0.5rem 1rem;
|
|
4085
|
+
box-shadow: 0 0 0 2px transparent;
|
|
4086
|
+
border-radius: 0.25rem;
|
|
4087
|
+
border: 1px solid
|
|
4088
|
+
${e=>{if(e.disabled)return e.theme.disabledBorderColor;if(e.error)return"transparent";if(e.readOnly)return e.theme.readOnlyBorderColor;e.theme.enabledBorderColor}};
|
|
4089
|
+
|
|
4090
|
+
${e=>e.error&&!e.disabled&&`box-shadow: 0 0 0 2px ${e.theme.errorBorderColor};
|
|
4091
|
+
`}
|
|
4092
|
+
|
|
4093
|
+
${e=>e.disabled?"cursor: not-allowed;":`&:hover {
|
|
4094
|
+
border-color: ${e.error?"transparent":e.readOnly?e.theme.hoverReadOnlyBorderColor:e.theme.hoverBorderColor};
|
|
4095
|
+
${e.error&&`box-shadow: 0 0 0 2px ${e.theme.hoverErrorBorderColor};`}
|
|
4096
|
+
}
|
|
4097
|
+
&:focus, &:focus-within {
|
|
4098
|
+
outline: none;
|
|
4099
|
+
border-color: transparent;
|
|
4100
|
+
box-shadow: 0 0 0 2px ${e.theme.focusBorderColor};
|
|
4101
|
+
}`};
|
|
4102
|
+
|
|
4103
|
+
color: ${e=>e.disabled?e.theme.disabledValueFontColor:e.theme.valueFontColor};
|
|
4104
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
4105
|
+
font-size: ${e=>e.theme.valueFontSize};
|
|
4106
|
+
font-style: ${e=>e.theme.valueFontStyle};
|
|
4107
|
+
font-weight: ${e=>e.theme.valueFontWeight};
|
|
4108
|
+
line-height: 1.5em;
|
|
4109
|
+
|
|
4110
|
+
::placeholder {
|
|
4111
|
+
color: ${e=>e.disabled?e.theme.disabledPlaceholderFontColor:e.theme.placeholderFontColor};
|
|
4112
|
+
}
|
|
4113
|
+
`,Zx=ht.span`
|
|
4114
|
+
color: ${e=>e.theme.errorMessageColor};
|
|
4115
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
4116
|
+
font-size: 0.75rem;
|
|
4117
|
+
font-weight: 400;
|
|
4118
|
+
min-height: 1.5em;
|
|
4119
|
+
line-height: 1.5em;
|
|
4120
|
+
margin-top: 0.25rem;
|
|
4121
|
+
`,qx=Vx;import{createContext as s_,useCallback as hc,useEffect as m_,useMemo as g_,useState as fc}from"react";import{createPortal as p_}from"react-dom";import u_ from"styled-components";import{memo as gc,useState as o_}from"react";import Zn,{keyframes as pc}from"styled-components";import{useRef as sc,useCallback as Qx,useEffect as mc}from"react";var e_=(e,t)=>{let r=sc(),n=sc(),i=Qx(()=>clearTimeout(n.current),[]);return mc(()=>{r.current=e},[e]),mc(()=>{if(t!=null)return n.current=setTimeout(r.current,t),i},[t,i]),i},Un=e_;import{jsx as So,jsxs as Yn}from"react/jsx-runtime";var Ut=e=>{switch(e){case"info":return{primaryColor:o.color_blue_700,secondaryColor:o.color_blue_100,icon:"filled_info"};case"success":return{primaryColor:o.color_green_700,secondaryColor:o.color_green_100,icon:"filled_check_circle"};case"warning":return{primaryColor:o.color_orange_700,secondaryColor:o.color_orange_100,icon:"filled_warning"};default:return{primaryColor:o.color_purple_700,secondaryColor:o.color_purple_100,icon:""}}},t_=Zn.div`
|
|
4122
|
+
display: flex;
|
|
4123
|
+
align-items: center;
|
|
4124
|
+
gap: ${o.spacing_8};
|
|
4125
|
+
overflow: hidden;
|
|
4126
|
+
|
|
4127
|
+
${({loading:e})=>!e&&`font-size: ${o.type_scale_05}`};
|
|
4128
|
+
> svg {
|
|
4129
|
+
width: 24px;
|
|
4130
|
+
height: 24px;
|
|
4131
|
+
}
|
|
4132
|
+
`,r_=Zn.span`
|
|
4133
|
+
color: ${o.color_black};
|
|
4134
|
+
font-family: ${o.type_sans};
|
|
4135
|
+
font-size: ${o.type_scale_02};
|
|
4136
|
+
font-weight: ${o.type_semibold};
|
|
4137
|
+
overflow: hidden;
|
|
4138
|
+
text-overflow: ellipsis;
|
|
4139
|
+
white-space: nowrap;
|
|
4140
|
+
`,n_=pc`
|
|
4141
|
+
0% {
|
|
4142
|
+
transform: translateY(100%);
|
|
4143
|
+
opacity: 0;
|
|
4144
|
+
}
|
|
4145
|
+
100% {
|
|
4146
|
+
transform: translateY(0);
|
|
4147
|
+
opacity: 1;
|
|
4148
|
+
}
|
|
4149
|
+
`,i_=pc`
|
|
4150
|
+
0% {
|
|
4151
|
+
transform: translateY(0);
|
|
4152
|
+
opacity: 1;
|
|
4153
|
+
}
|
|
4154
|
+
100% {
|
|
4155
|
+
transform: translateY(100%);
|
|
4156
|
+
opacity: 0;
|
|
4157
|
+
}
|
|
4158
|
+
`,l_=Zn.output`
|
|
4159
|
+
box-sizing: border-box;
|
|
4160
|
+
min-width: 200px;
|
|
4161
|
+
max-width: 600px;
|
|
4162
|
+
width: fit-content;
|
|
4163
|
+
border-radius: ${o.border_radius_medium};
|
|
4164
|
+
border-left: ${o.border_width_2} solid ${({semantic:e})=>Ut(e).primaryColor};
|
|
4165
|
+
box-shadow: 0px 2px 2px 0px rgba(181, 181, 181, 0.4);
|
|
4166
|
+
display: inline-flex;
|
|
4167
|
+
justify-content: space-between;
|
|
4168
|
+
gap: ${o.spacing_24};
|
|
4169
|
+
padding: ${o.spacing_8} ${o.spacing_12};
|
|
4170
|
+
background-color: ${({semantic:e})=>Ut(e).secondaryColor};
|
|
4171
|
+
color: ${({semantic:e})=>Ut(e).primaryColor};
|
|
4172
|
+
animation: ${({isClosing:e})=>e?i_:n_} 0.3s ease forwards;
|
|
4173
|
+
|
|
4174
|
+
@media (max-width: ${re.medium}rem) {
|
|
4175
|
+
max-width: 100%;
|
|
4176
|
+
}
|
|
4177
|
+
`,a_={spinner:{accentColor:Ut("info").primaryColor}},c_=gc(({icon:e,hideSemanticIcon:t,loading:r,semantic:n})=>n==="default"?typeof e=="string"?So($,{icon:e}):e:n==="info"&&r?So(ro,{theme:a_,children:So(Vn,{mode:"small"})}):!t&&So($,{icon:Ut(n).icon})),d_=({action:e,duration:t,hideSemanticIcon:r,icon:n,loading:i,message:l,onClear:a,semantic:c})=>{let[d,s]=o_(!1),m=X(),g=Un(()=>{s(!0)},i?null:t-300),u=Un(()=>{a()},i?null:t);return Yn(l_,{semantic:c,isClosing:d,role:"status",children:[Yn(t_,{loading:i,children:[So(c_,{semantic:c,icon:n,loading:i,hideSemanticIcon:r}),So(r_,{children:l})]}),Yn(te,{alignItems:"center",gap:"0.25rem",children:[e&&So(Me,{semantic:c,mode:"tertiary",size:{height:"small"},label:e.label,icon:e.icon,onClick:e.onClick}),So(Se,{icon:"clear",title:m.toast.clearToastActionTitle,onClick:()=>{i||(g(),u()),s(!0),setTimeout(()=>{a()},300)}})]})]})},uc=gc(d_);import{jsx as bc,jsxs as C_}from"react/jsx-runtime";var qn=s_(null),h_=e=>{let t="",r=!0;for(;r;)t=`${performance.now()}-${Math.random().toString(36).slice(2,9)}`,r=e.some(n=>n.id===t);return t},f_=u_.section`
|
|
4178
|
+
box-sizing: border-box;
|
|
4179
|
+
position: fixed;
|
|
4180
|
+
bottom: 0;
|
|
4181
|
+
right: 0;
|
|
4182
|
+
z-index: 2147483647;
|
|
4183
|
+
display: flex;
|
|
4184
|
+
flex-direction: column;
|
|
4185
|
+
align-items: flex-end;
|
|
4186
|
+
gap: ${o.spacing_8};
|
|
4187
|
+
padding: ${o.spacing_24};
|
|
4188
|
+
|
|
4189
|
+
@media (max-width: ${re.medium}rem) {
|
|
4190
|
+
align-items: center;
|
|
4191
|
+
width: 100%;
|
|
4192
|
+
}
|
|
4193
|
+
`,b_=({children:e,duration:t=3e3})=>{let[r,n]=fc([]),[i,l]=fc(!1),a=g_(()=>t>5e3?5e3:t<3e3?3e3:t,[t]),c=hc(s=>{n(m=>m.filter(g=>g.id!==s))},[]),d=hc((s,m)=>{let g=h_(r);return n(u=>[...u,{id:g,semantic:m,...s}].slice(-5)),()=>c(g)},[t]);return m_(()=>{l(!0)},[]),C_(qn.Provider,{value:{add:d},children:[i&&p_(bc(f_,{children:r.map(s=>bc(uc,{duration:a,onClear:()=>{c(s.id)},...s},s.id))}),document.body),e]})},y_=b_;import{useId as x_,useState as __}from"react";import Oo,{ThemeProvider as $_}from"styled-components";import{jsx as uo,jsxs as yc}from"react/jsx-runtime";var v_=({label:e,helperText:t,defaultValue:r,value:n,onChange:i,disabled:l=!1,options:a,margin:c,multiple:d=!1,tabIndex:s=0})=>{let m=`label-toggle-group-${x_()}`,[g,u]=__(r??(d?[]:-1)),h=k(),y=f=>{let _;if(n==null)if(d&&Array.isArray(g)){if(_=g.map(x=>x),_.includes(f)){let x=_.indexOf(f);_.splice(x,1)}else _.push(f);u(_)}else u(f===g?null:f);else if(d)if(_=Array.isArray(n)?n.map(x=>x):n,_.includes(f)){let x=_.indexOf(f);_.splice(x,1)}else _.push(f);i?.(d?_:f)},v=(f,_)=>{switch(f.key){case"Enter":case" ":f.preventDefault(),y(_)}};return uo($_,{theme:h.toggleGroup,children:yc(T_,{margin:c,children:[uo(k_,{id:m,disabled:l,children:e}),uo(F_,{disabled:l,children:t}),uo(w_,{"aria-labelledby":m,children:a.map((f,_)=>uo(le,{label:f.title,children:uo(S_,{"aria-label":f.title,"aria-pressed":d?n?Array.isArray(n)&&n.includes(f.value):Array.isArray(g)&&g.includes(f.value):n?f.value===n:f.value===g,disabled:l,onClick:()=>{y(f.value)},onKeyDown:x=>{v(x,f.value)},tabIndex:l?-1:s,hasIcon:f.icon,optionLabel:f.label,selected:d?n?Array.isArray(n)&&n.includes(f.value):Array.isArray(g)&&g.includes(f.value):n?f.value===n:f.value===g,children:yc(te,{alignItems:"center",children:[f.icon&&uo(B_,{optionLabel:f.label,children:typeof f.icon=="string"?uo($,{icon:f.icon}):f.icon}),f.label&&uo(I_,{children:f.label})]})},`toggle-${_}-${f.label}`)}))})]})})},T_=Oo.div`
|
|
4194
|
+
display: inline-flex;
|
|
4195
|
+
flex-direction: column;
|
|
4196
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
4197
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
4198
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
4199
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
4200
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
4201
|
+
`,k_=Oo.label`
|
|
4202
|
+
color: ${e=>e.disabled?e.theme.disabledLabelFontColor:e.theme.labelFontColor};
|
|
4203
|
+
font-family: ${e=>e.theme.labelFontFamily};
|
|
4204
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
4205
|
+
font-style: ${e=>e.theme.labelFontStyle};
|
|
4206
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
4207
|
+
line-height: ${e=>e.theme.labelLineHeight};
|
|
4208
|
+
`,F_=Oo.span`
|
|
4209
|
+
color: ${e=>e.disabled?e.theme.disabledHelperTextFontColor:e.theme.helperTextFontColor};
|
|
4210
|
+
font-family: ${e=>e.theme.helperTextFontFamily};
|
|
4211
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
4212
|
+
font-style: ${e=>e.theme.helperTextFontStyle};
|
|
4213
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
4214
|
+
line-height: ${e=>e.theme.helperTextLineHeight};
|
|
4215
|
+
`,w_=Oo.div`
|
|
4216
|
+
display: flex;
|
|
4217
|
+
gap: 0.25rem;
|
|
4218
|
+
width: max-content;
|
|
4219
|
+
height: calc(48px - 4px - 4px);
|
|
4220
|
+
padding: 0.25rem;
|
|
4221
|
+
border-width: ${e=>e.theme.containerBorderThickness};
|
|
4222
|
+
border-style: ${e=>e.theme.containerBorderStyle};
|
|
4223
|
+
border-radius: ${e=>e.theme.containerBorderRadius};
|
|
4224
|
+
border-color: ${e=>e.theme.containerBorderColor};
|
|
4225
|
+
margin-top: ${e=>e.theme.containerMarginTop};
|
|
4226
|
+
background-color: ${e=>e.theme.containerBackgroundColor};
|
|
4227
|
+
`,S_=Oo.button`
|
|
4228
|
+
display: flex;
|
|
4229
|
+
flex-direction: column;
|
|
4230
|
+
justify-content: center;
|
|
4231
|
+
padding-left: ${e=>e.optionLabel&&e.hasIcon||e.optionLabel&&!e.hasIcon?e.theme.labelPaddingLeft:e.theme.iconPaddingLeft};
|
|
4232
|
+
padding-right: ${e=>e.optionLabel&&e.hasIcon||e.optionLabel&&!e.hasIcon?e.theme.labelPaddingRight:e.theme.iconPaddingRight};
|
|
4233
|
+
border-width: ${e=>e.theme.optionBorderThickness};
|
|
4234
|
+
border-style: ${e=>e.theme.optionBorderStyle};
|
|
4235
|
+
border-radius: ${e=>e.theme.optionBorderRadius};
|
|
4236
|
+
background-color: ${e=>e.selected?e.theme.selectedBackgroundColor:e.theme.unselectedBackgroundColor};
|
|
4237
|
+
color: ${e=>e.selected?e.theme.selectedFontColor:e.theme.unselectedFontColor};
|
|
4238
|
+
cursor: pointer;
|
|
4239
|
+
|
|
4240
|
+
&:hover {
|
|
4241
|
+
background-color: ${e=>e.selected?e.theme.selectedHoverBackgroundColor:e.theme.unselectedHoverBackgroundColor};
|
|
4242
|
+
}
|
|
4243
|
+
&:active {
|
|
4244
|
+
background-color: ${e=>e.selected?e.theme.selectedActiveBackgroundColor:e.theme.unselectedActiveBackgroundColor};
|
|
4245
|
+
color: #ffffff;
|
|
4246
|
+
}
|
|
4247
|
+
&:focus {
|
|
4248
|
+
outline: none;
|
|
4249
|
+
box-shadow: ${e=>`0 0 0 ${e.theme.optionFocusBorderThickness} ${e.theme.focusColor}`};
|
|
4250
|
+
}
|
|
4251
|
+
&:disabled {
|
|
4252
|
+
background-color: ${e=>e.selected?e.theme.selectedDisabledBackgroundColor:e.theme.unselectedDisabledBackgroundColor};
|
|
4253
|
+
color: ${e=>e.selected?e.theme.selectedDisabledFontColor:e.theme.unselectedDisabledFontColor};
|
|
4254
|
+
cursor: not-allowed;
|
|
4255
|
+
}
|
|
4256
|
+
`,I_=Oo.span`
|
|
4257
|
+
font-family: ${e=>e.theme.optionLabelFontFamily};
|
|
4258
|
+
font-size: ${e=>e.theme.optionLabelFontSize};
|
|
4259
|
+
font-style: ${e=>e.theme.optionLabelFontStyle};
|
|
4260
|
+
font-weight: ${e=>e.theme.optionLabelFontWeight};
|
|
4261
|
+
`,B_=Oo.div`
|
|
4262
|
+
display: flex;
|
|
4263
|
+
margin-right: ${e=>e.optionLabel&&e.theme.iconMarginRight};
|
|
4264
|
+
overflow: hidden;
|
|
4265
|
+
font-size: 24px;
|
|
4266
|
+
svg {
|
|
4267
|
+
height: 24px;
|
|
4268
|
+
width: 24px;
|
|
4269
|
+
}
|
|
4270
|
+
`,P_=v_;import{useState as L_}from"react";import Ve,{ThemeProvider as D_}from"styled-components";import{jsx as _e,jsxs as ft}from"react/jsx-runtime";var Cc={validIcon:ft("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",children:[_e("path",{"data-name":"Path 2946",d:"M0,0H18V18H0Z",fill:"none"}),_e("path",{"data-name":"Path 2947",d:"M9.986,4a5.986,5.986,0,1,0,5.986,5.986A5.994,5.994,0,0,0,9.986,4Zm-1.5,9.727L5.5,10.734,6.551,9.679l1.938,1.93L13.42,6.679l1.055,1.063Z",transform:"translate(-0.986 -0.986)",fill:"#eafaef",opacity:"0.999"}),_e("path",{"data-name":"Path 2948",d:"M9.493,2a7.493,7.493,0,1,0,7.493,7.493A7.5,7.5,0,0,0,9.493,2Zm0,13.487a5.994,5.994,0,1,1,5.994-5.994A6,6,0,0,1,9.493,15.487Zm3.439-9.306L7.994,11.119,6.054,9.186,5,10.242l3,3,5.994-5.994Z",transform:"translate(-0.493 -0.493)",fill:"#24a148"})]}),invalidIcon:ft("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",children:[_e("path",{"data-name":"Path 2943",d:"M0,0H18V18H0Z",fill:"none"}),_e("path",{"data-name":"Path 2944",d:"M10,4a6,6,0,1,0,6,6A6.01,6.01,0,0,0,10,4Zm3,7.945L11.945,13,10,11.06,8.059,13,7,11.945,8.944,10,7,8.059,8.059,7,10,8.944,11.945,7,13,8.059,11.06,10Z",transform:"translate(-1.002 -1.002)",fill:"#ffe6e9"}),_e("path",{"data-name":"Path 2945",d:"M11.444,6.5,9.5,8.443,7.558,6.5,6.5,7.558,8.443,9.5,6.5,11.444,7.558,12.5,9.5,10.558,11.444,12.5,12.5,11.444,10.558,9.5,12.5,7.558ZM9.5,2A7.5,7.5,0,1,0,17,9.5,7.494,7.494,0,0,0,9.5,2Zm0,13.5a6,6,0,1,1,6-6A6.009,6.009,0,0,1,9.5,15.5Z",transform:"translate(-0.501 -0.501)",fill:"#d0011b"})]})},z_=({mode:e="horizontal",defaultCurrentStep:t,currentStep:r,onStepClick:n,steps:i,margin:l,tabIndex:a=0})=>{let[c,d]=L_(r??t??0),s=r??c,m=k(),g=u=>{r==null&&d(u),n&&n(u)};return _e(D_,{theme:m.wizard,children:_e(A_,{mode:e,margin:l,role:"group",children:i?.map((u,h)=>ft(R_,{mode:e,lastStep:h===i?.length-1,children:[ft(H_,{onClick:()=>{g(h)},disabled:u.disabled,mode:e,first:h===0,last:h===i?.length-1,"aria-current":s===h?"step":"false",tabIndex:a,children:[ft(M_,{validityIcon:u.valid!==void 0,children:[_e(E_,{current:h===s,visited:h<s,disabled:u.disabled,children:u.icon?typeof u.icon=="string"?_e($,{icon:u.icon}):u.icon:_e(W_,{children:h+1})}),u.valid!==void 0&&(u.valid?_e(xc,{children:Cc.validIcon}):_e(xc,{children:Cc.invalidIcon}))]}),(u.label||u.description)&&ft(O_,{children:[u.label&&_e(G_,{current:h===s,disabled:u.disabled,visited:h<=c,children:u.label}),u.description&&_e(N_,{current:h===s,disabled:u.disabled,visited:h<=c,children:u.description})]})]}),h===i.length-1?"":_e(V_,{mode:e})]},`step${h}`))})})},A_=Ve.div`
|
|
4271
|
+
display: flex;
|
|
4272
|
+
flex-direction: ${e=>e.mode==="vertical"?"column":"row"};
|
|
4273
|
+
justify-content: center;
|
|
4274
|
+
${e=>e.mode==="vertical"&&"height: 500px"};
|
|
4275
|
+
font-family: ${e=>e.theme.fontFamily};
|
|
4276
|
+
margin: ${e=>e.margin&&typeof e.margin!="object"?p[e.margin]:"0px"};
|
|
4277
|
+
margin-top: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.top?p[e.margin.top]:""};
|
|
4278
|
+
margin-right: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.right?p[e.margin.right]:""};
|
|
4279
|
+
margin-bottom: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.bottom?p[e.margin.bottom]:""};
|
|
4280
|
+
margin-left: ${e=>e.margin&&typeof e.margin=="object"&&e.margin.left?p[e.margin.left]:""};
|
|
4281
|
+
`,R_=Ve.div`
|
|
4282
|
+
display: inline-flex;
|
|
4283
|
+
${e=>e.mode!=="vertical"&&"align-items: center;"}
|
|
4284
|
+
flex-grow: ${e=>e.lastStep?"0":"1"};
|
|
4285
|
+
flex-direction: ${e=>e.mode==="vertical"?"column":"row"};
|
|
4286
|
+
${e=>e.mode==="vertical"&&"width: fit-content;"}
|
|
4287
|
+
`,H_=Ve.button`
|
|
4288
|
+
display: flex;
|
|
4289
|
+
justify-content: flex-start;
|
|
4290
|
+
align-items: center;
|
|
4291
|
+
border: none;
|
|
4292
|
+
border-radius: 0.25rem;
|
|
4293
|
+
background: inherit;
|
|
4294
|
+
margin: ${e=>e.first?e.mode==="vertical"?"0 0 24px 0":"0 24px 0 0":e.last?e.mode==="vertical"?"24px 0 0 0":"0 0 0 24px":e.mode==="vertical"?"24px 0":"0 24px"};
|
|
4295
|
+
|
|
4296
|
+
padding: 0px;
|
|
4297
|
+
${e=>e.disabled?"cursor: not-allowed":""};
|
|
4298
|
+
|
|
4299
|
+
&:hover {
|
|
4300
|
+
${e=>e.disabled?"":"cursor: pointer"};
|
|
4301
|
+
}
|
|
4302
|
+
&:focus {
|
|
4303
|
+
outline: 2px solid ${e=>e.theme.focusColor};
|
|
4304
|
+
}
|
|
4305
|
+
`,M_=Ve.div`
|
|
4306
|
+
position: relative;
|
|
4307
|
+
display: inline-flex;
|
|
4308
|
+
${e=>e.validityIcon&&"padding-bottom: 4px;"}
|
|
4309
|
+
`,E_=Ve.div`
|
|
4310
|
+
width: ${e=>e.disabled?e.theme.disabledStepWidth:e.current?e.theme.selectedStepWidth:e.theme.stepWidth};
|
|
4311
|
+
height: ${e=>e.disabled?e.theme.disabledStepHeight:e.current?e.theme.selectedStepHeight:e.theme.stepHeight};
|
|
4312
|
+
|
|
4313
|
+
${e=>`
|
|
4314
|
+
${e.disabled?`border: ${e.theme.disabledStepBorderThickness} ${e.theme.disabledStepBorderStyle} ${e.theme.disabledStepBorderColor};`:e.current?`border: ${e.theme.selectedStepBorderThickness} ${e.theme.selectedStepBorderStyle} ${e.theme.selectedStepBorderColor};`:e.visited?`border: ${e.theme.stepBorderThickness} ${e.theme.stepBorderStyle} ${e.theme.visitedStepBorderColor};`:`border: ${e.theme.stepBorderThickness} ${e.theme.stepBorderStyle} ${e.theme.unvisitedStepBorderColor};`}
|
|
4315
|
+
background: ${e.disabled?`${e.theme.disabledStepBackgroundColor}`:e.current?`${e.theme.selectedStepBackgroundColor}`:e.visited?`${e.theme.visitedStepBackgroundColor}`:`${e.theme.unvisitedStepBackgroundColor}`};
|
|
4316
|
+
`}
|
|
4317
|
+
${e=>e.disabled?`color: ${e.theme.disabledStepFontColor};`:`color: ${e.current?e.theme.selectedStepFontColor:e.visited?e.theme.visitedStepFontColor:e.theme.unvisitedStepFontColor};`};
|
|
4318
|
+
|
|
4319
|
+
border-radius: ${e=>!e.current&&!e.disabled?e.theme.stepBorderRadius:e.current?e.theme.selectedStepBorderRadius:e.disabled?e.theme.disabledStepBorderRadius:""};
|
|
4320
|
+
|
|
4321
|
+
display: flex;
|
|
4322
|
+
justify-content: center;
|
|
4323
|
+
align-items: center;
|
|
4324
|
+
overflow: hidden;
|
|
4325
|
+
font-size: ${e=>e.theme.stepIconSize};
|
|
4326
|
+
svg {
|
|
4327
|
+
width: ${e=>e.theme.stepIconSize};
|
|
4328
|
+
height: ${e=>e.theme.stepIconSize};
|
|
4329
|
+
}
|
|
4330
|
+
`,W_=Ve.p`
|
|
4331
|
+
font-size: ${e=>e.theme.stepFontSize};
|
|
4332
|
+
font-family: ${e=>e.theme.stepFontFamily};
|
|
4333
|
+
font-style: ${e=>e.theme.stepFontStyle};
|
|
4334
|
+
font-weight: ${e=>e.theme.stepFontWeight};
|
|
4335
|
+
letter-spacing: ${e=>e.theme.stepFontTracking};
|
|
4336
|
+
opacity: 1;
|
|
4337
|
+
margin: 0px 0px 0px 1px;
|
|
4338
|
+
`,xc=Ve.div`
|
|
4339
|
+
width: 18px;
|
|
4340
|
+
height: 18px;
|
|
4341
|
+
position: absolute;
|
|
4342
|
+
top: 22.5px;
|
|
4343
|
+
left: 22.5px;
|
|
4344
|
+
`,O_=Ve.div`
|
|
4345
|
+
margin-left: 12px;
|
|
4346
|
+
`,G_=Ve.p`
|
|
4347
|
+
text-align: ${e=>e.theme.labelTextAlign};
|
|
4348
|
+
font-family: ${e=>e.theme.labelFontFamily};
|
|
4349
|
+
font-size: ${e=>e.theme.labelFontSize};
|
|
4350
|
+
font-style: ${e=>e.theme.labelFontStyle};
|
|
4351
|
+
font-weight: ${e=>e.theme.labelFontWeight};
|
|
4352
|
+
letter-spacing: ${e=>e.theme.labelFontTracking};
|
|
4353
|
+
${e=>e.disabled?`color: ${e.theme.disabledLabelFontColor};`:`color: ${e.visited?e.current?e.theme.selectedLabelFontColor:e.theme.visitedLabelFontColor:e.theme.unvisitedLabelFontColor};`};
|
|
4354
|
+
text-transform: ${e=>e.theme.labelFontTextTransform};
|
|
4355
|
+
margin: 0;
|
|
4356
|
+
`,N_=Ve.p`
|
|
4357
|
+
text-align: ${e=>e.theme.helperTextTextAlign};
|
|
4358
|
+
font-family: ${e=>e.theme.helperTextFontFamily};
|
|
4359
|
+
font-size: ${e=>e.theme.helperTextFontSize};
|
|
4360
|
+
font-style: ${e=>e.theme.helperTextFontStyle};
|
|
4361
|
+
font-weight: ${e=>e.theme.helperTextFontWeight};
|
|
4362
|
+
letter-spacing: ${e=>e.theme.helperTextFontTracking};
|
|
4363
|
+
text-transform: ${e=>e.theme.helperTextFontTextTransform};
|
|
4364
|
+
${e=>e.disabled?`color: ${e.theme.disabledHelperTextFontColor};`:`color: ${e.visited?e.current?e.theme.selectedHelperTextFontColor:e.theme.visitedHelperTextFontColor:e.theme.unvisitedHelperTextFontColor};`};
|
|
4365
|
+
margin: 0;
|
|
4366
|
+
`,V_=Ve.div`
|
|
4367
|
+
${e=>e.mode==="horizontal"?"height: 0;":"width: 0;"};
|
|
4368
|
+
${e=>e.mode==="vertical"&&"margin: 0 18px;"}
|
|
4369
|
+
border: ${e=>`${e.theme.separatorBorderStyle} ${e.theme.separatorBorderThickness} ${e.theme.separatorColor}`};
|
|
4370
|
+
opacity: 1;
|
|
4371
|
+
flex-grow: 1;
|
|
4372
|
+
`,j_=z_;import{useContext as X_,useMemo as J_}from"react";var K_=()=>{let{add:e}=X_(qn);return J_(()=>({default:r=>e(r,"default"),success:r=>e(r,"success"),warning:r=>e(r,"warning"),info:r=>e(r,"info"),loading:r=>e({...r,loading:!0},"info")}),[e])},U_=K_;export{Xr as DxcAccordion,Cd as DxcAccordionGroup,zd as DxcAlert,Rm as DxcApplicationLayout,Do as DxcBadge,nr as DxcBleed,tg as DxcBreadcrumbs,yg as DxcBulletedList,Me as DxcButton,Hg as DxcCard,Ko as DxcCheckbox,tp as DxcChip,ap as DxcContainer,Up as DxcContextualMenu,nh as DxcDataGrid,If as DxcDateInput,Uf as DxcDialog,rn as DxcDivider,Bo as DxcDropdown,$b as DxcFileInput,te as DxcFlex,kb as DxcGrid,kn as DxcHeading,Wb as DxcImage,Zo as DxcInset,Qb as DxcLink,C0 as DxcNavTabs,w0 as DxcNumberInput,Lt as DxcPaginator,I0 as DxcParagraph,M0 as DxcPasswordInput,Z0 as DxcProgressBar,ry as DxcQuickNav,Iy as DxcRadioGroup,Gy as DxcResultsetTable,$r as DxcSelect,aC as DxcSlider,Vn as DxcSpinner,TC as DxcStatusLight,HC as DxcSwitch,mn as DxcTable,kx as DxcTabs,Hx as DxcTag,mo as DxcTextInput,qx as DxcTextarea,y_ as DxcToastsQueue,P_ as DxcToggleGroup,pi as DxcTooltip,zo as DxcTypography,j_ as DxcWizard,jr as HalstackContext,Yt as HalstackLanguageContext,ro as HalstackProvider,U_ as useToast};
|